mirror of
https://github.com/ExamAware/ExamSchedule.git
synced 2025-04-29 19:16:33 +00:00
29bb709eae
* refactor: 史诗级重构拆分多年狮山代码 * style: 添加设置模态框淡出动画，优化关闭和保存设置的用户体验 * style: 添加错误提示系统，优化用户体验，处理设置和全屏操作中的异常 * feat: 添加主题切换功能，支持亮/暗色模式，优化用户界面 * chore: 测试配置 * feat: 更新亮色主题背景和透明度 * style: 滑块居右 * feat: 初步实现 全是Bug * feat: 添加提醒队列功能，支持音频预加载和配置导出 * feat: 优化文件输入和按钮样式，提升用户交互体验 * feat: 添加时间广播功能，优化错误提示系统，移除不必要的设置选项 * feat: 移除不再使用的音频文件，更新课程结束时间，优化音频文件加载和选择功能
69 lines
2.5 KiB
HTML
69 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>考试看板—广播适配</title>
|
|
<link rel="stylesheet" href="styles/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="info-container">
|
|
<div class="info-content" id="infoMessage"></div>
|
|
</div>
|
|
<div class="error-container">
|
|
<div class="error-content" id="errorMessage"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="control-bar">
|
|
<button class="control-btn" id="fullscreen-btn" onclick="toggleFullscreen()">全屏</button>
|
|
<button class="control-btn" id="exitFullscreenBtn" onclick="toggleFullscreen()" style="display: none;">退出全屏</button>
|
|
</div>
|
|
|
|
<div class="status-box">
|
|
<div class="status-label" id="statusLabel">正在初始化...</div>
|
|
<div class="time-display" id="timeDisplay">--:--</div>
|
|
<div id="timeDescription" style="text-align:center;color:#a4b0be;"></div>
|
|
</div>
|
|
|
|
<div class="settings-panel">
|
|
<h3>系统设置</h3>
|
|
<div class="button-group">
|
|
<label class="file-input-label">
|
|
<input type="file" id="importJson" accept=".json" multiple> 导入考试配置
|
|
</label>
|
|
<button class="action-btn" onclick="exportConfig()">导出配置</button>
|
|
</div>
|
|
<h3>提醒设置</h3>
|
|
<table class="reminder-table" id="reminderTable">
|
|
<tr>
|
|
<th>提醒条件</th>
|
|
<th>时间（分钟）</th>
|
|
<th>音频选择</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="4"><button class="action-btn" onclick="addReminder()">添加提醒</button></td>
|
|
</tr>
|
|
</table>
|
|
<button class="action-btn" onclick="saveConfig()">保存提醒设置</button>
|
|
</div>
|
|
|
|
<table class="schedule-table" id="scheduleTable">
|
|
<tr>
|
|
<th>科目</th>
|
|
<th>时间段</th>
|
|
<th>状态</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<script src="scripts/errorSystem.js"></script>
|
|
<script src="scripts/audioController.js"></script>
|
|
<script src="scripts/courseSchedule.js"></script>
|
|
<script src="scripts/display.js"></script>
|
|
<script src="scripts/config.js"></script>
|
|
<script src="scripts/settings.js"></script>
|
|
<script src="scripts/reminderQueue.js"></script>
|
|
<script src="scripts/script.js"></script>
|
|
</body>
|
|
</html> |