fix: followListRepeatLoad

Author: ba1q1

frontend/packages/web/src/components/business/crm-follow-detail/index.vue

@@ -329,10 +329,6 @@
     }
   }
 
-  onBeforeMount(() => {
-    loadFollowList(true);
-  });
-
   watch(
     () => props.refreshKey,
     (val) => {
@@ -341,6 +337,14 @@
       }
     }
   );
+
+  watch(
+    () => props.activeType,
+    () => {
+      loadFollowList(true);
+    },
+    { immediate: true }
+  );
 </script>
 
 <style lang="less" scoped>

frontend/packages/web/src/components/business/crm-follow-detail/useFollowApi.ts

@@ -270,15 +270,6 @@ export default function useFollowApi(followProps: {
     }
   }
 
-  watch(
-    () => type.value,
-    (val) => {
-      if (['followPlan', 'followRecord'].includes(val)) {
-        loadFollowList(true);
-      }
-    }
-  );
-
   return {
     data,
     loading,

frontend/packages/web/src/components/business/crm-overview-drawer/index.vue

@@ -219,6 +219,15 @@
     }
   );
 
+  watch(
+    () => showDrawer.value,
+    (val) => {
+      if (!val) {
+        activeTab.value = cachedList.value[0]?.name as string;
+      }
+    }
+  );
+
   defineExpose({
     layout,
   });

frontend/packages/web/src/views/customer/components/customerOverviewDrawer.vue

@@ -45,7 +45,7 @@
           :form-key="FormDesignKeyEnum.CUSTOMER_CONTACT"
         />
         <FollowDetail
-          v-else-if="['followRecord', 'followPlan'].includes(activeTab)"
+          v-else-if="['followRecord', 'followPlan'].includes(activeTab) && show"
           :active-type="(activeTab as 'followRecord'| 'followPlan')"
           wrapper-class="h-[calc(100vh-162px)]"
           virtual-scroll-height="calc(100vh - 254px)"
@@ -109,7 +109,6 @@
 
   import CrmCard from '@/components/pure/crm-card/index.vue';
   import type { ActionsItem } from '@/components/pure/crm-more-action/type';
-  import FollowDetail from '@/components/business/crm-follow-detail/index.vue';
   import ContactTable from '@/components/business/crm-form-create-table/contactTable.vue';
   import CrmFormDescription from '@/components/business/crm-form-description/index.vue';
   import CrmHeaderTable from '@/components/business/crm-header-table/index.vue';
@@ -125,6 +124,8 @@
   import useModal from '@/hooks/useModal';
   import { hasAnyPermission } from '@/utils/permission';
 
+  const FollowDetail = defineAsyncComponent(() => import('@/components/business/crm-follow-detail/index.vue'));
+
   const props = defineProps<{
     sourceId: string;
     readonly?: boolean;