# 需求分析 —— 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 修复）

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