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 +++++++++++++++++----
src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue | 69 ++++++++++++++++++++++++++++++++++
2 files changed, 103 insertions(+), 8 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue b/src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue
new file mode 100644
index 0000000..ba06618
--- /dev/null
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue
@@ -0,0 +1,69 @@
+<template>
+ <el-dialog v-model="upload.open" :title="upload.title" :width="500">
+ <FileUpload
+ ref="fileUploadRef"
+ accept=".xlsx, .xls"
+ :headers="upload.headers"
+ :action="upload.url + '?updateSupport=' + upload.updateSupport"
+ :disabled="upload.isUploading"
+ :showTip="false"
+ @success="handleFileSuccess"
+ />
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="submitFileForm">纭� 瀹�</el-button>
+ <el-button @click="upload.open = false">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+</template>
+
+<script setup>
+import { reactive } from "vue";
+import { getToken } from "@/utils/auth.js";
+import { FileUpload } from "@/components/Upload";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+ name: "鏉ョエ鍙拌处闄勪欢琛ュ厖",
+});
+
+const emits = defineEmits(["uploadSuccess"]);
+const fileUploadRef = ref();
+const upload = reactive({
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙渚涘簲鍟嗗鍏ワ級
+ open: false,
+ // 寮瑰嚭灞傛爣棰橈紙渚涘簲鍟嗗鍏ワ級
+ title: "",
+ // 鏄惁绂佺敤涓婁紶
+ isUploading: false,
+ // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+ headers: { Authorization: "Bearer " + getToken() },
+ // 涓婁紶鐨勫湴鍧�
+ url: import.meta.env.VITE_APP_BASE_API + "/system/supplier/import",
+});
+// 鐐瑰嚮瀵煎叆
+const handleImport = () => {
+ upload.open = true;
+ upload.title = "鏉ョエ鍙拌处闄勪欢琛ュ厖";
+};
+
+const submitFileForm = () => {
+ fileUploadRef.value.uploadApi();
+};
+
+const handleFileSuccess = (response) => {
+ const { code, msg } = response;
+ if (code == 200) {
+ ElMessage({ message: "瀵煎叆鎴愬姛", type: "success" });
+ upload.open = false;
+ emits("uploadSuccess");
+ } else {
+ ElMessage({ message: msg, type: "error" });
+ }
+};
+
+defineExpose({
+ handleImport,
+});
+</script>
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