Mdeical_Sur_Report/工程分析/实现方案-2026-04-19-00-51-07.md

实现方案 —— 2026-04-19-00-51-07

方案目标

修改默认抽帧位置、模板导出文件名加时间戳、修复 TemplateManage 占位符删除恢复样式。

需求 1：默认抽帧位置改为 [1,3,5,7,9,11]

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

在 initData() 的 defaultSettings 中，将 framePositions 从当前值改为 [1, 3, 5, 7, 9, 11]。

如果存在 SystemSettings 类型的默认值定义（如在其他文件中），也需要同步修改。

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

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

在 handleExportTemplate 函数中，生成 a.download 时，在模板名称后追加北京时间戳（格式与批量导出一致）。

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

对比 ReportEditor.tsx 和 TemplateManage.tsx 中 .image-placeholder 删除后的恢复逻辑。

ReportEditor 中的恢复逻辑包含：text-align:center、vertical-align:middle、justify-content:center、align-items:center，使文字居中。

TemplateManage 中的恢复逻辑可能缺少这些居中样式，导致文字靠左。需要在 TemplateManage 的 handleEditorClick 删除恢复分支中补齐这些样式。

涉及文件及修改点

文件	修改点
src/pages/Login.tsx	defaultSettings.framePositions 改为 [1,3,5,7,9,11]
src/pages/TemplateManage.tsx	handleExportTemplate 文件名加时间戳；handleEditorClick 删除恢复补齐居中样式

风险与注意事项

1. 修改 defaultSettings 只影响新用户或重置后的系统，已有用户的 localStorage 中的旧设置不会被覆盖。
2. 导出文件名中模板名称可能包含特殊字符，但时间戳追加在末尾不影响。
3. 居中样式需要确认 TemplateManage 中 placeholder 的 display 属性是否为 inline-flex 或 inline-block，以选择合适的居中方式。