2.2 KiB
2.2 KiB
需求分析 —— 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:消除「手术名称」与「手术开始时间」之间的多余间距
「手术名称」是 <p> 标签,「手术开始时间」在 <table> 中。<table> 的默认 margin 或 <p> 的默认间距导致两者距离过远。需消除多余间距,保持 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:模板排版修复)
需求影响范围
- 编辑器工具栏交互
- 默认报告模板视觉效果
- 打印输出样式