From a83000075cc926bd1ec815ff4976e7fac89aafa3 Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Mon, 23 Feb 2026 00:30:45 +0800
Subject: [PATCH] 1

---
 frontend/real-trading.html | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/frontend/real-trading.html b/frontend/real-trading.html
index 08de2c4..a3d8d83 100644
--- a/frontend/real-trading.html
+++ b/frontend/real-trading.html
@@ -457,20 +457,20 @@
                     <button
                         class="tab"
                         :class="{ active: currentTab === 'positions' }"
-                        @click="currentTab = 'positions'">
+                        @click="switchTab('positions')">
                         交易所持仓 ({{ exchangePositions.length }})
                     </button>
                     <button
                         class="tab"
                         :class="{ active: currentTab === 'trades' }"
-                        @click="currentTab = 'trades'">
-                        成交记录
+                        @click="switchTab('trades')">
+                        成交记录 ({{ tradeHistory.length }})
                     </button>
                     <button
                         class="tab"
                         :class="{ active: currentTab === 'orders' }"
-                        @click="currentTab = 'orders'">
-                        历史订单
+                        @click="switchTab('orders')">
+                        历史订单 ({{ orderHistory.length }})
                     </button>
                 </div>
 
@@ -650,6 +650,23 @@
                 }
             },
             methods: {
+                async switchTab(tab) {
+                    if (this.currentTab === tab) return; // 已经是当前标签，不重新加载
+                    this.currentTab = tab;
+
+                    // 切换标签时加载对应数据
+                    this.loading = true;
+                    try {
+                        if (tab === 'trades') {
+                            await this.fetchTradeHistory();
+                        } else if (tab === 'orders') {
+                            await this.fetchOrderHistory();
+                        }
+                    } finally {
+                        this.loading = false;
+                    }
+                },
+
                 async refreshData() {
                     this.loading = true;
                     try {