|
- <!doctype html>
- <html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
- <title>训练步骤布局修复与讲解来源核查 · 2026-09-08</title>
- <style>body{margin:32px auto;padding:0 24px;max-width:1200px;font:16px/1.7 system-ui,sans-serif;color:#183b43;background:#f4f8f8}h1{font-size:26px}section{padding:20px;margin:18px 0;border:1px solid #cadddd;border-radius:10px;background:white}table{border-collapse:collapse;width:100%}th,td{border:1px solid #cadddd;padding:10px;text-align:left}a{color:#087e75}img{display:block;width:100%;border:1px solid #cadada}code{overflow-wrap:anywhere}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:800px){.comparison{grid-template-columns:1fr}}</style>
- <h1>训练步骤布局修复与讲解来源核查</h1><p>2026-09-08 · 正式 Web 6180 · 训练编排基础编排入口</p>
- <section><h2>修复结果：通过</h2><p>复现项目：ZDS-虚拟仿真1（409）。较矮视口下，步骤网格压缩至 82px，内容需要约 92px，标签越过底边 1px。修复为按内容高度分配网格行，标签允许换行，不裁切内容、不隐藏信息。</p><p>变更仅 1 个 CSS 文件、4 行：<code>src/features/guide-legacy/demo-src/training-editor.css</code>。未修改讲解来源逻辑，未提交 Git。</p>
- <table><tr><th>验证范围</th><th>结果</th></tr><tr><td>1920×1080、1920×900、1440×900、1440×768</td><td>每个视口检查 8 个步骤，标签最小底部留白均为 9px</td></tr><tr><td>1440×900 暗色与跟随系统暗色的 CSS 渲染</td><td>8 个步骤均通过；未修改用户服务端主题偏好</td></tr><tr><td>列表滚动、末步点击与选中状态</td><td>通过</td></tr><tr><td>pnpm run build（含 TypeScript 与 iframe 产物校验）</td><td>通过；保留既有 chunk 大小提醒</td></tr><tr><td>业务数据</td><td>管理员只读会话；0 次内容写请求，没有创建、保存或发布测试项目，会话已退出</td></tr></table><p>证据：<a href="before.json">修复前测量</a> · <a href="after.json">修复后测量</a>。修复前 JSON 的 PASS 表示采集成功，越界数值记录在 card/badges 坐标中；修复后另有标签留白断言。</p></section>
- <section><h2>1920×900 修复前后</h2><div class="comparison"><div><p>修复前：标签跨越卡片底边</p><a href="before-1920x900.png"><img src="before-1920x900.png" alt="修复前的步骤列表"></a></div><div><p>修复后：底部留白 9px</p><a href="after-1920x900.png"><img src="after-1920x900.png" alt="修复后的步骤列表"></a></div></div><p><a href="after-1440x768.png">1440×768</a> · <a href="after-1440x900-dark.png">暗色</a> · <a href="after-1440x900-system-dark.png">跟随系统暗色</a> · <a href="after-last-step.png">滚动选择最后一步</a></p></section>
- <section><h2>提交 3130346</h2><p>作者与提交者均为 zhuds（zhudasen@126.com）；时间为 2026-09-06 23:20:30 +08:00；标题为“feat:样式调整”。</p><table><tr><th>文件</th><th>改动</th></tr><tr><td>src/styles/index.scss</td><td>滚动容器 wrap 改用 flex 传递高度，route-view-content 增加 flex: 1 0 auto，支持长页面正确触发滚动条。</td></tr><tr><td>src/styles/integration.scss</td><td>维修知识页桌面增加 contain: size，防止内容反向撑高外层；1000px 及以下解除该限制。</td></tr></table></section>
- <section><h2>讲解设置来源：当前仍是内置演示逻辑</h2><p>核查实际挂载入口 <code>LegacyTrainingPageView.vue:268</code>、<code>training-editor.js</code> 的目录、渲染、生成和试听方法，以及 <code>training-legacy/bridge.ts</code> 保存映射。宿主注入场景列表、场景加载、保存与发布回调，没有覆盖数字人目录或生成函数。</p>
- <table><tr><th>界面项</th><th>实际来源与行为</th><th>代码位置</th></tr><tr><td>数字人资源库</td><td>3 个硬编码目录、5 段站点静态 MP4；另将当前训练项目步骤中已有 generatedVideoId/generatedVideoUrl 汇总为“我的作品”，不是从数字人平台作品库查询。</td><td>training-editor.js:68、1243</td></tr><tr><td>形象、声音、背景</td><td>各 3 项硬编码选项。形象与背景是 public/images 中的静态图片。</td><td>training-editor.js:98、104、110</td></tr><tr><td>现场生成</td><td>检查必填项后，在前端生成时间戳 ID，将固定 musetalk15_teacher-m_kb-script-18s.mp4 写入步骤；没有提交真实生成任务，文稿不会改变该视频。</td><td>training-editor.js:226、1598</td></tr><tr><td>“已同步到作品集”</td><td>仅更新当前项目步骤元数据并标记未保存，“我的作品”从这些步骤汇总；没有向数字人系统创建作品的请求。</td><td>training-editor.js:1243、1613</td></tr><tr><td>“数字人系统已连接”</td><td>直接渲染的固定文案，没有根据健康检查或连接接口返回值判断。</td><td>training-editor.js:1346、1376</td></tr><tr><td>声音试听</td><td>调用 previewSoftChime(640) 提示音；不是对应声音的真实试听片段。</td><td>training-editor.js:1633</td></tr></table>
- <p>静态素材位置：<code>unreal_tran_web/public/video/digital-instructor-v3/clips/</code>，固定生成示例位于 <code>examples/musetalk15_teacher-m_kb-script-18s.mp4</code>。对 5 段目录视频和 1 段生成示例逐个 HEAD 检查，均返回 HTTP 200、video/mp4。</p><p>本次仅核查这些入口的实现，没有调用生成按钮或变更绑定。真正接入属于后续功能调整：建议资源库通过数字车间后端查询数字人平台可用作品；现场生成提交真实任务，显示进度与失败状态，完成后绑定受控视频资源。“已连接”和“已同步”须由真实接口结果驱动，等待产品确认后实施。</p></section></html>
|
