From d3c490fa61dbc4abcd3204ae9249cee34d69f978 Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Wed, 24 Apr 2024 15:51:52 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E7=9A=84=E6=89=A7=E8=A1=8C=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=94=B9=E6=88=90=E7=BB=9F=E4=B8=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../management/components/management/api/index.vue  | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/api-test/management/components/management/api/index.vue b/frontend/src/views/api-test/management/components/management/api/index.vue
index a10eb8b01e..212e4b6254 100644
--- a/frontend/src/views/api-test/management/components/management/api/index.vue
+++ b/frontend/src/views/api-test/management/components/management/api/index.vue
@@ -24,13 +24,7 @@
       >
         <template v-if="activeApiTab.definitionActiveKey === 'preview'" #extra>
           <div class="flex gap-[12px] pr-[16px]">
-            <a-button
-              v-permission="['PROJECT_API_DEFINITION:READ+EXECUTE']"
-              type="primary"
-              @click="toExecuteDefinition"
-            >
-              {{ t('apiTestManagement.execute') }}
-            </a-button>
+            <executeButton v-permission="['PROJECT_API_DEFINITION:READ+EXECUTE']" @execute="toExecuteDefinition" />
             <a-dropdown-button
               v-permission="['PROJECT_API_DEFINITION:READ+UPDATE']"
               type="outline"
@@ -125,6 +119,7 @@
   import caseTable from '../case/caseTable.vue';
   // import MsFormCreate from '@/components/pure/ms-form-create/formCreate.vue';
   import apiTable from './apiTable.vue';
+  import executeButton from '@/views/api-test/components/executeButton.vue';
 
   import { getProtocolList, localExecuteApiDebug } from '@/api/modules/api-test/common';
   import {
@@ -409,11 +404,11 @@
   }
 
   // 跳转到接口定义tab，且执行
-  function toExecuteDefinition() {
+  function toExecuteDefinition(executeType?: 'localExec' | 'serverExec') {
     activeApiTab.value.definitionActiveKey = 'definition';
     activeApiTab.value.isExecute = true;
     activeApiTab.value.mode = 'debug';
-    requestCompositionRef.value?.execute(userStore.isPriorityLocalExec ? 'localExec' : 'serverExec');
+    requestCompositionRef.value?.execute(executeType);
   }
 
   function handleDelete() {