同步mq新增加载中

src/views/docker/EnvDetail.vue

@@ -398,7 +398,13 @@ export default {
         spinner: 'el-icon-loading',
         background: 'rgba(0,0,0,0.7)'
       },
-      nsList: window.sessionStorage.getItem('nsList').split(',')
+      nsList: window.sessionStorage.getItem('nsList').split(','),
+      mqLoadingOptions: {
+        text: 'MQ同步中...',
+        lock: true,
+        spinner: 'el-icon-loading',
+        background: 'rgba(0,0,0,0.7)'
+      }
     }
   },
   created() {
@@ -518,11 +524,14 @@ export default {
     syncMQ() {
       var formdata = new FormData()
       formdata.set('host', this.mqUrl)
+      const mqLoading = this.$loading.service(this.mqLoadingOptions)
       syncMq(formdata).then((resp) => {
         if (resp.data.data === true) {
           this.mqSyncDialogVisible = false
+          mqLoading.close()
           return this.$message.success('同步成功！')
         } else {
+          mqLoading.close()
           return this.$message.error('同步失败！')
         }
       })