附件-上传Loading

src/views/projectManage/bugList/details/index.vue

@@ -459,8 +459,8 @@
             :before-upload="beforeUpload"
             :before-remove="beforeRemove"
             :on-remove="handleRemove"
-            :on-preview="handlePictureCardPreview"
             :on-success="handleChange"
+            :on-error="errorChange"
             multiple
             accept="*"
             :file-list="isNotImage(fileList)"
@@ -930,6 +930,12 @@ export default {
         })
         return false
       }
+      this.$loading({
+        lock: true,
+        text: '文件上传中',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
     },
     beforeRemove(file, fileList) {
       let a = true
@@ -953,6 +959,7 @@ export default {
       this.dialogVisible = true
     },
     handleChange(response, file, fileList) {
+      this.$loading().close()
       const item = {
         name: file.name,
         url: 'http:' + file.response.url
@@ -967,6 +974,14 @@ export default {
       })
       this.bugUpdate(this.bug, 'accessory')
     },
+    errorChange() {
+      this.$loading().close()
+      this.$message({
+        showClose: true,
+        message: '文件上传失败',
+        type: 'error'
+      })
+    },
     handleDownload(file) { // 下载图片
       const xhr = new XMLHttpRequest()
       xhr.open('get', file.url, true)