今天做了什么?
/todo 施工现场重设计 v2:从平铺的五段列表改成有主次的工地叙事。
- 新增「五牌一图」工程概况牌:工程名称 / 建设单位(一人施工队)/ 开工日期 / 在建工程 / 待审图纸 / 累计竣工 / 烂尾工程 + 总体完工率进度条,顶部警示条纹。
- 新增区域筛选交互:铭牌上的分区按钮可只看某一区(无 JS 时全部展示,渐进增强)。
- 在建楼栋升级为主舞台:施工天数越长楼越高(天际线),标注「施工第 N 天」;备料区、图纸堆、竣工墙(含工期)、烂尾楼(含墓志铭)依次降级,竣工/烂尾默认折叠。
- 「今日考古」单独做成考古现场条幅。
- 施工梗落在结构与视觉层:五牌一图、警示条纹、挂牌、工期、开工日期,不再只是文案标签。
过程与坑
- 页面样式从 global.css 迁到页面级 scoped style,避免与首页窄带
.ts-* 样式互踩;旧 .todo-* 块已从 global.css 删除。
todo.ts 新增 daysSince 工具,与既有 durationDays 口径一致(含当天)。
- 数据层零改动:主次完全来自已有字段(status / created / done / promoted_to / epitaph);后续若加
building(所属项目)字段可再做项目级分组。
- Playwright 桌面/移动 QA:无横向溢出、筛选交互、折叠展开、浅色主题、控制台零报错。
下一步
- 可选:给 todo 加
building 字段做「项目 → 楼栋」二级分组;首页施工现场窄带可再补一处警示条纹呼应。