fix: 横版中间栏 — metrics-body 初始化 + 数值更新

This commit is contained in:
qinglong
2026-06-14 08:15:57 +08:00
parent b81f8024ae
commit d48141e457
+21
View File
@@ -242,6 +242,27 @@
body.setAttribute('data-mem', (sys.memory||{}).percent||0); body.setAttribute('data-mem', (sys.memory||{}).percent||0);
if (isRow) { if (isRow) {
// 初始化/更新中间栏的数值
var isNewRow = !body.querySelector('.cpu-val');
if (isNewRow) {
body.innerHTML =
'<div class="metric-row">'+
'<div class="metric"><div class="metric-label">CPU</div><div class="metric-value cpu-val" style="font-size:1.3rem">0%</div></div>'+
'<div class="metric"><div class="metric-label">MEM</div><div class="metric-value mem-val" style="font-size:1.3rem">0%</div></div>'+
'<div class="metric"><div class="mem-row-detail" style="font-size:.7rem;color:var(--text-dim)"></div></div>'+
'</div>'+
'<div class="metric-row">'+
'<div class="metric"><div class="metric-label">NET ↓</div><div class="metric-value net-down" style="font-size:1rem"></div></div>'+
'<div class="metric"><div class="metric-label">NET ↑</div><div class="metric-value net-up" style="font-size:1rem"></div></div>'+
'</div>';
}
body.querySelector('.net-down').textContent = fmtSpeed(net.rx_bytes_sec||0);
body.querySelector('.net-up').textContent = fmtSpeed(net.tx_bytes_sec||0);
var mrd = body.querySelector('.mem-row-detail');
if (mrd) mrd.textContent = (mem.used_gb||0).toFixed(1)+'/'+(mem.total_gb||0).toFixed(1)+' GB';
animateValue(body.querySelector('.cpu-val'), oldCpu, cpuVal, 1, '%');
animateValue(body.querySelector('.mem-val'), oldMem, memVal, 1, '%');
// 图表更新
var charts = _chartInstances[id]; var charts = _chartInstances[id];
if (charts && charts[0]) { if (charts && charts[0]) {
try { charts[0].update(cpuVal); charts[1].update(memVal); charts[2].update(net.rx_bytes_sec||0); } catch(e) {} try { charts[0].update(cpuVal); charts[1].update(memVal); charts[2].update(net.rx_bytes_sec||0); } catch(e) {}