From 5fbfc19daae6017e0522b281b39ab102a685c06d Mon Sep 17 00:00:00 2001 From: maven <2163098428@qq.com> Date: 星期二, 08 七月 2025 11:06:59 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/procurementManagement/procurementInvoiceLedger/index.vue | 97 ++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 81 insertions(+), 16 deletions(-) diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue index 339b020..15d362b 100644 --- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue +++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue @@ -59,33 +59,66 @@ @pagination="changePage" > <template #commonFilesRef="{ row }"> + <el-dropdown @command="(command) => handleCommand(command, row)"> + <el-button link :icon="Files" type="danger"> 闄勪欢 </el-button> + <template #dropdown> + <el-dropdown-menu> + <el-dropdown-item + v-if="row.commonFiles.length !== 0" + :icon="Download" + command="download" + > + 涓嬭浇 + </el-dropdown-item> + <el-dropdown-item :icon="Upload" command="upload"> + 涓婁紶 + </el-dropdown-item> + </el-dropdown-menu> + </template> + </el-dropdown> + </template> + <template #operation="{ row }"> <el-button - v-if="row.commonFiles.length !== 0" + type="primary" text - icon="Files" - type="danger" - @click="handleFiles(row.commonFiles)" + :icon="EditPen" + @click="openEdit(row.id)" > - 闄勪欢涓嬭浇 + 缂栬緫 </el-button> - <el-text v-else type="danger">鏆傛棤闄勪欢</el-text> </template> </PIMTable> </div> + <UploadModal ref="modalRef" @uploadSuccess="uploadSuccess"></UploadModal> + <EditModal ref="editmodalRef" @success="getTableData"></EditModal> </div> </template> <script setup> import { ref, getCurrentInstance } from "vue"; import { usePaginationApi } from "@/hooks/usePaginationApi"; -import { Search } from "@element-plus/icons-vue"; -import { productRecordPage } from "@/api/procurementManagement/procurementInvoiceLedger.js"; +import { + Files, + Download, + Search, + Upload, + EditPen, +} from "@element-plus/icons-vue"; +import { + productRecordPage, + productUploadFile, +} from "@/api/procurementManagement/procurementInvoiceLedger.js"; import { onMounted } from "vue"; import { ElMessageBox } from "element-plus"; +import UploadModal from "./Modal/UploadModal.vue"; +import EditModal from "./Modal/EditModal.vue"; defineOptions({ name: "鏉ョエ鍙拌处", }); + +const modalRef = ref(); +const editmodalRef = ref(); const { proxy } = getCurrentInstance(); const multipleVal = ref([]); @@ -178,14 +211,14 @@ slot: "commonFilesRef", width: 150, }, - // { - // fixed: "right", - // width: 120, - // label: "鎿嶄綔", - // dataType: "slot", - // slot: "operation", - // align: "center", - // }, + { + fixed: "right", + width: 120, + label: "鎿嶄綔", + dataType: "slot", + slot: "operation", + align: "center", + }, ], {}, { @@ -243,6 +276,38 @@ onCurrentChange(page); }; +const handleCommand = (command, row) => { + switch (command) { + case "download": + handleFiles(row.commonFiles); + break; + case "upload": + console.log(row.commonFiles); + openUoload(row.ticketRegistrationId); + break; + } +}; + +const openUoload = (id) => { + modalRef.value.handleImport(id); +}; + +const openEdit = (id) => { + editmodalRef.value.open(id); +}; + +// 涓婁紶鎴愬姛鍚庡仛浠�涔� +const uploadSuccess = async (data) => { + const { code } = await productUploadFile({ + ticketRegistrationId: data.id, + tempFileIds: data.tempFileIds, + }); + if (code === 200) { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + getTableData(); + } +}; + onMounted(() => { getTableData(); }); -- Gitblit v1.9.3