需求分析 —— 2026-04-18-17-27-51

需求来源

用户提出 TemplateManage 功能修复与默认报告模板排版重构需求。

需求概述

需求 1：修复 TemplateManage 静态图片占位符插入不显示

在 template-manage 中通过弹窗选择「静态图片占位」并点击「确认插入」后，编辑器中没有出现 class="image-placeholder" 的占位符框。经分析，原因是 document.execCommand('insertHTML') 对复杂嵌套 HTML（含 contenteditable="false"）的自动修正/过滤行为不可靠。

需求 2：重构默认报告模板顶部排版

根据用户提供的视觉参考图片，重写 defaultContent.ts 顶部排版：

抬头：左侧 Logo（65×65 静态占位），右侧 14 号字体的「西安交通大学第一附属医院」（带下划线），下方 16 号字体「手术记录」。
基本信息栏：11 号字体、不加粗、带贯穿下划线的一行：姓名、性别、年龄、科别、床号、住院号。
诊断/手术信息：12 号字体、加粗的单行：手术日期、术前诊断、术中诊断、手术名称。
双列信息：12 号字体、不加粗、两项一行：手术开始/终止时间、手术者/助手、麻醉师/麻醉方式。
手术步骤标题：12 号字体、加粗的「手术步骤、术中出现的情况及处理：」。

需求 3：修复顶部 Logo 占位符删除按钮无法点击

当前默认模板中 65px×65px 的 Logo 占位符右上角的「×」删除按钮无法点击。原因是占位符缺少 position: relative，导致绝对定位的删除按钮点击区域溢出或被遮挡。需保留其「静态图片占位 (data-mode="manual")」逻辑。

涉及文件

src/pages/TemplateManage.tsx（需求 1：修复 insertImage 插入方式）
src/utils/defaultContent.ts（需求 2、3：重构模板排版 + Logo 修复）

需求影响范围

模板管理页面的图片占位符插入功能
新建报告时的默认模板视觉效果
打印输出时的顶部排版

2.0 KiB Raw Blame History Unescape Escape