# Capability: Document Management（文档管理）

## ADDED Requirements

### Requirement: 材料审核功能
系统SHALL提供材料审核入口，支持查看材料和审核操作。

#### Scenario: 展示材料基本信息
- **WHEN** 用户进入材料审核页面
- **THEN** 显示材料基本信息：提交人、材料类型、材料数量、提交时间
- **AND** 显示材料说明文字
- **AND** 显示审核注意事项提示框

#### Scenario: 展示材料清单表格
- **WHEN** 用户查看材料清单
- **THEN** 表格显示：材料名称、材料类型、文件格式、上传时间、文件大小、查看详情按钮
- **AND** 右侧显示预览缩略图
- **AND** 支持点击查看大图

#### Scenario: 用户审核通过
- **WHEN** 用户点击"审核通过"按钮
- **THEN** 系统提示确认操作
- **AND** 提交审核通过结果
- **AND** 显示成功消息

#### Scenario: 用户退回补充
- **WHEN** 用户点击"退回补充"按钮
- **THEN** 打开退回原因填写Modal
- **AND** 用户填写退回原因和需补充材料说明
- **AND** 提交后显示成功消息

### Requirement: 协议在线编辑功能
系统SHALL提供调解协议模板的在线编辑能力。

#### Scenario: 渲染协议编辑器
- **WHEN** 用户进入协议编辑页面
- **THEN** 显示标准调解协议书模板
- **AND** 标题"调解协议书"居中显示
- **AND** 可编辑字段带有下划线并支持contenteditable

#### Scenario: 用户编辑协议字段
- **WHEN** 用户点击可编辑字段（如协议编号）
- **THEN** 字段自动聚焦，背景高亮
- **AND** 光标移动到末尾
- **AND** 用户可直接输入修改内容

#### Scenario: 用户保存协议修改
- **WHEN** 用户完成编辑并点击"保存修改"按钮
- **THEN** 系统遍历所有.editable元素读取内容
- **AND** 组装为结构化JSON数据
- **AND** 显示"调解协议书已保存!"提示
- **AND** 在console输出保存内容（实际对接时提交到后端）