From a9e6c8a0ed3e4d005b464fc8cc699912146a1a2d Mon Sep 17 00:00:00 2001
From: teukkk <mengyuan.lv@fit2cloud.com>
Date: Tue, 19 Nov 2024 16:36:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E7=94=A8=E4=BE=8B):=20?=
 =?UTF-8?q?=E5=9C=BA=E6=99=AF=E5=AF=BC=E5=85=A5=E7=B3=BB=E7=BB=9F-?=
 =?UTF-8?q?=E5=88=87=E6=8D=A2tab=E6=B8=85=E7=A9=BA=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1048893 --user=吕梦园
https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001048893
---
 .../business/ms-associate-case/index.vue      | 11 ++++------
 .../common/importApiDrawer/index.vue          | 22 +++++++++----------
 .../common/importApiDrawer/table.vue          |  1 +
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/business/ms-associate-case/index.vue b/frontend/src/components/business/ms-associate-case/index.vue
index 5e485f2ecc..d6124e9e57 100644
--- a/frontend/src/components/business/ms-associate-case/index.vue
+++ b/frontend/src/components/business/ms-associate-case/index.vue
@@ -798,14 +798,11 @@
       clearSelector();
     }
   });
-  watch(
-    () => innerProject.value,
-    (val) => {
-      if (val) {
-        msAdvanceFilterRef.value?.clearFilter();
-      }
+  watch([() => innerProject.value, () => showType.value], (val) => {
+    if (val) {
+      msAdvanceFilterRef.value?.clearFilter();
     }
-  );
+  });
 </script>
 
 <style scoped lang="less">
diff --git a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/index.vue b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/index.vue
index 67df842d4f..9c48c4729e 100644
--- a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/index.vue
+++ b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/index.vue
@@ -7,7 +7,7 @@
     disabled-width-drag
   >
     <div class="h-full w-full overflow-hidden">
-      <a-tabs v-model:active-key="activeKey" @change="resetModule">
+      <a-tabs v-model:active-key="activeKey">
         <a-tab-pane key="api" :title="t('apiScenario.api')" />
         <a-tab-pane key="case" :title="t('apiScenario.case')" />
         <a-tab-pane key="scenario" :title="t('apiScenario.scenario')" />
@@ -225,19 +225,23 @@
   const apiTableRef = ref<InstanceType<typeof apiTable>>();
   const moduleIds = ref<(string | number)[]>([]);
 
+  function initModuleTree() {
+    nextTick(() => {
+      moduleTreeRef.value?.init(protocolsParam.value, activeKey.value);
+    });
+  }
+
   watch(
     () => protocol.value,
     (val) => {
       setLocalStorage(ProtocolKeyEnum.API_SCENARIO_IMPORT_PROTOCOL, val);
-      nextTick(() => {
-        moduleTreeRef.value?.init(protocolsParam.value, activeKey.value);
-      });
+      initModuleTree();
     }
   );
 
   function handleAdvSearch(isStartAdvance: boolean) {
     isAdvancedSearchMode.value = isStartAdvance;
-    moduleTreeRef.value?.init(protocolsParam.value, activeKey.value);
+    initModuleTree();
   }
 
   function handleModuleSelect(ids: (string | number)[], node: MsTreeNodeData) {
@@ -491,15 +495,9 @@
     scenarioUseTreeSelection.clearSelector();
   }
 
-  function resetModule() {
-    nextTick(() => {
-      moduleTreeRef.value?.init(protocolsParam.value, activeKey.value);
-    });
-  }
-
   function handleChangeProject() {
     clearSelected();
-    resetModule();
+    initModuleTree();
   }
 
   onBeforeMount(async () => {
diff --git a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
index b21385313a..d89c6ce7e9 100644
--- a/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
+++ b/frontend/src/views/api-test/scenario/components/common/importApiDrawer/table.vue
@@ -468,6 +468,7 @@
     () => props.type,
     () => {
       keyword.value = '';
+      msAdvanceFilterRef.value?.clearFilter();
     }
   );