实现方案 — 2026-04-16-18-51-06

根因分析

ReportEditor.tsx 中使用了 stateRef.current 作为「草稿自动保存」的数据来源。组件卸载时，saveDraftToStorage() 会将 stateRef.current 写入 localStorage。

但在页面初始化（useEffect 和 useLayoutEffect）从已保存报告或 draft 恢复数据时，仅通过 setState 更新了 React state，没有同步更新 stateRef.current 中的 videos 和 capturedFrames 字段。

这导致：

用户首次进入 /report-editor 时，数据从 localStorage 正确恢复；
用户离开页面时，stateRef.current 仍保存着初始的空数组；
组件卸载触发的 saveDraftToStorage() 用空数组覆盖了 draft；
用户再次返回 /report-editor 时，系统优先读取被覆盖后的 draft，导致视频分析数据全部丢失。

修改文件清单

文件	修改类型	说明
`src/pages/ReportEditor.tsx`	修改	在 4 处数据恢复逻辑后追加 `stateRef.current` 同步赋值

具体代码变更

修改点 1：初始化 useEffect — 从 draft 恢复已有报告（约第 128 行后）

在已有代码：

setLoadedTemplateId(draft.loadedTemplateId || '');
stateRef.current = { ...stateRef.current, loadedTemplateId: draft.loadedTemplateId || '' };

追加同步：

stateRef.current = {
  ...stateRef.current,
  reportData: draft.reportData,
  videos: draft.videos,
  capturedFrames: draft.capturedFrames,
  loadedTemplateId: draft.loadedTemplateId || ''
};

修改点 2：初始化 useEffect — 从已保存报告（found）恢复（约第 146 行后）

在设置完 contentLoadedRef.current = true; 之后，追加同步：

stateRef.current = {
  ...stateRef.current,
  reportData: found,
  videos: found.videos || [],
  capturedFrames: found.capturedFrames || []
};

修改点 3：初始化 useEffect — 从 draft 恢复新建报告（约第 176 行后）

与修改点 1 类似，在 setLoadedTemplateId(draft.loadedTemplateId || ''); 之后，追加同步：

stateRef.current = {
  ...stateRef.current,
  reportData: draft.reportData,
  videos: draft.videos,
  capturedFrames: draft.capturedFrames,
  loadedTemplateId: draft.loadedTemplateId || ''
};

修改点 4：useLayoutEffect 安全网 — 从 draft 恢复已有报告（约第 677 行后）

在 setLoadedTemplateId(draft.loadedTemplateId || ''); 之后，追加同步：

stateRef.current = {
  ...stateRef.current,
  reportData: draft.reportData,
  videos: draft.videos,
  capturedFrames: draft.capturedFrames,
  loadedTemplateId: draft.loadedTemplateId || ''
};

修改点 5：useLayoutEffect 安全网 — 从已保存报告（found）恢复（约第 692 行后）

在 contentLoadedRef.current = true; 之后，追加同步：

stateRef.current = {
  ...stateRef.current,
  reportData: found,
  videos: found.videos || [],
  capturedFrames: found.capturedFrames || []
};

修改点 6：useLayoutEffect 安全网 — 从 draft 恢复新建报告（约第 701 行后）