28 lines
1.4 KiB
Markdown
28 lines
1.4 KiB
Markdown
# 需求分析 —— 2026-04-18-16-55-47
|
||
|
||
## 需求来源
|
||
用户直接提出三项 report-editor 相关改进需求。
|
||
|
||
## 需求概述
|
||
|
||
### 需求 1：点击正文 field-value 联动右侧基本信息
|
||
在 `report-editor` 中，点击报告正文内 `class="field-value"` 的元素时，自动将右侧面板切换至「基本信息」栏目，并聚焦/滚动到该字段对应的表单输入框。
|
||
|
||
### 需求 2：右侧基本信息字段按正文出现顺序动态排序
|
||
右侧「基本信息」栏目中：
|
||
- **固定置顶**：患者姓名 (`patientName`)、住院号 (`hospitalId`)、手术名称 (`title`) 始终排在最上方，顺序固定。
|
||
- **动态排序**：其余字段按其在报告正文 HTML 中 `data-bind` 出现的先后顺序排列。
|
||
- **兜底处理**：正文中未出现的字段排在末尾。
|
||
|
||
### 需求 3：替换默认模板中的手术图片说明表格
|
||
将 `src/utils/defaultContent.ts` 中的 `<!-- 手术图片说明表格 -->` 默认模板替换为用户提供的 6 图格 HTML 代码（含腹腔镜探查、胆囊管夹闭与离断、胆囊动脉夹闭与离断、胆囊剥离与床面止血、胆囊取出与钛夹确认、止血材料覆盖及检查）。
|
||
|
||
## 涉及文件
|
||
- `src/pages/ReportEditor.tsx`（需求 1、2）
|
||
- `src/utils/defaultContent.ts`（需求 3）
|
||
|
||
## 需求影响范围
|
||
- 报告编辑器交互体验
|
||
- 右侧基本信息面板渲染逻辑
|
||
- 默认报告模板内容
|