改进：应用发布器：增加loading

epmet-oper-web/src/views/modules/sys/publisher-backend.vue

@@ -4,7 +4,8 @@ import {defineComponent} from 'vue'
 export default {
   data() {
     return {
-      uploadUrl: ''
+      uploadUrl: '',
+      loading: false
     }
   },
 
@@ -27,13 +28,26 @@ export default {
         this.$message.error(this.$t('upload.tip', { format: '.jar' }))
         return false
       }
+
+      // 加载
+      this.loading = true;
     },
     // 上传成功
     uploadSuccessHandle (res, file, fileList) {
+      this.loading = false;
       if (res.code !== 0) {
         return this.$message.error(res.msg)
       }
     },
+
+    // 上传错误
+    uploadErrorHandle(err, file, fileList) {
+      this.loading = false;
+      this.$message({
+        type:'error',
+        message: err
+      })
+    },
   }
 }
 </script>
@@ -44,7 +58,9 @@ export default {
         :action="uploadUrl"
         class="upload-demo"
         drag
-        :before-upload="uploadBeforeUploadHandle" :on-success="uploadSuccessHandle"
+        :before-upload="uploadBeforeUploadHandle"
+        :on-success="uploadSuccessHandle"
+        :on-error="uploadErrorHandle"
         multiple>
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

epmet-oper-web/src/views/modules/sys/publisher-frontend.vue

@@ -3,7 +3,8 @@
 export default {
   data() {
     return {
-      uploadUrl: ''
+      uploadUrl: '',
+      loading: false
     }
   },
 
@@ -29,14 +30,27 @@ export default {
       // let checkResult = await this.preCheck()
       // console.log(":::", checkResult)
       // return checkResult;
+
+      // 加载
+      this.loading = true;
     },
     // 上传成功
     uploadSuccessHandle (res, file, fileList) {
+      this.loading = false;
       if (res.code !== 0) {
         return this.$message.error(res.msg)
       }
     },
 
+    // 上传错误
+    uploadErrorHandle(err, file, fileList) {
+      this.loading = false;
+      this.$message({
+        type:'error',
+        message: err
+      })
+    },
+
     // 预检
     async preCheck() {
       let areYouOk = true;
@@ -59,10 +73,13 @@ export default {
 <template>
   <div>
     <el-upload
+        v-loading="loading"
         :action="uploadUrl"
         class="upload-demo"
         drag
-        :before-upload="uploadBeforeUploadHandle" :on-success="uploadSuccessHandle"
+        :before-upload="uploadBeforeUploadHandle"
+        :on-success="uploadSuccessHandle"
+        :on-error="uploadErrorHandle"
         multiple>
       <i class="el-icon-upload"></i>
       <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>