@@ -49,6 +49,9 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
. corecell . ct { font-size : 11 px ; color : #999 ; margin-top : 2 px ; font-variant-numeric : tabular-nums }
. corecell . ct { font-size : 11 px ; color : #999 ; margin-top : 2 px ; font-variant-numeric : tabular-nums }
. perfbtn { border : 1 px solid #ddd ; background : #fff ; border-radius : 6 px ; padding : 8 px 18 px ; font-size : 14 px ; cursor : pointer ; margin-right : 8 px }
. perfbtn { border : 1 px solid #ddd ; background : #fff ; border-radius : 6 px ; padding : 8 px 18 px ; font-size : 14 px ; cursor : pointer ; margin-right : 8 px }
. perfbtn . cur { background : #20a53a ; border-color : #20a53a ; color : #fff ; font-weight : 700 }
. perfbtn . cur { background : #20a53a ; border-color : #20a53a ; color : #fff ; font-weight : 700 }
. benchbtn { border : 1 px solid #20a53a ; background : #20a53a ; color : #fff ; border-radius : 6 px ; padding : 8 px 18 px ; font-size : 14 px ; cursor : pointer }
. benchbtn : disabled { background : #ccc ; border-color : #ccc ; cursor : wait }
. benchhist { font-size : 12 px ; color : #666 ; line-height : 1.8 ; margin-top : 4 px }
< / style >
< / style >
< / head >
< / head >
< body >
< body >
@@ -59,7 +62,7 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
< div class = "tab" data-t = "net" > 网络< / div >
< div class = "tab" data-t = "net" > 网络< / div >
< div style = "margin-left:auto;display:flex;align-items:center;gap:12px;padding-right:16px;font-size:12px" >
< div style = "margin-left:auto;display:flex;align-items:center;gap:12px;padding-right:16px;font-size:12px" >
< span id = "licBell" onclick = "toggleAnn()" title = "公告" style = "cursor:pointer;position:relative;font-size:15px" > 🔔< i id = "licDot" style = "display:none;position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:#f00" > < / i > < / span >
< span id = "licBell" onclick = "toggleAnn()" title = "公告" style = "cursor:pointer;position:relative;font-size:15px" > 🔔< i id = "licDot" style = "display:none;position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:#f00" > < / i > < / span >
< span id = "licVer" onclick = "checkVer(true)" title = "点击检查新版本" style = "color:#999;cursor:pointer" > v1.3.13 < / span >
< span id = "licVer" onclick = "checkVer(true)" title = "点击检查新版本" style = "color:#999;cursor:pointer" > v1.3.14 < / span >
< label style = "color:#999" > 刷新 < select id = "ival" onchange = "setIval(this.value)" style = "border:1px solid #ddd;border-radius:3px;padding:2px 4px;color:#333" > < option value = "3" > 3s< / option > < option value = "5" > 5s< / option > < option value = "10" > 10s< / option > < option value = "30" > 30s< / option > < option value = "60" > 60s< / option > < / select > < / label >
< label style = "color:#999" > 刷新 < select id = "ival" onchange = "setIval(this.value)" style = "border:1px solid #ddd;border-radius:3px;padding:2px 4px;color:#333" > < option value = "3" > 3s< / option > < option value = "5" > 5s< / option > < option value = "10" > 10s< / option > < option value = "30" > 30s< / option > < option value = "60" > 60s< / option > < / select > < / label >
< button id = "pauseBtn" onclick = "togglePause()" style = "background:#ff9900;color:#fff;border:none;border-radius:3px;padding:3px 10px;cursor:pointer" > ⏸ 停止刷新< / button >
< button id = "pauseBtn" onclick = "togglePause()" style = "background:#ff9900;color:#fff;border:none;border-radius:3px;padding:3px 10px;cursor:pointer" > ⏸ 停止刷新< / button >
< a href = "https://nav.88531.cn" target = "_blank" style = "color:#20a53a;text-decoration:none" > 资享导航站< / a >
< a href = "https://nav.88531.cn" target = "_blank" style = "color:#20a53a;text-decoration:none" > 资享导航站< / a >
@@ -69,11 +72,15 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
< div class = "card" id = "summary" > < / div >
< div class = "card" id = "summary" > < / div >
< div class = "cpuinfo" id = "cpuinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpuinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpuperf" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpuperf" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpubench" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpusensor" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpusensor" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpuadvise" style = "display:none" > < / div >
< div class = "cpuinfo" id = "cpuadvise" style = "display:none" > < / div >
< div class = "cpuinfo" id = "meminfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "meminfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "membench" style = "display:none" > < / div >
< div class = "cpuinfo" id = "diskinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "diskinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "diskbench" style = "display:none" > < / div >
< div class = "cpuinfo" id = "netinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "netinfo" style = "display:none" > < / div >
< div class = "cpuinfo" id = "netbench" style = "display:none" > < / div >
< div class = "toolbar" > < span id = "sub" > < / span > < span > < span id = "ts" style = "margin-right:10px" > < / span > < button class = "refresh" onclick = "load(true)" > 刷新< / button > < / span > < / div >
< div class = "toolbar" > < span id = "sub" > < / span > < span > < span id = "ts" style = "margin-right:10px" > < / span > < button class = "refresh" onclick = "load(true)" > 刷新< / button > < / span > < / div >
< div class = "scrollarea" > < table >
< div class = "scrollarea" > < table >
< thead id = "thead" > < / thead >
< thead id = "thead" > < / thead >
@@ -90,7 +97,7 @@ function loadSort(){try{const v=JSON.parse(localStorage.getItem('fnos_sort_'+cur
function saveSort ( ) { try { localStorage . setItem ( 'fnos_sort_' + cur , JSON . stringify ( sortState ) ) } catch ( e ) { } }
function saveSort ( ) { try { localStorage . setItem ( 'fnos_sort_' + cur , JSON . stringify ( sortState ) ) } catch ( e ) { } }
loadSort ( ) ;
loadSort ( ) ;
let curData = null ;
let curData = null ;
document . querySelectorAll ( '.tab' ) . forEach ( t => t . onclick = ( ) => { document . querySelectorAll ( '.tab' ) . forEach ( x => x . classList . remove ( 'active' ) ) ; t . classList . add ( 'active' ) ; cur = t . dataset . t ; loadSort ( ) ; document . getElementById ( 'disks' ) . innerHTML = '' ; const ci = document . getElementById ( 'cpuinfo' ) ; if ( ci ) ci . style . display = 'none' ; const cs = document . getElementById ( 'cpusensor' ) ; if ( cs ) cs . style . display = 'none' ; const ca = document . getElementById ( 'cpuadvise' ) ; if ( ca ) ca . style . display = 'none' ; const cp = document . getElementById ( 'cpuperf' ) ; if ( cp ) cp . style . display = 'none' ; const mi2 = document . getElementById ( 'meminfo' ) ; if ( mi2 ) mi2 . style . display = 'none' ; const di = document . getElementById ( 'diskinfo' ) ; if ( di ) di . style . display = 'none' ; const ni = document . getElementById ( 'netinfo' ) ; if ( ni ) ni . style . display = 'none' ; load ( true ) } ) ;
document . querySelectorAll ( '.tab' ) . forEach ( t => t . onclick = ( ) => { document . querySelectorAll ( '.tab' ) . forEach ( x => x . classList . remove ( 'active' ) ) ; t . classList . add ( 'active' ) ; cur = t . dataset . t ; loadSort ( ) ; document . getElementById ( 'disks' ) . innerHTML = '' ; const ci = document . getElementById ( 'cpuinfo' ) ; if ( ci ) ci . style . display = 'none' ; const cs = document . getElementById ( 'cpusensor' ) ; if ( cs ) cs . style . display = 'none' ; const ca = document . getElementById ( 'cpuadvise' ) ; if ( ca ) ca . style . display = 'none' ; const cp = document . getElementById ( 'cpuperf' ) ; if ( cp ) cp . style . display = 'none' ; const mi2 = document . getElementById ( 'meminfo' ) ; if ( mi2 ) mi2 . style . display = 'none' ; const di = document . getElementById ( 'diskinfo' ) ; if ( di ) di . style . display = 'none' ; const ni = document . getElementById ( 'netinfo' ) ; if ( ni ) ni . style . display = 'none' ; [ 'cpubench' , 'membench' , 'diskbench' , 'netbench' ] . forEach ( id => { const e = document . getElementById ( id ) ; if ( e ) e . style . display = 'none' } ) ; load ( true ) } ) ;
function fmtB ( b ) { if ( b == null ) return '-' ; const u = [ 'B' , 'KB' , 'MB' , 'GB' , 'TB' ] ; let i = 0 ; while ( b >= 1024 && i < 4 ) { b /= 1024 ; i ++ } return b . toFixed ( b >= 100 ? 0 : 1 ) + u [ i ] }
function fmtB ( b ) { if ( b == null ) return '-' ; const u = [ 'B' , 'KB' , 'MB' , 'GB' , 'TB' ] ; let i = 0 ; while ( b >= 1024 && i < 4 ) { b /= 1024 ; i ++ } return b . toFixed ( b >= 100 ? 0 : 1 ) + u [ i ] }
function fmtR ( b ) { return fmtB ( b ) + '/s' }
function fmtR ( b ) { return fmtB ( b ) + '/s' }
function esc ( s ) { return String ( s == null ? '' : s ) . replace ( /&/g , '&' ) . replace ( /</g , '<' ) }
function esc ( s ) { return String ( s == null ? '' : s ) . replace ( /&/g , '&' ) . replace ( /</g , '<' ) }
@@ -107,7 +114,7 @@ async function cpuAdvise(){const el=document.getElementById('cpuadvise');const n
async function kill ( pid , name ) { if ( ! confirm ( '结束进程 ' + name + ' (PID ' + pid + ') ?' ) ) return ; const r = await fetch ( '/api/kill' , { method : 'POST' , headers : { 'Content-Type' : 'application/json' } , body : JSON . stringify ( { pid } ) } ) ; const j = await r . json ( ) ; alert ( j . ok ? '已发送结束信号' : ( '失败: ' + j . error ) ) ; load ( true ) }
async function kill ( pid , name ) { if ( ! confirm ( '结束进程 ' + name + ' (PID ' + pid + ') ?' ) ) return ; const r = await fetch ( '/api/kill' , { method : 'POST' , headers : { 'Content-Type' : 'application/json' } , body : JSON . stringify ( { pid } ) } ) ; const j = await r . json ( ) ; alert ( j . ok ? '已发送结束信号' : ( '失败: ' + j . error ) ) ; load ( true ) }
const PERF _DESC = { powersave : '省电模式:限制睿频、能效优先,适合7×24待机/下载机,功耗噪音最低' , balanced : '平衡模式:按负载自动升降频,日常使用推荐,性能功耗兼顾' , performance : '高性能模式:火力全开,适合转码/编译/虚拟机等重负载,功耗温度最高' } ;
const PERF _DESC = { powersave : '省电模式:限制睿频、能效优先,适合7×24待机/下载机,功耗噪音最低' , balanced : '平衡模式:按负载自动升降频,日常使用推荐,性能功耗兼顾' , performance : '高性能模式:火力全开,适合转码/编译/虚拟机等重负载,功耗温度最高' } ;
let perfCur = '' ;
let perfCur = '' ;
async function cpuPerf ( ) { const el = document . getElementById ( 'cpuperf' ) ; try { const r = await fetch ( '/api/cpu/perf' ) ; const j = await r . json ( ) ; const m = j . mode || j . saved || 'balanced' ; const key = m + '|' + ( j . governor || '' ) + '|' + ( j . epp || '' ) ; if ( perfCur === key && el . innerHTML ) return ; perfCur = key ; el . style . display = '' ; el . innerHTML = ` <div class="model">⚡ 系统性能:<b> ${ m === 'powersave' ? '省电模式' : m === 'performance' ? '高性能模式' : '平衡模式' } </b> <span class="mut">( governor= ${ esc ( j . governor || '-' ) } epp= ${ esc ( j . epp || '-' ) } ,不重启电脑)</span></div><div style="margin-top:6px"> ${ [ 'powersave' , 'balanced' , 'performance' ] . map ( k => ` <button class="perfbtn ${ m === k ? ' cur' : '' } " onclick="setPerf(' ${ k } ')"> ${ k === 'powersave' ? '🌱 省电模式' : k === 'balanced' ? '⚖️ 平衡模式' : '🔥 高性能模式' } </button> ` ) . join ( '' ) } </div><div class="mut" style="margin-top:6px"> ${ PERF _DESC [ m ] || '' } </div><div id="perfMsg" class="mut" style="margin-top:4px"></div> ` } catch ( e ) { } }
async function cpuPerf ( ) { const el = document . getElementById ( 'cpuperf' ) ; try { const r = await fetch ( '/api/cpu/perf' ) ; const j = await r . json ( ) ; const m = j . mode || j . saved || 'balanced' ; const key = m + '|' + ( j . governor || '' ) + '|' + ( j . epp || '' ) ; if ( perfCur === key && el . innerHTML ) { el . style . display = '' ; return ; } perfCur = key ; el . style . display = '' ; el . innerHTML = ` <div class="model">⚡ 系统性能:<b> ${ m === 'powersave' ? '省电模式' : m === 'performance' ? '高性能模式' : '平衡模式' } </b> <span class="mut">( governor= ${ esc ( j . governor || '-' ) } epp= ${ esc ( j . epp || '-' ) } ,不重启电脑)</span></div><div style="margin-top:6px"> ${ [ 'powersave' , 'balanced' , 'performance' ] . map ( k => ` <button class="perfbtn ${ m === k ? ' cur' : '' } " onclick="setPerf(' ${ k } ')"> ${ k === 'powersave' ? '🌱 省电模式' : k === 'balanced' ? '⚖️ 平衡模式' : '🔥 高性能模式' } </button> ` ) . join ( '' ) } </div><div class="mut" style="margin-top:6px"> ${ PERF _DESC [ m ] || '' } </div><div id="perfMsg" class="mut" style="margin-top:4px"></div> ` } catch ( e ) { } }
async function setPerf ( mode ) { const msg = document . getElementById ( 'perfMsg' ) ; if ( msg ) msg . textContent = '⏳ 正在切换…' ; try { const r = await fetch ( '/api/cpu/perf' , { method : 'POST' , headers : { 'Content-Type' : 'application/json' } , body : JSON . stringify ( { mode } ) } ) ; const j = await r . json ( ) ; if ( ! j . ok ) { if ( msg ) msg . textContent = '❌ 切换失败:' + ( j . error || '未知错误' ) ; else alert ( '切换失败: ' + ( j . error || '未知' ) ) ; return } cpuPerf ( ) } catch ( e ) { if ( msg ) msg . textContent = '❌ 切换失败:网络错误' } }
async function setPerf ( mode ) { const msg = document . getElementById ( 'perfMsg' ) ; if ( msg ) msg . textContent = '⏳ 正在切换…' ; try { const r = await fetch ( '/api/cpu/perf' , { method : 'POST' , headers : { 'Content-Type' : 'application/json' } , body : JSON . stringify ( { mode } ) } ) ; const j = await r . json ( ) ; if ( ! j . ok ) { if ( msg ) msg . textContent = '❌ 切换失败:' + ( j . error || '未知错误' ) ; else alert ( '切换失败: ' + ( j . error || '未知' ) ) ; return } cpuPerf ( ) } catch ( e ) { if ( msg ) msg . textContent = '❌ 切换失败:网络错误' } }
function cmpVal ( p , key ) {
function cmpVal ( p , key ) {
if ( key === 'name' ) return String ( p . name || '' ) ;
if ( key === 'name' ) return String ( p . name || '' ) ;
@@ -164,11 +171,11 @@ document.getElementById('ts').textContent='更新于 '+new Date().toLocaleTimeSt
const S = document . getElementById ( 'summary' ) , H = document . getElementById ( 'thead' ) , B = document . getElementById ( 'tbody' ) ;
const S = document . getElementById ( 'summary' ) , H = document . getElementById ( 'thead' ) , B = document . getElementById ( 'tbody' ) ;
if ( cur === 'cpu' ) {
if ( cur === 'cpu' ) {
S . innerHTML = ` <div class="stat"><div class="k">CPU占用</div><div class="v green"> ${ j . cpu } %</div></div><div class="stat"><div class="k">活跃进程数</div><div class="v green"> ${ j . active } </div></div><div class="stat"><div class="k">负载(1分钟,5分钟,15分钟)</div><div class="v num"> ${ j . load . join ( ', ' ) } </div></div> ` ;
S . innerHTML = ` <div class="stat"><div class="k">CPU占用</div><div class="v green"> ${ j . cpu } %</div></div><div class="stat"><div class="k">活跃进程数</div><div class="v green"> ${ j . active } </div></div><div class="stat"><div class="k">负载(1分钟,5分钟,15分钟)</div><div class="v num"> ${ j . load . join ( ', ' ) } </div></div> ` ;
const I = j . info || { } , P = j . percpu || [ ] ;
const I = j . info || { } , P = j . percpu || [ ] , MHZ = j . mhz || [ ] ;
document . getElementById ( 'cpuinfo' ) . style . display = '' ;
document . getElementById ( 'cpuinfo' ) . style . display = '' ;
document . getElementById ( 'cpuinfo' ) . innerHTML = ` <div class="model"> ${ esc ( I . model || '未知CPU' ) } <span class="mut"> ${ esc ( I . arch || '' ) } </span></div><div>物理 ${ I . physical || '-' } 核 / 逻辑 ${ I . logical || '-' } 核 · ${ I . sockets ? ( '共 ' + I . sockets + ' 路 × ' + I . cores _per _socket + '核 × ' + I . threads _per _core + '线程' ) : '' } · 当前 ${ I . freq _cur || '-' } MHz( ${ I . freq _min || '-' } ~ ${ I . freq _max || '-' } MHz) </div><div class="mut">L1d ${ esc ( I . l1d || '-' ) } · L1i ${ esc ( I . l1i || '-' ) } · L2 ${ esc ( I . l2 || '-' ) } · L3 ${ esc ( I . l3 || '-' ) } </div><div class="corebar"> ${ P . map ( ( v , i ) => ` <div class="corecell"><div class="cb"><i style="width: ${ Math . min ( v , 100 ) } %"></i></div><div class="ct"># ${ i } ${ v } %</div></div> ` ) . join ( '' ) } </div> ` ;
document . getElementById ( 'cpuinfo' ) . innerHTML = ` <div class="model"> ${ esc ( I . model || '未知CPU' ) } <span class="mut"> ${ esc ( I . arch || '' ) } </span></div><div>物理 ${ I . physical || '-' } 核 / 逻辑 ${ I . logical || '-' } 核 · ${ I . sockets ? ( '共 ' + I . sockets + ' 路 × ' + I . cores _per _socket + '核 × ' + I . threads _per _core + '线程' ) : '' } · 当前 ${ I . freq _cur || '-' } MHz( ${ I . freq _min || '-' } ~ ${ I . freq _max || '-' } MHz) </div><div class="mut">L1d ${ esc ( I . l1d || '-' ) } · L1i ${ esc ( I . l1i || '-' ) } · L2 ${ esc ( I . l2 || '-' ) } · L3 ${ esc ( I . l3 || '-' ) } </div><div class="corebar"> ${ P . map ( ( v , i ) => ` <div class="corecell"><div class="cb"><i style="width: ${ Math . min ( v , 100 ) } %"></i></div><div class="ct"># ${ i } ${ v } % ${ MHZ [ i ] != null ? '<br>' + MHZ [ i ] + 'MHz' : '' } </div></div> ` ) . join ( '' ) } </div> ` ;
document . getElementById ( 'sub' ) . textContent = ` 共 ${ j . total } 个进程,显示占用最高的前 ${ j . items . length } 个(进程CPU为单进程占用,单核满=100%,16核满=1600%,进程之和÷16≈整机占用) ` ;
document . getElementById ( 'sub' ) . textContent = ` 共 ${ j . total } 个进程,显示占用最高的前 ${ j . items . length } 个(进程CPU为单进程占用,单核满=100%,16核满=1600%,进程之和÷16≈整机占用) ` ;
cpuPerf ( ) ; cpuAdvise ( ) ; cpuSensor ( ) ;
cpuPerf ( ) ; cpuAdvise ( ) ; cpuSensor ( ) ; showBench ( 'cpu' ) ;
renderHeader ( ) ;
renderHeader ( ) ;
renderBody ( ) ;
renderBody ( ) ;
} else if ( cur === 'mem' ) {
} else if ( cur === 'mem' ) {
@@ -179,6 +186,7 @@ document.getElementById('meminfo').style.display='';
document . getElementById ( 'meminfo' ) . innerHTML = ` <div class="model">物理 ${ fmtB ( H2 . installed || 0 ) } ( ${ DM . length } 条) · 系统可用 ${ fmtB ( H2 . system _total || j . total ) } · 预留 ${ fmtB ( H2 . reserved || 0 ) } (核显 ${ fmtB ( H2 . vram || 0 ) } + BIOS/PCI 保留)</div> `
document . getElementById ( 'meminfo' ) . innerHTML = ` <div class="model">物理 ${ fmtB ( H2 . installed || 0 ) } ( ${ DM . length } 条) · 系统可用 ${ fmtB ( H2 . system _total || j . total ) } · 预留 ${ fmtB ( H2 . reserved || 0 ) } (核显 ${ fmtB ( H2 . vram || 0 ) } + BIOS/PCI 保留)</div> `
+ ( DM . length ? ` <div class="mut">槽位:</div><div> ${ DM . map ( d => row ( esc ( ( d . locator || '' ) + ' / ' + ( d . bank || '' ) ) , esc ( fmtB ( d . size _b ) + ' ' + d . type + ' ' + ( d . cspeed || d . speed || '' ) + 'MT/s ' + ( d . maker || '' ) + ' ' + ( d . part || '' ) ) ) ) . join ( '' ) } </div> ` : ` <div class="mut">未读到内存槽位表(DMI 不可用)</div> ` )
+ ( DM . length ? ` <div class="mut">槽位:</div><div> ${ DM . map ( d => row ( esc ( ( d . locator || '' ) + ' / ' + ( d . bank || '' ) ) , esc ( fmtB ( d . size _b ) + ' ' + d . type + ' ' + ( d . cspeed || d . speed || '' ) + 'MT/s ' + ( d . maker || '' ) + ' ' + ( d . part || '' ) ) ) ) . join ( '' ) } </div> ` : ` <div class="mut">未读到内存槽位表(DMI 不可用)</div> ` )
+ ` <div class="mut">占用拆解:</div><div> ${ row ( '空闲 MemFree' , fmtB ( D . MemFree ) ) + row ( '可用 MemAvailable' , fmtB ( D . MemAvailable ) ) + row ( '缓冲 Buffers' , fmtB ( D . Buffers ) ) + row ( '缓存 Cached' , fmtB ( D . Cached ) ) + row ( 'Swap缓存' , fmtB ( D . SwapCached ) ) + row ( '匿名页 AnonPages' , fmtB ( D . AnonPages ) ) + row ( '映射 Mapped' , fmtB ( D . Mapped ) ) + row ( '共享 Shmem' , fmtB ( D . Shmem ) ) + row ( 'Slab' , fmtB ( D . Slab ) ) + row ( '可回收' , fmtB ( D . SReclaimable ) ) + row ( '不可回收' , fmtB ( D . SUnreclaim ) ) + row ( '页表' , fmtB ( D . PageTables ) ) + row ( '内核栈' , fmtB ( D . KernelStack ) ) + row ( '已提交' , fmtB ( D . Committed _AS ) ) + row ( '提交上限' , fmtB ( D . CommitLimit ) ) + row ( '脏页' , fmtB ( D . Dirty ) ) } </div> ` ;
+ ` <div class="mut">占用拆解:</div><div> ${ row ( '空闲 MemFree' , fmtB ( D . MemFree ) ) + row ( '可用 MemAvailable' , fmtB ( D . MemAvailable ) ) + row ( '缓冲 Buffers' , fmtB ( D . Buffers ) ) + row ( '缓存 Cached' , fmtB ( D . Cached ) ) + row ( 'Swap缓存' , fmtB ( D . SwapCached ) ) + row ( '匿名页 AnonPages' , fmtB ( D . AnonPages ) ) + row ( '映射 Mapped' , fmtB ( D . Mapped ) ) + row ( '共享 Shmem' , fmtB ( D . Shmem ) ) + row ( 'Slab' , fmtB ( D . Slab ) ) + row ( '可回收' , fmtB ( D . SReclaimable ) ) + row ( '不可回收' , fmtB ( D . SUnreclaim ) ) + row ( '页表' , fmtB ( D . PageTables ) ) + row ( '内核栈' , fmtB ( D . KernelStack ) ) + row ( '已提交' , fmtB ( D . Committed _AS ) ) + row ( '提交上限' , fmtB ( D . CommitLimit ) ) + row ( '脏页' , fmtB ( D . Dirty ) ) } </div> ` ;
showBench ( 'mem' ) ;
document . getElementById ( 'sub' ) . textContent = ` 按内存占用排序,前 ${ j . items . length } 个进程 ` ;
document . getElementById ( 'sub' ) . textContent = ` 按内存占用排序,前 ${ j . items . length } 个进程 ` ;
renderHeader ( ) ;
renderHeader ( ) ;
renderBody ( ) ;
renderBody ( ) ;
@@ -197,6 +205,7 @@ document.getElementById('diskinfo').innerHTML=`<div class="model">共 ${DS.lengt
+ ( DS . length ? DS . map ( d => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b>/dev/ ${ esc ( d . name || '' ) } </b> ${ esc ( d . model || d . sys _model || '' ) } <span class="mut"> ${ esc ( d . type || '' ) } · ${ fmtB ( d . cap _b ) } · ${ esc ( d . iface || '' ) } </span> <span style="color: ${ String ( d . health || '' ) . includes ( 'PASSED' ) ? '#20a53a' : '#f00' } "> ${ esc ( d . health || '' ) } </span></div><div> ${ drow ( '序列号' , esc ( d . serial || '-' ) ) + drow ( '温度' , d . temp _c != null ? ( d . temp _c + '°C 快照' ) : '-' ) + drow ( '通电' , d . hours != null ? ( Math . floor ( d . hours / 24 ) + ' 天(' + d . hours + ' 小时)' ) : '-' ) + drow ( '通电次数' , d . power _cycles != null ? d . power _cycles : '-' ) + drow ( '坏道重映射' , d . realloc != null ? d . realloc : '-' ) + ( d . wear != null ? drow ( '磨损' , d . wear + '%' ) : '' ) + ( d . helium != null ? drow ( '氦气' , d . helium + '%' ) : '' ) + ( d . rpm ? drow ( '转速' , d . rpm + ' 转' ) : drow ( '转速' , d . rotational ? '机械' : '固态' ) ) + drow ( '尺寸' , esc ( d . form || '-' ) ) + drow ( '读写累计' , fmtB ( d . io _read || 0 ) + ' / ' + fmtB ( d . io _write || 0 ) ) } </div></div> ` ) . join ( '' ) : ` <div class="mut">未读到硬盘信息</div> ` )
+ ( DS . length ? DS . map ( d => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b>/dev/ ${ esc ( d . name || '' ) } </b> ${ esc ( d . model || d . sys _model || '' ) } <span class="mut"> ${ esc ( d . type || '' ) } · ${ fmtB ( d . cap _b ) } · ${ esc ( d . iface || '' ) } </span> <span style="color: ${ String ( d . health || '' ) . includes ( 'PASSED' ) ? '#20a53a' : '#f00' } "> ${ esc ( d . health || '' ) } </span></div><div> ${ drow ( '序列号' , esc ( d . serial || '-' ) ) + drow ( '温度' , d . temp _c != null ? ( d . temp _c + '°C 快照' ) : '-' ) + drow ( '通电' , d . hours != null ? ( Math . floor ( d . hours / 24 ) + ' 天(' + d . hours + ' 小时)' ) : '-' ) + drow ( '通电次数' , d . power _cycles != null ? d . power _cycles : '-' ) + drow ( '坏道重映射' , d . realloc != null ? d . realloc : '-' ) + ( d . wear != null ? drow ( '磨损' , d . wear + '%' ) : '' ) + ( d . helium != null ? drow ( '氦气' , d . helium + '%' ) : '' ) + ( d . rpm ? drow ( '转速' , d . rpm + ' 转' ) : drow ( '转速' , d . rotational ? '机械' : '固态' ) ) + drow ( '尺寸' , esc ( d . form || '-' ) ) + drow ( '读写累计' , fmtB ( d . io _read || 0 ) + ' / ' + fmtB ( d . io _write || 0 ) ) } </div></div> ` ) . join ( '' ) : ` <div class="mut">未读到硬盘信息</div> ` )
+ ( AR . length ? ` <div class="mut" style="margin-top:8px">阵列拓扑(单成员 RAID1,无冗余):</div><div> ${ AR . map ( a => drow ( esc ( a . md + ' → ' + ( a . mount || '' ) ) , esc ( ( a . level || '' ) + ' ' + ( a . members || '' ) + ' ' + ( a . live _status || '' ) + ' ' + ( a . live _devs || '' ) ) ) ) . join ( '' ) + ( AR . some ( a => a . live _sync ) ? ` <div class="mut"> ${ esc ( ( AR . find ( a => a . live _sync ) || { } ).live_sync||'')}</div> ` : '' + ( EX && EX . mount ? ` <div> ${ drow ( '系统盘 ' + esc ( EX . mount || '/' ) , esc ( ( EX . part || '' ) + '( ' + ( EX . note || '' ) + ') ' ) ) } </div> ` : '' ) ) } </div> ` : '' )
+ ( AR . length ? ` <div class="mut" style="margin-top:8px">阵列拓扑(单成员 RAID1,无冗余):</div><div> ${ AR . map ( a => drow ( esc ( a . md + ' → ' + ( a . mount || '' ) ) , esc ( ( a . level || '' ) + ' ' + ( a . members || '' ) + ' ' + ( a . live _status || '' ) + ' ' + ( a . live _devs || '' ) ) ) ) . join ( '' ) + ( AR . some ( a => a . live _sync ) ? ` <div class="mut"> ${ esc ( ( AR . find ( a => a . live _sync ) || { } ).live_sync||'')}</div> ` : '' + ( EX && EX . mount ? ` <div> ${ drow ( '系统盘 ' + esc ( EX . mount || '/' ) , esc ( ( EX . part || '' ) + '( ' + ( EX . note || '' ) + ') ' ) ) } </div> ` : '' ) ) } </div> ` : '' )
+ ( ( W . note ) ? ` <div class="mut"> ${ esc ( W . note ) } </div> ` : '' ) ;
+ ( ( W . note ) ? ` <div class="mut"> ${ esc ( W . note ) } </div> ` : '' ) ;
showBench ( 'disk' ) ;
} else {
} else {
const up = j . nics . reduce ( ( a , n ) => a + n . up , 0 ) , down = j . nics . reduce ( ( a , n ) => a + n . down , 0 ) ;
const up = j . nics . reduce ( ( a , n ) => a + n . up , 0 ) , down = j . nics . reduce ( ( a , n ) => a + n . down , 0 ) ;
S . innerHTML = ` <div class="stat"><div class="k">上行速率</div><div class="v green"> ${ fmtR ( up ) } </div></div><div class="stat"><div class="k">下行速率</div><div class="v green"> ${ fmtR ( down ) } </div></div><div class="stat"><div class="k">累计接收</div><div class="v num"> ${ fmtB ( j . total _recv || 0 ) } </div></div><div class="stat"><div class="k">累计发送</div><div class="v num"> ${ fmtB ( j . total _sent || 0 ) } </div></div><div class="stat"><div class="k">连接数</div><div class="v num"> ${ j . conns } </div></div> ` ;
S . innerHTML = ` <div class="stat"><div class="k">上行速率</div><div class="v green"> ${ fmtR ( up ) } </div></div><div class="stat"><div class="k">下行速率</div><div class="v green"> ${ fmtR ( down ) } </div></div><div class="stat"><div class="k">累计接收</div><div class="v num"> ${ fmtB ( j . total _recv || 0 ) } </div></div><div class="stat"><div class="k">累计发送</div><div class="v num"> ${ fmtB ( j . total _sent || 0 ) } </div></div><div class="stat"><div class="k">连接数</div><div class="v num"> ${ j . conns } </div></div> ` ;
@@ -211,9 +220,16 @@ document.getElementById('netinfo').style.display='';
document . getElementById ( 'netinfo' ) . innerHTML = ` <div class="model">出口 ${ esc ( NW . egress || '-' ) } · 网关 ${ esc ( NW . gateway || '-' ) } · DNS ${ esc ( NW . dns || '-' ) } <span class="mut">共 ${ NN . length } 块网卡(档案快照 ${ esc ( NW . snapshot || '' ) } ,地址/状态/速率为实时)</span></div> `
document . getElementById ( 'netinfo' ) . innerHTML = ` <div class="model">出口 ${ esc ( NW . egress || '-' ) } · 网关 ${ esc ( NW . gateway || '-' ) } · DNS ${ esc ( NW . dns || '-' ) } <span class="mut">共 ${ NN . length } 块网卡(档案快照 ${ esc ( NW . snapshot || '' ) } ,地址/状态/速率为实时)</span></div> `
+ ( NN . length ? NN . map ( n => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b> ${ esc ( n . name || '' ) } </b> ${ esc ( n . model || '' ) } <span class="mut"> ${ esc ( n . role || '' ) } </span> <span style="color: ${ ( n . isup === false || n . operstate === 'down' ) ? '#999' : '#20a53a' } "> ${ esc ( n . operstate || ( n . isup === false ? 'down' : 'up' ) ) } </span></div><div> ${ nrow ( 'IPv4' , esc ( ( n . ipv4 || [ ] ) . join ( ' / ' ) || '-' ) ) + nrow ( 'IPv6' , esc ( ( n . ipv6 || [ ] ) . join ( ' / ' ) || '-' ) ) + nrow ( 'MAC' , esc ( n . address || n . mac || '-' ) ) + nrow ( '协商速率' , spd ( n . speed || n . live _speed ) ) + nrow ( '双工' , esc ( n . duplex || '-' ) ) + nrow ( 'MTU' , esc ( n . mtu || n . live _mtu || '-' ) ) + nrow ( '驱动' , esc ( n . live _driver || n . driver || '-' ) ) + ( n . pci ? nrow ( 'PCI' , esc ( n . pci ) ) : '' ) + ( n . ssid ? nrow ( 'WiFi' , esc ( n . ssid ) ) : '' ) + nrow ( '收发累计' , fmtB ( n . io _recv || 0 ) + ' / ' + fmtB ( n . io _sent || 0 ) ) } </div></div> ` ) . join ( '' ) : ` <div class="mut">未读到网卡信息</div> ` )
+ ( NN . length ? NN . map ( n => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b> ${ esc ( n . name || '' ) } </b> ${ esc ( n . model || '' ) } <span class="mut"> ${ esc ( n . role || '' ) } </span> <span style="color: ${ ( n . isup === false || n . operstate === 'down' ) ? '#999' : '#20a53a' } "> ${ esc ( n . operstate || ( n . isup === false ? 'down' : 'up' ) ) } </span></div><div> ${ nrow ( 'IPv4' , esc ( ( n . ipv4 || [ ] ) . join ( ' / ' ) || '-' ) ) + nrow ( 'IPv6' , esc ( ( n . ipv6 || [ ] ) . join ( ' / ' ) || '-' ) ) + nrow ( 'MAC' , esc ( n . address || n . mac || '-' ) ) + nrow ( '协商速率' , spd ( n . speed || n . live _speed ) ) + nrow ( '双工' , esc ( n . duplex || '-' ) ) + nrow ( 'MTU' , esc ( n . mtu || n . live _mtu || '-' ) ) + nrow ( '驱动' , esc ( n . live _driver || n . driver || '-' ) ) + ( n . pci ? nrow ( 'PCI' , esc ( n . pci ) ) : '' ) + ( n . ssid ? nrow ( 'WiFi' , esc ( n . ssid ) ) : '' ) + nrow ( '收发累计' , fmtB ( n . io _recv || 0 ) + ' / ' + fmtB ( n . io _sent || 0 ) ) } </div></div> ` ) . join ( '' ) : ` <div class="mut">未读到网卡信息</div> ` )
+ ( ( NW . note ) ? ` <div class="mut"> ${ esc ( NW . note ) } </div> ` : '' ) ;
+ ( ( NW . note ) ? ` <div class="mut"> ${ esc ( NW . note ) } </div> ` : '' ) ;
showBench ( 'net' ) ;
}
}
} catch ( e ) { if ( manual ) alert ( '加载失败: ' + e ) }
} catch ( e ) { if ( manual ) alert ( '加载失败: ' + e ) }
}
}
const BENCH _TXT = { cpu : [ '🏃 系统运行速度测试' , '20万次整数运算,分数越高越快;自动记录当前性能模式/governor/平均MHz,方便对比省电/平衡/高性能三档效果' ] , mem : [ '💾 内存读写测速' , '32MB内存写入/读取,测完即释放,不占内存' ] , disk : [ '💽 硬盘读写测速' , '32MB临时文件写(含落盘)/读,测完自动删除,不占空间' ] , net : [ '🌐 网络上下行测速' , 'Cloudflare测速点:下行5MB/上行2MB,约需几秒到十几秒' ] } ;
function benchHist ( k ) { try { return JSON . parse ( localStorage . getItem ( 'fnos_bench_' + k ) || '[]' ) } catch ( e ) { return [ ] } }
function benchPush ( k , t ) { try { const h = benchHist ( k ) ; h . unshift ( t ) ; localStorage . setItem ( 'fnos_bench_' + k , JSON . stringify ( h . slice ( 0 , 5 ) ) ) } catch ( e ) { } }
function renderBench ( k , msg ) { const el = document . getElementById ( k + 'bench' ) ; if ( ! el ) return ; const T = BENCH _TXT [ k ] , h = benchHist ( k ) ; el . innerHTML = '<div class="model">' + T [ 0 ] + '</div><div class="mut">' + T [ 1 ] + '</div><div style="margin-top:6px"><button class="benchbtn" id="benchbtn_' + k + '" onclick="runBench(\'' + k + '\')">开始测速</button> <span id="benchmsg_' + k + '" class="mut">' + ( msg || '' ) + '</span></div>' + ( h . length ? '<div class="benchhist">历史记录(最多5条,超出自动删旧):<br>' + h . map ( x => esc ( x ) ) . join ( '<br>' ) + '</div>' : '<div class="benchhist">暂无测速记录,点「开始测速」跑一次</div>' ) }
function showBench ( k ) { const el = document . getElementById ( k + 'bench' ) ; if ( ! el ) return ; el . style . display = '' ; if ( ! el . innerHTML ) renderBench ( k ) }
async function runBench ( k ) { const b = document . getElementById ( 'benchbtn_' + k ) , m = document . getElementById ( 'benchmsg_' + k ) ; if ( b ) { b . disabled = true ; b . textContent = '测速中…' } if ( m ) m . textContent = '正在测速,请稍候(网络测速约需十几秒)' ; try { const r = await fetch ( '/api/bench/' + k , { method : 'POST' } ) ; const j = await r . json ( ) ; let line = '' ; if ( j . ok ) { if ( k === 'cpu' ) line = j . at + ' [' + j . mode + '|' + ( j . governor || '-' ) + '] ' + j . ms + 'ms ' + j . kops + 'kops AVG' + j . mhz _avg + 'MHz' ; else if ( k === 'mem' ) line = j . at + ' W' + j . write _mbs + 'MB/s R' + j . read _mbs + 'MB/s' ; else if ( k === 'disk' ) line = j . at + ' W' + j . write _mbs + 'MB/s R' + j . read _mbs + 'MB/s ' + ( j . file || '' ) ; else if ( k === 'net' ) line = j . at + ' DOWN' + j . down _mbps + 'Mbps' + ( j . up _mbps ? ' UP' + j . up _mbps + 'Mbps' : ' UPFAIL' ) ; benchPush ( k , line ) ; renderBench ( k , 'OK ' + line ) } else renderBench ( k , 'FAIL ' + ( j . error || 'ERR' ) ) } catch ( e ) { renderBench ( k , 'FAIL ' + e ) } }
load ( true ) ;
load ( true ) ;
let ivalSec = 3 , timer = null , paused = false ;
let ivalSec = 3 , timer = null , paused = false ;
function startTimer ( ) { if ( timer ) clearInterval ( timer ) ; if ( ! paused ) timer = setInterval ( ( ) => load ( false ) , ivalSec * 1000 ) }
function startTimer ( ) { if ( timer ) clearInterval ( timer ) ; if ( ! paused ) timer = setInterval ( ( ) => load ( false ) , ivalSec * 1000 ) }
@@ -222,7 +238,7 @@ function togglePause(){paused=!paused;document.getElementById('pauseBtn').textCo
startTimer ( ) ;
startTimer ( ) ;
async function licPoll ( ) { try { const r = await fetch ( '/api/license-config' , { cache : 'no-store' } ) ; const j = await r . json ( ) ; LIC = j ;
async function licPoll ( ) { try { const r = await fetch ( '/api/license-config' , { cache : 'no-store' } ) ; const j = await r . json ( ) ; LIC = j ;
const dot = document . getElementById ( 'licDot' ) ; if ( dot ) dot . style . display = ( j . announcements && j . announcements . length ) ? '' : 'none' ;
const dot = document . getElementById ( 'licDot' ) ; if ( dot ) dot . style . display = ( j . announcements && j . announcements . length ) ? '' : 'none' ;
const v = document . getElementById ( 'licVer' ) ; if ( v ) v . textContent = 'v' + ( j . version || '1.3.13 ' ) + ( j . update _available ? ' ●' : '' ) ;
const v = document . getElementById ( 'licVer' ) ; if ( v ) v . textContent = 'v' + ( j . version || '1.3.14 ' ) + ( j . update _available ? ' ●' : '' ) ;
if ( j . popup && j . popup . length ) { try { const seen = JSON . parse ( localStorage . getItem ( 'fnos_ann_seen' ) || '[]' ) ; const fresh = j . popup . filter ( a => seen . indexOf ( a . id ) < 0 ) ; if ( fresh . length ) { const a = fresh [ 0 ] ; const el = document . getElementById ( 'annPop' ) ; el . innerHTML = ` <div style="display:flex;justify-content:space-between;align-items:center"><b>📢 ${ esc ( a . title || '公告' ) } </b><span onclick="dismissPop( ${ a . id } )" style="cursor:pointer;color:#999">✕</span></div><div style="margin-top:6px"> ${ a . content || '' } </div> ` ; el . style . display = '' ; } } catch ( e ) { } }
if ( j . popup && j . popup . length ) { try { const seen = JSON . parse ( localStorage . getItem ( 'fnos_ann_seen' ) || '[]' ) ; const fresh = j . popup . filter ( a => seen . indexOf ( a . id ) < 0 ) ; if ( fresh . length ) { const a = fresh [ 0 ] ; const el = document . getElementById ( 'annPop' ) ; el . innerHTML = ` <div style="display:flex;justify-content:space-between;align-items:center"><b>📢 ${ esc ( a . title || '公告' ) } </b><span onclick="dismissPop( ${ a . id } )" style="cursor:pointer;color:#999">✕</span></div><div style="margin-top:6px"> ${ a . content || '' } </div> ` ; el . style . display = '' ; } } catch ( e ) { } }
if ( document . getElementById ( 'annPanel' ) . style . display !== 'none' ) renderAnn ( ) ; } catch ( e ) { } }
if ( document . getElementById ( 'annPanel' ) . style . display !== 'none' ) renderAnn ( ) ; } catch ( e ) { } }
function renderAnn ( ) { const el = document . getElementById ( 'annPanel' ) ; const list = LIC . announcements || [ ] ; el . innerHTML = list . length ? ( ` <b>📢 公告( ${ list . length } ) </b>` + list . map ( a => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b> ${ esc ( a . title || '' ) } </b></div><div style="color:#666"> ${ a . content || '' } </div></div> ` ) . join ( '' ) ) : '<span style="color:#999">暂无公告</span>' ; }
function renderAnn ( ) { const el = document . getElementById ( 'annPanel' ) ; const list = LIC . announcements || [ ] ; el . innerHTML = list . length ? ( ` <b>📢 公告( ${ list . length } ) </b>` + list . map ( a => ` <div style="margin-top:8px;padding-top:8px;border-top:1px dashed #eee"><div><b> ${ esc ( a . title || '' ) } </b></div><div style="color:#666"> ${ a . content || '' } </div></div> ` ) . join ( '' ) ) : '<span style="color:#999">暂无公告</span>' ; }