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