mirror of
https://github.com/ExamAware/ExamSchedule.git
synced 2025-04-29 19:16:33 +00:00
373 lines
17 KiB
JavaScript
373 lines
17 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const examNameElem = document.getElementById("examName");
|
|
const messageElem = document.getElementById("message");
|
|
const currentTimeElem = document.getElementById("current-time");
|
|
const currentSubjectElem = document.getElementById("current-subject");
|
|
const examTimingElem = document.getElementById("exam-timing");
|
|
const remainingTimeElem = document.getElementById("remaining-time");
|
|
const statusElem = document.getElementById("status");
|
|
const examTableBodyElem = document.getElementById("exam-table-body");
|
|
const roomElem = document.getElementById("room");
|
|
const infoToggleBtn = document.getElementById("info-toggle-btn");
|
|
const paperInfoElem = document.getElementById("paper-info");
|
|
const examPapersElem = document.getElementById("exam-papers");
|
|
const answerSheetsElem = document.getElementById("answer-sheets");
|
|
let offsetTime = getCookie("offsetTime") || 0;
|
|
let showPaperInfo = getCookie("showPaperInfo") === "true";
|
|
let autoToggle = getCookie("autoToggle") === "true";
|
|
|
|
// 初始化显示状态
|
|
if (showPaperInfo) {
|
|
paperInfoElem.style.display = "block";
|
|
}
|
|
|
|
// 更新显示内容
|
|
function updateDisplay(isExamTime) {
|
|
if (autoToggle) {
|
|
paperInfoElem.style.display = isExamTime ? "block" : "none";
|
|
}
|
|
}
|
|
|
|
infoToggleBtn.addEventListener("click", () => {
|
|
if (!autoToggle) {
|
|
showPaperInfo = !showPaperInfo;
|
|
paperInfoElem.style.display = showPaperInfo ? "block" : "none";
|
|
setCookie("showPaperInfo", showPaperInfo, 365);
|
|
}
|
|
});
|
|
|
|
function fetchData() {
|
|
// 优先使用本地配置
|
|
const localConfig = localStorage.getItem('localExamConfig');
|
|
if (localConfig) {
|
|
try {
|
|
const data = JSON.parse(localConfig);
|
|
window.examConfigData = data; // 暴露全局变量供提醒队列使用
|
|
displayExamInfo(data);
|
|
updateCurrentTime();
|
|
updateExamInfo(data);
|
|
setInterval(() => updateCurrentTime(), 1000);
|
|
setInterval(() => updateExamInfo(data), 1000);
|
|
return Promise.resolve();
|
|
} catch (error) {
|
|
localStorage.removeItem('localExamConfig');
|
|
errorSystem.show('本地配置无效，已清除并切换至默认配置');
|
|
}
|
|
}
|
|
|
|
// 使用默认配置
|
|
return fetch('exam_config.json', { cache: "no-store" })
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
window.examConfigData = data; // 暴露全局变量供提醒队列使用
|
|
displayExamInfo(data);
|
|
updateCurrentTime();
|
|
updateExamInfo(data);
|
|
setInterval(() => updateCurrentTime(), 1000);
|
|
setInterval(() => updateExamInfo(data), 1000);
|
|
})
|
|
.catch(error => errorSystem.show('获取考试数据失败: ' + error.message));
|
|
}
|
|
|
|
function displayExamInfo(data) {
|
|
try {
|
|
const examNameText = data.examName;
|
|
const roomText = roomElem.textContent;
|
|
examNameElem.innerHTML = `${examNameText} <span id="room">${roomText}</span>`;
|
|
messageElem.textContent = data.message;
|
|
} catch (e) {
|
|
errorSystem.show('显示考试信息失败: ' + e.message);
|
|
}
|
|
}
|
|
|
|
function updateCurrentTime() {
|
|
try {
|
|
const now = new Date(new Date().getTime() + offsetTime * 1000);
|
|
currentTimeElem.textContent = now.toLocaleTimeString('zh-CN', { hour12: false });
|
|
} catch (e) {
|
|
errorSystem.show('更新时间失败: ' + e.message);
|
|
}
|
|
}
|
|
|
|
function updateExamInfo(data) {
|
|
try {
|
|
const now = new Date(new Date().getTime() + offsetTime * 1000);
|
|
let currentExam = null;
|
|
let nextExam = null;
|
|
let lastExam = null;
|
|
|
|
data.examInfos.forEach(exam => {
|
|
const start = new Date(exam.start);
|
|
const end = new Date(exam.end);
|
|
if (now >= start && now <= end) {
|
|
currentExam = exam;
|
|
}
|
|
if (!currentExam && !nextExam && now < start) {
|
|
nextExam = exam;
|
|
}
|
|
if (now > end && (!lastExam || end > new Date(lastExam.end))) {
|
|
lastExam = exam;
|
|
}
|
|
});
|
|
|
|
// 清空原有内容
|
|
if (paperInfoElem) paperInfoElem.style.display = showPaperInfo ? "block" : "none";
|
|
|
|
if (currentExam) {
|
|
const currentStatus = `当前科目: ${currentExam.name}`;
|
|
currentSubjectElem.textContent = currentStatus;
|
|
paperInfoElem.style.display = showPaperInfo ? "block" : "none";
|
|
|
|
// 加载本地存储的页数信息
|
|
if (showPaperInfo) {
|
|
// 加载本地保存的页数信息
|
|
const paperCount = document.getElementById('paper-count');
|
|
const paperPages = document.getElementById('paper-pages');
|
|
const sheetCount = document.getElementById('sheet-count');
|
|
const sheetPages = document.getElementById('sheet-pages');
|
|
|
|
if (paperCount && paperPages && sheetCount && sheetPages) {
|
|
try {
|
|
const savedInfo = localStorage.getItem('paperInfo');
|
|
if (savedInfo) {
|
|
const info = JSON.parse(savedInfo);
|
|
paperCount.value = info.paperCount || 0;
|
|
paperPages.value = info.paperPages || 0;
|
|
sheetCount.value = info.sheetCount || 0;
|
|
sheetPages.value = info.sheetPages || 0;
|
|
}
|
|
} catch (e) {
|
|
console.error('加载页数信息失败:', e);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (examTimingElem) {
|
|
examTimingElem.textContent = `起止时间: ${formatTimeWithoutSeconds(new Date(currentExam.start).toLocaleTimeString('zh-CN', { hour12: false }))} - ${formatTimeWithoutSeconds(new Date(currentExam.end).toLocaleTimeString('zh-CN', { hour12: false }))}`;
|
|
}
|
|
|
|
const remainingTime = (new Date(currentExam.end).getTime() - now.getTime() + 1000) / 1000;
|
|
const remainingHours = Math.floor(remainingTime / 3600);
|
|
const remainingMinutes = Math.floor((remainingTime % 3600) / 60);
|
|
const remainingSeconds = Math.floor(remainingTime % 60);
|
|
let remainingTimeText = '';
|
|
if (remainingHours > 0) {
|
|
remainingTimeText = `${remainingHours}时 ${String(remainingMinutes).padStart(2, '0')}分 ${String(remainingSeconds).padStart(2, '0')}秒`;
|
|
} else {
|
|
remainingTimeText = `${String(remainingMinutes).padStart(2, '0')}分 ${String(remainingSeconds).padStart(2, '0')}秒`;
|
|
}
|
|
if (remainingHours === 0 && remainingMinutes <= 14) {
|
|
if (remainingTimeElem) {
|
|
remainingTimeElem.textContent = `剩余时间: ${remainingTimeText}`;
|
|
remainingTimeElem.style.color = "#93b4f7";
|
|
remainingTimeElem.style.fontWeight = "normal";
|
|
}
|
|
if (statusElem) {
|
|
statusElem.textContent = "状态: 即将结束";
|
|
statusElem.style.color = "red";
|
|
}
|
|
|
|
// 在剩余15分钟时显示提醒
|
|
if (remainingMinutes === 14 && remainingSeconds === 59) {
|
|
const overlay = document.getElementById('reminder-overlay');
|
|
if (overlay) {
|
|
overlay.classList.add('show');
|
|
setTimeout(() => {
|
|
overlay.classList.remove('show');
|
|
}, 5000);
|
|
}
|
|
}
|
|
} else {
|
|
if (remainingTimeElem) {
|
|
remainingTimeElem.textContent = `剩余时间: ${remainingTimeText}`;
|
|
remainingTimeElem.style.color = "#93b4f7";
|
|
remainingTimeElem.style.fontWeight = "normal";
|
|
}
|
|
if (statusElem) {
|
|
statusElem.textContent = "状态: 进行中";
|
|
statusElem.style.color = "#5ba838";
|
|
}
|
|
}
|
|
} else {
|
|
updateDisplay(false);
|
|
if (lastExam && now < new Date(lastExam.end).getTime() + 60000) {
|
|
if (currentSubjectElem) currentSubjectElem.textContent = `上场科目: ${lastExam.name}`;
|
|
if (examTimingElem) examTimingElem.textContent = "";
|
|
if (remainingTimeElem) remainingTimeElem.textContent = "";
|
|
if (statusElem) {
|
|
statusElem.textContent = "状态: 已结束";
|
|
statusElem.style.color = "red";
|
|
}
|
|
} else if (nextExam) {
|
|
const timeUntilStart = ((new Date(nextExam.start).getTime() - now.getTime()) / 1000) + 1;
|
|
const remainingHours = Math.floor(timeUntilStart / 3600);
|
|
const remainingMinutes = Math.floor((timeUntilStart % 3600) / 60);
|
|
const remainingSeconds = Math.floor(timeUntilStart % 60);
|
|
let remainingTimeText = '';
|
|
if (remainingHours > 0) {
|
|
remainingTimeText = `${remainingHours}时 ${String(remainingMinutes).padStart(2, '0')}分 ${String(remainingSeconds).padStart(2, '0')}秒`;
|
|
} else {
|
|
remainingTimeText = `${String(remainingMinutes).padStart(2, '0')}分 ${String(remainingSeconds).padStart(2, '0')}秒`;
|
|
}
|
|
|
|
if (timeUntilStart <= 15 * 60) {
|
|
currentSubjectElem.textContent = `即将开始: ${nextExam.name}`;
|
|
remainingTimeElem.textContent = `倒计时: ${remainingTimeText}`;
|
|
remainingTimeElem.style.color = "orange";
|
|
remainingTimeElem.style.fontWeight = "bold";
|
|
statusElem.textContent = "状态: 即将开始";
|
|
statusElem.style.color = "#DBA014";
|
|
} else {
|
|
currentSubjectElem.textContent = `下一场科目: ${nextExam.name}`;
|
|
remainingTimeElem.textContent = "";
|
|
statusElem.textContent = "状态: 未开始";
|
|
remainingTimeElem.style.fontWeight = "normal";
|
|
statusElem.style.color = "#EAEE5B";
|
|
}
|
|
|
|
examTimingElem.textContent = `起止时间: ${formatTimeWithoutSeconds(new Date(nextExam.start).toLocaleTimeString('zh-CN', { hour12: false }))} - ${formatTimeWithoutSeconds(new Date(nextExam.end).toLocaleTimeString('zh-CN', { hour12: false }))}`;
|
|
} else {
|
|
if (currentSubjectElem) {
|
|
currentSubjectElem.textContent = "考试均已结束";
|
|
currentSubjectElem.style.color = "#aaaaaa";
|
|
currentSubjectElem.style.textAlign = "center";
|
|
}
|
|
if (examTimingElem) examTimingElem.textContent = "";
|
|
if (remainingTimeElem) remainingTimeElem.textContent = "";
|
|
if (statusElem) {
|
|
statusElem.textContent = " ";
|
|
statusElem.style.color = "#000000";
|
|
}
|
|
}
|
|
}
|
|
|
|
examTableBodyElem.innerHTML = "";
|
|
|
|
// 预处理日期和时间段
|
|
const dateGroups = {};
|
|
data.examInfos.forEach(exam => {
|
|
const start = new Date(exam.start);
|
|
const hour = start.getHours();
|
|
const dateStr = `${start.getMonth() + 1}月${start.getDate()}日<br>${hour < 12 ? '上午' : (hour < 18 ? '下午' : '晚上')}`;
|
|
|
|
if (!dateGroups[dateStr]) {
|
|
dateGroups[dateStr] = [];
|
|
}
|
|
dateGroups[dateStr].push(exam);
|
|
});
|
|
|
|
// 生成表格
|
|
Object.entries(dateGroups).forEach(([dateStr, exams]) => {
|
|
let isFirstRow = true;
|
|
// 计算实际需要的行数（考虑科目名称中的斜杠）
|
|
const totalRows = exams.reduce((acc, exam) => {
|
|
return acc + (exam.name.includes('/') ? exam.name.split('/').length : 1);
|
|
}, 0);
|
|
|
|
exams.forEach(exam => {
|
|
const start = new Date(exam.start);
|
|
const end = new Date(exam.end);
|
|
const now = new Date(new Date().getTime() + offsetTime * 1000);
|
|
|
|
let status = "未开始";
|
|
if (now < start) {
|
|
status = now > new Date(start.getTime() - 15 * 60 * 1000) ? "即将开始" : "未开始";
|
|
} else if (now > end) {
|
|
status = "已结束";
|
|
} else {
|
|
status = "进行中";
|
|
}
|
|
|
|
// 处理包含斜杠的科目名称
|
|
const subjects = exam.name.split('/');
|
|
subjects.forEach((subject, index) => {
|
|
const row = document.createElement("tr");
|
|
let cells = '';
|
|
|
|
if (isFirstRow) {
|
|
cells = `<td rowspan="${totalRows}">${dateStr}</td>`;
|
|
isFirstRow = false;
|
|
}
|
|
|
|
// 仅在第一个科目行添加时间和状态
|
|
if (index === 0) {
|
|
cells += `
|
|
<td>${subject.trim()}</td>
|
|
<td rowspan="${subjects.length}">${formatTimeWithoutSeconds(start.toLocaleTimeString('zh-CN', { hour12: false }))}</td>
|
|
<td rowspan="${subjects.length}">${formatTimeWithoutSeconds(end.toLocaleTimeString('zh-CN', { hour12: false }))}</td>
|
|
<td rowspan="${subjects.length}"><span class="exam-status-tag exam-status-${status}">${status}</span></td>
|
|
`;
|
|
} else {
|
|
cells += `<td>${subject.trim()}</td>`;
|
|
}
|
|
|
|
row.innerHTML = cells;
|
|
examTableBodyElem.appendChild(row);
|
|
});
|
|
});
|
|
});
|
|
} catch (e) {
|
|
console.error('更新考试信息失败:', e);
|
|
errorSystem.show('更新考试信息失败: ' + e.message);
|
|
}
|
|
}
|
|
|
|
// 添加页数控制处理
|
|
document.querySelectorAll('.count-btn').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
const target = document.getElementById(btn.dataset.target);
|
|
const action = btn.dataset.action;
|
|
const currentValue = parseInt(target.value) || 0;
|
|
|
|
if (action === 'increase') {
|
|
target.value = currentValue + 1;
|
|
} else if (action === 'decrease' && currentValue > 0) {
|
|
target.value = currentValue - 1;
|
|
}
|
|
|
|
// 保存到localStorage
|
|
updatePaperInfo();
|
|
});
|
|
});
|
|
|
|
// 监听输入框直接输入
|
|
['paper-count', 'paper-pages', 'sheet-count', 'sheet-pages'].forEach(id => {
|
|
const input = document.getElementById(id);
|
|
input.addEventListener('change', () => {
|
|
const value = parseInt(input.value) || 0;
|
|
input.value = Math.max(0, value); // 确保不小于0
|
|
updatePaperInfo();
|
|
});
|
|
});
|
|
|
|
function updatePaperInfo() {
|
|
const paperInfo = {
|
|
paperCount: parseInt(document.getElementById('paper-count').value) || 0,
|
|
paperPages: parseInt(document.getElementById('paper-pages').value) || 0,
|
|
sheetCount: parseInt(document.getElementById('sheet-count').value) || 0,
|
|
sheetPages: parseInt(document.getElementById('sheet-pages').value) || 0
|
|
};
|
|
localStorage.setItem('paperInfo', JSON.stringify(paperInfo));
|
|
}
|
|
|
|
// 初始化加载保存的页数信息
|
|
function loadPaperInfo() {
|
|
try {
|
|
const savedInfo = localStorage.getItem('paperInfo');
|
|
if (savedInfo) {
|
|
const info = JSON.parse(savedInfo);
|
|
document.getElementById('paper-count').value = info.paperCount || 0;
|
|
document.getElementById('paper-pages').value = info.paperPages || 0;
|
|
document.getElementById('sheet-count').value = info.sheetCount || 0;
|
|
document.getElementById('sheet-pages').value = info.sheetPages || 0;
|
|
}
|
|
} catch (e) {
|
|
console.error('加载页数信息失败:', e);
|
|
}
|
|
}
|
|
|
|
loadPaperInfo();
|
|
|
|
fetchData();
|
|
});
|