# Screen States

## 工单列表页

- `default`: 默认表格 + 筛选条
- `empty`: 空态插图或空态文案 + 清空筛选按钮
- `loading`: 表格骨架屏 + 顶部筛选禁用
- `error`: 顶部提示 + 表格区错误块 + 重试按钮
- `permission_denied`: 保存视图按钮隐藏
- `long_content`: 工单标题两行截断，负责人超长显示 tooltip，状态标签不换行
- `mobile`: 筛选条进入抽屉，表格转卡片列表，分页简化为上一页/下一页
- `reduced_motion`: 弹窗、抽屉、chip 和表格刷新取消位移动效，只保留即时状态变化

## 状态到测试映射

| 状态 | Story | E2E | Visual | A11y |
| --- | --- | --- | --- | --- |
| default | `TicketListPage/Default` | `/tickets` | desktop | smoke |
| empty | `TicketListPage/Empty` | no results | desktop | smoke |
| loading | `TicketListPage/Loading` | N/A | desktop | smoke |
| error | `TicketListPage/Error` | API failure + retry | desktop | smoke |
| permission_denied | `TicketListPage/PermissionDenied` | role=agent | desktop | smoke |
| long_content | `TicketListPage/LongContent` | N/A | desktop | N/A |
| mobile | `TicketListPage/Mobile` | mobile viewport | mobile | focus trap |
| reduced_motion | `TicketListPage/ReducedMotion` | N/A | optional | smoke |
