diff --git a/src/main/resources/static/js/cleaner_room.js b/src/main/resources/static/js/cleaner_room.js
index 8dc0d97..ef1c9e3 100644
--- a/src/main/resources/static/js/cleaner_room.js
+++ b/src/main/resources/static/js/cleaner_room.js
@@ -2,6 +2,7 @@ var pageNum=1;
var pageSize=8;
var l;
+// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getroomList();
$("#pre").on('click',function(){
@@ -23,6 +24,7 @@ function isEmptyObject(e) {
var list;
+// 从后端获取房间列表并展示
function getroomList(){
$.ajax({
type:"post",
@@ -34,12 +36,15 @@ function getroomList(){
"pageNum":pageNum,
"pageSize":pageSize
},
+ // 请求成功的回调函数
success:function(data){
+ // 若当前页无数据且页码大于0,回退到上一页并重新加载
if(isEmptyObject(data.List)&&pageNum>0){
pageNum=pageNum-1;
getroomList();
}
else{
+ // 存储房间列表数据
list=data.List;
var power=" ";
var htmlStr=" ";
@@ -47,11 +52,13 @@ 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){
if(list[i].type=="1")
type="单人间";
@@ -72,12 +79,14 @@ function getroomList(){
}
},
+ // 请求失败的回调函数
error:function(){
alert("获取房间列表发生错误")
}
})
}
+// 绑定页面中操作按钮的点击事件
function btnOn(){;
$("input").filter("#setPageBtn").on('click',function( ){
setPage( );
@@ -87,6 +96,7 @@ function btnOn(){;
});
}
+// 修改房间状态为"已清扫"
function setRoom(event){
var roomid=$(event.target).data("roomid");
$.ajax({
@@ -97,6 +107,7 @@ function setRoom(event){
"roomid":roomid,
"state":"1"
},
+ // 请求成功的回调函数
success:function(data){
if(data.code==0){
alert("修改成功");
@@ -113,16 +124,19 @@ function setRoom(event){
})
}
+// 加载上一页数据
function getPre(){
pageNum=pageNum-1;
getroomList();
}
+// 加载下一页数据
function getNext(){
pageNum=pageNum+1;
getroomList();
}
+// 跳转到指定页码
function setPage(){
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
alert("请输入正确页码");
diff --git a/src/main/resources/static/js/index.js b/src/main/resources/static/js/index.js
index 5aa736e..fcca6df 100644
--- a/src/main/resources/static/js/index.js
+++ b/src/main/resources/static/js/index.js
@@ -1,3 +1,4 @@
+// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getCode();
var h=$(window).height();
@@ -21,6 +22,7 @@ function login(){
var user=$("#inputName").val();
var pwd=$("#inputPassword").val();
var code=$("#inputCode").val();
+ // 发起AJAX登录请求
$.ajax({
type:"POST",
url:"./user/login.do",
@@ -30,6 +32,7 @@ function login(){
"password":pwd,
"icode":code
},
+ // 请求成功的回调函数(后端返回数据后执行)
success:function(data){
console.log(data)
if(data.code=="0"){
@@ -40,6 +43,7 @@ function login(){
alert("验证码或密码错误")
}
},
+ // 请求失败的回调函数(网络错误或接口异常时执行)
error:function(){
alert("登录 发生错误");
}
diff --git a/src/main/resources/static/js/manage_room.js b/src/main/resources/static/js/manage_room.js
index b76ec53..faa70bd 100644
--- a/src/main/resources/static/js/manage_room.js
+++ b/src/main/resources/static/js/manage_room.js
@@ -2,6 +2,7 @@ var pageNum=1;
var pageSize=8;
var l;
+// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getroomList();
$("#pre").on('click',function(){
@@ -39,6 +40,7 @@ function isEmptyString(str){
var list;
+// 从后端获取房间列表并展示
function getroomList(){
$.ajax({
type:"post",
@@ -50,6 +52,7 @@ function getroomList(){
"pageNum":pageNum,
"pageSize":pageSize
},
+ // 请求成功的回调函数
success:function(data){
if(isEmptyObject(data.List)&&pageNum>0){
pageNum=pageNum-1;
@@ -63,10 +66,12 @@ function getroomList(){
var state=" ";
var type=" ";
l=0;
+ // 默认显示上一页、下一页按钮
$("#pre").css("display","block");
$("#next").css("display","block");
$("#roomList").empty();
$("#roomList").append("| 位置 | 价格 | 状态 | 类型 | 操作 |
")
+ // 遍历房间列表,生成表格内容
for(i in list){
if(list[i].state=="0"){
state="停用";
@@ -84,6 +89,7 @@ function getroomList(){
state="待清扫";
btnStr=" ";
}
+ // 根据房间类型编码转换为文本
if(list[i].type=="1")
type="单人间";
@@ -93,6 +99,7 @@ function getroomList(){
type="大床房";
else
type="套房"
+ // 拼接表格行(包含房间信息和操作按钮)
htmlStr="| "+list[i].local+" | "+list[i].money+" | "+state+" | "+type+" | "+btnStr+" |
";
$("#roomList").append(htmlStr);
@@ -104,12 +111,14 @@ function getroomList(){
}
},
+ // 请求失败的回调函数
error:function(){
alert("获取房间列表发生错误")
}
})
}
+// 绑定页面中所有操作按钮的点击事件
function btnOn(){
$("input").filter("#delRoom").on('click',function(event){
delRoom(event);
@@ -128,17 +137,17 @@ function btnOn(){
});
}
-
+// 加载上一页数据
function getPre(){
pageNum=pageNum-1;
getroomList();
}
-
+// 加载下一页数据
function getNext(){
pageNum=pageNum+1;
getroomList();
}
-
+// 填充房间修改表单(将当前房间信息显示到修改弹窗中)
function setRoom(event){
var roomid=$(event.target).data("roomid");
var info;
@@ -147,12 +156,13 @@ function setRoom(event){
info=list[i];
}
}
+ // 将房间信息填充到修改表单的输入框中
$("#reinputLocal").val(info.local);
$("#reinputPrice").val(info.money);
$("#reinputType").val(info.type);
$("#reinputid").val(roomid);
}
-
+// 提交房间信息修改请求(AJAX)
function setRoomajax( ){
$.ajax({
type:"POST",
@@ -164,6 +174,7 @@ function setRoomajax( ){
"type":$("#reinputType").val(),
"local":$("#reinputLocal").val()
},
+ // 请求成功的回调函数
success:function(data){
if(data.code==0){
alert("修改成功");
@@ -172,6 +183,7 @@ function setRoomajax( ){
$("#reinputType").val("");
$("#reinputid").val("");
$('#alterRoom').modal('toggle');
+ // 无论成功与否,重新加载房间列表展示最新数据
getroomList();
}
else{
@@ -184,7 +196,7 @@ function setRoomajax( ){
}
})
}
-
+// 修改房间状态(启用/停用)
function setState(event,alter){
var roomid=$(event.target).data("roomid");
$.ajax({
@@ -195,9 +207,11 @@ function setState(event,alter){
"roomid":roomid,
"state":alter
},
+ // 请求成功的回调函数
success:function(data){
if(data.code==0){
alert("修改成功");
+ // 重新加载房间列表展示最新状态
getroomList();
}
else
@@ -208,9 +222,9 @@ function setState(event,alter){
}
})
}
-
+// 跳转到指定页码
function setPage(){
-
+ // 校验输入的页码是否合法(必须大于0)
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
alert("请输入正确页码");
else{
@@ -220,7 +234,7 @@ function setPage(){
}
-
+// 删除房间
function delRoom(event){
var roomid=$(event.target).data("roomid");
$.ajax({
@@ -230,6 +244,7 @@ function delRoom(event){
data:{
"roomid":roomid
},
+ // 请求成功的回调函数
success:function(data){
if(data.code==0){
alert("删除成功");
@@ -246,7 +261,7 @@ function delRoom(event){
})
}
-
+// 添加新房间
function addRoom(){
if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val()))
alert("请填写全内容");
diff --git a/src/main/resources/static/js/manage_staff.js b/src/main/resources/static/js/manage_staff.js
index 5089b43..d55cdf6 100644
--- a/src/main/resources/static/js/manage_staff.js
+++ b/src/main/resources/static/js/manage_staff.js
@@ -1,7 +1,7 @@
var pageNum=1;
var pageSize=8;
var l;
-
+// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getStaffList();
$("#pre").on('click',function(){
@@ -34,6 +34,7 @@ function isEmptyString(str){
var list;
+// 从后端获取员工列表并展示
function getStaffList(){
$.ajax({
type:"post",
@@ -45,7 +46,9 @@ function getStaffList(){
"power":"2"
},
success:function(data){
+ // 后端返回成功状态(code=0)
if(data.code=="0"){
+ // 若当前页无数据且页码大于0,回退到上一页并重新加载
if(isEmptyObject(data.List)&&pageNum>0){
pageNum=pageNum-1;
getStaffList();
@@ -56,10 +59,12 @@ function getStaffList(){
var btnStr=" ";
list=data.List;
l=0;
+ // 默认显示上一页、下一页按钮
$("#pre").css("display","block");
$("#next").css("display","block");
$("#staffList").empty();
$("#staffList").append("| 账号 | 员工号 | 姓名 | 年龄 | 职位 | 联系方式 | 操作 |
")
+ // 遍历员工列表,生成表格内容
for(i in list){
btnStr=""
htmlStr="| "+list[i].useraccount+" | "+list[i].idnumber+" | "+list[i].username+" | "+list[i].age+" | "+"员工"+" | "+list[i].phonenumber+" | "+btnStr+" |
";
@@ -67,6 +72,7 @@ function getStaffList(){
//console.log(htmlStr);
l++;
}
+ // 若当前是第1页,隐藏"上一页"按钮
if(pageNum=="1") $("#pre").css("display","none");
if(pageSize>l) $("#next").css("display","none");
btnOn();
@@ -83,7 +89,7 @@ function getStaffList(){
}
})
}
-
+// 绑定页面中操作按钮的点击事件
function btnOn(){
$("input").filter("#delUser").on('click',function(event){
delUser(event);
@@ -92,18 +98,18 @@ function btnOn(){
setPage( );
})
}
-
+// 加载上一页数据
function getPre(){
pageNum=pageNum-1;
getStaffList();
}
-
+// 加载下一页数据
function getNext(){
pageNum=pageNum+1;
getStaffList();
}
-
+// 跳转到指定页码
function setPage(){
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
@@ -115,7 +121,7 @@ function setPage(){
}
-
+// 删除员工
function delUser(event){
var userid=$(event.target).data("userid");
$.ajax({
@@ -141,7 +147,7 @@ function delUser(event){
})
}
-
+// 添加新员工
function addUser(){
if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val()))
alert("请填写全内容");
@@ -166,6 +172,7 @@ function addUser(){
else
alert("添加失败")
},
+ // 重新加载员工列表展示新添加的员工
error:function(){
alert("添加用户出现错误");
}
diff --git a/src/main/resources/static/js/myCenter.js b/src/main/resources/static/js/myCenter.js
index 32accb3..8e60a84 100644
--- a/src/main/resources/static/js/myCenter.js
+++ b/src/main/resources/static/js/myCenter.js
@@ -1,3 +1,4 @@
+// 定义jQuery扩展方法:从URL参数中获取指定名称的值
(function($){
$.getData=function(name){
var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
@@ -5,11 +6,11 @@
if (result!= null) return result[2]; return null;
}
})(jQuery);
-
+// 从URL参数中获取用户权限(power)和用户ID(userid)
var power=$.getData('power');
var userid=$.getData('userid');
-
+// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
$("#mainFrame").attr("src","all_infor.html?userid="+userid+"&power="+power);
$("inputNone").attr("value",userid);
@@ -18,7 +19,7 @@ $(document).ready(function(){
$("#mainFrame").css("height",h);
setList();
})
-
+// 根据用户权限生成侧边栏菜单
function setList(){
var tagList=" ";
if(power=="0"){
@@ -39,7 +40,7 @@ function setList(){
changeColor(event)
});
}
-
+// 切换菜单选中状态(高亮当前点击的菜单,取消其他菜单的高亮)
function changeColor(event){
var obj=event.target;
var objSi=$(obj).siblings();
diff --git a/src/main/resources/static/js/staff_cleaner.js b/src/main/resources/static/js/staff_cleaner.js
index 842f931..3fe869a 100644
--- a/src/main/resources/static/js/staff_cleaner.js
+++ b/src/main/resources/static/js/staff_cleaner.js
@@ -2,6 +2,7 @@ var pageNum=1;
var pageSize=8;
var l;
+/ 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getStaffList();
$("#pre").on('click',function(){
@@ -31,8 +32,9 @@ function isEmptyString(str){
return 0;
}
-
+// 全局变量:存储清洁工列表数据
var list;
+// 从后端获取清洁工列表并展示
function getStaffList(){
$.ajax({
type:"post",
@@ -43,6 +45,7 @@ function getStaffList(){
"pageSize":pageSize,
"power":"3"
},
+ // 请求成功的回调函数
success:function(data){
if(data.code){
if(isEmptyObject(data.List)&&pageNum>0){
@@ -54,11 +57,13 @@ function getStaffList(){
var htmlStr=" ";
var btnStr=" ";
list=data.List;
- l=0;
+ l=0;// 重置当前页记录数
+ // 默认显示上一页、下一页按钮
$("#pre").css("display","block");
$("#next").css("display","block");
$("#staffList").empty();
$("#staffList").append("| 账号 | 员工号 | 姓名 | 年龄 | 职位 | 联系方式 | 操作 |
")
+ // 遍历清洁工列表,生成表格内容
for(i in list){
btnStr=""
htmlStr="| "+list[i].useraccount+" | "+list[i].idnumber+" | "+list[i].username+" | "+list[i].age+" | "+"清洁工"+" | "+list[i].phonenumber+" | "+btnStr+" |
";
@@ -68,10 +73,12 @@ function getStaffList(){
}
if(pageNum=="1") $("#pre").css("display","none");
if(pageSize>l) $("#next").css("display","none");
+ // 绑定操作按钮的点击事件
btnOn();
}
}
else{
+ // 后端返回失败状态,仍尝试渲染列表(兼容处理)
alert("获取员工列表失败");
var power=" ";
var htmlStr=" ";
@@ -101,27 +108,29 @@ function getStaffList(){
}
})
}
-
+// 绑定操作按钮的点击事件
function btnOn(){
+ // 给"删除清洁工"按钮绑定点击事件,触发删除逻辑
$("input").filter("#delUser").on('click',function(event){
delUser(event);
});
+ // 给"跳转页码"按钮绑定点击事件,触发页码跳转
$("input").filter("#setPageBtn").on('click',function( ){
setPage( );
})
}
-
+// 加载上一页数据
function getPre(){
- pageNum=pageNum-1;
+ pageNum=pageNum-1; // 页码减1
getStaffList();
}
-
+// 加载下一页数据
function getNext(){
pageNum=pageNum+1;
getStaffList();
}
-
+// 跳转到指定页码
function setPage(){
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
@@ -133,7 +142,7 @@ function setPage(){
}
-
+// 删除清洁工
function delUser(event){
var userid=$(event.target).data("userid");
$.ajax({
@@ -159,7 +168,7 @@ function delUser(event){
})
}
-
+// 添加新清洁工
function addUser(){
if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val()))
alert("请填写全内容");
@@ -169,9 +178,9 @@ function addUser(){
url:"../user/addUser.do",
dataType:"JSON",
data:{
- "useraccount":$("#inputAccount").val(),
- "password":$("#inputPwd").val(),
- "power":"3"
+ "useraccount":$("#inputAccount").val(),// 清洁工账号
+ "password":$("#inputPwd").val(), // 清洁工密码
+ "power":"3" // 权限设置:3表示清洁工
},
success:function(data){
if(data.code==0){
@@ -179,6 +188,7 @@ function addUser(){
$('#addUser').modal('toggle');
$("#inputAccount").val("");
$("#inputPwd").val("")
+ // 重新加载列表展示新添加的清洁工
getStaffList();
}
else
diff --git a/src/main/resources/static/js/staff_order.js b/src/main/resources/static/js/staff_order.js
index 4b43462..ebcbfaa 100644
--- a/src/main/resources/static/js/staff_order.js
+++ b/src/main/resources/static/js/staff_order.js
@@ -3,6 +3,7 @@ var pageSize=8;
var l;
$(document).ready(function(){
+ // 加载订单列表数据
getorderList();
$("#pre").on('click',function(){
getPre();
@@ -16,14 +17,16 @@ $(document).ready(function(){
//判断对象/JSON是否为空 空返回1 非空返回0
function isEmptyObject(e) {
var t;
+ // 遍历对象,若存在属性则非空
for (t in e)
return 0;
return 1;
}
-
+// 全局变量:存储订单列表数据
var list;
+// 从后端获取订单列表并展示
function getorderList(){
$.ajax({
type:"post",
@@ -33,6 +36,7 @@ function getorderList(){
"pageNum":pageNum,
"pageSize":pageSize
},
+ // 请求成功的回调函数
success:function(data){
if(isEmptyObject(data.List)&&pageNum>0){
pageNum=pageNum-1;
@@ -46,13 +50,16 @@ function getorderList(){
var sdate;
var edate;
l=0;
+ // 默认显示上一页、下一页按钮
$("#pre").css("display","block");
$("#next").css("display","block");
$("#orderList").empty();
$("#orderList").append("| 入住人 | 身份证号 | 开始时间 | 结束时间 | 总金额 | 状态 | 操作 |
")
+ // 遍历订单列表,生成表格内容
for(i in list){
sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
+ // 根据订单状态编码设置状态文本和操作按钮
if(list[i].state=="0"){
state="未付款";
btnStr=" ";
@@ -69,6 +76,7 @@ function getorderList(){
state="已取消";
btnStr="";
}
+ // 拼接表格行(包含订单信息和操作按钮)
htmlStr="| "+list[i].householdname+" | "+list[i].id+" | "+sdate+" | "+edate+" | "+list[i].money+" | "+state+" | "+btnStr+" |
";
$("#orderList").append(htmlStr);
l++;
@@ -84,37 +92,41 @@ function getorderList(){
}
})
}
-
+// 绑定页面中操作按钮的点击事件
function btnOn(){
-
+// 给"跳转页码"按钮绑定点击事件,触发页码跳转
$("input").filter("#setPageBtn").on('click',function( ){
setPage( );
});
+ // 给"查看房间"按钮绑定点击事件,触发查看房间详情
$("input").filter("#showRoom").on('click',function(event){
showRoom(event);
})
+ // 给"已收款"按钮绑定点击事件,将订单状态改为"已付款"(1)
$("input").filter("#setPaied").on('click',function(event){
setState(event,"1");
});
+ // 给"退房"按钮绑定点击事件,将订单状态改为"已完成"(2)
$("input").filter("#setFinish").on('click',function(event){
setState(event,"2");
});
+ // 给"取消"按钮绑定点击事件,将订单状态改为"已取消"(3)
$("input").filter("#setNone").on('click',function(event){
setState(event,"3");
});
}
-
+// 加载上一页数据
function getPre(){
pageNum=pageNum-1;
getorderList();
}
-
+// 加载下一页数据
function getNext(){
pageNum=pageNum+1;
getorderList();
}
-
+// 修改订单状态
function setState(event,alter){
var orderid=$(event.target).data("orderid");
$.ajax({
@@ -138,7 +150,7 @@ function setState(event,alter){
}
})
}
-
+// 跳转到指定页码
function setPage(){
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
@@ -149,7 +161,7 @@ function setPage(){
}
}
-
+// 查看订单对应的房间详情
function showRoom(event){
var roomid=$(event.target).data("roomid");
$.ajax({
@@ -174,6 +186,7 @@ function showRoom(event){
state="已预定(入住)";
else
state="待清扫";
+ // 转换房间类型编码为文本
if(room.type=="1")
type="单人间";
else if(room.type=="2")
@@ -182,6 +195,7 @@ function showRoom(event){
type="大床房";
else
type="套房";
+ // 拼接房间详情表格内容(位置、价格、类型、状态)
htmlStr="| 位置 | "+room.local+" |
|---|
| 价格 | "+room.money+" |
|---|
| 类型 | "+type+" |
|---|
| 状态 | "+state+" |
"
$("#roomTable").append(htmlStr);
}
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";
}
},