From 5a5ce5ada431049ec8dfaf952853e2092b6c879d Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Mon, 23 Feb 2026 00:14:06 +0800
Subject: [PATCH] 1

---
 frontend/real-trading.html | 109 ++++++++++++++++++++++++++-----------
 1 file changed, 77 insertions(+), 32 deletions(-)

diff --git a/frontend/real-trading.html b/frontend/real-trading.html
index 00e5942..aef3868 100644
--- a/frontend/real-trading.html
+++ b/frontend/real-trading.html
@@ -496,7 +496,19 @@
 
                     <table class="orders-table" v-else>
                         <thead>
-                            <tr>
+                            <tr v-if="currentTab === 'positions'">
+                                <th>交易对</th>
+                                <th>方向</th>
+                                <th>持仓量</th>
+                                <th>入场价</th>
+                                <th>标记价</th>
+                                <th>杠杆</th>
+                                <th>保证金</th>
+                                <th>未实现盈亏</th>
+                                <th>盈亏比例</th>
+                                <th>强平价格</th>
+                            </tr>
+                            <tr v-else>
                                 <th>交易对</th>
                                 <th>方向</th>
                                 <th>等级</th>
@@ -512,37 +524,63 @@
                             </tr>
                         </thead>
                         <tbody>
-                            <tr v-for="order in displayOrders" :key="order.order_id">
-                                <td><strong>{{ order.symbol }}</strong></td>
-                                <td>
-                                    <span class="side-badge" :class="'side-' + order.side">
-                                        {{ order.side === 'long' ? '做多' : '做空' }}
-                                    </span>
-                                </td>
-                                <td>
-                                    <span class="grade-badge" :class="'grade-' + (order.signal_grade || 'D')">
-                                        {{ order.signal_grade || 'D' }}
-                                    </span>
-                                </td>
-                                <td>${{ order.entry_price ? order.entry_price.toLocaleString() : '-' }}</td>
-                                <td>${{ order.current_price ? order.current_price.toLocaleString() : '-' }}</td>
-                                <td>${{ order.quantity ? order.quantity.toLocaleString() : '-' }}</td>
-                                <td>{{ order.leverage || 1 }}x</td>
-                                <td>${{ order.stop_loss ? order.stop_loss.toLocaleString() : '-' }}</td>
-                                <td>${{ order.take_profit ? order.take_profit.toLocaleString() : '-' }}</td>
-                                <td>
-                                    <span v-if="order.pnl !== undefined" :class="order.pnl >= 0 ? 'pnl-positive' : 'pnl-negative'">
-                                        {{ order.pnl >= 0 ? '+' : '' }}${{ order.pnl.toFixed(2) }}
-                                    </span>
-                                    <span v-else>-</span>
-                                </td>
-                                <td>
-                                    <span class="status-badge" :class="'status-' + order.status">
-                                        {{ formatStatus(order.status) }}
-                                    </span>
-                                </td>
-                                <td>{{ formatTime(order.created_at) }}</td>
-                            </tr>
+                            <!-- 交易所持仓表格 -->
+                            <template v-if="currentTab === 'positions'">
+                                <tr v-for="pos in displayOrders" :key="pos.id || pos.symbol">
+                                    <td><strong>{{ formatSymbol(pos.symbol) }}</strong></td>
+                                    <td>
+                                        <span class="side-badge" :class="pos.side === 'long' ? 'side-long' : 'side-short'">
+                                            {{ pos.side === 'long' ? '做多' : '做空' }}
+                                        </span>
+                                    </td>
+                                    <td>{{ pos.contracts || '0' }}</td>
+                                    <td>${{ pos.entryPrice ? parseFloat(pos.entryPrice).toLocaleString() : '-' }}</td>
+                                    <td>${{ pos.markPrice ? parseFloat(pos.markPrice).toLocaleString() : '-' }}</td>
+                                    <td>{{ pos.leverage }}x</td>
+                                    <td>${{ pos.initialMargin ? parseFloat(pos.initialMargin).toFixed(2) : '-' }}</td>
+                                    <td :class="parseFloat(pos.unrealizedPnl || 0) >= 0 ? 'pnl-positive' : 'pnl-negative'">
+                                        {{ parseFloat(pos.unrealizedPnl || 0) >= 0 ? '+' : '' }}${{ parseFloat(pos.unrealizedPnl || 0).toFixed(2) }}
+                                    </td>
+                                    <td :class="(pos.percentage || 0) >= 0 ? 'pnl-positive' : 'pnl-negative'">
+                                        {{ (pos.percentage || 0).toFixed(2) }}%
+                                    </td>
+                                    <td>${{ pos.liquidationPrice ? parseFloat(pos.liquidationPrice).toLocaleString(undefined, {minimumFractionDigits: 2, maximumFractionDigits: 2}) : '-' }}</td>
+                                </tr>
+                            </template>
+                            <!-- 订单表格 -->
+                            <template v-else>
+                                <tr v-for="order in displayOrders" :key="order.order_id">
+                                    <td><strong>{{ order.symbol }}</strong></td>
+                                    <td>
+                                        <span class="side-badge" :class="'side-' + order.side">
+                                            {{ order.side === 'long' ? '做多' : '做空' }}
+                                        </span>
+                                    </td>
+                                    <td>
+                                        <span class="grade-badge" :class="'grade-' + (order.signal_grade || 'D')">
+                                            {{ order.signal_grade || 'D' }}
+                                        </span>
+                                    </td>
+                                    <td>${{ order.entry_price ? order.entry_price.toLocaleString() : '-' }}</td>
+                                    <td>${{ order.current_price ? order.current_price.toLocaleString() : '-' }}</td>
+                                    <td>${{ order.quantity ? order.quantity.toLocaleString() : '-' }}</td>
+                                    <td>{{ order.leverage || 1 }}x</td>
+                                    <td>${{ order.stop_loss ? order.stop_loss.toLocaleString() : '-' }}</td>
+                                    <td>${{ order.take_profit ? order.take_profit.toLocaleString() : '-' }}</td>
+                                    <td>
+                                        <span v-if="order.pnl !== undefined" :class="order.pnl >= 0 ? 'pnl-positive' : 'pnl-negative'">
+                                            {{ order.pnl >= 0 ? '+' : '' }}${{ order.pnl.toFixed(2) }}
+                                        </span>
+                                        <span v-else>-</span>
+                                    </td>
+                                    <td>
+                                        <span class="status-badge" :class="'status-' + order.status">
+                                            {{ formatStatus(order.status) }}
+                                        </span>
+                                    </td>
+                                    <td>{{ formatTime(order.created_at) }}</td>
+                                </tr>
+                            </template>
                         </tbody>
                     </table>
                 </div>
@@ -692,6 +730,13 @@
                         'cancelled': '已取消'
                     };
                     return map[status] || status;
+                },
+
+                formatSymbol(symbol) {
+                    // 将 CCXT 格式的交易对转换为简洁格式
+                    // 例如：BTC/USDT:USDT -> BTCUSDT
+                    if (!symbol) return '-';
+                    return symbol.replace('/', '').replace(':', '');
                 }
             },
             mounted() {