合并之前缺少部分

src/views/components/dataEngine/hotCloud.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">
       <a-space align="center">
         <span>行业词云</span>
@@ -65,12 +65,29 @@ const topHeaderRef = ref();
 const selectedIndustry = computed(() => topHeaderRef.value?.selectedIndustry);
 const selectedSubCategory = computed(() => topHeaderRef.value?.selectedSubCategory);
 const selectedTimePeriod = computed(() => topHeaderRef.value?.selectedTimePeriod);
+// 监听筛选条件变化
+watch([selectedTimePeriod, selectedSubCategory], () => {
+  getIndustryTerms();
+});
+const search = () => {
+  getIndustryTerms();
+};
+watch(selectedIndustry, () => {
+  selectedSubCategory.value = 0;
+  getIndustryTerms();
+});
 
+onMounted(() => {
+  getIndustryTerms();
+});
 const getIndustryTerms = async () => {
   const params = {
     industry_id: selectedIndustry.value,
     time_dimension: selectedTimePeriod.value,
   };
+  if (selectedSubCategory.value != 0) {
+    params['industry_id'] = selectedSubCategory.value;
+  }
   const res = await fetchindustryTerms(params);
   // 这里需要根据API返回的数据结构处理成tagRows需要的格式
   tagRows.value = processTagData(res);
@@ -107,7 +124,7 @@ const getPadding = (rowIndex, tagIndex) => {
 
 // 处理API返回数据为tagRows格式
 const processTagData = (apiData) => {
-  const totalGroups = 7; // 总组数
+  const totalGroups = 4; // 总组数
   const middleIndex = Math.floor(totalGroups / 2); // 中间位置（索引3）
   const chunkSize = Math.ceil(apiData.length / totalGroups); // 每组大小
   const arr = [];
@@ -133,15 +150,6 @@ const processTagData = (apiData) => {
 
   return arr.filter(Boolean); // 移除可能的空项
 };
-
-// 监听筛选条件变化
-watch([selectedIndustry, selectedTimePeriod], () => {
-  getIndustryTerms();
-});
-
-onMounted(() => {
-  getIndustryTerms();
-});
 </script>
 
 <style scoped>