Mdeical_Sur_Report/工程分析/实现方案-2026-04-19-01-03-37.md

实现方案 —— 2026-04-19-01-03-37

方案目标

调整默认自动插入帧索引为间隔抽取、模板导出文件名加时间戳、修复占位符删除恢复居中。

需求 1：默认 autoInsertFrameIndices 改为 [0,2,4,6,8,10]

修改文件 1：src/pages/Login.tsx

在 initData() 的 defaultSettings 中，将 autoInsertFrameIndices 从 [0, 1, 2, 3, 4, 5] 改为 [0, 2, 4, 6, 8, 10]。frameCount 保持 12，framePositions 保持原有均匀分布逻辑。

修改文件 2：src/pages/SystemSettings.tsx

在 resetToDefault 函数中，补全缺失的 autoInsertFrames、autoInsertDelay、autoInsertFrameIndices 字段，并将 autoInsertFrameIndices 设为 [0, 2, 4, 6, 8, 10]。

需求 2：模板导出 JSON 文件名加时间戳

修改文件：src/pages/TemplateManage.tsx

在 handleExportTemplate 中，生成下载前追加北京时间戳：

const ts = new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString().replace(/[:.]/g, '-').slice(0, 16);
a.download = `模板导出-${template.name}-${ts}.json`;

需求 3：TemplateManage 占位符删除恢复居中

修改文件：src/pages/TemplateManage.tsx

在 handleEditorClick 的删除恢复分支中，补齐与 ReportEditor 一致的逻辑：

1. .placeholder-text 使用 position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;
2. 恢复 width（从 maxWidth）、height/lineHeight（从 maxHeight）
3. 设置 textAlign='center'、verticalAlign='middle'、justifyContent='center'、alignItems='center'
4. 根据宽度判断显示"插图"（<80px）或"插入/点击放置图片"

涉及文件及修改点

文件	修改点
src/pages/Login.tsx	defaultSettings.autoInsertFrameIndices 改为 [0,2,4,6,8,10]
src/pages/SystemSettings.tsx	resetToDefault 补全 autoInsert 相关字段，索引改为间隔抽取
src/pages/TemplateManage.tsx	导出文件名加时间戳；删除恢复补齐居中样式

风险与注意事项

1. Login.tsx 的修改只影响首次初始化（无 systemSettings 时），已有用户的 localStorage 不会被覆盖。
2. SystemSettings.tsx 的 resetToDefault 是用户主动触发的重置操作，会覆盖现有设置。
3. 两端编辑器的占位符删除恢复逻辑需要保持同步，后续修改时应同时检查 ReportEditor 和 TemplateManage。