From 3128e8091689fbc15f943c770a1fb84b9565fc24 Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Wed, 14 Aug 2024 14:23:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=97=A5=E5=BF=97):=20=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95=E6=97=A5=E5=BF=97=E8=B7=B3=E8=BD=AC=20api?=
 =?UTF-8?q?=E3=80=81case=E3=80=81mock?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/config/pathMap.ts                           | 9 +++++++++
 .../management/components/management/api/index.vue       | 8 ++++++++
 .../management/components/management/case/index.vue      | 9 +++++++++
 .../api-test/management/components/management/index.vue  | 9 +++++++++
 4 files changed, 35 insertions(+)

diff --git a/frontend/src/config/pathMap.ts b/frontend/src/config/pathMap.ts
index 1700f90913..f5e0271533 100644
--- a/frontend/src/config/pathMap.ts
+++ b/frontend/src/config/pathMap.ts
@@ -79,6 +79,9 @@ export const pathMap: PathMapItem[] = [
             route: RouteEnum.API_TEST_MANAGEMENT,
             permission: [],
             level: MENU_LEVEL[2],
+            routeQuery: {
+              tab: 'api',
+            },
           },
           {
             key: 'API_TEST_MANAGEMENT_MOCK', // 接口测试-接口定义-mock
@@ -86,6 +89,9 @@ export const pathMap: PathMapItem[] = [
             route: RouteEnum.API_TEST_MANAGEMENT,
             permission: [],
             level: MENU_LEVEL[2],
+            routeQuery: {
+              tab: 'mock',
+            },
           },
           {
             key: 'API_TEST_MANAGEMENT_CASE', // 接口测试-接口定义-case
@@ -93,6 +99,9 @@ export const pathMap: PathMapItem[] = [
             route: RouteEnum.API_TEST_MANAGEMENT,
             permission: [],
             level: MENU_LEVEL[2],
+            routeQuery: {
+              tab: 'case',
+            },
           },
           {
             key: 'API_TEST_MANAGEMENT_RECYCLE', // 接口测试-回收站
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 983c065873..714eb9f643 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
@@ -107,6 +107,7 @@
 </template>
 
 <script setup lang="ts">
+  import { useRoute } from 'vue-router';
   import { cloneDeep } from 'lodash-es';
 
   import { TabItem } from '@/components/pure/ms-editable-tab/types';
@@ -180,6 +181,7 @@
     (e: 'openCaseTab', apiCaseDetail: ApiCaseDetail): void;
   }>();
 
+  const route = useRoute();
   const userStore = useUserStore();
   const appStore = useAppStore();
   const { t } = useI18n();
@@ -563,6 +565,12 @@
     });
   }
 
+  onBeforeMount(() => {
+    if (!['case', 'mock'].includes(route.query.tab as string) && route.query.id) {
+      openApiTab({ apiInfo: route.query.id as string });
+    }
+  });
+
   defineExpose({
     openApiTab,
     addApiTab,
diff --git a/frontend/src/views/api-test/management/components/management/case/index.vue b/frontend/src/views/api-test/management/components/management/case/index.vue
index ef27fecfc7..17163a1567 100644
--- a/frontend/src/views/api-test/management/components/management/case/index.vue
+++ b/frontend/src/views/api-test/management/components/management/case/index.vue
@@ -26,6 +26,7 @@
 </template>
 
 <script setup lang="ts">
+  import { useRoute } from 'vue-router';
   import { cloneDeep } from 'lodash-es';
 
   import { TabItem } from '@/components/pure/ms-editable-tab/types';
@@ -54,6 +55,8 @@
     (e: 'deleteCase', id: string): void;
   }>();
 
+  const route = useRoute();
+
   const apiTabs = defineModel<RequestParam[]>('apiTabs', {
     required: true,
   });
@@ -136,6 +139,12 @@
     caseTableRef.value?.loadCaseList();
   }
 
+  onBeforeMount(() => {
+    if (route.query.tab === 'case' && route.query.id) {
+      openCaseTab(route.query.id as string);
+    }
+  });
+
   defineExpose({
     openCaseTab,
     openCaseTabAndExecute,
diff --git a/frontend/src/views/api-test/management/components/management/index.vue b/frontend/src/views/api-test/management/components/management/index.vue
index 4c13eb203d..afcbe21ad7 100644
--- a/frontend/src/views/api-test/management/components/management/index.vue
+++ b/frontend/src/views/api-test/management/components/management/index.vue
@@ -81,6 +81,7 @@
 </template>
 
 <script setup lang="ts">
+  import { useRoute } from 'vue-router';
   import { cloneDeep } from 'lodash-es';
 
   import MsEditableTab from '@/components/pure/ms-editable-tab/index.vue';
@@ -127,6 +128,7 @@
     (e: 'import'): void;
   }>();
   const appStore = useAppStore();
+  const route = useRoute();
   const { t } = useI18n();
   const requestCompositionStore = useRequestCompositionStore();
 
@@ -359,6 +361,13 @@
   onBeforeMount(() => {
     initMemberOptions();
     initProtocolList();
+    if ((route.query.tab as string) === 'case') {
+      currentTab.value = 'case';
+      currentTabChange('case');
+    } else if ((route.query.tab as string) === 'mock') {
+      currentTab.value = 'mock';
+      currentTabChange('mock');
+    }
   });
 
   useLeaveTabUnSaveCheck(apiTabs.value, [