初始化新时空数据应用

2026-06-12 02:11:47 +08:00
commit aab9da4f31
18 changed files with 3492 additions and 0 deletions
@@ -0,0 +1,60 @@
+<!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>