Mdeical_Sur_Report/工程分析/需求分析-2026-04-18-16-55-47.md

需求分析 —— 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）

需求影响范围

• 报告编辑器交互体验
• 右侧基本信息面板渲染逻辑
• 默认报告模板内容