From 6e3bb34e45df6a2f19f1592fb1b06c574dd026cd Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期六, 12 七月 2025 16:16:55 +0800 Subject: [PATCH] 1.来票台账附件上传接口中未传文件ID --- src/views/procurementManagement/procurementInvoiceLedger/index.vue | 120 +++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 91 insertions(+), 29 deletions(-) diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue index bbbce7c..6c35c5b 100644 --- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue +++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue @@ -47,13 +47,13 @@ :tableLoading="loading" :tableData="dataList" :isSelection="true" - height="calc(100vh - 15em)" + height="calc(100vh - 19.5em)" :isShowSummary="true" :summaryMethod="summarizeMainTable" :page="{ current: pagination.currentPage, size: pagination.pageSize, - total: 0, + total: pagination.total, }" @selection-change="handleSelectionChange" @pagination="changePage" @@ -77,29 +77,61 @@ </template> </el-dropdown> </template> + <template #operation="{ row }"> + <el-button + type="primary" + text + @click="openEdit(row.id)" + :disabled="row.issUerId !== userStore.id" + > + 缂栬緫 + </el-button> + <el-button + type="primary" + text + :disabled="row.issUerId !== userStore.id" + @click="handleDelete(row)" + > + 鍒犻櫎 + </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 { - productRecordPage, - productUploadFile, + Files, + Download, + Search, + Upload, + EditPen, +} from "@element-plus/icons-vue"; +import { + delRegistration, + 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"; +import useUserStore from "@/store/modules/user.js"; +import {delInvoiceLedgerByRegProductId} from "@/api/salesManagement/invoiceLedger.js"; +const userStore = useUserStore(); defineOptions({ name: "鏉ョエ鍙拌处", }); const modalRef = ref(); +const editmodalRef = ref(); + const { proxy } = getCurrentInstance(); const multipleVal = ref([]); const { @@ -122,37 +154,37 @@ { label: "閲囪喘鍚堝悓鍙�", prop: "purchaseContractNumber", - align: "center", + width: 150, }, { label: "閿�鍞悎鍚屽彿", prop: "salesContractNo", - align: "center", + width: 150, }, { label: "瀹㈡埛鍚嶇О", prop: "customerName", - align: "center", + width: 240, }, { 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 +192,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 +205,7 @@ { label: "涓嶅惈绋庨噾棰�", prop: "unTicketsPrice", - align: "center", + width: 200, formatData: (cell) => { return cell ? parseFloat(cell).toFixed(2) : 0; }, @@ -181,24 +213,30 @@ { label: "澧炲�肩◣", prop: "invoiceAmount", - align: "center", + width: 200, + }, + { + label: "褰曞叆浜�", + prop: "issUer", + width: 200, }, { label: "闄勪欢", align: "center", prop: "commonFiles", dataType: "slot", + fixed: "right", slot: "commonFilesRef", - width: 150, + width: 120, }, - // { - // fixed: "right", - // width: 120, - // label: "鎿嶄綔", - // dataType: "slot", - // slot: "operation", - // align: "center", - // }, + { + fixed: "right", + width: 150, + label: "鎿嶄綔", + dataType: "slot", + slot: "operation", + align: "center", + }, ], {}, { @@ -263,13 +301,17 @@ 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); }; // 涓婁紶鎴愬姛鍚庡仛浠�涔� @@ -283,6 +325,26 @@ getTableData(); } }; +// 鍒犻櫎 +const handleDelete = (row) => { + let ids = []; + ids.push(row.id); + ElMessageBox.confirm("璇ュ紑绁ㄥ彴璐﹀皢琚垹闄�,鏄惁纭鍒犻櫎", { + confirmButtonText: "纭", + cancelButtonText: "鍙栨秷", + type: "warning", + }) + .then(() => { + loading.value = true; + delRegistration(ids).then((res) => { + getTableData(); + }); + loading.value = false; + }) + .catch(() => { + proxy.$modal.msg("宸插彇娑�"); + }); +}; onMounted(() => { getTableData(); -- Gitblit v1.9.3