训练步骤布局修复与讲解来源核查

2026-09-08 · 正式 Web 6180 · 训练编排基础编排入口

修复结果:通过

复现项目:ZDS-虚拟仿真1(409)。较矮视口下,步骤网格压缩至 82px,内容需要约 92px,标签越过底边 1px。修复为按内容高度分配网格行,标签允许换行,不裁切内容、不隐藏信息。

变更仅 1 个 CSS 文件、4 行:src/features/guide-legacy/demo-src/training-editor.css。未修改讲解来源逻辑,未提交 Git。

验证范围结果
1920×1080、1920×900、1440×900、1440×768每个视口检查 8 个步骤,标签最小底部留白均为 9px
1440×900 暗色与跟随系统暗色的 CSS 渲染8 个步骤均通过;未修改用户服务端主题偏好
列表滚动、末步点击与选中状态通过
pnpm run build(含 TypeScript 与 iframe 产物校验)通过;保留既有 chunk 大小提醒
业务数据管理员只读会话;0 次内容写请求,没有创建、保存或发布测试项目,会话已退出

证据:修复前测量 · 修复后测量。修复前 JSON 的 PASS 表示采集成功,越界数值记录在 card/badges 坐标中;修复后另有标签留白断言。

1920×900 修复前后

修复前:标签跨越卡片底边

修复前的步骤列表

修复后:底部留白 9px

修复后的步骤列表

1440×768 · 暗色 · 跟随系统暗色 · 滚动选择最后一步

提交 3130346

作者与提交者均为 zhuds(zhudasen@126.com);时间为 2026-09-06 23:20:30 +08:00;标题为“feat:样式调整”。

文件改动
src/styles/index.scss滚动容器 wrap 改用 flex 传递高度,route-view-content 增加 flex: 1 0 auto,支持长页面正确触发滚动条。
src/styles/integration.scss维修知识页桌面增加 contain: size,防止内容反向撑高外层;1000px 及以下解除该限制。

讲解设置来源:当前仍是内置演示逻辑

核查实际挂载入口 LegacyTrainingPageView.vue:268training-editor.js 的目录、渲染、生成和试听方法,以及 training-legacy/bridge.ts 保存映射。宿主注入场景列表、场景加载、保存与发布回调,没有覆盖数字人目录或生成函数。

界面项实际来源与行为代码位置
数字人资源库3 个硬编码目录、5 段站点静态 MP4;另将当前训练项目步骤中已有 generatedVideoId/generatedVideoUrl 汇总为“我的作品”,不是从数字人平台作品库查询。training-editor.js:68、1243
形象、声音、背景各 3 项硬编码选项。形象与背景是 public/images 中的静态图片。training-editor.js:98、104、110
现场生成检查必填项后,在前端生成时间戳 ID,将固定 musetalk15_teacher-m_kb-script-18s.mp4 写入步骤;没有提交真实生成任务,文稿不会改变该视频。training-editor.js:226、1598
“已同步到作品集”仅更新当前项目步骤元数据并标记未保存,“我的作品”从这些步骤汇总;没有向数字人系统创建作品的请求。training-editor.js:1243、1613
“数字人系统已连接”直接渲染的固定文案,没有根据健康检查或连接接口返回值判断。training-editor.js:1346、1376
声音试听调用 previewSoftChime(640) 提示音;不是对应声音的真实试听片段。training-editor.js:1633

静态素材位置:unreal_tran_web/public/video/digital-instructor-v3/clips/,固定生成示例位于 examples/musetalk15_teacher-m_kb-script-18s.mp4。对 5 段目录视频和 1 段生成示例逐个 HEAD 检查,均返回 HTTP 200、video/mp4。

本次仅核查这些入口的实现,没有调用生成按钮或变更绑定。真正接入属于后续功能调整:建议资源库通过数字车间后端查询数字人平台可用作品;现场生成提交真实任务,显示进度与失败状态,完成后绑定受控视频资源。“已连接”和“已同步”须由真实接口结果驱动,等待产品确认后实施。