# 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`