bot_dev1
cfa976cac3
- web/index.html 重写为 SPA 外壳：Sider/顶栏常驻，模块页在 #module-frame iframe 内容区加载，点菜单只换 iframe 地址， 彻底消灭整页刷新与白闪（此前只是铺底色缓解） - 新增 shared/shell.js：IAOP_SHELL.navigate() 导航、外壳 hash (#/admin/#models) 与 iframe 地址双向同步、登录守卫、移动端 模块新标签打开；iframe 地址用 location.replace 避免污染 joint history；250ms 轮询回同步（replace 不触发 load 事件）； 导航时乐观高亮（后台标签轮询被节流不能作为唯一途径）； 前进/后退若恢复了 iframe 旧地址则以外壳 hash 为准强制对齐 - pro-header.js 三模式：外壳(菜单点击走 IAOP_SHELL、导出 IAOP_PRO.setActive)/被嵌(iframe 内，隐藏页内跨页链接与重复 用户标识、保留 Tab-hash 联动)/独立(原行为)；菜单渲染后派发 pro:menu-rendered 事件消除导航先于渲染的高亮竞态 - session.js：logout/守卫重定向作用于顶层窗口（iframe 内不再 只跳 iframe 自己） - 修复 iframe 替换元素宽高 bug：fixed 时左右定位不拉伸（回退 固有 300x150），改显式 calc 宽高 - 登录页 next 默认回外壳 ../index.html 实测（本地 http.server + WebBridge 真实浏览器）：菜单切换/ 子菜单切换/前进/后退/直达链接(#/admin/#models) URL、iframe、 菜单高亮、子菜单高亮全链路一致，Sider 节点全程不重建； 登录守卫 logout→顶层跳登录、登录后回外壳默认驾驶舱。
44 lines
2.1 KiB
HTML
44 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- 首屏防闪（issue #131）：跨页跳转时外部 CSS 未到的瞬间，
|
|
先用与最终布局一致的底色铺满画布（左 Sider 深色 + 内容区灰），
|
|
消除深色 Sider 区域的白闪（FOUC）。 -->
|
|
<style>html{background:#f0f2f5}@media (min-width:721px){html{background:linear-gradient(90deg,#001529 208px,#f0f2f5 208px)}}</style>
|
|
<!-- 被 SPA 外壳 iframe 嵌入时内容区无 Sider，立即改回纯灰底（首帧前生效） -->
|
|
<script>if(window!==window.top){document.documentElement.style.background="#f0f2f5"}</script>
|
|
<title>iAOP 配置化驾驶舱</title>
|
|
<link rel="stylesheet" href="cockpit.css">
|
|
<link rel="stylesheet" href="../shared/pro.css">
|
|
</head>
|
|
<body data-pro-title="配置化驾驶舱">
|
|
<!-- iAOP 配置化驾驶舱（issue #131 / PRD 5.5「⑤ 配置化驾驶舱」）
|
|
纯静态 HTML + 原生 JS（无构建链）。页面只消费 plans/*.json 渲染计划，
|
|
切换行业模板 = 加载另一份 plan JSON，前端代码零改动。 -->
|
|
<header id="topbar">
|
|
<h1 id="cockpit-title">iAOP 驾驶舱</h1>
|
|
<div id="topbar-right">
|
|
<label for="template-select">行业模板</label>
|
|
<select id="template-select"></select>
|
|
<span id="infer-status" class="status-dot" title="推理服务 /health">●</span>
|
|
<span id="infer-status-text">推理服务检测中…</span>
|
|
</div>
|
|
</header>
|
|
<main id="cockpit-grid" aria-busy="true"></main>
|
|
<footer id="bottombar">
|
|
<span id="plan-meta"></span>
|
|
<span>布局 Schema: iAOP-cockpit-layout-v1 · 首屏静态资源本地化，目标 ≤ 2s（PRD 9）</span>
|
|
</footer>
|
|
<script src="../auth/user_store.js"></script>
|
|
<script src="../shared/session.js"></script>
|
|
<script>
|
|
// 登录守卫（PRD 8.2）：未登录跳登录页，登录后回跳本页（后端优先/本地降级）
|
|
IAOP_SESSION.requireLoginElseRedirect("../auth/login.html");
|
|
</script>
|
|
<script src="../shared/pro-header.js"></script>
|
|
<script src="cockpit.js"></script>
|
|
</body>
|
|
</html>
|