Commit Graph

51 Commits

Author SHA1 Message Date
qinglong 1ba23cad46 style: 数据再上移10px (-4→-14) 2026-06-14 08:54:54 +08:00
qinglong b30bcc37cb style: 数据上移4px 2026-06-14 08:53:33 +08:00
qinglong ef5927a971 style: 图表absolute定位压底 + 数据z-index浮上 + 去重 2026-06-14 08:52:30 +08:00
qinglong 14902f8a86 style: 横版去掉左下角时间(右下角已有) 2026-06-14 08:49:33 +08:00
qinglong a164dd9a19 style: 行间距 12px + 下边距 6px 2026-06-14 08:48:33 +08:00
qinglong dbda4e9ce8 fix: 行间距6→8px + mtr下边距4px 2026-06-14 08:47:36 +08:00
qinglong f900f5af22 style: 行间距 2px→6px, 去掉分隔线 2026-06-14 08:46:31 +08:00
qinglong 3b26816385 fix: 图表放大 140x36→200x48 + 行高48px 2026-06-14 08:45:02 +08:00
qinglong 0f3ecc6f4a style: 图表背景改半透明 rgba 2026-06-14 08:44:16 +08:00
qinglong eae271a26e fix: 图表宽度180→140 + canvas允许收缩 + 左列200→180 2026-06-14 08:43:52 +08:00
qinglong 5e6ac11543 refactor: 横版2列 — 每行数据+图表同div (高度天然对齐) 2026-06-14 08:42:05 +08:00
qinglong bf832c11c8 fix: 横版恢复 animateValue 数字跳动 2026-06-14 08:37:05 +08:00
qinglong d5469d561a fix: 横版body指向col-mid而非已移除的metrics-body 2026-06-14 08:35:26 +08:00
qinglong 138fafe142 fix: 横版中列行高36px与右侧图表高度对齐 2026-06-14 08:33:58 +08:00
qinglong 57234d5c8f refactor: 横版左设备/中指标/右图表 — 三列配对布局 2026-06-14 08:33:32 +08:00
qinglong 765ce6d819 fix: 网格动画 — oldCpu读取在setAttribute之前(值不同才有动画) 2026-06-14 08:26:04 +08:00
qinglong 6e41d59510 debug: 网格模式强制数值更新 + 备用 textContent 2026-06-14 08:25:34 +08:00
qinglong b31d922fb2 fix: 网格动画恢复 — 检测metric-bar缺失时重建DOM 2026-06-14 08:19:22 +08:00
qinglong d48141e457 fix: 横版中间栏 — metrics-body 初始化 + 数值更新 2026-06-14 08:15:57 +08:00
qinglong b81f8024ae fix: 横版显式3列结构 col-left/col-mid/col-right + 底行时间 2026-06-14 08:10:42 +08:00
qinglong c0b4966086 fix: 横版改为左中右3列 — 220px/1fr/180px + display:contents 2026-06-14 08:08:31 +08:00
qinglong fb8add1336 fix: 横版CSS — grid 2列布局 左信息右图表 2026-06-14 08:05:48 +08:00
qinglong 5ca68c9d13 fix: 横版复用网格DOM结构 — 仅追加row-extra + CSS差异 2026-06-14 07:58:24 +08:00
qinglong 62d49ff45f fix: 布局切换用 cssText 显式设置 (防止 style='' 残留) 2026-06-14 07:57:12 +08:00
qinglong 719e8b5d73 fix: MiniChart 仅新卡片创建一次 (避免重复) 2026-06-14 07:56:41 +08:00
qinglong f8dd44011f fix: MiniChart 创建移到 appendChild 之后 (canvas 需在 DOM 中) 2026-06-14 07:40:55 +08:00
qinglong d1e96331e2 fix: MiniChart canvas ID + 传字符串 (非 DOM 元素) 2026-06-14 07:39:20 +08:00
qinglong 99719398d7 fix: MiniChart 创建加 try-catch, 防止单设备失败中断循环 2026-06-14 07:38:11 +08:00
qinglong 02640f00bc feat: Sentinel 横版折线图 — MiniChart 正确放置 (innerHTML 外部, try-catch 保护) 2026-06-13 22:26:03 +08:00
qinglong 3839af81cf fix: NaN — oldCpu/oldMem 移到 if(isRow) 之前, 两模式共享 2026-06-13 22:23:23 +08:00
qinglong 06d5bf8071 fix: Sentinel 横版 — 完全移除 MiniChart, 纯文本数值展示 2026-06-13 22:19:47 +08:00
qinglong 5628f5d288 fix: 清理残留变量赋值 + 重写 renderNodes (行/网格统一逻辑) 2026-06-13 22:16:59 +08:00
qinglong 9a3e2aeda8 fix: MiniChart 代码从 innerHTML 字符串拼接中移出 (语法错误) 2026-06-13 22:12:50 +08:00
qinglong 765387981e feat: Sentinel 横版折线图 — MiniChart 复用主页 chart.js (SPA 全局可用) 2026-06-13 22:10:02 +08:00
qinglong 31f1a2e177 fix: Sentinel 横版模式 — 简化: 数值展示替代折线图 (去除 MiniChart 依赖)
横版布局现在显示大号CPU/MEM/NET数值,无需加载 chart.js
- 移除 _chartInstances / MiniChart 依赖
- 移除动态 chart.js 加载
- 移除 toggleLayout 中的图表销毁逻辑

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 22:03:57 +08:00
qinglong 02cae47292 fix: Sentinel 横版模式 — 移除无限回退循环, MiniChart 不可用时优雅降级 2026-06-13 21:58:56 +08:00
qinglong 06c432dbae fix: Sentinel JS 缺失 if(n.online) 闭合括号 → 脚本解析失败 2026-06-13 21:54:55 +08:00
qinglong 2c50bdfaff fix: Sentinel 动态加载 chart.js + 空节点容错 + 默认为网格模式 2026-06-13 21:47:26 +08:00
qinglong cf70f71b65 fix: Sentinel 加载 chart.js + MiniChart 未就绪回退网格 2026-06-13 21:45:01 +08:00
qinglong 6a669efe0a feat: Sentinel 横版卡片布局 — 折线图 + 全行展开
- 新增布局切换按钮: 网格/横版
- 横版: 每设备占满一行, 左信息 + 中折线图 + 右数字
- 复用 MiniChart 组件 (CPU/MEM/NET 三图)
- 切换时销毁旧图重建, 避免内存泄漏

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 21:43:53 +08:00
qinglong 68717daefb feat: Sentinel 支持自定义 API 路径前缀 (base_path)
- 节点编辑对话框新增「API 路径前缀」字段 (默认 /SenSu)
- 后端保存/读取 base_path
- API 响应包含 base_path 供前端回显

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 21:19:25 +08:00
qinglong 3724021d81 style: Sentinel MEM 详情右对齐到标签旁 (12.8/14.8 GB) 2026-06-13 20:50:13 +08:00
qinglong 899bef7781 feat: 设备卡片显示系统名+版本 + 项目根 version.json
- SystemInfoCollector.platform 新增 release 字段 (内核版本)
- Sentinel 卡片每台设备显示: Linux 6.12.23 | aarch64
- 数据刷新时同步更新系统信息行
- 项目根 version.json: 本地版本清单

当前版本检测:
  UpdateService 每6h从 {repo}/raw/branch/{branch}/version.json 拉取
  对比 base_config.yaml 的 framework.version
  远程 > 本地 → 顶栏绿色按钮 + 设置页更新提示

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 20:47:22 +08:00
qinglong 3ca001b938 fix: 进度条平滑过渡 — force reflow 技巧确保 CSS transition 生效
- 临时关 transition → 设旧值 → offsetWidth reflow → 开 transition → 设新值
- DOM 复用: 首次 innerHTML 创建, 后续只改属性
- 进度条从旧值滑到新值, 不再闪现

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 18:19:07 +08:00
qinglong 417213096f fix: Sentinel 清除占位卡片 + 动画延长至 1s 2026-06-13 18:17:26 +08:00
qinglong f3a6e5fbcd feat: Sentinel 数字跳动动画 + 进度条平滑过渡
- 数字 count-up/down: requestAnimationFrame + ease-out cubic, 350ms
- 中间值过渡: 15%→22% 会显示 15.2,16.1,17.5...22.0
- 进度条: CSS transition 自动处理宽度变化
- 卡片 DOM 复用: 更新值而非重建 innerHTML

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 18:12:37 +08:00
qinglong 51c1ee84f0 feat: Sentinel 卡片数据刷新动画
- 卡片更新时背景闪烁 (card-flash keyframe)
- 进度条平滑过渡 (cubic-bezier .6s)
- 数值涨跌颜色: 绿涨↑ 红跌↓ 不变灰色
- 渐变进度条背景
- 存储前值用于趋势对比

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 18:06:06 +08:00
qinglong c416b04798 fix: Sentinel 改用前端轮询替代 SSE (解决 EventSource 认证问题)
SSE 跨 panel_auth 认证层不可靠 → 改用 setInterval 每 2s fetch /sentinel/api/nodes

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 18:00:34 +08:00
qinglong a21e092207 fix: Sentinel SSE URL — /SenSu/plugin/... → /plugin/... (匹配实际路由) 2026-06-13 17:56:57 +08:00
qinglong a2361cf452 fix: Sentinel WebUI — 合并为单页面(仪表盘+节点管理Tab)
插件 Web 页面 key 必须匹配 plugin_name (/plugin/sentinel)
改为单页面 Tab 切换: 仪表盘 + 节点管理

Co-Authored-By: Claude <noreply@anthropic.com>
2026-06-13 15:17:17 +08:00