# P6→NS1/RNS1 缺失项 #2:3 种空状态设计 ## 简要结论 - 状态:⚠️ 部分解决 - 风险等级:🟠 中 - 已实现 2 种空状态(无任务、网络错误),但缺少「筛选无结果」空状态,且现有空状态缺少插图。 ## 详细审查 ### 审查范围 - `apps/miniprogram/miniprogram/pages/task-list/task-list.wxml` — 空状态模板 - `apps/miniprogram/miniprogram/pages/task-list/task-list.ts` — pageState 逻辑 - `apps/miniprogram/miniprogram/pages/task-list/task-list.wxss` — 空状态样式 - `apps/miniprogram/miniprogram/pages/task-detail/task-detail.wxml` — 详情页空状态 ### 发现 **已实现的 2 种空状态:** 1. **无任务(empty)**:`pageState === 'empty'` 时显示纯文字「暂无待办任务」 2. **网络错误(error)**:`pageState === 'error'` 时显示「加载失败,请重试」+ 重试按钮 **缺失项:** 3. **筛选无结果**:当前 task-list 页面无筛选功能(无 filter-dropdown 组件引用),因此无筛选无结果状态。但 P6 定义了此场景,未来添加筛选时需要补充 4. **插图缺失**:两种空状态均为纯文字,无 SVG/PNG 插图。P6 定义了每种空状态应有对应插图 5. task-detail 页面有更完善的空状态:使用了 `t-icon` 图标(info-circle / close-circle),但仍非 P6 定义的专属插图 ### 证据 task-list.wxml 空状态实现: ```html 暂无待办任务 加载失败,请重试 重试 ``` pageState 类型定义仅 4 种:`'loading' | 'empty' | 'error' | 'normal'`,无 `'filter-empty'` 状态。 ### 建议(如未完全解决) 1. 为 empty 和 error 状态添加 SVG 插图(建议放在 `/assets/images/empty-*.svg`) 2. 预留 `filter-empty` 状态,文案如「没有找到匹配的任务,试试调整筛选条件」 3. 可使用 TDesign 的 `t-empty` 组件替代自定义实现,自带图标和文案插槽