From 455aa810c24028e8f9828acb03b008fc6674ad69 Mon Sep 17 00:00:00 2001
From: zzp <34701892@qq.com>
Date: Sat, 31 Jan 2026 11:25:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=96=B0=E9=97=BB=E4=BF=A1=E6=81=AF):=20?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=97=A5=E6=9C=9F=E9=80=89=E6=8B=A9=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=B9=B6=E6=9B=B4=E6=96=B0API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在新闻信息页面添加日期选择器组件，允许用户选择日期查询新闻
新增getTopNewsAllRelease API接口，支持按日期查询新闻数据
更新页面样式和交互逻辑以支持日期选择功能
---
 src/api/newsInfo.ts                     |  6 ++
 src/pages/realtimeInfo/indexRelease.vue | 77 +++++++++++++++++++++++--
 2 files changed, 77 insertions(+), 6 deletions(-)

diff --git a/src/api/newsInfo.ts b/src/api/newsInfo.ts
index 43b43f7..54df9c7 100644
--- a/src/api/newsInfo.ts
+++ b/src/api/newsInfo.ts
@@ -29,6 +29,12 @@ export const getTopNews = (data: any) => {
 // 概念标签贴标
 export const getTopNewsAll = (data: any) => {
   return request.get("/top_news_release_h5_all", data);
+  // return request.get("/news_release_ratingrank_h5_d", data);
+};
+
+// 概念标签贴标 release
+export const getTopNewsAllRelease = (data: any) => {
+  return request.get("/news_release_ratingrank_h5_d?input_date=" + data.input_date + "&limit_num=10");
 };
 
 // 热门行业top10：
diff --git a/src/pages/realtimeInfo/indexRelease.vue b/src/pages/realtimeInfo/indexRelease.vue
index 8687f43..7f4e794 100644
--- a/src/pages/realtimeInfo/indexRelease.vue
+++ b/src/pages/realtimeInfo/indexRelease.vue
@@ -79,6 +79,7 @@
     <view style="background-color: white; padding-top: 40rpx">
       <view style="width: 100vw; display: flex; justify-content: space-between; align-items: center">
         <indexMenuTitle title="编辑精选" style="margin-top: 10rpx"></indexMenuTitle>
+
         <view class="r_sreach">
           <!-- <image class="top_bk" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/top_bg.png"></image> -->
           <!-- <image class="logo_text" src="https://cankao.obs.cn-east-3.myhuaweicloud.com/mini/newmini/logo_text_icon.png"> </image> -->
@@ -93,11 +94,31 @@
         </view>
       </view>
 
+      <view style="width: 100%; display: flex; justify-content: flex-end">
+        <view style="display: flex; align-items: center; margin-right: 15rpx; font-size: 30rpx; gap: 10rpx; margin-top: 10rpx" @click="showCalendar">
+          {{ chooseDate.startDate.split(" ")[0] }}
+          <u-icon name="calendar" size="26" style="margin-right: 10rpx"></u-icon>
+        </view>
+      </view>
+
       <RankList hasTag :newsList="newsList" :needExp="false"></RankList>
     </view>
 
     <view class="logout" @click="loginOut" v-if="Session.get('token')">退出登录</view>
 
+    <u-calendar
+      :show="calendarShow"
+      min-date="2025-01-01"
+      closeOnClickOverlay
+      :max-date="maxDate"
+      :default-date="chooseDate.startDate"
+      monthNum="12"
+      :key="chooseDate.startDate"
+      @confirm="calendarConfirm"
+      @close="calendarShow = false"
+    >
+    </u-calendar>
+
     <LoginPopup
       :show="LoginShow"
       @handlePopupClose="handlePopupClose"
@@ -133,6 +154,7 @@ import {
   getTopConceptPeriod,
   getTopIndustryPeriod,
   getTopSourcePeriod,
+  getTopNewsAllRelease,
 } from "@/api/newsInfo";
 import countTo from "@/components/count-to/vue-countTo.vue";
 import RankList from "@/components/RankList.vue"; // 路径根据实际调整
@@ -157,6 +179,35 @@ const handleViewAll = () => {
 
 const topNum = ref({});
 
+const d = new Date();
+const year = d.getFullYear();
+let month = d.getMonth() + 1;
+month = month < 10 ? `0${month}` : month;
+const date = d.getDate();
+const maxDate = ref(`${year}-${month}-${date}  23:59:59`);
+const minDate = ref(`${year}-${month}-${date}`);
+
+const calendarShow = ref(false);
+
+const chooseDate = reactive({
+  startDate: `${year}-${month}-${date}`,
+  endDate: null,
+});
+function showCalendar() {
+  calendarShow.value = true;
+}
+
+function calendarConfirm(dateList) {
+  console.log("🚀 ~ calendarConfirm ~ dateList:", dateList);
+  if (dateList && dateList.length > 0) {
+    chooseDate.startDate = dateList[0] + " 00:00:00";
+    chooseDate.endDate = dateList[dateList.length - 1] + " 23:59:59";
+  }
+  getNewsList();
+  calendarShow.value = false;
+  console.log("🚀 ~ calendarConfirm ~ chooseDate:", chooseDate);
+}
+
 // 获取顶部两个统计数据
 async function getTopNum() {
   let res1 = await getindustryCount({});
@@ -170,7 +221,11 @@ async function getTopNum() {
 
 // 概念标签贴标
 async function getNewsList() {
-  newsList.value = await getTopNewsAll({});
+  console.log(`🚀 ~ getNewsList ~ chooseDate.startDate.split(" ")[0]:`, chooseDate.startDate.split(" ")[0]);
+
+  newsList.value = await getTopNewsAllRelease({
+    input_date: chooseDate.startDate.split(" ")[0],
+  });
 }
 
 // 热门行业top10
@@ -350,7 +405,9 @@ onMounted(async () => {
   }
 
   text {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
     font-weight: 400;
     font-size: 24rpx;
     color: rgba(255, 255, 255, 0.8);
@@ -393,7 +450,9 @@ onMounted(async () => {
   }
 
   .tag_title {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
     font-weight: 400;
     font-size: 24rpx;
     color: #222222;
@@ -401,7 +460,9 @@ onMounted(async () => {
   }
 
   .tag_num {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
     font-weight: bold;
     font-size: 38rpx;
     color: #222222;
@@ -409,7 +470,9 @@ onMounted(async () => {
   }
 
   .tag_status {
-    font-family: PingFangSC, PingFang SC;
+    font-family:
+      PingFangSC,
+      PingFang SC;
     font-weight: 400;
     font-size: 22rpx;
     color: #999999;
@@ -532,7 +595,9 @@ onMounted(async () => {
 }
 
 .sreach_text {
-  font-family: PingFangSC, PingFang SC;
+  font-family:
+    PingFangSC,
+    PingFang SC;
   font-weight: 400;
   font-size: 24rpx;
   color: #999999;