52 lines
2.1 KiB
HTML
52 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.0">
|
||
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; connect-src 'self' http://1.12.73.211:8848; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline';">
|
||
|
|
<title>中国电信桌面应用</title>
|
||
|
|
<link rel="stylesheet" href="./src/index.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="app-container">
|
||
|
|
<header class="app-header">
|
||
|
|
<div class="header-left">
|
||
|
|
<h1>中国电信桌面应用</h1>
|
||
|
|
</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">
|
||
|
|
<ul class="menu-list">
|
||
|
|
<li class="menu-item active" data-page="dashboard">
|
||
|
|
<i class="icon">📊</i>
|
||
|
|
<span>仪表盘</span>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item" data-page="tasks">
|
||
|
|
<i class="icon">📝</i>
|
||
|
|
<span>任务管理</span>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item" data-page="reports">
|
||
|
|
<i class="icon">📈</i>
|
||
|
|
<span>报表统计</span>
|
||
|
|
</li>
|
||
|
|
<li class="menu-item" data-page="settings">
|
||
|
|
<i class="icon">⚙️</i>
|
||
|
|
<span>系统设置</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div class="content-area">
|
||
|
|
<webview id="pageContent" class="page-content" style="width: 100%; height: 100%;" src="https://www.baidu.com" allowpopups webpreferences="contextIsolation=yes, nodeIntegration=no"></webview>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="module" src="./src/index.ts"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|