From 48be0e883f180690c313eced9be1647518041829 Mon Sep 17 00:00:00 2001
From: zhaojuncheng <967723@dms.yudean.com>
Date: Tue, 11 Mar 2025 09:39:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=84=8F=E6=93=8D=E4=BD=9C=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E8=BF=87=E7=A8=8B=E6=96=B0=E5=A2=9E=E9=81=AE=E7=BD=A9?=
 =?UTF-8?q?=E5=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/secondDev/approveFlowPage.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/views/secondDev/approveFlowPage.vue b/src/views/secondDev/approveFlowPage.vue
index 0c54c0f..9b91881 100644
--- a/src/views/secondDev/approveFlowPage.vue
+++ b/src/views/secondDev/approveFlowPage.vue
@@ -1,4 +1,5 @@
 <template>
+    <a-spin :spinning="spinning" tip="请稍后...">
     <div class="page-bg-wrap">
         <div class="geg-flow-page">
             <div class="top-toolbar">
@@ -62,6 +63,7 @@
             </a-modal>
         </div>
     </div>
+</a-spin>
 </template>
 
 <script setup>
@@ -85,6 +87,7 @@
     import { useMessage } from '/@/hooks/web/useMessage';
     import { useUserStore } from '/@/store/modules/user';
 
+    const spinning = ref(false);
     const userStore = useUserStore();
     const { t } = useI18n();
     const { notification } = useMessage();
@@ -156,6 +159,7 @@
                 okType: 'danger',
                 cancelText: t('取消'),
                 onOk() {
+                    openSpinning();
                     withdraw(processId.value, drawNode.value).then((res) => {
                         if (res) {
                             notification.open({
@@ -170,6 +174,8 @@
                                 description: t('撤回失败')
                             });
                         }
+                    }).finally(()=>{
+                        closeSpinning();
                     });
                 },
                 onCancel() {}
@@ -190,10 +196,12 @@
     }
 
     async function onApproveClick(isAutoAgreeBreak = false) {
+        openSpinning();
         if (!isAutoAgreeBreak) {
             await submit();
         }
         if (!validateSuccess.value) {
+            closeSpinning();
             return;
         }
         const params = await getApproveParams();
@@ -204,6 +212,7 @@
         if (isAutoAgreeBreak) {
             opinionDlg.value.stopLoading()
         }
+        closeSpinning();
         opinionDlg.value.toggleDialog({
             action: 'agree',
             nextNodes,
@@ -461,4 +470,11 @@
         }
         
     } 
+
+    function openSpinning() {
+        spinning.value = true;
+    }
+    function closeSpinning() {
+        spinning.value = false;
+    }
 </script>