From 4a0e156becfd5fcc752f10736670e790bab0e0e2 Mon Sep 17 00:00:00 2001
From: zzlgreat <zzlgreat@gmail.com>
Date: Mon, 24 Nov 2025 19:28:52 +0800
Subject: [PATCH] update pay function

---
 app.py                                        |  6 +--
 src/components/StockChart/KLineChartModal.tsx | 46 ++++++++-----------
 2 files changed, 23 insertions(+), 29 deletions(-)

diff --git a/app.py b/app.py
index 5599f784..6c6df8b7 100755
--- a/app.py
+++ b/app.py
@@ -6904,18 +6904,18 @@ def get_daily_kline(stock_code, event_datetime, stock_name):
     stock_code = stock_code.split('.')[0]
 
     with engine.connect() as conn:
-        # 获取事件日期前后的数据
+        # 获取事件日期前后的数据（前730天/2年，后30天）
         kline_sql = """
                     WITH date_range AS (SELECT TRADEDATE \
                                         FROM ea_trade \
                                         WHERE SECCODE = :stock_code \
-                                          AND TRADEDATE BETWEEN DATE_SUB(:trade_date, INTERVAL 60 DAY) \
+                                          AND TRADEDATE BETWEEN DATE_SUB(:trade_date, INTERVAL 730 DAY) \
                                             AND DATE_ADD(:trade_date, INTERVAL 30 DAY) \
                                         GROUP BY TRADEDATE \
                                         ORDER BY TRADEDATE)
                     SELECT t.TRADEDATE,
                            CAST(t.F003N AS FLOAT) as open,
-                   CAST(t.F007N AS FLOAT) as close, 
+                   CAST(t.F007N AS FLOAT) as close,
                    CAST(t.F005N AS FLOAT) as high,
                    CAST(t.F006N AS FLOAT) as low,
                    CAST(t.F004N AS FLOAT) as volume
diff --git a/src/components/StockChart/KLineChartModal.tsx b/src/components/StockChart/KLineChartModal.tsx
index 5d416cf9..e59c0ca7 100644
--- a/src/components/StockChart/KLineChartModal.tsx
+++ b/src/components/StockChart/KLineChartModal.tsx
@@ -246,14 +246,14 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
         {
           left: '5%',
           right: '5%',
-          top: '15%',
-          height: '55%',
+          top: '12%',
+          height: '60%',
         },
         {
           left: '5%',
           right: '5%',
-          top: '75%',
-          height: '15%',
+          top: '77%',
+          height: '18%',
         },
       ],
       xAxis: [
@@ -364,25 +364,9 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
         {
           type: 'inside',
           xAxisIndex: [0, 1],
-          start: 50,
+          start: 0,
           end: 100,
         },
-        {
-          type: 'slider',
-          xAxisIndex: [0, 1],
-          start: 50,
-          end: 100,
-          bottom: '2%',
-          height: 20,
-          textStyle: {
-            color: '#999',
-          },
-          borderColor: '#404040',
-          fillerColor: 'rgba(33, 150, 243, 0.2)',
-          handleStyle: {
-            color: '#2196f3',
-          },
-        },
       ],
     };
 
@@ -430,14 +414,24 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
       >
         <ModalHeader pb={3} borderBottomWidth="1px" borderColor="#404040">
           <VStack align="flex-start" spacing={1}>
-            <HStack>
+            <HStack spacing={3}>
               <Text fontSize="lg" fontWeight="bold" color="#e0e0e0">
                 {stock.stock_name || stock.stock_code} ({stock.stock_code})
               </Text>
+              {data.length > 0 && (
+                <Text fontSize="xs" color="#666" fontStyle="italic">
+                  共{data.length}个交易日（最多2年）
+                </Text>
+              )}
+            </HStack>
+            <HStack spacing={4}>
+              <Text fontSize="sm" color="#999">
+                日K线图
+              </Text>
+              <Text fontSize="xs" color="#666">
+                💡 鼠标滚轮缩放 | 拖动查看不同时间段
+              </Text>
             </HStack>
-            <Text fontSize="sm" color="#999">
-              日K线图
-            </Text>
           </VStack>
         </ModalHeader>
         <ModalCloseButton color="#999" _hover={{ color: '#e0e0e0' }} />
@@ -449,7 +443,7 @@ const KLineChartModal: React.FC<KLineChartModalProps> = ({
             </Alert>
           )}
 
-          <Box position="relative" h="650px" w="100%">
+          <Box position="relative" h="680px" w="100%">
             {loading && (
               <Flex
                 position="absolute"