From fd3e3b19aaf23c4f68d8b98d514499510b152e39 Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期五, 11 七月 2025 15:54:47 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev --- src/views/procurementManagement/procurementInvoiceLedger/index.vue | 73 ++++++++++++++++++++++++------------ 1 files changed, 49 insertions(+), 24 deletions(-) diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue index bbbce7c..06fe153 100644 --- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue +++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue @@ -77,29 +77,49 @@ </template> </el-dropdown> </template> + <template #operation="{ row }"> + <el-button + type="primary" + text + :icon="EditPen" + @click="openEdit(row.id)" + > + 缂栬緫 + </el-button> + </template> </PIMTable> </div> - <Modal ref="modalRef" @uploadSuccess="uploadSuccess"></Modal> + <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 { Files, Download, Search, Upload } from "@element-plus/icons-vue"; +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 Modal from "./Modal/UploadModal.vue"; +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([]); const { @@ -122,37 +142,37 @@ { label: "閲囪喘鍚堝悓鍙�", prop: "purchaseContractNumber", - align: "center", + width: 150, }, { label: "閿�鍞悎鍚屽彿", prop: "salesContractNo", - align: "center", + width: 150, }, { label: "瀹㈡埛鍚嶇О", prop: "customerName", - align: "center", + width: 150, }, { label: "渚涘簲鍟嗗悕绉�", prop: "supplierName", - align: "center", + width: 240, }, { label: "瑙勬牸鍨嬪彿", prop: "specificationModel", - align: "center", + width: 150, }, { label: "鍙戠エ鍙�", prop: "invoiceNumber", - align: "center", + width: 200, }, { label: "鍚堝悓閲戦(鍏�)", prop: "taxInclusiveTotalPrice", - align: "center", + width: 200, formatData: (cell) => { return cell ? parseFloat(cell).toFixed(2) : 0; }, @@ -160,12 +180,12 @@ { label: "寮�绁ㄦ棩鏈�", prop: "createdAt", - align: "center", + width: 110, }, { label: "寮�绁ㄩ噾棰�", prop: "ticketsAmount", - align: "center", + width: 200, formatData: (cell) => { return cell ? parseFloat(cell).toFixed(2) : 0; }, @@ -173,7 +193,7 @@ { label: "涓嶅惈绋庨噾棰�", prop: "unTicketsPrice", - align: "center", + width: 200, formatData: (cell) => { return cell ? parseFloat(cell).toFixed(2) : 0; }, @@ -181,24 +201,25 @@ { label: "澧炲�肩◣", prop: "invoiceAmount", - align: "center", + width: 200, }, { label: "闄勪欢", align: "center", prop: "commonFiles", dataType: "slot", + fixed: "right", 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", + }, ], {}, { @@ -263,15 +284,19 @@ break; case "upload": console.log(row.commonFiles); - openModal(row.ticketRegistrationId); + openUoload(row.ticketRegistrationId); break; } }; -const openModal = (id) => { +const openUoload = (id) => { modalRef.value.handleImport(id); }; +const openEdit = (id) => { + editmodalRef.value.open(id); +}; + // 涓婁紶鎴愬姛鍚庡仛浠�涔� const uploadSuccess = async (data) => { const { code } = await productUploadFile({ -- Gitblit v1.9.3