From 3ef6a3a2bac778e2a224d6e437305b9f71d3799c Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期一, 07 七月 2025 15:30:23 +0800
Subject: [PATCH] feat: 【来票台账】添加附件上传
---
src/views/procurementManagement/procurementInvoiceLedger/index.vue | 65 ++++++++++++++++++++++++++------
1 files changed, 53 insertions(+), 12 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index 339b020..bbbce7c 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -59,34 +59,47 @@
@pagination="changePage"
>
<template #commonFilesRef="{ row }">
- <el-button
- v-if="row.commonFiles.length !== 0"
- text
- icon="Files"
- type="danger"
- @click="handleFiles(row.commonFiles)"
- >
- 闄勪欢涓嬭浇
- </el-button>
- <el-text v-else type="danger">鏆傛棤闄勪欢</el-text>
+ <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>
</PIMTable>
</div>
+ <Modal ref="modalRef" @uploadSuccess="uploadSuccess"></Modal>
</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 } 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";
defineOptions({
name: "鏉ョエ鍙拌处",
});
+const modalRef = ref();
const { proxy } = getCurrentInstance();
const multipleVal = ref([]);
const {
@@ -243,6 +256,34 @@
onCurrentChange(page);
};
+const handleCommand = (command, row) => {
+ switch (command) {
+ case "download":
+ handleFiles(row.commonFiles);
+ break;
+ case "upload":
+ console.log(row.commonFiles);
+ openModal(row.ticketRegistrationId);
+ break;
+ }
+};
+
+const openModal = (id) => {
+ modalRef.value.handleImport(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