|
- <!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:#eef4f2;color:#163d37;font:15px/1.7 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:32px}h1{font-size:27px;margin:0}h2{font-size:21px;margin-top:30px}.status,.card{background:white;border:1px solid #c7dcd6;border-radius:10px;padding:18px}.status{border-left:5px solid #12866d}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}img{width:100%;height:auto;border-radius:6px}table{width:100%;border-collapse:collapse;background:white}td,th{padding:10px 14px;border:1px solid #c7dcd6;text-align:left}a{color:#007a67}details{margin-top:10px}summary{cursor:pointer;font-weight:600}.steps{display:flex;flex-wrap:wrap;gap:8px}small{color:#58776e}@media(max-width:700px){main{padding:16px}.grid{grid-template-columns:1fr}}</style>
- <main><h1>桥梁流程 · 取景与操作控件验收</h1><p>2026-09-15 · 正式 HTML + JavaScript 工作区</p>
- <div class="status"><b>通过 39 个步骤、94 个模型操作、39 次服务端预览校验。</b><br>本地及局域网通过；生产构建、正式路由契约和 16 项相关测试通过。</div>
- <h2>本轮六项调整</h2><table><tr><th>底栏图标</th><td>收起/展开步骤、面板及全屏放到底栏右侧。按钮仅显示图标，title 和无障碍名称随状态切换；全屏仍保留底栏和退出按钮。</td></tr><tr><th>初始化取景</th><td>进入场景显示整车与操作台总览，按可用显示区域取景，避开教员和工具。点击标签或进入后续步骤时再聚焦，普通聚焦与主动放大分别限制显示尺寸。</td></tr><tr><th>全部流程辉光</th><td>训练/预览进入场景时，所有当前可见的流程部件以青色轮廓显示，当前操作目标以金色区分。正式考试保持原有提示限制。</td></tr><tr><th>独立半透明工具</th><td>新增“其他半透明”，保持流程部件实体显示。与“高亮问题设备”独立切换；关闭后恢复保存的材质透明度，不影响地形。</td></tr><tr><th>正面与动作方向</th><td>根据实际 GLB 校准各类部件观察方向。互救面板从 -X 侧正视，文字可正读；开关绕靠近面板的固定端向“开”的上方旋转。005、006 共用校准；取力器手柄铰点也改为靠近壳体的一端。</td></tr><tr><th>同类回归</th><td>逐项执行四套流程，验证所有目标的实际网格命中、固定观察距离、灯光一致、标签不重叠和服务端预览校验。008 两处观察记录仍按界面流程填写并留给教员复核。</td></tr></table>
- <h2>初始总览</h2><div class="grid"><article class="card"><b>TASK-VIRTUAL-005 · 液压泵应急切换</b><p>5 步 / 6 次模型操作 / 5 个可见流程目标</p><a href="task-86-initial.png"><img src="task-86-initial.png" alt="液压泵应急切换初始总览" loading="eager"></a><details><summary>逐步截图和校验</summary><div class="steps"><a href="task-86-step-1.png">第 1 步</a><a href="task-86-step-2.png">第 2 步</a><a href="task-86-step-3.png">第 3 步</a><a href="task-86-step-4.png">第 4 步</a><a href="task-86-step-5.png">第 5 步</a></div><p><a href="task-86-verification.json">完整校验 JSON</a> · <a href="task-86-translucent.png">其他半透明</a></p></details></article><article class="card"><b>TASK-VIRTUAL-006 · 液压泵应急替代</b><p>7 步 / 11 次模型操作 / 11 个可见流程目标</p><a href="task-87-initial.png"><img src="task-87-initial.png" alt="液压泵应急替代初始总览" loading="eager"></a><details><summary>逐步截图和校验</summary><div class="steps"><a href="task-87-step-1.png">第 1 步</a><a href="task-87-step-2.png">第 2 步</a><a href="task-87-step-3.png">第 3 步</a><a href="task-87-step-4.png">第 4 步</a><a href="task-87-step-5.png">第 5 步</a><a href="task-87-step-6.png">第 6 步</a><a href="task-87-step-7.png">第 7 步</a></div><p><a href="task-87-verification.json">完整校验 JSON</a> · <a href="task-87-translucent.png">其他半透明</a></p></details></article><article class="card"><b>TASK-VIRTUAL-007 · 前泵换件修复</b><p>11 步 / 27 次模型操作 / 16 个可见流程目标</p><a href="task-88-initial.png"><img src="task-88-initial.png" alt="前泵换件修复初始总览" loading="eager"></a><details><summary>逐步截图和校验</summary><div class="steps"><a href="task-88-step-1.png">第 1 步</a><a href="task-88-step-2.png">第 2 步</a><a href="task-88-step-3.png">第 3 步</a><a href="task-88-step-4.png">第 4 步</a><a href="task-88-step-5.png">第 5 步</a><a href="task-88-step-6.png">第 6 步</a><a href="task-88-step-7.png">第 7 步</a><a href="task-88-step-8.png">第 8 步</a><a href="task-88-step-9.png">第 9 步</a><a href="task-88-step-10.png">第 10 步</a><a href="task-88-step-11.png">第 11 步</a></div><p><a href="task-88-verification.json">完整校验 JSON</a> · <a href="task-88-translucent.png">其他半透明</a></p></details></article><article class="card"><b>TASK-VIRTUAL-008 · 平衡阀拆拼互换</b><p>16 步 / 50 次模型操作 / 22 个可见流程目标</p><a href="task-89-initial.png"><img src="task-89-initial.png" alt="平衡阀拆拼互换初始总览" loading="eager"></a><details><summary>逐步截图和校验</summary><div class="steps"><a href="task-89-step-1.png">第 1 步</a><a href="task-89-step-2.png">第 2 步</a><a href="task-89-step-3.png">第 3 步</a><a href="task-89-step-4.png">第 4 步</a><a href="task-89-step-5.png">第 5 步</a><a href="task-89-step-6.png">第 6 步</a><a href="task-89-step-7.png">第 7 步</a><a href="task-89-step-8.png">第 8 步</a><a href="task-89-step-9.png">第 9 步</a><a href="task-89-step-10.png">第 10 步</a><a href="task-89-step-11.png">第 11 步</a><a href="task-89-step-12.png">第 12 步</a><a href="task-89-step-13.png">第 13 步</a><a href="task-89-step-14.png">第 14 步</a><a href="task-89-step-15.png">第 15 步</a><a href="task-89-step-16.png">第 16 步</a></div><p><a href="task-89-verification.json">完整校验 JSON</a> · <a href="task-89-translucent.png">其他半透明</a></p></details></article></div>
- <h2>大屏初始视角与互救开关</h2><div class="grid"><article class="card"><a href="../bridge-controls-lan-20260915/task-86-initial.png"><img src="../bridge-controls-lan-20260915/task-86-initial.png" alt="1920 初始总览" loading="eager"></a><p>1920×1080：保留整车环境，初始不直接放大液压泵。</p></article><article class="card"><a href="../bridge-controls-lan-20260915/task-86-rescue-moving.png"><img src="../bridge-controls-lan-20260915/task-86-rescue-moving.png" alt="互救开关向上转动" loading="eager"></a><p>实际拖动中：从面板正面观察，手柄端点向上移动，固定端不位移。脚本同时验证世界坐标变化。</p></article></div>
- <h2>底栏、全屏与小屏</h2><div class="grid"><article class="card"><a href="task-86-fullscreen.png"><img src="task-86-fullscreen.png" alt="1280 全屏及底栏" loading="eager"></a><p>1280×720 全屏：底栏右侧保留面板和退出全屏图标。</p></article><article class="card"><a href="../bridge-controls-small-20260915/free-inspection-controls.png"><img src="../bridge-controls-small-20260915/free-inspection-controls.png" alt="1024 小屏控件" loading="eager"></a><p>1024×768：模型自由查看、材质切换及 Esc 退出，无页面横向溢出。</p></article></div>
- <p><a href="../bridge-controls-lan-20260915/desktop-1920.json">局域网 1920 完整拖动流程</a> · <a href="../bridge-controls-small-20260915/controls-1024.json">局域网 1024 控件回归</a></p>
- <h2>验证范围</h2><p>现有任务的管理员/教员预览；未创建任务或写入学员成绩。005 小屏使用点击，006–008 使用拖动；另在局域网大屏验证 005 拖动。 所有操作均使用真实鼠标输入；浏览器注入仅用于读取相机、材质、网格和旋转端点。观察距离、可操作性与方向校验对应现有模型，未新增机械受力仿真。</p><p><a href="summary.json">汇总 JSON</a> · <a href="validation.json">构建和命令记录</a></p><small>以本报告链接的通过记录为准；目录内可能保留此前调试截图。</small></main></html>
|
