Files
Mdeical_Sur_Report/工程分析/需求分析-2026-04-18-18-08-37.md

2.2 KiB
Raw Blame History

需求分析 —— 2026-04-18-18-08-37

需求来源

用户提出报告编辑器与模板管理器的工具栏功能增强,以及默认模板排版细节调整。

需求概述

需求 1修复字体选择并新增字号、行距功能

report-editortemplate-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模板排版修复

需求影响范围

  • 编辑器工具栏交互
  • 默认报告模板视觉效果
  • 打印输出样式