33 lines
1.6 KiB
Markdown
33 lines
1.6 KiB
Markdown
# 需求分析 — 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` 及文本。 |
|
||
|
||
## 待确认问题
|
||
|
||
无。用户已明确无需人工二次确认。
|