Files
his/openhis-ui-vue3/src/views/medicationmanagement/statisticalManagement/requisitionDetails.vue
2025-09-03 15:54:55 +08:00

417 lines
11 KiB
Vue

<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryRef"
:inline="true"
label-width="90px"
>
<!-- <el-form-item label="单据号:" prop="busNo">
<el-input
v-model="queryParams.busNo"
placeholder="单据号:"
clearable
style="width: 200px;"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="药品名称:" prop="searchKey">
<el-input
v-model="queryParams.searchKey"
placeholder="项目编号/项目品名"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="编码:" prop="medicationDefId">
<el-input
v-model="queryParams.medicationDefId"
placeholder="编码:"
clearable
style="width: 200px;"
@keyup.enter="handleQuery"
/>
</el-form-item> -->
<el-form-item label="项目名称:" prop="searchKey">
<el-input
v-model="queryParams.searchKey"
placeholder="编码/单据号/药品名称"
clearable
style="width: 200px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="存放库房:" prop="sourceLocationId">
<el-select
v-model="queryParams.sourceLocationId"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="supplyStatus in locationIdList"
:key="supplyStatus.value"
:label="supplyStatus.name"
:value="supplyStatus.id"
/>
</el-select>
</el-form-item>
<el-form-item label="审核日期:">
<el-date-picker
v-model="occurrenceTime"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 300px"
value-format="YYYY-MM-DD"
/>
</el-form-item>
<el-form-item label="领用科室:" prop="purposeLocationId">
<el-select
v-model="queryParams.purposeLocationId"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="issueDepartment in issueDepartmentDto"
:key="issueDepartment.id"
:label="issueDepartment.name"
:value="issueDepartment.id"
/>
</el-select>
</el-form-item>
<el-form-item label="供应商:" prop="supplierId">
<el-select
v-model="queryParams.supplierId"
placeholder=""
clearable
style="width: 150px"
>
<el-option
v-for="supplierList in supplierListOptions"
:key="supplierList.value"
:label="supplierList.label"
:value="supplierList.value"
/>
</el-select>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<!-- v-hasPermi="['system:user:import']" -->
<el-button
type="primary"
plain
icon="Search"
@click="handleQuery"
>查询</el-button
>
</el-col>
<el-col :span="1.5">
<!-- v-hasPermi="['system:user:export']" -->
<el-button
type="warning"
plain
icon="CircleClose"
@click="handleClear"
>重置</el-button
>
</el-col>
</el-row>
<el-table
v-loading="loading"
:data="purchaseinventoryList"
@selection-change="handleSelectionChange"
>
<el-table-column type="selection" width="50" align="center" />
<!-- <el-table-column
label="药品名称"
align="center"
key="name"
prop="name"
:show-overflow-tooltip="true"
width="110"
/> -->
<el-table-column
label="单据号"
align="center"
key="supplyBusno"
prop="supplyBusno"
width="200"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="出库类型"
align="center"
key="formEnum_enumText"
prop="formEnum_enumText"
width="90"
:show-overflow-tooltip="true"
/> -->
<!-- itemTable -->
<el-table-column
label="药品名称"
align="center"
key="name"
prop="name"
width="140"
:show-overflow-tooltip="true"
/>
<el-table-column
label="编码"
align="center"
key="busNo"
prop="busNo"
width="140"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="药品类型"
align="center"
key="medicationType"
prop="medicationType"
width="90"
:show-overflow-tooltip="true"
/> -->
<el-table-column
label="生产批号"
align="center"
key="lotNumber"
prop="lotNumber"
width="140px"
:show-overflow-tooltip="true"
/>
<el-table-column
label="存放库房"
align="center"
key="sourceLocationName"
prop="sourceLocationName"
width="140"
:show-overflow-tooltip="true"
/>
<el-table-column
label="货位"
align="center"
key="sourceLocationStoreName"
prop="sourceLocationStoreName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="计量单位"
align="center"
key="unitCode_dictText"
prop="unitCode_dictText"
:show-overflow-tooltip="true"
/>
<el-table-column
label="出库数量"
align="center"
key="itemQuantity"
prop="itemQuantity"
:show-overflow-tooltip="true"
/>
<el-table-column
label="采购单价"
align="center"
key="purchasePrice"
prop="purchasePrice"
:show-overflow-tooltip="true"
/>
<!-- <el-table-column
label="采购金额"
align="center"
key="totalPrice"
prop="totalPrice"
:show-overflow-tooltip="true"
/> -->
<el-table-column
label="领用单价"
align="center"
key="price"
prop="price"
:show-overflow-tooltip="true"
/>
<el-table-column
label="金额"
align="center"
key="totalPrice"
prop="totalPrice"
:show-overflow-tooltip="true"
/>
<el-table-column
label="领用科室"
align="center"
key="purposeLocationName"
prop="purposeLocationName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="供应商"
align="center"
key="supplierId_dictText"
prop="supplierId_dictText"
:show-overflow-tooltip="true"
/>
<el-table-column
label="审核人"
align="center"
key="approverId_dictText"
prop="approverId_dictText"
:show-overflow-tooltip="true"
/>
<el-table-column
label="审核日期"
align="center"
key="approvalTime"
prop="approvalTime"
width="160"
:show-overflow-tooltip="true"
>
<template #default="scope">
<span>{{ parseTime(scope.row.approvalTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="备注"
align="center"
key="remake"
prop="remake"
:show-overflow-tooltip="true"
/>
</el-table>
<pagination
v-show="total > 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script setup name="requisitionDetails">
import {
getRreportOutboundPage,
getPharmacyCabinetList,
getDepartmentList,
getOutboundInit
} from "./statisticalManagent";
const { proxy } = getCurrentInstance();
const {
item_type,
} = proxy.useDict(
"item_type",
);
const purchaseinventoryList = ref([]);
const loading = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const occurrenceTime = ref([]);
const supplierListOptions = ref([]);
const locationIdList = ref([]);
const issueDepartmentDto = ref([])
const data = reactive({
form: {},
queryParams: {
pageNo: 1,
pageSize: 10,
searchKey: undefined,
purposeLocationId:undefined,
sourceLocationId: undefined,
supplierId: undefined,
approvalTimeSTime:undefined,
approvalTimeETime:undefined,
},
rules: {},
});
const { queryParams, form, rules } = toRefs(data);
function getPharmacyCabinetLists() {
getPharmacyCabinetList().then((response) => {
locationIdList.value = response.data
});
getOutboundInit().then((response) => {
supplierListOptions.value = response.data.supplierListOptions
})
}
/** 查询调拨管理项目列表 */
function getList() {
getDepartmentList().then((response) => {
issueDepartmentDto.value = response.data
})
loading.value = true;
getRreportOutboundPage(queryParams.value).then((res) => {
loading.value = false;
purchaseinventoryList.value = res.data.records
// if(purchaseinventoryList.value&& purchaseinventoryList.value.length>0){
// purchaseinventoryList.value.map((k,index)=>{
// k.inventoryStatusEnum_enumText = k.inventoryStatusEnum==2?'未停供':(k.inventoryStatusEnum==3?'已停供':'')
// })
// }
total.value = res.data.total;
});
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.approvalTimeSTime =
occurrenceTime.value && occurrenceTime.value.length == 2
? occurrenceTime.value[0] + " 00:00:00"
: "";
queryParams.value.approvalTimeETime =
occurrenceTime.value && occurrenceTime.value.length == 2
? occurrenceTime.value[1] + " 23:59:59"
: "";
queryParams.value.pageNo = 1;
getList();
}
/** 清空条件按钮操作 */
function handleClear() {
// 清空查询条件
queryParams.value.approvalTimeSTime = ""
queryParams.value.approvalTimeETime = ""
occurrenceTime.value = ""
proxy.resetForm("queryRef");
getList();
}
/** 选择条数 */
function handleSelectionChange(selection) {
ids.value = selection.map((item) => item.id);
single.value = selection.length != 1;
multiple.value = !selection.length;
}
getList();
getPharmacyCabinetLists()
</script>
<style scoped>
.custom-tree-node {
display: flex;
align-items: center;
}
.title {
font-weight: bold;
font-size: large;
margin-bottom: 10px;
}
</style>