# 待办已办事项详情页 - 页面改动说明

## 1. 修改概述

在风险监控入口页面的待办/已办事项列表中，点击"详情"按钮可以进入新的详情页面，查看任务的完整信息。

## 2. 新增页面

### 2.1 待办事项详情页

**文件路径**：`fengkong/待办事项详情.html`

**页面功能**：
- 展示待办任务的完整信息
- 支持两种业务类型：风险规则上线、风险疑点处置
- 展示流程进度和可执行的操作
- 展示流程历史记录（抽屉式弹窗）

### 2.2 规则验证页面

**文件路径**：`fengkong/规则验证-疑点数据.html`

**页面功能**：
- 展示规则试运行产生的疑点数据
- 支持业务时间段和数据范围筛选
- 从业务验证环节的"规则验证"按钮打开

## 3. 页面结构

### 3.1 任务头部信息

| 字段 | 说明 |
|------|------|
| 任务标题 | 任务的简要描述 |
| 任务单号 | 唯一标识 |
| 业务类型 | 风险规则上线 / 风险疑点处置 |
| 创建人 | 发起任务的用户 |
| 创建单位 | 发起任务的单位 |
| 到达时间 | 任务到达当前节点的时间 |
| 当前节点 | 当前所处的流程节点 |

### 3.2 业务基本信息

#### 风险规则上线类型

包含两个Tab（右上角有编辑/保存/取消按钮）：
- **基础信息**：规则名称、业务域、监控目标、监控逻辑、风险等级、响应等级、制度信息等
- **技术信息**：规则类型、数据系统、模块名称、系统模块路径、详情描述、疑点数据展示字段等

#### 风险疑点处置类型

包含：
- **疑点基本信息**：疑点编号、响应等级（含处置截止时间）、规则名称、风险等级、上链状态、风险场景、处置人等
- **疑点业务数据**：支持水平滚动的表格，字段根据规则类型动态变化

### 3.3 流程进度

采用改进版Stepper设计：
- 已完成节点：绿色渐变 + 白色勾选 + 完成日期
- 当前节点：蓝色渐变 + 脉冲动画
- 待完成节点：灰色边框

#### 风险规则上线流程节点

1. 上线申请
2. 业务审核
3. 补充技术信息（条件节点）
4. 技术审核
5. 需求派发
6. 模型开发
7. 规则开发
8. 业务验证
9. 正式上线

#### 风险疑点处置流程节点（红灯-限期整改）

1. 疑点派发
2. 疑点处置
3. 处置审核
4. 关闭

### 3.4 流程操作

采用**方案A（渐进式披露）**交互模式：先用卡片式单选让用户选择操作意图，再展示对应表单。

#### 交互模式

```
┌─────────────────────────────────────────────────────────────┐
│ 请选择操作                                                   │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ ○ 操作A（说明）                                          │ │
│ └─────────────────────────────────────────────────────────┘ │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ ○ 操作B（说明）                                          │ │
│ └─────────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘

选择后显示对应的表单区域（颜色区分操作类型）
```

#### 风险规则上线

| 节点 | 操作选项 |
|------|----------|
| 上线申请 | 单一操作：提交上线申请 |
| 业务审核 | ○ 通过 / ○ 驳回 |
| 补充技术信息 | 单一操作：去填写/提交技术信息 |
| 技术审核 | ○ 通过（需要数据溯源）/ ○ 通过（不需要数据溯源）/ ○ 驳回 |
| 需求派发 | ○ 派发给数据组成员 / ○ 不需要溯源跳转到规则开发 / ○ 退回 |
| 模型开发 | ○ 确认完成 / ○ 不需要溯源跳转到规则开发 / ○ 退回 |
| 规则开发 | ○ 确认完成 / ○ 退回 |
| 业务验证 | ○ 通过（规则上线）/ ○ 驳回 |

#### 风险疑点处置（红灯-限期整改）

| 节点 | 操作选项 |
|------|----------|
| 疑点派发 | ○ 确认派发 / ○ 取消派发 |
| 疑点处置 | ○ 提交处置结果 / ○ 退回派发人 |
| 处置审核 | ○ 审核通过 / ○ 驳回 |

### 3.5 流程历史（抽屉式弹窗）

页面右侧有"流程历史"触发按钮，点击打开抽屉：
- 宽度480px
- 垂直时间轴展示
- 每条记录包含：节点名称、操作类型、操作时间、操作人、操作意见、状态标签

### 3.6 Demo调试面板

页面顶部有Demo专用调试面板，用于切换查看不同流程环节的操作内容：
- 下拉选择流程节点
- 左右箭头快速切换
- 切换时整个页面联动更新

## 4. 入口页面修改

### 4.1 风险监控入口.html

**修改内容**：
- 更新"详情"按钮点击事件，跳转到新的详情页面
- 传递参数：`type`（业务类型）、`taskNo`（任务单号）、`node`（当前节点）

**URL格式**：
```
待办事项详情.html?type={rule|doubt}&taskNo={任务单号}&node={当前节点}&mode={todo|done}
```

## 5. 交互说明

### 5.1 操作流程

1. 用户在风险监控入口页面查看待办/已办事项列表
2. 点击"详情"按钮进入详情页面
3. 查看任务信息、业务信息、流程进度
4. 在流程操作区执行相应操作
5. 操作完成后返回风险监控入口页面

### 5.2 弹窗交互

- **通过确认弹窗**：填写审批意见后确认通过
- **驳回确认弹窗**：填写驳回原因后确认驳回

## 6. 测试场景

### 6.1 风险规则上线类型

- [ ] 上线申请节点：测试提交操作和必填项检查
- [ ] 业务审核节点：测试通过和驳回操作
- [ ] 补充技术信息节点：测试跳转到技术信息Tab
- [ ] 技术审核节点：测试路径选择和通过/驳回操作
- [ ] 需求派发节点：测试派发、跳转到规则开发、退回操作
- [ ] 模型开发节点：测试确认完成、跳转到规则开发、退回操作
- [ ] 规则开发节点：测试确认完成和退回操作
- [ ] 业务验证节点：测试通过、驳回和规则验证按钮

### 6.2 风险疑点处置类型

- [ ] 疑点派发节点：测试确认派发和取消派发操作
- [ ] 疑点处置节点：测试提交处置结果和退回派发人操作
- [ ] 处置审核节点：测试审核通过和驳回操作（驳回必须填写意见）

### 6.3 已办事项测试

- [ ] 已办事项详情页标题显示为"已办事项详情"
- [ ] 任务头部显示"完成时间"字段
- [ ] 流程进度所有节点显示为已完成（绿色）
- [ ] 流程操作区显示操作结果摘要（只读）
- [ ] 业务信息区域无编辑按钮
- [ ] Demo面板切换正常，各节点显示已完成状态Mock数据
- [ ] 流程历史抽屉正常打开和关闭

### 6.4 通用测试

- [ ] 流程进度正确显示（已完成、当前、待完成）
- [ ] 流程历史抽屉正常打开和关闭
- [ ] Demo调试面板切换正常，页面联动更新
- [ ] 返回按钮正常工作
- [ ] 面包屑导航正确
- [ ] 页面宽度不超出屏幕