@@ -20,7 +20,7 @@ body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;backgr
. stat . v { font-size : 15 px }
. stat . v { font-size : 15 px }
. v . green { color : #20a53a }
. v . green { color : #20a53a }
table { width : calc ( 100 % - 32 px ) ; margin : 0 16 px 20 px ; border-collapse : collapse ; font-size : 13 px ; table-layout : fixed }
table { width : calc ( 100 % - 32 px ) ; margin : 0 16 px 20 px ; border-collapse : collapse ; font-size : 13 px ; table-layout : fixed }
thead th { background : #f7f7f7 ; color : #555 ; font-weight : 400 ; text-align : left ; padding : 10 px 8 px ; white-space : nowrap ; overflow : hidden }
thead th { background : #f7f7f7 ; color : #555 ; font-weight : 400 ; text-align : left ; padding : 10 px 8 px ; white-space : nowrap ; overflow : hidden } thead th [ onclick ] { cursor : pointer ; user-select : none } thead th [ onclick ] : hover { color : #20a53a }
tbody td { padding : 9 px 8 px ; border-bottom : 1 px solid #f2f2f2 ; vertical-align : top ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap }
tbody td { padding : 9 px 8 px ; border-bottom : 1 px solid #f2f2f2 ; vertical-align : top ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap }
tbody td . desc { max-width : 340 px }
tbody td . desc { max-width : 340 px }
a . proc { color : #20a53a ; text-decoration : none ; white-space : nowrap }
a . proc { color : #20a53a ; text-decoration : none ; white-space : nowrap }
@@ -47,6 +47,8 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
. corecell . cb { height : 8 px ; background : #f0f0f0 ; border-radius : 4 px ; overflow : hidden }
. corecell . cb { height : 8 px ; background : #f0f0f0 ; border-radius : 4 px ; overflow : hidden }
. corecell . cb > i { display : block ; height : 100 % ; background : #20a53a ; border-radius : 4 px }
. corecell . cb > i { display : block ; height : 100 % ; background : #20a53a ; border-radius : 4 px }
. 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 . cur { background : #20a53a ; border-color : #20a53a ; color : #fff ; font-weight : 700 }
< / style >
< / style >
< / head >
< / head >
< body >
< body >
@@ -56,7 +58,8 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
< div class = "tab" data-t = "disk" > 磁盘< / div >
< div class = "tab" data-t = "disk" > 磁盘< / div >
< 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 style = "color:#999" > v1.3.6 < / 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 >
< 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 >
@@ -65,6 +68,7 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
< / div >
< / div >
< 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 = "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 >
@@ -76,23 +80,35 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
< tbody id = "tbody" > < / tbody >
< tbody id = "tbody" > < / tbody >
< / table >
< / table >
< div id = "disks" > < / div > < div id = "netextra" > < / div > < / div >
< div id = "disks" > < / div > < div id = "netextra" > < / div > < / div >
< div id = "annPanel" style = "display:none;position:fixed;top:46px;right:12px;width:340px;max-height:60vh;overflow:auto;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.15);z-index:1000;padding:12px 14px;font-size:13px;line-height:1.8" > < / div >
< div id = "annPop" style = "display:none;position:fixed;right:12px;bottom:40px;width:340px;background:#fffbe6;border:1px solid #f0c36d;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.15);z-index:1000;padding:12px 14px;font-size:13px;line-height:1.8" > < / div >
< script >
< script >
let LIC = { announcements : [ ] , popup : [ ] } ;
let cur = 'cpu' ;
let cur = 'cpu' ;
let sortState = { key : null , dir : - 1 } ;
let sortState = { key : null , dir : - 1 } ;
function loadSort ( ) { try { const v = JSON . parse ( localStorage . getItem ( 'fnos_sort_' + cur ) || 'null' ) ; if ( v && v . key ) { sortState = v ; return } } catch ( e ) { } sortState = { key : null , dir : - 1 } ; }
function saveSort ( ) { try { localStorage . setItem ( 'fnos_sort_' + cur , JSON . stringify ( sortState ) ) } catch ( e ) { } }
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 ; 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 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' ; 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 , '<' ) }
async function dropMem ( ) { if ( ! confirm ( '一键回收未使用的内存(drop caches)?' ) ) return ; const r = await fetch ( '/api/mem/drop' , { method : 'POST' } ) ; const j = await r . json ( ) ; alert ( j . ok ? ( '已回收,可用 ' + fmtB ( j . available ) ) : ( '失败: ' + j . error ) ) ; load ( true ) }
async function dropMem ( ) { if ( ! confirm ( '一键回收未使用的内存(drop caches)?' ) ) return ; const r = await fetch ( '/api/mem/drop' , { method : 'POST' } ) ; const j = await r . json ( ) ; alert ( j . ok ? ( '已回收,可用 ' + fmtB ( j . available ) ) : ( '失败: ' + j . error ) ) ; load ( true ) }
let optPoll = null ;
let optPoll = null ;
async function optimizeSys ( ) { const b = document . getElementById ( 'optBtn' ) ; const st = document . getElementById ( 'optStopBtn' ) ; if ( ! b || b . disabled ) return ; try { const r = await fetch ( '/api/sys/optimize' , { method : 'POST ' } ) ; const j = await r . json ( ) ; if ( r . status === 409 && j . running ) { return } if ( ! j . started && ! j . ok ) { const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = '启动失败,请稍后重试' ; return } b . disabled = true ; b . style . cssText = 'background:#ccc;color:#fff;border:none;border-radius:3px;padding:6px 14px;cursor:not-allowed' ; const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = '⏳ 正在优化系统,预计约20秒,页面数据照常刷新…' ; if ( st ) st . style . display = '' ; if ( optPoll ) clearInterval ( optPoll ) ; optPoll = setInterval ( pollOptStatus , 2000 ) } catch ( e ) { const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = '启动失败:网络异常' } }
let optState = { running : false , text : '' } ;
async function stopOpt ( ) { const st = document . getElementById ( 'optStopBtn' ) ; if ( st ) st . disabled = true ; try { await fetch ( '/api/sys/optimize/cancel' , { method : 'POST' } ) } catch ( e ) { } const s = document . getElementById ( 'optStatus ') ; if ( s ) s . textContent = '⏳ 正在停止优化…' }
function restoreOptUI ( ) { const b = document . getElementById ( 'optBtn' ) ; const st = document . getElementById ( 'optStopBtn' ) ; const s = document . getElementById ( 'optStatus' ) ; if ( ! b || ! st || ! s ) return ; if ( optState . running ) { b . disabled = true ; b . style . cssText = 'background:#ccc;color:#fff;border:none;border-radius:3px;padding:6px 14px;cursor:not-allowed' ; st . style . display = '' ; } else { st . style . display = 'none '; } if ( optState . text ) s . textContent = optState . text ; }
async function pollOptStatus ( ) { try { const r = await fetch ( '/api/sys/optimize/status ' ) ; const j = await r . json ( ) ; const s = document . getElementById ( 'optStatus' ) ; if ( j . running ) { if ( s ) s . textContent = '⏳ 正在优化系统,已用时 ' + j . elapsed + ' 秒,预计约20秒,页面数据照常刷新…' ; return } if ( optPoll ) { clearInterval ( optPoll ) ; optPoll = null } const b = document . getElementById ( 'optBtn' ) ; const st = document . getElementById ( 'optStopBtn ' ) ; if ( b ) { b . disabled = false ; b . style . cssText = '' ; b . className = 'bigbtn' } if ( st ) { st . style . display = 'none ' ; st . disabled = false } if ( j . cancelled && s ) { s . textContent = '⏹ 已停止优化:' + j . steps . join ( '; ' ) } else if ( j . done && s ) { s . textContent = '✅ 优化完成:' + j . steps . join ( '; ' ) + ',释放 ' + fmtB ( j . freed ) + ',当前可用 ' + fmtB ( j . available ) } load ( true ) } catch ( e ) { } }
async function optimizeSys ( ) { const b = document . getElementById ( 'optBtn' ) ; const st = document . getElementById ( 'optStopBtn' ) ; if ( ! b || b . disabled ) return ; try { const r = await fetch ( '/api/sys/optimize' , { method : 'POST' } ) ; const j = await r . json ( ) ; if ( r . status === 409 && j . running ) { return } if ( ! j . started && ! j . ok ) { const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = '启动失败,请稍后重试' ; return } b . disabled = true ; b . style . cssText = 'background:#ccc;color:#fff;border:none;border-radius:3px;padding:6px 14px;cursor:not-allowed' ; const s = document . getElementById ( 'optStatus ' ) ; optState = { running : true , text : '⏳ 正在优化系统,预计约20秒,页面数据照常刷新…' } ; if ( s ) s . textContent = optState . text ; if ( st ) st . style . display = '' ; if ( optPoll ) clearInterval ( optPoll ) ; optPoll = setInterval ( pollOptStatus , 2000 ) } catch ( e ) { const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = '启动失败:网络异常' } }
async function stopOpt ( ) { let j = null ; try { const r = await fetch ( '/api/sys/optimize/cancel' , { method : 'POST' } ) ; j = await r . json ( ) } catch ( e ) { } if ( ! j || ! j . ok ) return ; const st = document . getElementById ( 'optStopBtn' ) ; if ( st ) st . disabled = true ; optState = { running : true , stopping : true , text : '⏳ 正在停止优化…' } ; const s = document . getElementById ( 'optStatus' ) ; if ( s ) s . textContent = optState . text }
async function pollOptStatus ( ) { try { const r = await fetch ( '/api/sys/optimize/status' ) ; const j = await r . json ( ) ; const s = document . getElementById ( 'optStatus' ) ; if ( j . running ) { optState = { running : true , stopping : ! ! optState . stopping , text : optState . stopping ? '⏳ 正在停止优化…(已用时 ' + j . elapsed + ' 秒)' : '⏳ 正在优化系统,已用时 ' + j . elapsed + ' 秒,预计约20秒,页面数据照常刷新…' } ; if ( s ) s . textContent = optState . text ; return } if ( optPoll ) { clearInterval ( optPoll ) ; optPoll = null } const b = document . getElementById ( 'optBtn' ) ; const st = document . getElementById ( 'optStopBtn' ) ; if ( b ) { b . disabled = false ; b . style . cssText = '' ; b . className = 'bigbtn' } if ( st ) { st . style . display = 'none' ; st . disabled = false } if ( j . cancelled ) { optState = { running : false , text : '⏹ 已停止优化:' + j . steps . join ( '; ' ) } } else if ( j . done ) { optState = { running : false , text : '✅ 优化完成:' + j . steps . join ( '; ' ) + ',释放 ' + fmtB ( j . freed ) + ',当前可用 ' + fmtB ( j . available ) } } if ( s && optState . text ) s . textContent = optState . text ; load ( true ) ; setTimeout ( restoreOptUI , 500 ) } catch ( e ) { } }
let lastAdvise = 0 ;
let lastAdvise = 0 ;
async function cpuSensor ( ) { const el = document . getElementById ( 'cpusensor' ) ; try { const r = await fetch ( '/api/sensors' ) ; const j = await r . json ( ) ; el . style . display = '' ; let h = '<div class="model">🌡️ 温度 / 🌀 风扇</div>' ; if ( j . temps && j . temps . length ) { const cpu = j . temps . filter ( t => t . name . indexOf ( 'CPU' ) === 0 ) ; const oth = j . temps . filter ( t => t . name . indexOf ( 'CPU' ) !== 0 ) ; const chip = t => { const c = t . value >= 85 ? '#f00' : ( t . value >= 70 ? '#ff9900' : '#20a53a' ) ; return ` <span style="display:inline-block;margin:2px 10px 2px 0"> ${ esc ( t . name ) } <b style="color: ${ c } "> ${ t . value } °C</b></span> ` } ; if ( cpu . length ) h += '<div>' + cpu . map ( chip ) . join ( '' ) + '</div>' ; if ( oth . length ) h += '<div class="mut">' + oth . map ( chip ) . join ( '' ) + '</div>' } if ( j . fans && j . fans . length ) { h += '<div>' + j . fans . map ( f => ` <span style="display:inline-block;margin:2px 10px 2px 0">🌀 ${ esc ( f . name ) } <b> ${ f . value } RPM</b></span> ` ) . join ( '' ) + '</div>' } else { h += '<div class="mut">🌀 风扇转速:宿主未暴露(家用 NAS/主板多无此传感器,属正常)</div>' } if ( j . note && ! j . temps . length ) h += ` <div class="mut"> ${ esc ( j . note ) } </div> ` ; el . innerHTML = h } catch ( e ) { el . style . display = '' ; el . innerHTML = '<div class="mut">🌡️ 温度读取失败</div>' } }
async function cpuSensor ( ) { const el = document . getElementById ( 'cpusensor' ) ; try { const r = await fetch ( '/api/sensors' ) ; const j = await r . json ( ) ; el . style . display = '' ; let h = '<div class="model">🌡️ 温度 / 🌀 风扇</div>' ; if ( j . temps && j . temps . length ) { const cpu = j . temps . filter ( t => t . name . indexOf ( 'CPU' ) === 0 ) ; const oth = j . temps . filter ( t => t . name . indexOf ( 'CPU' ) !== 0 ) ; const chip = t => { const c = t . value >= 85 ? '#f00' : ( t . value >= 70 ? '#ff9900' : '#20a53a' ) ; return ` <span style="display:inline-block;margin:2px 10px 2px 0"> ${ esc ( t . name ) } <b style="color: ${ c } "> ${ t . value } °C</b></span> ` } ; if ( cpu . length ) h += '<div>' + cpu . map ( chip ) . join ( '' ) + '</div>' ; if ( oth . length ) h += '<div class="mut">' + oth . map ( chip ) . join ( '' ) + '</div>' } if ( j . fans && j . fans . length ) { h += '<div>' + j . fans . map ( f => ` <span style="display:inline-block;margin:2px 10px 2px 0">🌀 ${ esc ( f . name ) } <b> ${ f . value } RPM</b></span> ` ) . join ( '' ) + '</div>' } else { h += '<div class="mut">🌀 风扇转速:宿主未暴露(家用 NAS/主板多无此传感器,属正常)</div>' } if ( j . note && ! j . temps . length ) h += ` <div class="mut"> ${ esc ( j . note ) } </div> ` ; el . innerHTML = h } catch ( e ) { el . style . display = '' ; el . innerHTML = '<div class="mut">🌡️ 温度读取失败</div>' } }
async function cpuAdvise ( ) { const el = document . getElementById ( 'cpuadvise' ) ; const now = Date . now ( ) ; if ( now - lastAdvise < 15000 ) { if ( el . innerHTML ) el . style . display = '' ; return ; } lastAdvise = now ; try { const r = await fetch ( '/api/cpu/advise' ) ; const j = await r . json ( ) ; const col = j . level === '轻松' || j . level === '正常' ? '#20a53a' : ( j . level === '偏高' ? '#ff9900' : '#f00' ) ; document . getElementById ( 'cpuadvise' ) . style . display = '' ; document . getElementById ( 'cpuadvise' ) . innerHTML = ` <div class="model">📊 负载诊断:<b style="color: ${ col } "> ${ j . level } </b> <span class="mut">( 1分钟负载 ${ j . load [ 0 ] } ÷ ${ j . logical } 核 = 单核 ${ j . per _core } ) </span></div><div style="margin:4px 0">${ esc ( j . verdict ) } </div><div class="mut">如何更流畅:</div><div> ${ j . tips . map ( t => ` <div>· ${ esc ( t ) } </div> ` ) . join ( '' ) } </div><div style="margin-top:6px"><button class="bigbtn" id="optBtn" onclick="optimizeSys()">🚀 一键优化系统</button> <button id="optStopBtn" onclick="stopOpt()" style="display:none;background:#f00;color:#fff;border:none;border-radius:3px;padding:6px 14px;cursor:pointer">⏹ 停止</button><div class="mut" id="optDesc" style="margin-top:4px">会做两件事:① 把内存里暂存的数据写回硬盘(sync,防断电丢数据);② 回收系统缓存占用的内存(drop caches,只清缓存、不动正在运行的程序)。全程不重启、不杀进程,页面照常刷新。</div><div class="mut" id="optStatus"></div></div> ` } catch ( e ) { } }
async function cpuAdvise ( ) { const el = document . getElementById ( 'cpuadvise' ) ; const now = Date . now ( ) ; if ( now - lastAdvise < 15000 ) { if ( el . innerHTML ) el . style . display = '' ; return ; } lastAdvise = now ; try { const r = await fetch ( '/api/cpu/advise' ) ; const j = await r . json ( ) ; const col = j . level === '轻松' || j . level === '正常' ? '#20a53a' : ( j . level === '偏高' ? '#ff9900' : '#f00' ) ; document . getElementById ( 'cpuadvise' ) . style . display = '' ; document . getElementById ( 'cpuadvise' ) . innerHTML = ` <div class="model">📊 负载诊断:<b style="color: ${ col } "> ${ j . level } </b> <span class="mut">( 1分钟负载 ${ j . load [ 0 ] } ÷ ${ j . logical } 核 = 单核 ${ j . per _core } ) </span></div><div style="margin:4px 0">${ esc ( j . verdict ) } </div><div class="mut">如何更流畅:</div><div> ${ j . tips . map ( t => ` <div>· ${ esc ( t ) } </div> ` ) . join ( '' ) } </div><div style="margin-top:6px"><button class="bigbtn" id="optBtn" onclick="optimizeSys()">🚀 一键优化系统</button> <button id="optStopBtn" onclick="stopOpt()" style="display:none;background:#f00;color:#fff;border:none;border-radius:3px;padding:6px 14px;cursor:pointer">⏹ 停止</button><div class="mut" id="optDesc" style="margin-top:4px">会做两件事:① 把内存里暂存的数据写回硬盘(sync,防断电丢数据);② 回收系统缓存占用的内存(drop caches,只清缓存、不动正在运行的程序)。全程不重启、不杀进程,页面照常刷新。</div><div class="mut" id="optStatus"></div></div> ` ; restoreOptUI ( ) } catch ( e ) { } }
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 : '高性能模式:火力全开,适合转码/编译/虚拟机等重负载,功耗温度最高' } ;
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 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 || '' ) ;
if ( key === 'desc' ) return String ( p . desc || '' ) ;
if ( key === 'desc' ) return String ( p . desc || '' ) ;
@@ -136,7 +152,7 @@ function renderHeader(){
}
}
function sortBy ( key ) {
function sortBy ( key ) {
if ( sortState . key === key ) sortState . dir *= - 1 ; else { sortState . key = key ; sortState . dir = - 1 ; }
if ( sortState . key === key ) sortState . dir *= - 1 ; else { sortState . key = key ; sortState . dir = - 1 ; }
renderHeader ( ) ; renderBody ( ) ;
saveSort ( ) ; renderHeader ( ) ; renderBody ( ) ;
}
}
async function load ( manual ) {
async function load ( manual ) {
document . getElementById ( 'disks' ) . innerHTML = '' ;
document . getElementById ( 'disks' ) . innerHTML = '' ;
@@ -152,9 +168,9 @@ const I=j.info||{},P=j.percpu||[];
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 } %</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≈整机占用) ` ;
cpuAdvise ( ) ; cpuSensor ( ) ;
cpuPerf ( ) ; cpuAdvise ( ) ; cpuSensor ( ) ;
renderHeader ( ) ;
renderHeader ( ) ;
B . innerHTML = j . items . map ( p => ` <tr><td><a class="proc"> ${ esc ( p . name ) } </a></td><td class="num"> ${ p . cpu } </td><td class="num"> ${ p . threads } </td><td class="num"> ${ p . pid } </td><td> ${ esc ( p . desc ) } </td><td> ${ esc ( p . user ) } </td><td class=" ${ p . active ? 'st-run' : 'st-sleep' } "> ${ p . status } </td><td><button class="kill" onclick="kill( ${ p . pid } ,' ${ esc ( p . name ) } ')">结束</button></td></tr> ` ) . join ( '' ) ;
renderBody ( ) ;
} else if ( cur === 'mem' ) {
} else if ( cur === 'mem' ) {
S . innerHTML = ` <div class="stat"><div class="k">内存占用</div><div class="v green"> ${ j . percent } %</div></div><div class="stat"><div class="k">已用 / 总共</div><div class="v num"> ${ fmtB ( j . used ) } / ${ fmtB ( j . total ) } </div></div><div class="stat"><div class="k">可用 / Swap</div><div class="v num"> ${ fmtB ( j . available ) } / ${ fmtB ( j . swap _used ) } / ${ fmtB ( j . swap _total ) } (Swap ${ j . swap _percent || 0 } %)</div></div><div class="stat"><div class="k">操作</div><div class="v"><button class="bigbtn" onclick="dropMem()">🧹 一键回收未使用的内存</button></div></div> ` ;
S . innerHTML = ` <div class="stat"><div class="k">内存占用</div><div class="v green"> ${ j . percent } %</div></div><div class="stat"><div class="k">已用 / 总共</div><div class="v num"> ${ fmtB ( j . used ) } / ${ fmtB ( j . total ) } </div></div><div class="stat"><div class="k">可用 / Swap</div><div class="v num"> ${ fmtB ( j . available ) } / ${ fmtB ( j . swap _used ) } / ${ fmtB ( j . swap _total ) } (Swap ${ j . swap _percent || 0 } %)</div></div><div class="stat"><div class="k">操作</div><div class="v"><button class="bigbtn" onclick="dropMem()">🧹 一键回收未使用的内存</button></div></div> ` ;
const D = j . detail || { } , H2 = j . hw || { } , DM = H2 . dimms || [ ] ;
const D = j . detail || { } , H2 = j . hw || { } , DM = H2 . dimms || [ ] ;
@@ -165,14 +181,14 @@ document.getElementById('meminfo').innerHTML=`<div class="model">物理 ${fmtB(H
+ ` <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> ` ;
document . getElementById ( 'sub' ) . textContent = ` 按内存占用排序,前 ${ j . items . length } 个进程 ` ;
document . getElementById ( 'sub' ) . textContent = ` 按内存占用排序,前 ${ j . items . length } 个进程 ` ;
renderHeader ( ) ;
renderHeader ( ) ;
B . innerHTML = j . items . map ( p => ` <tr><td><a class="proc"> ${ esc ( p . name ) } </a></td><td class="num"> ${ fmtB ( p . rss ) } </td><td class="num"> ${ fmtB ( p . uss ) } </td><td class="num"> ${ fmtB ( p . swap ) } </td><td class="num"> ${ p . pid } </td><td> ${ esc ( p . desc ) } </td><td> ${ esc ( p . user ) } </td><td class=" ${ p . active ? 'st-run' : 'st-sleep' } "> ${ p . status } </td><td><button class="kill" onclick="kill( ${ p . pid } ,' ${ esc ( p . name ) } ')">结束</button></td></tr> ` ) . join ( '' ) ;
renderBody ( ) ;
} else if ( cur === 'disk' ) {
} else if ( cur === 'disk' ) {
let tot = 0 , used = 0 ; j . parts . forEach ( p => { tot += p . total ; used += p . used } ) ;
let tot = 0 , used = 0 ; j . parts . forEach ( p => { tot += p . total ; used += p . used } ) ;
const pct = tot ? Math . round ( used / tot * 100 ) : 0 ;
const pct = tot ? Math . round ( used / tot * 100 ) : 0 ;
S . innerHTML = ` <div class="stat"><div class="k">磁盘占用</div><div class="v green"> ${ pct } %</div></div><div class="stat"><div class="k">已用 / 总共</div><div class="v num"> ${ fmtB ( used ) } / ${ fmtB ( tot ) } </div></div><div class="stat"><div class="k">读 / 写累计</div><div class="v num"> ${ fmtB ( j . io . read || 0 ) } / ${ fmtB ( j . io . write || 0 ) } </div></div> ` ;
S . innerHTML = ` <div class="stat"><div class="k">磁盘占用</div><div class="v green"> ${ pct } %</div></div><div class="stat"><div class="k">已用 / 总共</div><div class="v num"> ${ fmtB ( used ) } / ${ fmtB ( tot ) } </div></div><div class="stat"><div class="k">读 / 写累计</div><div class="v num"> ${ fmtB ( j . io . read || 0 ) } / ${ fmtB ( j . io . write || 0 ) } </div></div> ` ;
document . getElementById ( 'sub' ) . textContent = ` ${ j . parts . length } 个挂载点,下表按 IO 占用排序 ` ;
document . getElementById ( 'sub' ) . textContent = ` ${ j . parts . length } 个挂载点,下表按 IO 占用排序 ` ;
renderHeader ( ) ;
renderHeader ( ) ;
B . innerHTML = j . items . map ( p => ` <tr><td><a class="proc"> ${ esc ( p . name ) } </a></td><td class="num"> ${ fmtB ( p . io _r ) } </td><td class="num"> ${ fmtB ( p . io _w ) } </td><td class="num"> ${ p . pid } </td><td> ${ esc ( p . user ) } </td><td class=" ${ p . active ? 'st-run' : 'st-sleep' } "> ${ p . status } </td><td><button class="kill" onclick="kill( ${ p . pid } ,' ${ esc ( p . name ) } ')">结束</button></td></tr> ` ) . join ( '' ) ;
renderBody ( ) ;
document . getElementById ( 'disks' ) . innerHTML = j . parts . map ( p => ` <div class="diskrow"><div class="t"> ${ esc ( p . mount ) } <span class="mut"> ${ esc ( p . device ) } ${ esc ( p . fstype ) } </span></div><div class="num"> ${ fmtB ( p . used ) } / ${ fmtB ( p . total ) } ( ${ p . percent } %) · 可用 ${ fmtB ( p . free ) } </div><div class="bar"><i style="width: ${ p . percent } %"></i></div></div> ` ) . join ( '' ) ;
document . getElementById ( 'disks' ) . innerHTML = j . parts . map ( p => ` <div class="diskrow"><div class="t"> ${ esc ( p . mount ) } <span class="mut"> ${ esc ( p . device ) } ${ esc ( p . fstype ) } </span></div><div class="num"> ${ fmtB ( p . used ) } / ${ fmtB ( p . total ) } ( ${ p . percent } %) · 可用 ${ fmtB ( p . free ) } </div><div class="bar"><i style="width: ${ p . percent } %"></i></div></div> ` ) . join ( '' ) ;
const W = j . hw || { } , DS = W . disks || [ ] , AR = W . arrays || [ ] , EX = W . extra || { } ;
const W = j . hw || { } , DS = W . disks || [ ] , AR = W . arrays || [ ] , EX = W . extra || { } ;
const drow = ( k , v ) => ` <span style="display:inline-block;min-width:250px;margin-right:12px"> ${ k } <b class="num"> ${ v } </b></span> ` ;
const drow = ( k , v ) => ` <span style="display:inline-block;min-width:250px;margin-right:12px"> ${ k } <b class="num"> ${ v } </b></span> ` ;
@@ -186,7 +202,7 @@ 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> ` ;
document . getElementById ( 'sub' ) . textContent = j . nics . map ( n => ` ${ n . nic } : ↑ ${ fmtR ( n . up ) } ↓ ${ fmtR ( n . down ) } ` ) . join ( ' · ' ) || '无网卡数据' ;
document . getElementById ( 'sub' ) . textContent = j . nics . map ( n => ` ${ n . nic } : ↑ ${ fmtR ( n . up ) } ↓ ${ fmtR ( n . down ) } ` ) . join ( ' · ' ) || '无网卡数据' ;
renderHeader ( ) ;
renderHeader ( ) ;
B . innerHTML = j . items . map ( p => ` <tr><td><a class="proc"> ${ esc ( p . name ) } </a></td><td class="num"> ${ p . conns } </td><td class="num"> ${ p . pid } </td><td> ${ esc ( p . desc ) } </td><td> ${ esc ( p . user ) } </td><td class=" ${ p . active ? 'st-run' : 'st-sleep' } "> ${ p . status } </td><td><button class="kill" onclick="kill( ${ p . pid } ,' ${ esc ( p . name ) } ')">结束</button></td></tr> ` ) . join ( '' ) ;
renderBody ( ) ;
document . getElementById ( 'netextra' ) . innerHTML = ` <h3 style="margin:12px 0 4px">TCP连接</h3><table class="t"><thead><tr><th>进程名</th><th>本地地址</th><th>远程地址</th><th>地址族</th><th>PID</th><th>状态</th></tr></thead><tbody> ${ ( j . tcp || [ ] ) . map ( c => ` <tr><td> ${ esc ( c . name ) } </td><td class="num"> ${ esc ( c . laddr ) } </td><td class="num"> ${ esc ( c . raddr ) } </td><td> ${ esc ( c . family ) } </td><td class="num"> ${ c . pid || '' } </td><td> ${ esc ( c . status ) } </td></tr> ` ) . join ( '' ) } </tbody></table><h3 style="margin:12px 0 4px">侦听端口</h3><table class="t"><thead><tr><th>进程名</th><th>监听地址</th><th>端口</th><th>地址族</th><th>防火墙</th><th>PID</th><th>协议</th></tr></thead><tbody> ${ ( j . listen || [ ] ) . map ( c => ` <tr><td> ${ esc ( c . name ) } </td><td class="num"> ${ esc ( c . laddr ) } </td><td class="num"> ${ c . port } </td><td> ${ esc ( c . family ) } </td><td>不放行</td><td class="num"> ${ c . pid || '' } </td><td> ${ esc ( c . proto ) } </td></tr> ` ) . join ( '' ) } </tbody></table> ` ;
document . getElementById ( 'netextra' ) . innerHTML = ` <h3 style="margin:12px 0 4px">TCP连接</h3><table class="t"><thead><tr><th>进程名</th><th>本地地址</th><th>远程地址</th><th>地址族</th><th>PID</th><th>状态</th></tr></thead><tbody> ${ ( j . tcp || [ ] ) . map ( c => ` <tr><td> ${ esc ( c . name ) } </td><td class="num"> ${ esc ( c . laddr ) } </td><td class="num"> ${ esc ( c . raddr ) } </td><td> ${ esc ( c . family ) } </td><td class="num"> ${ c . pid || '' } </td><td> ${ esc ( c . status ) } </td></tr> ` ) . join ( '' ) } </tbody></table><h3 style="margin:12px 0 4px">侦听端口</h3><table class="t"><thead><tr><th>进程名</th><th>监听地址</th><th>端口</th><th>地址族</th><th>防火墙</th><th>PID</th><th>协议</th></tr></thead><tbody> ${ ( j . listen || [ ] ) . map ( c => ` <tr><td> ${ esc ( c . name ) } </td><td class="num"> ${ esc ( c . laddr ) } </td><td class="num"> ${ c . port } </td><td> ${ esc ( c . family ) } </td><td>不放行</td><td class="num"> ${ c . pid || '' } </td><td> ${ esc ( c . proto ) } </td></tr> ` ) . join ( '' ) } </tbody></table> ` ;
const NW = j . hw || { } , NN = NW . nics || [ ] ;
const NW = j . hw || { } , NN = NW . nics || [ ] ;
const nrow = ( k , v ) => ` <span style="display:inline-block;min-width:260px;margin-right:12px"> ${ k } <b class="num"> ${ v } </b></span> ` ;
const nrow = ( k , v ) => ` <span style="display:inline-block;min-width:260px;margin-right:12px"> ${ k } <b class="num"> ${ v } </b></span> ` ;
@@ -204,6 +220,16 @@ function startTimer(){if(timer)clearInterval(timer);if(!paused)timer=setInterval
function setIval ( v ) { ivalSec = + v ; startTimer ( ) }
function setIval ( v ) { ivalSec = + v ; startTimer ( ) }
function togglePause ( ) { paused = ! paused ; document . getElementById ( 'pauseBtn' ) . textContent = paused ? '▶ 恢复刷新' : '⏸ 停止刷新' ; startTimer ( ) }
function togglePause ( ) { paused = ! paused ; document . getElementById ( 'pauseBtn' ) . textContent = paused ? '▶ 恢复刷新' : '⏸ 停止刷新' ; startTimer ( ) }
startTimer ( ) ;
startTimer ( ) ;
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 v = document . getElementById ( 'licVer' ) ; if ( v ) v . textContent = 'v' + ( j . version || '1.3.13' ) + ( 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 ( 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 toggleAnn ( ) { const el = document . getElementById ( 'annPanel' ) ; if ( el . style . display === 'none' ) { renderAnn ( ) ; el . style . display = '' } else el . style . display = 'none' }
function dismissPop ( id ) { try { const seen = JSON . parse ( localStorage . getItem ( 'fnos_ann_seen' ) || '[]' ) ; seen . push ( id ) ; localStorage . setItem ( 'fnos_ann_seen' , JSON . stringify ( seen ) ) } catch ( e ) { } document . getElementById ( 'annPop' ) . style . display = 'none' }
async function checkVer ( manual ) { try { const r = await fetch ( '/api/license-config' , { cache : 'no-store' } ) ; const j = await r . json ( ) ; LIC = j ; if ( j . update _available ) { alert ( '发现新版本 v' + ( j . latest || '' ) + '\n' + ( j . changelog || '' ) + ( j . download _url ? ( '\n下载:' + j . download _url ) : '' ) ) } else if ( manual ) { alert ( '当前已是最新版本 v' + ( j . version || '' ) ) } } catch ( e ) { if ( manual ) alert ( '版本检查失败,稍后重试' ) } }
licPoll ( ) ; setInterval ( licPoll , 10 * 60 * 1000 ) ;
< / script >
< / script >
< footer style = "position:fixed;bottom:0;left:0;right:0;text-align:center;padding:6px;font-size:12px;color:#999;background:#fff;border-top:1px solid #eee;z-index:999" >
< footer style = "position:fixed;bottom:0;left:0;right:0;text-align:center;padding:6px;font-size:12px;color:#999;background:#fff;border-top:1px solid #eee;z-index:999" >
< a href = "https://nav.88531.cn" target = "_blank" rel = "noopener" > 资享导航站< / a > ·
< a href = "https://nav.88531.cn" target = "_blank" rel = "noopener" > 资享导航站< / a > ·