Add server status card to dashboard with public and private IP display.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-02 15:36:55 +08:00
parent 5328673ce8
commit aae897b7eb
5 changed files with 521 additions and 0 deletions
+60
View File
@@ -32,6 +32,66 @@
</div>
</div>
<div class="card dashboard-section dashboard-server-card" id="dash-server-card">
<div class="dash-server-head">
<div class="dash-server-title">
<span class="dash-server-dot" aria-hidden="true"></span>
<span>服务器状态</span>
<span class="dash-server-host text-muted" id="dash-server-host"></span>
</div>
<div class="dash-server-head-meta text-muted">
<span id="dash-server-uptime"></span>
<span id="dash-server-updated"></span>
</div>
</div>
<div class="dash-server-ip-row">
<div class="dash-server-ip-item">
<span class="label">外网 IP</span>
<span class="value" id="dash-server-public-ip"></span>
</div>
<div class="dash-server-ip-item">
<span class="label">内网 IP</span>
<span class="value" id="dash-server-private-ip"></span>
</div>
</div>
<div class="dash-server-metrics" id="dash-server-metrics">
<div class="dash-server-metric">
<div class="dash-server-metric-top">
<span class="label">CPU</span>
<span class="value" id="dash-server-cpu"></span>
</div>
<div class="dash-server-bar"><span id="dash-server-cpu-bar"></span></div>
<div class="dash-server-metric-sub text-muted" id="dash-server-cpu-sub"></div>
</div>
<div class="dash-server-metric">
<div class="dash-server-metric-top">
<span class="label">内存</span>
<span class="value" id="dash-server-mem"></span>
</div>
<div class="dash-server-bar"><span id="dash-server-mem-bar"></span></div>
<div class="dash-server-metric-sub text-muted" id="dash-server-mem-sub"></div>
</div>
<div class="dash-server-metric">
<div class="dash-server-metric-top">
<span class="label">硬盘</span>
<span class="value" id="dash-server-disk"></span>
</div>
<div class="dash-server-bar"><span id="dash-server-disk-bar"></span></div>
<div class="dash-server-metric-sub text-muted" id="dash-server-disk-sub"></div>
</div>
<div class="dash-server-metric">
<div class="dash-server-metric-top">
<span class="label">网络</span>
<span class="value dash-server-net-live">实时</span>
</div>
<div class="dash-server-net">
<span id="dash-server-net-up">↑ —</span>
<span id="dash-server-net-down">↓ —</span>
</div>
</div>
</div>
</div>
<div class="card dashboard-section dashboard-risk-card" id="dash-risk-card">
<h2 class="dashboard-risk-heading dash-section-toggle" id="dash-risk-toggle" role="button" tabindex="0" aria-expanded="false" aria-controls="dash-risk-body">
<span class="dash-section-toggle-label">风控说明</span>