fix(ui): light-theme badges, PnL colors, and journal detail across four exchanges

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-05 13:16:29 +08:00
parent 1b51f73ecd
commit e30d24173f
6 changed files with 187 additions and 124 deletions
@@ -231,7 +231,7 @@
        .stats-period-block h3{font-size:1rem;color:#dbe4ff;margin-bottom:4px}
        .stats-period-block .sub{font-size:.78rem;color:#8892b0;margin-bottom:10px;line-height:1.4}
    </style>
-    <link rel="stylesheet" href="/static/instance_theme.css?v=5">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=6">

 </head>
 <body data-page="{{ page }}">
@@ -909,6 +909,7 @@
    </div>
 </div>

+<script src="/static/instance_ui.js?v=1"></script>
 <script src="/static/ai_review_render.js?v=1"></script>
 <script src="/static/form_submit_guard.js?v=2"></script>
 <script>
@@ -1027,36 +1028,7 @@ function formatJournalExitOneLine(o){
 }

 function openJournalDetail(id){
-    const o = journalCache[id];
-    if(!o){ return; }
-    const moodTags = (o.mood_issues || []).join(",") || "无";
-    const detail = [
-        `币种/周期：${o.coin || "-"} ${o.tf || "-"}`,
-        `开仓时间：${o.open_datetime || "-"}`,
-        `平仓时间：${o.close_datetime || "-"}`,
-        `持仓时长：${o.hold_duration || "-"}`,
-        `盈亏：${o.pnl || "-"}U`,
-        `开仓类型：${o.entry_reason || "无"}`,
-        `平仓/离场：${formatJournalExitOneLine(o)}`,
-        `预期RR：${o.expect_rr || "-"}`,
-        `实际RR：${o.real_rr || "-"}`,
-        `保本后盯盘：${o.post_breakeven_stare || "-"}`,
-        `占用时新开仓：${o.new_trade_while_occupied || "-"}`,
-        `心态标签：${moodTags}`,
-        `备注：${o.note || "无"}`,
-    ].join("\n");
-    document.getElementById("detailTitle").innerText = `交易复盘详情｜${o.coin || "-"} ${o.tf || "-"}`;
-    setDetailBodyPlain(detail);
-    const imgEl = document.getElementById("detailImage");
-    if(o.image){
-        imgEl.src = `/static/images/${o.image}`;
-        imgEl.style.display = "block";
-    } else {
-        imgEl.src = "";
-        imgEl.style.display = "none";
-    }
-    setDetailModalFullscreen(false);
-    document.getElementById("detailModal").style.display = "flex";
+    InstanceUI.openJournalDetailModal(id, journalCache, formatJournalExitOneLine);
 }

 function openReviewDetail(id, fullscreen){