CN-JS-HuiBai/PromdataPanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

添加更详细的信息查询

Browse Source
This commit is contained in:
CN-JS-HuiBai
2026-04-04 22:05:53 +08:00
parent d0bd05409d
commit ba712f1907
5 changed files with 244 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
public/index.html
View File

@@ -364,6 +364,64 @@
</div>
</div>
</div>
<!-- Server Detail Modal -->
<div class="modal-overlay" id="serverDetailModal">
<div class="modal" style="max-width: 600px;">
<div class="modal-header">
<h2 id="serverDetailTitle">服务器详情</h2>
<button class="modal-close" id="serverDetailClose">&times;</button>
</div>
<div class="modal-body" id="serverDetailBody">
<div id="detailLoading" style="text-align: center; padding: 20px; display: none;">
<div class="dot dot-pulse" style="display: inline-block; width: 12px; height: 12px; background: var(--accent-indigo);"></div>
<span style="margin-left: 10px; color: var(--text-secondary);">正在从数据库读取详情...</span>
</div>
<div class="detail-grid" id="detailGrid">
<div class="detail-item">
<span class="detail-label">CPU 忙碌率 (Busy)</span>
<span class="detail-value" id="detailCpuBusy">0%</span>
</div>
<div class="detail-item">
<span class="detail-label">系统负载 (Load)</span>
<span class="detail-value" id="detailSysLoad">0%</span>
</div>
<div class="detail-item">
<span class="detail-label">内存使用率 (RAM)</span>
<span class="detail-value" id="detailMemUsedPct">0%</span>
</div>
<div class="detail-item">
<span class="detail-label">SWAP 使用率</span>
<span class="detail-value" id="detailSwapUsedPct">0%</span>
</div>
<div class="detail-item">
<span class="detail-label">根分区使用率 (/)</span>
<span class="detail-value" id="detailRootFsUsedPct">0%</span>
</div>
<div class="detail-item">
<span class="detail-label">CPU 核心总数</span>
<span class="detail-value" id="detailCpuCores">0 核心</span>
</div>
<div class="detail-item">
<span class="detail-label">物理内存总量</span>
<span class="detail-value" id="detailMemTotal">0 GB</span>
</div>
<div class="detail-item">
<span class="detail-label">运行时间 (Uptime)</span>
<span class="detail-value" id="detailUptime">0天 0小时</span>
</div>
<div class="detail-item">
<span class="detail-label">网络接收速率 (RX)</span>
<span class="detail-value" id="detailNetRx">0 Mbps</span>
</div>
<div class="detail-item">
<span class="detail-label">网络发送速率 (TX)</span>
<span class="detail-value" id="detailNetTx">0 Mbps</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Login Modal -->