Codex
146 lines
5.9 KiB
HTML
146 lines
5.9 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=20260613-date-time-sort" />
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div>
|
|
<h1>新时空教务管理系统</h1>
|
|
<p id="healthText">正在读取数据状态</p>
|
|
</div>
|
|
<div class="top-actions">
|
|
<a class="nav-button" href="/admin">管理后台</a>
|
|
<button id="refreshBtn" class="icon-button" title="刷新数据" type="button" aria-label="刷新数据">
|
|
↻
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout records-layout">
|
|
<section class="panel records-panel">
|
|
<div class="section-head">
|
|
<h2>上课记录</h2>
|
|
<div class="quick-actions">
|
|
<button class="chip" data-query="今天上课记录" type="button">今天</button>
|
|
<button class="chip" data-query="昨天上课记录" type="button">昨天</button>
|
|
<button class="chip" data-query="前天上课记录" type="button">前天</button>
|
|
<button class="chip" data-query="上周末上课记录" type="button">上周末</button>
|
|
</div>
|
|
</div>
|
|
<form id="recordForm" class="search-row">
|
|
<input
|
|
id="recordQuery"
|
|
name="q"
|
|
autocomplete="off"
|
|
placeholder="例如：王鑫鹏5.5-5.10、王鑫鹏英语"
|
|
/>
|
|
<button type="submit">查询</button>
|
|
</form>
|
|
<div id="recordMeta" class="summary-grid"></div>
|
|
<div id="correctionToolbar" class="correction-toolbar" hidden>
|
|
<span id="correctionStatus">已修改 0 条记录</span>
|
|
<div class="toolbar-actions">
|
|
<button id="copyCorrectedBtn" type="button">复制已修改记录</button>
|
|
<button id="submitCorrectionsBtn" type="button">提交审核</button>
|
|
</div>
|
|
</div>
|
|
<div id="inlineAccount" class="inline-account" hidden></div>
|
|
<div class="table-wrap">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>
|
|
<button id="dateSortBtn" class="sort-header-button" type="button" aria-label="日期排序：升序排列，点击切换为降序排列">日期 升序排列</button>
|
|
</th>
|
|
<th>
|
|
<button id="timeSortBtn" class="sort-header-button" type="button" aria-label="时间排序：升序排列，点击切换为降序排列">时间 升序排列</button>
|
|
</th>
|
|
<th>学生</th>
|
|
<th>老师</th>
|
|
<th>科目</th>
|
|
<th class="num">时长</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="recordRows">
|
|
<tr>
|
|
<td colspan="7" class="empty">输入查询条件后显示明细</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="correctionDialog" class="modal-backdrop" hidden>
|
|
<section class="correction-modal" role="dialog" aria-modal="true" aria-labelledby="correctionTitle">
|
|
<div class="modal-head">
|
|
<h2 id="correctionTitle">纠错上课记录</h2>
|
|
<button id="closeCorrectionBtn" class="modal-close" type="button" aria-label="关闭">关闭</button>
|
|
</div>
|
|
<form id="correctionForm" class="correction-form">
|
|
<p id="correctionOriginal" class="correction-original"></p>
|
|
<div class="correction-fields">
|
|
<label>
|
|
日期
|
|
<input id="correctionDate" name="date" autocomplete="off" placeholder="2026.06.10" />
|
|
</label>
|
|
<label>
|
|
时间
|
|
<input id="correctionTime" name="time" autocomplete="off" placeholder="08:00-10:00" />
|
|
</label>
|
|
<label>
|
|
学生
|
|
<input id="correctionStudent" name="student" autocomplete="off" />
|
|
</label>
|
|
<label>
|
|
老师
|
|
<input id="correctionTeacher" name="teacher" autocomplete="off" />
|
|
</label>
|
|
<label>
|
|
科目
|
|
<input id="correctionSubject" name="subject" autocomplete="off" />
|
|
</label>
|
|
</div>
|
|
<p id="correctionError" class="correction-error" hidden></p>
|
|
<div class="correction-preview">
|
|
<span>复制预览</span>
|
|
<code id="correctionPreview"></code>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button id="cancelCorrectionBtn" class="secondary-button" type="button">取消</button>
|
|
<button type="submit">保存修改</button>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
</div>
|
|
|
|
<div id="deleteDialog" class="modal-backdrop" hidden>
|
|
<section class="correction-modal" role="dialog" aria-modal="true" aria-labelledby="deleteTitle">
|
|
<div class="modal-head">
|
|
<h2 id="deleteTitle">删除课程记录</h2>
|
|
<button id="closeDeleteBtn" class="modal-close" type="button" aria-label="关闭">关闭</button>
|
|
</div>
|
|
<div class="correction-form">
|
|
<p id="deleteOriginal" class="correction-original"></p>
|
|
<p id="deleteError" class="correction-error" hidden></p>
|
|
<div class="correction-preview">
|
|
<span>审核说明</span>
|
|
<code>确认后会提交后台审核；审核通过才会删除 classnotes 中的记录，并恢复对应学生课时。</code>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button id="cancelDeleteBtn" class="secondary-button" type="button">取消</button>
|
|
<button id="confirmDeleteBtn" type="button">确认提交删除审核</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="/static/app.js?v=20260615-delete-review"></script>
|
|
</body>
|
|
</html>
|