仪表盘风格
+将预览页做成迷你仪表盘:顶部 KPI 卡片带环比/同比趋势箭头,中间用横向条状图展示故障分类,底部展示服务可用性分布。数据量大但不杂乱,适合快速扫读。
+diff --git a/.env.example b/.env.example index dd058f5..3e91372 100644 --- a/.env.example +++ b/.env.example @@ -6,7 +6,7 @@ ASSETS_API_KEY=your-assets-api-key # 允许调用 issue-ai API 的 Key(逗号分隔,支持多个),由 issue-ai 管理界面生成 ALLOWED_API_KEYS=your-issue-api-key # NEXT_PUBLIC_ 前缀:构建时内嵌到客户端 JS,云上必须通过 deploy-ai.sh 设置 -# 本地开发:http://localhost:5177 +# 本地开发:http://localhost:6177 # 云上生产:https://assets.tlyq.ai -NEXT_PUBLIC_ASSETS_URL=http://localhost:5177 +NEXT_PUBLIC_ASSETS_URL=http://localhost:6177 NODE_ENV=development diff --git a/.superpowers/brainstorm/65974-1778137360/content/preview-page.html b/.superpowers/brainstorm/65974-1778137360/content/preview-page.html new file mode 100644 index 0000000..31b87c7 --- /dev/null +++ b/.superpowers/brainstorm/65974-1778137360/content/preview-page.html @@ -0,0 +1,192 @@ +
从列表点击报告名称或"预览"按钮进入。右上角按钮根据状态动态切换。
+ +当前页面只展示 4 个数字卡片 + 3 个故障分类卡片。以下三个方向兼顾数据丰富度与视觉提升,各有侧重。
+ + + +无论选哪个方向,以下字段都会从 metadata 中新增暴露:
+5 KPI + 4 章节全部展开。第 4 章列出所有可用性 < 100% 的 IP。
+ +B(摘要+详情分区)+ C(报告章节结构)。周报/月报共用同一布局,章节内容自适应。
+ +从列表点击报告名称或"预览"按钮进入。右上角按钮根据状态动态切换。
+ +类型列用颜色区分月报/周报。批量操作按钮仅在选中后出现。
+ +| + + | +报告名称 | +类型 | +时间段 | +状态 | +创建时间 | +操作 | +
|---|---|---|---|---|---|---|
| + + | + 月报 + | +2026-04-01 ~ 2026-04-30 | ++ + + 数据已就绪 + + | +2026-05-07 14:30 | +
+
+ 预览
+ 生成文档
+ 🗑
+
+ |
+ |
| + + | + 周报 + | +2026-04-28 ~ 2026-05-04 | ++ + + 文档生成中 + + | +2026-05-07 14:35 | ++ 预览 + | +|
| + + | + 月报 + | +2026-03-01 ~ 2026-03-31 | ++ + + 已完成 + + | +2026-05-06 10:15 | +
+
+ 预览
+ ⬇ 下载
+ 🗑
+
+ |
+ |
| + + | + 周报 + | +2026-04-21 ~ 2026-04-27 | ++ + + 生成失败 + + | +2026-05-06 11:00 | +
+
+ 预览
+ 重试
+ 🗑
+
+ |
+
核心理念:预览数据先行(1-2s),确认后再生成 DOCX(10-30s)。
+ +| + + | +报告名称 | +类型 | +时间段 | +状态 | +创建时间 | +操作 | +
|---|---|---|---|---|---|---|
| + + | 月报 | +2026-04-01 ~ 2026-04-30 | ++ + + 数据已就绪 + + | +2026-05-07 14:30 | +
+
+ 预览
+ 生成文档
+ 🗑
+
+ |
+ |
| + + | 周报 | +2026-04-28 ~ 2026-05-04 | ++ + + 文档生成中 + + | +2026-05-07 14:35 | +
+
+ 预览
+
+ |
+ |
| + + | 月报 | +2026-03-01 ~ 2026-03-31 | ++ + + 已完成 + + | +2026-05-06 10:15 | +
+
+ 预览
+ ⬇ 下载
+ 🗑
+
+ |
+ |
| + + | 周报 | +2026-04-21 ~ 2026-04-27 | ++ + + 生成失败 + + | +2026-05-06 11:00 | +
+
+ 预览
+ 重试
+ 🗑
+
+ |
+