|
- <!doctype html><html lang="zh-CN"><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>数字人讲解弹窗布局验证</title><style>body{margin:0;background:#f2f6f4;color:#173c32;font:16px/1.7 system-ui,sans-serif}main{max-width:1100px;margin:30px auto;padding:28px;background:white;border-radius:12px}h1{margin-top:0}h2{font-size:20px;margin-top:28px}img{max-width:100%;border:1px solid #cdded5}a{color:#087d5b}table{width:100%;border-collapse:collapse}td,th{border:1px solid #cdded5;padding:9px;text-align:left}th{background:#edf4f0}.note{background:#fff5e5;padding:14px}.mobile{max-width:390px}</style><main>
- <h1>数字人讲解弹窗布局验证</h1><p>2026-09-09 · 布局修复通过 · 开发环境 6180 → 6100 Gateway</p>
- <p>原弹窗叠加固定高度列表和视频后超过窗口。现限制弹窗最大高度，标题及底部关闭按钮固定，正文独立滚动；列表改为最大高度，少量记录不再保留大块空白。窄屏筛选和生成表单改为单列，预览视频保持比例并适应窗口。</p>
- <table><tr><th>检查</th><th>结果</th></tr><tr><td>1920 × 911 桌面</td><td>通过，列表、视频与底部关闭完整显示。</td></tr><tr><td>1366 × 600 矮窗口</td><td>通过，正文滚动，关闭按钮保留在窗口内。</td></tr><tr><td>390 × 844 手机宽度</td><td>通过，筛选单列，表格可横向滚动，弹窗不越界。</td></tr><tr><td>1366 × 768 暗色主题</td><td>通过，使用系统主题切换检查。</td></tr><tr><td>生成表单、生成任务与关闭</td><td>通过，可访问表单、切换页签并关闭。</td></tr><tr><td>实际授权视频</td><td>1920 × 1080，175.76 秒；预览接口 HTTP 200，视频元数据及画面正常。</td></tr><tr><td>本机与局域网</td><td>本机完成操作；192.168.31.168:6180 入口 HTTP 200。</td></tr><tr><td>构建</td><td>pnpm run build 通过，包含类型检查及模型编辑器生成包校验。</td></tr></table>
- <p><a href="results.json">机器验证结果</a></p>
- <h2>桌面预览</h2><img src="01-desktop-preview.png" alt="桌面弹窗和视频完整显示">
- <h2>矮窗口滚动</h2><img src="02-short-preview.png" alt="矮窗口中固定标题和底部关闭按钮">
- <h2>手机宽度</h2><img class="mobile" src="03-mobile-preview.png" alt="窄屏筛选和视频预览">
- <h2>暗色主题</h2><img src="04-dark-preview.png" alt="暗色弹窗预览">
- <h2>生成表单</h2><img src="05-generation-form.png" alt="生成表单与固定关闭按钮">
- <h2>另外观察到的问题</h2><div class="note">首条“数控机床产品讲解”的预览接口返回 404，本轮使用第二条授权视频验证布局，未修复资源文件问题。另外一次进入弹窗前，测试工程保存提示封面生成或上传失败，内容已保存并保留原封面；本轮未修改封面功能。</div>
- <h2>测试数据与范围</h2><p>使用账号文件中的内部维护账号及已有测试工程 410。打开数字人服务前，编辑器按既有逻辑保存测试工程。未提交新生成任务、导入绑定或发布。仅调整弹窗布局，不涉及 API 或数据库改动。本轮没有重新验收完整成片生成流程。</p><p>复现脚本：ute2e/tools/narration-dialog-layout.mjs。</p></main></html>
|
