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

src/pages/Login.tsx

@@ -33,7 +33,7 @@ export default function Login() {
       if (!hasAdmin) {
         const allTplIds = savedTemplates.map(t => t.id);
         const defaultUsers: User[] = [
-          { username: 'admin', password: '123456', role: 'super', name: '超级管理员', status: 'active', createdAt: '2024-01-01', department: 'admin', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
+          { username: 'admin', password: '123456', role: 'super', name: '超级管理员', status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
           { username: 'manager', password: '123456', role: 'admin', name: '管理员', status: 'active', createdAt: '2024-01-01', department: '外科', visibleTemplates: allTplIds, manageableTemplates: allTplIds },
           { username: '0001', password: '123456', role: 'user', name: '张医生', status: 'active', createdAt: '2024-01-01', department: '外科', visibleTemplates: allTplIds, manageableTemplates: [] }
         ];
@@ -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,
+          frameCount: 6,
-          framePositions: positions,
+          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);
       }
@@ -105,7 +100,7 @@ export default function Login() {
       if (d) {
         const allTemplates = storage.get<Template[]>('templates', []);
         const allTplIds = allTemplates.map(t => t.id);
-        user = { username: d.u, password: d.p, role: d.r as any, name: d.n, status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: d.r === 'user' ? [] : allTplIds, department: d.r === 'super' ? 'admin' : '外科' };
+        user = { username: d.u, password: d.p, role: d.r as any, name: d.n, status: 'active', createdAt: '2024-01-01', visibleTemplates: allTplIds, manageableTemplates: d.r === 'user' ? [] : allTplIds, department: d.r === 'super' ? '' : '外科' };
         // Sync back to localStorage
         const updatedUsers = [...users.filter(item => item.username !== u), user];
         storage.set('users', updatedUsers);

src/pages/SystemSettings.tsx

@@ -94,10 +94,7 @@ export default function SystemSettings() {
         apiEndpoint: '',
         apiKey: '',
         defaultTemplate: templates[0]?.id || '',
-        frameMode: 'uniform',
+        frameMode: 'uniform'
-        autoInsertFrames: true,
-        autoInsertDelay: 1,
-        autoInsertFrameIndices: [0, 2, 4, 6, 8, 10]
       };
       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-01-14-19.md

@@ -1,21 +0,0 @@
-# 实现方案 —— 2026-04-19-01-14-19
-
-## 方案目标
-将默认 admin 用户的部门从空字符串改为 "admin"。
-
-## 修改点
-
-### 修改文件：`src/pages/Login.tsx`
-
-在 `initData()` 的 `defaultUsers` 数组中，将 admin 用户的 `department` 从 `''` 改为 `'admin'`。
-
-同时在 `handleLogin` 的 fallback 默认值中同步修改。
-
-## 涉及文件及修改点
-| 文件 | 修改点 |
-|------|--------|
-| `src/pages/Login.tsx` | defaultUsers 中 admin 的 department 改为 'admin'；handleLogin fallback 中同步修改 |
-
-## 风险与注意事项
-1. 只影响新系统初始化或 localStorage 被清空后的首次登录。
-2. 已有用户的 localStorage 中 admin 部门不会被自动更新。

工程分析/测试方案-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 操作。
-**预期结果**：文字仍然居中，无变化。
-
-## 测试通过标准
-所有用例通过，无控制台报错，两端编辑器行为一致。

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

@@ -1,15 +0,0 @@
-# 测试方案 —— 2026-04-19-01-14-19
-
-## 测试目标
-验证 admin 用户默认部门为 "admin"。
-
-## 测试用例
-
-### TC-1：admin 部门默认值为 admin
-**步骤**：
-1. 清空 localStorage，重新登录 admin 账号。
-2. 进入用户管理页面查看 admin 的部门。
-**预期结果**：部门显示为 "admin"。
-
-## 测试通过标准
-admin 用户部门默认值为 "admin"。

工程分析/经验记录.md

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

工程分析/需求分析-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 编辑器占位符交互体验

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

@@ -1,13 +0,0 @@
-# 需求分析 —— 2026-04-19-01-14-19
-
-## 需求来源
-用户发现 user-manage 中 admin（超级管理员）的部门字段显示为空，希望默认设置为 "admin"。
-
-## 需求概述
-将 Login.tsx 初始化默认用户时，admin 用户的 `department` 从空字符串 `''` 改为 `'admin'`。
-
-## 涉及文件
-- `src/pages/Login.tsx`
-
-## 需求影响范围
-仅影响系统首次初始化时的默认 admin 用户数据。