chenqi
71e3601d51
- 在处方列表中新增总价、剂量和剂量数量字段 - 修复药品审批页面跳转时仓库信息丢失问题 - 扩展药品列表列宽度并启用溢出提示功能 - 为采购单界面添加多种视图状态下的字段禁用逻辑 - 优化采购单仓库位置字段的初始化流程，防止数据丢失
369 lines
11 KiB
Vue
369 lines
11 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<div class="table-header">
|
||
<el-input
|
||
class="table-header-search"
|
||
placeholder="单据号"
|
||
v-model="queryParams.searchKey"
|
||
></el-input>
|
||
<el-select
|
||
class="table-header-search"
|
||
v-model="queryParams.statusEnum"
|
||
placeholder="审批状态"
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="item in supplyStatusOption"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
<el-select
|
||
class="table-header-search"
|
||
v-model="queryParams.typeEnum"
|
||
placeholder="单据类型"
|
||
clearable
|
||
>
|
||
<el-option
|
||
v-for="item in supplyTypeOption"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
/>
|
||
</el-select>
|
||
<el-date-picker
|
||
v-model="queryParams.applyTime"
|
||
placeholder="请选择申请日期"
|
||
type="date"
|
||
size="default"
|
||
placement="bottom"
|
||
@change="handleDateQuery"
|
||
value-format="YYYY-MM-DD"
|
||
/>
|
||
<el-button
|
||
class="table-header-button"
|
||
type="primary"
|
||
plain
|
||
icon="Download"
|
||
@click="handleExport"
|
||
>
|
||
导出
|
||
</el-button>
|
||
<el-button
|
||
class="table-header-button"
|
||
icon="Refresh"
|
||
@click="
|
||
() => {
|
||
queryParams = {
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
statusEnum: undefined,
|
||
searchKey: undefined,
|
||
typeEnum: undefined,
|
||
};
|
||
getList();
|
||
}
|
||
"
|
||
>
|
||
重置
|
||
</el-button>
|
||
<el-button class="table-header-button" type="primary" @click="getList" icon="Search">
|
||
搜索
|
||
</el-button>
|
||
</div>
|
||
<el-table max-height="700" :data="receiptList" row-key="supplyBusNo" v-loading="loading">
|
||
<el-table-column label="单据号" align="center" prop="supplyBusNo" width="160" />
|
||
<el-table-column label="审批状态" align="center" prop="statusEnum_enumText" />
|
||
<el-table-column label="单据类型" align="center" prop="typeEnum_enumText" />
|
||
<el-table-column label="经手人" align="center" prop="practitionerId_dictText">
|
||
<template #default="scope">
|
||
<span>{{ scope.row.practitionerId_dictText || '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="供应商"
|
||
align="center"
|
||
prop="supplierId_dictText"
|
||
width="180"
|
||
:show-overflow-tooltip="true"
|
||
>
|
||
<template #default="scope">
|
||
<span>{{ scope.row.supplierId_dictText || '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="目的仓库" align="center" prop="purposeLocationId_dictText">
|
||
<template #default="scope">
|
||
<span>{{ scope.row.purposeLocationId_dictText || '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="总金额" align="center" prop="totalAmount">
|
||
<template #default="scope">
|
||
<span v-if="scope.row.totalAmount">{{ scope.row.totalAmount }} 元 </span>
|
||
<span v-else>{{ '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="申请人" align="center" prop="applicantId_dictText">
|
||
<template #default="scope">
|
||
<span>{{ scope.row.applicantId_dictText || '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="申请时间" align="center" prop="applyTime" width="180">
|
||
<template #default="scope">
|
||
{{ formatDate(scope.row.applyTime) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="审批人" align="center" prop="approverId_dictText">
|
||
<template #default="scope">
|
||
<span>{{ scope.row.approverId_dictText || '-' }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="审批时间" align="center" prop="approvalTime" width="180">
|
||
<template #default="scope">
|
||
{{ formatDate(scope.row.approvalTime) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="操作"
|
||
align="center"
|
||
width="200"
|
||
class-name="small-padding fixed-width"
|
||
>
|
||
<template #default="scope">
|
||
<el-button
|
||
link
|
||
type="primary"
|
||
@click="handelApplys(scope.row, 'apply')"
|
||
:disabled="scope.row.statusEnum == 3 || scope.row.statusEnum == 4"
|
||
>
|
||
审批
|
||
</el-button>
|
||
<el-button link type="primary" @click="handelApplys(scope.row, 'view')"> 查看 </el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<pagination
|
||
v-show="total > 0"
|
||
:total="total"
|
||
v-model:page="queryParams.pageNo"
|
||
v-model:limit="queryParams.pageSize"
|
||
@pagination="getList"
|
||
/>
|
||
<ChkstockDetailsDialog ref="detailsDialogRef" :isApply="isApply" />
|
||
<TransferDetailsDialog ref="tranDetailsDialogRef" :isApply="isApply" />
|
||
</div>
|
||
</template>
|
||
|
||
<script setup name="Billapproval">
|
||
import {
|
||
getpurchaseInventoryDetail,
|
||
getReceiptList,
|
||
init,
|
||
lossReportApproved,
|
||
productStocktakingApproved,
|
||
productTransferApproved,
|
||
purchaseInventoryApproved,
|
||
requisitionIssueApproved,
|
||
returnIssueApproved,
|
||
} from './components/api';
|
||
import {useStore} from '@/store/store';
|
||
import {formatDate} from '@/utils/index';
|
||
import ChkstockDetailsDialog from '@/views/medicationmanagement/chkstock/components/chkstockDetailsDialog.vue';
|
||
import TransferDetailsDialog from '@/views/medicationmanagement/transferManagent/components/transferDetailsDialog.vue';
|
||
|
||
const router = useRouter();
|
||
const route = useRoute();
|
||
const store = useStore();
|
||
const { proxy } = getCurrentInstance();
|
||
const emit = defineEmits(['selectAdviceBase']);
|
||
const total = ref(0);
|
||
const isApply = ref(false);
|
||
const queryParams = ref({
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
});
|
||
const receiptList = ref([]);
|
||
const supplyTypeOption = ref([]);
|
||
const supplyStatusOption = ref([]);
|
||
const loading = ref(false);
|
||
|
||
watch(
|
||
() => route.query.type,
|
||
(newVlaue) => {
|
||
if (newVlaue) {
|
||
getList();
|
||
}
|
||
},
|
||
{ immediate: true }
|
||
);
|
||
|
||
getList();
|
||
function getList() {
|
||
loading.value = true;
|
||
getReceiptList(queryParams.value).then((res) => {
|
||
receiptList.value = res.data.records;
|
||
total.value = res.data.total;
|
||
loading.value = false;
|
||
});
|
||
}
|
||
|
||
function handelApply(row) {
|
||
if (row.typeEnum == 2 || row.typeEnum == 8) {
|
||
//商品调拨 8 批量
|
||
productTransferApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
} else if (row.typeEnum == 7) {
|
||
//领用出库审批通过
|
||
requisitionIssueApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
} else if (row.typeEnum == 9) {
|
||
//领用退库审批通过
|
||
returnIssueApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
} else if (row.typeEnum == 4 || row.typeEnum == 10) {
|
||
//盘点审批 批量盘点10通过
|
||
productStocktakingApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
} else if (row.typeEnum == 6) {
|
||
// 报损审批通过
|
||
lossReportApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
} else {
|
||
purchaseInventoryApproved(row.supplyBusNo).then((res) => {
|
||
if (res.code == 200) {
|
||
proxy.$modal.msgSuccess('操作成功');
|
||
getList();
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// 审批,查看
|
||
function handelApplys(row, view) {
|
||
if (row.typeEnum == 100086) {
|
||
//商品调拨
|
||
// 跳转到审核页面
|
||
router.replace({
|
||
path: '/medicationmanagement/transferManagement/transferManagent',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
} else if (row.typeEnum == 8 || row.typeEnum == 2) {
|
||
//8 批量
|
||
isApply.value = true;
|
||
proxy.$refs['tranDetailsDialogRef'].open(row.supplyBusNo);
|
||
} else if (row.typeEnum == 7) {
|
||
//领用出库审批通过
|
||
router.replace({
|
||
path: '/medicationmanagement/requisitionManagement/requisitionManagement',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
} else if (row.typeEnum == 9) {
|
||
//领用退库审批通过
|
||
router.replace({
|
||
path: '/medicationmanagement/requisitionManagement/returningInventory',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
} else if (row.typeEnum == 4) {
|
||
isApply.value = true;
|
||
//盘点审批
|
||
proxy.$refs['detailsDialogRef'].open(row.supplyBusNo);
|
||
} else if (row.typeEnum == 10) {
|
||
// 批量盘点
|
||
router.replace({
|
||
path: '/medicationmanagement/chkstock/chkstockBatch',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
} else if (row.typeEnum == 6) {
|
||
// 报损审批通过
|
||
router.replace({
|
||
path: '/medicationmanagement/lossReportingManagement/lossReportingManagement',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
} else if (row.typeEnum == 5) {
|
||
// 采购退货通过5
|
||
router.replace({
|
||
path: '/medicationmanagement/medicationmanagement/returnedPurchase',
|
||
query: { originalSupplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
// });
|
||
} else {
|
||
// 采购入库 1
|
||
getpurchaseInventoryDetail(row.supplyBusNo).then((response) => {
|
||
let currentData = response.data;
|
||
// 从明细数据中获取仓库ID并设置到row，确保跳转后仓库字段能正确显示
|
||
if (currentData && currentData.length > 0 && !row.purposeLocationId) {
|
||
row.purposeLocationId = currentData[0].purposeLocationId;
|
||
row.purposeLocationId_dictText = currentData[0].purposeLocationName;
|
||
}
|
||
store.setCurrentData({ editRow: row, item: currentData });
|
||
router.replace({
|
||
path: '/medicationmanagement/medicationmanagement/purchaseDocument',
|
||
query: { supplyBusNo: row.supplyBusNo, view: view },
|
||
});
|
||
});
|
||
}
|
||
}
|
||
|
||
function handleDateQuery(value) {
|
||
if (value) {
|
||
queryParams.value.applyTimeSTime = value + ' 00:00:00';
|
||
queryParams.value.applyTimeETime = value + ' 23:59:59';
|
||
} else {
|
||
queryParams.value.applyTimeSTime = undefined;
|
||
queryParams.value.applyTimeETime = undefined;
|
||
}
|
||
}
|
||
function handleExport() {
|
||
proxy.downloadGet(
|
||
'inventory-manage/receipt/export-excel',
|
||
{
|
||
...queryParams.value,
|
||
},
|
||
`库存审批单_${proxy.formatDateStr(new Date(), 'YYYY-MM-DD')}.xlsx`
|
||
);
|
||
}
|
||
optionInit();
|
||
function optionInit() {
|
||
init().then((res) => {
|
||
supplyTypeOption.value = res.data.supplyTypeOptions;
|
||
supplyStatusOption.value = res.data.supplyStatusOptions;
|
||
});
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
.table-header-search {
|
||
width: 200px;
|
||
float: left;
|
||
margin-right: 15px;
|
||
}
|
||
.table-header {
|
||
margin-top: 0px;
|
||
margin-bottom: 15px;
|
||
overflow: hidden;
|
||
}
|
||
.table-header-button {
|
||
float: right;
|
||
margin-left: 10px;
|
||
}
|
||
</style> |