| | |
| | | |
| | | var objectType =$("#objectType").val() |
| | | data.halfName= halfName; |
| | | var introduce=""; |
| | | if (objectType==1){ |
| | | introduce = TSiteInfo.editor.getContent(); |
| | | } |
| | | |
| | | console.log(introduce) |
| | | if(introduce==""){ |
| | | Feng.info("请输入公告内容") |
| | | return; |
| | | console.log(introduce) |
| | | if(introduce==""){ |
| | | Feng.info("请输入场地说明") |
| | | return; |
| | | } |
| | | } |
| | | data.introduce= introduce; |
| | | |
| | | |
| | | var goodImgs = TSiteInfo.goodsPicArray; |
| | | |
| | | if(goodImgs.length==0){ |
| | |
| | | TSiteInfo.close = function() { |
| | | parent.layer.close(window.parent.TSite.layerIndex); |
| | | } |
| | | |
| | | /** |
| | | * 下一步:切换到价格配置 |
| | | */ |
| | | TSiteInfo.nextStep = function() { |
| | | // 校验步骤一的必填字段 |
| | | if (!TSiteInfo.validateBasicInfo()) { |
| | | return; |
| | | } |
| | | |
| | | var siteName = $("#name").val(); |
| | | var isHalf = $("input[name='ishalf']:checked").val() || 2; |
| | | |
| | | // 收集子场地名称 |
| | | var nextNames = []; |
| | | $("input[name='name1']").each(function() { |
| | | var val = $(this).val(); |
| | | if (val) { |
| | | nextNames.push(val); |
| | | } |
| | | }); |
| | | |
| | | // 收集半场名称 |
| | | var halfNames = []; |
| | | $("input[name='name2']").each(function() { |
| | | var val = $(this).val(); |
| | | if (val) { |
| | | halfNames.push(val); |
| | | } |
| | | }); |
| | | |
| | | // 保存信息到全局变量 |
| | | TSiteInfo.priceConfig = { |
| | | siteName: siteName, |
| | | isHalf: isHalf, |
| | | nextNames: nextNames, |
| | | halfNames: halfNames, |
| | | timeSlots: [], |
| | | priceData: {} |
| | | }; |
| | | |
| | | // 显示场地信息 |
| | | $("#display_site_name").text(siteName); |
| | | if (nextNames.length > 0) { |
| | | $("#display_next_names").html(" | <strong>子场地:</strong>" + nextNames.join('、')); |
| | | } |
| | | if (isHalf == 1 && halfNames.length > 0) { |
| | | $("#display_half_names").html(" | <strong>半场:</strong>" + halfNames.join('、')); |
| | | } |
| | | |
| | | // 切换步骤 |
| | | $("#step1_basic_info").removeClass('active'); |
| | | $("#step2_price_config").addClass('active'); |
| | | |
| | | // 初始化价格配置 |
| | | TSiteInfo.initPriceConfig(); |
| | | |
| | | // 滚动到顶部 |
| | | $('html, body').animate({scrollTop: 0}, 300); |
| | | } |
| | | |
| | | /** |
| | | * 验证步骤一的必填字段 |
| | | */ |
| | | TSiteInfo.validateBasicInfo = function() { |
| | | // 验证门店 |
| | | if ($("#store").val() == '') { |
| | | Feng.error("请选择门店"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证场地分类 |
| | | if ($("#siteTypeId").val() == '') { |
| | | Feng.error("请选择场地分类"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证场地名称 |
| | | if ($("#name").val() == '') { |
| | | Feng.error("请输入场地名称"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证场地责任险有效期 |
| | | if ($("#insuranceEndTime").val() == '') { |
| | | Feng.error("请输入场地责任险有效期"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证场地责任险图片 |
| | | if ($("#img").val() == '') { |
| | | Feng.error("请上传场地责任有效期图片"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证消防及应急管理方案 |
| | | if ($('#courseVideo').val() == '') { |
| | | Feng.error("请上传消防及应急管理方案"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证运营商 |
| | | var SelectValue = ""; |
| | | $("input[name='pt']:checked").each(function(j) { |
| | | if (j >= 0) { |
| | | SelectValue += $(this).val(); |
| | | } |
| | | }); |
| | | if (SelectValue == '') { |
| | | let yys = $("#yys").val(); |
| | | if (yys == "") { |
| | | Feng.error("请选择运营商"); |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | // 验证对象类型相关字段 |
| | | var objectType = $("#objectType").val(); |
| | | if (objectType == 1) { |
| | | // 验证公告内容 |
| | | var introduce = TSiteInfo.editor.getContent(); |
| | | if (introduce == "") { |
| | | Feng.error("请输入公告内容"); |
| | | return false; |
| | | } |
| | | |
| | | // 验证实景图 |
| | | var goodImgs = TSiteInfo.goodsPicArray; |
| | | if (goodImgs.length == 0) { |
| | | Feng.error("请上传实景图"); |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | return true; |
| | | } |
| | | |
| | | /** |
| | | * 上一步:返回基本信息 |
| | | */ |
| | | TSiteInfo.previousStep = function() { |
| | | $("#step2_price_config").removeClass('active'); |
| | | $("#step1_basic_info").addClass('active'); |
| | | |
| | | // 滚动到顶部 |
| | | $('html, body').animate({scrollTop: 0}, 300); |
| | | } |
| | | |
| | | /** |
| | | * 初始化价格配置 |
| | | */ |
| | | TSiteInfo.initPriceConfig = function() { |
| | | // 清空价格表 |
| | | $("#booking_price_tbody").empty(); |
| | | $("#walkin_price_tbody").empty(); |
| | | |
| | | // 隐藏价格表区域 |
| | | $("#booking_section").hide(); |
| | | $("#walkin_section").hide(); |
| | | |
| | | // 标记价格表未生成 |
| | | TSiteInfo.priceTablesGenerated = false; |
| | | |
| | | // 初始化计数器 |
| | | TSiteInfo.bookingRowIndex = 0; |
| | | TSiteInfo.walkinRowIndex = 0; |
| | | |
| | | // 监听人群选择变化 |
| | | $("#audience_booking, #audience_walkin").off('change').on('change', function() { |
| | | TSiteInfo.updateAudienceUI(); |
| | | // 如果价格表已生成,提示需要重新生成 |
| | | if (TSiteInfo.priceTablesGenerated) { |
| | | TSiteInfo.clearPriceTables(); |
| | | } |
| | | }); |
| | | |
| | | // 更新界面(但不显示价格表) |
| | | TSiteInfo.updateAudienceUI(); |
| | | |
| | | // 初始化是否可预定半场状态 |
| | | var isHalf = TSiteInfo.priceConfig.isHalf; |
| | | if (isHalf == 1) { |
| | | $("input[name='ishalf_step2'][value='1']").prop('checked', true); |
| | | $("#halfCode_step2").show(); |
| | | } else { |
| | | $("input[name='ishalf_step2'][value='2']").prop('checked', true); |
| | | $("#halfCode_step2").hide(); |
| | | } |
| | | |
| | | // 加载已有的价格数据(如果是编辑模式) |
| | | var siteId = $("#id").val(); |
| | | if (siteId) { |
| | | TSiteInfo.loadSitePrices(siteId); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * 加载场地价格数据 |
| | | */ |
| | | TSiteInfo.loadSitePrices = function(siteId) { |
| | | $.ajax({ |
| | | url: Feng.ctxPath + "/tSite/getSitePrices/" + siteId, |
| | | type: "GET", |
| | | success: function(response) { |
| | | if (response.code === 200 && response.data && response.data.length > 0) { |
| | | TSiteInfo.renderPriceData(response.data); |
| | | } |
| | | }, |
| | | error: function(xhr, status, error) { |
| | | console.error("加载价格数据失败", error); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * 渲染价格数据到页面 |
| | | */ |
| | | TSiteInfo.renderPriceData = function(priceData) { |
| | | // 分析数据,确定面向人群 |
| | | var hasBooking = false; |
| | | var hasWalkin = false; |
| | | var walkinCapacity = 0; |
| | | |
| | | for (var i = 0; i < priceData.length; i++) { |
| | | if (priceData[i].targetAudience == 1) { |
| | | hasBooking = true; |
| | | } else if (priceData[i].targetAudience == 2) { |
| | | hasWalkin = true; |
| | | } |
| | | } |
| | | |
| | | // 设置面向人群复选框 |
| | | $("#audience_booking").prop('checked', hasBooking); |
| | | $("#audience_walkin").prop('checked', hasWalkin); |
| | | |
| | | // 如果有散客,从隐藏字段获取并设置容纳散客数 |
| | | if (hasWalkin) { |
| | | $("#walkin_capacity_group").show(); |
| | | var walkinCapacity = $("#walkinCapacity").val(); |
| | | if (walkinCapacity) { |
| | | $("#walkin_capacity").val(walkinCapacity); |
| | | } |
| | | } |
| | | |
| | | // 生成价格表(回显场景不自动添加空白行) |
| | | TSiteInfo.generatePriceTables(false); |
| | | |
| | | // 按时段分组价格数据 |
| | | var timeSlotMap = {}; |
| | | for (var i = 0; i < priceData.length; i++) { |
| | | var item = priceData[i]; |
| | | var key = item.targetAudience + "_" + item.startTime + "_" + item.endTime; |
| | | |
| | | if (!timeSlotMap[key]) { |
| | | timeSlotMap[key] = { |
| | | targetAudience: item.targetAudience, |
| | | startTime: item.startTime, |
| | | endTime: item.endTime, |
| | | days: {} |
| | | }; |
| | | } |
| | | |
| | | if (!timeSlotMap[key].days[item.dayOfWeek]) { |
| | | timeSlotMap[key].days[item.dayOfWeek] = {}; |
| | | } |
| | | |
| | | var fieldTypeKey = item.fieldType == 1 ? 'full' : 'half'; |
| | | timeSlotMap[key].days[item.dayOfWeek][fieldTypeKey] = { |
| | | cashPrice: item.cashPrice, |
| | | coinPrice: item.coinPrice |
| | | }; |
| | | } |
| | | |
| | | // 填充数据到表格 |
| | | for (var key in timeSlotMap) { |
| | | var timeSlot = timeSlotMap[key]; |
| | | var targetAudience = timeSlot.targetAudience; |
| | | var isBooking = (targetAudience == 1); |
| | | |
| | | // 添加时段行 |
| | | if (isBooking) { |
| | | TSiteInfo.addBookingTimeSlot(); |
| | | var index = TSiteInfo.bookingRowIndex - 1; |
| | | |
| | | // 设置时间 |
| | | $("#booking_start_" + index).val(timeSlot.startTime); |
| | | $("#booking_end_" + index).val(timeSlot.endTime); |
| | | |
| | | // 填充价格 |
| | | for (var day = 1; day <= 7; day++) { |
| | | if (timeSlot.days[day]) { |
| | | if (timeSlot.days[day].full) { |
| | | $("#booking_" + index + "_" + day + "_full_cash").val(timeSlot.days[day].full.cashPrice || ''); |
| | | $("#booking_" + index + "_" + day + "_full_coin").val(timeSlot.days[day].full.coinPrice || ''); |
| | | } |
| | | if (timeSlot.days[day].half) { |
| | | $("#booking_" + index + "_" + day + "_half_cash").val(timeSlot.days[day].half.cashPrice || ''); |
| | | $("#booking_" + index + "_" + day + "_half_coin").val(timeSlot.days[day].half.coinPrice || ''); |
| | | } |
| | | } |
| | | } |
| | | } else { |
| | | TSiteInfo.addWalkinTimeSlot(); |
| | | var index = TSiteInfo.walkinRowIndex - 1; |
| | | |
| | | // 设置时间 |
| | | $("#walkin_start_" + index).val(timeSlot.startTime); |
| | | $("#walkin_end_" + index).val(timeSlot.endTime); |
| | | |
| | | // 填充价格 |
| | | for (var day = 1; day <= 7; day++) { |
| | | if (timeSlot.days[day]) { |
| | | if (timeSlot.days[day].full) { |
| | | $("#walkin_" + index + "_" + day + "_full_cash").val(timeSlot.days[day].full.cashPrice || ''); |
| | | $("#walkin_" + index + "_" + day + "_full_coin").val(timeSlot.days[day].full.coinPrice || ''); |
| | | } |
| | | if (timeSlot.days[day].half) { |
| | | $("#walkin_" + index + "_" + day + "_half_cash").val(timeSlot.days[day].half.cashPrice || ''); |
| | | $("#walkin_" + index + "_" + day + "_half_coin").val(timeSlot.days[day].half.coinPrice || ''); |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * 生成价格表 |
| | | * @param {boolean} autoAddRow - 是否自动添加空白时段,默认为 true |
| | | */ |
| | | TSiteInfo.generatePriceTables = function(autoAddRow) { |
| | | // 默认自动添加空白时段 |
| | | if (autoAddRow === undefined) { |
| | | autoAddRow = true; |
| | | } |
| | | |
| | | // 验证人群选择 |
| | | var bookingChecked = $("#audience_booking").is(':checked'); |
| | | var walkinChecked = $("#audience_walkin").is(':checked'); |
| | | |
| | | if (!bookingChecked && !walkinChecked) { |
| | | Feng.error("请至少选择一种面向人群!"); |
| | | return; |
| | | } |
| | | |
| | | // 验证容纳散客数 |
| | | if (walkinChecked) { |
| | | var walkinCapacity = $("#walkin_capacity").val(); |
| | | if (!walkinCapacity || parseInt(walkinCapacity) <= 0) { |
| | | Feng.error("请输入有效的容纳散客数!"); |
| | | return; |
| | | } |
| | | } |
| | | |
| | | // 清除现有价格表 |
| | | TSiteInfo.clearPriceTables(); |
| | | |
| | | // 生成表头 |
| | | TSiteInfo.buildTableHeaders(); |
| | | |
| | | // 显示对应的价格表区域 |
| | | if (bookingChecked) { |
| | | $("#booking_section").show(); |
| | | // 根据参数决定是否自动添加一条订场时段 |
| | | if (autoAddRow) { |
| | | TSiteInfo.addBookingTimeSlot(); |
| | | } |
| | | } |
| | | if (walkinChecked) { |
| | | $("#walkin_section").show(); |
| | | // 根据参数决定是否自动添加一条散客时段 |
| | | if (autoAddRow) { |
| | | TSiteInfo.addWalkinTimeSlot(); |
| | | } |
| | | } |
| | | |
| | | // 标记价格表已生成 |
| | | TSiteInfo.priceTablesGenerated = true; |
| | | |
| | | if (autoAddRow) { |
| | | Feng.success("价格表已生成,请填写价格!"); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * 清除价格表 |
| | | */ |
| | | TSiteInfo.clearPriceTables = function() { |
| | | // 清空价格表内容 |
| | | $("#booking_price_tbody").empty(); |
| | | $("#walkin_price_tbody").empty(); |
| | | |
| | | // 隐藏价格表区域 |
| | | $("#booking_section").hide(); |
| | | $("#walkin_section").hide(); |
| | | |
| | | // 重置计数器 |
| | | TSiteInfo.bookingRowIndex = 0; |
| | | TSiteInfo.walkinRowIndex = 0; |
| | | |
| | | // 标记价格表未生成 |
| | | TSiteInfo.priceTablesGenerated = false; |
| | | |
| | | Feng.info("价格配置已清除,请重新生成价格表!"); |
| | | } |
| | | |
| | | /** |
| | | * 添加场地名 |
| | | */ |
| | | TSiteInfo.addFieldBox = function() { |
| | | var html = '<div class="field-item">' + |
| | | '<label>*单个场地名</label>' + |
| | | '<input type="text" name="name1_step2" class="form-control" style="flex:1;margin-right:10px;" placeholder="请输入场地名"/>' + |
| | | '<i class="fa fa-remove btn-remove" onclick="TSiteInfo.removeFieldBox(this)"></i>' + |
| | | '</div>'; |
| | | $("#field_container").append(html); |
| | | } |
| | | |
| | | /** |
| | | * 删除场地名 |
| | | */ |
| | | TSiteInfo.removeFieldBox = function(btn) { |
| | | $(btn).closest('.field-item').remove(); |
| | | } |
| | | |
| | | /** |
| | | * 添加半场名称 |
| | | */ |
| | | TSiteInfo.addHalfFieldBox = function() { |
| | | var html = '<div class="field-item">' + |
| | | '<label>*半场名称</label>' + |
| | | '<input type="text" name="name2_step2" class="form-control" style="flex:1;margin-right:10px;" placeholder="请输入半场名称"/>' + |
| | | '<i class="fa fa-remove btn-remove" onclick="TSiteInfo.removeHalfFieldBox(this)"></i>' + |
| | | '</div>'; |
| | | $("#half_field_container").append(html); |
| | | } |
| | | |
| | | /** |
| | | * 删除半场名称 |
| | | */ |
| | | TSiteInfo.removeHalfFieldBox = function(btn) { |
| | | $(btn).closest('.field-item').remove(); |
| | | } |
| | | |
| | | /** |
| | | * 更新半场字段显示 |
| | | */ |
| | | TSiteInfo.updateHalfField = function(value) { |
| | | if (value == 1) { |
| | | $("#halfCode_step2").show(); |
| | | // 更新isHalf |
| | | TSiteInfo.priceConfig.isHalf = 1; |
| | | } else { |
| | | $("#halfCode_step2").hide(); |
| | | TSiteInfo.priceConfig.isHalf = 2; |
| | | } |
| | | |
| | | // 如果价格表已生成,清除价格表 |
| | | if (TSiteInfo.priceTablesGenerated) { |
| | | TSiteInfo.clearPriceTables(); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * 更新人群相关UI |
| | | */ |
| | | TSiteInfo.updateAudienceUI = function() { |
| | | var walkinChecked = $("#audience_walkin").is(':checked'); |
| | | |
| | | // 只控制容纳散客数字段的显示/隐藏 |
| | | // 价格表的显示由生成按钮控制 |
| | | if (walkinChecked) { |
| | | $("#walkin_capacity_group").show(); |
| | | } else { |
| | | $("#walkin_capacity_group").hide(); |
| | | } |
| | | } |
| | | |
| | | /** |
| | | * 构建表头 |
| | | */ |
| | | TSiteInfo.buildTableHeaders = function() { |
| | | var isHalf = TSiteInfo.priceConfig.isHalf; |
| | | |
| | | var headerHtml = '<tr>' + |
| | | '<th rowspan="3" width="120">时段开始</th>' + |
| | | '<th rowspan="3" width="120">时段结束</th>'; |
| | | |
| | | // 周一到周日的表头 |
| | | var weekDays = ['周一', '周二', '周三', '周四', '周五', '周六', '周日']; |
| | | |
| | | if (isHalf == 1) { |
| | | // 如果可预订半场,每天有4列(全场×2 + 半场×2) |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th colspan="4">' + weekDays[i] + '</th>'; |
| | | } |
| | | headerHtml += '<th rowspan="3" width="80">操作</th>' + |
| | | '</tr>' + |
| | | '<tr>'; |
| | | |
| | | // 第二行:全场/半场 |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th colspan="2">全场</th>' + |
| | | '<th colspan="2">半场</th>'; |
| | | } |
| | | headerHtml += '</tr>' + |
| | | '<tr>'; |
| | | |
| | | // 第三行:现金/玩湃币 |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th width="80">现金</th>' + |
| | | '<th width="80">玩湃币</th>' + |
| | | '<th width="80">现金</th>' + |
| | | '<th width="80">玩湃币</th>'; |
| | | } |
| | | } else { |
| | | // 如果不可预订半场,每天有2列(全场×2) |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th colspan="2">' + weekDays[i] + '</th>'; |
| | | } |
| | | headerHtml += '<th rowspan="3" width="80">操作</th>' + |
| | | '</tr>' + |
| | | '<tr>'; |
| | | |
| | | // 第二行:全场 |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th colspan="2">全场</th>'; |
| | | } |
| | | headerHtml += '</tr>' + |
| | | '<tr>'; |
| | | |
| | | // 第三行:现金/玩湃币 |
| | | for (var i = 0; i < weekDays.length; i++) { |
| | | headerHtml += '<th width="80">现金</th>' + |
| | | '<th width="80">玩湃币</th>'; |
| | | } |
| | | } |
| | | |
| | | headerHtml += '</tr>'; |
| | | |
| | | // 设置表头 |
| | | $("#booking_thead").html(headerHtml); |
| | | $("#walkin_thead").html(headerHtml); |
| | | } |
| | | |
| | | /** |
| | | * 添加订场时段 |
| | | */ |
| | | TSiteInfo.addBookingTimeSlot = function() { |
| | | var isHalf = TSiteInfo.priceConfig.isHalf; |
| | | var index = TSiteInfo.bookingRowIndex++; |
| | | |
| | | var html = '<tr data-index="' + index + '">' + |
| | | '<td><input type="time" class="form-control" id="booking_start_' + index + '" value="09:00"></td>' + |
| | | '<td><input type="time" class="form-control" id="booking_end_' + index + '" value="10:00"></td>'; |
| | | |
| | | // 周一到周日,每天的价格输入框 |
| | | for (var day = 1; day <= 7; day++) { |
| | | if (isHalf == 1) { |
| | | // 全场现金、全场玩湃币、半场现金、半场玩湃币 |
| | | html += '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_full_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_full_coin" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_half_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_half_coin" min="0" step="0.01" placeholder="0"></td>'; |
| | | } else { |
| | | // 全场现金、全场玩湃币 |
| | | html += '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_full_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="booking_' + index + '_' + day + '_full_coin" min="0" step="0.01" placeholder="0"></td>'; |
| | | } |
| | | } |
| | | |
| | | html += '<td><button type="button" class="btn btn-sm btn-danger" onclick="TSiteInfo.removeTimeSlot(this)"><i class="fa fa-trash"></i></button></td>' + |
| | | '</tr>'; |
| | | |
| | | $("#booking_price_tbody").append(html); |
| | | } |
| | | |
| | | /** |
| | | * 添加散客时段 |
| | | */ |
| | | TSiteInfo.addWalkinTimeSlot = function() { |
| | | var isHalf = TSiteInfo.priceConfig.isHalf; |
| | | var index = TSiteInfo.walkinRowIndex++; |
| | | |
| | | var html = '<tr data-index="' + index + '">' + |
| | | '<td><input type="time" class="form-control" id="walkin_start_' + index + '" value="09:00"></td>' + |
| | | '<td><input type="time" class="form-control" id="walkin_end_' + index + '" value="10:00"></td>'; |
| | | |
| | | // 周一到周日,每天的价格输入框 |
| | | for (var day = 1; day <= 7; day++) { |
| | | if (isHalf == 1) { |
| | | // 全场现金、全场玩湃币、半场现金、半场玩湃币 |
| | | html += '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_full_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_full_coin" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_half_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_half_coin" min="0" step="0.01" placeholder="0"></td>'; |
| | | } else { |
| | | // 全场现金、全场玩湃币 |
| | | html += '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_full_cash" min="0" step="0.01" placeholder="0"></td>' + |
| | | '<td><input type="number" class="form-control price-input" id="walkin_' + index + '_' + day + '_full_coin" min="0" step="0.01" placeholder="0"></td>'; |
| | | } |
| | | } |
| | | |
| | | html += '<td><button type="button" class="btn btn-sm btn-danger" onclick="TSiteInfo.removeTimeSlot(this)"><i class="fa fa-trash"></i></button></td>' + |
| | | '</tr>'; |
| | | |
| | | $("#walkin_price_tbody").append(html); |
| | | } |
| | | |
| | | /** |
| | | * 删除时段 |
| | | */ |
| | | TSiteInfo.removeTimeSlot = function(btn) { |
| | | $(btn).closest('tr').remove(); |
| | | } |
| | | |
| | | /** |
| | | * 检查时段是否重叠 |
| | | */ |
| | | TSiteInfo.checkTimeOverlap = function(start1, end1, start2, end2) { |
| | | // 将时间字符串转换为分钟数便于比较 |
| | | var toMinutes = function(time) { |
| | | var parts = time.split(':'); |
| | | return parseInt(parts[0]) * 60 + parseInt(parts[1]); |
| | | }; |
| | | |
| | | var s1 = toMinutes(start1); |
| | | var e1 = toMinutes(end1); |
| | | var s2 = toMinutes(start2); |
| | | var e2 = toMinutes(end2); |
| | | |
| | | // 检查重叠:时段1的结束时间 > 时段2的开始时间 且 时段1的开始时间 < 时段2的结束时间 |
| | | return (e1 > s2 && s1 < e2); |
| | | } |
| | | |
| | | /** |
| | | * 验证订场和散客时段不重叠 |
| | | */ |
| | | TSiteInfo.validateNoTimeOverlap = function() { |
| | | var bookingTimeSlots = []; |
| | | var walkinTimeSlots = []; |
| | | |
| | | // 收集订场时段 |
| | | $("#booking_price_tbody tr").each(function() { |
| | | var index = $(this).data('index'); |
| | | var startTime = $("#booking_start_" + index).val(); |
| | | var endTime = $("#booking_end_" + index).val(); |
| | | if (startTime && endTime) { |
| | | bookingTimeSlots.push({start: startTime, end: endTime}); |
| | | } |
| | | }); |
| | | |
| | | // 收集散客时段 |
| | | $("#walkin_price_tbody tr").each(function() { |
| | | var index = $(this).data('index'); |
| | | var startTime = $("#walkin_start_" + index).val(); |
| | | var endTime = $("#walkin_end_" + index).val(); |
| | | if (startTime && endTime) { |
| | | walkinTimeSlots.push({start: startTime, end: endTime}); |
| | | } |
| | | }); |
| | | |
| | | // 检查订场时段之间是否重叠 |
| | | for (var i = 0; i < bookingTimeSlots.length; i++) { |
| | | for (var j = i + 1; j < bookingTimeSlots.length; j++) { |
| | | if (TSiteInfo.checkTimeOverlap( |
| | | bookingTimeSlots[i].start, bookingTimeSlots[i].end, |
| | | bookingTimeSlots[j].start, bookingTimeSlots[j].end |
| | | )) { |
| | | Feng.error("订场价格表中存在重叠的时段:" + |
| | | bookingTimeSlots[i].start + "-" + bookingTimeSlots[i].end + " 与 " + |
| | | bookingTimeSlots[j].start + "-" + bookingTimeSlots[j].end); |
| | | return false; |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 检查散客时段之间是否重叠 |
| | | for (var i = 0; i < walkinTimeSlots.length; i++) { |
| | | for (var j = i + 1; j < walkinTimeSlots.length; j++) { |
| | | if (TSiteInfo.checkTimeOverlap( |
| | | walkinTimeSlots[i].start, walkinTimeSlots[i].end, |
| | | walkinTimeSlots[j].start, walkinTimeSlots[j].end |
| | | )) { |
| | | Feng.error("散客价格表中存在重叠的时段:" + |
| | | walkinTimeSlots[i].start + "-" + walkinTimeSlots[i].end + " 与 " + |
| | | walkinTimeSlots[j].start + "-" + walkinTimeSlots[j].end); |
| | | return false; |
| | | } |
| | | } |
| | | } |
| | | |
| | | return true; |
| | | } |
| | | |
| | | /** |
| | | * 保存价格配置 |
| | | */ |
| | | TSiteInfo.savePriceConfig = function() { |
| | | // 验证价格表是否已生成 |
| | | if (!TSiteInfo.priceTablesGenerated) { |
| | | Feng.error("请先点击【生成价格表】按钮生成价格配置表!"); |
| | | return; |
| | | } |
| | | |
| | | // 验证人群选择 |
| | | var bookingChecked = $("#audience_booking").is(':checked'); |
| | | var walkinChecked = $("#audience_walkin").is(':checked'); |
| | | |
| | | if (!bookingChecked && !walkinChecked) { |
| | | Feng.error("请至少选择一种面向人群!"); |
| | | return; |
| | | } |
| | | |
| | | // 验证容纳散客数 |
| | | if (walkinChecked) { |
| | | var walkinCapacity = parseInt($("#walkin_capacity").val()); |
| | | if (!walkinCapacity || walkinCapacity <= 0) { |
| | | Feng.error("请输入有效的容纳散客数!"); |
| | | return; |
| | | } |
| | | } |
| | | |
| | | // 验证时段不重叠 |
| | | if (!TSiteInfo.validateNoTimeOverlap()) { |
| | | return; |
| | | } |
| | | |
| | | // 收集价格数据 |
| | | var priceDTOS = TSiteInfo.collectPriceData(); |
| | | |
| | | // 如果返回 null,说明验证失败,已经显示了具体错误信息 |
| | | if (priceDTOS === null) { |
| | | return; |
| | | } |
| | | |
| | | // 如果返回空数组,说明没有填写任何价格 |
| | | if (priceDTOS.length === 0) { |
| | | Feng.error("请至少添加一个时段并填写价格!"); |
| | | return; |
| | | } |
| | | |
| | | var siteId = $("#siteId").val(); |
| | | var isAddMode = !siteId; // 判断是新增模式还是编辑模式 |
| | | |
| | | // 收集场地配置 |
| | | var nextNames = []; |
| | | $("input[name='name1_step2']").each(function() { |
| | | var val = $(this).val(); |
| | | if (val) { |
| | | nextNames.push(val); |
| | | } |
| | | }); |
| | | |
| | | var halfNames = []; |
| | | $("input[name='name2_step2']").each(function() { |
| | | var val = $(this).val(); |
| | | if (val) { |
| | | halfNames.push(val); |
| | | } |
| | | }); |
| | | |
| | | var isHalf = $("input[name='ishalf_step2']:checked").val(); |
| | | |
| | | // 构建提交数据 |
| | | var targetAudience = []; |
| | | if (bookingChecked) targetAudience.push('1'); |
| | | if (walkinChecked) targetAudience.push('2'); |
| | | |
| | | var data = { |
| | | targetAudience: targetAudience.join(','), |
| | | walkinCapacity: walkinChecked ? parseInt($("#walkin_capacity").val()) : 0, |
| | | nextName: nextNames.join(','), |
| | | halfName: halfNames.join(','), |
| | | ishalf: parseInt(isHalf), |
| | | priceDTOS: priceDTOS |
| | | }; |
| | | |
| | | if (!isAddMode) { |
| | | data.siteId = parseInt(siteId); |
| | | } else { |
| | | // 新增模式:收集基本信息 |
| | | data = Object.assign(data, TSiteInfo.collectBasicData()); |
| | | if (!data.name) { // 如果基本信息收集失败 |
| | | return; |
| | | } |
| | | } |
| | | |
| | | // 确认提交 |
| | | layer.confirm('确定要保存价格配置吗?', { |
| | | btn: ['确定', '取消'] |
| | | }, function(index) { |
| | | layer.close(index); |
| | | |
| | | // 提交到后端 |
| | | var url = isAddMode ? "/tSite/addSite" : "/tSite/savePriceConfig"; |
| | | var successMsg = isAddMode ? "场地添加成功!" : "价格配置保存成功!"; |
| | | |
| | | $.ajax({ |
| | | url: Feng.ctxPath + url, |
| | | type: "POST", |
| | | data: JSON.stringify(data), |
| | | contentType: "application/json", |
| | | success: function(response) { |
| | | Feng.success(successMsg); |
| | | // 刷新列表 |
| | | if (window.parent.TSite && window.parent.TSite.table) { |
| | | window.parent.TSite.table.refresh(); |
| | | } |
| | | // 关闭页面 |
| | | setTimeout(function() { |
| | | TSiteInfo.close(); |
| | | }, 1500); |
| | | }, |
| | | error: function(xhr, status, error) { |
| | | var errorMsg = "保存失败"; |
| | | if (xhr.responseJSON && xhr.responseJSON.message) { |
| | | errorMsg = xhr.responseJSON.message; |
| | | } |
| | | Feng.error(errorMsg); |
| | | } |
| | | }); |
| | | }); |
| | | } |
| | | |
| | | /** |
| | | * 收集基本信息数据(用于新增场地) |
| | | */ |
| | | TSiteInfo.collectBasicData = function() { |
| | | var data = { |
| | | province:"", |
| | | city:"", |
| | | cityManagerId:"", |
| | | storeId:"", |
| | | siteTypeId:null, |
| | | appointmentStartTime:"", |
| | | appointmentEndTime:"", |
| | | cashPrice:null, |
| | | playPaiCoin:null, |
| | | insuranceEndTime:"", |
| | | name:"", |
| | | insuranceImg:"", |
| | | managementPlan:"", |
| | | operatorId:"", |
| | | typeName:"", |
| | | nextName:"", |
| | | ishalf:"", |
| | | cashPriceOne:"", |
| | | playPaiCoinOne:"", |
| | | halfName:"", |
| | | introduce:"", |
| | | imgs:"", |
| | | reservation:"", |
| | | isCanBeBooked:"", |
| | | type:"", |
| | | }; |
| | | |
| | | data.province = $("#pCode").val() |
| | | data.city = $("#cCode").val() |
| | | data.cityManagerId = $("#account").val() |
| | | data.storeId = $("#store").val() |
| | | data.siteTypeId = $("#siteTypeId").val() |
| | | data.appointmentStartTime= $("#start-time").val() |
| | | data.appointmentEndTime = $("#end-time").val() |
| | | data.cashPrice = $("#cashPrice").val() |
| | | data.playPaiCoin = $("#playPaiCoin").val() |
| | | data.insuranceEndTime = $("#insuranceEndTime").val() |
| | | data.name = $("#name").val() |
| | | data.insuranceImg = $("#img").val() |
| | | data.managementPlan = $('#courseVideo').val() |
| | | data.typeName = $('#siteTypeOne').val() |
| | | |
| | | var reservation= $("input[name='reservation']:checked").val(); |
| | | data.reservation= reservation; |
| | | data.isCanBeBooked= reservation; |
| | | |
| | | var checkbox = document.querySelector('input[name="pt"]'); |
| | | if (checkbox!=null){ |
| | | if (checkbox.checked) { |
| | | data.type = 1 |
| | | data.operatorId = 0; |
| | | } else { |
| | | data.type = 2; |
| | | } |
| | | } |
| | | |
| | | var SelectValue=""; |
| | | var getSelectValueMenbers = $("input[name='pt']:checked").each(function(j) { |
| | | if (j >= 0) { |
| | | SelectValue += $(this).val() |
| | | } |
| | | }); |
| | | if(SelectValue==''){ |
| | | let yys = $("#yys").val() |
| | | if(yys==""){ |
| | | Feng.info("请选择运营商") |
| | | return null; |
| | | } |
| | | SelectValue= yys |
| | | } |
| | | data.operatorId= SelectValue; |
| | | |
| | | let introduce = ""; |
| | | var objectType = $("#objectType").val(); |
| | | if (objectType==1){ |
| | | introduce = TSiteInfo.editor.getContent(); |
| | | if(introduce==""){ |
| | | Feng.info("请输入公告内容") |
| | | return null; |
| | | } |
| | | } |
| | | data.introduce= introduce; |
| | | |
| | | var goodImgs = TSiteInfo.goodsPicArray; |
| | | if(objectType==1){ |
| | | if(goodImgs.length==0){ |
| | | Feng.info("请上传实景图") |
| | | return null; |
| | | } |
| | | } |
| | | |
| | | var imgOne =""; |
| | | for (let i = 0; i <goodImgs.length; i++) { |
| | | if(i==goodImgs.length-1){ |
| | | imgOne += (goodImgs[i].response) |
| | | }else { |
| | | imgOne+=(goodImgs[i].response+",") |
| | | } |
| | | } |
| | | data.imgs = imgOne |
| | | |
| | | // 基本验证 |
| | | if($("#store").val()=='' ){ |
| | | Feng.info("请选择门店") |
| | | return null; |
| | | } |
| | | if($("#siteTypeId").val()=='' ){ |
| | | Feng.info("请选择场地分类") |
| | | return null; |
| | | } |
| | | if($("#name").val()==''){ |
| | | Feng.info("请输入场地名称") |
| | | return null; |
| | | } |
| | | if($("#insuranceEndTime").val()==''){ |
| | | Feng.info("请输入场地责任险有效期") |
| | | return null; |
| | | } |
| | | if($("#img").val()==''){ |
| | | Feng.info("请上传场地责任有效期图片") |
| | | return null; |
| | | } |
| | | if($('#courseVideo').val()==''){ |
| | | Feng.info("请上传消防及应急管理方案") |
| | | return null; |
| | | } |
| | | |
| | | return data; |
| | | } |
| | | |
| | | /** |
| | | * 收集价格数据(返回符合后端 PriceDTO 格式的数据) |
| | | * targetAudience: 1=订场, 2=散客 |
| | | * fieldType: 1=全场, 2=半场 |
| | | */ |
| | | TSiteInfo.collectPriceData = function() { |
| | | var priceDTOS = []; |
| | | var isHalf = TSiteInfo.priceConfig.isHalf; |
| | | var bookingChecked = $("#audience_booking").is(':checked'); |
| | | var walkinChecked = $("#audience_walkin").is(':checked'); |
| | | var validationFailed = false; // 验证失败标志 |
| | | |
| | | // 收集订场价格 |
| | | if (bookingChecked) { |
| | | $("#booking_price_tbody tr").each(function() { |
| | | if (validationFailed) return false; // 如果已经验证失败,终止循环 |
| | | |
| | | var index = $(this).data('index'); |
| | | var startTime = $("#booking_start_" + index).val(); |
| | | var endTime = $("#booking_end_" + index).val(); |
| | | |
| | | // 验证时段 |
| | | if (!startTime || !endTime) { |
| | | Feng.error("订场价格配置中存在空的时段!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | if (startTime >= endTime) { |
| | | Feng.error("订场价格配置中,结束时间必须大于开始时间!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | // 遍历周一到周日 |
| | | var hasAnyPrice = false; // 标记该时段是否有任何价格 |
| | | for (var day = 1; day <= 7; day++) { |
| | | var fullCashVal = $("#booking_" + index + "_" + day + "_full_cash").val(); |
| | | var fullCoinVal = $("#booking_" + index + "_" + day + "_full_coin").val(); |
| | | var fullCash = parseFloat(fullCashVal || 0); |
| | | var fullCoin = parseFloat(fullCoinVal || 0); |
| | | |
| | | // 全场价格验证 |
| | | if (fullCashVal !== '' || fullCoinVal !== '') { |
| | | hasAnyPrice = true; |
| | | // 如果填写了一个,检查另一个是否为空 |
| | | if (fullCashVal === '' || fullCoinVal === '') { |
| | | var dayName = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'][day - 1]; |
| | | Feng.error("订场价格 " + startTime + "-" + endTime + " " + dayName + " 全场的现金价格和玩湃币价格都必须填写!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | priceDTOS.push({ |
| | | startTime: startTime, |
| | | endTime: endTime, |
| | | dayOfWeek: day, |
| | | targetAudience: 1, // 1=订场 |
| | | fieldType: 1, // 1=全场 |
| | | cashPrice: fullCash, |
| | | coinPrice: fullCoin |
| | | }); |
| | | } |
| | | |
| | | // 半场价格(如果可预订半场) |
| | | if (isHalf == 1) { |
| | | var halfCashVal = $("#booking_" + index + "_" + day + "_half_cash").val(); |
| | | var halfCoinVal = $("#booking_" + index + "_" + day + "_half_coin").val(); |
| | | var halfCash = parseFloat(halfCashVal || 0); |
| | | var halfCoin = parseFloat(halfCoinVal || 0); |
| | | |
| | | // 半场价格验证 |
| | | if (halfCashVal !== '' || halfCoinVal !== '') { |
| | | hasAnyPrice = true; |
| | | // 如果填写了一个,检查另一个是否为空 |
| | | if (halfCashVal === '' || halfCoinVal === '') { |
| | | var dayName = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'][day - 1]; |
| | | Feng.error("订场价格 " + startTime + "-" + endTime + " " + dayName + " 半场的现金价格和玩湃币价格都必须填写!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | priceDTOS.push({ |
| | | startTime: startTime, |
| | | endTime: endTime, |
| | | dayOfWeek: day, |
| | | targetAudience: 1, // 1=订场 |
| | | fieldType: 2, // 2=半场 |
| | | cashPrice: halfCash, |
| | | coinPrice: halfCoin |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 检查该时段是否至少有一个价格 |
| | | if (!hasAnyPrice) { |
| | | Feng.error("订场价格时段 " + startTime + "-" + endTime + " 价格未填写完整!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | // 如果订场价格验证失败,直接返回 null |
| | | if (validationFailed) { |
| | | return null; |
| | | } |
| | | } |
| | | |
| | | // 收集散客价格 |
| | | if (walkinChecked) { |
| | | $("#walkin_price_tbody tr").each(function() { |
| | | if (validationFailed) return false; // 如果已经验证失败,终止循环 |
| | | |
| | | var index = $(this).data('index'); |
| | | var startTime = $("#walkin_start_" + index).val(); |
| | | var endTime = $("#walkin_end_" + index).val(); |
| | | |
| | | // 验证时段 |
| | | if (!startTime || !endTime) { |
| | | Feng.error("散客价格配置中存在空的时段!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | if (startTime >= endTime) { |
| | | Feng.error("散客价格配置中,结束时间必须大于开始时间!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | // 遍历周一到周日 |
| | | var hasAnyPrice = false; // 标记该时段是否有任何价格 |
| | | for (var day = 1; day <= 7; day++) { |
| | | var fullCashVal = $("#walkin_" + index + "_" + day + "_full_cash").val(); |
| | | var fullCoinVal = $("#walkin_" + index + "_" + day + "_full_coin").val(); |
| | | var fullCash = parseFloat(fullCashVal || 0); |
| | | var fullCoin = parseFloat(fullCoinVal || 0); |
| | | |
| | | // 全场价格验证 |
| | | if (fullCashVal !== '' || fullCoinVal !== '') { |
| | | hasAnyPrice = true; |
| | | // 如果填写了一个,检查另一个是否为空 |
| | | if (fullCashVal === '' || fullCoinVal === '') { |
| | | var dayName = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'][day - 1]; |
| | | Feng.error("散客价格 " + startTime + "-" + endTime + " " + dayName + " 全场的现金价格和玩湃币价格都必须填写!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | priceDTOS.push({ |
| | | startTime: startTime, |
| | | endTime: endTime, |
| | | dayOfWeek: day, |
| | | targetAudience: 2, // 2=散客 |
| | | fieldType: 1, // 1=全场 |
| | | cashPrice: fullCash, |
| | | coinPrice: fullCoin |
| | | }); |
| | | } |
| | | |
| | | // 半场价格(如果可预订半场) |
| | | if (isHalf == 1) { |
| | | var halfCashVal = $("#walkin_" + index + "_" + day + "_half_cash").val(); |
| | | var halfCoinVal = $("#walkin_" + index + "_" + day + "_half_coin").val(); |
| | | var halfCash = parseFloat(halfCashVal || 0); |
| | | var halfCoin = parseFloat(halfCoinVal || 0); |
| | | |
| | | // 半场价格验证 |
| | | if (halfCashVal !== '' || halfCoinVal !== '') { |
| | | hasAnyPrice = true; |
| | | // 如果填写了一个,检查另一个是否为空 |
| | | if (halfCashVal === '' || halfCoinVal === '') { |
| | | var dayName = ['周一', '周二', '周三', '周四', '周五', '周六', '周日'][day - 1]; |
| | | Feng.error("散客价格 " + startTime + "-" + endTime + " " + dayName + " 半场的现金价格和玩湃币价格都必须填写!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | |
| | | priceDTOS.push({ |
| | | startTime: startTime, |
| | | endTime: endTime, |
| | | dayOfWeek: day, |
| | | targetAudience: 2, // 2=散客 |
| | | fieldType: 2, // 2=半场 |
| | | cashPrice: halfCash, |
| | | coinPrice: halfCoin |
| | | }); |
| | | } |
| | | } |
| | | } |
| | | |
| | | // 检查该时段是否至少有一个价格 |
| | | if (!hasAnyPrice) { |
| | | Feng.error("散客价格时段 " + startTime + "-" + endTime + " 价格未填写完整!"); |
| | | validationFailed = true; |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | // 如果散客价格验证失败,直接返回 null |
| | | if (validationFailed) { |
| | | return null; |
| | | } |
| | | } |
| | | |
| | | return priceDTOS; |
| | | } |
| | | |
| | | function UploadFileFn(){ |
| | | $('#upFile').click(); |
| | | } |