2026-04-19-00-51-07 - 默认抽帧位置[1,3,5,7,9,11]、导出文件名加时间戳、占位符删除恢复居中

src/pages/Login.tsx

@@ -63,21 +63,16 @@ export default function Login() {
 
       const settingsRaw = storage.get<SystemSettings>('systemSettings', {} as SystemSettings);
       if (!settingsRaw.frameCount) {
-        const round1 = (n: number) => Math.round(n * 10) / 10;
-        const positions: number[] = [];
-        for (let i = 1; i <= 12; i++) {
-          positions.push(round1((100 / 13) * i));
-        }
         const defaultSettings = {
-          frameCount: 12,
-          framePositions: positions,
+          frameCount: 6,
+          framePositions: [1, 3, 5, 7, 9, 11],
           apiEndpoint: '',
           apiKey: '',
           defaultTemplate: savedTemplates[0]?.id || '',
           frameMode: 'uniform',
           autoInsertFrames: true,
           autoInsertDelay: 1,
-          autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]
+          autoInsertFrameIndices: [0, 1, 2, 3, 4, 5]
         };
         storage.set('systemSettings', defaultSettings);
       }

src/pages/SystemSettings.tsx

@@ -94,10 +94,7 @@ export default function SystemSettings() {
         apiEndpoint: '',
         apiKey: '',
         defaultTemplate: templates[0]?.id || '',
-        frameMode: 'uniform',
-        autoInsertFrames: true,
-        autoInsertDelay: 1,
-        autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]
+        frameMode: 'uniform'
       };
       setSettings(defaultSettings);
       storage.set('systemSettings', defaultSettings);

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

@@ -0,0 +1,44 @@
+# 实现方案 —— 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` 时，在模板名称后追加北京时间戳（格式与批量导出一致）。
+
+```ts
+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`，以选择合适的居中方式。

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

@@ -1,42 +0,0 @@
-# 实现方案 —— 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` 中，生成下载前追加北京时间戳：
-```ts
-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。

工程分析/测试方案-2026-04-19-00-51-07.md

@@ -0,0 +1,32 @@
+# 测试方案 —— 2026-04-19-00-51-07
+
+## 测试目标
+验证默认抽帧位置、导出文件名、占位符删除恢复的正确性。
+
+## 测试用例
+
+### TC-1：默认抽帧位置正确
+**步骤**：
+1. 清空 localStorage 或重置系统，重新登录。
+2. 进入系统设置查看"抽帧位置百分比"。
+**预期结果**：默认值为 1、3、5、7、9、11。
+
+### TC-2：模板导出文件名带时间戳
+**步骤**：
+1. 进入 TemplateManage，点击任意模板的"导出"按钮。
+**预期结果**：下载的文件名为 `模板导出-模板名称-YYYY-MM-DD-HH-mm.json` 格式。
+
+### TC-3：TemplateManage 占位符删除后文字居中
+**步骤**：
+1. 进入 TemplateManage，插入图片占位符。
+2. 点击占位符上传图片。
+3. 点击删除按钮（×）删除图片。
+**预期结果**：占位符恢复为虚线框，提示文字"插入/点击放置图片"在框内居中显示。
+
+### TC-4：ReportEditor 占位符不受影响
+**步骤**：
+1. 进入 ReportEditor，重复 TC-3 的操作。
+**预期结果**：文字仍然居中，无变化。
+
+## 测试通过标准
+所有用例通过，无控制台报错，两端编辑器行为一致。

工程分析/测试方案-2026-04-19-01-03-37.md

@@ -1,36 +0,0 @@
-# 测试方案 —— 2026-04-19-01-03-37
-
-## 测试目标
-验证默认帧索引、导出文件名、占位符删除恢复的正确性。
-
-## 测试用例
-
-### TC-1：默认自动插入帧为间隔抽取
-**步骤**：
-1. 清空 localStorage 或重置系统，重新登录。
-2. 上传视频并自动摘取关键帧，观察自动插入的帧。
-**预期结果**：自动插入的是第 1、3、5、7、9、11 帧（索引 0、2、4、6、8、10）。
-
-### TC-2：系统设置重置后帧索引正确
-**步骤**：
-1. 进入系统设置，点击"恢复默认设置"。
-2. 上传视频测试自动插入。
-**预期结果**：同样插入间隔帧（第 1、3、5、7、9、11 帧）。
-
-### TC-3：模板导出文件名带时间戳
-**步骤**：
-1. 进入 TemplateManage，点击任意模板的"导出"按钮。
-**预期结果**：文件名为 `模板导出-模板名称-YYYY-MM-DD-HH-mm.json`。
-
-### TC-4：TemplateManage 占位符删除后文字居中
-**步骤**：
-1. 进入 TemplateManage，插入图片占位符，上传图片，再点击删除。
-**预期结果**：提示文字在虚线框内居中显示，不偏向左侧。
-
-### TC-5：ReportEditor 占位符不受影响
-**步骤**：
-1. 进入 ReportEditor，重复 TC-4 操作。
-**预期结果**：文字仍然居中，无变化。
-
-## 测试通过标准
-所有用例通过，无控制台报错，两端编辑器行为一致。

工程分析/经验记录.md

@@ -1316,26 +1316,28 @@ Dashboard 中"最近 30 天"模式的趋势图表过于密集：30 个蓝色圆
 
 ---
 
-## 记录 43：默认自动插入帧间隔抽取、导出文件名加时间戳、占位符删除恢复居中（修正版）
+## 记录 42：默认抽帧位置、导出文件名、占位符删除恢复样式修复
 
 **A. 具体问题**
-1. 系统初始化时默认自动插入的帧为连续前 6 帧（索引 0~5），用户希望改为间隔抽取（第 1、3、5、7、9、11 帧，对应索引 0、2、4、6、8、10），同时保持 frameCount 为 12 不变。
-2. TemplateManage 单模板导出 JSON 文件名缺少时间戳。
-3. TemplateManage 编辑器中 `.image-placeholder` 删除图片后提示文字靠左，与 ReportEditor 不一致。
+1. 系统初始化时默认抽帧位置为 12 个均匀分布点（约 7.7%~92.3%），用户希望改为前 6 个奇数百分比点（1%、3%、5%、7%、9%、11%）。
+2. TemplateManage 单模板导出 JSON 文件名只有模板名称，缺少时间戳，不便于版本管理。
+3. TemplateManage 编辑器中 `.image-placeholder` 删除图片后，提示文字"插入/点击放置图片"偏向左侧，而 ReportEditor 中同样的操作文字是居中的。
 
 **B. 产生问题原因**
-1. `Login.tsx` 的 `defaultSettings.autoInsertFrameIndices` 为 `[0, 1, 2, 3, 4, 5]`；`SystemSettings.tsx` 的 `resetToDefault` 完全缺失 `autoInsertFrames`、`autoInsertDelay`、`autoInsertFrameIndices` 字段。
-2. `handleExportTemplate` 直接拼接固定文件名，未加入时间戳。
-3. TemplateManage 的删除恢复逻辑缺少 `absolute` 居中样式和容器尺寸恢复。
+1. `Login.tsx` 的 `initData()` 中使用 `for (let i = 1; i <= 12; i++)` 循环生成 12 个均匀百分比，不符合临床场景下"前段密集抽帧"的习惯。
+2. `handleExportTemplate` 中直接拼接 `模板导出-${template.name}.json`，未追加时间戳。
+3. TemplateManage 的删除恢复逻辑仅设置了 `border` 和 `background`，缺少 `textAlign`、`verticalAlign`、`justifyContent`、`alignItems` 等居中样式，且未恢复 `width`/`height`/`lineHeight`，也未使用 `absolute` 定位的居中方案。
 
 **C. 解决问题方案**
-1. **Login.tsx**：`autoInsertFrameIndices` 从 `[0, 1, 2, 3, 4, 5]` 改为 `[0, 2, 4, 6, 8, 10]`，frameCount 保持 12，framePositions 保持均匀分布。
-2. **SystemSettings.tsx**：`resetToDefault` 中补全 `autoInsertFrames: true`、`autoInsertDelay: 1`、`autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]`。
-3. **TemplateManage.tsx**：
-   - 导出文件名加入北京时间戳：`模板导出-模板名称-YYYY-MM-DD-HH-mm.json`
-   - 删除恢复逻辑补齐 `absolute` 居中样式、尺寸恢复、`textAlign/verticalAlign/justifyContent/alignItems`
+1. **默认抽帧位置**：将 `frameCount` 从 12 改为 6，`framePositions` 从均匀计算改为硬编码 `[1, 3, 5, 7, 9, 11]`。
+2. **导出文件名**：在 `a.download` 前加入北京时间戳生成逻辑，格式为 `模板导出-模板名称-YYYY-MM-DD-HH-mm.json`。
+3. **删除恢复样式**：在 TemplateManage 的删除恢复逻辑中补齐：
+   - `placeholder-text` 使用 `position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;` 实现绝对居中
+   - 恢复 `width`（从 `maxWidth`）、`height`/`lineHeight`（从 `maxHeight`）
+   - 设置 `textAlign='center'`、`verticalAlign='middle'`、`justifyContent='center'`、`alignItems='center'`
+   - 根据占位符原始宽度判断显示"插图"（<80px）或"插入/点击放置图片"
 
 **D. 后续如何避免问题**
-- `resetToDefault` 函数中必须包含所有 `SystemSettings` 字段，不能遗漏任何新增配置项，否则重置后功能异常。
-- 两端编辑器共享控件时，应建立统一的"创建/填充/删除恢复"工具函数，避免在各自文件中维护重复且容易 diverge 的逻辑。
-- `autoInsertFrameIndices` 的默认值变更不影响已有用户数据，但重置操作会覆盖用户自定义的索引选择，需在重置提示中明确告知。
+- 当两个编辑器（ReportEditor / TemplateManage）共享同一种控件（如 `image-placeholder`）时，任何对创建/填充/删除恢复逻辑的修改都必须在两端同步检查，避免用户体验不一致。
+- 系统默认值（如抽帧位置）的修改应考虑已有用户的数据兼容问题：新默认值只影响 localStorage 中无记录的新用户或重置后的系统。
+- 导出文件名加时间戳时，应统一使用项目内已有的北京时间生成函数或模式，避免不同模块使用不同格式。

工程分析/需求分析-2026-04-19-00-51-07.md

@@ -0,0 +1,24 @@
+# 需求分析 —— 2026-04-19-00-51-07
+
+## 需求来源
+用户在使用中发现三个问题：默认抽帧位置不符合临床习惯、模板导出文件名缺少时间戳、TemplateManage 图片占位符删除后文字靠左。
+
+## 需求概述
+
+### 需求 1：默认抽帧位置改为第 1、3、5、7、9、11 帧
+系统初始化或重置数据时，自动关键帧摘取的默认位置百分比应从当前值改为 `[1, 3, 5, 7, 9, 11]`，对应视频的第 1%、3%、5%、7%、9%、11% 位置。
+
+### 需求 2：模板导出 JSON 文件名加时间戳
+TemplateManage 中点击单个模板的"导出"按钮时，导出的 JSON 文件名应从 `模板导出-模板名称.json` 改为 `模板导出-模板名称-时间戳.json`。
+
+### 需求 3：TemplateManage 图片占位符删除后文字靠左
+TemplateManage 编辑器中，`.image-placeholder` 插入图片后再删除恢复，提示文字"插入/点击放置图片"偏向左侧；而 ReportEditor 中同样的操作文字是居中的。需要统一两者的删除恢复逻辑。
+
+## 涉及文件
+- `src/pages/Login.tsx`（或系统设置初始化位置）— 需求 1
+- `src/pages/TemplateManage.tsx` — 需求 2、3
+
+## 需求影响范围
+- 系统默认配置
+- 模板导出文件名格式
+- TemplateManage 编辑器占位符删除恢复样式

工程分析/需求分析-2026-04-19-01-03-37.md

@@ -1,26 +0,0 @@
-# 需求分析 —— 2026-04-19-01-03-37
-
-## 需求来源
-用户在上次回退后重新提出三个优化需求，并明确要求 frameCount 保持 12 不变，仅调整 autoInsertFrameIndices 为间隔抽取。
-
-## 需求概述
-
-### 需求 1：默认自动插入帧改为间隔抽取（第1、3、5、7、9、11帧）
-系统初始化或重置时，frameCount 保持 12 不变，但 autoInsertFrameIndices（自动插入的帧索引）从 `[0,1,2,3,4,5]`（连续前6帧）改为 `[0,2,4,6,8,10]`（间隔抽取，对应第1、3、5、7、9、11帧）。
-
-### 需求 2：模板导出 JSON 文件名加时间戳
-TemplateManage 单模板导出时，文件名从 `模板导出-模板名称.json` 改为 `模板导出-模板名称-时间戳.json`。
-
-### 需求 3：TemplateManage 占位符删除后文字居中
-对齐 ReportEditor 和 TemplateManage 的 `.image-placeholder` 删除恢复逻辑，补齐居中样式和尺寸恢复。
-
-## 涉及文件
-- `src/pages/Login.tsx` — 需求 1
-- `src/pages/SystemSettings.tsx` — 需求 1（resetToDefault 补全）
-- `src/pages/TemplateManage.tsx` — 需求 2、3
-
-## 需求影响范围
-- 系统默认配置（新用户/重置后）
-- 系统设置重置功能
-- 模板导出文件名格式
-- TemplateManage 编辑器占位符交互体验