From 77f49d7cf436405154b114da53837776da8740f3 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Wed, 26 Jun 2024 12:06:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92):=20?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92=E5=8D=95=E7=8B=AC=E6=89=A7?=
 =?UTF-8?q?=E8=A1=8C=E4=B8=8D=E5=85=81=E8=AE=B8=E9=87=8D=E5=A4=8D=E6=89=A7?=
 =?UTF-8?q?=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../test-plan/testPlan/components/planTable.vue      | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/test-plan/testPlan/components/planTable.vue b/frontend/src/views/test-plan/testPlan/components/planTable.vue
index 31c09c039d..0aa1fd667f 100644
--- a/frontend/src/views/test-plan/testPlan/components/planTable.vue
+++ b/frontend/src/views/test-plan/testPlan/components/planTable.vue
@@ -321,6 +321,7 @@
     title-align="start"
     :mask="true"
     :mask-closable="false"
+    :on-before-cancel="handleBeforeCancel"
     @close="cancelHandler"
   >
     <template #title>
@@ -332,7 +333,7 @@
     </a-radio-group>
     <template #footer>
       <div class="flex justify-end">
-        <a-button type="secondary" @click="cancelHandler">
+        <a-button :disabled="confirmLoading" type="secondary" @click="cancelHandler">
           {{ t('common.cancel') }}
         </a-button>
         <a-button class="ml-3" type="primary" :loading="confirmLoading" @click="executeHandler">
@@ -377,7 +378,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
-  import { useRoute, useRouter } from 'vue-router';
+  import { useRouter } from 'vue-router';
   import { FormInstance, Message } from '@arco-design/web-vue';
   import { cloneDeep } from 'lodash-es';
   import dayjs from 'dayjs';
@@ -960,17 +961,20 @@
     executeVisible.value = true;
   }
 
+  const confirmLoading = ref<boolean>(false);
   function cancelHandler() {
     executeVisible.value = false;
     executeForm.value = cloneDeep(initExecuteForm);
   }
 
+  const handleBeforeCancel = () => {
+    return !confirmLoading.value;
+  };
+
   /**
    * 批量执行
    */
 
-  const confirmLoading = ref<boolean>(false);
-
   async function batchHandleExecute() {
     confirmLoading.value = true;
     try {