style: Sentinel MEM 详情右对齐到标签旁 (12.8/14.8 GB)
This commit is contained in:
@@ -614,5 +614,27 @@
|
|||||||
"framework.command.execute"
|
"framework.command.execute"
|
||||||
],
|
],
|
||||||
"timestamp": 36827.042118711
|
"timestamp": 36827.042118711
|
||||||
|
},
|
||||||
|
"321ef881": {
|
||||||
|
"plugin_name": "example_plugin",
|
||||||
|
"permissions": [
|
||||||
|
"plugin.example.read",
|
||||||
|
"plugin.example.write",
|
||||||
|
"plugin.example.execute",
|
||||||
|
"framework.event.subscribe",
|
||||||
|
"framework.command.execute"
|
||||||
|
],
|
||||||
|
"timestamp": 36952.123118871
|
||||||
|
},
|
||||||
|
"7c96931c": {
|
||||||
|
"plugin_name": "sentinel",
|
||||||
|
"permissions": [
|
||||||
|
"plugin.sentinel.read",
|
||||||
|
"plugin.sentinel.write",
|
||||||
|
"plugin.network.access",
|
||||||
|
"framework.event.subscribe",
|
||||||
|
"framework.command.execute"
|
||||||
|
],
|
||||||
|
"timestamp": 36952.125723559
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -101,7 +101,7 @@ commands:
|
|||||||
permissions:
|
permissions:
|
||||||
- framework.command.test
|
- framework.command.test
|
||||||
source: internal
|
source: internal
|
||||||
last_updated: 36827.020697669
|
last_updated: 36952.108646684
|
||||||
plugin_commands:
|
plugin_commands:
|
||||||
example_plugin:
|
example_plugin:
|
||||||
echo: *id001
|
echo: *id001
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
http_port: 4200
|
http_port: 4200
|
||||||
last_updated: 36827.037929596
|
last_updated: 36952.124032725
|
||||||
plugin_routes:
|
plugin_routes:
|
||||||
example_plugin:
|
example_plugin:
|
||||||
- methods:
|
- methods:
|
||||||
|
|||||||
@@ -180,18 +180,18 @@
|
|||||||
body.innerHTML =
|
body.innerHTML =
|
||||||
'<div class="metric-row">'+
|
'<div class="metric-row">'+
|
||||||
'<div class="metric"><div class="metric-label">CPU</div><div class="metric-value cpu-val">0%</div><div class="metric-bar"><div class="metric-bar-fill" style="width:0%"></div></div></div>'+
|
'<div class="metric"><div class="metric-label">CPU</div><div class="metric-value cpu-val">0%</div><div class="metric-bar"><div class="metric-bar-fill" style="width:0%"></div></div></div>'+
|
||||||
'<div class="metric"><div class="metric-label">MEM</div><div class="metric-value mem-val">0%</div><div class="metric-bar"><div class="metric-bar-fill" style="width:0%"></div></div></div>'+
|
'<div class="metric"><div style="display:flex;justify-content:space-between;align-items:baseline"><div class="metric-label">MEM</div><div class="mem-detail-val" style="font-size:.65rem;color:var(--text-dim)"></div></div><div class="metric-value mem-val">0%</div><div class="metric-bar"><div class="metric-bar-fill" style="width:0%"></div></div></div>'+
|
||||||
'</div>'+
|
'</div>'+
|
||||||
'<div class="metric-row">'+
|
'<div class="metric-row">'+
|
||||||
'<div class="metric"><div class="metric-label">NET ↓</div><div class="metric-value net-down" style="font-size:.9rem"></div></div>'+
|
'<div class="metric"><div class="metric-label">NET ↓</div><div class="metric-value net-down" style="font-size:.9rem"></div></div>'+
|
||||||
'<div class="metric"><div class="metric-label">NET ↑</div><div class="metric-value net-up" style="font-size:.9rem"></div></div>'+
|
'<div class="metric"><div class="metric-label">NET ↑</div><div class="metric-value net-up" style="font-size:.9rem"></div></div>'+
|
||||||
'</div>'+
|
'</div>';
|
||||||
'<div class="mem-detail"></div>';
|
|
||||||
}
|
}
|
||||||
// 更新 NET
|
// 更新 NET + MEM 详情
|
||||||
body.querySelector('.net-down').textContent = fmtSpeed(net.rx_bytes_sec||0);
|
body.querySelector('.net-down').textContent = fmtSpeed(net.rx_bytes_sec||0);
|
||||||
body.querySelector('.net-up').textContent = fmtSpeed(net.tx_bytes_sec||0);
|
body.querySelector('.net-up').textContent = fmtSpeed(net.tx_bytes_sec||0);
|
||||||
body.querySelector('.mem-detail').innerHTML = '<div style="font-size:.7rem;color:var(--text-dim);margin-top:8px">内存 '+(mem.used_gb||0).toFixed(1)+'/'+(mem.total_gb||0).toFixed(1)+' GB</div>';
|
var md = body.querySelector('.mem-detail-val');
|
||||||
|
if (md) md.textContent = (mem.used_gb||0).toFixed(1) + '/' + (mem.total_gb||0).toFixed(1) + ' GB';
|
||||||
// 进度条: 先设旧值 → force reflow → 设新值
|
// 进度条: 先设旧值 → force reflow → 设新值
|
||||||
var barCpu = body.querySelectorAll('.metric-bar-fill')[0];
|
var barCpu = body.querySelectorAll('.metric-bar-fill')[0];
|
||||||
var barMem = body.querySelectorAll('.metric-bar-fill')[1];
|
var barMem = body.querySelectorAll('.metric-bar-fill')[1];
|
||||||
|
|||||||
Reference in New Issue
Block a user