From 4fd1a24db41c1ae6e0f017c054cab2b90988ff20 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Wed, 10 Dec 2025 14:12:11 +0800
Subject: [PATCH] update pay ui

---
 .../StockChart/TimelineChartModal.tsx         | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/components/StockChart/TimelineChartModal.tsx b/src/components/StockChart/TimelineChartModal.tsx
index 7981b098..eb9eb809 100644
--- a/src/components/StockChart/TimelineChartModal.tsx
+++ b/src/components/StockChart/TimelineChartModal.tsx
@@ -217,27 +217,34 @@ const TimelineChartModal: React.FC<TimelineChartModalProps> = ({
           if (dataIndex === undefined) return '';
 
           const item = data[dataIndex];
-          const changeColor = item.change_percent >= 0 ? '#ef5350' : '#26a69a';
-          const changeSign = item.change_percent >= 0 ? '+' : '';
+          if (!item) return '';
+
+          // 安全格式化数字
+          const safeFixed = (val: any, digits = 2) =>
+            val != null && !isNaN(val) ? Number(val).toFixed(digits) : '-';
+
+          const changePercent = item.change_percent ?? 0;
+          const changeColor = changePercent >= 0 ? '#ef5350' : '#26a69a';
+          const changeSign = changePercent >= 0 ? '+' : '';
 
           return `
             <div style="padding: 8px;">
-              <div style="font-weight: bold; margin-bottom: 8px;">${item.time}</div>
+              <div style="font-weight: bold; margin-bottom: 8px;">${item.time || '-'}</div>
               <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                 <span>价格:</span>
-                <span style="color: ${changeColor}; font-weight: bold; margin-left: 20px;">${item.price.toFixed(2)}</span>
+                <span style="color: ${changeColor}; font-weight: bold; margin-left: 20px;">${safeFixed(item.price)}</span>
               </div>
               <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                 <span>均价:</span>
-                <span style="color: #ffa726; margin-left: 20px;">${item.avg_price.toFixed(2)}</span>
+                <span style="color: #ffa726; margin-left: 20px;">${safeFixed(item.avg_price)}</span>
               </div>
               <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
                 <span>涨跌幅:</span>
-                <span style="color: ${changeColor}; margin-left: 20px;">${changeSign}${item.change_percent.toFixed(2)}%</span>
+                <span style="color: ${changeColor}; margin-left: 20px;">${changeSign}${safeFixed(changePercent)}%</span>
               </div>
               <div style="display: flex; justify-content: space-between;">
                 <span>成交量:</span>
-                <span style="margin-left: 20px;">${(item.volume / 100).toFixed(0)}手</span>
+                <span style="margin-left: 20px;">${item.volume != null ? (item.volume / 100).toFixed(0) : '-'}手</span>
               </div>
             </div>
           `;
@@ -314,7 +321,7 @@ const TimelineChartModal: React.FC<TimelineChartModalProps> = ({
           axisLabel: {
             color: '#999',
             fontSize: isMobile ? 10 : 12,
-            formatter: (value: number) => value.toFixed(2),
+            formatter: (value: number) => (value != null && !isNaN(value)) ? value.toFixed(2) : '-',
           },
         },
         {
@@ -333,6 +340,7 @@ const TimelineChartModal: React.FC<TimelineChartModalProps> = ({
             color: '#999',
             fontSize: isMobile ? 10 : 12,
             formatter: (value: number) => {
+              if (value == null || isNaN(value)) return '-';
               if (value >= 10000) {
                 return (value / 10000).toFixed(1) + '万';
               }