From e7e2b3bb11bb41a7737cc38abb67b06263e18a29 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Sun, 2 Nov 2025 16:38:44 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8F=90=E4=BA=A4=E8=BF=B7=E4=BD=A0?=
 =?UTF-8?q?=E5=88=86=E6=97=B6=E5=9B=BE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MiniTimelineChart.js             | 17 +++++++++++++----
 .../StockDetailPanel/utils/klineDataCache.js    | 17 ++++++++++-------
 2 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
index f724f520..73f60c9b 100644
--- a/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
+++ b/src/views/Community/components/StockDetailPanel/components/MiniTimelineChart.js
@@ -15,9 +15,10 @@ import {
  *
  * @param {string} stockCode - 股票代码
  * @param {string} eventTime - 事件时间（可选）
+ * @param {Function} onClick - 点击回调（可选）
  * @returns {JSX.Element}
  */
-const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eventTime }) {
+const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eventTime, onClick }) {
     const [data, setData] = useState([]);
     const [loading, setLoading] = useState(false);
     const mountedRef = useRef(true);
@@ -162,7 +163,14 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
     }, [data, loading, stableEventTime]);
 
     return (
-        <div style={{ width: 140, height: 40 }}>
+        <div
+            style={{
+                width: 140,
+                height: 40,
+                cursor: onClick ? 'pointer' : 'default'
+            }}
+            onClick={onClick}
+        >
             <ReactECharts
                 option={chartOption}
                 style={{ width: '100%', height: '100%' }}
@@ -172,9 +180,10 @@ const MiniTimelineChart = React.memo(function MiniTimelineChart({ stockCode, eve
         </div>
     );
 }, (prevProps, nextProps) => {
-    // 自定义比较函数，只有当stockCode或eventTime变化时才重新渲染
+    // 自定义比较函数，只有当stockCode、eventTime或onClick变化时才重新渲染
     return prevProps.stockCode === nextProps.stockCode &&
-           prevProps.eventTime === nextProps.eventTime;
+           prevProps.eventTime === nextProps.eventTime &&
+           prevProps.onClick === nextProps.onClick;
 });
 
 export default MiniTimelineChart;
diff --git a/src/views/Community/components/StockDetailPanel/utils/klineDataCache.js b/src/views/Community/components/StockDetailPanel/utils/klineDataCache.js
index 65afb3f0..4bb1c194 100644
--- a/src/views/Community/components/StockDetailPanel/utils/klineDataCache.js
+++ b/src/views/Community/components/StockDetailPanel/utils/klineDataCache.js
@@ -15,11 +15,12 @@ const REQUEST_INTERVAL = 30000; // 30秒内不重复请求同一只股票的数
  * 获取缓存键
  * @param {string} stockCode - 股票代码
  * @param {string} eventTime - 事件时间
+ * @param {string} chartType - 图表类型（timeline/daily）
  * @returns {string} 缓存键
  */
-export const getCacheKey = (stockCode, eventTime) => {
+export const getCacheKey = (stockCode, eventTime, chartType = 'timeline') => {
   const date = eventTime ? moment(eventTime).format('YYYY-MM-DD') : moment().format('YYYY-MM-DD');
-  return `${stockCode}|${date}`;
+  return `${stockCode}|${date}|${chartType}`;
 };
 
 /**
@@ -52,10 +53,11 @@ export const shouldRefreshData = (cacheKey) => {
  * 获取K线数据（带缓存和防重复请求）
  * @param {string} stockCode - 股票代码
  * @param {string} eventTime - 事件时间
+ * @param {string} chartType - 图表类型（timeline/daily）
  * @returns {Promise<Array>} K线数据
  */
-export const fetchKlineData = async (stockCode, eventTime) => {
-  const cacheKey = getCacheKey(stockCode, eventTime);
+export const fetchKlineData = async (stockCode, eventTime, chartType = 'timeline') => {
+  const cacheKey = getCacheKey(stockCode, eventTime, chartType);
 
   // 1. 检查缓存
   if (klineDataCache.has(cacheKey)) {
@@ -73,10 +75,10 @@ export const fetchKlineData = async (stockCode, eventTime) => {
   }
 
   // 3. 发起新请求
-  logger.debug('klineDataCache', '发起新K线数据请求', { cacheKey });
+  logger.debug('klineDataCache', '发起新K线数据请求', { cacheKey, chartType });
   const normalizedEventTime = eventTime ? moment(eventTime).format('YYYY-MM-DD HH:mm') : undefined;
   const requestPromise = stockService
-    .getKlineData(stockCode, 'timeline', normalizedEventTime)
+    .getKlineData(stockCode, chartType, normalizedEventTime)
     .then((res) => {
       const data = Array.isArray(res?.data) ? res.data : [];
       // 更新缓存
@@ -86,12 +88,13 @@ export const fetchKlineData = async (stockCode, eventTime) => {
       pendingRequests.delete(cacheKey);
       logger.debug('klineDataCache', 'K线数据请求完成并缓存', {
         cacheKey,
+        chartType,
         dataPoints: data.length
       });
       return data;
     })
     .catch((error) => {
-      logger.error('klineDataCache', 'fetchKlineData', error, { stockCode, cacheKey });
+      logger.error('klineDataCache', 'fetchKlineData', error, { stockCode, chartType, cacheKey });
       // 清除pending状态
       pendingRequests.delete(cacheKey);
       // 如果有旧缓存，返回旧数据