|
|
|
|
@ -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("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>")
|
|
|
|
|
// 遍历房间列表,生成表格内容
|
|
|
|
|
for(i in list){
|
|
|
|
|
if(list[i].state=="0"){
|
|
|
|
|
state="停用";
|
|
|
|
|
@ -84,6 +89,7 @@ function getroomList(){
|
|
|
|
|
state="待清扫";
|
|
|
|
|
btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\" data-toggle=\"modal\" data-target=\"#alterRoom\" data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
|
|
|
|
|
}
|
|
|
|
|
// 根据房间类型编码转换为文本
|
|
|
|
|
|
|
|
|
|
if(list[i].type=="1")
|
|
|
|
|
type="单人间";
|
|
|
|
|
@ -93,6 +99,7 @@ function getroomList(){
|
|
|
|
|
type="大床房";
|
|
|
|
|
else
|
|
|
|
|
type="套房"
|
|
|
|
|
// 拼接表格行(包含房间信息和操作按钮)
|
|
|
|
|
|
|
|
|
|
htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
|
|
|
|
|
$("#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("请填写全内容");
|
|
|
|
|
|