2025-04-29 18:36:29 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2025-04-30 00:05:32 +08:00
|
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
|
|
|
|
|
<title>中国电信-工作台</title>
|
2025-04-29 18:36:29 +08:00
|
|
|
<link rel="stylesheet" href="./src/index.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="app-container">
|
|
|
|
|
<header class="app-header">
|
|
|
|
|
<div class="header-left">
|
2025-04-30 00:05:32 +08:00
|
|
|
<img src="./assets/logo.png" alt="Logo" class="logo">
|
|
|
|
|
<h1>中国电信-工作台</h1>
|
2025-04-29 18:36:29 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="header-right">
|
|
|
|
|
<span id="userInfo"></span>
|
|
|
|
|
<button id="btnLogout" class="logout-btn">退出登录</button>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<main class="app-main">
|
|
|
|
|
<nav class="sidebar">
|
2025-04-30 00:05:32 +08:00
|
|
|
<ul id="menuList" class="menu-list">
|
|
|
|
|
<!-- 菜单项将通过JavaScript动态加载 -->
|
2025-04-29 18:36:29 +08:00
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div class="content-area">
|
2025-04-30 00:05:32 +08:00
|
|
|
<webview id="webview" class="page-content" autosize="on" src="about:blank" webpreferences="contextIsolation=yes, nodeIntegration=no"></webview>
|
2025-04-29 18:36:29 +08:00
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-04-30 18:04:22 +08:00
|
|
|
<!-- 故障窗口 -->
|
|
|
|
|
<div id="errorModal" class="modal">
|
|
|
|
|
<div class="modal-content">
|
|
|
|
|
<h2>访问失败</h2>
|
|
|
|
|
<p id="errorMessage"></p>
|
|
|
|
|
<button id="closeErrorModal" class="close-btn">确定</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2025-04-29 18:36:29 +08:00
|
|
|
<script type="module" src="./src/index.ts"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
