Codex
61 lines
2.0 KiB
HTML
61 lines
2.0 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/styles.css?v=20260611-accounts-split" />
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div>
|
|
<h1>课时账户查询</h1>
|
|
<p id="accountHealthText">正在读取账户状态</p>
|
|
</div>
|
|
<div class="top-actions">
|
|
<a class="nav-button" href="/">课程记录</a>
|
|
<button id="refreshBtn" class="icon-button" title="刷新账户" type="button" aria-label="刷新账户">
|
|
↻
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout account-layout">
|
|
<section class="panel accounts-panel">
|
|
<div class="section-head">
|
|
<h2>课时账户</h2>
|
|
<select id="accountStatus" aria-label="账户状态筛选">
|
|
<option value="">全部状态</option>
|
|
<option value="欠费">欠费</option>
|
|
<option value="预警">预警</option>
|
|
<option value="正常">正常</option>
|
|
<option value="结课">结课</option>
|
|
<option value="退费">退费</option>
|
|
</select>
|
|
</div>
|
|
<form id="accountForm" class="search-row account-search-row">
|
|
<input id="accountQuery" autocomplete="off" placeholder="学生姓名或学生ID" />
|
|
<button type="submit">查询</button>
|
|
</form>
|
|
<div id="accountMeta" class="summary-grid"></div>
|
|
<div class="table-wrap account-table-wrap">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>学生</th>
|
|
<th>状态</th>
|
|
<th class="num">剩余课时</th>
|
|
<th>缴费记录</th>
|
|
<th>备注</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="accountRows"></tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="/static/accounts.js?v=20260611-accounts-split"></script>
|
|
</body>
|
|
</html>
|