From 5fbfc19daae6017e0522b281b39ab102a685c06d Mon Sep 17 00:00:00 2001
From: maven <2163098428@qq.com>
Date: 星期二, 08 七月 2025 11:06:59 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/dev' into dev
---
src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue | 85 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 85 insertions(+), 0 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..594ba6c
--- /dev/null
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Modal/UploadModal.vue
@@ -0,0 +1,85 @@
+<template>
+ <el-dialog v-model="upload.open" :title="upload.title" :width="500">
+ <FileUpload
+ ref="fileUploadRef"
+ accept=".xlsx, .xls, .pdf"
+ :headers="upload.headers"
+ :autoUpload="true"
+ :action="upload.url"
+ :disabled="upload.isUploading"
+ :showTip="false"
+ :limit="10"
+ @success="handleFileSuccess"
+ @remove="removeFile"
+ />
+ <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";
+import { ref } from "vue";
+import useFormData from "@/hooks/useFormData";
+
+defineOptions({
+ name: "鏉ョエ鍙拌处闄勪欢琛ュ厖",
+});
+
+const { form, resetForm } = useFormData({
+ id: undefined,
+ tempFileIds: [],
+});
+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 + "/file/upload",
+});
+// 鐐瑰嚮瀵煎叆
+const handleImport = (id) => {
+ form.id = id;
+ upload.open = true;
+ upload.title = "鏉ョエ鍙拌处闄勪欢琛ュ厖";
+};
+
+const submitFileForm = () => {
+ upload.open = false;
+ resetForm();
+ emits("uploadSuccess", form);
+};
+
+const handleFileSuccess = (response) => {
+ const { code, msg } = response;
+ form.tempFileIds.push(response.data.tempId);
+ if (code == 200) {
+ ElMessage({ message: "瀵煎叆鎴愬姛", type: "success" });
+ } else {
+ ElMessage({ message: msg, type: "error" });
+ }
+};
+
+const removeFile = (file) => {
+ const { tempId } = file.response.data;
+ form.tempFileIds = form.tempFileIds.filter((item) => item !== tempId);
+};
+
+defineExpose({
+ handleImport,
+});
+</script>
--
Gitblit v1.9.3