审核请求中屏蔽操作

src/views/bpm/processInstance/detail.vue

@@ -25,11 +25,11 @@
           </el-form-item>
         </el-form>
         <div style="margin-left: 10%; margin-bottom: 20px; font-size: 14px;">
-          <el-button icon="el-icon-edit-outline" type="success" size="mini" @click="handleAudit(item, true)">{{$t('通过')}}
+          <el-button :loading="loading" icon="el-icon-edit-outline" type="success" size="mini" @click="handleAudit(item, true)">{{$t('通过')}}
           </el-button>
-          <el-button icon="el-icon-circle-close" type="danger" size="mini" @click="handleAudit(item, false)">{{$t('不通过')}}
+          <el-button :loading="loading" icon="el-icon-circle-close" type="danger" size="mini" @click="handleAudit(item, false)">{{$t('不通过')}}
           </el-button>
-          <el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleUpdateAssignee(item)">{{$t('转办')}}
+          <el-button :loading="loading" icon="el-icon-edit-outline" type="primary" size="mini" @click="handleUpdateAssignee(item)">{{$t('转办')}}
           </el-button>
 <!--          <el-button icon="el-icon-edit-outline" type="primary" size="mini" @click="handleDelegate(item)">{{ $t('委派') }}</el-button>-->
 <!--          <el-button icon="el-icon-refresh-left" type="warning" size="mini" @click="handleBack(item)">{{ $t('退回') }}</el-button>-->
@@ -404,6 +404,8 @@ export default {
   },
   data() {
     return {
+      // 提交中
+      loading: false,
       // 遮罩层
       processInstanceLoading: true,
       // 流程实例
@@ -637,12 +639,15 @@ export default {
           comment: this.auditForms[index].comment,
           copyUserIds: this.auditForms[index].copyUserIds
         }
+        this.loading = true
         if (pass) {
           approveTask(data).then(response => {
             let p = this.matterNum
             //this.$store.commit('GET_MAATER', --p)
             this.$modal.msgSuccess("审批通过成功！");
             this.getDetail(); // 获得最新详情
+          }).finally(() => {
+            this.loading = false
           });
         } else {
           rejectTask(data).then(response => {
@@ -650,6 +655,8 @@ export default {
             //this.$store.commit('GET_MAATER', --p)
             this.$modal.msgSuccess("审批不通过成功！");
             this.getDetail(); // 获得最新详情
+          }).finally(() => {
+            this.loading = false
           });
         }
       });