添加笔和线段的结束时间和修改了一些小bug

web/app.py

@@ -631,6 +631,7 @@ def analyze():
             'bi_list': [{
                 'start_time': bi.start_klc.end_time if isinstance(bi.start_klc.end_time, str) else bi.start_klc.end_time.astimezone(client_tz).isoformat(),
                 'end_time': (bi.end_klc.end_time if isinstance(bi.end_klc.end_time, str) else bi.end_klc.end_time.astimezone(client_tz).isoformat()) if bi.end_klc else None,
+                'sure_time': format_time_safely(bi.sure_time, client_tz) if bi.sure_time else None,
                 'start_price': bi.start_klc.low if convert_direction(bi.dir) == 1 else bi.start_klc.high,
                 'end_price': bi.end_klc.high if convert_direction(bi.dir) == 1 else bi.end_klc.low if bi.end_klc else None,
                 'direction': convert_direction(bi.dir),
@@ -639,6 +640,7 @@ def analyze():
             'seg_list': [{
                 'start_time': seg.start_bi.start_klc.end_time if isinstance(seg.start_bi.start_klc.end_time, str) else seg.start_bi.start_klc.end_time.astimezone(client_tz).isoformat(),
                 'end_time': (seg.end_bi.end_klc.end_time if isinstance(seg.end_bi.end_klc.end_time, str) else seg.end_bi.end_klc.end_time.astimezone(client_tz).isoformat()) if seg.end_bi else None,
+                'sure_time': format_time_safely(seg.sure_time, client_tz) if seg.sure_time else None,
                 'start_price': seg.start_bi.start_klc.low if convert_direction(seg.dir) == 1 else seg.start_bi.start_klc.high,
                 'end_price': seg.end_bi.end_klc.high if convert_direction(seg.dir) == 1 else seg.end_bi.end_klc.low if seg.end_bi else None,
                 'direction': convert_direction(seg.dir)
@@ -725,6 +727,7 @@ def analyze():
             result['element_bi_list'] = [{
                 'start_time': bi.start_klc.end_time if isinstance(bi.start_klc.end_time, str) else bi.start_klc.end_time.astimezone(client_tz).isoformat(),
                 'end_time': (bi.end_klc.end_time if isinstance(bi.end_klc.end_time, str) else bi.end_klc.end_time.astimezone(client_tz).isoformat()) if bi.end_klc else None,
+                'sure_time': format_time_safely(bi.sure_time, client_tz) if bi.sure_time else None,
                 'start_price': bi.start_klc.low if convert_direction(bi.dir) == 1 else bi.start_klc.high,
                 'end_price': bi.end_klc.high if convert_direction(bi.dir) == 1 else bi.end_klc.low if bi.end_klc else None,
                 'direction': convert_direction(bi.dir),
@@ -737,6 +740,7 @@ def analyze():
             result['element_seg_list'] = [{
                 'start_time': seg.start_bi.start_klc.end_time if isinstance(seg.start_bi.start_klc.end_time, str) else seg.start_bi.start_klc.end_time.astimezone(client_tz).isoformat(),
                 'end_time': (seg.end_bi.end_klc.end_time if isinstance(seg.end_bi.end_klc.end_time, str) else seg.end_bi.end_klc.end_time.astimezone(client_tz).isoformat()) if seg.end_bi else None,
+                'sure_time': format_time_safely(seg.sure_time, client_tz) if seg.sure_time else None,
                 'start_price': seg.start_bi.start_klc.low if convert_direction(seg.dir) == 1 else seg.start_bi.start_klc.high,
                 'end_price': seg.end_bi.end_klc.high if convert_direction(seg.dir) == 1 else seg.end_bi.end_klc.low if seg.end_bi else None,
                 'direction': convert_direction(seg.dir)

web/templates/index.html

@@ -48,7 +48,7 @@
         }
         .chart-container {
             width: 100%;
-            height: 600px;
+            height: 700px;
             margin-top: 10px;
             border: 1px solid #e9ecef;
             border-radius: 8px;
@@ -555,6 +555,7 @@
                                 <tr>
                                     <th>起始时间</th>
                                     <th>结束时间</th>
+                                    <th>确认时间</th>
                                     <th>起始价格</th>
                                     <th>结束价格</th>
                                     <th>方向</th>
@@ -572,6 +573,7 @@
                                 <tr>
                                     <th>起始时间</th>
                                     <th>结束时间</th>
+                                    <th>确认时间</th>
                                     <th>起始价格</th>
                                     <th>结束价格</th>
                                     <th>方向</th>
@@ -979,6 +981,11 @@
         $('input[name="klinePeriod"]').change(function() {
             console.log('K线周期切换:', $(this).attr('id'), $(this).is(':checked'));
             updateChartDisplay();
+            
+            // 更新数据源信息
+            if (currentData) {
+                setupDataSourceInfo(currentData);
+            }
         });
         
         // 当选择不同的元素时间周期时
@@ -1134,6 +1141,14 @@
             }
         }
         
+        // 专门用于确认时间的格式化函数，处理可能为空的情况
+        function formatConfirmTime(timeStr) {
+            if (!timeStr || timeStr === null || timeStr === 'null' || timeStr === '') {
+                return '<span class="text-muted">未确认</span>';
+            }
+            return formatTime(timeStr);
+        }
+        
         function formatDirection(direction) {
             const dirText = direction === 1 ? '向上' : '向下';
             const dirClass = direction === 1 ? 'direction-up' : 'direction-down';
@@ -1149,6 +1164,12 @@
             const valueClass = numValue >= 0 ? 'positive' : 'negative';
             return '<span class="' + valueClass + '">' + numValue.toFixed(4) + '</span>';
         }
+        
+        function formatTradePointType(type) {
+            const typeText = type > 0 ? `买${Math.abs(type)}` : `卖${Math.abs(type)}`;
+            const typeClass = type > 0 ? 'direction-up' : 'direction-down';
+            return '<span class="' + typeClass + '">' + typeText + '</span>';
+        }
 
         function updateChart() {
             // 只显示旋转加载图标
@@ -1364,24 +1385,24 @@
                 // 如果需要显示MACD，创建MACD容器
                 let macdChartContainer = null;
                 if (showMacd) {
-                    // 设置各图表高度 - 为三个图表分配合理比例
+                    // 设置各图表高度 - 为三个图表分配合理比例，主图表适度增加高度
-                    mainChartContainer.style.height = '50%'; // 主图占50%
+                    mainChartContainer.style.height = '55%'; // 主图占55%（约385px）
-                    volumeChartContainer.style.top = '50%';
+                    volumeChartContainer.style.top = '55%';
-                    volumeChartContainer.style.height = '25%'; // 成交量图占25%
+                    volumeChartContainer.style.height = '22.5%'; // 成交量图占22.5%（约157.5px）
                     
                     macdChartContainer = document.createElement('div');
                     macdChartContainer.style.width = '100%';
-                    macdChartContainer.style.height = '25%'; // MACD图占25%
+                    macdChartContainer.style.height = '22.5%'; // MACD图占22.5%（约157.5px）
                     macdChartContainer.style.position = 'absolute';
-                    macdChartContainer.style.top = '75%'; // 从75%位置开始
+                    macdChartContainer.style.top = '77.5%'; // 从77.5%位置开始
                     macdChartContainer.style.left = '0';
                     macdChartContainer.style.right = '0';
                     macdChartContainer.style.borderTop = '1px solid #e0e0e0';
                 } else {
-                    // 不显示MACD时的高度 - 主图和成交量图平分
+                    // 不显示MACD时的高度 - 主图和成交量图分配
-                    mainChartContainer.style.height = '70%'; // 主图占70%
+                    mainChartContainer.style.height = '72%'; // 主图占72%（约504px）
-                    volumeChartContainer.style.top = '70%';
+                    volumeChartContainer.style.top = '72%';
-                    volumeChartContainer.style.height = '30%'; // 成交量图占30%
+                    volumeChartContainer.style.height = '28%'; // 成交量图占28%（约196px）
                 }
                 
                 container.appendChild(mainChartContainer);
@@ -4161,66 +4182,33 @@
             }
         }
         
-        function updateTables(data) {
+        function updateTables(currentData) {
-            // K线数据表 - 始终使用主时间周期数据
+            // 检查数据有效性
-            if (tables.kline) {
+            if (!currentData) {
-                tables.kline.clear().destroy();
+                console.error('updateTables: 传入的数据为空');
+                return;
             }
             
-            // 检查数据是否存在且为数组
+            const data = currentData;
-            const klineData = (data.kline_data && Array.isArray(data.kline_data)) ? data.kline_data : [];
             
-            tables.kline = $('#klineTable').DataTable({
+            // 检查用户选择的是主周期还是小周期数据
-                data: klineData,
+            const useElementPeriod = $('#elementPeriodKline').is(':checked');
-                order: [[0, 'desc']],
+            console.log('数据表显示周期选择:', useElementPeriod ? '小周期' : '主周期');
-                pageLength: 25,
-                columns: [
-                    { data: 'date', render: function(data) { return formatTime(data); } },
-                    { data: 'open', render: formatPrice },
-                    { data: 'high', render: formatPrice },
-                    { data: 'low', render: formatPrice },
-                    { data: 'close', render: formatPrice },
-                    { data: 'volume', render: function(data) { return parseInt(data).toLocaleString(); } }
-                ]
-            });
             
-            // 买卖点数据表 - 优先使用元素时间周期数据
+            // 笔数据表更新
-            if (tables.tradePoints) {
-                tables.tradePoints.clear().destroy();
-            }
-            
-            // 优先使用小周期数据，如果不存在则使用主周期数据
-            const tradePointsData = data.element_trade_points || data.trade_points || [];
-            const tradePointsSource = data.element_trade_points ? '元素周期' : '主周期';
-            console.log(`表格显示${tradePointsSource}买卖点数据，共${tradePointsData.length}条`);
-            
-            tables.tradePoints = $('#tradePointsTable').DataTable({
-                data: tradePointsData,
-                order: [[0, 'desc']],
-                pageLength: 25,
-                columns: [
-                    { data: 'time', render: formatTime },
-                    { data: 'price', render: formatPrice },
-                    { 
-                        data: 'type', 
-                        render: function(type) {
-                            const typeText = type > 0 ? `买${Math.abs(type)}` : `卖${Math.abs(type)}`;
-                            const typeClass = type > 0 ? 'direction-up' : 'direction-down';
-                            return '<span class="' + typeClass + '">' + typeText + '</span>';
-                        }
-                    },
-                    { data: 'desc' }
-                ]
-            });
-            
-            // 笔数据表 - 优先使用元素时间周期数据
             if (tables.bi) {
                 tables.bi.clear().destroy();
             }
             
-            // 优先使用小周期数据，如果不存在则使用主周期数据
+            // 根据用户选择决定使用哪个周期的数据
-            const biData = data.element_bi_list || data.bi_list;
+            let biData, biSource;
-            const biSource = data.element_bi_list ? '元素周期' : '主周期';
+            if (useElementPeriod && data.element_bi_list && data.element_bi_list.length > 0) {
+                biData = data.element_bi_list;
+                biSource = '小周期';
+            } else {
+                biData = data.bi_list;
+                biSource = '主周期';
+            }
             console.log(`表格显示${biSource}笔数据，共${biData ? biData.length : 0}条`);
             
             tables.bi = $('#biTable').DataTable({
@@ -4230,6 +4218,7 @@
                 columns: [
                     { data: 'start_time', render: formatTime },
                     { data: 'end_time', render: formatTime },
+                    { data: 'sure_time', render: formatConfirmTime },
                     { data: 'start_price', render: formatPrice },
                     { data: 'end_price', render: formatPrice },
                     { data: 'direction', render: formatDirection },
@@ -4237,14 +4226,20 @@
                 ]
             });
             
-            // 线段数据表 - 优先使用元素时间周期数据
+            // 线段数据表更新
             if (tables.seg) {
                 tables.seg.clear().destroy();
             }
             
-            // 优先使用小周期数据，如果不存在则使用主周期数据
+            // 根据用户选择决定使用哪个周期的数据
-            const segData = data.element_seg_list || data.seg_list;
+            let segData, segSource;
-            const segSource = data.element_seg_list ? '元素周期' : '主周期';
+            if (useElementPeriod && data.element_seg_list && data.element_seg_list.length > 0) {
+                segData = data.element_seg_list;
+                segSource = '小周期';
+            } else {
+                segData = data.seg_list;
+                segSource = '主周期';
+            }
             console.log(`表格显示${segSource}线段数据，共${segData ? segData.length : 0}条`);
             
             tables.seg = $('#segTable').DataTable({
@@ -4254,20 +4249,27 @@
                 columns: [
                     { data: 'start_time', render: formatTime },
                     { data: 'end_time', render: formatTime },
+                    { data: 'sure_time', render: formatConfirmTime },
                     { data: 'start_price', render: formatPrice },
                     { data: 'end_price', render: formatPrice },
                     { data: 'direction', render: formatDirection }
                 ]
             });
             
-            // 中枢数据表 - 优先使用元素时间周期数据
+            // 中枢数据表更新
             if (tables.zs) {
                 tables.zs.clear().destroy();
             }
             
-            // 使用小周期中枢数据（如果存在）
+            // 根据用户选择决定使用哪个周期的数据
-            const zsData = data.element_zs_list || data.zs_list;
+            let zsData, zsSource;
-            const zsSource = data.element_zs_list ? '元素周期' : '主周期';
+            if (useElementPeriod && data.element_zs_list && data.element_zs_list.length > 0) {
+                zsData = data.element_zs_list;
+                zsSource = '小周期';
+            } else {
+                zsData = data.zs_list;
+                zsSource = '主周期';
+            }
             console.log(`表格显示${zsSource}中枢数据，共${zsData ? zsData.length : 0}条`);
             
             tables.zs = $('#zsTable').DataTable({
@@ -4282,14 +4284,83 @@
                 ]
             });
             
+            // 买卖点数据表更新
+            if (tables.tradePoints) {
+                tables.tradePoints.clear().destroy();
+            }
+            
+            // 根据用户选择决定使用哪个周期的数据
+            let tradePointsData, tradePointsSource;
+            if (useElementPeriod && data.element_trade_points && data.element_trade_points.length > 0) {
+                tradePointsData = data.element_trade_points;
+                tradePointsSource = '小周期';
+            } else {
+                tradePointsData = data.trade_points;
+                tradePointsSource = '主周期';
+            }
+            console.log(`表格显示${tradePointsSource}买卖点数据，共${tradePointsData ? tradePointsData.length : 0}条`);
+            
+            tables.tradePoints = $('#tradePointsTable').DataTable({
+                data: tradePointsData || [],
+                order: [[0, 'desc']],
+                pageLength: 25,
+                columns: [
+                    { data: 'time', render: formatTime },
+                    { data: 'price', render: formatPrice },
+                    { data: 'type', render: formatTradePointType },
+                    { data: 'desc' }
+                ]
+            });
+            
+            // 更新数据源信息显示
+            const selectedPeriod = useElementPeriod ? '小周期' : '主周期';
+            const timeframe = useElementPeriod && data.element_timeframe ? data.element_timeframe : $('#timeframe').val();
+            $('#dataSourceText').html(`当前显示的是<strong>${selectedPeriod} (${timeframe})</strong> 数据`);
+            
+            // K线数据表更新
+            if (tables.kline) {
+                tables.kline.clear().destroy();
+            }
+            
+            // 根据用户选择决定使用哪个周期的K线数据
+            let klineData, klineSource;
+            if (useElementPeriod && data.element_kline_data && data.element_kline_data.length > 0) {
+                klineData = data.element_kline_data;
+                klineSource = '小周期';
+            } else {
+                klineData = data.kline_data;
+                klineSource = '主周期';
+            }
+            console.log(`表格显示${klineSource}K线数据，共${klineData ? klineData.length : 0}条`);
+            
+            tables.kline = $('#klineTable').DataTable({
+                data: klineData || [],
+                order: [[0, 'desc']],
+                pageLength: 25,
+                columns: [
+                    { data: 'date', render: function(data) { return formatTime(data); } },
+                    { data: 'open', render: formatPrice },
+                    { data: 'high', render: formatPrice },
+                    { data: 'low', render: formatPrice },
+                    { data: 'close', render: formatPrice },
+                    { data: 'volume', render: function(data) { return parseInt(data).toLocaleString(); } }
+                ]
+            });
+            
             // 未完成中枢数据表更新
             if (tables.uncompletedZs) {
                 tables.uncompletedZs.clear().destroy();
             }
             
-            // 使用小周期未完成中枢数据（如果存在）
+            // 根据用户选择决定使用哪个周期的数据
-            const uncompletedZsData = data.element_uncompleted_zs_list || data.uncompleted_zs_list;
+            let uncompletedZsData, uncompletedZsSource;
-            const uncompletedZsSource = data.element_uncompleted_zs_list ? '元素周期' : '主周期';
+            if (useElementPeriod && data.element_uncompleted_zs_list && data.element_uncompleted_zs_list.length > 0) {
+                uncompletedZsData = data.element_uncompleted_zs_list;
+                uncompletedZsSource = '小周期';
+            } else {
+                uncompletedZsData = data.uncompleted_zs_list;
+                uncompletedZsSource = '主周期';
+            }
             console.log(`表格显示${uncompletedZsSource}未完成中枢数据，共${uncompletedZsData ? uncompletedZsData.length : 0}条`);
             
             tables.uncompletedZs = $('#uncompletedZsTable').DataTable({
@@ -4303,14 +4374,30 @@
                 ]
             });
             
-            // MACD数据表 - 始终使用主K线周期数据
+            // MACD数据表更新
             if (tables.macd) {
                 tables.macd.clear().destroy();
             }
             
-            let macdData = [];
+            // 根据用户选择决定使用哪个周期的MACD数据
-            if (data.kline_data && Array.isArray(data.kline_data) && data.macd && data.macd.macd) {
+            let macdDisplayData = [];
-                macdData = data.kline_data.map((item, index) => {
+            let macdSource;
+            if (useElementPeriod && data.element_kline_data && data.element_macd) {
+                // 使用小周期数据
+                macdSource = '小周期';
+                macdDisplayData = data.element_kline_data.map((item, index) => {
+                    return {
+                        time: item.date,
+                        close: item.close,
+                        macd: data.element_macd.macd[index],
+                        signal: data.element_macd.signal[index],
+                        histogram: data.element_macd.histogram[index]
+                    };
+                });
+            } else if (data.kline_data && data.macd) {
+                // 使用主周期数据
+                macdSource = '主周期';
+                macdDisplayData = data.kline_data.map((item, index) => {
                     return {
                         time: item.date,
                         close: item.close,
@@ -4320,9 +4407,10 @@
                     };
                 });
             }
+            console.log(`表格显示${macdSource}MACD数据，共${macdDisplayData.length}条`);
             
             tables.macd = $('#macdTable').DataTable({
-                data: macdData,
+                data: macdDisplayData,
                 order: [[0, 'desc']],
                 pageLength: 25,
                 columns: [
@@ -4334,48 +4422,61 @@
                 ]
             });
             
-            // 设置数据源信息
+            // 更新数据源信息
             setupDataSourceInfo(data);
         }
         
         // 设置数据源信息显示
         function setupDataSourceInfo(data) {
-            // 初始化数据源显示
+            // 获取用户当前的周期选择
+            const useElementPeriod = $('#elementPeriodKline').is(':checked');
             const mainTimeframe = $('#timeframe').val();
             const elementTimeframe = data.element_timeframe || mainTimeframe;
             
             // 添加标签点击事件
             $('#kline-tab, #macd-tab').off('click').on('click', function() {
                 $('.data-source-info').show();
-                $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 数据`);
+                if (useElementPeriod && data.element_kline_data && data.element_kline_data.length > 0) {
+                    $('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 数据`);
+                } else {
+                    $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 数据`);
+                }
             });
             
             $('#bi-tab').off('click').on('click', function() {
                 $('.data-source-info').show();
-                const source = data.element_bi_list ? elementTimeframe : mainTimeframe;
+                if (useElementPeriod && data.element_bi_list && data.element_bi_list.length > 0) {
-                const sourceType = data.element_bi_list ? '元素周期' : '主周期';
+                    $('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 笔数据`);
-                $('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 笔数据`);
+                } else {
+                    $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 笔数据`);
+                }
             });
             
             $('#seg-tab').off('click').on('click', function() {
                 $('.data-source-info').show();
-                const source = data.element_seg_list ? elementTimeframe : mainTimeframe;
+                if (useElementPeriod && data.element_seg_list && data.element_seg_list.length > 0) {
-                const sourceType = data.element_seg_list ? '元素周期' : '主周期';
+                    $('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 线段数据`);
-                $('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 线段数据`);
+                } else {
+                    $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 线段数据`);
+                }
             });
             
             $('#zs-tab').off('click').on('click', function() {
                 $('.data-source-info').show();
-                const source = data.element_zs_list ? elementTimeframe : mainTimeframe;
+                if (useElementPeriod && data.element_zs_list && data.element_zs_list.length > 0) {
-                const sourceType = data.element_zs_list ? '元素周期' : '主周期';
+                    $('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 中枢数据`);
-                $('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 中枢数据`);
+                } else {
+                    $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 中枢数据`);
+                }
             });
             
             $('#trade-points-tab').off('click').on('click', function() {
                 $('.data-source-info').show();
-                const source = data.element_trade_points ? elementTimeframe : mainTimeframe;
+                if (useElementPeriod && data.element_trade_points && data.element_trade_points.length > 0) {
-                const sourceType = data.element_trade_points ? '元素周期' : '主周期';
+                    $('#dataSourceText').html(`当前显示的是<strong>小周期 (${elementTimeframe})</strong> 买卖点数据`);
-                $('#dataSourceText').html(`当前显示的是<strong>${sourceType} (${source})</strong> 买卖点数据`);
+                } else {
+                    $('#dataSourceText').html(`当前显示的是<strong>主周期 (${mainTimeframe})</strong> 买卖点数据`);
+                }
             });
             
             // 初始触发当前标签的点击事件
@@ -4855,6 +4956,7 @@
                 columns: [
                     { data: 'start_time', render: formatTime },
                     { data: 'end_time', render: formatTime },
+                    { data: 'sure_time', render: formatConfirmTime },
                     { data: 'start_price', render: formatPrice },
                     { data: 'end_price', render: formatPrice },
                     { data: 'direction', render: formatDirection },
@@ -4879,6 +4981,7 @@
                 columns: [
                     { data: 'start_time', render: formatTime },
                     { data: 'end_time', render: formatTime },
+                    { data: 'sure_time', render: formatConfirmTime },
                     { data: 'start_price', render: formatPrice },
                     { data: 'end_price', render: formatPrice },
                     { data: 'direction', render: formatDirection }