From f80e614a15b70af1ed2c4e7c68b4fbe4b62e8fb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Thu, 12 Feb 2026 17:12:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=A0=87=E7=AD=BEtop?=
 =?UTF-8?q?=E6=8E=92=E5=90=8D=E7=9A=84=E8=AE=A1=E7=AE=97=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E8=A1=8C=E4=B8=9A=E5=92=8C=E6=A6=82=E5=BF=B5?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/concept/components/CustomView.vue  | 47 +++++++-------------
 src/pages/concept/components/List.vue        |  2 +-
 src/pages/concept/index.vue                  | 30 +++++++++++--
 src/pages/industry/components/CustomView.vue | 46 ++++++-------------
 src/pages/industry/components/List.vue       |  2 +-
 src/pages/industry/index.vue                 | 29 ++++++++++--
 6 files changed, 82 insertions(+), 74 deletions(-)

diff --git a/src/pages/concept/components/CustomView.vue b/src/pages/concept/components/CustomView.vue
index 1dc42e0..5bbebb5 100644
--- a/src/pages/concept/components/CustomView.vue
+++ b/src/pages/concept/components/CustomView.vue
@@ -49,7 +49,7 @@
       <view class="recommend-industry">
         <view class="recommend-industry-top">
           <view class="label">预期风口</view>
-          <view class="right" @click="selectRandomTags">
+          <view class="right" @click="handleChange">
             <view class="icon"></view>
             <view class="text">换一换</view>
           </view>
@@ -78,13 +78,17 @@
 <script setup lang="ts">
 import { getTopConceptPeriod } from "@/api/newsInfo";
 import dayjs from "dayjs";
-import { onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 
 const props = defineProps({
   tagList: {
     type: Array,
     default: () => [],
   },
+  allTagList: {
+    type: Array,
+    default: () => [],
+  },
 });
 const emit = defineEmits(["onChange", "onBack"]);
 
@@ -102,33 +106,16 @@ const handleBack = () => {
 };
 
 const myTagList = ref([]);
-const industryList = ref([]);
-const industryListAll = ref([]);
-const start_time = dayjs().subtract(1, "month").format("YYYY-MM-DD");
-const end_time = dayjs().format("YYYY-MM-DD");
-const limit_num = 20;
-// 热门行业top10
-async function getTopIndustry_dFn() {
-  industryListAll.value = await getTopConceptPeriod({
-    start_time: start_time,
-    end_time: end_time,
-    limit_num: limit_num,
-  });
-  selectRandomTags();
+const page = ref(0);
+const industryList = computed(() => {
+  const arr = [...props.allTagList]
+  return arr.splice(page.value, 10);
+});
+
+const handleChange = () => {
+  page.value = page.value ? 0 : 10
 }
 
-// 从所有标签中随机选择10个
-function selectRandomTags() {
-  industryList.value = [];
-  const availableTags = [...industryListAll.value];
-  for (let i = 0; i < 10; i++) {
-    if (availableTags.length === 0) break;
-
-    const randomIndex = Math.floor(Math.random() * availableTags.length);
-    industryList.value.push(availableTags[randomIndex]);
-    availableTags.splice(randomIndex, 1);
-  }
-}
 
 // 是否选中
 function isSelected(tag) {
@@ -161,7 +148,7 @@ function handleSearchTag() {
   if (!input.value) {
     return;
   }
-  industryList.value = industryListAll.value.filter((item) => {
+  industryList.value = props.allTagList.filter((item) => {
     if (!item || !item.content) return false;
 
     return item.content.includes(input.value);
@@ -196,10 +183,6 @@ watch(
     immediate: true,
   },
 );
-
-onMounted(() => {
-  getTopIndustry_dFn();
-});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages/concept/components/List.vue b/src/pages/concept/components/List.vue
index 4ac0a45..de2bacc 100644
--- a/src/pages/concept/components/List.vue
+++ b/src/pages/concept/components/List.vue
@@ -38,7 +38,7 @@
     <view class="page-main">
       <view class="banner">
         <view class="text-1">{{ tagList[current]?.content }}</view>
-        <view class="text-2">风口概念近一个月排名Top5</view>
+        <view class="text-2" v-if="tagList[current]?.index">风口概念近一个月排名{{ tagList[current]?.index }}</view>
       </view>
 
       <view class="news-list">
diff --git a/src/pages/concept/index.vue b/src/pages/concept/index.vue
index 604051a..829fefc 100644
--- a/src/pages/concept/index.vue
+++ b/src/pages/concept/index.vue
@@ -4,6 +4,7 @@
     <CustomView
       v-if="isShowCustom && userStore.isLogin"
       :tagList="tagList"
+      :allTagList="allTagList"
       @onChange="handleChangeTag"
       @onBack="handleHideCustom"
     />
@@ -34,6 +35,22 @@ import LoginDialog from "@/components/loginPopup/index.vue";
 import CustomView from "./components/CustomView.vue";
 import List from "./components/List.vue";
 import { getMyTags, updateMyTags } from "@/api";
+import { getTopConceptPeriod } from "@/api/newsInfo";
+import dayjs from "dayjs";
+
+
+const allTagList = ref([]);
+const start_time = dayjs().subtract(1, "month").format("YYYY-MM-DD");
+const end_time = dayjs().format("YYYY-MM-DD");
+const limit_num = 20;
+// 热门行业top10
+async function getTopIndustry_dFn() {
+  allTagList.value = await getTopConceptPeriod({
+    start_time: start_time,
+    end_time: end_time,
+    limit_num: limit_num,
+  });
+}
 
 const isShowCustom = ref(false);
 
@@ -65,11 +82,15 @@ const getTagList = async () => {
   const result = await getMyTags();
   if (result.code === 200) {
     tagList.value = result.data.map((item: any) => {
+      const name = item.primaryName + "-" + item.secondaryName;
+      const content = item.secondaryName;
+      const index = allTagList.value.findIndex((tag: any) => tag.content === name);
       return {
-        name: item.primaryName + "-" + item.secondaryName,
-        content: item.secondaryName,
+        name,
+        content,
+        index: index + 1,
       };
-    });
+    });   
   } else {
     tagList.value = [];
   }
@@ -105,7 +126,8 @@ onMounted(async () => {
     handleShowLogin();
     return;
   }
-  getTagList();
+  await getTopIndustry_dFn();
+  await getTagList();
 });
 </script>
 
diff --git a/src/pages/industry/components/CustomView.vue b/src/pages/industry/components/CustomView.vue
index 7b87911..8968266 100644
--- a/src/pages/industry/components/CustomView.vue
+++ b/src/pages/industry/components/CustomView.vue
@@ -49,7 +49,7 @@
       <view class="recommend-industry">
         <view class="recommend-industry-top">
           <view class="label">推荐行业</view>
-          <view class="right" @click="selectRandomTags">
+          <view class="right" @click="handleChange">
             <view class="icon"></view>
             <view class="text">换一换</view>
           </view>
@@ -78,13 +78,17 @@
 <script setup lang="ts">
 import { getTopIndustryPeriod } from "@/api/newsInfo";
 import dayjs from "dayjs";
-import { onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref, watch } from "vue";
 
 const props = defineProps({
   tagList: {
     type: Array,
     default: () => [],
   },
+  allTagList: {
+    type: Array,
+    default: () => [],
+  },
 });
 const emit = defineEmits(["onChange", "onBack"]);
 
@@ -102,32 +106,14 @@ const handleBack = () => {
 };
 
 const myTagList = ref([]);
-const industryList = ref([]);
-const industryListAll = ref([]);
-const start_time = dayjs().subtract(1, "month").format("YYYY-MM-DD");
-const end_time = dayjs().format("YYYY-MM-DD");
-const limit_num = 20;
-// 热门行业top10
-async function getTopIndustry_dFn() {
-  industryListAll.value = await getTopIndustryPeriod({
-    start_time: start_time,
-    end_time: end_time,
-    limit_num: limit_num,
-  });
-  selectRandomTags();
-}
+const page = ref(0);
+const industryList = computed(() => {
+  const arr = [...props.allTagList]
+  return arr.splice(page.value, 10);
+});
 
-// 从所有标签中随机选择10个
-function selectRandomTags() {
-  industryList.value = [];
-  const availableTags = [...industryListAll.value];
-  for (let i = 0; i < 10; i++) {
-    if (availableTags.length === 0) break;
-
-    const randomIndex = Math.floor(Math.random() * availableTags.length);
-    industryList.value.push(availableTags[randomIndex]);
-    availableTags.splice(randomIndex, 1);
-  }
+const handleChange = () => {
+  page.value = page.value ? 0 : 10
 }
 
 // 是否选中
@@ -161,7 +147,7 @@ function handleSearchTag() {
   if (!input.value) {
     return;
   }
-  industryList.value = industryListAll.value.filter((item) => {
+  industryList.value = props.allTagList.filter((item) => {
     if (!item || !item.content) return false;
 
     return item.content.includes(input.value);
@@ -196,10 +182,6 @@ watch(
     immediate: true,
   },
 );
-
-onMounted(() => {
-  getTopIndustry_dFn();
-});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages/industry/components/List.vue b/src/pages/industry/components/List.vue
index 912ec42..4326c44 100644
--- a/src/pages/industry/components/List.vue
+++ b/src/pages/industry/components/List.vue
@@ -38,7 +38,7 @@
     <view class="page-main">
       <view class="banner">
         <view class="text-1">{{ tagList[current]?.content }}</view>
-        <view class="text-2">热门行业近一个月排名Top5</view>
+        <view class="text-2" v-if="tagList[current]?.index">热门行业近一个月排名{{ tagList[current]?.index }}</view>
       </view>
 
       <view class="news-list">
diff --git a/src/pages/industry/index.vue b/src/pages/industry/index.vue
index 7fb9a13..8212dc5 100644
--- a/src/pages/industry/index.vue
+++ b/src/pages/industry/index.vue
@@ -4,6 +4,7 @@
     <CustomView
       v-if="isShowCustom && userStore.isLogin"
       :tagList="tagList"
+      :allTagList="allTagList"
       @onChange="handleChangeTag"
       @onBack="handleHideCustom"
     />
@@ -34,6 +35,21 @@ import LoginDialog from "@/components/loginPopup/index.vue";
 import CustomView from "./components/CustomView.vue";
 import List from "./components/List.vue";
 import { getMyIndustries, updateMyIndustries } from "@/api";
+import { getTopIndustryPeriod } from "@/api/newsInfo";
+import dayjs from "dayjs";
+
+const allTagList = ref([]);
+const start_time = dayjs().subtract(1, "month").format("YYYY-MM-DD");
+const end_time = dayjs().format("YYYY-MM-DD");
+const limit_num = 20;
+// 热门行业top10
+async function getTopIndustry_dFn() {
+  allTagList.value = await getTopIndustryPeriod({
+    start_time: start_time,
+    end_time: end_time,
+    limit_num: limit_num,
+  });
+}
 
 const isShowCustom = ref(false);
 
@@ -65,11 +81,15 @@ const getTagList = async () => {
   const result = await getMyIndustries({});
   if (result.code === 200) {
     tagList.value = result.data.map((item: any) => {
+      const name = item.primaryName + "-" + item.secondaryName;
+      const content = item.secondaryName;
+      const index = allTagList.value.findIndex((tag: any) => tag.content === name);
       return {
-        name: item.primaryName + "-" + item.secondaryName,
-        content: item.secondaryName,
+        name,
+        content,
+        index: index + 1,
       };
-    });
+    });    
   } else {
     tagList.value = [];
   }
@@ -105,7 +125,8 @@ onMounted(async () => {
     handleShowLogin();
     return;
   }
-  getTagList();
+  await getTopIndustry_dFn();
+  await getTagList();
 });
 </script>