# 需求分析 —— 2026-04-18-18-08-37 ## 需求来源 用户提出报告编辑器与模板管理器的工具栏功能增强,以及默认模板排版细节调整。 ## 需求概述 ### 需求 1:修复字体选择并新增字号、行距功能 在 `report-editor` 和 `template-manage` 的工具栏中: - **修复字体选择**:当前 `document.execCommand('fontName')` 可能因浏览器兼容性或 CSS 覆盖而失效,需确保字体选择能正确生效。 - **新增字号选择**:在工具栏字体选择旁边增加字号下拉框,支持 12pt/14pt/18pt 等常用字号。 - **新增行距选择**:在工具栏增加行距下拉框,支持 1.0/1.5/2.0 等行距。由于 `execCommand` 不原生支持行距,需通过直接修改 DOM 元素的 `style.lineHeight` 实现。 ### 需求 2:修复手术者签名右对齐时图片框换行 当「手术者签名」所在行设置 `text-align: right` 时,文字跑到最右侧,而图片占位符(`display: inline-flex`)换到了下一行。需确保文字和图片在同一行内保持连续。 ### 需求 3:缩减「手术记录」与「姓名」之间的距离 当前顶部 Flex 容器的 `margin-bottom: 16px` 导致标题与基本信息栏间距过大。需缩小该间距。 ### 需求 4:消除「手术名称」与「手术开始时间」之间的多余间距 「手术名称」是 `

` 标签,「手术开始时间」在 `` 中。`
` 的默认 margin 或 `

` 的默认间距导致两者距离过远。需消除多余间距,保持 1.5 行距且无段前段后间距。 ### 需求 5:统一「手术日期」及以下内容为 12pt、1.5 行距、无段间距 当前手术步骤段落(1~5)缺少 `font-size: 12pt`,导致与上方诊断信息字体大小不一致。需统一从「手术日期」开始往下的所有正文内容为 12pt、1.5 行距、无段前段后间距。 ## 涉及文件 - `src/pages/ReportEditor.tsx`(需求 1:工具栏增强) - `src/pages/TemplateManage.tsx`(需求 1:工具栏增强) - `src/utils/defaultContent.ts`(需求 2~5:模板排版修复) ## 需求影响范围 - 编辑器工具栏交互 - 默认报告模板视觉效果 - 打印输出样式