tweak: 数据管理移到经验库之后，统计分析添加快捷日期查询

app/static/futures_analysis.html

@@ -594,6 +594,12 @@
         .tr-tab-panel { display: none; }
         .tr-tab-panel.active { display: block; }
 
+        /* 快捷日期按钮 */
+        .tr-quick-dates { display: flex; gap: 8px; margin-bottom: 16px; }
+        .tr-quick-date { padding: 6px 16px; border-radius: 20px; border: 1px solid #e0e0e0; background: #fff; color: var(--text-secondary); font-size: 13px; cursor: pointer; transition: all 0.2s; }
+        .tr-quick-date:hover { border-color: var(--color-brand); color: var(--color-brand); }
+        .tr-quick-date.active { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }
+
         /* 数据管理 Tab 样式 */
         .tr-data-management { background: var(--bg-card); border-radius: var(--radius-card); padding: 32px; box-shadow: var(--shadow-sm); }
         .tr-section-title { font-size: 16px; font-weight: 600; color: var(--text-primary); margin-bottom: 16px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.05); }
@@ -1124,9 +1130,9 @@
                 <!-- 子 Tab 切换栏 -->
                 <div class="tr-subtabs" id="tr-subtabs">
                     <button class="tr-subtab active" data-subtab="stats">统计分析</button>
-                    <button class="tr-subtab" data-subtab="data">数据管理</button>
                     <button class="tr-subtab" data-subtab="reflection">交易反思</button>
                     <button class="tr-subtab" data-subtab="experience">经验库</button>
+                    <button class="tr-subtab" data-subtab="data">数据管理</button>
                 </div>
 
                 <!-- 数据管理子 Tab -->
@@ -1185,8 +1191,17 @@
 
                 <!-- 统计分析子 Tab -->
                 <div id="tr-tab-stats" class="tr-tab-panel active">
+                    <!-- 快捷日期 -->
+                    <div class="tr-quick-dates" id="tr-quick-dates">
+                        <button class="tr-quick-date active" data-range="today">当日</button>
+                        <button class="tr-quick-date" data-range="week">近一周</button>
+                        <button class="tr-quick-date" data-range="half-month">近半月</button>
+                        <button class="tr-quick-date" data-range="month">近一月</button>
+                        <button class="tr-quick-date" data-range="quarter">近三月</button>
+                        <button class="tr-quick-date" data-range="custom">指定日期</button>
+                    </div>
                     <!-- 工具栏 -->
-                    <div class="tr-toolbar">
+                    <div class="tr-toolbar" id="tr-stats-toolbar">
                         <div class="tr-toolbar-left">
                             <input type="date" id="tr-start-date" class="tr-date-input" title="开始日期" />
                             <span style="color:var(--text-tertiary);font-size:13px;">~</span>

app/static/futures_analysis.js

@@ -1643,6 +1643,58 @@ async function trInitDefaultDate() {
     } catch (e) {
         console.error('获取最后交易日失败', e);
     }
+    // 初始化快捷日期按钮
+    trInitQuickDates();
+    trLoadAllData();
+}
+
+function trInitQuickDates() {
+    document.querySelectorAll('#tr-quick-dates .tr-quick-date').forEach(btn => {
+        btn.addEventListener('click', () => trSetDateRange(btn.dataset.range));
+    });
+}
+
+function trSetDateRange(range) {
+    // 更新按钮状态
+    document.querySelectorAll('#tr-quick-dates .tr-quick-date').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.range === range);
+    });
+
+    const today = new Date();
+    const end = today.toISOString().split('T')[0];
+    let start = end;
+
+    switch (range) {
+        case 'today':
+            start = end;
+            break;
+        case 'week':
+            const weekAgo = new Date(today);
+            weekAgo.setDate(weekAgo.getDate() - 7);
+            start = weekAgo.toISOString().split('T')[0];
+            break;
+        case 'half-month':
+            const halfMonthAgo = new Date(today);
+            halfMonthAgo.setDate(halfMonthAgo.getDate() - 15);
+            start = halfMonthAgo.toISOString().split('T')[0];
+            break;
+        case 'month':
+            const monthAgo = new Date(today);
+            monthAgo.setMonth(monthAgo.getMonth() - 1);
+            start = monthAgo.toISOString().split('T')[0];
+            break;
+        case 'quarter':
+            const quarterAgo = new Date(today);
+            quarterAgo.setMonth(quarterAgo.getMonth() - 3);
+            start = quarterAgo.toISOString().split('T')[0];
+            break;
+        case 'custom':
+            // 自定义模式，不自动设置日期，让用户手动选择
+            return;
+    }
+
+    document.getElementById('tr-start-date').value = start;
+    document.getElementById('tr-end-date').value = end;
     trLoadAllData();
 }