端到端功能 生成总图请求页面交互优化

com.actionsoft.apps.coe.pal/src/views/subprocess/SubProcess.vue

@@ -1,5 +1,6 @@
 <template>
     <el-dialog
+            v-loading="loading"
             title="生成端到端流程图"
             height="350px"
             width="800px"
@@ -87,6 +88,7 @@
         </div>
         <!-- 关于选择的子流程是否是独立的校验提示 -->
         <el-dialog
+                v-loading="loadingPre"
                 :visible.sync="generatePreHandleData.independentDlgVisible" width="700px"
                 :show-close="false"
                 :close-on-click-modal="false"
@@ -170,7 +172,9 @@
                     independentDlgVisible: false,
                     independentNodeVos: [],
                     leadAndRearNotInRange: []
-                }
+                },
+                loading: false,
+                loadingPre: false
             }
         },
         methods: {
@@ -244,6 +248,7 @@
             },
             // 预处理 检验是否有独立的子流程
             generatePreHandle(){
+                this.loadingPre = true;
                 const param = {
                     url: 'jd',
                     data: {
@@ -254,6 +259,7 @@
                 awsuiAxios.post(param)
                     .then(ro => {
                         if (ro.result == 'ok'){
+                            this.loadingPre = false;
                             if (ro.data.independentNodeVos.length || ro.data.leadAndRearNotInRange.length){
                                 this.generatePreHandleData.independentDlgVisible = true;
                                 this.generatePreHandleData.independentNodeVos = ro.data.independentNodeVos;
@@ -280,6 +286,8 @@
                     this.$message({type: 'warning', message: '请填写模型名称'});
                     return;
                 }
+                this.loading = true;
+                this.generatePreHandleData.independentDlgVisible = false;
                 const param = {
                     url: 'jd',
                     data: {
@@ -298,6 +306,7 @@
                     if (ro.result == 'ok'){
                       this.close();
                       this.closeGeneratePreDlg();
+                      this.loading = false;
                       this.$message({type: 'success', message: '总图生成成功'});
                     }else if (ro.result === 'error'){
                       this.$message({type: 'error', message: ro.msg});