54 lines
1.2 KiB
Markdown
54 lines
1.2 KiB
Markdown
|
# PRD - 任务详情视图切换
|
||
|
|
|
||
|
|
> **REQ编号**: REQ-坐席-004
|
||
|
|
> **版本**: v1.0
|
||
|
|
> **优先级**: P0
|
||
|
|
> **日期**: 2026-06-06
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 一、需求概述
|
||
|
|
|
||
|
|
点击左栏待办事项条目时，中间栏从聊天视图切换为任务详情视图。返回时切换回聊天视图。
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 二、需求详情
|
||
|
|
|
||
|
|
### 2.1 触发条件
|
||
|
|
|
||
|
|
点击左栏待办事项条目 → 中间栏从聊天视图切换为任务详情视图
|
||
|
|
|
||
|
|
### 2.2 返回交互
|
||
|
|
|
||
|
|
"← 返回会话" 按钮，切换回聊天视图
|
||
|
|
|
||
|
|
### 2.3 任务类型
|
||
|
|
|
||
|
|
| 类型 | 页面内容 |
|
||
|
|
|------|---------|
|
||
|
|
| 运维工单 | 工单描述卡片 + 处理进度卡片 + 操作按钮 |
|
||
|
|
| 审批单 | 审批内容卡片 + 审批意见输入区 + 操作按钮 |
|
||
|
|
| 设备异常 | 设备状态网格 + 处理记录卡片 + 操作按钮 |
|
||
|
|
|
||
|
|
### 2.4 操作按钮
|
||
|
|
|
||
|
|
| 任务类型 | 操作按钮 |
|
||
|
|
|----------|---------|
|
||
|
|
| 工单 | 接单、开始处理、结单、转派 |
|
||
|
|
| 审批 | 审批通过、拒绝审批、转交审批 |
|
||
|
|
| 设备 | 一键开单、派工、标记恢复、加入巡检 |
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 三、UI 规格
|
||
|
|
|
||
|
|
- 卡片样式：白底 + border + radius-lg(10px) + padding 14px 16px
|
||
|
|
- 状态色值：正常=success绿、告警=warning黄、异常=danger红
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 四、关联文档
|
||
|
|
|
||
|
|
- 前端组件: `TaskDetailView.vue`
|