合并之前缺少部分

src/views/components/dataEngine/hotTranslation.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <topHeader ref="topHeaderRef"></topHeader>
+    <topHeader ref="topHeaderRef" @search="search"></topHeader>
     <!-- tabel -->
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin-bottom: 24px">
       <a-space align="center">
@@ -112,7 +112,7 @@
             <span style="margin-right: 16px; width: 60px; font-size: 12px">原始来源 </span>
             <a-space direction="vertical" style="margin-left: 15px">
               <a-space v-for="item in topicInfo.industry_topic_sources" :key="item">
-                <a-link style="background-color: initial" :href="item.link">{{ item.title }}</a-link>
+                <a-link style="background-color: initial" :href="item.link" target="_blank">{{ item.title }}</a-link>
                 <img src="@/assets/img/hottranslation/xhs.png" style="width: 16px; height: 16px" />
               </a-space>
             </a-space>
@@ -151,11 +151,18 @@ const topHeaderRef = ref();
 const selectedIndustry = computed(() => topHeaderRef.value?.selectedIndustry);
 const selectedSubCategory = computed(() => topHeaderRef.value?.selectedSubCategory);
 const selectedTimePeriod = computed(() => topHeaderRef.value?.selectedTimePeriod);
-
+const search = () => {
+  getIndustryTopics();
+};
 // 监听筛选条件变化
-watch([selectedIndustry, selectedTimePeriod], () => {
+watch([selectedIndustry, selectedTimePeriod, selectedSubCategory], () => {
   getIndustryTopics();
 });
+watch(selectedIndustry, () => {
+  selectedSubCategory.value = 0;
+  getIndustryTopics();
+});
+
 onMounted(() => {
   getIndustriesTree();
 });
@@ -173,8 +180,10 @@ const getIndustryTopics = async () => {
     industry_id: selectedIndustry.value,
     time_dimension: selectedTimePeriod.value,
   };
+  if (selectedSubCategory.value != 0) {
+    parms['industry_id'] = selectedSubCategory.value;
+  }
   const res = await fetchIndustryTopics(parms);
-  console.log(res);
   dataList.value = res;
 };