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-05 18:13:37 +08:00
parent aed9147074
commit 464c3193d1
6 changed files with 111 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
public/index.html
View File

@@ -181,13 +181,12 @@
</svg>
</div>
<div class="stat-card-content">
<span class="stat-card-label">实时带宽 (↑/↓)</span>
<span class="stat-card-label">实时带宽 (MB/s ↑/↓)</span>
<div class="stat-card-value-group">
<span class="stat-card-value" id="totalBandwidthTx">0 B/s</span>
<span class="stat-card-value" id="totalBandwidthTx">0.00</span>
<span class="stat-card-separator">/</span>
<span class="stat-card-value" id="totalBandwidthRx">0 B/s</span>
<span class="stat-card-value" id="totalBandwidthRx">0.00</span>
</div>
<span class="stat-card-sub" id="bandwidthDetail">实时期末统计</span>
</div>
</div>
</section>
@@ -206,10 +205,10 @@
</h2>
</div>
<div class="chart-legend">
<span class="legend-item"><span class="legend-dot legend-rx"></span>接收 (RX)</span>
<span class="legend-item"><span class="legend-dot legend-tx"></span>发送 (TX)</span>
<span class="legend-item" id="legendRx" style="cursor: pointer;" title="点击切换 接收 (RX) 显示/隐藏"><span class="legend-dot legend-rx"></span>接收 (RX)</span>
<span class="legend-item" id="legendTx" style="cursor: pointer;" title="点击切换 发送 (TX) 显示/隐藏"><span class="legend-dot legend-tx"></span>发送 (TX)</span>
<span class="legend-item disabled" id="legendP95" style="cursor: pointer;" title="点击切换 P95 线显示/隐藏">
<span class="legend-dot legend-p95"></span>95计费 (上行)
<span class="legend-dot legend-p95"></span>95计费 (<span id="p95LabelText">上行</span>)
</span>
</div>
</div>
@@ -417,6 +416,15 @@
<option value="0">不显示</option>
</select>
</div>
<div class="form-group" style="margin-top: 15px;">
<label for="p95TypeSelect">95带宽计费统计类型</label>
<select id="p95TypeSelect"
style="padding: 10px 14px; background: var(--bg-input); border: 1px solid var(--border-color); border-radius: var(--radius-sm); color: var(--text-primary);">
<option value="tx">仅统计上行 (TX)</option>
<option value="rx">仅统计下行 (RX)</option>
<option value="both">统计上行+下行 (Sum)</option>
</select>
</div>
<div class="form-actions" style="margin-top: 25px; display: flex; justify-content: flex-end;">
<button class="btn btn-add" id="btnSaveSiteSettings">保存设置</button>
</div>