feat: 完善工作台展示场景 - 新增 Modal/Toast 组件、EmptyState 使用、确认弹窗、筛选分页

- 新增 Modal 确认弹窗组件和 Toast 消息提示组件
- 在 SkillsPage、LogsPage、TasksPage、ProjectsPage 使用 EmptyState
- 为删除任务、取消订阅、移除成员、技能订阅添加确认弹窗
- 丰富聊天场景:代码展示、表格数据、多轮对话、错误提示
- 优化 ChatPage 布局,修复对话区域滚动问题
- 为 ProjectsPage 添加筛选卡片和分页组件
- 添加表单校验错误状态展示
- 同步 specs 到主目录
This commit is contained in:
2026-03-20 11:44:25 +08:00
parent 9f407c3aea
commit 181cf09ad2
17 changed files with 1147 additions and 229 deletions

View File

@@ -0,0 +1,39 @@
## Purpose
定义确认弹窗Modal和消息提示Toast的展示规范。
## Requirements
### Requirement: 确认弹窗展示
系统 SHALL 提供 Modal 组件用于展示确认弹窗。
#### Scenario: 删除任务确认
- **WHEN** 用户点击定时任务的"删除"按钮
- **THEN** 页面展示确认弹窗,标题为"确认删除",内容为"确定要删除这个任务吗?"
#### Scenario: 取消订阅确认
- **WHEN** 用户点击技能详情页的"取消订阅"按钮
- **THEN** 页面展示确认弹窗,标题为"确认取消订阅",内容为"确定要取消订阅该技能吗?"
#### Scenario: 移除成员确认
- **WHEN** 用户点击项目成员的"移除"按钮
- **THEN** 页面展示确认弹窗,标题为"确认移除",内容为"确定要将该成员移出项目吗?"
#### Scenario: 技能市场订阅确认
- **WHEN** 用户点击技能卡片的"订阅"按钮
- **THEN** 页面展示确认弹窗,标题为"确认订阅",内容为"确定要订阅该技能吗?"
#### Scenario: 技能市场取消订阅确认
- **WHEN** 用户点击技能卡片的"已订阅"按钮
- **THEN** 页面展示确认弹窗,标题为"确认取消订阅",内容为"确定要取消订阅该技能吗?取消后将无法使用该技能。"
### Requirement: 消息提示展示
系统 SHALL 提供 Toast 组件用于展示操作结果提示。
#### Scenario: 保存成功提示
- **WHEN** 用户在账号管理页面点击"保存修改"按钮
- **THEN** 页面顶部展示绿色成功提示"保存成功"
#### Scenario: 操作失败提示
- **WHEN** 用户执行操作失败
- **THEN** 页面顶部展示红色错误提示"操作失败,请重试"