docs(ui): 记录界面重做（第 4 节）、更新状态表与安卓截图

- ROADMAP 新增「4. 界面重做」：设计系统、Web、安卓三段逐项打勾，并写明没做事的原因（深色模式、无障碍审计、安卓离线缓存、看板拖拽） - README 状态表：安卓改为五个页面已跑通，新增"界面"一行 - 2.Design/screens/ 补安卓首页、任务、看板、详情、工单、知识、成员七张截图
2026-10-28 18:37:35 +08:00
parent 52ec6474a9
commit aa396f2c26
9 changed files with 38 additions and 5 deletions
@@ -313,7 +313,39 @@
 ## 下一步排期建议

 ```
-已完成   0.1–0.9 骨架与认证 + 1.1–1.7 任务域 + 2.1–2.6 工单协同 + 3.1–3.7、3.10 知识库
-待补     0.11 部署 / 0.12 契约 / 0.14 微信 spike / CI 在 Gitea 实跑 / 安卓编译链 / 3.8 向量索引
+已完成   0.1–0.9 骨架与认证 + 1.1–1.7 任务域 + 2.1–2.6 工单协同
+         + 3.1–3.7、3.10 知识库 + 4.1–4.6 界面重做（Web 与安卓）+ 安卓编译链
+待补     0.11 部署 / 0.12 契约 / 0.14 微信 spike / CI 在 Gitea 实跑
+         / 3.8 向量索引（等 Docker 或独立实例）
 第9–10周 M4 AI：结构化录入、人物工作侧写、主动提醒、20 条黄金用例回归
 ```
+
+---
+
+## 4. 界面重做（Web + 安卓，2 人日，2026-10-28）
+
+用户原话："现在不管是 web 还是 app 的 UI 样式太丑了，非常的简陋，不符合当下的设计美学。"
+重做不是换配色，而是**先立设计系统、再让页面去用它**，否则下次还是东拼西凑。
+
+### 4.1 设计系统（两端共用一套 token）
+- [x] 色板：纸白 `paper`、墨绿 `primary`、陶土橙 `clay`，语义色 sage/wheat/rust/sky（Web `tailwind.config.js`，安卓 `ui/Theme.kt` 同名同值）
+- [x] 字号阶：11/12/13/14/15/18/22/26/36，正文 14、辅助 11/12；细描边 + 极轻投影 + 14dp 圆角
+- [x] 组件：卡片 / 按钮（primary、ghost、subtle、clay、danger）/ 状态 pill / 输入 / 空态 / 骨架屏 / 抽屉
+- [x] 图标：Web 用自绘线性图标集（`components/icons.tsx`），安卓用 Material Icons + 少量自绘，线宽一致
+
+### 4.2 Web
+- [x] `AppShell`：左侧固定侧栏（工作区切换、五项导航、快捷键提示、用户），移动端转顶部横条 + 横向导航
+- [x] 六个页面全部重做：登录（品牌面板 + 表单）、首页（问候 + 工作区卡片）、任务（视图 tab + 快速录入 + 圆勾选 + 骨架屏）、看板（四列 + 拖拽高亮 + 空列提示）、工单、知识、成员、邀请落地
+- [x] 详情抽屉：`Sheet` 组件承载，工单态显示需求人/办理人/退回次数/验收结论 + 动作按钮
+- [x] 验证：`tsc -b` 0 错、`vite build` 45 modules（`241.82 kB │ gzip 76.70 kB`）、三套 e2e（7 + 8 + 7 项）全绿
+- [ ] 深色模式：未做（token 已留出语义位，等有用户提需求）
+- [ ] 无障碍：只做了焦点环与 `aria-label`，未做完整键盘可达性与对比度审计
+
+### 4.3 安卓
+- [x] `WorkspaceScaffold`：顶部工作区 + 未读角标，底部四 tab（看板不占 tab，屏幕放不下）
+- [x] 任务（列表/看板切换、快速录入、勾选、详情底部抽屉）、工单（角色 chip + 按状态动作 + 验收对话框）、知识（四 tab + 记一条 + 详情动作）、成员（邀请链接分享）
+- [x] 任务详情抽屉里可**升级成工单**、**沉淀成知识**（此前安卓缺这两个入口，是功能欠账）
+- [x] 编译链固化：`android/scripts/emulator.ps1` 一键构建 + 装机 + 起模拟器；`assembleDebug` → APK 10.1 MB
+- [x] 模拟器（API 35）实跑：登录 → 工作区 → 任务勾选 → 工单 → 知识 → 成员，截图存 `2.Design/screens/android-*.png`
+- [~] 看板不做拖拽：手机屏幕上一列已占 76% 宽，拖拽命中率太差；改为点卡片选目标列，功能等价
+- [ ] 离线缓存（Room）、图片附件、消息推送：均未做，M5 再议