From f2ce587e752798a2a454e0f029069b4e82a41bc8 Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期五, 27 六月 2025 17:36:52 +0800
Subject: [PATCH] 增加提交样式，新增批量处理dnc审签

---
 src/views/flowable/workflow/standardizedProcess/StandardizedProcessHandle.vue |  100 +++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 91 insertions(+), 9 deletions(-)

diff --git a/src/views/flowable/workflow/standardizedProcess/StandardizedProcessHandle.vue b/src/views/flowable/workflow/standardizedProcess/StandardizedProcessHandle.vue
index a5bd125..6e074b0 100644
--- a/src/views/flowable/workflow/standardizedProcess/StandardizedProcessHandle.vue
+++ b/src/views/flowable/workflow/standardizedProcess/StandardizedProcessHandle.vue
@@ -119,8 +119,20 @@
             </a-col>
           </a-row>
           <div class="table-operator" style="text-align: right;">
-            <a-button  @click="handleQueXiaoTask" type="primary" icon="close">鍙栨秷</a-button>
-            <a-button @click="submitForm">鎻� 浜�</a-button>
+            <a-button
+              @click="handleQueXiaoTask"
+              icon="close"
+              :disabled="isSubmitting"
+              :class="{'disabled-btn': isSubmitting}"
+            >鍙栨秷</a-button>
+            <a-button
+              @click="submitForm"
+              type="primary"
+              :disabled="isSubmitting"
+              :loading="isSubmitting"
+            >
+              鎻� 浜�
+            </a-button>
           </div>
         </a-form-model>
       </div>
@@ -191,7 +203,8 @@
       },
       dictOptions: {},
       superFieldList: [],
-      workflowSource: []
+      workflowSource: [],
+      isSubmitting: false,
     }
   },
   created() {
@@ -225,17 +238,35 @@
         alert('鏃犳硶鍔犺浇鍥剧墖锛岃绋嶅悗鍐嶈瘯銆�')
       }
     },
-    handleQueXiaoTask(){
-      this.visible = false
-      this.routeReload()
+    handleQueXiaoTask() {
+      // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈠彇娑堟搷浣�
+      if (this.isSubmitting) return;
+      this.visible = false;
+      this.routeReload();
     },
     submitForm () {
+      // 濡傛灉姝ｅ湪鎻愪氦锛岄樆姝㈤噸澶嶇偣鍑�
+      if (this.isSubmitting) return;
+
+      // 寮�鍚叏灞�绂侀��
+      this.isSubmitting = true;
+      document.body.classList.add('submitting');
+
       const that = this;
+
+      // 瀹氫箟涓�涓仮澶嶇姸鎬佺殑鍑芥暟
+      const resetState = () => {
+        that.isSubmitting = false;
+        document.body.classList.remove('submitting');
+      };
       console.log('selectShenpiData---->',that.selectShenpiData)
       if (that.selectShenpiData.taskDefKey ==='task_prepare'){
         // 瑙﹀彂琛ㄥ崟楠岃瘉-閲嶆柊鍚姩
         this.form.validateFields((err, values) => {
-          if (!err) {
+          if (err) {
+            resetState(); // 楠岃瘉澶辫触锛屾仮澶嶇姸鎬�
+            return;
+          }else {
             that.confirmLoading = true;
             let url=this.url.saveDispatchFile;
             let method = 'post';
@@ -254,9 +285,14 @@
               }else{
                 that.$message.warning(res.message);
               }
-            }).finally(() => {
-              that.confirmLoading = false;
+            }).catch((error) => {
+              console.error(error);
+              that.$message.error('鎻愪氦澶辫触');
             })
+              .finally(() => {
+                that.confirmLoading = false;
+                resetState(); // 璇锋眰缁撴潫锛屾仮澶嶇姸鎬�
+              });
           }
         })
         //璺冲嚭鏂规硶
@@ -264,15 +300,21 @@
       }else {
         if (!that.assignFileStream.status==null || that.assignFileStream.status===undefined){
           this.$message.warning('璇烽�夋嫨澶勭悊绫诲瀷锛�')
+          resetState();
           return false;
         }
       }
       if (!that.assignFileStream.approveContent==null || that.assignFileStream.approveContent===undefined) {
         this.$message.warning('璇疯緭鍏ュ鐞嗘剰瑙侊紒')
+        resetState();
         return false;
       }
       // 瑙﹀彂琛ㄥ崟楠岃瘉
       this.form.validateFields((err, values) => {
+        if (err) {
+          resetState();
+          return;
+        }
         if (!err) {
           that.confirmLoading = true;
           let url=this.url.approve
@@ -311,6 +353,7 @@
             }
           }).finally(() => {
             that.confirmLoading = false;
+            resetState();
           })
         }
       })
@@ -338,6 +381,45 @@
 }
 </script>
 <style scoped>
+/* 鍏ㄥ眬绂侀�夋牱寮� - 浣滅敤浜庢暣涓〉闈� */
+html.submitting,
+html.submitting body {
+  pointer-events: none !important;
+  cursor: wait !important;
+}
+
+/* 钂欏眰鏁堟灉澧炲己 */
+html.submitting::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.5);
+  z-index: 9998;
+}
+
+/* 鍔犺浇鎸囩ず鍣� - 鏇存槑鏄剧殑瑙嗚鍙嶉 */
+html.submitting::after {
+  content: '鎻愪氦涓�...';
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: #1890ff;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 4px;
+  z-index: 9999;
+}
+
+/* 绂佺敤鐘舵�佹寜閽牱寮� */
+.disabled-btn {
+  opacity: 0.6;
+  cursor: not-allowed !important;
+}
+
 .shallow-hr {
   border: 0;
   height: 1px; /* 鍒嗙晫绾跨殑楂樺害 */

--
Gitblit v1.9.3