From c0dd91e8d24b75c4610e454ba17f58f78d9745a7 Mon Sep 17 00:00:00 2001
From: claude_dev <claude-dev@sanguo.local>
Date: Wed, 26 Aug 2026 23:06:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E7=9B=91=E6=8E=A7=E9=A1=B5?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E4=BA=94=E4=BF=AE(=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E9=AA=8C=E6=94=B608-26=E6=99=9A)=E2=80=94=E2=80=94=E2=91=A0?=
 =?UTF-8?q?=E6=95=B4=E8=A1=A8=E6=8C=A4=E5=B7=A6=E6=A0=B9=E6=B2=BB:?=
 =?UTF-8?q?=E4=BA=94=E5=BC=A0=E8=A1=A8=E5=85=A8=E9=83=A8=E5=9B=BA=E5=AE=9A?=
 =?UTF-8?q?width=E2=86=92min-width(08-20=E5=9B=9B=E4=BF=AE=E6=B2=BB?=
 =?UTF-8?q?=E6=8A=98=E8=A1=8C=E6=97=B6=E5=85=A8=E5=88=97=E5=AE=9A=E5=AE=BD?=
 =?UTF-8?q?,=E5=90=88=E8=AE=A1~600px<=E5=8D=A1=E7=89=87=E5=AE=BD,Element?=
 =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E5=88=97=E4=B8=8D=E6=8B=89=E4=BC=B8=E2=86=92?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E5=A4=A7=E7=89=87=E7=A9=BA=E7=99=BD;min-widt?=
 =?UTF-8?q?h=E4=BF=9D=E4=B8=8B=E9=99=90=E4=B8=8D=E6=8A=98=E8=A1=8C+?=
 =?UTF-8?q?=E5=89=A9=E4=BD=99=E5=AE=BD=E5=BA=A6=E6=8C=89=E6=AF=94=E4=BE=8B?=
 =?UTF-8?q?=E5=88=86=E9=85=8D=E9=93=BA=E6=BB=A1=E6=95=B4=E5=8D=A1)?=
 =?UTF-8?q?=E2=91=A1=E5=B0=8F=E6=95=B0=E4=BD=8D=E7=BB=9F=E4=B8=80(?=
 =?UTF-8?q?=E9=9D=9E=E8=AE=BE=E8=AE=A1=E5=88=9D=E8=A1=B7,=E5=8E=9F?=
 =?UTF-8?q?=E5=A7=8B=E6=B5=AE=E7=82=B9=E9=80=8F=E5=87=BA14.6/23.577/200.0?=
 =?UTF-8?q?=E6=B7=B7=E6=9D=82):=E5=9D=87=E4=BB=B7/=E4=BB=B7=E6=A0=BC/?=
 =?UTF-8?q?=E6=88=90=E6=9C=AC=E7=BB=9F=E4=B8=80fmtPrice=E4=B8=A4=E4=BD=8D?=
 =?UTF-8?q?=E5=B0=8F=E6=95=B0,=E6=95=B0=E9=87=8F/=E6=8C=81=E4=BB=93/?=
 =?UTF-8?q?=E5=86=BB=E7=BB=93/=E5=8F=AF=E5=8D=96num()=E5=8F=96=E6=95=B4?=
 =?UTF-8?q?=E5=8D=83=E5=88=86=E4=BD=8D,=E6=97=B6=E9=97=B4=E5=88=97fmtTrade?=
 =?UTF-8?q?Time=E5=85=BC=E5=AE=B9=E7=A9=BA=E6=A0=BC=E5=BC=8F=E4=B8=8EISO'T?=
 =?UTF-8?q?'=E4=B8=A4=E7=A7=8D=E8=90=BD=E5=BA=93=E8=B7=AF=E5=BE=84;npm=20r?=
 =?UTF-8?q?un=20build=E7=BB=BF=20[vps]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/live/Monitor.vue | 102 +++++++++++++++++++---------
 1 file changed, 69 insertions(+), 33 deletions(-)

diff --git a/frontend/src/views/live/Monitor.vue b/frontend/src/views/live/Monitor.vue
index 3f61b6e..9cb2cf5 100644
--- a/frontend/src/views/live/Monitor.vue
+++ b/frontend/src/views/live/Monitor.vue
@@ -81,6 +81,18 @@ function pct(v: number | null): string {
   return (v * 100).toFixed(2) + '%'
 }
 
+/** 价格/成本统一 2 位小数(原始浮点透出会 14.6 / 23.577 混杂) */
+function fmtPrice(v: number | null | undefined): string {
+  if (v == null || !Number.isFinite(v)) return '—'
+  return v.toFixed(2)
+}
+
+/** 成交时间:兼容 'YYYY-MM-DD HH:MM:SS'(组合实盘) 与 ISO 'T'(supervisor) 两种落库格式 */
+function fmtTradeTime(v: string | null | undefined): string {
+  if (!v) return '—'
+  return String(v).replace('T', ' ').slice(0, 19)
+}
+
 async function load(): Promise<void> {
   try {
     const [acc, st, bal, pos, tr] = await Promise.all([
@@ -240,14 +252,20 @@ async function onStop(): Promise<void> {
     <el-card shadow="never">
       <template #header><span class="section-title">本策略持仓(实例账本)</span></template>
       <el-table :data="positions" size="small" empty-text="无持仓">
-        <el-table-column prop="symbol" label="标的" width="90" />
-        <el-table-column prop="volume" label="总持仓" width="90" class-name="num" />
-        <el-table-column prop="frozen" label="冻结" width="80" class-name="num" />
-        <el-table-column label="数量(可用)" width="100" class-name="num">
-          <template #default="{ row }">{{ row.volume - row.frozen }}</template>
+        <el-table-column prop="symbol" label="标的" min-width="100" />
+        <el-table-column prop="volume" label="总持仓" min-width="90" class-name="num">
+          <template #default="{ row }">{{ num(row.volume) }}</template>
         </el-table-column>
-        <el-table-column prop="avg_price" label="均价" width="90" class-name="num" />
-        <el-table-column prop="updated_at" label="更新时间" min-width="150">
+        <el-table-column prop="frozen" label="冻结" min-width="80" class-name="num">
+          <template #default="{ row }">{{ num(row.frozen) }}</template>
+        </el-table-column>
+        <el-table-column label="数量(可用)" min-width="110" class-name="num">
+          <template #default="{ row }">{{ num(row.volume - row.frozen) }}</template>
+        </el-table-column>
+        <el-table-column prop="avg_price" label="均价" min-width="90" class-name="num">
+          <template #default="{ row }">{{ fmtPrice(row.avg_price) }}</template>
+        </el-table-column>
+        <el-table-column prop="updated_at" label="更新时间" min-width="160">
           <template #default="{ row }">{{ fmtTime(row.updated_at) }}</template>
         </el-table-column>
       </el-table>
@@ -257,19 +275,25 @@ async function onStop(): Promise<void> {
     <el-card shadow="never">
       <template #header><span class="section-title">本策略今日成交(归因)</span></template>
       <el-table :data="todayTrades" size="small" empty-text="今日无成交">
-        <el-table-column prop="traded_at" label="时间" width="150" />
-        <el-table-column prop="strategy_name" label="策略" width="110" show-overflow-tooltip />
-        <el-table-column prop="symbol" label="标的" width="90" />
-        <el-table-column label="方向" width="70">
+        <el-table-column prop="traded_at" label="时间" min-width="150">
+          <template #default="{ row }">{{ fmtTradeTime(row.traded_at) }}</template>
+        </el-table-column>
+        <el-table-column prop="strategy_name" label="策略" min-width="110" show-overflow-tooltip />
+        <el-table-column prop="symbol" label="标的" min-width="100" />
+        <el-table-column label="方向" min-width="70">
           <template #default="{ row }">
             <span :class="row.direction === '多' || row.direction === 'buy' ? 'up' : 'down'">
               {{ row.direction }}
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="offset" label="开平" width="70" />
-        <el-table-column prop="price" label="价格" width="100" class-name="num" />
-        <el-table-column prop="volume" label="数量" width="90" class-name="num" />
+        <el-table-column prop="offset" label="开平" min-width="70" />
+        <el-table-column prop="price" label="价格" min-width="100" class-name="num">
+          <template #default="{ row }">{{ fmtPrice(row.price) }}</template>
+        </el-table-column>
+        <el-table-column prop="volume" label="数量" min-width="90" class-name="num">
+          <template #default="{ row }">{{ num(row.volume) }}</template>
+        </el-table-column>
       </el-table>
     </el-card>
 
@@ -277,19 +301,25 @@ async function onStop(): Promise<void> {
     <el-card shadow="never">
       <template #header><span class="section-title">本策略全部成交(归因,最新在上)</span></template>
       <el-table :data="[...trades].reverse()" size="small" empty-text="无成交" max-height="400">
-        <el-table-column prop="traded_at" label="时间" width="150" />
-        <el-table-column prop="strategy_name" label="策略" width="110" show-overflow-tooltip />
-        <el-table-column prop="symbol" label="标的" width="90" />
-        <el-table-column label="方向" width="70">
+        <el-table-column prop="traded_at" label="时间" min-width="150">
+          <template #default="{ row }">{{ fmtTradeTime(row.traded_at) }}</template>
+        </el-table-column>
+        <el-table-column prop="strategy_name" label="策略" min-width="110" show-overflow-tooltip />
+        <el-table-column prop="symbol" label="标的" min-width="100" />
+        <el-table-column label="方向" min-width="70">
           <template #default="{ row }">
             <span :class="row.direction === '多' || row.direction === 'buy' ? 'up' : 'down'">
               {{ row.direction }}
             </span>
           </template>
         </el-table-column>
-        <el-table-column prop="offset" label="开平" width="70" />
-        <el-table-column prop="price" label="价格" width="100" class-name="num" />
-        <el-table-column prop="volume" label="数量" width="90" class-name="num" />
+        <el-table-column prop="offset" label="开平" min-width="70" />
+        <el-table-column prop="price" label="价格" min-width="100" class-name="num">
+          <template #default="{ row }">{{ fmtPrice(row.price) }}</template>
+        </el-table-column>
+        <el-table-column prop="volume" label="数量" min-width="90" class-name="num">
+          <template #default="{ row }">{{ num(row.volume) }}</template>
+        </el-table-column>
       </el-table>
     </el-card>
 
@@ -331,34 +361,40 @@ async function onStop(): Promise<void> {
 
         <div class="acct-sub-title">实例分解</div>
         <el-table :data="snap.instances" size="small" empty-text="无实例">
-          <el-table-column prop="id" label="#" width="60" />
-          <el-table-column prop="name" label="实例" width="140" show-overflow-tooltip />
-          <el-table-column label="状态" width="90">
+          <el-table-column prop="id" label="#" min-width="60" />
+          <el-table-column prop="name" label="实例" min-width="140" show-overflow-tooltip />
+          <el-table-column label="状态" min-width="90">
             <template #default="{ row }">
               <el-tag :type="row.status === 'running' ? 'success' : 'info'" size="small">{{ row.status }}</el-tag>
             </template>
           </el-table-column>
-          <el-table-column prop="initial_capital" label="预算" width="110" class-name="num">
+          <el-table-column prop="initial_capital" label="预算" min-width="110" class-name="num">
             <template #default="{ row }">{{ num(row.initial_capital) }}</template>
           </el-table-column>
-          <el-table-column prop="cash" label="现金" width="110" class-name="num">
+          <el-table-column prop="cash" label="现金" min-width="110" class-name="num">
             <template #default="{ row }">{{ num(row.cash) }}</template>
           </el-table-column>
-          <el-table-column prop="market_value" label="市值" width="110" class-name="num">
+          <el-table-column prop="market_value" label="市值" min-width="110" class-name="num">
             <template #default="{ row }">{{ num(row.market_value) }}</template>
           </el-table-column>
-          <el-table-column prop="equity" label="净值" width="110" class-name="num">
+          <el-table-column prop="equity" label="净值" min-width="110" class-name="num">
             <template #default="{ row }">{{ num(row.equity) }}</template>
           </el-table-column>
         </el-table>
 
         <div class="acct-sub-title">账户持仓(QMT 全账户)</div>
         <el-table :data="snap.positions" size="small" empty-text="账户无持仓" max-height="300">
-          <el-table-column prop="symbol" label="标的" width="90" />
-          <el-table-column prop="volume" label="持仓" width="100" class-name="num" />
-          <el-table-column prop="can_use" label="可卖(T+1)" width="100" class-name="num" />
-          <el-table-column prop="avg_price" label="成本" width="100" class-name="num" />
-          <el-table-column prop="mv" label="市值" width="120" class-name="num">
+          <el-table-column prop="symbol" label="标的" min-width="100" />
+          <el-table-column prop="volume" label="持仓" min-width="100" class-name="num">
+            <template #default="{ row }">{{ num(row.volume) }}</template>
+          </el-table-column>
+          <el-table-column prop="can_use" label="可卖(T+1)" min-width="110" class-name="num">
+            <template #default="{ row }">{{ num(row.can_use) }}</template>
+          </el-table-column>
+          <el-table-column prop="avg_price" label="成本" min-width="100" class-name="num">
+            <template #default="{ row }">{{ fmtPrice(row.avg_price) }}</template>
+          </el-table-column>
+          <el-table-column prop="mv" label="市值" min-width="120" class-name="num">
             <template #default="{ row }">{{ num(row.mv) }}</template>
           </el-table-column>
         </el-table>