35 lines
2.2 KiB
Markdown
35 lines
2.2 KiB
Markdown
# 需求分析 —— 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：模板排版修复）
|
||
|
||
## 需求影响范围
|
||
- 编辑器工具栏交互
|
||
- 默认报告模板视觉效果
|
||
- 打印输出样式
|