+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
@@ -421,10 +648,154 @@ try {
alert('预约信息已复制到剪贴板！');
}
- // 设置最小日期为今天
- document.querySelectorAll('input[type="date"]').forEach(input => {
- input.min = new Date().toISOString().split('T')[0];
+ // 工作时间设置
+ const workingHours = {
+ start: 0, // 00:00
+ end: 24, // 24:00
+ slotDuration: 30 // 30分钟一个时段
+ };
+
+ // 预约数据
+ const bookingsByDate_ = ;
+
+ // 页面加载时初始化第一个预约的日期和时间
+ document.addEventListener('DOMContentLoaded', function() {
+
+ // 初始化日期
+ selectDate(, '');
+
});
+
+ // 选择日期
+ function selectDate(submissionId, date) {
+ const calendarGrid = document.getElementById('calendarGrid_' + submissionId);
+ const timeGrid = document.getElementById('timeGrid_' + submissionId);
+ const selectedDateInput = document.getElementById('selected_date_' + submissionId);
+
+ // 更新日期输入
+ selectedDateInput.value = date;
+
+ // 更新日历选中状态
+ calendarGrid.querySelectorAll('.calendar-day').forEach(day => {
+ day.classList.remove('selected');
+ });
+ document.querySelector(`[data-date="${date}"]`).classList.add('selected');
+
+ // 生成时间段
+ generateTimeSlots(submissionId, date);
+ }
+
+ // 生成时间段
+ function generateTimeSlots(submissionId, date) {
+ const timeGrid = document.getElementById('timeGrid_' + submissionId);
+ const selectedTimeInput = document.getElementById('selected_time_' + submissionId);
+
+ timeGrid.innerHTML = '';
+
+ // 获取当天已有预约
+ const dayBookings = bookingsByDate_[date] || [];
+
+ // 生成时间段
+ for (let hour = workingHours.start; hour < workingHours.end; hour++) {
+ for (let minute = 0; minute < 60; minute += workingHours.slotDuration) {
+ const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`;
+ const slotTime = new Date(`${date} ${timeString}:00`);
+ const now = new Date();
+ const isPast = slotTime <= now;
+ const isBooked = checkTimeSlotBooked(date, timeString, submissionId);
+
+ const slotDiv = document.createElement('div');
+ slotDiv.className = `time-slot ${isPast ? 'past' : ''} ${isBooked ? 'booked' : 'available'}`;
+ slotDiv.textContent = timeString;
+ slotDiv.onclick = () => selectTimeSlot(submissionId, timeString);
+
+ timeGrid.appendChild(slotDiv);
+ }
+ }
+
+ selectedTimeInput.value = '';
+ }
+
+ // 检查时间段是否已被预约
+ function checkTimeSlotBooked(date, time, submissionId) {
+ const bookings = bookingsByDate_[date] || [];
+
+ for (let booking of bookings) {
+ const bookingStart = booking.start_time;
+ const bookingEnd = booking.end_time;
+
+ // 处理跨天预约的情况
+ if (booking.is_cross_day) {
+ // 如果是跨天预约的第二天记录，所有时间都应该是已被预约的（从00:00到结束时间）
+ if (time < bookingEnd) {
+ return true; // 该时间段已被预约
+ }
+ } else {
+ // 正常预约检查
+ if (time >= bookingStart && time < bookingEnd) {
+ return true; // 该时间段已被预约
+ }
+ }
+ }
+ return false; // 该时间段可用
+ }
+
+ // 选择时间
+ function selectTimeSlot(submissionId, time) {
+ const selectedTimeInput = document.getElementById('selected_time_' + submissionId);
+
+ // 更新时间输入
+ selectedTimeInput.value = time;
+
+ // 更新时间段选中状态
+ const timeGrid = document.getElementById('timeGrid_' + submissionId);
+ timeGrid.querySelectorAll('.time-slot').forEach(slot => {
+ slot.classList.remove('selected');
+ });
+
+ const slotElement = timeGrid.querySelector(`[onclick="selectTimeSlot(${submissionId}, '${time}')"]`);
+ if (slotElement) {
+ slotElement.classList.add('selected');
+ }
+ }
+
+ // 更新套餐信息
+ function updatePackageInfo(submissionId) {
+ const packageSelect = document.getElementById('selected_package_' + submissionId);
+ const selectedOption = packageSelect.options[packageSelect.selectedIndex];
+ const packageInfoDiv = document.getElementById('packageInfo_' + submissionId);
+ const durationInput = document.getElementById('duration_' + submissionId);
+ const totalPriceInput = document.getElementById('total_price_' + submissionId);
+
+ if (selectedOption && selectedOption.value) {
+ const packageId = parseInt(selectedOption.value);
+ const duration = parseInt(selectedOption.getAttribute('data-duration'));
+ const price = parseFloat(selectedOption.getAttribute('data-price'));
+ const services = JSON.parse(selectedOption.getAttribute('data-services'));
+
+ // 更新套餐信息显示
+ document.getElementById('packageName_' + submissionId).textContent = selectedOption.textContent;
+ document.getElementById('packageDuration_' + submissionId).textContent = `基础时长: ${duration}分钟`;
+ document.getElementById('packagePrice_' + submissionId).textContent = `套餐价格: ￥${price.toFixed(2)}`;
+
+ // 更新服务项目显示
+ const servicesContainer = document.getElementById('packageServices_' + submissionId);
+ if (services && services.length > 0) {
+ servicesContainer.innerHTML = '
包含服务:' +
+ services.map(service => `• ${service}`).join('
');
+ } else {
+ servicesContainer.innerHTML = '';
+ }
+
+ // 更新时长和价格
+ durationInput.value = duration;
+ totalPriceInput.value = price.toFixed(2);
+
+ packageInfoDiv.style.display = 'block';
+ } else {
+ packageInfoDiv.style.display = 'none';
+ }
+ }