From fb9df08f1e427f863283ddd0b003bda534e854b4 Mon Sep 17 00:00:00 2001
From: "34701892@qq.com" <34701892@qq.com>
Date: Sat, 6 Sep 2025 16:20:06 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=AE=9E=E6=97=B6=E4=BF=A1=E6=81=AF):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A1=B6=E9=83=A8banner=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E5=92=8C=E6=A0=87=E7=AD=BE=E5=B1=95=E7=A4=BA=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增顶部banner区域，包含背景图片和标题
- 添加行业分类和概念标签的展示组件
- 引入资讯评分分布区间图表和头条榜展示
- 优化页面布局和样式
---
 src/pages/realtimeInfo/indexRelease.vue | 79 +++++++++++++++++++++++--
 1 file changed, 74 insertions(+), 5 deletions(-)

diff --git a/src/pages/realtimeInfo/indexRelease.vue b/src/pages/realtimeInfo/indexRelease.vue
index 12fce46..8904aee 100644
--- a/src/pages/realtimeInfo/indexRelease.vue
+++ b/src/pages/realtimeInfo/indexRelease.vue
@@ -1,17 +1,86 @@
 <template>
   <!-- 顶部 banner 区域 -->
   <view class="all">
+    <!-- banner start -->
+    <view class="banner">
+      <img :src="bannerImg" class="banner_bk" />
+      <view class="r_banner_title">
+        <img :src="bannerTitle" class="banner_title" />
+        <text>数据更新时间:{{
+          dayjs(new Date().getTime()).format("YYYY-MM-DD")
+        }}</text>
+      </view>
+    </view>
+    <!-- banner end -->
+
+    <view class="">
+      <view class="tag">
+        <view class="r_tag_img">
+          <img :src="tagicon_1_bg" class="tag_bk" />
+          <view class="tag_content">
+            <view class="tag_item_left">
+              <text class="tag_title">行业分类贴标</text>
+
+              <view style="display: flex; margin-top: 15rpx">
+                <!-- <text class="tag_num">{{ topNum.leftNum }}</text> -->
+                <countTo :startVal="lastLeftNum" :endVal="topNum.leftNum" :duration="5000" class="tag_num"></countTo>
+
+                <text class="tag_status">已处理</text>
+              </view>
+            </view>
+
+            <view class="tag_item_right">
+              <img :src="tagicon_1" class="tag_icon" />
+            </view>
+          </view>
+        </view>
+
+        <view class="r_tag_img">
+          <img :src="tagicon_2_bg" class="tag_bk" />
+          <view class="tag_content">
+            <view class="tag_item_left">
+              <text class="tag_title">概念标签贴标</text>
+              <view style="display: flex; margin-top: 15rpx">
+                <!-- <text class="tag_num">{{ topNum.rightNum }}</text> -->
+                <countTo :startVal="lastRightNum" :endVal="topNum.rightNum" :duration="5000" class="tag_num"></countTo>
+
+                <text class="tag_status">已处理</text>
+              </view>
+            </view>
+
+            <view class="tag_item_right">
+              <img :src="tagicon_2" class="tag_icon" />
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view style="background-color: white; margin-top: 40rpx">
+      <indexMenuTitle title="资讯评分分布区间"></indexMenuTitle>
+      <Line style="margin-top: 30rpx" :data="lineData"></Line>
+
+      <view style="
+          display: flex;
+          flex-direction: column;
+          text-align: center;
+          justify-content: center;
+          align-items: center;
+          padding-bottom: 30rpx;
+        ">
+        <InfoSummary style="width: 85%" :count="newsNum"></InfoSummary>
+      </view>
+    </view>
+
     <view style="background-color: white; padding-top: 40rpx">
+      <indexMenuTitle title="资讯头条榜 Top20"></indexMenuTitle>
       <RankList :newsList="newsList" :needExp="false"></RankList>
     </view>
 
     <view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view>
 
-    <LoginPopup
-      :show="LoginShow"
-      @handlePopupClose="handlePopupClose"
-      @handlePopupSuccessCallback="handlePopupSuccessCallback"
-      @handlePopupErrorCallback="handlePopupErrorCallback" />
+    <LoginPopup :show="LoginShow" @handlePopupClose="handlePopupClose"
+      @handlePopupSuccessCallback="handlePopupSuccessCallback" @handlePopupErrorCallback="handlePopupErrorCallback" />
   </view>
 </template>