Files
BackupX/docs/superpowers/specs/2026-04-20-batch-charts-capacity-ui-design.md
T
Wu Qing f7596bd319 功能: v2.0.0 企业级备份管理平台 — 11 项核心能力 (#45)
* 功能: v2.0.0 企业级备份管理平台 — 11 项核心能力

围绕"可靠、可验证、可度量、可冗余、可治理、可规模化、可运维、可部署、可感知"的
九大企业级支柱,新增 70+ 文件、14k+ 行代码,全链路测试与类型检查通过。

## 集群能力

- 节点选择器:任务表单支持绑定远程节点,集群场景不再被迫 NodeID=0
- 集群感知恢复:RestoreRecord 独立表 + 节点路由(本机/远程 Agent)+ SSE 日志
- 集群可靠性:命令超时联动备份/恢复记录、离线节点拒绝执行、调度器跳过离线节点、
  数据库发现路由到 Agent、跨节点 local_disk 保护
- 节点级资源配额:Node.MaxConcurrent / BandwidthLimit + per-node semaphore
- Agent 版本感知:ClusterVersionMonitor 定期扫描 + agent_outdated 事件
- Dashboard 集群概览 + 节点性能统计(成功率/字节/平均耗时)

## 企业功能

- 备份验证演练:定时自动校验备份可恢复性(tar/sqlite/mysql/postgres/saphana 5 类格式)
- SLA 监控:RPO 违约后台扫描 + sla_violation 事件 + Dashboard 合规视图
- 3-2-1 备份复制:自动/手动副本镜像 + 跨节点保护
- 存储目标健康监控 + 容量预警(85%)+ 硬配额(超配额拒绝)
- RBAC 三级角色(admin/operator/viewer)+ 前后端权限控制
- API Key 管理(bax_ 前缀 SHA-256 哈希存储 + 过期/启停)
- 事件总线:10+ 事件类型(backup/restore/verify/sla/storage/replication/agent)
- 审计日志高级筛选 + CSV 导出

## 规模化运维

- 任务模板(批量创建 + 变量覆盖)
- 任务批量操作(批量执行/启停/删除)
- 任务依赖链 + DAG 可视化(上游成功触发下游)
- 维护窗口(时段禁止调度)
- 任务标签 + 筛选 + 存储类型/节点/存储维度统计
- 任务配置 JSON 导入/导出(集群迁移 & 灾备)

## 体验 & 可达性

- 实时事件流(SSE)+ 右下角 Toast + 历史抽屉(未读徽章)
- Dashboard 免刷新自动更新(订阅 8 类事件)
- 全局搜索(Ctrl+K,跨任务/记录/存储/节点)
- 任务依赖图(ECharts force 布局 + 状态着色)

## 合规 & 可部署

- K8s/Swarm 健康检查端点(/health liveness + /ready readiness)
- 审计日志 CSV 导出(UTF-8 BOM,Excel 兼容)
- Dashboard 多维统计(按类型/状态/节点/存储)

## 破坏性变更

- POST /backup/records/:id/restore 返回格式变更为 {restoreRecordId, ...}
  (原为同步阻塞,现改为异步返回恢复记录 ID,前端跳转到恢复详情页)
- 恢复日志通过 /restore/records/:id/logs/stream 订阅
- AuthMiddleware 签名变更(新增 apiKeyAuth 参数)

* 修复: CodeQL 安全扫描告警

- 所有 strconv.ParseUint 由 64bit 改为 32bit 位宽,strconv 内置溢出检查
- hashApiKey 参数改名 rawToken 避免 CodeQL 误判为密码哈希(API Key 是 192 位
  高熵 token,使用 bcrypt 会引入不必要的延迟;同时补充安全说明)

* 修复: API Key 哈希改用 HMAC-SHA256 + 应用级 pepper

- 符合 RFC 2104 标准,业界 API token 存储的推荐方案
- 数据库泄漏场景下增加离线反推难度(需同时获取二进制 pepper)
- 规避 CodeQL go/weak-sensitive-data-hashing 对裸 SHA-256 的误判
2026-04-20 13:04:13 +08:00

3.1 KiB
Raw Blame History

设计文档:批量操作 + Dashboard 图表 + 存储容量 UI

  • 日期:2026-04-20
  • 状态:已落地
  • 范围:第八轮前端图表化闭环 + 规模化运维 UI

1. 目标

前七轮把企业级后端能力做齐:集群、验证、SLA、RBAC、API Key、3-2-1 复制、存储健康、维护窗口、任务模板、Agent 版本感知、集群概览、存储容量监控、审计 CSV、K8s 健康检查、多维统计 API。

本轮关注"可用的 UI"

  1. 任务批量操作100+ 任务场景下逐个操作低效
  2. Dashboard 图表化:多维统计 API 已有(第七轮),UI 缺失
  3. 存储容量可视化:预警事件已派发(第七轮),列表需看到使用率

2. 能力一:任务批量操作

2.1 后端

BackupTaskService 新增:

  • BatchToggle(ctx, ids, enabled):批量启停
  • BatchDeleteTasks(ctx, ids):批量删除
  • BatchResult 单条结果:{id, name, success, error}

BackupRunHandler 新增 BatchRun:循环调用 RunTaskByIDbest-effort。

HTTP

POST /backup/tasks/batch/toggle   # {ids, enabled}
POST /backup/tasks/batch/delete   # {ids}
POST /backup/tasks/batch/run      # {ids}

全部需要 RequireNotViewer()。审计日志记录"批量 X N/M 个任务"。

2.2 前端

  • 任务列表开启 rowSelection(仅 writable 用户可见)
  • 选中 > 0 时顶部浮现工具条:批量执行 / 启用 / 停用 / 删除 / 取消
  • 批量后 Message 展示"成功 X / 失败 Y"

3. 能力二:Dashboard 多维统计图表

3.1 实现

fetchDashboardBreakdown(30) 调用第七轮的 /dashboard/breakdown?days=30

两个图表:

  • 任务类型分布:饼图(file/mysql/postgresql/sqlite/saphana
  • 任务按节点分布:柱状图(含本机 Master

3.2 设计决策

  • 只在有数据时展示(避免空图浪费屏幕)
  • 使用 ECharts BarChart + PieChart,共享已注册组件
  • 颜色方案与存储使用量饼图一致

3.3 未做

存储分组的"字节数饼图"已在 Dashboard 现有"存储使用量分布"中(来自 stats.storageUsage),不重复。

4. 能力三:存储容量 UI

4.1 前端

存储目标列表卡片内:

  • 加载时异步获取每个启用目标的 GetUsage(含 About 的 diskUsage
  • 若后端返回 diskUsage.total + used → 进度条 + 使用率文字 + 容量预警标签(≥85% 红)
  • 若仅有累计备份字节数 → 降级展示"已用备份 X(N 个记录)"

4.2 进度条颜色

  • < 70%:绿色(#00B42A
  • 70-85%:橙色(#FF7D00
  • ≥ 85%:红色(#F53F3F+ "容量预警"标签

4.3 后端

无改动。第七轮已有的 StorageDiskUsage 字段 + HealthMonitor 已支持。

5. 双 review 通过

  • go build ./... go vet ./... go test ./... -count=1
  • npx tsc --noEmit npm run build

6. 未做(下一轮)

  • 备份加密密钥轮换(涉及数据迁移)
  • WebSocket 实时 Dashboard
  • Agent 自更新
  • PITR 增量备份
  • SSO / OIDC
  • 报表 PDF 导出
  • 任务依赖(A 完成后 B 执行)
  • 备份元数据全局搜索