fix: 横版中间栏 — metrics-body 初始化 + 数值更新
This commit is contained in:
@@ -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) {}
|
||||||
|
|||||||
Reference in New Issue
Block a user