From f9c0f69cd602d26706c0cfcf4eee3b5de0f74018 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=82=85=E5=85=89=E5=AD=9F?= <fgmfjf@163.com>
Date: Fri, 6 Feb 2026 17:10:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=E6=8B=93=E5=B1=95?=
 =?UTF-8?q?=E9=98=85=E8=AF=BB=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=95=B0=E6=8D=AE=E4=BC=A0=E9=80=92=E5=92=8C?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E6=9D=83=E9=99=90=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/detail.ts                             |  2 +-
 src/components/article/indexNewsInfo.vue      | 72 ++++++++-------
 src/pages/detail/indexNewsInfo.vue            | 35 ++++----
 .../components/ConceptNewsView/index.vue      | 75 ++++++++++++++--
 .../components/HeaderView/index.vue           | 14 +--
 .../components/HotNewsView/index.vue          | 88 +++++++++++++++----
 src/stores/user/index.ts                      |  6 +-
 7 files changed, 213 insertions(+), 79 deletions(-)

diff --git a/src/api/detail.ts b/src/api/detail.ts
index eba5de1..5b58c3c 100644
--- a/src/api/detail.ts
+++ b/src/api/detail.ts
@@ -42,6 +42,6 @@ export const getListByTag = (data: any) => {
 };
 
 // 拓展阅读新闻
-export const getListByNewsExtend = (news_id: string) => {
+export const getDetailFurtherReadData = (news_id: string) => {
   return request.get(`/news/detail/${news_id}/furtherReadings`);
 };
\ No newline at end of file
diff --git a/src/components/article/indexNewsInfo.vue b/src/components/article/indexNewsInfo.vue
index b2c2ff2..c35a691 100644
--- a/src/components/article/indexNewsInfo.vue
+++ b/src/components/article/indexNewsInfo.vue
@@ -1,7 +1,9 @@
 <template>
   <view class="page-container">
     <view class="main">
-      <view class="title" :class="{ mohu: !userStore.isLogin }">{{ props.data.title }}</view>
+      <view class="title" :class="{ mohu: !userStore.isLogin }">{{
+        props.data.title
+      }}</view>
       <view class="author">
         <view class="name" :class="{ mohu: !userStore.isLogin }">
           <text class="text">来源:</text>
@@ -15,7 +17,9 @@
         <text class="text">编辑:</text>
         <text class="text">{{ props.data.editor }}</text>
       </view> -->
-        <view class="time" :class="{ mohu: !userStore.isLogin }">{{ props.data.publishTime }}</view>
+        <view class="time" :class="{ mohu: !userStore.isLogin }">{{
+          props.data.publishTime
+        }}</view>
       </view>
 
       <!-- 两个标签 start -->
@@ -104,50 +108,56 @@
     </view>
 
     <!-- 关联个股 -->
-    <view class="r_etf" style="margin-top: 20rpx" v-if="intoType == 'etf'">
+    <view
+      class="r_etf"
+      style="margin-top: 20rpx"
+      v-if="data.stocks && data.stocks.length > 0"
+    >
       <text class="etf_title">关联个股</text>
       <view class="etfs">
-        <view
-          v-for="(item, index) in data.etfs"
-          class="etf_item"
-          :key="index"
-          @click="goEtfDetail(item)"
-        >
-          <view class="name">{{ item.name }}</view>
-          <view class="code">{{ item.code }}</view>
-        </view>
-        <view
-          v-for="(item, index) in data.etfs"
-          class="stock_item"
-          :key="index"
-          @click="goEtfDetail(item)"
-        >
-          <view>
+        <template>
+          <view v-for="(item, index) in data.stocks" class="stock_item" :key="index">
+            <view class="name">{{ item.name }}</view>
+            <view class="code">{{ item.code }}</view>
+            <!-- 暂无涨跌数据，保留样式 -->
+            <!-- <view>
             <view class="name">{{ item.name }}</view>
             <view class="code">{{ item.code }}</view>
           </view>
           <view>
             <view class="percent up">-0.28%</view>
+          </view> -->
           </view>
-        </view>
+        </template>
+        <template v-if="intoType == 'etf'">
+          <view
+            v-for="(item, index) in data.etfs"
+            class="etf_item"
+            :key="index"
+            @click="goEtfDetail(item)"
+          >
+            <view class="name">{{ item.name }}</view>
+            <view class="code">{{ item.code }}</view>
+          </view>
+        </template>
       </view>
     </view>
 
     <!-- 拓展阅读 -->
-    <view class="more-news" style="margin-top: 20rpx" v-if="extendData.length > 0">
+    <view class="more-news" style="margin-top: 20rpx" v-if="furtherReadData.length > 0">
       <text class="more-news-title">拓展阅读</text>
       <view class="more-news-list">
         <view
           class="news"
-          v-for="item in extendData"
+          v-for="item in furtherReadData"
           :ke="item.id"
           @click="goNewsDetail(item)"
         >
           <view class="title">{{ item.title }}</view>
         </view>
       </view>
-      <view class="more-btn">
-        <view class="text" @click="getMoreExtendNews">查看更多</view>
+      <view class="more-btn" v-if="!isMore">
+        <view class="text" @click="getMoreNews">查看更多</view>
       </view>
     </view>
 
@@ -177,13 +187,13 @@ import { Session } from "@/utils/storage";
 import zhaiyaoImg from "../../assets/zixun/zhaiyao_icon.png";
 import { useUserStore } from "@/stores/user";
 
-const isLogin = ref(Session.get("token"));
+const emit = defineEmits(["getFurtherReadData"]);
 const props = defineProps({
   data: {
     type: Object,
     default: () => {},
   },
-  extendData: {
+  furtherReadData: {
     type: Array,
     default: () => [],
   },
@@ -203,7 +213,7 @@ const tagList1 = ref([
 const userStore = useUserStore();
 
 // 登录弹框
-const LoginShow = ref(true);
+const LoginShow = ref(false);
 
 // 显示弹框
 const handleShowLogin = () => {
@@ -247,7 +257,7 @@ onLoad((option) => {
   intoType.value = option?.intoType || null;
 
   if (!userStore.isLogin) {
-    LoginShow.value = true;
+    // LoginShow.value = true;
   }
 });
 
@@ -314,8 +324,10 @@ const goNewsDetail = (item: any) => {
 };
 
 // 拓展阅读更多
-const getMoreExtendNews = (item: any) => {
-  console.log("output >>>>> 更多");
+const isMore = ref(false);
+const getMoreNews = () => {
+  isMore.value = true;
+  emit("getFurtherReadData");
 };
 </script>
 
diff --git a/src/pages/detail/indexNewsInfo.vue b/src/pages/detail/indexNewsInfo.vue
index d97979d..2d95b59 100644
--- a/src/pages/detail/indexNewsInfo.vue
+++ b/src/pages/detail/indexNewsInfo.vue
@@ -11,7 +11,11 @@
     </view>
 
     <!-- 文章正文 start -->
-    <Article :data="data" :extendData="extendList" />
+    <Article
+      :data="data"
+      :furtherReadData="furtherReadData"
+      @getFurtherReadData="getFurtherReadData"
+    />
 
     <!-- 分割 -->
     <view class="line"></view>
@@ -36,7 +40,12 @@
 import { onMounted, ref } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import { onReachBottom } from "@dcloudio/uni-app";
-import { fetchArticleDetail, fetchArticleLike, fetchArticleFavorate, getListByNewsExtend } from "@/api/detail";
+import {
+  fetchArticleDetail,
+  fetchArticleLike,
+  fetchArticleFavorate,
+  getDetailFurtherReadData,
+} from "@/api/detail";
 import { getNewsList } from "@/api";
 import Article from "@/components/article/indexNewsInfo.vue";
 import Column from "@/components/column/index.vue";
@@ -50,6 +59,7 @@ const data = ref<any>({});
 const newType = ref<any>("");
 const columnList = ref<any>([]);
 const columnName = ref("");
+const furtherReadData = ref<any[]>([]);
 
 onReachBottom(() => {
   console.log("🚀 ~ onReachBottom ~ onReachBottom:");
@@ -66,6 +76,7 @@ const newList = async (columnId: number) => {
   if (res.code === 200) {
     // console.log(res.data)
     columnList.value = res.data;
+    furtherReadData.value = res.data.furtherReadings || [];
   }
 };
 
@@ -191,21 +202,16 @@ const jumpDetail = (item: any) => {
   });
 };
 
-
-
 // 新闻id
-const news_id = ref('')
-const extendList = ref([]) // 扩展列表
-const getExtendList = ()=> {
-
-  getListByNewsExtend(news_id.value).then((res: any) => { 
-    console.log('output >>>>> res',res);
-    
+const news_id = ref("");
+const getFurtherReadData = () => {
+  getDetailFurtherReadData(news_id.value).then((res: any) => {
+    furtherReadData.value = [...furtherReadData.value, ...res.data];
   });
-}
+};
 
 onLoad(async (option: any) => {
-  news_id.value = option.id
+  news_id.value = option.id;
   aplus_queue.push({
     action: "aplus.sendPV",
     arguments: [{ is_auto: false }], // 此处上报的数据暂时在后台没有展示
@@ -230,9 +236,6 @@ onLoad(async (option: any) => {
     id: option.id,
   });
 
-  // 获取拓展阅读
-  getExtendList();
-
   if (res.code === 200) {
     data.value = res.data;
 
diff --git a/src/pages/realtimeInfo/components/ConceptNewsView/index.vue b/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
index c172348..4e17f15 100644
--- a/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
+++ b/src/pages/realtimeInfo/components/ConceptNewsView/index.vue
@@ -1,25 +1,82 @@
 <template>
   <view class="hot-section">
-    <view class="hot-top">
+    <view class="hot-top" @click="navigateTo">
       <view class="title">风口概念</view>
       <view class="time">近一个月热门</view>
     </view>
     <view class="tag-box">
-      <view class="tag tag-active">医药生物</view>
-      <view class="tag">医药生物</view>
-      <view class="tag">医药生物</view>
-      <view class="tag">医药生物</view>
+      <view v-for="(item, index) in topConceptList_d" :key="index" class="tag">
+        {{ item.content }}
+      </view>
     </view>
     <view class="tag-content">
-      <view class="content"
-        >据称中国科技巨头赴海外训练AI模型以获取英伟达芯片据称中国科技巨头赴海外训练AI模型以获取英伟达芯片据称中国科技巨头赴海外训练AI模型以获取英伟达芯片
-      </view>
+      <view class="content" @click="goDetail(oneData)">{{ oneData.title }} </view>
     </view>
   </view>
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
+import { getListByTag } from "@/api/detail";
+import { getTopConcept_d } from "@/api/newsInfo";
+import { useUserStore } from "@/stores/user";
+import { computed, onMounted, ref } from "vue";
+
+const emit = defineEmits(["onShow"]);
+const active = ref(0);
+const topConceptList = ref([]);
+const oneData = ref({});
+const userStore = useUserStore();
+
+const topConceptList_d = computed(() => {
+  return topConceptList.value.slice(0, 3);
+});
+
+const handleClickTag = (index: number, item: any) => {
+  active.value = index;
+  getList(item);
+};
+
+// 热门行业top10
+async function getTopConcept_dFn() {
+  topConceptList.value = await getTopConcept_d({});
+}
+
+async function getList() {
+  const name = topConceptList.value[active.value].content;
+  // 概念标签
+  let { code, data } = await getListByTag({ name });
+  if (code == 200) {
+    oneData.value = data[0];
+  }
+}
+
+// 跳转详情
+function goDetail(item: any) {
+  if (userStore.isLogin) {
+    uni.navigateTo({
+      url: `/pages/detail/indexNewsInfo?id=${item.id}`,
+    });
+  } else {
+    emit("onShow");
+  }
+}
+
+// 跳转子页
+function navigateTo() {
+  if (userStore.isLogin) {
+    uni.navigateTo({
+      url: `/pages/concept/index`,
+    });
+  } else {
+    emit("onShow");
+  }
+}
+
+onMounted(async () => {
+  // 热门行业top10
+  await getTopConcept_dFn();
+  await getList();
+});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/pages/realtimeInfo/components/HeaderView/index.vue b/src/pages/realtimeInfo/components/HeaderView/index.vue
index d3bb101..e0778a6 100644
--- a/src/pages/realtimeInfo/components/HeaderView/index.vue
+++ b/src/pages/realtimeInfo/components/HeaderView/index.vue
@@ -26,31 +26,31 @@ const menus = reactive([
   {
     name: "海外先机",
     icon: MENUICON1,
-    auth: "menu1",
+    // auth: "menu1",
     path: "/pages/foreign/index",
   },
   {
     name: "编辑精选",
     icon: MENUICON2,
-    auth: "menu2",
+    // auth: "menu2",
     path: "/pages/recommend/index",
   },
   {
     name: "宏观知微",
     icon: MENUICON3,
-    auth: "menu3",
+    // auth: "menu3",
     path: "/pages/macroscopic/index",
   },
   {
     name: "热门行业",
     icon: MENUICON4,
-    auth: "menu4",
+    // auth: "menu4",
     path: "/pages/industry/index",
   },
   {
     name: "风口概念",
     icon: MENUICON5,
-    auth: "menu5",
+    // auth: "menu5",
     path: "/pages/concept/index",
   },
 ]);
@@ -67,11 +67,13 @@ const goto = (path: string, auth: string) => {
     return;
   }
 
-  if (userInfos.value.auth.includes(auth)) {
+  if (userInfos.value.accountType === 1) {
+  // 正式账号
     uni.navigateTo({
       url: path,
     });
   } else {
+    // 试用账号
     uni.showToast({
       title: "无权限访问",
       icon: "none",
diff --git a/src/pages/realtimeInfo/components/HotNewsView/index.vue b/src/pages/realtimeInfo/components/HotNewsView/index.vue
index ad01386..64bf2c3 100644
--- a/src/pages/realtimeInfo/components/HotNewsView/index.vue
+++ b/src/pages/realtimeInfo/components/HotNewsView/index.vue
@@ -1,37 +1,93 @@
 <template>
   <view class="hot-section">
-    <view class="hot-top">
+    <view class="hot-top" @click="navigateTo">
       <view class="title">热门行业</view>
       <view class="time">近一个月热门</view>
     </view>
     <view class="tag-box">
-      <view class="tag tag-active">医药生物</view>
-      <view class="tag">医药生物</view>
-      <view class="tag">医药生物</view>
-      <view class="tag">医药生物</view>
+      <view
+        v-for="(item, index) in industryList_d"
+        :class="['tag', { 'tag-active': active === index }]"
+        @click="handleClickTag(index, item)"
+        >{{ item.content }}</view
+      >
     </view>
-    <view class="tag-content">
+    <view class="tag-content" @click="goDetail(oneData)">
       <view class="title">
         <image class="icon-hot" src="@/assets/images/page/icon_hot@2x.png"></image>
         <view class="name">
-          <text class="text"
-            >行业龙头最新财报行业龙头最新财报行业龙头最新财报行业龙头最新财报</text
-          >
+          <text class="text">{{ oneData.title }}</text>
         </view>
       </view>
       <view class="content">
-        英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
-        英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
-        英伟达发布2026财年三季度业绩及四季度指引，均超市场预期。收入方场预期。收入方面，三亿美元，同…
+        {{ oneData.summary }}
       </view>
     </view>
   </view>
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
-const active = ref(0);
+import { getListByTagIndustry } from "@/api/detail";
+import { getTopIndustry_d } from "@/api/newsInfo";
+import { useUserStore } from "@/stores/user";
+import { computed, onMounted, ref } from "vue";
 
+const emit = defineEmits(["onShow"]);
+const active = ref(0);
+const industryList = ref([]);
+const oneData = ref({});
+const userStore = useUserStore();
+
+const industryList_d = computed(() => {
+  return industryList.value.slice(0, 4);
+});
+
+const handleClickTag = (index: number, item: any) => {
+  active.value = index;
+  getList(item);
+};
+
+// 热门行业top10
+async function getTopIndustry_dFn() {
+  industryList.value = await getTopIndustry_d({});
+}
+
+async function getList() {
+  const name = industryList.value[active.value].content;
+  // 概念标签
+  let { code, data } = await getListByTagIndustry({ name });
+  if (code == 200) {
+    oneData.value = data[0];
+  }
+}
+
+// 跳转详情
+function goDetail(item: any) {
+  if (userStore.isLogin) {
+    uni.navigateTo({
+      url: `/pages/detail/indexNewsInfo?id=${item.id}`,
+    });
+  } else {
+    emit("onShow");
+  }
+}
+
+// 跳转子页
+function navigateTo() {
+  if (userStore.isLogin) {
+    uni.navigateTo({
+      url: `/pages/industry/index`,
+    });
+  } else {
+    emit("onShow");
+  }
+}
+
+onMounted(async () => {
+  // 热门行业top10
+  await getTopIndustry_dFn();
+  await getList();
+});
 </script>
 
 <style scoped lang="scss">
@@ -88,7 +144,9 @@ const active = ref(0);
     font-weight: 500;
     font-size: 28rpx;
     color: #333333;
-    line-height: 40rpx;
+    text-align: center;
+    line-height: 36rpx;
+    padding: 0 10rpx;
     box-sizing: border-box;
   }
 
diff --git a/src/stores/user/index.ts b/src/stores/user/index.ts
index 1d93ed3..b9e0b19 100644
--- a/src/stores/user/index.ts
+++ b/src/stores/user/index.ts
@@ -9,6 +9,7 @@ type IUserInfos = {
   name?: string;
   auth: string[];
   role: string[];
+  accountType: number;
 };
 
 const storeSetup = () => {
@@ -16,8 +17,9 @@ const storeSetup = () => {
   const userInfos = ref<IUserInfos>({
     phone: "",
     name: "",
-    auth: [],
-    role: [],
+    auth: [], // 首页导航菜单权限存在， 暂不使用
+    role: [], // 角色，暂不使用
+    accountType: 0, // 账号类型，0:测试 ，1:正式
   });
 
   const setUserInfos = (payload: Partial<IUserInfos>) => {