feat(hub): fold host status by default, add entrust on grid positions, alert on high CPU/memory

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-13 14:14:48 +08:00
parent a89b446d74
commit 9e395b6732
4 changed files with 149 additions and 29 deletions
+18 -13
View File
@@ -61,18 +61,23 @@
<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-top">
<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" title="">服务器</span>
<details id="host-status-panel" class="host-status-panel hidden" aria-label="服务器运行状态">
<summary class="host-status-summary">
<span class="host-status-dot ok" id="host-status-dot" aria-hidden="true"></span>
<span class="host-status-summary-title">服务器状态</span>
<span class="host-status-summary-text" id="host-status-summary-text">加载中…</span>
</summary>
<div id="host-status-bar" class="host-status-bar" aria-live="polite">
<div class="host-status-top">
<div class="host-status-head">
<span class="host-status-name" id="host-status-name" title="">服务器</span>
</div>
<div class="host-status-meta">
<span class="host-status-uptime" id="host-status-uptime"></span>
<span class="host-status-updated" id="host-status-updated"></span>
</div>
</div>
<div class="host-status-meta">
<span class="host-status-uptime" id="host-status-uptime"></span>
<span class="host-status-updated" id="host-status-updated"></span>
</div>
</div>
<div class="host-status-metrics">
<div class="host-status-metrics">
<div class="host-metric-card" id="host-metric-cpu">
<div class="host-metric-head">
<span class="host-metric-label">CPU</span>
@@ -108,7 +113,7 @@
</div>
</div>
</div>
</div>
</details>
<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>
@@ -648,6 +653,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=20260613-host-status-layout"></script>
<script src="/assets/app.js?v=20260613-host-status-fold-alert"></script>
</body>
</html>