diff --git a/src/main/resources/static/js/staff_room.js b/src/main/resources/static/js/staff_room.js index 4c4c961..1f2f7d5 100644 --- a/src/main/resources/static/js/staff_room.js +++ b/src/main/resources/static/js/staff_room.js @@ -1,3 +1,4 @@ +// 定义jQuery扩展方法:从URL参数中获取指定名称的值 (function($){ $.getData=function(name){ var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); @@ -5,7 +6,7 @@ if (result!= null) return result[2]; return null; } })(jQuery); - +// 从URL参数中获取员工ID(当前登录员工) var staffid=$.getData("userid"); var pageNum=1; var pageSize=8; @@ -13,27 +14,30 @@ var choose; var l; $(document).ready(function(){ +// 加载可预订的房间列表 getroomList(); - +// 初始化开始日期选择器(datepicker插件) $('#dateStart').datepicker({ language: 'zh-CN', format: 'yyyy-mm-dd', autoclose: true }).on('changeDate',function(e){ + // 选择开始日期后,设置结束日期的最小可选值为开始日期 var startTime = e.date; $('#dateEnd').datepicker('setStartDate',startTime); }); - +// 初始化结束日期选择器(datepicker插件) $('#dateEnd').datepicker({ language: 'zh-CN', format: 'yyyy-mm-dd', autoclose: true }).on('changeDate',function(e){ + // 选择结束日期后,设置开始日期的最大可选值为结束日期 var endTime = e.date; $('#dateStart').datepicker('setEndDate',endTime); }); - +// 绑定"上一页"按钮点击事件 $("#pre").on('click',function(){ getPre(); }); @@ -65,6 +69,7 @@ function isEmptyString(str){ var list; +// 从后端获取可预订的房间列表(状态为"未预定") function getroomList(){ $.ajax({ type:"post", @@ -76,6 +81,7 @@ function getroomList(){ "pageNum":pageNum, "pageSize":pageSize }, + // 请求成功的回调函数 success:function(data){ if(isEmptyObject(data.List)&&pageNum>0){ pageNum=pageNum-1; @@ -89,12 +95,15 @@ function getroomList(){ var state=" "; var type=" "; l=0; + // 默认显示分页按钮 $("#pre").css("display","block"); $("#next").css("display","block"); $("#roomList").empty(); $("#roomList").append("位置价格状态类型操作"); state="未预定"; - for(i in list){ + // 遍历房间列表生成表格内容 + for(i in list){ + // 转换房间类型编码为文本 if(list[i].type=="1") type="单人间"; else if(list[i].type=="2") @@ -103,11 +112,13 @@ function getroomList(){ type="大床房"; else type="套房" + // 操作按钮:生成订单(绑定房间ID,点击打开弹窗) btnStr=""; htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; $("#roomList").append(htmlStr); - l++; + l++;// 累加记录数 } + // 分页按钮控制:第1页隐藏上一页,最后一页隐藏下一页 if(pageNum=="1") $("#pre").css("display","none"); if(pageSize>l) $("#next").css("display","none"); btnOn(); @@ -119,7 +130,7 @@ function getroomList(){ } }) } - +// 绑定页面操作按钮的点击事件 function btnOn(){; $("input").filter("#setPageBtn").on('click',function( ){ setPage( ); @@ -128,17 +139,17 @@ function btnOn(){; chooseRoomBtn(event); }); } - +// 加载上一页数据 function getPre(){ pageNum=pageNum-1; getroomList(); } - +// 加载下一页数据 function getNext(){ pageNum=pageNum+1; getroomList(); } - +// 跳转到指定页码 function setPage(){ if($("#inputPage").val()<0 || $("#inputPage").val()==0) alert("请输入正确页码"); @@ -148,7 +159,7 @@ function setPage(){ } } - +// 选择房间并填充订单弹窗信息 function chooseRoomBtn(event){ var roomid=$(event.target).data("roomid"); choose=roomid; @@ -158,7 +169,7 @@ function chooseRoomBtn(event){ } } } - +// 提交添加订单请求 function addOrder(){ if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val())) alert("请填写全内容"); @@ -183,7 +194,9 @@ function addOrder(){ $("#inputId").val(""); $("#dateStart").val(""); $("#dateEnd").val(""); + // 关闭订单弹窗 $('#chooseRoom').modal('toggle'); + // 跳转到订单管理页面 window.location.href="staff_order.html"; } },