# 测试方案 —— 2026-04-18-17-27-51 ## 测试目标 验证 TemplateManage 静态占位符插入修复、默认模板排版重构、Logo 删除按钮修复。 ## 测试用例 ### TC-01:TemplateManage 插入静态图片占位符 **前置条件**:进入 /template-manage,编辑器有焦点 **操作步骤**: 1. 点击工具栏「插入图片占位符」 2. 在弹窗中选择「静态图片占位」 3. 输入宽度 200,高度 200 4. 点击「确认插入」 **预期结果**: - 编辑器中出现虚线边框的占位符框 - 占位符带有 `class="image-placeholder"` 和 `data-mode="manual"` - 占位符内部显示「插入/点击放置图片」文字 - 占位符右上角显示红色「×」删除按钮 --- ### TC-02:TemplateManage 插入手术影像占位符 **前置条件**:进入 /template-manage **操作步骤**: 1. 点击工具栏「插入图片占位符」 2. 选择「手术影像占位」 3. 点击「确认插入」 **预期结果**: - 占位符正常显示 - 带有 `data-mode="frame"` - 可接受关键帧拖拽填充 --- ### TC-03:TemplateManage 占位符删除按钮 **前置条件**:已插入占位符 **操作步骤**: 1. 鼠标悬浮在占位符上 2. 点击右上角的红色「×」 **预期结果**: - 占位符被删除 - 撤销按钮可恢复该占位符 --- ### TC-04:新建报告默认模板排版——抬头 **前置条件**:退出重新登录,进入 /report-editor(新建报告) **操作步骤**: 1. 查看报告顶部 **预期结果**: - 左侧有 65×65 的 Logo 占位符(虚线框) - 中间偏右有 14pt 下划线文字「西 安 交 通 大 学 第 一 附 属 医 院」 - 下方有 16pt 文字「手术记录」 - 整体居中对齐 --- ### TC-05:新建报告默认模板排版——基本信息栏 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 查看抬头下方的基本信息行 **预期结果**: - 一行显示:姓名、性别、年龄、科别、床号、住院号 - 字体 11pt,不加粗 - 整行下方有一条黑色贯穿下划线 --- ### TC-06:新建报告默认模板排版——诊断信息 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 查看手术日期、术前诊断、术中诊断、手术名称 **预期结果**: - 每项独立一行 - 12pt 字体,加粗 - 格式为:「手术日期:」+ smartField 占位符 --- ### TC-07:新建报告默认模板排版——双列信息 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 查看时间、人员、麻醉信息 **预期结果**: - 手术开始/终止时间在同一行,左右各 50% - 手术者/助手在同一行 - 麻醉师/麻醉方式在同一行 - 12pt 字体,不加粗 --- ### TC-08:新建报告默认模板排版——手术步骤标题 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 查看「手术步骤、术中出现的情况及处理:」 **预期结果**: - 12pt 字体,加粗 - 位于双列信息下方 --- ### TC-09:Logo 占位符删除按钮可点击 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 鼠标悬浮在顶部 Logo 占位符上 2. 点击右上角的红色「×」 **预期结果**: - Logo 占位符被删除 - 可撤销恢复 --- ### TC-10:Logo 占位符图片上传 **前置条件**:新建报告已加载默认模板 **操作步骤**: 1. 点击顶部 Logo 占位符 2. 选择本地上传一张图片 **预期结果**: - 图片正确显示在 65×65 区域内 - 图片不溢出占位符 --- ### TC-11:打印效果验证 **前置条件**:新建报告,填写部分内容 **操作步骤**: 1. 点击打印按钮 2. 检查打印预览 **预期结果**: - 抬头排版正确(Logo + 医院名 + 标题) - 基本信息下划线可见 - 双列信息左右对齐 - 无多余虚线边框(placeholder 填充后 border 应消失) --- ## 回归测试范围 - 验证 `ReportEditor` 中已有的 `image-placeholder` 点击上传、拖拽填充功能不受影响 - 验证 `TemplateManage` 中智能字段插入、删除、撤销/重做功能正常 - 验证 `smart-field-wrapper` 双向绑定正常工作 ## 测试结论 TC-01~TC-11 全部通过,即可确认三项需求均正确实现。