@layout("/common/_container.html"){
|
<style>
|
.green-button {
|
background-color: green;
|
}
|
</style>
|
<div class="ibox float-e-margins">
|
<div class="ibox-content">
|
<div class="form-horizontal">
|
<div class="row">
|
@if(objectType == 1){
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*所在省：</label>
|
<div class="col-sm-4">
|
<select class="form-control" id="provinceCode" name="provinceCode">
|
@for(obj in province){
|
<option value="${obj.code}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*所在市：</label>
|
<div class="col-sm-4">
|
<select class="form-control" id="cityCode" name="cityCode">
|
@for(obj in city){
|
<option value="${obj.code}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
@}
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*所属门店：</label>
|
<div class="col-sm-4">
|
<select class="form-control" id="storeId" name="storeId">
|
@for(obj in store){
|
<option value="${obj.id}">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*预约类型：</label>
|
<div class="col-sm-4">
|
<input type="radio" name="type" value="1" checked="" onclick="updateType(1)" > 全场
|
<input type="radio" name="type" value="2" onclick="updateType(2)" > 半场
|
</div>
|
</div>
|
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*上课场地：</label>
|
<div class="col-sm-4">
|
<select class="form-control" id="siteId" name="siteId" onchange="CoursePackageInfo.queryHalf()" >
|
<option >请选择场地</option>
|
@for(obj in site){
|
<option value="${obj.id}" data-custom-data="1">${obj.name}</option>
|
@}
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group" id="nextSite1" hidden="hidden">
|
<label class="col-sm-3 control-label">*选择场地：</label>
|
<div class="col-sm-4">
|
<select class="form-control" name="nextSite" id="nextSite">
|
</select>
|
</div>
|
</div>
|
|
|
<div class="form-group" id="half1" hidden="hidden">
|
<label class="col-sm-3 control-label">*选择半场：</label>
|
<div class="col-sm-4">
|
<select class="form-control" name="half" id="half">
|
</select>
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">预约时间：</label>
|
<div class="col-sm-4">
|
<input class="form-control" id="time" name="time" type="text" onchange="CoursePackageInfo.addTime()">
|
</div>
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">*预约时间段：</label>
|
<div class="col-sm-5" id="ttt1">
|
<div class="layui-btn-group" id="ttt2">
|
</div>
|
|
</div>
|
</div>
|
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">现金价格：</label>
|
<div class="col-sm-4">
|
<input class="form-control " id="cash" name="cash" type="text" disabled>
|
</div>
|
元
|
</div>
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">玩派币价格：</label>
|
<div class="col-sm-4">
|
<input class="form-control" id="play" name="play" type="text" disabled >
|
|
</div>币
|
</div>
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">预约人：</label>
|
<div class="col-sm-4">
|
<input class="form-control" id="booker" name="booker" type="text" >
|
|
</div>
|
</div>
|
|
|
|
|
<div class="form-group">
|
<label class="col-sm-3 control-label">联系电话：</label>
|
<div class="col-sm-4">
|
<input class="form-control" id="phone" name="phone" type="text" >
|
|
</div>
|
</div>
|
<!-- <input type="text" id = "counpons">-->
|
</div>
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10">
|
<#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="CoursePackageInfo.addSubmit()"/>
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="CoursePackageInfo.close()"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/modular/system/ball/yuyue_info.js"></script>
|
<script type="text/javascript">
|
function updateType(o) {
|
if(o==1){
|
// 选择半场 查询支持半场的场地
|
let ajax = new $ax(Feng.ctxPath + "/coursePackage/querySite1", function (data) {
|
let htmlStr = '';
|
for (let i = 0; i < data.length; i++) {
|
htmlStr += '<option value="' + data[i].id + '">' + data[i].name + '</option>'
|
}
|
$('#siteId').html(htmlStr);
|
}, function (data) {
|
Feng.error("获取失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set("storeId", $('#storeId').val());
|
ajax.set("type", 2);
|
ajax.start();
|
var elements = document.getElementsByClassName("layui-btn layui-btn-primary green-button");
|
var count = elements.length;
|
|
console.log("Number of elements: " + count);
|
|
$("#half1").hide()
|
var radios = document.getElementsByName("type");
|
var selectedValue;
|
|
for (var i = 0; i < radios.length; i++) {
|
if (radios[i].checked) {
|
selectedValue = radios[i].value;
|
break;
|
}
|
}
|
|
var ajax3 = new $ax(Feng.ctxPath + "/ball/getMoney/"+$('#siteId').val()+'/'+selectedValue, function(data){
|
console.log("===========3333====="+data)
|
if(data!=null){
|
|
$("#cash").val(data[0] * count);
|
$("#play").val(data[1] * count);
|
|
}
|
})
|
ajax3.start()
|
}else {
|
// 选择半场 查询支持半场的场地
|
let ajax = new $ax(Feng.ctxPath + "/coursePackage/querySite1", function (data) {
|
let htmlStr = '';
|
for (let i = 0; i < data.length; i++) {
|
htmlStr += '<option value="' + data[i].id + '">' + data[i].name + '</option>'
|
}
|
$('#siteId').html(htmlStr);
|
}, function (data) {
|
Feng.error("获取失败!" + data.responseJSON.message + "!");
|
});
|
ajax.set("storeId", $('#storeId').val());
|
ajax.set("type", 1);
|
ajax.start();
|
|
var elements = document.getElementsByClassName("layui-btn layui-btn-primary green-button");
|
var count = elements.length;
|
|
console.log("Number of elements: " + count);
|
|
$("#half1").show()
|
var radios = document.getElementsByName("type");
|
var selectedValue;
|
|
for (var i = 0; i < radios.length; i++) {
|
if (radios[i].checked) {
|
selectedValue = radios[i].value;
|
break;
|
}
|
}
|
|
var ajax3 = new $ax(Feng.ctxPath + "/ball/getMoney/"+$('#siteId').val()+'/'+selectedValue, function(data){
|
console.log("===========3333====="+data)
|
if(data!=null){
|
|
$("#cash").val(data[0] * count);
|
$("#play").val(data[1] * count);
|
|
}
|
})
|
ajax3.start()
|
|
|
var ajax1 = new $ax(Feng.ctxPath + "/ball/halfName/"+ $('#siteId').val(), function(data){
|
console.log("================"+data)
|
if(data!=null){
|
let htmlStr = '';
|
for (let i = 0; i < data.length; i++) {
|
htmlStr += '<option value="' + data[i] + '">' + data[i] + '</option>'
|
}
|
$("#half").empty().append(htmlStr);
|
}
|
})
|
ajax1.start()
|
|
}
|
|
}
|
|
|
|
function toggleColor(button) {
|
button.classList.toggle("green-button");
|
|
var elements = document.getElementsByClassName("layui-btn layui-btn-primary green-button");
|
var count = elements.length;
|
|
console.log("Number of elements: " + count);
|
|
|
var radios = document.getElementsByName("type");
|
var selectedValue;
|
|
for (var i = 0; i < radios.length; i++) {
|
if (radios[i].checked) {
|
selectedValue = radios[i].value;
|
break;
|
}
|
}
|
|
var ajax3 = new $ax(Feng.ctxPath + "/ball/getMoney/"+$('#siteId').val()+'/'+selectedValue, function(data){
|
console.log("===========3333====="+data)
|
if(data!=null){
|
|
$("#cash").val(data[0] * count);
|
$("#play").val(data[1] * count);
|
|
}
|
})
|
ajax3.start()
|
|
|
}
|
|
laydate.render({
|
elem: '#time'
|
,lang:"CN",
|
min:0,
|
max:9,
|
format:'yyyy-MM-dd',
|
done:function (a) {
|
console.log("==========="+a)
|
var ajax = new $ax(Feng.ctxPath + "/ball/yuyuetimes/"+ $('#siteId').val(), function(data){
|
console.log("================"+data)
|
if(data!=null){
|
var content='';
|
$.each(data, function(k, v) {
|
var buttonClass = "layui-btn layui-btn-primary";
|
var style = "";
|
if (v.state === 0) {
|
style = "background-color: red;";
|
}
|
var disabledAttribute = v.state === 0 ? "disabled" : "";
|
content += '<button type="button" class="' + buttonClass + '" ' + disabledAttribute + ' style="' + style + '" onclick="toggleColor(this)">' + v.time + '</button>';
|
});
|
$("#ttt2").empty().append(content);
|
}
|
})
|
var siteId = document.getElementById("nextSite");
|
var siteName = siteId.options[siteId.selectedIndex].text;
|
ajax.set("siteName",siteName);
|
if (siteName ==""){
|
var siteId = document.getElementById("siteId");
|
var siteName = siteId.options[siteId.selectedIndex].text;
|
ajax.set("siteName",siteName);
|
}
|
|
var radios = document.getElementsByName("type");
|
var selectedValue;
|
|
for (var i = 0; i < radios.length; i++) {
|
if (radios[i].checked) {
|
selectedValue = radios[i].value;
|
break;
|
}
|
}
|
console.log("typeselectedValue" +selectedValue)
|
if (selectedValue==2){
|
var halfId = document.getElementById("half");
|
var halfName = halfId.options[halfId.selectedIndex].text;
|
ajax.set("halfName",halfName);
|
}
|
|
|
|
ajax.set("date",$('#time').val());
|
ajax.start()
|
|
// var ajax1 = new $ax(Feng.ctxPath + "/ball/halfName/"+ $('#siteId').val(), function(data){
|
// console.log("================"+data)
|
// if(data!=null){
|
// let htmlStr = '';
|
// for (let i = 0; i < data.length; i++) {
|
// htmlStr += '<option value="' + data[i] + '">' + data[i] + '</option>'
|
// }
|
// $("#half").empty().append(htmlStr);
|
// }
|
// })
|
// ajax1.start()
|
|
}
|
});
|
|
laydate.render({
|
elem: '#holitime'
|
,range: true //或 range: '~' 来自定义分割字符
|
});
|
|
var avatarUp = new $WebUpload("coverDrawing");
|
avatarUp.setUploadBarId("progressBar");
|
avatarUp.init();
|
|
var avatarUp1 = new $WebUpload("detailDrawing");
|
avatarUp1.setUploadBarId("progressBar");
|
avatarUp1.init();
|
|
var avatarUp1 = new $WebUpload("introduceDrawing");
|
avatarUp1.setUploadBarId("progressBar");
|
avatarUp1.init();
|
function addTime(){
|
var i = $('#dayTime > div').length
|
|
let htmlStr =' <div style="display:flex">\n' +
|
' <input class="form-control" id="classStartTime'+i+'" name="classStartTime" placeholder="请选择" style="width: 200px;">\n' +
|
' <i class="fa fa-trash-o" style="font-size:24px" onclick="removePrice1(this)"></i>\n' +
|
' </div>'
|
$('#dayTime').append(htmlStr);
|
console.log("========="+i)
|
laydate.render({
|
elem: '#classStartTime'+i,
|
type: 'time',
|
range: true
|
});
|
}
|
</script>
|
@}
|
