[feat]:[FL-214][fl-analysis 防雷计算页面UI交互重构]

Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
chengkai3
2026-06-20 15:23:20 +08:00
parent 57fbdbf25a
commit 0f62776cbd
12 changed files with 2174 additions and 1534 deletions
+20
View File
@@ -469,3 +469,23 @@
- 风险与关注点:
- 任务监控数据仍来自既有 Flower 批量接口,本次只改变移动端前端渲染批次和滚动加载交互,不改变接口字段、权限或任务筛选规则。
# Work Log - 防雷分析页面 UI/交互重构(FL-214)
- 背景:
- `/admin/fl-analysis` 页面原先将创建表单、任务选择、详情、结果表和 4 类弹窗全部集中在单个 `page.tsx` 内,初始页面负载过重。
- 本次处理:
- 新增 `web/src/components/fl-analysis/` 组件目录,拆出创建表单、任务卡片列表、任务详情面板、结果表、详情弹窗、措施推荐/复算/报告弹窗和共享类型/格式化函数。
- 创建表单改为默认收起,由“新建任务”按钮打开 Drawer;创建成功后关闭 Drawer 并选中新任务。
- 任务选择从 Select 改为卡片网格,展示状态、任务类型、线路、创建/完成时间和杆塔统计。
- 任务详情操作按钮按“执行 / 下游任务 / 导出下载”分组展示。
- 验证:
- 基线:`npm --workspace web exec eslint src/app/admin/fl-analysis/page.tsx --max-warnings=0` 通过。
- 基线:`npm --workspace web exec tsc --noEmit --pretty false` 通过。
- 修改后:`npm --workspace web exec eslint src/app/admin/fl-analysis/page.tsx src/components/fl-analysis --max-warnings=0` 通过。
- 修改后:`npm --workspace web exec tsc --noEmit --pretty false` 通过。
- 风险与关注点:
- 改动仅影响 `/admin/fl-analysis` 前端视图组织与交互入口,不改变后端接口、请求/响应字段、权限判断或任务创建/启动语义。