fix: 横版中间栏 — metrics-body 初始化 + 数值更新
This commit is contained in:
@@ -242,6 +242,27 @@
|
||||
body.setAttribute('data-mem', (sys.memory||{}).percent||0);
|
||||
|
||||
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];
|
||||
if (charts && charts[0]) {
|
||||
try { charts[0].update(cpuVal); charts[1].update(memVal); charts[2].update(net.rx_bytes_sec||0); } catch(e) {}
|
||||
|
||||
Reference in New Issue
Block a user