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:27:35 +08:00
parent 4f04227976
commit 75736c0c4c
6 changed files with 662 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
public/index.html
View File

@@ -367,56 +367,36 @@
<!-- Server Detail Modal -->
<div class="modal-overlay" id="serverDetailModal">
<div class="modal" style="max-width: 600px;">
<div class="modal" style="max-width: 800px; width: 95%;">
<div class="modal-header">
<h2 id="serverDetailTitle">服务器详情</h2>
<div style="display: flex; flex-direction: column;">
<h2 id="serverDetailTitle" style="margin-bottom: 4px;">服务器详情</h2>
<div id="serverDetailSubtitle" style="font-size: 0.85rem; color: var(--text-secondary); font-family: var(--font-mono);"></div>
</div>
<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="modal-body" id="serverDetailBody" style="padding: 0;">
<div id="detailLoading" style="text-align: center; padding: 40px; 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>
<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 class="detail-container" id="detailContainer">
<!-- Metric Items are injected here -->
<div class="detail-metrics-list" id="detailMetricsList"></div>
<div class="detail-info-grid" id="detailInfoGrid">
<div class="info-item">
<span class="info-label">CPU 核心总数</span>
<span class="info-value" id="detailCpuCores">0 核心</span>
</div>
<div class="info-item">
<span class="info-label">物理内存总量</span>
<span class="info-value" id="detailMemTotal">0 GB</span>
</div>
<div class="info-item">
<span class="info-label">运行时间 (Uptime)</span>
<span class="info-value" id="detailUptime">0天 0小时</span>
</div>
</div>
</div>
</div>