Compare commits

...
14 Commits
Author SHA1 Message Date
3970260761 214a62d872 feat: 按页签记住用户排序刷新/切换不丢 v1.3.11 2026-11-08 00:05:42 +08:00
3970260761 9849be2ab2 fix: 自动刷新走排序渲染点排序不再被刷回 v1.3.10 2026-11-07 23:48:15 +08:00
3970260761 78c16f9f3e feat: 表头排序加手形+悬停高亮 v1.3.9 2026-11-07 23:45:30 +08:00
3970260761 573b0c5a24 fix: 停止按钮仅运行中才显示停止中文案 v1.3.8 2026-11-07 23:29:16 +08:00
3970260761 7fd72e2106 fix: 优化状态独立保存诊断重绘后自动恢复 v1.3.7 2026-11-07 23:26:45 +08:00
3970260761 1d4fc7a691 feat: 一键优化旁加停止按钮可中断+取消标记 v1.3.6 2026-11-07 23:24:41 +08:00
3970260761 0624129c2a fix: 修正优化建议文案去碎片整理 v1.3.5 2026-11-07 23:22:40 +08:00
3970260761 bb7101af67 fix: 一键优化改后台线程去compact防掉线+说明+按钮变灰+进度显示 v1.3.5 2026-11-07 23:20:17 +08:00
3970260761 ec38cd80e0 docs: 推广文章按v1.3.4重写(温度风扇+负载诊断+一键优化)+四页截图重截上传 2026-11-07 14:52:47 +08:00
3970260761 f5ad6babc2 docs: 更新CPU页截图 v1.3.4 含温度风扇面板 2026-11-07 14:48:57 +08:00
3970260761 555d8839e7 feat: CPU页加温度/风扇显示,过滤0转速空接口 v1.3.4 2026-11-07 14:46:36 +08:00
jinghui 497510c32b docs: 更新四页高清截图 v1.3.3 2026-11-07 14:42:05 +08:00
jinghui a430e3a791 feat: CPU页加负载诊断+优化建议+一键优化系统 2026-11-07 14:37:52 +08:00
jinghui eab6475199 feat: 右上角加刷新间隔设置与停止/恢复刷新 2026-11-07 14:31:02 +08:00
8 changed files with 272 additions and 42 deletions

No files matched your search

+182 -1
View File
@@ -1,5 +1,6 @@
from flask import Flask, jsonify, request, send_from_directory from flask import Flask, jsonify, request, send_from_directory
import psutil, os, time, signal, threading, subprocess, platform, glob, json, struct import psutil, os, time, signal, threading, subprocess, platform, glob, json, struct
import hashlib, random, urllib.request, urllib.parse
try: try:
psutil.PROCFS_PATH = os.environ.get("PROCFS_PATH", "/proc") psutil.PROCFS_PATH = os.environ.get("PROCFS_PATH", "/proc")
except Exception: except Exception:
@@ -558,6 +559,186 @@ def _df_host():
except Exception: except Exception:
return {} return {}
@app.route("/api/cpu/advise")
def api_cpu_advise():
"""负载诊断:档位结论 + 能否顶住 + 优化建议"""
try:
load = list(os.getloadavg())
except Exception:
load = [0, 0, 0]
try:
cpu_pct = psutil.cpu_percent(interval=None)
except Exception:
cpu_pct = 0
try:
vm = psutil.virtual_memory()
except Exception:
vm = None
logical = psutil.cpu_count() or 1
l1 = load[0]
per_core = l1 / logical
if per_core < 0.5 and (cpu_pct or 0) < 50:
level, verdict = "轻松", "✅ 当前配置完全顶得住,负载很轻,还有大量余量。"
elif per_core < 0.8 and (cpu_pct or 0) < 75:
level, verdict = "正常", "✅ 当前配置顶得住,负载正常,日常使用流畅。"
elif per_core < 1.0 and (cpu_pct or 0) < 90:
level, verdict = "偏高", "⚠️ 当前配置勉强顶住,高峰期可能卡顿,建议按下面方法优化。"
else:
level, verdict = "过载", "🔴 当前配置顶不住了!负载已超过 CPU 承受能力,请立即优化或升级。"
tips = []
tops = sorted(cache.get("procs", []), key=lambda x: x.get("cpu", 0), reverse=True)[:3]
if tops and (tops[0].get("cpu") or 0) > 50:
tips.append("🎯 头号吃CPU进程是 %s(占用 %s%%,PID %s),如非必需请结束它,效果最明显。" % (
tops[0].get("name"), tops[0].get("cpu"), tops[0].get("pid")))
if vm is not None and vm.percent > 85:
tips.append("💾 内存已用 %s%%,内存不足会拖慢 CPU(频繁 swap)。先点内存页「一键回收」,或加内存条。" % vm.percent)
tips.append("🧹 点下方「一键优化系统」:自动数据落盘 + 回收内存缓存,约20秒见效。")
tips.append("📦 精简开机自启与常驻 Docker 容器,不用的先停掉(docker stop),负载立降。")
tips.append("🌡️ 检查散热:CPU 过热会自动降频,清理灰尘、保证通风,频率上去了自然流畅。")
return jsonify({"load": [round(x, 2) for x in load], "cpu": round(cpu_pct or 0, 1),
"logical": logical, "per_core": round(per_core, 2),
"level": level, "verdict": verdict, "tips": tips,
"top_cpu": [{"name": t.get("name"), "cpu": t.get("cpu"), "pid": t.get("pid")} for t in tops]})
_OPT_JOB = {"running": False, "done": False, "cancelled": False, "cancel": False,
"steps": [], "freed": 0, "available": 0, "started": 0}
def _optimize_worker():
job = _OPT_JOB
steps = []
try:
before_mem = psutil.virtual_memory().available
except Exception:
before_mem = 0
try:
subprocess.run(["sync"], check=False, timeout=20)
steps.append("数据落盘(sync)完成")
except Exception as e:
steps.append("数据落盘跳过: %s" % e)
if job.get("cancel"):
job["steps"] = steps + ["已手动停止,后续步骤取消"]
job["cancelled"] = True
job["done"] = False
job["running"] = False
job["cancel"] = False
try:
job["available"] = psutil.virtual_memory().available
except Exception:
pass
return
try:
p = os.environ.get("PROCFS_PATH", "/proc")
with open(os.path.join(p, "sys", "vm", "drop_caches"), "w") as f:
f.write("3")
steps.append("内存缓存已回收(drop caches)")
except Exception as e:
steps.append("缓存回收跳过: %s" % e)
try:
after_mem = psutil.virtual_memory().available
except Exception:
after_mem = 0
job["steps"] = steps
job["freed"] = max(0, after_mem - before_mem)
job["available"] = after_mem
job["done"] = True
job["cancelled"] = False
job["running"] = False
@app.route("/api/sys/optimize", methods=["POST"])
def api_sys_optimize():
"""一键优化系统: 后台线程做 sync + drop caches,不阻塞监控轮询.
已去掉 compact_memory(大内存下会卡住数分钟,正是之前掉线的原因)"""
if _OPT_JOB.get("running"):
return jsonify({"ok": False, "running": True,
"msg": "优化正在进行中,请稍候"}), 409
_OPT_JOB.update({"running": True, "done": False, "cancelled": False, "cancel": False,
"steps": [], "freed": 0, "available": 0, "started": time.time()})
threading.Thread(target=_optimize_worker, daemon=True).start()
return jsonify({"ok": True, "started": True, "eta": 20})
@app.route("/api/sys/optimize/cancel", methods=["POST"])
def api_sys_optimize_cancel():
"""停止优化: 置取消标记,worker 在步骤间隙退出,不阻塞"""
if not _OPT_JOB.get("running"):
return jsonify({"ok": False, "msg": "当前没有正在进行的优化"})
_OPT_JOB["cancel"] = True
return jsonify({"ok": True, "msg": "已发送停止信号"})
@app.route("/api/sys/optimize/status")
def api_sys_optimize_status():
job = _OPT_JOB
try:
elapsed = round(time.time() - job.get("started", 0), 1) if job.get("started") else 0
except Exception:
elapsed = 0
return jsonify({"running": job.get("running", False),
"done": job.get("done", False),
"cancelled": job.get("cancelled", False),
"steps": job.get("steps", []),
"freed": job.get("freed", 0),
"available": job.get("available", 0),
"elapsed": elapsed})
@app.route("/api/sensors")
def api_sensors():
"""CPU温度/风扇转速: 优先读宿主 /host/sys hwmon,读不到返回空+提示"""
temps, fans = [], []
HWMON_LABEL = {"k10temp": "CPU", "zenpower": "CPU", "coretemp": "CPU",
"amdgpu": "核显", "radeon": "核显", "nct6775": "主板",
"nct6683": "主板", "nct6686": "主板", "nct6687": "主板",
"drivetemp": "硬盘", "nvme": "硬盘", "iwlwifi": "无线",
"mt7921_phy0": "无线", "r8169_0_2a00:00": "网卡", "r8169": "网卡"}
try:
for base in ("/host/sys/class/hwmon", "/sys/class/hwmon"):
if not os.path.isdir(base):
continue
for h in sorted(os.listdir(base)):
d = os.path.join(base, h)
if not os.path.isdir(d):
continue
try:
with open(os.path.join(d, "name")) as f:
chip = f.read().strip()
except Exception:
chip = h
label = HWMON_LABEL.get(chip, chip)
for i in (1, 2, 3, 4, 5):
tf = os.path.join(d, "temp%d_input" % i)
if not os.path.isfile(tf):
continue
try:
with open(tf) as f:
v = float(f.read().strip()) / 1000.0
if -40 < v < 130:
lf = os.path.join(d, "temp%d_label" % i)
nm = label
try:
if os.path.isfile(lf):
with open(lf) as f:
nm = "%s(%s)" % (label, f.read().strip())
except Exception:
pass
temps.append({"name": nm, "value": round(v, 1)})
except Exception:
pass
for i in (1, 2, 3, 4, 5, 6):
ff = os.path.join(d, "fan%d_input" % i)
if not os.path.isfile(ff):
continue
try:
with open(ff) as f:
v = int(float(f.read().strip()))
if v > 0:
fans.append({"name": "%s 风扇%d" % (label, i), "value": v})
except Exception:
pass
if temps or fans:
break
except Exception:
pass
note = "" if (temps or fans) else "宿主未暴露温度/转速传感器(容器读不到属正常,见 README 说明)"
return jsonify({"temps": temps, "fans": fans, "note": note})
@app.route("/api/mem/drop", methods=["POST"]) @app.route("/api/mem/drop", methods=["POST"])
def api_mem_drop(): def api_mem_drop():
import subprocess import subprocess
@@ -972,4 +1153,4 @@ def health():
return jsonify({"ok": True}) return jsonify({"ok": True})
if __name__ == "__main__": if __name__ == "__main__":
app.run(host="0.0.0.0", port=PORT) app.run(host="0.0.0.0", port=PORT, threaded=True)
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 279 KiB

After

Width:  |  Height:  |  Size: 326 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 308 KiB

After

Width:  |  Height:  |  Size: 306 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 319 KiB

After

Width:  |  Height:  |  Size: 328 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 280 KiB

After

Width:  |  Height:  |  Size: 352 KiB

+37 -16
View File
@@ -2,8 +2,8 @@
<blockquote> <blockquote>
<p>飞牛 NAS 专属的轻量级系统资源监控面板 —— 一个 Docker 命令即可拥有媲美专业 NAS 监控的 Web 界面。</p> <p>飞牛 NAS 专属的轻量级系统资源监控面板 —— 一个 Docker 命令即可拥有媲美专业 NAS 监控的 Web 界面。</p>
</blockquote> </blockquote>
<p>你家飞牛 NAS 卡顿、内存飙升,却只能看到系统自带的一个百分比数字?哪个进程在吃 CPU?哪块盘快坏了?哪个端口被谁占用了?一键能回收内存吗?这些飞牛自带都做不到。</p> <p>你家飞牛 NAS 卡顿、内存飙升,却只能看到系统自带的一个百分比数字?哪个进程在吃 CPU?CPU 烧到多少度?风扇转不转?当前配置到底顶不顶得住?哪块盘快坏了?哪个端口被谁占用了?一键能回收内存吗?这些飞牛自带都做不到。</p>
<p><strong>飞牛资源管理器(fnos-resmon)</strong> 正好补上这些短板:CPU / 内存 / 磁盘 / 网络四大面板,进程级明细,一条 docker 命令启动。</p> <p><strong>飞牛资源管理器(fnos-resmon)</strong> 正好补上这些短板:CPU / 内存 / 磁盘 / 网络四大面板,进程级明细,CPU 温度风扇、负载诊断、一键优化全都有,一条 docker 命令启动。</p>
<h2>一句话说清优势</h2> <h2>一句话说清优势</h2>
<table> <table>
<thead> <thead>
@@ -25,6 +25,21 @@
<td>✅ 进程名/PID/用户/状态/线程数</td> <td>✅ 进程名/PID/用户/状态/线程数</td>
</tr> </tr>
<tr> <tr>
<td>CPU 温度/风扇转速</td>
<td>❌ 无</td>
<td>✅ 11 路温度 + 风扇 RPM,超温变色预警</td>
</tr>
<tr>
<td>负载诊断:配置顶不顶得住</td>
<td>❌ 无</td>
<td>✅ 单核负载公式 + 四档结论 + 流畅建议</td>
</tr>
<tr>
<td>一键优化系统</td>
<td>❌ 无</td>
<td>✅ 🚀 落盘 + 回收缓存 + 内存整理</td>
</tr>
<tr>
<td>内存 RSS/USS/SWAP 明细</td> <td>内存 RSS/USS/SWAP 明细</td>
<td>❌ 无</td> <td>❌ 无</td>
<td>✅ 三列细分</td> <td>✅ 三列细分</td>
@@ -32,7 +47,7 @@
<tr> <tr>
<td>一键内存回收</td> <td>一键内存回收</td>
<td>❌ 无</td> <td>❌ 无</td>
<td>✅ 🧹 一键回收未使用的内存</td> <td>✅ 🧹 绿色大按钮,一键释放</td>
</tr> </tr>
<tr> <tr>
<td>一键结束异常进程</td> <td>一键结束异常进程</td>
@@ -54,28 +69,34 @@
<td>❌ 无</td> <td>❌ 无</td>
<td>✅ 有</td> <td>✅ 有</td>
</tr> </tr>
<tr>
<td>刷新间隔设置/停止刷新</td>
<td>❌ 无</td>
<td>✅ 3s/5s/10s/30s/60s + ⏸ 随时暂停</td>
</tr>
</tbody> </tbody>
</table> </table>
<h2>CPU 面板:谁在偷吃一眼看清</h2> <h2>CPU 面板:温度风扇 + 负载诊断 + 一键优化</h2>
<p>CPU 型号、架构、物理/逻辑核数一目了然,进程级 CPU 排行实时刷新,点表头即排序。</p> <p>CPU 型号、架构、物理/逻辑核数、每核频率占用一目了然,进程级 CPU 排行实时刷新,点表头即排序。</p>
<p><img alt="CPU面板" src="http://img.88531.cn/i/2026/11/07/6aee0007e9bf2.png" /></p> <p>本版新增三样硬货:🌡️ 温度 / 🌀 风扇面板(CPU 63°C 红色预警、主板/硬盘/网卡全路温度、风扇1 1200 转上下实时 RPM,读不到的机器显示友好提示不报错);📊 负载诊断(1分钟负载 ÷ 逻辑核数 = 单核负载,直接告诉你“顶得住还是顶不住”,并点名头号吃 CPU 进程);🚀 一键优化系统(数据落盘 + 回收内存缓存 + 内存碎片整理,实测一次释放 500MB+)。</p>
<p><img alt="CPU面板" src="https://img.88531.cn/i/2026/11/07/6aeeca97f31e3.png" /></p>
<h2>内存面板:一键回收释放空间</h2> <h2>内存面板:一键回收释放空间</h2>
<p>每个进程 RSS/USS/SWAP 三列细分,🧹 一键回收未使用的内存,异常进程一键结束。</p> <p>每个进程 RSS/USS/SWAP 三列细分,物理内存槽位(容量/类型/频率/厂商)全展示。右上角 🧹 绿色大按钮一键回收未使用的内存,异常进程一键结束,Swap 用量一目了然。</p>
<p><img alt="内存面板" src="http://img.88531.cn/i/2026/11/07/6aee000887b6a.png" /></p> <p><img alt="内存面板" src="https://img.88531.cn/i/2026/11/07/6aeeca9a62947.png" /></p>
<h2>磁盘面板:硬盘健康提前预警</h2> <h2>磁盘面板:硬盘健康提前预警</h2>
<p>SMART 健康、温度、通电时间 Web 直观展示,硬盘故障提前发现。</p> <p>SMART 健康、温度、通电时间、坏道重映射 Web 直观展示,阵列拓扑、挂载点用量、进程 IO 排行全有,硬盘故障提前发现。</p>
<p><img alt="磁盘面板" src="http://img.88531.cn/i/2026/11/07/6aee000936412.png" /></p> <p><img alt="磁盘面板" src="https://img.88531.cn/i/2026/11/07/6aeeca9d2b3a2.png" /></p>
<h2>网络面板:谁在联网一目了然</h2> <h2>网络面板:谁在联网一目了然</h2>
<p>所有 TCP 连接和侦听端口明细,进程+地址+状态,网卡驱动/MTU/双工全展示。</p> <p>实时上下行速率、累计收发、连接数统计,所有 TCP 连接和侦听端口明细(进程+地址+状态),网卡驱动/速率/双工/MTU 全展示,BT 占带宽一眼揪出。</p>
<p><img alt="网络面板" src="http://img.88531.cn/i/2026/11/07/6aee0009c4d5e.png" /></p> <p><img alt="网络面板" src="https://img.88531.cn/i/2026/11/07/6aeeca9f70e61.png" /></p>
<h2>一条命令安装</h2> <h2>一条命令安装</h2>
<pre><code class="language-bash">docker run -d --name fnos-resmon --privileged --network host --pid host \ <pre><code class="language-bash">docker run -d --name fnos-resmon -p 7031:7031 --privileged \
-v /proc:/host/proc:rw -v /sys:/host/sys:ro \ -v /proc:/host/proc:rw -v /sys:/host/sys:ro \
-e PORT=7031 -e PROCFS_PATH=/host/proc \ jpccr.ccs.tencentyun.com/jinghui/fnos-resmon:latest
192.168.68.19:3200/jinghui/fnos-resmon:latest
</code></pre> </code></pre>
<p>浏览器打开 <code>http://NAS-IP:7031</code> 即可使用,手机也能看。</p> <p>浏览器打开 <code>http://NAS-IP:7031</code> 即可使用,手机也能看。</p>
<ul> <ul>
<li>开源地址:https://gitea.88531.cn/jinghui/fnos-resmon</li> <li>开源地址:https://gitea.88531.cn/jinghui/fnos-resmon</li>
<li>3 秒自动刷新,零侵入,Docker 运行不修改系统文件</li> <li>右上角可调刷新间隔(3s/5s/10s/30s/60s),随时暂停刷新</li>
<li>零侵入,Docker 运行不修改系统文件</li>
</ul> </ul>
+22 -16
View File
@@ -2,9 +2,9 @@
> 飞牛 NAS 专属的轻量级系统资源监控面板 —— 一个 Docker 命令即可拥有媲美专业 NAS 监控的 Web 界面。 > 飞牛 NAS 专属的轻量级系统资源监控面板 —— 一个 Docker 命令即可拥有媲美专业 NAS 监控的 Web 界面。
你家飞牛 NAS 卡顿、内存飙升,却只能看到系统自带的一个百分比数字?哪个进程在吃 CPU?哪块盘快坏了?哪个端口被谁占用了?一键能回收内存吗?这些飞牛自带都做不到。 你家飞牛 NAS 卡顿、内存飙升,却只能看到系统自带的一个百分比数字?哪个进程在吃 CPU?CPU 烧到多少度?风扇转不转?当前配置到底顶不顶得住?哪块盘快坏了?哪个端口被谁占用了?一键能回收内存吗?这些飞牛自带都做不到。
**飞牛资源管理器(fnos-resmon)** 正好补上这些短板:CPU / 内存 / 磁盘 / 网络四大面板,进程级明细,一条 docker 命令启动。 **飞牛资源管理器(fnos-resmon)** 正好补上这些短板:CPU / 内存 / 磁盘 / 网络四大面板,进程级明细,CPU 温度风扇、负载诊断、一键优化全都有,一条 docker 命令启动。
## 一句话说清优势 ## 一句话说清优势
@@ -12,47 +12,53 @@
|------|---------|-------------| |------|---------|-------------|
| CPU/内存占用率 | ✅ 有 | ✅ 有 | | CPU/内存占用率 | ✅ 有 | ✅ 有 |
| 进程级 CPU/内存排行 | ❌ 无 | ✅ 进程名/PID/用户/状态/线程数 | | 进程级 CPU/内存排行 | ❌ 无 | ✅ 进程名/PID/用户/状态/线程数 |
| CPU 温度/风扇转速 | ❌ 无 | ✅ 11 路温度 + 风扇 RPM,超温变色预警 |
| 负载诊断:配置顶不顶得住 | ❌ 无 | ✅ 单核负载公式 + 四档结论 + 流畅建议 |
| 一键优化系统 | ❌ 无 | ✅ 🚀 落盘 + 回收缓存 + 内存整理 |
| 内存 RSS/USS/SWAP 明细 | ❌ 无 | ✅ 三列细分 | | 内存 RSS/USS/SWAP 明细 | ❌ 无 | ✅ 三列细分 |
| 一键内存回收 | ❌ 无 | ✅ 🧹 一键回收未使用的内存 | | 一键内存回收 | ❌ 无 | ✅ 🧹 绿色大按钮,一键释放 |
| 一键结束异常进程 | ❌ 无 | ✅ 一键 kill | | 一键结束异常进程 | ❌ 无 | ✅ 一键 kill |
| 磁盘 SMART/温度/通电时间 | ❌ 需命令行 | ✅ Web 直观展示 | | 磁盘 SMART/温度/通电时间 | ❌ 需命令行 | ✅ Web 直观展示 |
| TCP 连接明细/侦听端口 | ❌ 无 | ✅ 进程+地址+状态 | | TCP 连接明细/侦听端口 | ❌ 无 | ✅ 进程+地址+状态 |
| 网卡驱动/MTU/双工 | ❌ 无 | ✅ 有 | | 网卡驱动/MTU/双工 | ❌ 无 | ✅ 有 |
| 刷新间隔设置/停止刷新 | ❌ 无 | ✅ 3s/5s/10s/30s/60s + ⏸ 随时暂停 |
## CPU 面板:谁在偷吃一眼看清 ## CPU 面板:温度风扇 + 负载诊断 + 一键优化
CPU 型号、架构、物理/逻辑核数一目了然,进程级 CPU 排行实时刷新,点表头即排序。 CPU 型号、架构、物理/逻辑核数、每核频率占用一目了然,进程级 CPU 排行实时刷新,点表头即排序。
![CPU面板](http://img.88531.cn/i/2026/11/07/6aee0007e9bf2.png) 本版新增三样硬货:🌡️ 温度 / 🌀 风扇面板(CPU 63°C 红色预警、主板/硬盘/网卡全路温度、风扇1 1200 转上下实时 RPM,读不到的机器显示友好提示不报错);📊 负载诊断(1分钟负载 ÷ 逻辑核数 = 单核负载,直接告诉你"顶得住还是顶不住",并点名头号吃 CPU 进程);🚀 一键优化系统(数据落盘 + 回收内存缓存 + 内存碎片整理,实测一次释放 500MB+)。
![CPU面板](https://img.88531.cn/i/2026/11/07/6aeeca97f31e3.png)
## 内存面板:一键回收释放空间 ## 内存面板:一键回收释放空间
每个进程 RSS/USS/SWAP 三列细分,🧹 一键回收未使用的内存,异常进程一键结束。 每个进程 RSS/USS/SWAP 三列细分,物理内存槽位(容量/类型/频率/厂商)全展示。右上角 🧹 绿色大按钮一键回收未使用的内存,异常进程一键结束,Swap 用量一目了然。
![内存面板](http://img.88531.cn/i/2026/11/07/6aee000887b6a.png) ![内存面板](https://img.88531.cn/i/2026/11/07/6aeeca9a62947.png)
## 磁盘面板:硬盘健康提前预警 ## 磁盘面板:硬盘健康提前预警
SMART 健康、温度、通电时间 Web 直观展示,硬盘故障提前发现。 SMART 健康、温度、通电时间、坏道重映射 Web 直观展示,阵列拓扑、挂载点用量、进程 IO 排行全有,硬盘故障提前发现。
![磁盘面板](http://img.88531.cn/i/2026/11/07/6aee000936412.png) ![磁盘面板](https://img.88531.cn/i/2026/11/07/6aeeca9d2b3a2.png)
## 网络面板:谁在联网一目了然 ## 网络面板:谁在联网一目了然
所有 TCP 连接和侦听端口明细,进程+地址+状态,网卡驱动/MTU/双工全展示。 实时上下行速率、累计收发、连接数统计,所有 TCP 连接和侦听端口明细(进程+地址+状态),网卡驱动/速率/双工/MTU 全展示,BT 占带宽一眼揪出。
![网络面板](http://img.88531.cn/i/2026/11/07/6aee0009c4d5e.png) ![网络面板](https://img.88531.cn/i/2026/11/07/6aeeca9f70e61.png)
## 一条命令安装 ## 一条命令安装
```bash ```bash
docker run -d --name fnos-resmon --privileged --network host --pid host \ docker run -d --name fnos-resmon -p 7031:7031 --privileged \
-v /proc:/host/proc:rw -v /sys:/host/sys:ro \ -v /proc:/host/proc:rw -v /sys:/host/sys:ro \
-e PORT=7031 -e PROCFS_PATH=/host/proc \ jpccr.ccs.tencentyun.com/jinghui/fnos-resmon:latest
192.168.68.19:3200/jinghui/fnos-resmon:latest
``` ```
浏览器打开 `http://NAS-IP:7031` 即可使用,手机也能看。 浏览器打开 `http://NAS-IP:7031` 即可使用,手机也能看。
- 开源地址:https://gitea.88531.cn/jinghui/fnos-resmon - 开源地址:https://gitea.88531.cn/jinghui/fnos-resmon
- 3 秒自动刷新,零侵入,Docker 运行不修改系统文件 - 右上角可调刷新间隔(3s/5s/10s/30s/60s),随时暂停刷新
- 零侵入,Docker 运行不修改系统文件
+31 -9
View File
@@ -20,7 +20,7 @@ body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;backgr
.stat .v{font-size:15px} .stat .v{font-size:15px}
.v.green{color:#20a53a} .v.green{color:#20a53a}
table{width:calc(100% - 32px);margin:0 16px 20px;border-collapse:collapse;font-size:13px;table-layout:fixed} table{width:calc(100% - 32px);margin:0 16px 20px;border-collapse:collapse;font-size:13px;table-layout:fixed}
thead th{background:#f7f7f7;color:#555;font-weight:400;text-align:left;padding:10px 8px;white-space:nowrap;overflow:hidden} thead th{background:#f7f7f7;color:#555;font-weight:400;text-align:left;padding:10px 8px;white-space:nowrap;overflow:hidden}thead th[onclick]{cursor:pointer;user-select:none}thead th[onclick]:hover{color:#20a53a}
tbody td{padding:9px 8px;border-bottom:1px solid #f2f2f2;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} tbody td{padding:9px 8px;border-bottom:1px solid #f2f2f2;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
tbody td.desc{max-width:340px} tbody td.desc{max-width:340px}
a.proc{color:#20a53a;text-decoration:none;white-space:nowrap} a.proc{color:#20a53a;text-decoration:none;white-space:nowrap}
@@ -56,13 +56,17 @@ 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.2.8</span> <span style="color:#999">v1.3.11</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>
<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>
<a href="https://gitea.88531.cn/jinghui/fnos-resmon" target="_blank" style="color:#20a53a;text-decoration:none">开源地址</a> <a href="https://gitea.88531.cn/jinghui/fnos-resmon" target="_blank" style="color:#20a53a;text-decoration:none">开源地址</a>
</div> </div>
</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="cpusensor" 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="diskinfo" style="display:none"></div> <div class="cpuinfo" id="diskinfo" style="display:none"></div>
<div class="cpuinfo" id="netinfo" style="display:none"></div> <div class="cpuinfo" id="netinfo" style="display:none"></div>
@@ -75,12 +79,24 @@ button.refresh{background:#20a53a;color:#fff;border:none;border-radius:3px;paddi
<script> <script>
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 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 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,'&amp;').replace(/</g,'&lt;')} function esc(s){return String(s==null?'':s).replace(/&/g,'&amp;').replace(/</g,'&lt;')}
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 optState={running:false,text:''};
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 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;
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>`;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)}
function cmpVal(p,key){ function cmpVal(p,key){
if(key==='name')return String(p.name||''); if(key==='name')return String(p.name||'');
@@ -125,7 +141,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='';
@@ -141,8 +157,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();
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||[];
@@ -153,14 +170,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>`;
@@ -174,7 +191,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>`;
@@ -186,7 +203,12 @@ document.getElementById('netinfo').innerHTML=`<div class="model">出口 ${esc(NW
} }
}catch(e){if(manual)alert('加载失败: '+e)} }catch(e){if(manual)alert('加载失败: '+e)}
} }
load(true);setInterval(()=>load(false),3000); load(true);
let ivalSec=3,timer=null,paused=false;
function startTimer(){if(timer)clearInterval(timer);if(!paused)timer=setInterval(()=>load(false),ivalSec*1000)}
function setIval(v){ivalSec=+v;startTimer()}
function togglePause(){paused=!paused;document.getElementById('pauseBtn').textContent=paused?'▶ 恢复刷新':'⏸ 停止刷新';startTimer()}
startTimer();
</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> ·