From a072f4e1ead66a93e0ade8439bc1fd44f936cc2a Mon Sep 17 00:00:00 2001 From: 曹睿 <360930172@qq.com> Date: 星期一, 07 七月 2025 13:59:25 +0800 Subject: [PATCH] feat: 来票台账添加附件补充 --- src/views/procurementManagement/procurementInvoiceLedger/index.vue | 42 ++++++++++++++++++++++++++++++++++-------- 1 files changed, 34 insertions(+), 8 deletions(-) diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue index 339b020..4149e50 100644 --- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue +++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue @@ -59,34 +59,44 @@ @pagination="changePage" > <template #commonFilesRef="{ row }"> - <el-button + <el-dropdown v-if="row.commonFiles.length !== 0" - text - icon="Files" - type="danger" - @click="handleFiles(row.commonFiles)" + @command="(command) => handleCommand(command, row)" > - 闄勪欢涓嬭浇 - </el-button> + <el-button link :icon="Files" type="danger"> 闄勪欢 </el-button> + <template #dropdown> + <el-dropdown-menu> + <el-dropdown-item :icon="Download" command="download"> + 涓嬭浇 + </el-dropdown-item> + <el-dropdown-item :icon="Upload" command="upload"> + 涓婁紶 + </el-dropdown-item> + </el-dropdown-menu> + </template> + </el-dropdown> <el-text v-else type="danger">鏆傛棤闄勪欢</el-text> </template> </PIMTable> </div> + <Modal ref="modalRef"></Modal> </div> </template> <script setup> import { ref, getCurrentInstance } from "vue"; import { usePaginationApi } from "@/hooks/usePaginationApi"; -import { Search } from "@element-plus/icons-vue"; +import { Files, Download, Search, Upload } from "@element-plus/icons-vue"; import { productRecordPage } from "@/api/procurementManagement/procurementInvoiceLedger.js"; import { onMounted } from "vue"; import { ElMessageBox } from "element-plus"; +import Modal from "./Modal/UploadModal.vue"; defineOptions({ name: "鏉ョエ鍙拌处", }); +const modalRef = ref(); const { proxy } = getCurrentInstance(); const multipleVal = ref([]); const { @@ -243,6 +253,22 @@ onCurrentChange(page); }; +const handleCommand = (command, row) => { + switch (command) { + case "download": + handleFiles(row.commonFiles); + break; + case "upload": + console.log(row.commonFiles); + openModal(); + break; + } +}; + +const openModal = () => { + modalRef.value.handleImport(); +}; + onMounted(() => { getTableData(); }); -- Gitblit v1.9.3