2026-08-05 13:14:35 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2026-08-05 15:54:14 +08:00
|
|
|
<title>iAOP 云美工业AI优化平台</title>
|
2026-08-05 22:43:47 +08:00
|
|
|
<link rel="stylesheet" href="shared/pro.css">
|
2026-08-05 13:14:35 +08:00
|
|
|
<style>
|
2026-08-05 22:43:47 +08:00
|
|
|
/* iAOP SPA 外壳（2026-08，对齐 Ant Design Pro 体验）：
|
|
|
|
|
* Sider/顶栏常驻不刷新，模块页在 iframe 内容区加载，
|
|
|
|
|
* 左侧菜单切换 = 换 iframe src，无整页刷新、无白闪。
|
|
|
|
|
* URL 形如 /index.html#/admin/#models，可分享直达子页。 */
|
|
|
|
|
html, body { height: 100%; margin: 0; }
|
|
|
|
|
body.has-pro-sider { padding-left: 0 !important; } /* 外壳自控布局 */
|
|
|
|
|
/* 注意：iframe 是替换元素，fixed 时左右同时定位不会拉伸（回退到
|
|
|
|
|
* 固有尺寸 300x150），必须显式 calc 宽高。 */
|
|
|
|
|
#module-frame {
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 48px;
|
|
|
|
|
left: 208px;
|
|
|
|
|
width: calc(100% - 208px);
|
|
|
|
|
height: calc(100% - 48px);
|
|
|
|
|
border: 0;
|
|
|
|
|
background: #f0f2f5;
|
|
|
|
|
transition: left 0.2s, width 0.2s;
|
|
|
|
|
}
|
|
|
|
|
body.pro-sider-collapsed #module-frame { left: 48px; width: calc(100% - 48px); }
|
|
|
|
|
@media (max-width: 720px) { #module-frame { left: 0; width: 100%; } }
|
2026-08-05 13:14:35 +08:00
|
|
|
</style>
|
|
|
|
|
</head>
|
2026-08-05 22:43:47 +08:00
|
|
|
<body data-pro-shell data-pro-title="iAOP 平台">
|
|
|
|
|
<!-- SPA 外壳：pro-header.js 注入 Sider/顶栏；shell.js 负责菜单导航、
|
|
|
|
|
iframe 加载、URL hash 同步（#/模块/#子页）与登录守卫。 -->
|
|
|
|
|
<iframe id="module-frame" title="模块内容"></iframe>
|
|
|
|
|
<script src="auth/user_store.js"></script>
|
|
|
|
|
<script src="shared/session.js"></script>
|
|
|
|
|
<script src="shared/pro-header.js"></script>
|
|
|
|
|
<script src="shared/shell.js"></script>
|
2026-08-05 13:14:35 +08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
