feat(hub): show server CPU memory disk and network status on monitor page

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-13 14:04:05 +08:00
parent ab862efc4e
commit 1fd0003fc8
7 changed files with 485 additions and 1 deletions
+29 -1
View File
@@ -61,6 +61,34 @@
<div class="page-head">
<h1><span class="head-tag">MON</span> 监控区</h1>
</div>
<div id="host-status-bar" class="host-status-bar hidden" aria-label="服务器运行状态" aria-live="polite">
<div class="host-status-head">
<span class="host-status-dot ok" id="host-status-dot" aria-hidden="true"></span>
<span class="host-status-name" id="host-status-name">服务器</span>
<span class="host-status-uptime" id="host-status-uptime"></span>
</div>
<div class="host-status-metrics">
<div class="host-metric" id="host-metric-cpu">
<span class="host-metric-label">CPU</span>
<div class="host-metric-bar"><span class="host-metric-fill" id="host-cpu-fill"></span></div>
<span class="host-metric-val" id="host-cpu-val"></span>
</div>
<div class="host-metric" id="host-metric-mem">
<span class="host-metric-label">内存</span>
<div class="host-metric-bar"><span class="host-metric-fill" id="host-mem-fill"></span></div>
<span class="host-metric-val" id="host-mem-val"></span>
</div>
<div class="host-metric" id="host-metric-disk">
<span class="host-metric-label">硬盘</span>
<div class="host-metric-bar"><span class="host-metric-fill" id="host-disk-fill"></span></div>
<span class="host-metric-val" id="host-disk-val"></span>
</div>
<div class="host-metric host-metric-net" id="host-metric-net">
<span class="host-metric-label">网络</span>
<span class="host-metric-val" id="host-net-val"></span>
</div>
</div>
</div>
<div id="monitor-alert-summary" class="monitor-alert-summary hidden" aria-live="polite"></div>
<div class="toolbar">
<button type="button" id="btn-monitor-refresh" class="primary">立即刷新</button>
@@ -600,6 +628,6 @@
<script src="/assets/dashboard.js?v=20260612-dash-monitor-count"></script>
<script src="/assets/ai_review_render.js?v=3"></script>
<script src="/assets/time_close_ui.js?v=2"></script>
<script src="/assets/app.js?v=20260612-ai-chat-budget"></script>
<script src="/assets/app.js?v=20260612-host-status"></script>
</body>
</html>