diff --git a/static/hub.css b/static/hub.css index d000ee5..2a92a68 100644 --- a/static/hub.css +++ b/static/hub.css @@ -333,53 +333,6 @@ button, .btn { gap: 10px; margin: 0 0 14px; } -.overview-kpi-block { - padding: 12px 14px; - border-radius: var(--radius); - border: 1px solid var(--line); - background: var(--panel); - box-shadow: var(--shadow); - backdrop-filter: blur(10px); -} -.overview-kpi-block--main { - border-color: rgba(56, 189, 248, 0.28); -} -.overview-kpi-head { - display: flex; - align-items: baseline; - justify-content: space-between; - gap: 8px; - margin-bottom: 10px; -} -.overview-kpi-head strong { - font-size: 0.92rem; - letter-spacing: 0.02em; -} -.overview-kpi-grid { - display: grid; - grid-template-columns: repeat(6, minmax(0, 1fr)); - gap: 8px; -} -.overview-kpi-card { - padding: 8px 10px; - border-radius: 10px; - border: 1px solid rgba(56, 189, 248, 0.12); - background: rgba(5, 12, 22, 0.5); - min-width: 0; -} -.overview-kpi-label { - font-size: 0.72rem; - color: var(--muted); - margin-bottom: 4px; -} -.overview-kpi-value { - font-size: 0.95rem; - font-weight: 700; - font-variant-numeric: tabular-nums; - word-break: break-word; -} -.overview-kpi-value.status-on { color: var(--ok); } -.overview-kpi-value.status-off { color: var(--bad); } .overview-mode-wrap { overflow-x: auto; border-radius: var(--radius); @@ -387,6 +340,17 @@ button, .btn { background: var(--panel); box-shadow: var(--shadow); } +.overview-mode-head { + display: flex; + align-items: baseline; + justify-content: space-between; + gap: 8px; + padding: 12px 14px 0; +} +.overview-mode-head strong { + font-size: 0.92rem; + letter-spacing: 0.02em; +} .overview-mode-table { width: 100%; border-collapse: collapse; @@ -411,6 +375,8 @@ button, .btn { text-align: left; white-space: nowrap; } +.overview-mode-table .status-on { color: var(--ok); font-weight: 700; } +.overview-mode-table .status-off { color: var(--bad); font-weight: 700; } .overview-mode-tag { display: inline-block; padding: 2px 8px; @@ -427,12 +393,6 @@ button, .btn { color: #6ee7b7; background: rgba(52, 211, 153, 0.14); } -@media (max-width: 1100px) { - .overview-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } -} -@media (max-width: 800px) { - .overview-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } -} .pos-brief { margin: 0; padding-left: 0; diff --git a/static/hub.js b/static/hub.js index cb7aa3d..1d7c8ee 100644 --- a/static/hub.js +++ b/static/hub.js @@ -363,50 +363,6 @@ return Number(v).toFixed(2) + " U"; } - function renderAggCards(bucket) { - const items = [ - { - label: "在线", - value: String(bucket.online), - cls: "status-on", - }, - { - label: "离线", - value: String(bucket.offline), - cls: bucket.offline > 0 ? "status-off" : "", - }, - { label: "仓位合计", value: String(bucket.positions) }, - { - label: "浮盈合计", - value: bucket.hasPnl ? fmtPnl(bucket.pnl) : "—", - cls: bucket.hasPnl ? pnlClass(bucket.pnl) : "", - }, - { - label: "权利金合计", - value: fmtMoneyPlain(bucket.premium, bucket.hasPremium), - }, - { - label: "余额合计", - value: fmtMoneyPlain(bucket.cash, bucket.hasCash), - }, - ]; - return items - .map(function (it) { - return ( - '
' + - '
' + - escapeHtml(it.label) + - "
" + - '
' + - escapeHtml(it.value) + - "
" - ); - }) - .join(""); - } - function renderOverviewSummary(list) { const box = document.getElementById("overview-summary"); if (!box) return; @@ -423,15 +379,11 @@ tag + '">' + escapeHtml(label) + - " " + - bucket.machines + - " 台" + + "" + '' + bucket.online + "" + - '' + + '' + bucket.offline + "" + "" + @@ -453,12 +405,8 @@ } box.hidden = false; box.innerHTML = - '
' + - '
实时汇总仅统计在线机资金与仓位
' + - '
' + - renderAggCards(s.all) + - "
" + '
' + + '
实时汇总仅统计在线机资金与仓位
' + '' + "" + "" + diff --git a/templates/dashboard.html b/templates/dashboard.html index da0389d..140fac1 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -14,6 +14,6 @@
{% endblock %} {% block scripts %} - + {% endblock %}
模式在线离线仓位浮盈权利金余额