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 |   49 ++++++++++++++++++++++++++++++++++++++++---------
 1 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index 6c8afa3..4149e50 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -56,37 +56,47 @@
           total: 0,
         }"
         @selection-change="handleSelectionChange"
-        @pagination="onCurrentChange"
+        @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 {
@@ -238,6 +248,27 @@
   });
 };
 
+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);
+      openModal();
+      break;
+  }
+};
+
+const openModal = () => {
+  modalRef.value.handleImport();
+};
+
 onMounted(() => {
   getTableData();
 });

--
Gitblit v1.9.3