yang

src/views/backstage/job/index.vue

@@ -331,6 +331,7 @@
 </template>
 
 <script>
+import { Loading } from 'element-ui';
 import { selectCheckTarget,getCheckTarget,selectRectifyTarget,getRectifyTarget, distributeRectificationJob, rollbackJob, auditJob, getList,listJob, getJob, delJob, addJob, updateJob, exportJob } from "@/api/backstage/job";
 import {exportAllProject,getProjectList,getAllProjectList,getThemeListByProjectId,exportAllTheme } from "@/api/backstage/dataReport";
 
@@ -597,11 +598,14 @@ export default {
         cancelButtonText: "取消",
         type: "warning"
       }).then(() =>{
-        
+          this.exportOpen = false;
+          this.openFullScreen();
           return exportAllTheme(this.projectIdSelect,this.exportLevelValue);
       }).then(response => {
           this.download(response.msg);
-        this.exportOpen = false;
+          this.closeFullScreen(this.openFullScreen())
+      }).catch(()=>{
+          this.closeFullScreen(this.openFullScreen())
       })
 
     },
@@ -737,6 +741,21 @@ export default {
       })
     },
    
-  }
+
+    //开启Loading加载
+    openFullScreen() {
+        const loading = this.$loading({
+        lock: true,
+        text: 'Loading',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      });
+      return loading;
+    },
+    //关闭Loading加载
+    closeFullScreen(loading){
+        loading.close();
+    },
+  },
 };
 </script>