| ${statusPill} |
${s.name||'-'} |
${s.type||'-'} |
@@ -133,7 +134,8 @@ function renderServersCards(){
function bucket(p){ const v=Math.max(0,Math.min(100,p)); const level = v>=20?'bad':(v>=10?'warn':'ok'); return `
`; }
const buckets = `${bucket(p1)}${bucket(p2)}${bucket(p3)}
`;
const key = s.name || s.location || 'node';
- html += `\n
\n \n
\n
负载${s.load_1==-1?'–':s.load_1?.toFixed(2)}
\n
在线${s.uptime||'-'}
\n
月流量${monthIn}/${monthOut}
\n
网络${netNow}
\n
总流量${netTotal}
\n
CPU${s.cpu||0}%
\n
内存${memPct.toFixed(0)}%
\n
硬盘${hddPct.toFixed(0)}%
\n
\n ${buckets}\n
\n
${online?'点击卡片可查看详情':'离线，不可查看详情'}
\n
\n
\n
\n \n
\n
负载${s.load_1==-1?'–':s.load_1?.toFixed(2)}
\n
在线${s.uptime||'-'}
\n
月流量${monthIn}/${monthOut}
\n
网络${netNow}
\n
总流量${netTotal}
\n
CPU${s.cpu||0}%
\n
内存${memPct.toFixed(0)}%
\n
硬盘${hddPct.toFixed(0)}%
\n
\n ${buckets}\n
\n
${online?'点击卡片可查看详情':'离线，不可查看详情'}
\n
\n
无数据
';
wrap.querySelectorAll('.card').forEach(card=>{
@@ -269,8 +271,11 @@ function openDetail(i){
const modal = document.getElementById('detailModal');
document.getElementById('detailTitle').textContent = s.name + ' 详情';
const offline = !(s.online4||s.online6);
- const memLine = `内存: ${s.memory_total? bytes(s.memory_used*1024)+' / '+bytes(s.memory_total*1024):'- / -'} | 虚存: ${s.swap_total? bytes(s.swap_used*1024)+' / '+bytes(s.swap_total*1024):'- / -'}`;
- const hddLine = `硬盘: ${s.hdd_total? bytes(s.hdd_used*1024*1024)+' / '+bytes(s.hdd_total*1024*1024):'- / -'} | 读/写: ${(typeof s.io_read==='number')? bytes(s.io_read):'-'} / ${(typeof s.io_write==='number')? bytes(s.io_write):'-'}`;
+ const memPct = s.memory_total? (s.memory_used/s.memory_total*100):0;
+ const swapPct = s.swap_total? (s.swap_used/s.swap_total*100):0;
+ const hddPct = s.hdd_total? (s.hdd_used/s.hdd_total*100):0;
+ const ioRead = (typeof s.io_read==='number')? s.io_read:0;
+ const ioWrite = (typeof s.io_write==='number')? s.io_write:0;
const procLine = `${num(s.tcp_count)} / ${num(s.udp_count)} / ${num(s.process_count)} / ${num(s.thread_count)}`;
// 保留延迟数据用于图表，但不再展示当前延迟文字行
const latText = offline ? '离线' : `CU/CT/CM: ${num(s.time_10010)}ms (${(s.ping_10010||0).toFixed(0)}%) / ${num(s.time_189)}ms (${(s.ping_189||0).toFixed(0)}%) / ${num(s.time_10086)}ms (${(s.ping_10086||0).toFixed(0)}%)`;
@@ -296,8 +301,15 @@ function openDetail(i){
`;
}
+ function barHTML(label,valPct,text,role,io){
+ const lvl = valPct>=90?'bad':(valPct>=80?'warn':'');
+ const ioCls = io? ' io':'';
+ return ``;
+ }
+ function ioBar(label,bytesVal,role){ const peak=150*1000*1000; const pct=Math.min(100,(bytesVal/peak)*100); const lvl = bytesVal>100*1000*1000?'bad': bytesVal>50*1000*1000?'warn':''; return barHTML(label,pct, (bytes(bytesVal)+'/s'), role, true).replace('位置${s.location||'-'}
+ TCP/UDP/进/线${procLine}
@@ -307,9 +319,15 @@ function openDetail(i){
(~${(S.loadHist[key]?S.loadHist[key].l1.length:0)} 条)
- 内存｜虚存${offline?'- / - | 虚存: - / -':memLine}
- 硬盘｜读写${offline?'- / - | 读/写: - / -':hddLine}
- TCP/UDP/进/线${procLine}
+
+ ${offline?'
':barHTML('内存', memPct, memPct.toFixed(1)+'%','mem')}
+ ${offline?'
':barHTML('虚存', swapPct, s.swap_total? swapPct.toFixed(1)+'%':'-','swap')}
+
+ ${offline?'
':barHTML('硬盘', hddPct, hddPct.toFixed(1)+'%','disk')}
+ ${offline?'
':ioBar('读速', ioRead,'io-read')}
+ ${offline?'
':ioBar('写速', ioWrite,'io-write')}
+