Add cumulative P&L banner to fund overview for at-a-glance profit/loss.

Expose period delta from equity curve start and surface it in the toolbar and summary cards with green/red cues.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-16 00:19:43 +08:00
parent 83a7465996
commit 717a3d5694
6 changed files with 223 additions and 4 deletions
+18 -2
View File
@@ -15,7 +15,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'" />
<noscript><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@500;600;700&display=swap" rel="stylesheet" /></noscript>
<link rel="stylesheet" href="/assets/app.css?v=20260715-hub-phone-folds" />
<link rel="stylesheet" href="/assets/app.css?v=20260716-funds-pnl-banner" />
<link rel="stylesheet" href="/assets/trade_stats_calendar.css?v=4" />
<link rel="stylesheet" href="/assets/account_risk_badge.css?v=4" />
<script src="/assets/account_risk_badge.js?v=4"></script>
@@ -625,6 +625,17 @@
</div>
<div class="funds-toolbar toolbar">
<button type="button" id="funds-btn-refresh" class="primary funds-btn-refresh">同步快照</button>
<div id="funds-pnl-banner" class="funds-pnl-banner" aria-live="polite">
<div class="funds-pnl-main">
<span class="funds-pnl-label">累计盈亏 · P&amp;L</span>
<span id="funds-period-delta" class="funds-pnl-value"></span>
<span id="funds-period-pct" class="funds-pnl-pct"></span>
</div>
<div class="funds-pnl-side">
<span class="funds-pnl-side-label">较昨日</span>
<span id="funds-day-chip" class="funds-pnl-side-val"></span>
</div>
</div>
<span id="funds-status" class="toolbar-meta funds-status"></span>
</div>
<section class="funds-summary">
@@ -632,6 +643,11 @@
<div class="funds-stat-label">总资金 · TOTAL</div>
<div id="funds-total-usdt" class="funds-stat-value"></div>
</div>
<div class="funds-stat-card funds-stat-card-pnl">
<div class="funds-stat-label">累计盈亏 · SINCE START</div>
<div id="funds-total-period" class="funds-stat-val"></div>
<div id="funds-total-period-sub" class="funds-stat-sub">相对统计起点</div>
</div>
<div class="funds-stat-card">
<div class="funds-stat-label">较昨日 · Δ24H</div>
<div id="funds-total-delta" class="funds-stat-val"></div>
@@ -1301,7 +1317,7 @@
<script src="/assets/calculator.js?v=20260715-calc-tabs"></script>
<script src="/assets/trade_stats_calendar.js?v=3"></script>
<script src="/assets/archive.js?v=20260710-archive-cum2"></script>
<script src="/assets/funds.js?v=20260707-hub-options-funds"></script>
<script src="/assets/funds.js?v=20260716-funds-pnl-banner"></script>
<script src="/assets/dashboard.js?v=20260708-options-expiry-cd"></script>
<script src="/assets/strategy.js?v=3"></script>
<script src="/assets/help.js?v=1"></script>