合并之前缺少部分

src/views/components/dataEngine/userPainPoints.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <topHeader ref="topHeaderRef"></topHeader>
+    <topHeader ref="topHeaderRef" @search="search"></topHeader>
 
     <!-- 用户痛点观察 -->
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
@@ -98,7 +98,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.user_pain_point_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>
@@ -140,6 +140,9 @@ const getUserPainPointsList = async () => {
     industry_id: selectedIndustry.value,
     time_dimension: selectedTimePeriod.value,
   };
+  if (selectedSubCategory.value != 0) {
+    params['industry_id'] = selectedSubCategory.value;
+  }
   const res = await fetchUserPainPointsList(params);
   console.log('关键词热度榜', res);
   // 这里需要根据API返回的数据结构处理成tagRows需要的格式
@@ -155,13 +158,16 @@ const handleOk = () => {
   visible.value = false;
 };
 // 监听筛选条件变化
-watch([selectedIndustry, selectedTimePeriod], () => {
+watch([selectedIndustry, selectedTimePeriod, selectedSubCategory], () => {
   getUserPainPointsList();
 });
 
 onMounted(() => {
   getUserPainPointsList();
 });
+const search = () => {
+  getUserPainPointsList();
+};
 </script>
 
 <style scoped>