From b4668a820cb11703613c59d6529898e230be0b28 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 04 八月 2025 14:57:18 +0800
Subject: [PATCH] bug修改

---
 src/components/drag-upload.vue |  162 +++++++++++++++++++++++++++++------------------------
 1 files changed, 89 insertions(+), 73 deletions(-)

diff --git a/src/components/drag-upload.vue b/src/components/drag-upload.vue
index cbc2a45..ecb23fb 100644
--- a/src/components/drag-upload.vue
+++ b/src/components/drag-upload.vue
@@ -1,90 +1,106 @@
 <template>
-  <div class="center">
-    <el-upload
-      class="upload-demo"
-      :action="action"
-      :headers="headers"
-      :data="{ staffId: staffId, orgId: orgId }"
-      :on-exceed="handleExceed"
-      :on-success="fileSuccess"
-      :on-error="fileSuccess"
-      :file-list="fileList"
-      :show-file-list="true"
-      multiple
-      :limit="limit"
-      accept=".xls,.xlsx"
-      :before-upload="beforeAvatarUpload"
-    >
-      <slot></slot>
-      <slot name="tip"></slot>
-    </el-upload>
-  </div>
+    <div class="center" v-loading.fullscreen="successLoading">
+        <el-upload
+            class="upload-demo"
+            :action="action"
+            :headers="headers"
+            :data="{ staffId: staffId, orgId: orgId }"
+            :on-exceed="handleExceed"
+            :on-success="fileSuccess"
+            :on-error="fileError"
+            :file-list="fileList"
+            :show-file-list="true"
+            multiple
+            :limit="limit"
+            accept=".xls,.xlsx"
+            :before-upload="beforeAvatarUpload"
+        >
+            <slot></slot>
+            <slot name="tip"></slot>
+        </el-upload>
+    </div>
 </template>
 
 <script>
 
 export default {
-  data() {
-    return {
-      msg: "鎷栧姩涓婁紶",
-      fileList: [],
-      headers: {
-        token: localStorage.getItem("token"),
-      },
-    };
-  },
-  props: {
-    limit: {
-      type: Number,
+    data() {
+        return {
+            msg: "鎷栧姩涓婁紶",
+            successLoading: false,
+            fileList: [],
+            headers: {
+                token: localStorage.getItem("token"),
+            },
+        };
     },
-    action: {
-      type: String,
+    props: {
+        limit: {
+            type: Number,
+        },
+        action: {
+            type: String,
+        },
+        type: {
+            type: String,
+        },
+        orgId: {
+            type: Number,
+        },
+        staffId: {
+            type: Number,
+        },
     },
-    type: {
-      type: String,
+    created() {
+
     },
-    orgId: {
-      type: Number,
+    methods: {
+        // 瓒呭嚭鏂囦欢涓婁紶涓暟鍥炶皟
+        handleExceed(files, fileList) {
+            this.$message.warning(`褰撳墠闄愬埗閫夋嫨 1 涓枃浠禶);
+        },
+        // 绉婚櫎鏂囦欢寮瑰嚭灞�
+        beforeRemove(file, fileList) {
+            return this.$confirm(`纭畾绉婚櫎 ${file.name}锛焋);
+        },
+        // 涓婁紶鎴愬姛鍥炶皟
+        fileSuccess(res, f, fl) {
+            this.successLoading = false
+            this.$emit("fileSuccess", res, this.type);
+        },
+        fileError(res, f, f1) {
+            this.successLoading = false
+            this.$message({
+                message: "涓婃澶辫触",
+                type: "error",
+            });
+        },
+        // 杩囨护鏂囦欢
+        beforeAvatarUpload(file) {
+            this.successLoading = true
+            let fileName = file.name.substring(file.name.lastIndexOf(".") + 1);
+            const extension = fileName === "xls";
+            const extension2 = fileName === "xlsx";
+            if (!extension && !extension2) {
+
+                this.successLoading = false
+                this.$message({
+                    message: "涓婁紶鏂囦欢鍙兘鏄� xls銆亁lsx鏍煎紡!",
+                    type: "warning",
+                });
+                return false;
+            }
+
+            this.successLoading = false
+            this.$emit("file-uploading");
+        },
     },
-    staffId: {
-      type: Number,
-    },
-  },
-  methods: {
-    // 瓒呭嚭鏂囦欢涓婁紶涓暟鍥炶皟
-    handleExceed(files, fileList) {
-      this.$message.warning(`褰撳墠闄愬埗閫夋嫨 1 涓枃浠禶);
-    },
-    // 绉婚櫎鏂囦欢寮瑰嚭灞�
-    beforeRemove(file, fileList) {
-      return this.$confirm(`纭畾绉婚櫎 ${file.name}锛焋);
-    },
-    // 涓婁紶鎴愬姛鍥炶皟
-    fileSuccess(res, f, fl) {
-      this.$emit("fileSuccess", res, this.type);
-    },
-    
-    // 杩囨护鏂囦欢
-    beforeAvatarUpload(file) {
-      let fileName = file.name.substring(file.name.lastIndexOf(".") + 1);
-      const extension = fileName === "xls";
-      const extension2 = fileName === "xlsx";
-      if (!extension && !extension2) {
-        this.$message({
-          message: "涓婁紶鏂囦欢鍙兘鏄� xls銆亁lsx鏍煎紡!",
-          type: "warning",
-        });
-        return false;
-      }
-    },
-  },
-  mounted() {},
+    mounted() { },
 };
 </script>
 
 <style lang="scss" scoped>
 .center {
-  float: left;
+    float: left;
 }
-
 </style>

--
Gitblit v1.8.0