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 | 119 +++++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 99 insertions(+), 20 deletions(-) diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue index e5565a5..15d362b 100644 --- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue +++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue @@ -47,40 +47,78 @@ :tableLoading="loading" :tableData="dataList" :isSelection="true" - height="calc(100vh - 18.5em)" + height="calc(100vh - 15em)" :isShowSummary="true" :summaryMethod="summarizeMainTable" :page="{ current: pagination.currentPage, size: pagination.pageSize, - total: pagination.total, + total: 0, }" @selection-change="handleSelectionChange" - @pagination="onCurrentChange" + @pagination="changePage" > <template #commonFilesRef="{ row }"> - <div v-for="item in row.commonFiles"> - <el-tag type="primary" class="tagBox"> - {{ item.name }} - </el-tag> - </div> + <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 + type="primary" + text + :icon="EditPen" + @click="openEdit(row.id)" + > + 缂栬緫 + </el-button> </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([]); @@ -171,16 +209,16 @@ prop: "commonFiles", dataType: "slot", slot: "commonFilesRef", - width: 200, + width: 150, }, - // { - // fixed: "right", - // width: 120, - // label: "鎿嶄綔", - // dataType: "slot", - // slot: "operation", - // align: "center", - // }, + { + fixed: "right", + width: 120, + label: "鎿嶄綔", + dataType: "slot", + slot: "operation", + align: "center", + }, ], {}, { @@ -227,7 +265,48 @@ }); }; -// const handleEdit = () => {}; +const handleFiles = (fileList) => { + fileList.forEach((e) => { + proxy.$download.name(e.url); + }); +}; + +const changePage = ({ page }) => { + pagination.currentPage = page; + 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