update pay ui

src/components/StockChart/TimelineChartModal.tsx

@@ -17,7 +17,8 @@ import {
   AlertIcon,
 } from '@chakra-ui/react';
 import * as echarts from 'echarts';
-import { stockService } from '@services/eventService';
+import dayjs from 'dayjs';
+import { klineDataCache, getCacheKey, fetchKlineData } from '@views/Community/components/StockDetailPanel/utils/klineDataCache';
 
 /**
  * 股票信息
@@ -67,7 +68,7 @@ const TimelineChartModal: React.FC<TimelineChartModalProps> = ({
   const [error, setError] = useState<string | null>(null);
   const [data, setData] = useState<TimelineDataPoint[]>([]);
 
-  // 加载分时图数据
+  // 加载分时图数据（优先使用缓存）
   const loadData = async () => {
     if (!stock?.stock_code) return;
 
@@ -75,20 +76,30 @@ const TimelineChartModal: React.FC<TimelineChartModalProps> = ({
     setError(null);
 
     try {
-      const response = await stockService.getKlineData(
-        stock.stock_code,
-        'timeline',
-        eventTime || undefined
-      );
+      // 标准化事件时间
+      const stableEventTime = eventTime ? dayjs(eventTime).format('YYYY-MM-DD HH:mm') : '';
 
-      console.log('[TimelineChartModal] API响应:', response);
+      // 先检查缓存
+      const cacheKey = getCacheKey(stock.stock_code, stableEventTime, 'timeline');
+      const cachedData = klineDataCache.get(cacheKey);
 
-      if (!response || !response.data || response.data.length === 0) {
+      if (cachedData && cachedData.length > 0) {
+        console.log('[TimelineChartModal] 使用缓存数据, 数据条数:', cachedData.length);
+        setData(cachedData);
+        setLoading(false);
+        return;
+      }
+
+      // 缓存没有则请求（会自动存入缓存）
+      console.log('[TimelineChartModal] 缓存未命中，发起请求');
+      const result = await fetchKlineData(stock.stock_code, stableEventTime, 'timeline');
+
+      if (!result || result.length === 0) {
         throw new Error('暂无分时数据');
       }
 
-      console.log('[TimelineChartModal] 数据条数:', response.data.length);
-      setData(response.data);
+      console.log('[TimelineChartModal] 数据条数:', result.length);
+      setData(result);
     } catch (err) {
       const errorMsg = err instanceof Error ? err.message : '数据加载失败';
       setError(errorMsg);