👤 ${CONFIG.USER_INFO.YYRXM} (${CONFIG.USER_INFO.YYRGH})
📅 ${CONFIG.TARGET_DATE} |
🏟️ ${CONFIG.SPORT} |
🏫 ${CONFIG.CAMPUS}
🏟️ 优先场馆: ${CONFIG.PREFERRED_VENUE || '至畅'}
⏰ ${CONFIG.PREFERRED_TIMES.join(', ')}
⚙️ 间隔:${CONFIG.RETRY_INTERVAL}s |
重试:${CONFIG.MAX_RETRY_TIMES} |
超时:${CONFIG.REQUEST_TIMEOUT}s
🎯 进度: 0/${getMaxBookings()} 个时段
${isMobile ? '📱 触摸优化版本' : '⚡ 快捷键: Ctrl+Shift+S 开始/停止 | Ctrl+Shift+H 显示/隐藏面板'}
`;
document.body.appendChild(panel);
// 定义 transform 值，方便复用
const transformVisibleMobile = 'translateX(-50%) translateY(0)';
const transformHiddenMobile = 'translateX(-50%) translateY(-30px)'; // 轻微向上滑出作为隐藏状态
const transformVisibleDesktop = 'translateX(0)';
const transformHiddenDesktop = 'translateX(100%)'; // 从右侧滑出作为隐藏状态
// 根据保存的状态设置面板初始可见性、透明度和位置
if (isPanelVisible) {
panel.style.display = 'block';
panel.style.opacity = '1';
if (isMobile) {
panel.style.transform = transformVisibleMobile;
} else {
panel.style.transform = transformVisibleDesktop;
}
} else {
panel.style.display = 'none'; // 初始隐藏
panel.style.opacity = '0'; // 透明
// 设置为隐藏时的 transform，这样 togglePanel 显示时可以从此状态过渡
if (isMobile) {
panel.style.transform = transformHiddenMobile;
} else {
panel.style.transform = transformHiddenDesktop;
}
}
bindEventsIOS(panel); // 将 panel 作为参数传递
return panel;
}
// 修改切换面板函数
function togglePanel() {
console.log('togglePanel 被调用，当前面板状态 (切换前):', isPanelVisible);
isPanelVisible = !isPanelVisible;
savePanelState(isPanelVisible);
console.log('切换后面板状态:', isPanelVisible);
if (controlPanel) {
const transformVisibleMobile = 'translateX(-50%) translateY(0)';
const transformHiddenMobile = 'translateX(-50%) translateY(-30px)';
const transformVisibleDesktop = 'translateX(0)';
const transformHiddenDesktop = 'translateX(100%)'; // 面板从右侧滑出
// 确保 transition 属性在 controlPanel 上 (已在 createControlPanel 中设置)
// controlPanel.style.transition = 'opacity 0.3s ease, transform 0.3s ease';
if (isPanelVisible) { // 如果要显示面板
console.log('准备显示面板');
controlPanel.style.display = 'block'; // 必须先 block 才能应用 transform 和 opacity
// 设置动画起始状态 (面板在隐藏位置，透明)
// 这确保了即使面板之前是 display:none，动画也能从正确的视觉起点开始
if (isMobile) {
controlPanel.style.transform = transformHiddenMobile;
} else {
controlPanel.style.transform = transformHiddenDesktop;
}
controlPanel.style.opacity = '0';
// 使用 setTimeout 确保浏览器渲染了起始状态，然后再开始过渡
setTimeout(() => {
controlPanel.style.opacity = '1';
if (isMobile) {
controlPanel.style.transform = transformVisibleMobile;
} else {
controlPanel.style.transform = transformVisibleDesktop;
}
console.log('面板显示动画开始');
}, 10); // 短暂延迟，让浏览器捕获起始状态
} else { // 如果要隐藏面板
console.log('准备隐藏面板');
// 开始隐藏动画 (移动到隐藏位置，变透明)
controlPanel.style.opacity = '0';
if (isMobile) {
controlPanel.style.transform = transformHiddenMobile;
} else {
controlPanel.style.transform = transformHiddenDesktop;
}
console.log('面板隐藏动画开始');
// 等待过渡动画完成后再设置 display: none
setTimeout(() => {
if (!isPanelVisible) { // 再次检查状态，防止快速切换导致问题
controlPanel.style.display = 'none';
console.log('面板已完全隐藏 (display: none)');
}
}, 300); // 300ms 对应 CSS 中的 transition-duration
}
}
// 更新浮动按钮样式
if (floatingButton) {
console.log('更新浮动按钮样式，面板可见:', isPanelVisible);
if (isPanelVisible) {
floatingButton.style.background = 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)';
floatingButton.innerHTML = '🎾';
floatingButton.title = '隐藏抢票面板';
} else {
floatingButton.style.background = 'linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%)';
floatingButton.innerHTML = '📱'; // 可以考虑用不同图标指示面板已隐藏
floatingButton.title = '显示抢票面板';
}
console.log('浮动按钮样式更新完成');
}
console.log('面板状态切换完成:', isPanelVisible);
}
// 修改 iOS 事件绑定函数
function bindEventsIOS(panelElement) { // 接受 panelElement 作为参数
// 为所有按钮添加通用的触摸处理
function addButtonTouchHandler(button, clickHandler) {
if (isTouchDevice) {
let touchStarted = false;
let touchStartTime = 0;
// 移除可能存在的旧事件监听器
button.removeEventListener('click', clickHandler);
button.addEventListener('touchstart', (e) => {
touchStarted = true;
touchStartTime = Date.now();
button.style.opacity = '0.7';
button.style.transform = 'scale(0.95)';
e.preventDefault();
}, { passive: false });
button.addEventListener('touchend', (e) => {
if (touchStarted && (Date.now() - touchStartTime) < 1000) {
e.preventDefault();
e.stopPropagation();
button.style.opacity = '1';
button.style.transform = 'scale(1)';
// 延迟执行点击处理
setTimeout(() => {
try {
clickHandler();
} catch (error) {
console.error('Button click handler error:', error);
}
}, 50);
}
touchStarted = false;
}, { passive: false });
button.addEventListener('touchcancel', () => {
touchStarted = false;
button.style.opacity = '1';
button.style.transform = 'scale(1)';
}, { passive: true });
} else {
// 桌面端直接使用点击事件
button.addEventListener('click', clickHandler);
}
}
// 面板关闭按钮
const closeBtn = panelElement.querySelector('#close-panel'); // 使用 panelElement.querySelector
if (closeBtn) {
addButtonTouchHandler(closeBtn, () => {
togglePanel();
});
}
// 配置显示/隐藏按钮
const toggleConfigBtn = panelElement.querySelector('#toggle-config'); // 使用 panelElement.querySelector
if (toggleConfigBtn) {
addButtonTouchHandler(toggleConfigBtn, () => {
const configArea = panelElement.querySelector('#config-area'); // 使用 panelElement.querySelector
if (configArea.style.display === 'none') {
configArea.style.display = 'block';
toggleConfigBtn.textContent = '⚙️ 隐藏配置';
} else {
configArea.style.display = 'none';
toggleConfigBtn.textContent = '⚙️ 显示配置';
}
});
}
// 运动项目变化时显示/隐藏场馆选择
const sportTypeSelect = panelElement.querySelector('#sport-type'); // 使用 panelElement.querySelector
if (sportTypeSelect) {
// select 元素使用 change 事件
sportTypeSelect.addEventListener('change', () => {
const sportType = sportTypeSelect.value;
const venueSelection = panelElement.querySelector('#venue-selection'); // 使用 panelElement.querySelector
const venueDisplay = panelElement.querySelector('#venue-display'); // 使用 panelElement.querySelector
if (sportType === '羽毛球') {
if (venueSelection) venueSelection.style.display = 'block';
if (venueDisplay) venueDisplay.style.display = 'block';
} else {
if (venueSelection) venueSelection.style.display = 'none';
if (venueDisplay) venueDisplay.style.display = 'none';
}
});
}
// 保存配置按钮
const saveConfigBtn = panelElement.querySelector('#save-config'); // 使用 panelElement.querySelector
if (saveConfigBtn) {
addButtonTouchHandler(saveConfigBtn, () => {
try {
updateConfigFromUI();
updateDisplayConfig();
addLog('✅ 配置已保存', 'success');
} catch (error) {
addLog('❌ 保存配置失败: ' + error.message, 'error');
}
});
}
// 开始/停止按钮
const startBtn = panelElement.querySelector('#start-btn'); // 使用 panelElement.querySelector
if (startBtn) {
addButtonTouchHandler(startBtn, () => {
try {
if (isRunning) {
stopBooking();
} else {
updateConfigFromUI();
if (validateConfig()) {
startBooking();
}
}
} catch (error) {
addLog('❌ 操作失败: ' + error.message, 'error');
}
});
}
// 快捷键 - 只在非移动端添加
if (!isMobile) {
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey) {
if (e.key === 'S') {
e.preventDefault();
if (isRunning) {
stopBooking();
} else {
updateConfigFromUI();
if (validateConfig()) {
startBooking();
}
}
} else if (e.key === 'H') {
e.preventDefault();
togglePanel();
} else if (e.key === 'C') {
e.preventDefault();
if (isPanelVisible) {
const toggleBtn = panelElement.querySelector('#toggle-config'); // 使用 panelElement.querySelector
if (toggleBtn) toggleBtn.click();
}
}
}
});
}
// iOS输入框优化
if (isIOS) {
const inputs = panelElement.querySelectorAll('input, select'); // 使用 panelElement.querySelectorAll
inputs.forEach(input => {
// 防止iOS Safari缩放
input.addEventListener('focus', (e) => {
// 对于iOS设备，设置字体大小防止缩放
if (input.type !== 'date' && input.type !== 'number') {
e.target.style.fontSize = '16px';
}
// 延迟滚动到视图中
setTimeout(() => {
e.target.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}, 300);
});
input.addEventListener('blur', (e) => {
// 恢复原始字体大小
e.target.style.fontSize = '';
});
});
}
// checkbox 特殊处理
const checkboxes = panelElement.querySelectorAll('input[type="checkbox"]'); // 使用 panelElement.querySelectorAll
checkboxes.forEach(checkbox => {
if (isTouchDevice) {
// 为 checkbox 的父级 label 添加触摸处理
const label = checkbox.closest('label');
if (label) {
label.style.touchAction = 'manipulation';
label.addEventListener('touchend', (e) => {
// 阻止事件冒泡，让浏览器处理 checkbox 切换
e.stopPropagation();
}, { passive: true });
}
}
});
}
// 从UI更新配置
function updateConfigFromUI() {
// 获取选中的时间段
const selectedTimes = Array.from(document.querySelectorAll('#time-slots-container input[type="checkbox"]:checked'))
.map(cb => cb.value);
CONFIG = {
USER_INFO: {
YYRGH: document.getElementById('user-id').value.trim(),
YYRXM: document.getElementById('user-name').value.trim()
},
TARGET_DATE: document.getElementById('target-date').value,
SPORT: document.getElementById('sport-type').value,
CAMPUS: document.getElementById('campus').value,
PREFERRED_VENUE: document.getElementById('preferred-venue')?.value || '至畅', // 新增场馆选择
PREFERRED_TIMES: selectedTimes,
RETRY_INTERVAL: parseInt(document.getElementById('retry-interval').value),
MAX_RETRY_TIMES: parseInt(document.getElementById('max-retry').value),
REQUEST_TIMEOUT: parseInt(document.getElementById('request-timeout').value),
YYLX: "1.0"
};
saveConfig(CONFIG);
// 更新进度显示
updateProgress();
}
// 更新显示配置
function updateDisplayConfig() {
document.getElementById('display-user').textContent = `${CONFIG.USER_INFO.YYRXM} (${CONFIG.USER_INFO.YYRGH})`;
document.getElementById('display-date').textContent = CONFIG.TARGET_DATE;
document.getElementById('display-sport').textContent = CONFIG.SPORT;
document.getElementById('display-campus').textContent = CONFIG.CAMPUS;
// 更新场馆显示
const venueDisplayElement = document.getElementById('display-venue');
if (venueDisplayElement) {
venueDisplayElement.textContent = CONFIG.PREFERRED_VENUE || '至畅';
}
document.getElementById('display-times').textContent = CONFIG.PREFERRED_TIMES.join(', ');
document.getElementById('display-interval').textContent = CONFIG.RETRY_INTERVAL;
document.getElementById('display-retry').textContent = CONFIG.MAX_RETRY_TIMES;
document.getElementById('display-timeout').textContent = CONFIG.REQUEST_TIMEOUT;
}
// 验证配置
function validateConfig() {
if (!CONFIG.USER_INFO.YYRGH || !CONFIG.USER_INFO.YYRXM) {
addLog('❌ 请填写完整的用户信息', 'error');
return false;
}
if (CONFIG.PREFERRED_TIMES.length === 0) {
addLog('❌ 请至少选择一个时间段', 'error');
return false;
}
if (!CONFIG.TARGET_DATE) {
addLog('❌ 请选择预约日期', 'error');
return false;
}
// 新增：验证日期不能是过去
const targetDate = new Date(CONFIG.TARGET_DATE);
const today = new Date();
today.setHours(0, 0, 0, 0);
if (targetDate < today) {
addLog('❌ 预约日期不能是过去的日期', 'error');
return false;
}
// 新增：验证学号格式
if (!/^\d{8,12}$/.test(CONFIG.USER_INFO.YYRGH)) {
addLog('⚠️ 学号格式可能不正确，请检查', 'warning');
}
return true;
}
// 添加状态日志
function addLog(message, type = 'info') {
const statusArea = document.getElementById('status-area');
if (!statusArea) return;
const colors = {
info: '#e3f2fd',
success: '#c8e6c9',
warning: '#fff3e0',
error: '#ffcdd2'
};
const timestamp = new Date().toLocaleTimeString();
const logEntry = document.createElement('div');
logEntry.style.cssText = `
color: ${colors[type]};
margin-bottom: 3px;
border-left: 3px solid ${colors[type]};
padding-left: 8px;
`;
logEntry.innerHTML = `[${timestamp}] ${message}`;
statusArea.appendChild(logEntry);
statusArea.scrollTop = statusArea.scrollHeight;
// 保持最多50条日志
while (statusArea.children.length > 50) {
statusArea.removeChild(statusArea.firstChild);
}
}
// 更新预约进度
function updateProgress() {
const currentMaxBookings = getMaxBookings();
const progressElement = document.getElementById('booking-progress');
if (progressElement) {
progressElement.textContent = `${successfulBookings.length}/${currentMaxBookings} 个时段`;
}
}
// iOS优化的网络请求
async function fetchWithTimeout(url, options, timeout = CONFIG.REQUEST_TIMEOUT * 1000) {
// iOS Safari 兼容的 AbortController
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), timeout);
try {
// iOS Safari 兼容的 fetch 配置
const response = await fetch(url, {
...options,
signal: controller.signal,
credentials: 'same-origin', // iOS Safari 兼容
mode: 'cors',
cache: 'no-cache'
});
clearTimeout(timeoutId);
return response;
} catch (error) {
clearTimeout(timeoutId);
if (error.name === 'AbortError') {
throw new Error('请求超时');
}
throw error;
}
}
// 修改获取可用时段函数，使用优化的请求
async function getAvailableSlots() {
try {
const allAvailable = [];
const sportCode = SPORT_CODES[CONFIG.SPORT];
const campusCode = CAMPUS_CODES[CONFIG.CAMPUS];
for (const timeSlot of CONFIG.PREFERRED_TIMES) {
const [startTime, endTime] = timeSlot.split("-");
const payload = new URLSearchParams({
XMDM: sportCode,
YYRQ: CONFIG.TARGET_DATE,
YYLX: CONFIG.YYLX,
KSSJ: startTime,
JSSJ: endTime,
XQDM: campusCode
});
// 使用优化的请求函数
const response = await fetchWithTimeout(
"https://ehall.szu.edu.cn/qljfwapp/sys/lwSzuCgyy/modules/sportVenue/getOpeningRoom.do",
{
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'application/json, text/javascript, */*; q=0.01'
},
body: payload
}
);
if (!response.ok) {
addLog(`❌ 请求失败: HTTP ${response.status}`, 'error');
continue;
}
const data = await response.json();
if (data.code !== "0") {
addLog(`❌ 查询时段 ${timeSlot} 失败: ${data.msg || '未知错误'}`, 'error');
continue;
}
if (data.datas && data.datas.getOpeningRoom) {
const rooms = data.datas.getOpeningRoom.rows || [];
let availableCount = 0;
for (const room of rooms) {
if (!room.disabled && room.text === "可预约") {
const venueName = room.CDMC || '';
// 根据场馆选择过滤
if (CONFIG.SPORT === "羽毛球" && CONFIG.PREFERRED_VENUE !== "全部") {
if (CONFIG.PREFERRED_VENUE === "至畅" && !venueName.includes("至畅")) {
continue; // 跳过非至畅场馆
}
if (CONFIG.PREFERRED_VENUE === "至快" && !venueName.includes("至快")) {
continue; // 跳过非至快场馆
}
}
let venuePriority = 2;
let courtPriority = 0; // 场地优先级，数字越小优先级越高
// 场馆优先级判断
if (venueName.includes("至畅")) {
venuePriority = 0; // 至畅最优先
// 丽湖校区至畅羽毛球场优先级设置
if (CONFIG.CAMPUS === "丽湖" && CONFIG.SPORT === "羽毛球") {
// 匹配"5号场"或"五号场"
if (venueName.includes("5号场") || venueName.includes("五号场")) {
courtPriority = -2; // 5号场地最优先
}
// 匹配"10号场"或"十号场"
else if (venueName.includes("10号场") || venueName.includes("十号场")) {
courtPriority = -1; // 10号场地次优先
}
// 匹配"1号场"或"一号场"
else if (venueName.match(/[^0-9]1号场|^1号场|一号场/)) {
courtPriority = 2; // 1号场地最低优先级
}
// 匹配"6号场"或"六号场"
else if (venueName.includes("6号场") || venueName.includes("六号场")) {
courtPriority = 2; // 6号场地最低优先级
}
// 其他至畅场地为默认优先级 0
}
} else if (venueName.includes("至快")) {
venuePriority = 1; // 至快次之
}
const slotInfo = {
name: `${timeSlot} - ${venueName}`,
wid: room.WID,
timeSlot: timeSlot,
startTime: startTime,
endTime: endTime,
venueName: venueName,
venueCode: room.CGBM || '',
priority: CONFIG.PREFERRED_TIMES.indexOf(timeSlot),
venuePriority: venuePriority,
courtPriority: courtPriority // 场地优先级
};
allAvailable.push(slotInfo);
availableCount++;
}
}
// 只在找到可预约场地时显示简化信息
if (availableCount > 0) {
addLog(`✅ ${timeSlot} 找到 ${availableCount} 个可预约场地`, 'success');
}
}
}
// 排序逻辑：优先级数字越小越优先
allAvailable.sort((a, b) => {
// 首先按场地优先级排序（数字越小优先级越高）
if (a.courtPriority !== b.courtPriority) {
return a.courtPriority - b.courtPriority;
}
// 其次按场馆优先级排序
if (a.venuePriority !== b.venuePriority) {
return a.venuePriority - b.venuePriority;
}
// 最后按时间优先级排序
return a.priority - b.priority;
});
// 🔍 简化调试信息显示
if (allAvailable.length > 0) {
// 只在羽毛球且有特殊优先级场地时显示详细信息
if (CONFIG.CAMPUS === "丽湖" && CONFIG.SPORT === "羽毛球") {
const hasSpecialCourts = allAvailable.some(slot =>
slot.courtPriority === -2 || slot.courtPriority === -1
);
if (hasSpecialCourts) {
const topSlot = allAvailable[0];
let priorityText = "";
if (topSlot.courtPriority === -2) {
priorityText = " (🏆 5号场优先)";
} else if (topSlot.courtPriority === -1) {
priorityText = " (⭐ 10号场)";
}
addLog(`🎯 优选场地: ${topSlot.venueName}${priorityText}`, 'info');
}
}
}
return allAvailable;
} catch (error) {
addLog(`🔥 获取时段失败: ${error.message}`, 'error');
return [];
}
}
// 预约场地
async function bookSlot(wid, slotName) {
try {
const timeSlot = CONFIG.PREFERRED_TIMES.find(time => slotName.includes(time));
if (!timeSlot) {
addLog(`❌ 无法从 ${slotName} 中提取时间信息`, 'error');
return false;
}
// 使用新的场馆代码映射
let venueCode = "104"; // 默认值
for (const [venueName, code] of Object.entries(VENUE_CODES)) {
if (slotName.includes(venueName)) {
venueCode = code;
break;
}
}
const [startTime, endTime] = timeSlot.split("-");
const sportCode = SPORT_CODES[CONFIG.SPORT];
const campusCode = CAMPUS_CODES[CONFIG.CAMPUS];
const payload = new URLSearchParams({
DHID: "",
YYRGH: CONFIG.USER_INFO.YYRGH,
CYRS: "",
YYRXM: CONFIG.USER_INFO.YYRXM,
CGDM: venueCode,
CDWID: wid,
XMDM: sportCode,
XQWID: campusCode,
KYYSJD: timeSlot,
YYRQ: CONFIG.TARGET_DATE,
YYLX: CONFIG.YYLX,
YYKS: `${CONFIG.TARGET_DATE} ${startTime}`,
YYJS: `${CONFIG.TARGET_DATE} ${endTime}`,
PC_OR_PHONE: "pc"
});
// 使用优化的请求函数
const response = await fetchWithTimeout(
"https://ehall.szu.edu.cn/qljfwapp/sys/lwSzuCgyy/sportVenue/insertVenueBookingInfo.do",
{
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'X-Requested-With': 'XMLHttpRequest',
'Accept': 'application/json, text/javascript, */*; q=0.01'
},
body: payload
}
);
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
const result = await response.json();
if (result.code === "0" && result.msg === "成功") {
const dhid = result.data?.DHID || "Unknown";
addLog(`🎉 预约成功！场地：${slotName}`, 'success');
addLog(`📋 预约单号：${dhid}`, 'success');
successfulBookings.push({
timeSlot: timeSlot,
venueName: slotName,
dhid: dhid,
slotName: slotName
});
updateProgress();
return true;
} else {
const errorMsg = result.msg || "未知错误";
addLog(`❌ 预约失败：${errorMsg}`, 'error');
if (errorMsg.includes("只能预订2次") || errorMsg.includes("超过限制")) {
addLog(`🎊 已达到预约上限！`, 'success');
return 'limit_reached';
}
return false;
}
} catch (error) {
addLog(`💥 预约异常: ${error.message}`, 'error');
return false;
}
}
// 主抢票循环
async function startBooking() {
if (isRunning) return;
isRunning = true;
retryCount = 0;
startTime = new Date();
const currentMaxBookings = getMaxBookings(); // 获取当前最大预约数量
const startBtn = document.getElementById('start-btn');
if (startBtn) {
startBtn.textContent = '⏹️ 停止抢票';
startBtn.style.background = 'linear-gradient(45deg, #f44336, #d32f2f)';
}
addLog(`🚀 开始自动抢票！`, 'success');
addLog(`📊 ${CONFIG.SPORT} | ${CONFIG.CAMPUS} | ${CONFIG.TARGET_DATE} | 目标: ${currentMaxBookings} 个时段`, 'info');
// 添加场馆选择提示
if (CONFIG.SPORT === "羽毛球") {
if (CONFIG.PREFERRED_VENUE === "全部") {
addLog(`🏟️ 场馆策略: 全部场馆 (至畅 > 至快)`, 'info');
} else {
addLog(`🏟️ 场馆策略: 仅${CONFIG.PREFERRED_VENUE}体育馆`, 'info');
}
// 只在丽湖至畅时显示优先级提示
if (CONFIG.CAMPUS === "丽湖" && (CONFIG.PREFERRED_VENUE === "至畅" || CONFIG.PREFERRED_VENUE === "全部")) {
addLog(`🎾 至畅场地优先级: 5号 > 10号 > 其他 > 1号/6号`, 'info');
}
}
try {
while (isRunning && retryCount < CONFIG.MAX_RETRY_TIMES) {
if (successfulBookings.length >= currentMaxBookings) {
addLog(`🎊 恭喜！已成功预约 ${currentMaxBookings} 个时间段！`, 'success');
break;
}
retryCount++;
// 简化查询进度显示
if (retryCount === 1 || retryCount % 10 === 0 || retryCount <= 5) {
addLog(`🔍 第 ${retryCount} 次查询 (${successfulBookings.length}/${currentMaxBookings})`);
}
const availableSlots = await getAvailableSlots();
if (availableSlots.length > 0) {
// 简化找到场地的提示
if (availableSlots.length <= 5) {
addLog(`🎉 找到 ${availableSlots.length} 个可预约时段`, 'success');
} else {
addLog(`🎉 找到 ${availableSlots.length} 个可预约时段 (显示前5个)`, 'success');
}
const bookedTimeSlots = successfulBookings.map(booking => booking.timeSlot);
const remainingSlots = availableSlots.filter(slot =>
!bookedTimeSlots.includes(slot.timeSlot)
);
if (remainingSlots.length > 0) {
const timeSlotGroups = {};
remainingSlots.forEach(slot => {
if (!timeSlotGroups[slot.timeSlot]) {
timeSlotGroups[slot.timeSlot] = [];
}
timeSlotGroups[slot.timeSlot].push(slot);
});
for (const timeSlot of CONFIG.PREFERRED_TIMES) {
if (successfulBookings.length >= currentMaxBookings) break;
if (bookedTimeSlots.includes(timeSlot)) continue;
if (timeSlotGroups[timeSlot]) {
const slotsInTime = timeSlotGroups[timeSlot];
// 重新排序以确保优先级正确
slotsInTime.sort((a, b) => {
if (a.courtPriority !== b.courtPriority) {
return a.courtPriority - b.courtPriority;
}
return a.venuePriority - b.venuePriority;
});
const firstSlot = slotsInTime[0];
// 简化选择场地信息显示
let priorityText = "";
if (CONFIG.CAMPUS === "丽湖" && CONFIG.SPORT === "羽毛球" && firstSlot.venueName.includes("至畅")) {
if (firstSlot.courtPriority === -2) {
priorityText = " 🏆";
} else if (firstSlot.courtPriority === -1) {
priorityText = " ⭐";
} else if (firstSlot.courtPriority === 2) {
priorityText = " 🔻";
}
}
addLog(`🎯 预约: ${firstSlot.venueName}${priorityText}`, 'info');
const result = await bookSlot(firstSlot.wid, firstSlot.name);
if (result === true) {
addLog(`✨ ${timeSlot} 预约成功！`, 'success');
if (successfulBookings.length < currentMaxBookings) {
await new Promise(resolve => setTimeout(resolve, 1000));
}
} else if (result === 'limit_reached') {
break;
} else {
await new Promise(resolve => setTimeout(resolve, 500));
}
}
}
}
} else {
// 简化无可用场地的提示
if (retryCount <= 3 || retryCount % 20 === 0) {
addLog(`🔍 暂无可预约场地`, 'warning');
}
}
if (successfulBookings.length < currentMaxBookings && isRunning && retryCount < CONFIG.MAX_RETRY_TIMES) {
// 只在前几次或间隔显示等待信息
if (retryCount <= 3 || retryCount % 30 === 0) {
addLog(`⏳ 等待 ${CONFIG.RETRY_INTERVAL} 秒后重试...`);
}
await new Promise(resolve => setTimeout(resolve, CONFIG.RETRY_INTERVAL * 1000));
}
}
} catch (error) {
addLog(`💥 程序异常: ${error.message}`, 'error');
} finally {
stopBooking();
}
}
// 停止抢票
function stopBooking() {
if (!isRunning) return; // 防止重复调用
isRunning = false;
const currentMaxBookings = getMaxBookings();
const startBtn = document.getElementById('start-btn');
if (startBtn) {
startBtn.textContent = '🚀 开始抢票';
startBtn.style.background = 'linear-gradient(45deg, #ff6b6b, #ee5a52)';
}
if (successfulBookings.length > 0) {
addLog(`🎉 抢票结束！成功预约 ${successfulBookings.length}/${currentMaxBookings} 个时段`, 'success');
successfulBookings.forEach((booking, index) => {
addLog(`${index + 1}. ${booking.slotName} (${booking.dhid})`, 'success');
});
} else {
addLog(`😢 很遗憾，没有成功预约到任何时段`, 'warning');
}
const elapsed = startTime ? Math.round((new Date() - startTime) / 1000) : 0;
addLog(`📊 运行时间: ${elapsed}秒, 查询次数: ${retryCount}`, 'info');
}
// iOS兼容的初始化检查
function checkIOSCompatibility() {
const issues = [];
// 检查存储可用性
if (!Storage.set('test', 'test') || Storage.get('test') !== 'test') {
issues.push('存储功能受限');
}
// 检查 fetch 支持
if (typeof fetch === 'undefined') {
issues.push('网络请求不支持');
}
// 检查触摸支持
if (isIOS && !isTouchDevice) {
issues.push('触摸事件检测异常');
}
if (issues.length > 0) {
addLog(`⚠️ iOS兼容性问题: ${issues.join(', ')}`, 'warning');
addLog(`💡 建议刷新页面或重启Safari`, 'info');
} else {
addLog(`✅ iOS兼容性检查通过`, 'success');
}
return issues.length === 0;
}
// 修改初始化函数，增加更多调试信息
function init() {
if (!window.location.href.includes('ehall.szu.edu.cn/qljfwapp/sys/lwSzuCgyy')) {
console.log('URL 不匹配，退出初始化');
return;
}
console.log('开始初始化...', {
isMobile,
isIOS,
isIPad,
isTouchDevice,
userAgent: navigator.userAgent,
platform: navigator.platform,
maxTouchPoints: navigator.maxTouchPoints,
hasPointerEvent: !!window.PointerEvent
});
// 检查 PointerEvent 支持
if (window.PointerEvent) {
console.log('✅ 支持 PointerEvent API');
} else {
console.log('❌ 不支持 PointerEvent API，使用 TouchEvent');
}
// iOS兼容性检查
const isCompatible = checkIOSCompatibility();
// 创建浮动按钮
floatingButton = createFloatingButton();
console.log('浮动按钮创建完成', floatingButton);
// 创建控制面板
controlPanel = createControlPanel();
console.log('控制面板创建完成', controlPanel);
updateDisplayConfig();
const deviceInfo = isIPad ? 'iPad' : (isMobile ? '移动端' : '桌面端');
addLog(`🎮 自动抢票助手已就绪！(${deviceInfo})`, 'success');
if (isIOS) {
addLog(`🍎 iOS优化版本，触摸操作已优化`, 'info');
if (window.PointerEvent) {
addLog(`🎯 使用 PointerEvent API`, 'info');
} else {
addLog(`📱 使用 TouchEvent API`, 'info');
}
if (!isCompatible) {
addLog(`⚠️ 发现兼容性问题，建议检查Safari设置`, 'warning');
}
}
addLog(`📝 已加载配置，可随时修改`, 'info');
console.log('初始化完成');
// 测试面板状态
console.log('初始面板状态:', isPanelVisible);
}
// 确保页面加载完成后初始化
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
// DOM 已经加载完成
setTimeout(init, 100); // 稍作延迟以确保页面元素完全就绪
}
})();