69 lines
2.2 KiB
HTML
69 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>沃林学生管理系统</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="login" class="login-wrap">
|
|
<div class="login-card">
|
|
<div class="login-logo">沃</div>
|
|
<h1>沃林学生管理系统</h1>
|
|
<p class="sub">学生 · 考核成绩 · 就业 · 统计分析</p>
|
|
|
|
<div class="form-row">
|
|
<label>登录账号</label>
|
|
<input type="text" id="login-user" placeholder="请输入登录名" autocomplete="username">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>密码</label>
|
|
<input type="password" id="login-pass" placeholder="请输入密码" autocomplete="current-password">
|
|
</div>
|
|
<button class="btn primary" style="width:100%;padding:9px;margin-top:4px" id="login-btn">登 录</button>
|
|
|
|
<div class="login-hint">
|
|
演示账号：<b>admin / admin123</b>（管理员）<br>
|
|
只读账号：<b>viewer / viewer123</b>（可读不可写，用来演示权限）
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="app" class="layout" style="display:none">
|
|
<aside class="sidebar">
|
|
<div class="brand">
|
|
<div class="mark">沃</div>
|
|
<div>
|
|
<div class="name">沃林学管</div>
|
|
<div class="ver">v1.0.0</div>
|
|
</div>
|
|
</div>
|
|
<nav class="nav" id="nav"></nav>
|
|
</aside>
|
|
|
|
<div class="main">
|
|
<header class="topbar">
|
|
<h2 id="page-title">概览</h2>
|
|
<span class="crumb" id="page-desc"></span>
|
|
<span class="spacer"></span>
|
|
<span class="tag orange" id="ro-badge" style="display:none" title="当前账号仅可查看，写操作已被隐藏">只读模式</span>
|
|
<button class="btn sm ghost" id="btn-docs" title="打开接口文档">接口文档</button>
|
|
<div class="user-chip">
|
|
<span class="av" id="user-avatar">A</span>
|
|
<span id="user-name">—</span>
|
|
</div>
|
|
<button class="btn sm ghost" id="btn-logout">退出</button>
|
|
</header>
|
|
<main class="view" id="view"></main>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modal-root"></div>
|
|
<div id="toasts"></div>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|