Mdeical_Sur_Report/工程分析/需求分析-2026-04-18-00-43-19.md

需求分析 — 2026-04-18-00-43-19

原始需求摘要

用户反馈默认模板里的 class="image-placeholder" 有问题，要求将默认模板中全部 image-placeholder 替换为「按动插入图片占位符之后的状态」，且只保留当前框的大小不变。

需求拆解

功能点

• F1：分析默认模板 defaultContent.ts 中所有 .image-placeholder 的当前结构与新弹窗插入逻辑生成结构的差异。
• F2：为默认模板中所有 .image-placeholder 补充 data-mode 属性，使其与新的图片来源隔离机制兼容：
  • 医院 Logo、手术者签名 → data-mode="manual"（静态图片占位，仅支持点击插入，禁止拖入关键帧）
  • 表格内术中影像占位符 → data-mode="frame"（手术影像占位，支持拖拽/自动关键帧插入）
• F3：更新签名占位符的提示文本，使其符合新弹窗的宽度阈值规则（width ≥ 80 时显示「插入/点击放置图片」）。
• F4：保持所有占位符的现有 width、height 及外围布局（标签类型、margin、容器结构）绝对不变。

非功能点

• 向后兼容：默认模板仅影响新建报告，已有报告不受影响。
• 最小侵入：仅修改 defaultContent.ts，不动任何 TSX/JS 逻辑。
• npm run lint 零错误。

影响范围

模块	影响程度	说明
src/utils/defaultContent.ts	高	修改 8 个 image-placeholder 的 HTML 结构，补充 data-mode 及文本。

待确认问题

无。用户已明确无需人工二次确认。