diff --git a/docs/superpowers/specs/2026-08-05-aigc-upgrade-image-design.md b/docs/superpowers/specs/2026-08-05-aigc-upgrade-image-design.md new file mode 100644 index 0000000..582b67f --- /dev/null +++ b/docs/superpowers/specs/2026-08-05-aigc-upgrade-image-design.md @@ -0,0 +1,24 @@ +# AIGC 图片升级视频页展示原图设计 + +## 目标 + +从图片生成结果详情页点击“升级为动效视频”后,进入 `useTemplate` 页面时,顶部展示原任务已生成的图片,让用户明确当前要升级的视频来源。 + +## 方案 + +详情页继续只传递 `upgradeTaskId`、模板 ID 和生成项 ID。`useTemplate` 页面在检测到升级流程后,使用 `upgradeTaskId` 请求原任务详情,读取 `imageResultUrl`,并在 `currentTemplate` 的计算结果上覆盖 `templateContentUrl`。模板标题、标签和副标题保持模板列表返回值,避免改变现有文案语义。 + +`TemplateVersionHero` 无需改动:它已经优先读取 `templateContentUrl` 作为媒体地址,图片地址不会匹配视频扩展名,因此会按图片渲染。 + +## 数据流 + +1. `detail.vue` 通过 `upgradeTaskId` 跳转到 `useTemplate`。 +2. `useTemplate.vue` 并行/顺序加载模板列表、升级生成项详情和原任务详情。 +3. 原任务详情成功且存在 `imageResultUrl` 时,`currentTemplate` 返回基础模板字段加 `templateContentUrl: imageResultUrl`。 +4. 原任务详情缺失或请求失败时,保留模板默认图片,并提示用户图片信息加载失败;升级创建流程仍按现有费用和任务参数校验执行。 + +## 验证 + +- 增加静态回归测试,确认升级流程请求原任务详情,并将 `imageResultUrl` 覆盖到 `currentTemplate` 的 `templateContentUrl`。 +- 运行现有 AIGC continuation 测试和新增回归测试。 +- 运行 `git diff --check`;不运行项目生产构建或微信小程序开发命令。