-
-
{{ symbol }}
-
${{ price.toLocaleString() }}
+
+
+
+
总交易数
+
{{ stats.total_trades }}
+
+
+
胜率
+
{{ stats.win_rate.toFixed(1) }}%
+
+
+
总盈亏
+
+ ${{ stats.total_pnl.toFixed(2) }}
+
+
+
+
盈亏比
+
{{ stats.profit_factor === Infinity ? '∞' : stats.profit_factor.toFixed(2) }}
+
+
+
平均盈利
+
${{ stats.average_win.toFixed(2) }}
+
+
+
平均亏损
+
${{ stats.average_loss.toFixed(2) }}
+
+
+
+
+
+
实时价格
+
+
+ {{ symbol }}
+ ${{ price.toLocaleString() }}
+
@@ -714,7 +727,7 @@
data() {
return {
activeTab: 'active',
- loading: false,
+ loading: true, // 只在首次加载时为 true
activeOrders: [],
historyOrders: [],
stats: {
@@ -731,14 +744,15 @@
},
monitorRunning: false,
latestPrices: {},
- refreshInterval: null
+ refreshInterval: null,
+ isFirstLoad: true
};
},
mounted() {
this.refreshData();
- // 每3秒自动刷新（实时价格更新）
+ // 每3秒自动刷新（静默刷新，不显示 loading）
this.refreshInterval = setInterval(() => {
- this.refreshData();
+ this.silentRefresh();
}, 3000);
},
beforeUnmount() {
@@ -747,8 +761,18 @@
}
},
methods: {
- async refreshData() {
+ // 手动刷新（显示 loading）
+ async manualRefresh() {
this.loading = true;
+ await this.refreshData();
+ },
+
+ // 静默刷新（不显示 loading）
+ async silentRefresh() {
+ await this.refreshData();
+ },
+
+ async refreshData() {
try {
await Promise.all([
this.fetchActiveOrders(),
@@ -760,6 +784,7 @@
console.error('刷新数据失败:', e);
} finally {
this.loading = false;
+ this.isFirstLoad = false;
}
},