From 17d4dc02970525ea01f99b1fcf70b72a42312f54 Mon Sep 17 00:00:00 2001 From: CFF <1730422060@qq.com> Date: Mon, 27 Oct 2025 17:35:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=A4=E4=BA=92=E6=B3=A8=E9=87=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_manage.js | 409 ++++++++------- src/main/resources/static/js/ad_order.js | 402 ++++++++------- src/main/resources/static/js/ad_salary.js | 190 ++++--- src/main/resources/static/js/all_infor.js | 393 +++++++------- src/main/resources/static/js/cleaner_room.js | 218 ++++---- src/main/resources/static/js/index.js | 76 +-- src/main/resources/static/js/manage_room.js | 487 +++++++++--------- src/main/resources/static/js/manage_staff.js | 287 ++++++----- src/main/resources/static/js/myCenter.js | 75 +-- src/main/resources/static/js/staff_cleaner.js | 2 +- src/main/resources/static/js/staff_order.js | 344 +++++++------ src/main/resources/static/js/staff_room.js | 329 ++++++------ 12 files changed, 1710 insertions(+), 1502 deletions(-) diff --git a/src/main/resources/static/js/ad_manage.js b/src/main/resources/static/js/ad_manage.js index 564c700..9eab5a5 100644 --- a/src/main/resources/static/js/ad_manage.js +++ b/src/main/resources/static/js/ad_manage.js @@ -1,220 +1,259 @@ -var pageNum=1; -var pageSize=8; -var l; - +// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数 +var pageNum=1;// 当前页码，初始为第1页 +var pageSize=8;// 每页显示8条数据 +var l;// 用于记录当前页实际加载的数据条数 +// 页面DOM加载完成后执行 $(document).ready(function(){ - getStaffList(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); + getStaffList(); // 调用函数，调用获取员工列表的函数，初始化页面数据 + // 绑定"上一页"按钮点击事件，点击时调用getPre()函数 + $("#pre").on('click',function(){ + getPre(); + }); + // 绑定"下一页"按钮点击事件，点击时调用getNext()函数 + $("#next").on('click',function(){ + getNext(); + }); }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e) // 遍历对象属性，若存在属性则说明非空 + return 0; + return 1; } - - +// 存储当前页的员工列表数据 var list; +// 获取员工列表数据的函数 function getStaffList(){ - $.ajax({ - type:"post", - url:"../user/getAllUser.do", - dataType:"JSON", - data:{ - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(data.code=="0"){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getStaffList(); - } - else{ - var power=" "; - var htmlStr=" "; - var btnStr=" "; - list=data.List; - l=0; - $("#pre").css("display","block"); - $("#next").css("display","block"); - $("#staffList").empty(); - $("#staffList").append("账号员工号姓名年龄职位联系方式操作") - for(i in list){ - if(list[i].power=="0") { - power="管理员"; - btnStr=" "; - } - else if(list[i].power=="1") { - power="经理"; - btnStr=" " - } - else if(list[i].power=="2") { - power="员工"; - btnStr=" " - } - else { - power="清洁工"; - btnStr=" " - } - - htmlStr=""+list[i].useraccount+""+list[i].idnumber+""+list[i].username+""+list[i].age+""+power+""+list[i].phonenumber+""+btnStr+""; - $("#staffList").append(htmlStr); - l++; - //console.log(htmlStr) - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - - } - } - else{ - alert("获取员工列表失败") - } - - - - }, - error:function(){ - alert("获取员工列表发生错误") - } - }) + $.ajax({ + type:"post",// 请求类型为POST + url:"../user/getAllUser.do",// 请求后端接口地址 + dataType:"JSON",// 预期返回数据类型为JSON + data:{// 传递给后端的参数：当前页码和每页数量 + "pageNum":pageNum, + "pageSize":pageSize + }, + // 请求成功的回调函数 + success:function(data){ + // 后端返回状态码为"0"表示成功 + if(data.code=="0"){ + // 若当前页数据为空且页码大于0，回退到上一页并重新加载 + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getStaffList(); + } + else{ + var power=" ";// 存储职位名称 + var htmlStr=" ";// 存储表格行HTML + var btnStr=" ";// 存储操作按钮HTML + list=data.List;// 将后端返回的列表数据存入全局变量 + + l=0;// 重置当前页数据条数计数 + + // 显示上一页和下一页按钮（默认先显示，后续根据情况隐藏） + $("#pre").css("display","block"); + $("#next").css("display","block"); + // 清空表格内容并添加表头 + $("#staffList").empty(); + $("#staffList").append("账号员工号姓名年龄职位联系方式操作") + + // 遍历员工列表，生成表格内容 + for(i in list){ + // 根据权限值(power)设置职位名称和操作按钮 + if(list[i].power=="0") { + power="管理员"; + btnStr=" ";// 管理员无操作按钮 + } + else if(list[i].power=="1") { + power="经理"; + // 经理的操作按钮：设置为员工、删除 + btnStr=" " + } + else if(list[i].power=="2") { + power="员工";// 员工的操作按钮：设置为经理、重置密码、删除 + btnStr=" " + } + else { + power="清洁工"; + // 清洁工的操作按钮：重置密码、删除 + btnStr=" " + } + // 拼接当前员工的表格行HTML + htmlStr=""+list[i].useraccount+""+list[i].idnumber+""+list[i].username+""+list[i].age+""+power+""+list[i].phonenumber+""+btnStr+""; + // 将表格行添加到表格中 + $("#staffList").append(htmlStr); + l++;// 累加当前页数据条数 + //console.log(htmlStr) + } + + // 若当前是第1页，隐藏"上一页"按钮 + if(pageNum=="1") $("#pre").css("display","none"); + // 若当前页数据条数小于每页显示数量，说明是最后一页，隐藏"下一页"按钮 + if(pageSize>l) $("#next").css("display","none"); + + // 绑定操作按钮的点击事件 + btnOn(); + + } + } + else{ + alert("获取员工列表失败") + } + + + + }, + // 请求失败的回调函数 + error:function(){ + alert("获取员工列表发生错误") + } + }) } +// 绑定操作按钮的点击事件 function btnOn(){ - $("input").filter("#setStaff").on('click',function(event){ + // 绑定"设置为员工"按钮事件，调用setPosition并传递权限值"2" + $("input").filter("#setStaff").on('click',function(event){ setPosition(event,"2"); - }); - $("input").filter("#setManage").on('click',function(event){ - setPosition(event,"1"); - }); - $("input").filter("#setPwd").on('click',function(event){ + }); + // 绑定"设置为经理"按钮事件，调用setPosition并传递权限值"1" + $("input").filter("#setManage").on('click',function(event){ + setPosition(event,"1"); + }); + // 绑定"重置密码"按钮事件，调用setPwd + $("input").filter("#setPwd").on('click',function(event){ setPwd(event); - }); - $("input").filter("#delUser").on('click',function(event){ - delUser(event); - }); - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }) + }); + // 绑定"删除"按钮事件，调用delUser + $("input").filter("#delUser").on('click',function(event){ + delUser(event); + }); + // 绑定"跳转页码"按钮事件，调用setPage + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }) } +// 上一页功能：页码减1并重新加载列表 function getPre(){ - pageNum=pageNum-1; - getStaffList(); + pageNum=pageNum-1; + getStaffList(); } +// 下一页功能：页码加1并重新加载列表 function getNext(){ - pageNum=pageNum+1; - getStaffList(); - + pageNum=pageNum+1; + getStaffList(); + } +// 跳转指定页码功能 function setPage(){ - - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getStaffList(); - } - + // 验证输入的页码是否合法（大于0） + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); // 更新页码 + getStaffList();// 重新加载列表 + } + } +// 修改员工职位（权限）的函数 function setPosition(event,alter){ - var userid=$(event.target).data("userid"); - var info; - for(i in list){ - if(list[i].userid==userid){ - info=list[i]; - } - } - $.ajax({ - type:"POST", - url:"../user/updateUser.do", - dataType:"JSON", - data:{ - "userid":info.userid, - "power":alter - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - getStaffList(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + var userid=$(event.target).data("userid"); // 获取目标员工的ID + var info;// 存储目标员工的详细信息 + // 从当前列表中查找目标员 + for(i in list){ + if(list[i].userid==userid){ + info=list[i]; + } + } + // 发送AJAX请求修改权限 + $.ajax({ + type:"POST", + url:"../user/updateUser.do",// 后端修改用户接口 + dataType:"JSON", + data:{// 传递用户ID和新权限值 + "userid":info.userid, + "power":alter + }, + success:function(data){ + if(data.code==0){// 修改成功 + alert("修改成功"); + getStaffList();// 重新加载列表刷新数据 + } + else + alert("修改失败") + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } +// 重置员工密码的函数 function setPwd(event){ - var userid=$(event.target).data("userid"); - var info; - for(i in list){ - if(list[i].userid==userid){ - info=list[i]; - } - } - info.password="111111"; - $.ajax({ - type:"POST", - url:"../user/updateUser.do", - dataType:"JSON", - data:{ - "userid":info.userid, - "password":info.password - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - getStaffList(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + var userid=$(event.target).data("userid");// 获取目标员工的ID + var info;// 存储目标员工的详细信息 + // 从当前列表中查找目标员工 + for(i in list){ + if(list[i].userid==userid){ + info=list[i]; + } + } + info.password="111111"; // 重置密码为"111111" + // 发送AJAX请求修改密码 + $.ajax({ + type:"POST", + url:"../user/updateUser.do",// 后端修改用户接口 + dataType:"JSON", + data:{// 传递用户ID和新密码 + "userid":info.userid, + "password":info.password + }, + success:function(data){ + if(data.code==0){// 修改成功 + alert("修改成功"); + getStaffList(); // 重新加载列表刷新数据 + } + else + alert("修改失败") + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } - +// 删除员工的函数 function delUser(event){ - var userid=$(event.target).data("userid"); - $.ajax({ - type:"POST", - url:"../user/delUser.do", - dataType:"JSON", - data:{ - "userid":userid - }, - success:function(data){ - if(data.code==0){ - alert("删除成功"); - if(l==1) - pageNum=pageNum-1; - getStaffList(); - } - else - alert("删除失败") - }, - error:function(){ - alert("删除出现错误"); - } - }) + var userid=$(event.target).data("userid"); // 获取目标员工的ID + // 发送AJAX请求删除用户 + $.ajax({ + type:"POST", + url:"../user/delUser.do",// 后端删除用户接口 + dataType:"JSON", + data:{ // 传递用户ID + "userid":userid + }, + success:function(data){ + if(data.code==0){// 删除成功 + alert("删除成功"); + // 若当前页只剩1条数据，删除后页码回退1页 + if(l==1) + pageNum=pageNum-1; + getStaffList();// 重新加载列表刷新数据 + } + else + alert("删除失败") + }, + error:function(){ + alert("删除出现错误"); + } + }) } \ No newline at end of file diff --git a/src/main/resources/static/js/ad_order.js b/src/main/resources/static/js/ad_order.js index cf08731..7e2f212 100644 --- a/src/main/resources/static/js/ad_order.js +++ b/src/main/resources/static/js/ad_order.js @@ -1,215 +1,253 @@ -var pageNum=1; -var pageSize=8; -var l; +// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数 +var pageNum=1;// 当前页码，初始为第1页 +var pageSize=8;// 每页显示8条数据 +var l;// 记录当前页实际加载的数据条数 +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getorderList(); - getConfig(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); + getorderList(); // 加载订单列表 + getConfig();// 加载系统配置信息 + // 绑定"上一页"按钮点击事件 + $("#pre").on('click',function(){ + getPre(); + }); + // 绑定"下一页"按钮点击事件 + $("#next").on('click',function(){ + getNext(); + }); }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e)// 遍历对象属性，存在属性则非空 + return 0; + return 1; } +// 存储当前页的订单列表数据 var list; +// 获取订单列表数据 function getorderList(){ - $.ajax({ - type:"post", - url:"../order/getAllOrder.do", - dataType:"JSON", - data:{ - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getorderList(); - } - else{ - list=data.List; - var htmlStr=" "; - var btnStr=" "; - var state=" "; - 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=""; - } - else if(list[i].state=="1"){ - state="已付款"; - btnStr=" "; - } - else if(list[i].state=="2"){ - state="已完成"; - btnStr=" "; - } - else{ - state="已取消"; - btnStr=" "; - } - htmlStr=""+list[i].householdname+""+list[i].id+""+sdate+""+edate+""+list[i].money+""+state+""+btnStr+""; - $("#orderList").append(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } - - }, - error:function(){ - alert("获取订单列表发生错误") - } - }) + $.ajax({ + type:"post",// 请求类型为POST + url:"../order/getAllOrder.do", // 后端获取订单列表的接口 + dataType:"JSON",// 预期返回JSON格式数据 + data:{// 传递分页参数 + "pageNum":pageNum, + "pageSize":pageSize + }, + // 请求成功的回调函数 + success:function(data){ + // 若当前页数据为空且页码>0，回退到上一页重新加载 + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getorderList(); + } + else{ + list=data.List;// 存储订单列表数据 + var htmlStr=" ";// 表格行HTML字符串 + var btnStr=" ";// 操作按钮HTML字符串 + var state=" ";// 订单状态文本 + 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); + // 根据订单状态（state）设置状态文本和操作按钮 + if(list[i].state=="0"){ + state="未付款"; + // 未付款订单：仅显示"查看房间"按钮（关联模态框） + btnStr=""; + } + else if(list[i].state=="1"){ + state="已付款"; + // 已付款订单：仅显示"查看房间"按钮 + btnStr=" "; + } + else if(list[i].state=="2"){ + state="已完成"; + // 已完成订单：显示"查看房间"和"删除"按钮 + btnStr=" "; + } + else{ + state="已取消"; + // 已取消订单：显示"查看房间"和"删除"按钮 + btnStr=" "; + } + + // 拼接订单表格行HTML + htmlStr=""+list[i].householdname+""+list[i].id+""+sdate+""+edate+""+list[i].money+""+state+""+btnStr+""; + // 添加到表格中 + $("#orderList").append(htmlStr); + l++;// 累加当前页数据条数 + } + // 若为第1页，隐藏"上一页"按钮 + if(pageNum=="1") $("#pre").css("display","none"); + // 若当前页数据少于每页数量，说明是最后一页，隐藏"下一页"按钮 + if(pageSize>l) $("#next").css("display","none"); + // 绑定操作按钮事件 + btnOn(); + } + + }, + // 请求失败的回调 + error:function(){ + alert("获取订单列表发生错误") + } + }) } +// 绑定操作按钮的点击事件 function btnOn(){ - - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }); - $("input").filter("#showRoom").on('click',function(event){ - showRoom(event); - }) - $("input").filter("#delOrder").on('click',function(event){ - delOrder(event); - }); +// 绑定"跳转页码"按钮事件 + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }); + // 绑定"查看房间"按钮事件 + $("input").filter("#showRoom").on('click',function(event){ + showRoom(event); + }) + // 绑定"删除订单"按钮事件 + $("input").filter("#delOrder").on('click',function(event){ + delOrder(event); + }); } +// 上一页功能：页码减1并重新加载列表 function getPre(){ - pageNum=pageNum-1; - getorderList(); + pageNum=pageNum-1; + getorderList(); } +// 下一页功能：页码加1并重新加载列表 function getNext(){ - pageNum=pageNum+1; - getorderList(); + pageNum=pageNum+1; + getorderList(); } - +// 跳转指定页码功能 function setPage(){ - - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getorderList(); - } - + // 验证页码合法性（必须大于0） + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val();// 更新页码 + getorderList();// 重新加载列表 + } + } +// 删除订单功能 function delOrder(event){ - var orderid=$(event.target).data("orderid"); - $.ajax({ - type:"POST", - url:"../order/delOrder.do", - dataType:"JSON", - data:{ - "orderid":orderid - }, - success:function(data){ - if(data.code==0){ - alert("删除成功"); - if(l==1) - pageNum=pageNum-1; - getorderList(); - } - else - alert("删除失败") - }, - error:function(){ - alert("删除出现错误"); - } - }) + var orderid=$(event.target).data("orderid");// 获取订单ID + $.ajax({ + type:"POST", + url:"../order/delOrder.do",// 后端删除订单接口 + dataType:"JSON", + data:{// 传递订单ID + "orderid":orderid + }, + success:function(data){ + if(data.code==0){// 删除成功 + alert("删除成功"); + // 若当前页只剩1条数据，删除后页码回退1页 + if(l==1) + pageNum=pageNum-1; + getorderList();// 重新加载列表刷新数据 + } + else + alert("删除失败") + }, + error:function(){ + alert("删除出现错误"); + } + }) } - +// 查看房间详情功能（点击后显示模态框） function showRoom(event){ - var roomid=$(event.target).data("roomid"); - $.ajax({ - type:"POST", - url:"../room/getRoomById.do", - dataType:"JSON", - data:{ - "roomid":roomid - }, - success:function(data){ - var room=data.room; - if(data.code==0){ - var htmlStr=" "; - var state=" "; - var type=" "; - $("#roomTable").empty(); - if(room.state=="0") - state="停用"; - else if(room.state=="1") - state="未预定"; - else if(room.state=="2") - state="已预定(入住)"; - else - state="待清扫"; - if(room.type=="1") - type="单人间"; - else if(room.type=="2") - type="双人间"; - else if(room.type=="3") - type="大床房"; - else - type="套房"; - htmlStr="位置"+room.local+"价格"+room.money+"类型"+type+"状态"+state+"" - $("#roomTable").append(htmlStr); - } - else - alert("获取失败") - }, - error:function(){ - alert("获取信息出现错误"); - } - }) + var roomid=$(event.target).data("roomid");// 获取房间ID + $.ajax({ + type:"POST", + url:"../room/getRoomById.do",// 后端获取房间详情接口 + dataType:"JSON", + data:{// 传递房间ID + "roomid":roomid + }, + success:function(data){ + var room=data.room;// 房间详情数据 + if(data.code==0){// 获取成功 + var htmlStr=" ";// 房间信息表格HTML + var state=" ";// 房间状态文本 + var type=" ";// 房间类型文本 + // 清空模态框中的表格 + $("#roomTable").empty(); + // 转换房间状态编码为文本 + if(room.state=="0") + state="停用"; + else if(room.state=="1") + state="未预定"; + else if(room.state=="2") + state="已预定(入住)"; + else + state="待清扫"; + // 转换房间类型编码为文本 + if(room.type=="1") + type="单人间"; + else if(room.type=="2") + type="双人间"; + else if(room.type=="3") + type="大床房"; + else + type="套房"; + // 拼接房间信息表格HTML + htmlStr="位置"+room.local+"价格"+room.money+"类型"+type+"状态"+state+"" + // 添加到模态框表格中 + $("#roomTable").append(htmlStr); + } + else + alert("获取失败") + }, + error:function(){ + alert("获取信息出现错误"); + } + }) } +// 获取系统配置信息（如总营业额、总房间数） function getConfig(){ - $.ajax({ - type:"POST", - url:"../config/getConfig.do", - dataType:"JSON", - data:{}, - success:function(data){ - if(data.code=="0"){ - var config=data.config; - $("#totalMoney").text(config.totalmoney); - $("#totalRoom").text(config.totalroom); - } - else{ - alert("获取配置错误"); - } - - }, - error:function(){ - alert("获取配置发生错误") - } - - }); + $.ajax({ + type:"POST", + url:"../config/getConfig.do",// 后端获取配置接口 + dataType:"JSON", + data:{},// 无参数 + success:function(data){ + if(data.code=="0"){// 获取成功 + var config=data.config;// 配置数据 + // 更新页面上的总金额和总房间数显示 + $("#totalMoney").text(config.totalmoney); + $("#totalRoom").text(config.totalroom); + } + else{ + alert("获取配置错误"); + } + + }, + error:function(){ + alert("获取配置发生错误") + } + + }); } \ No newline at end of file diff --git a/src/main/resources/static/js/ad_salary.js b/src/main/resources/static/js/ad_salary.js index adb3168..3283790 100644 --- a/src/main/resources/static/js/ad_salary.js +++ b/src/main/resources/static/js/ad_salary.js @@ -1,103 +1,129 @@ +// 页面DOM加载完成后执行的初始化函数 $(document).ready(function(){ - getConfig(); - $("#showConfig").click(function(){ - changeTab(); - }); - $("#alterConfig").click(function(){ - changeTab(); - }); - $("#alterConfigBtn").click(function(){ - alterConfig(); - }) +// 加载配置信息 + getConfig(); + // 给"查看配置"按钮绑定点击事件，点击时切换显示的标签页 + $("#showConfig").click(function(){ + changeTab(); + }); + // 给"修改配置"按钮绑定点击事件，点击时切换显示的标签页 + $("#alterConfig").click(function(){ + changeTab(); + }); + // 给"确认修改"按钮绑定点击事件，点击时执行修改配置的逻辑 + $("#alterConfigBtn").click(function(){ + alterConfig(); + }) }) - +// 全局变量，用于存储从后端获取的配置信息 var config; //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ - if(str=='null'||str=='') - return 1; - return 0; + // 如果字符串是'null'或空字符串，视为空 + if(str=='null'||str=='') + return 1; + return 0; } - +// 从后端获取配置信息并展示 function getConfig(){ - $.ajax({ - type:"POST", - url:"../config/getConfig.do", - dataType:"JSON", - data:{}, - success:function(data){ - if(data.code=="0"){ - config=data.config; - var htmlStr="经理"+config.manage+""+config.managesalary+"%"+ - "员工"+config.staff+""+config.staffsalary+"%"+ - "清洁工"+config.cleaner+""+config.cleanerssalary+"%"; - $("#configList").append(htmlStr); - $("#inputMS").val(config.manage); - $("#inputSS").val(config.staff); - $("#inputCS").val(config.cleaner); - $("#inputM").val(config.managesalary); - $("#inputS").val(config.staffsalary); - $("#inputC").val(config.cleanerssalary); - } - else{ - alert("获取配置错误"); - } +// 发起AJAX POST请求 + $.ajax({ + type:"POST",// 请求类型 + url:"../config/getConfig.do", // 请求后端接口地址 + dataType:"JSON", // 预期后端返回的数据类型 + data:{},// 请求参数（无参数） + // 请求成功的回调函数 + success:function(data){ + // 后端返回成功状态码（假设code="0"为成功） + if(data.code=="0"){ + // 存储配置信息到全局变量 + config=data.config; + // 拼接配置信息的HTML字符串（用于展示表格） + var htmlStr="经理"+config.manage+""+config.managesalary+"%"+ + "员工"+config.staff+""+config.staffsalary+"%"+ + "清洁工"+config.cleaner+""+config.cleanerssalary+"%"; + // 将HTML添加到表格中展示 + $("#configList").append(htmlStr); + // 给修改表单的输入框赋值（默认显示当前配置） + $("#inputMS").val(config.manage); + $("#inputSS").val(config.staff); + $("#inputCS").val(config.cleaner); + $("#inputM").val(config.managesalary); + $("#inputS").val(config.staffsalary); + $("#inputC").val(config.cleanerssalary); + } + else{ + // 后端返回失败，提示错误 + alert("获取配置错误"); + } - }, - error:function(){ - alert("获取配置发生错误") - } + }, + // 请求失败的回调函数 + error:function(){ + alert("获取配置发生错误") + } - }); + }); } +// 切换标签页（切换"查看配置"和"修改配置"区域的显示状态） function changeTab(){ - var info=$("#showConfigDiv").css("display"); - var alter=$("#alterConfigDiv").css("display"); - if(info=="block"){ - $("#showConfigDiv").css("display","none"); - $("#alterConfigDiv").fadeIn(); - } - else{ - $("#alterConfigDiv").css("display","none") - $("#showConfigDiv").fadeIn(); - } +// 获取两个区域当前的显示状态 + var info=$("#showConfigDiv").css("display"); // 查看配置区域 + var alter=$("#alterConfigDiv").css("display");// 修改配置区域 + // 如果查看区域正在显示，则隐藏查看区域，显示修改区域（带动画） + if(info=="block"){ + $("#showConfigDiv").css("display","none"); + $("#alterConfigDiv").fadeIn(); // 淡入动画 + } + else{ + // 否则隐藏修改区域，显示查看区域（带动画） + $("#alterConfigDiv").css("display","none") + $("#showConfigDiv").fadeIn();// 淡入动画 + } } +// 提交修改配置的请求 function alterConfig(){ - if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val())) - alert("请填写全内容"); - else{ - $.ajax({ - type:"POST", - url:"../config/updateConfig.do", - dataType:"JSON", - data:{ - "managesalary":$("#inputM").val(), - "staffsalary":$("#inputS").val(), - "cleanerssalary":$("#inputC").val(), - "manage":$("#inputMS").val(), - "staff":$("#inputSS").val(), - "cleaner":$("#inputCS").val() - }, - success:function(data){ - if(data.code=="0"){ - alert("修改成功"); - - } - else{ - alert("修改配置错误"); - } - window.location.reload(); +// 校验输入框是否为空（调用isEmptyString函数） + if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val())) + alert("请填写全内容");// 有空值则提示 + else{ + // 输入完整，发起修改请求 + $.ajax({ + type:"POST", // 请求类型 + url:"../config/updateConfig.do",// 后端修改接口地址 + dataType:"JSON", // 预期返回数据类型 + // 请求参数（从输入框获取新的配置值） + data:{ + "managesalary":$("#inputM").val(), + "staffsalary":$("#inputS").val(), + "cleanerssalary":$("#inputC").val(), + "manage":$("#inputMS").val(), + "staff":$("#inputSS").val(), + "cleaner":$("#inputCS").val() + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code=="0"){ + alert("修改成功"); + + } + else{ + alert("修改配置错误"); + } + // 无论成功与否，刷新页面重新加载配置 + window.location.reload(); - }, - error:function(){ - alert("修改配置发生错误") - } + }, + // 请求失败的回调函数 + error:function(){ + alert("修改配置发生错误") + } - }); + }); - } + } } diff --git a/src/main/resources/static/js/all_infor.js b/src/main/resources/static/js/all_infor.js index 2bce4cd..8b1b5dc 100644 --- a/src/main/resources/static/js/all_infor.js +++ b/src/main/resources/static/js/all_infor.js @@ -1,208 +1,245 @@ +// 扩展jQuery方法：添加获取URL参数的功能 (function($){ - $.getData=function(name){ - var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); - var result = window.location.search.substr(1).match(reg); - if (result!= null) return result[2]; return null; - } +// 定义$.getData方法，用于从URL查询参数中获取指定名称的值 + $.getData=function(name){ + // 构建正则表达式，匹配URL中"name=value"的参数格式 + var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); + // 从URL的查询字符串（?后的部分）中提取参数并匹配正则 + var result = window.location.search.substr(1).match(reg); + // 若匹配到结果则返回参数值，否则返回null + if (result!= null) return result[2]; return null; + } })(jQuery); - +// 从URL参数中获取userid和power（用户ID和权限等级） var userid=$.getData('userid'); var power=$.getData('power'); - +// 页面DOM加载完成后执行的初始化函数 $(document).ready(function(){ - var w=$("#userpic").width(); - $("#userpic").height(w); - $("#inputNone").attr("value",userid); - $("#showInfo").click(function(){ - changeTab(); - }); - $("#showAlter").click(function(){ - changeTab(); - }); - getInfo(); - getSalary(); - $("#alterInfoBtn").click(function(){ - alterInfo(); - }); - $("#alterPwdBtn").click(function(){ - alterPwd(); - }) +// 设置用户头像的宽高相等（正方形） + var w=$("#userpic").width(); + $("#userpic").height(w); + // 给隐藏输入框赋值userid（可能用于表单提交时传递用户ID） + $("#inputNone").attr("value",userid); + // 绑定"查看信息"按钮点击事件，切换标签页 + $("#showInfo").click(function(){ + changeTab(); + }); + // 绑定"修改信息"按钮点击事件，切换标签页 + $("#showAlter").click(function(){ + changeTab(); + }); + // 加载用户基本信息 + getInfo(); + // 加载用户薪资信息（根据权限判断是否显示） + getSalary(); + // 绑定"确认修改信息"按钮点击事件，执行修改信息逻辑 + $("#alterInfoBtn").click(function(){ + alterInfo(); + }); + // 绑定"确认修改密码"按钮点击事件，执行修改密码逻辑 + $("#alterPwdBtn").click(function(){ + alterPwd(); + }) }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + // 遍历对象，若存在属性则非空 + for (t in e) + return 0; + return 1; } //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ - if(str=='null'||str=='') - return 1; - return 0; +// 若字符串为'null'或空字符串，视为空 + if(str=='null'||str=='') + return 1; + return 0; } - +// 切换标签页（切换"查看信息"和"修改信息"区域的显示状态） function changeTab(){ - var info=$("#showInfodiv").css("display"); - var alter=$("#showAlterdiv").css("display"); - if(info=="block"){ - $("#showInfodiv").css("display","none"); - $("#showAlterdiv").fadeIn(); - } - else{ - $("#showAlterdiv").css("display","none") - $("#showInfodiv").fadeIn(); - } +// 获取两个区域当前的显示状态 + var info=$("#showInfodiv").css("display");// 查看信息区域 + var alter=$("#showAlterdiv").css("display"); // 修改信息区域 + // 若查看区域显示，则隐藏查看区域，淡入显示修改区域 + if(info=="block"){ + $("#showInfodiv").css("display","none"); + $("#showAlterdiv").fadeIn(); + } + else{ + // 否则隐藏修改区域，淡入显示查看区域 + $("#showAlterdiv").css("display","none") + $("#showInfodiv").fadeIn(); + } } - +// 全局变量，用于存储用户信息 var info; - +// 从后端获取用户详情信息并展示 function getInfo(){ - $.ajax({ - type:"POST", - url:"../user/getUserById.do", - dataType:"JSON", - data:{ - "userid":userid - }, - success:function(data){ - if(data.code==0){ - info=data.user; - var span=$("span"); - $("#userpic").attr("src",'../'+info.photourl) - span.filter("#account").text(info.useraccount); - span.filter("#idnum").text(info.idnumber); - span.filter("#name").text(info.username); - $("#inputName").val(info.username); - span.filter("#age").text(info.age); - $("#inputAge").val(info.age) - span.filter("#phone").text(info.phonenumber); - $("#inputPhone").val(info.phonenumber) - } - else{ - alert("获取信息失败"); - } - }, - error:function(){ - alert("获取信息出现错误"); - } - }) + $.ajax({ + type:"POST", // 请求类型 + url:"../user/getUserById.do",// 后端接口地址（根据用户ID获取信息） + dataType:"JSON",// 预期返回数据类型 + data:{ + "userid":userid // 请求参数：用户ID + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code==0){// 后端返回成功状态（code=0） + info=data.user;// 存储用户信息到全局变量 + var span=$("span");// 获取所有span标签 + // 设置用户头像图片路径 + $("#userpic").attr("src",'../'+info.photourl) + // 填充查看区域的用户信息（账号、身份证号、姓名、年龄、手机号） + span.filter("#account").text(info.useraccount); + span.filter("#idnum").text(info.idnumber); + span.filter("#name").text(info.username); + $("#inputName").val(info.username); + // 填充修改区域的输入框（默认显示当前信息） + span.filter("#age").text(info.age); + $("#inputAge").val(info.age) + span.filter("#phone").text(info.phonenumber); + $("#inputPhone").val(info.phonenumber) + } + else{ + alert("获取信息失败");// 后端返回失败 + } + }, + // 请求失败的回调函数 + error:function(){ + alert("获取信息出现错误"); + } + }) } - +// 提交用户基本信息修改请求 function alterInfo(){ - var name=$("#inputName").val(); - var age=$("#inputAge").val(); - var phone=$("#inputPhone").val(); - if(isEmptyString(name) || isEmptyString(age) || isEmptyString(phone)){ - alert("请填写全信息"); - } - else{ - $.ajax({ - type:"POST", - url:"../user/updateUser.do", - dataType:"JSON", - data:{ - "userid":userid, - "password":info.password, - "username":name, - "age":age, - "power":power, - "IDnumber":info.idnumber, - "phonenumber":phone - - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - window.location.reload(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改信息出现错误"); - } - }) - } +// 从输入框获取修改后的信息 + var name=$("#inputName").val(); + var age=$("#inputAge").val(); + var phone=$("#inputPhone").val(); + // 校验输入是否为空 + if(isEmptyString(name) || isEmptyString(age) || isEmptyString(phone)){ + alert("请填写全信息"); + } + else{ + // 输入完整，发起修改请求 + $.ajax({ + type:"POST", + url:"../user/updateUser.do",// 后端修改用户信息接口 + dataType:"JSON", + data:{ + "userid":userid, // 用户ID（不变） + "password":info.password, // 密码（不变，从原有信息获取） + "username":name,// 新姓名 + "age":age, // 新年龄 + "power":power,// 权限等级（不变） + "IDnumber":info.idnumber, // 身份证号（不变） + "phonenumber":phone // 新手机号 + + }, + success:function(data){ + if(data.code==0){ + alert("修改成功"); + window.location.reload();// 刷新页面加载最新信息 + } + else + alert("修改失败") + }, + error:function(){ + alert("修改信息出现错误"); + } + }) + } } - +// 提交密码修改请求 function alterPwd(){ - var oldPwd=$("#inputoldPwd").val(); - var newPwd=$("#inputnewPwd").val(); - var renewPwd=$("#inputrenewPwd").val(); - if(isEmptyString(oldPwd) || isEmptyString(newPwd) || isEmptyString(renewPwd)){ - alert("请填写全信息"); - } - else if(oldPwd!=info.password) - alert("原密码不正确"); - else if(newPwd!=renewPwd) - alert("新密码输入错误") - else{ - $.ajax({ - type:"POST", - url:"../user/updateUser.do", - dataType:"JSON", - data:{ - "userid":userid, - "password":newPwd - - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - window.location.reload(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改密码出现错误"); - } - }) - } +// 从输入框获取密码信息 + var oldPwd=$("#inputoldPwd").val();// 原密码 + var newPwd=$("#inputnewPwd").val(); // 新密码 + var renewPwd=$("#inputrenewPwd").val(); // 确认新密码 + if(isEmptyString(oldPwd) || isEmptyString(newPwd) || isEmptyString(renewPwd)){ + alert("请填写全信息"); + } + // 校验原密码是否正确（与原有信息比对） + else if(oldPwd!=info.password) + alert("原密码不正确"); + // 校验新密码两次输入是否一致 + else if(newPwd!=renewPwd) + alert("新密码输入错误") + else{ + // 校验通过，发起密码修改请求 + $.ajax({ + type:"POST", + url:"../user/updateUser.do",// 后端修改用户信息接口（复用） + dataType:"JSON", + data:{ + "userid":userid,// 用户ID + "password":newPwd // 新密码 + + }, + success:function(data){ + if(data.code==0){ + alert("修改成功"); + window.location.reload(); // 刷新页面 + } + else + alert("修改失败") + }, + error:function(){ + alert("修改密码出现错误"); + } + }) + } } +// 获取并展示用户薪资信息（根据权限判断是否显示） function getSalary(){ - if(power!="0"){ - $("#showS").css("display","block"); - $("#showC").css("display","block"); - $.ajax({ - type:"POST", - url:"../config/getConfig.do", - dataType:"JSON", - data:{}, - success:function(data){ - if(data.code=="0"){ - var config=data.config; - if(power=="1"){ - $("#salary").text(config.manage); - $("#commission").text(config.managesalary+"%"); - } - else if(power=="2"){ - $("#salary").text(config.staff); - $("#commission").text(config.staffsalary+"%"); - } - else{ - $("#salary").text(config.cleaner); - $("#commission").text(config.cleanerssalary+"%"); - } - - } - else{ - alert("获取配置错误"); - } - - }, - error:function(){ - alert("获取配置发生错误") - } - - }); - } +// 若权限不为"0"（假设0为非员工/游客，1/2/3为不同角色），则显示薪资区域 + if(power!="0"){ + $("#showS").css("display","block");// 显示薪资标签 + $("#showC").css("display","block");// 显示提成标签 + + // 从后端获取薪资配置信息 + $.ajax({ + type:"POST", + url:"../config/getConfig.do",// 后端获取配置接口 + dataType:"JSON", + data:{},// 无参数 + success:function(data){ + if(data.code=="0"){// 配置获取成功 + var config=data.config;// 薪资配置信息 + + // 根据权限等级显示对应角色的薪资和提成比例 + if(power=="1"){ // 假设1为经理 + $("#salary").text(config.manage); // 经理基础薪资 + $("#commission").text(config.managesalary+"%");// 经理提成比例 + } + else if(power=="2"){// 假设2为员工 + + $("#salary").text(config.staff);// 员工基础薪资 + $("#commission").text(config.staffsalary+"%");// 员工提成比例 + } + else{ // 其他权限（假设为清洁工） + $("#salary").text(config.cleaner); // 清洁工基础薪资 + $("#commission").text(config.cleanerssalary+"%");// 清洁工提成比例 + } + + } + else{ + alert("获取配置错误"); + } + + }, + error:function(){ + alert("获取配置发生错误") + } + + }); + } } \ No newline at end of file diff --git a/src/main/resources/static/js/cleaner_room.js b/src/main/resources/static/js/cleaner_room.js index 8dc0d97..a3dc3a1 100644 --- a/src/main/resources/static/js/cleaner_room.js +++ b/src/main/resources/static/js/cleaner_room.js @@ -2,134 +2,148 @@ var pageNum=1; var pageSize=8; var l; +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getroomList(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); + getroomList(); + $("#pre").on('click',function(){ + getPre(); + }); + $("#next").on('click',function(){ + getNext(); + }); }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e) + return 0; + return 1; } var list; +// 从后端获取房间列表并展示 function getroomList(){ - $.ajax({ - type:"post", - url:"../room/getRoom.do", - dataType:"JSON", - data:{ - "state":"3", - "type":"-1", - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getroomList(); - } - else{ - list=data.List; - var power=" "; - var htmlStr=" "; - var btnStr=" "; - 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="单人间"; - else if(list[i].type=="2") - type="双人间"; - else if(list[i].type=="3") - type="大床房"; - else - type="套房" - btnStr=""; - htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; - $("#roomList").append(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } + $.ajax({ + type:"post", + url:"../room/getRoom.do", + dataType:"JSON", + data:{ + "state":"3", + "type":"-1", + "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=" "; + var btnStr=" "; + 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="单人间"; + else if(list[i].type=="2") + type="双人间"; + else if(list[i].type=="3") + type="大床房"; + else + type="套房" + btnStr=""; + htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; + $("#roomList").append(htmlStr); + l++; + } + if(pageNum=="1") $("#pre").css("display","none"); + if(pageSize>l) $("#next").css("display","none"); + btnOn(); + } - }, - error:function(){ - alert("获取房间列表发生错误") - } - }) + }, + // 请求失败的回调函数 + error:function(){ + alert("获取房间列表发生错误") + } + }) } +// 绑定页面中操作按钮的点击事件 function btnOn(){; - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }); - $("input").filter("#setRoom").on('click',function(event ){ - setRoom(event); - }); + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }); + $("input").filter("#setRoom").on('click',function(event ){ + setRoom(event); + }); } +// 修改房间状态为"已清扫" function setRoom(event){ - var roomid=$(event.target).data("roomid"); - $.ajax({ - type:"POST", - url:"../room/updateRoom.do", - dataType:"JSON", - data:{ - "roomid":roomid, - "state":"1" - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - getroomList(); - } - else{ - alert("修改失败"); - getroomList(); - } - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + var roomid=$(event.target).data("roomid"); + $.ajax({ + type:"POST", + url:"../room/updateRoom.do", + dataType:"JSON", + data:{ + "roomid":roomid, + "state":"1" + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code==0){ + alert("修改成功"); + getroomList(); + } + else{ + alert("修改失败"); + getroomList(); + } + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } +// 加载上一页数据 function getPre(){ - pageNum=pageNum-1; - getroomList(); + pageNum=pageNum-1; + getroomList(); } +// 加载下一页数据 function getNext(){ - pageNum=pageNum+1; - getroomList(); + pageNum=pageNum+1; + getroomList(); } +// 跳转到指定页码 function setPage(){ - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getroomList(); - } - + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); + getroomList(); + } + } diff --git a/src/main/resources/static/js/index.js b/src/main/resources/static/js/index.js index 5aa736e..8be4d7c 100644 --- a/src/main/resources/static/js/index.js +++ b/src/main/resources/static/js/index.js @@ -1,47 +1,51 @@ +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getCode(); - var h=$(window).height(); - $("#main").css("height",h); - $("#loginBtn").click(function(){ - login(); - }) - $("#code").click(function(){ - getCode(); - }) + getCode(); + var h=$(window).height(); + $("#main").css("height",h); + $("#loginBtn").click(function(){ + login(); + }) + $("#code").click(function(){ + getCode(); + }) }) //获取验证码 function getCode(){ - $("#code").attr("src","./user/createImage?code="+Math.random()); + $("#code").attr("src","./user/createImage?code="+Math.random()); } //登录 function login(){ - var user=$("#inputName").val(); - var pwd=$("#inputPassword").val(); - var code=$("#inputCode").val(); - $.ajax({ - type:"POST", - url:"./user/login.do", - dataType:"JSON", - data:{ - "useraccount":user, - "password":pwd, - "icode":code - }, - success:function(data){ - console.log(data) - if(data.code=="0"){ - var urlString="pages/myCenter.html?power="+data.power+"&userid="+data.userid; - window.location.href=urlString; - } - else if(data.code=="-1"){ - alert("验证码或密码错误") - } - }, - error:function(){ - alert("登录 发生错误"); - } - }); + var user=$("#inputName").val(); + var pwd=$("#inputPassword").val(); + var code=$("#inputCode").val(); + // 发起AJAX登录请求 + $.ajax({ + type:"POST", + url:"./user/login.do", + dataType:"JSON", + data:{ + "useraccount":user, + "password":pwd, + "icode":code + }, + // 请求成功的回调函数（后端返回数据后执行） + success:function(data){ + console.log(data) + if(data.code=="0"){ + var urlString="pages/myCenter.html?power="+data.power+"&userid="+data.userid; + window.location.href=urlString; + } + else if(data.code=="-1"){ + alert("验证码或密码错误") + } + }, + // 请求失败的回调函数（网络错误或接口异常时执行） + error:function(){ + alert("登录 发生错误"); + } + }); } \ No newline at end of file diff --git a/src/main/resources/static/js/manage_room.js b/src/main/resources/static/js/manage_room.js index b76ec53..c927490 100644 --- a/src/main/resources/static/js/manage_room.js +++ b/src/main/resources/static/js/manage_room.js @@ -2,283 +2,298 @@ var pageNum=1; var pageSize=8; var l; +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getroomList(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); - $("input").filter("#setRoomBtn").on('click',function( ){ - setRoomajax( ); - }); + getroomList(); + $("#pre").on('click',function(){ + getPre(); + }); + $("#next").on('click',function(){ + getNext(); + }); + $("input").filter("#setRoomBtn").on('click',function( ){ + setRoomajax( ); + }); - $("input").filter("#addRoomBtn").on('click',function(){ - addRoom(); - }); + $("input").filter("#addRoomBtn").on('click',function(){ + addRoom(); + }); }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e) + return 0; + return 1; } //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ - if(str=='null'||str=='') - return 1; - return 0; + if(str=='null'||str=='') + return 1; + return 0; } var list; +// 从后端获取房间列表并展示 function getroomList(){ - $.ajax({ - type:"post", - url:"../room/getRoom.do", - dataType:"JSON", - data:{ - "state":"-1", - "type":"-1", - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getroomList(); - } - else{ - list=data.List; - var power=" "; - var htmlStr=" "; - var btnStr=" "; - 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="停用"; - btnStr=" "; - } - else if(list[i].state=="1"){ - state="未预定"; - btnStr=" "; - } - else if(list[i].state=="2"){ - state="已预定(入住)"; - btnStr=""; - } - else{ - state="待清扫"; - btnStr=" "; - } + $.ajax({ + type:"post", + url:"../room/getRoom.do", + dataType:"JSON", + data:{ + "state":"-1", + "type":"-1", + "pageNum":pageNum, + "pageSize":pageSize + }, + // 请求成功的回调函数 + success:function(data){ + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getroomList(); + } + else{ + list=data.List; + var power=" "; + var htmlStr=" "; + var btnStr=" "; + 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="停用"; + btnStr=" "; + } + else if(list[i].state=="1"){ + state="未预定"; + btnStr=" "; + } + else if(list[i].state=="2"){ + state="已预定(入住)"; + btnStr=""; + } + else{ + state="待清扫"; + btnStr=" "; + } + // 根据房间类型编码转换为文本 - if(list[i].type=="1") - type="单人间"; - else if(list[i].type=="2") - type="双人间"; - else if(list[i].type=="3") - type="大床房"; - else - type="套房" + if(list[i].type=="1") + type="单人间"; + else if(list[i].type=="2") + type="双人间"; + else if(list[i].type=="3") + type="大床房"; + else + type="套房" + // 拼接表格行（包含房间信息和操作按钮） - htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; - $("#roomList").append(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } + htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; + $("#roomList").append(htmlStr); + l++; + } + if(pageNum=="1") $("#pre").css("display","none"); + if(pageSize>l) $("#next").css("display","none"); + btnOn(); + } - }, - error:function(){ - alert("获取房间列表发生错误") - } - }) + }, + // 请求失败的回调函数 + error:function(){ + alert("获取房间列表发生错误") + } + }) } +// 绑定页面中所有操作按钮的点击事件 function btnOn(){ - $("input").filter("#delRoom").on('click',function(event){ - delRoom(event); - }); - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }) - $("input").filter("#setStop").on('click',function(event){ - setState(event,"0"); - }); - $("input").filter("#setStart").on('click',function(event){ - setState(event,"1"); - }); - $("input").filter("#setRoom").on('click',function(event){ - setRoom(event); - }); + $("input").filter("#delRoom").on('click',function(event){ + delRoom(event); + }); + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }) + $("input").filter("#setStop").on('click',function(event){ + setState(event,"0"); + }); + $("input").filter("#setStart").on('click',function(event){ + setState(event,"1"); + }); + $("input").filter("#setRoom").on('click',function(event){ + setRoom(event); + }); } - +// 加载上一页数据 function getPre(){ - pageNum=pageNum-1; - getroomList(); + pageNum=pageNum-1; + getroomList(); } - +// 加载下一页数据 function getNext(){ - pageNum=pageNum+1; - getroomList(); + pageNum=pageNum+1; + getroomList(); } - +// 填充房间修改表单（将当前房间信息显示到修改弹窗中） function setRoom(event){ - var roomid=$(event.target).data("roomid"); - var info; - for(i in list){ - if(list[i].roomid==roomid){ - info=list[i]; - } - } - $("#reinputLocal").val(info.local); - $("#reinputPrice").val(info.money); - $("#reinputType").val(info.type); - $("#reinputid").val(roomid); + var roomid=$(event.target).data("roomid"); + var info; + for(i in list){ + if(list[i].roomid==roomid){ + info=list[i]; + } + } + // 将房间信息填充到修改表单的输入框中 + $("#reinputLocal").val(info.local); + $("#reinputPrice").val(info.money); + $("#reinputType").val(info.type); + $("#reinputid").val(roomid); } - +// 提交房间信息修改请求（AJAX） function setRoomajax( ){ - $.ajax({ - type:"POST", - url:"../room/updateRoom.do", - dataType:"JSON", - data:{ - "roomid":$("#reinputid").val(), - "money":$("#reinputPrice").val(), - "type":$("#reinputType").val(), - "local":$("#reinputLocal").val() - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - $("#reinputLocal").val(""); - $("#reinputPrice").val(""); - $("#reinputType").val(""); - $("#reinputid").val(""); - $('#alterRoom').modal('toggle'); - getroomList(); - } - else{ - alert("修改失败"); - getroomList(); - } - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + $.ajax({ + type:"POST", + url:"../room/updateRoom.do", + dataType:"JSON", + data:{ + "roomid":$("#reinputid").val(), + "money":$("#reinputPrice").val(), + "type":$("#reinputType").val(), + "local":$("#reinputLocal").val() + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code==0){ + alert("修改成功"); + $("#reinputLocal").val(""); + $("#reinputPrice").val(""); + $("#reinputType").val(""); + $("#reinputid").val(""); + $('#alterRoom').modal('toggle'); + // 无论成功与否，重新加载房间列表展示最新数据 + getroomList(); + } + else{ + alert("修改失败"); + getroomList(); + } + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } - +// 修改房间状态（启用/停用） function setState(event,alter){ - var roomid=$(event.target).data("roomid"); - $.ajax({ - type:"POST", - url:"../room/updateRoom.do", - dataType:"JSON", - data:{ - "roomid":roomid, - "state":alter - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - getroomList(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + var roomid=$(event.target).data("roomid"); + $.ajax({ + type:"POST", + url:"../room/updateRoom.do", + dataType:"JSON", + data:{ + "roomid":roomid, + "state":alter + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code==0){ + alert("修改成功"); + // 重新加载房间列表展示最新状态 + getroomList(); + } + else + alert("修改失败") + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } - +// 跳转到指定页码 function setPage(){ - - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getroomList(); - } - -} + // 校验输入的页码是否合法（必须大于0） + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); + getroomList(); + } +} +// 删除房间 function delRoom(event){ - var roomid=$(event.target).data("roomid"); - $.ajax({ - type:"POST", - url:"../room/delRoom.do", - dataType:"JSON", - data:{ - "roomid":roomid - }, - success:function(data){ - if(data.code==0){ - alert("删除成功"); - if(l==1) - pageNum=pageNum-1; - getroomList(); - } - else - alert("删除失败") - }, - error:function(){ - alert("删除出现错误"); - } - }) + var roomid=$(event.target).data("roomid"); + $.ajax({ + type:"POST", + url:"../room/delRoom.do", + dataType:"JSON", + data:{ + "roomid":roomid + }, + // 请求成功的回调函数 + success:function(data){ + if(data.code==0){ + alert("删除成功"); + if(l==1) + pageNum=pageNum-1; + getroomList(); + } + else + alert("删除失败") + }, + error:function(){ + alert("删除出现错误"); + } + }) } - +// 添加新房间 function addRoom(){ - if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val())) - alert("请填写全内容"); - else{ - $.ajax({ - type:"POST", - url:"../room/addRoom.do", - dataType:"JSON", - data:{ - "local":$("#inputLocal").val(), - "money":$("#inputPrice").val(), - "state":"1", - "type":$("#inputType").val() - }, - success:function(data){ - if(data.code==0){ - alert("添加成功"); - $('#addRoom').modal('toggle'); - $("#inputLocal").val(" "); - $("#inputPrice").val(" "); - $("#inputType").val(" "); - getroomList(); - } - else{ - alert("添加失败"); - window.location.reload(); - } - }, - error:function(){ - alert("添加出现错误"); - } - }) - } - + if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val())) + alert("请填写全内容"); + else{ + $.ajax({ + type:"POST", + url:"../room/addRoom.do", + dataType:"JSON", + data:{ + "local":$("#inputLocal").val(), + "money":$("#inputPrice").val(), + "state":"1", + "type":$("#inputType").val() + }, + success:function(data){ + if(data.code==0){ + alert("添加成功"); + $('#addRoom').modal('toggle'); + $("#inputLocal").val(" "); + $("#inputPrice").val(" "); + $("#inputType").val(" "); + getroomList(); + } + else{ + alert("添加失败"); + window.location.reload(); + } + }, + error:function(){ + alert("添加出现错误"); + } + }) + } + } diff --git a/src/main/resources/static/js/manage_staff.js b/src/main/resources/static/js/manage_staff.js index 5089b43..753bea2 100644 --- a/src/main/resources/static/js/manage_staff.js +++ b/src/main/resources/static/js/manage_staff.js @@ -1,175 +1,182 @@ var pageNum=1; var pageSize=8; var l; - +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getStaffList(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); - $("#addUserBtn").on('click',function(){ - addUser(); - }) + getStaffList(); + $("#pre").on('click',function(){ + getPre(); + }); + $("#next").on('click',function(){ + getNext(); + }); + $("#addUserBtn").on('click',function(){ + addUser(); + }) }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e) + return 0; + return 1; } //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ - if(str=='null'||str=='') - return 1; - return 0; + if(str=='null'||str=='') + return 1; + return 0; } var list; +// 从后端获取员工列表并展示 function getStaffList(){ - $.ajax({ - type:"post", - url:"../user/getUserByPower.do", - dataType:"JSON", - data:{ - "pageNum":pageNum, - "pageSize":pageSize, - "power":"2" - }, - success:function(data){ - if(data.code=="0"){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getStaffList(); - } - else{ - var power=" "; - var htmlStr=" "; - 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+""; - $("#staffList").append(htmlStr); - //console.log(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } - } - else{ - alert("获取员工列表失败"); - } - - - }, - error:function(){ - alert("获取员工列表发生错误") - } - }) + $.ajax({ + type:"post", + url:"../user/getUserByPower.do", + dataType:"JSON", + data:{ + "pageNum":pageNum, + "pageSize":pageSize, + "power":"2" + }, + success:function(data){ + // 后端返回成功状态（code=0） + if(data.code=="0"){ + // 若当前页无数据且页码大于0，回退到上一页并重新加载 + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getStaffList(); + } + else{ + var power=" "; + var htmlStr=" "; + 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+""; + $("#staffList").append(htmlStr); + //console.log(htmlStr); + l++; + } + // 若当前是第1页，隐藏"上一页"按钮 + if(pageNum=="1") $("#pre").css("display","none"); + if(pageSize>l) $("#next").css("display","none"); + btnOn(); + } + } + else{ + alert("获取员工列表失败"); + } + + + }, + error:function(){ + alert("获取员工列表发生错误") + } + }) } - +// 绑定页面中操作按钮的点击事件 function btnOn(){ - $("input").filter("#delUser").on('click',function(event){ - delUser(event); - }); - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }) + $("input").filter("#delUser").on('click',function(event){ + delUser(event); + }); + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }) } - +// 加载上一页数据 function getPre(){ - pageNum=pageNum-1; - getStaffList(); + pageNum=pageNum-1; + getStaffList(); } - +// 加载下一页数据 function getNext(){ - pageNum=pageNum+1; - getStaffList(); + pageNum=pageNum+1; + getStaffList(); } - +// 跳转到指定页码 function setPage(){ - - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getStaffList(); - } - -} + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); + getStaffList(); + } + +} +// 删除员工 function delUser(event){ - var userid=$(event.target).data("userid"); - $.ajax({ - type:"POST", - url:"../user/delUser.do", - dataType:"JSON", - data:{ - "userid":userid - }, - success:function(data){ - if(data.code==0){ - alert("删除成功"); - if(l==1) - pageNum=pageNum-1; - getStaffList(); - } - else - alert("删除失败") - }, - error:function(){ - alert("删除出现错误"); - } - }) + var userid=$(event.target).data("userid"); + $.ajax({ + type:"POST", + url:"../user/delUser.do", + dataType:"JSON", + data:{ + "userid":userid + }, + success:function(data){ + if(data.code==0){ + alert("删除成功"); + if(l==1) + pageNum=pageNum-1; + getStaffList(); + } + else + alert("删除失败") + }, + error:function(){ + alert("删除出现错误"); + } + }) } - +// 添加新员工 function addUser(){ - if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val())) - alert("请填写全内容"); - else{ - $.ajax({ - type:"POST", - url:"../user/addUser.do", - dataType:"JSON", - data:{ - "useraccount":$("#inputAccount").val(), - "password":$("#inputPwd").val(), - "power":"2" - }, - success:function(data){ - if(data.code==0){ - alert("添加成功"); - $('#addUser').modal('toggle'); - $("#inputAccount").val(""); - $("#inputPwd").val("") - getStaffList(); - } - else - alert("添加失败") - }, - error:function(){ - alert("添加用户出现错误"); - } - }) - } - + if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val())) + alert("请填写全内容"); + else{ + $.ajax({ + type:"POST", + url:"../user/addUser.do", + dataType:"JSON", + data:{ + "useraccount":$("#inputAccount").val(), + "password":$("#inputPwd").val(), + "power":"2" + }, + success:function(data){ + if(data.code==0){ + alert("添加成功"); + $('#addUser').modal('toggle'); + $("#inputAccount").val(""); + $("#inputPwd").val("") + getStaffList(); + } + else + alert("添加失败") + }, + // 重新加载员工列表展示新添加的员工 + error:function(){ + alert("添加用户出现错误"); + } + }) + } + } \ No newline at end of file diff --git a/src/main/resources/static/js/myCenter.js b/src/main/resources/static/js/myCenter.js index 32accb3..f0f94fd 100644 --- a/src/main/resources/static/js/myCenter.js +++ b/src/main/resources/static/js/myCenter.js @@ -1,48 +1,49 @@ +// 定义jQuery扩展方法：从URL参数中获取指定名称的值 (function($){ - $.getData=function(name){ - var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); - var result = window.location.search.substr(1).match(reg); - if (result!= null) return result[2]; return null; - } + $.getData=function(name){ + var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); + var result = window.location.search.substr(1).match(reg); + 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); - var h=$(window).height(); - $("#tagList").css("height",h); - $("#mainFrame").css("height",h); - setList(); + $("#mainFrame").attr("src","all_infor.html?userid="+userid+"&power="+power); + $("inputNone").attr("value",userid); + var h=$(window).height(); + $("#tagList").css("height",h); + $("#mainFrame").css("height",h); + setList(); }) - +// 根据用户权限生成侧边栏菜单 function setList(){ - var tagList=" "; - if(power=="0"){ - tagList="个人信息人员管理 订单管理 工资管理" - } - else if(power=="1"){ - tagList="个人信息员工管理房间管理 订单管理" - } - else if(power=="2"){ - tagList="个人信息订房 订单管理清洁工管理" - } - else if(power=="3"){ - tagList="个人信息房间管理" - } - $("#tagList").append(tagList); - tagList=$("#tagList").children("a"); - tagList.on('click',function(event){ - changeColor(event) - }); + var tagList=" "; + if(power=="0"){ + tagList="个人信息人员管理 订单管理 工资管理" + } + else if(power=="1"){ + tagList="个人信息员工管理房间管理 订单管理" + } + else if(power=="2"){ + tagList="个人信息订房 订单管理清洁工管理" + } + else if(power=="3"){ + tagList="个人信息房间管理" + } + $("#tagList").append(tagList); + tagList=$("#tagList").children("a"); + tagList.on('click',function(event){ + changeColor(event) + }); } - +// 切换菜单选中状态（高亮当前点击的菜单，取消其他菜单的高亮） function changeColor(event){ - var obj=event.target; - var objSi=$(obj).siblings(); - $(obj).attr("class","list-group-item active"); - $(objSi).attr("class","list-group-item "); + var obj=event.target; + var objSi=$(obj).siblings(); + $(obj).attr("class","list-group-item active"); + $(objSi).attr("class","list-group-item "); } \ No newline at end of file diff --git a/src/main/resources/static/js/staff_cleaner.js b/src/main/resources/static/js/staff_cleaner.js index 50ef377..61973de 100644 --- a/src/main/resources/static/js/staff_cleaner.js +++ b/src/main/resources/static/js/staff_cleaner.js @@ -2,7 +2,7 @@ var pageNum=1; var pageSize=8; var l; -/ 页面DOM加载完成后执行初始化操作 +//页面DOM加载完成后执行初始化操作 $(document).ready(function(){ getStaffList(); $("#pre").on('click',function(){ diff --git a/src/main/resources/static/js/staff_order.js b/src/main/resources/static/js/staff_order.js index 4b43462..63a58e3 100644 --- a/src/main/resources/static/js/staff_order.js +++ b/src/main/resources/static/js/staff_order.js @@ -3,193 +3,207 @@ var pageSize=8; var l; $(document).ready(function(){ - getorderList(); - $("#pre").on('click',function(){ - getPre(); - }); - $("#next").on('click',function(){ - getNext(); - }); + // 加载订单列表数据 + getorderList(); + $("#pre").on('click',function(){ + getPre(); + }); + $("#next").on('click',function(){ + getNext(); + }); }) //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + // 遍历对象，若存在属性则非空 + for (t in e) + return 0; + return 1; } - +// 全局变量：存储订单列表数据 var list; +// 从后端获取订单列表并展示 function getorderList(){ - $.ajax({ - type:"post", - url:"../order/getAllOrder.do", - dataType:"JSON", - data:{ - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getorderList(); - } - else{ - list=data.List; - var htmlStr=" "; - var btnStr=" "; - var state=" "; - 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=" "; - } - else if(list[i].state=="1"){ - state="已付款"; - btnStr=" "; - } - else if(list[i].state=="2"){ - state="已完成"; - btnStr=""; - } - else{ - state="已取消"; - btnStr=""; - } - htmlStr=""+list[i].householdname+""+list[i].id+""+sdate+""+edate+""+list[i].money+""+state+""+btnStr+""; - $("#orderList").append(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } + $.ajax({ + type:"post", + url:"../order/getAllOrder.do", + dataType:"JSON", + data:{ + "pageNum":pageNum, + "pageSize":pageSize + }, + // 请求成功的回调函数 + success:function(data){ + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getorderList(); + } + else{ + list=data.List; + var htmlStr=" "; + var btnStr=" "; + var state=" "; + 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=" "; + } + else if(list[i].state=="1"){ + state="已付款"; + btnStr=" "; + } + else if(list[i].state=="2"){ + state="已完成"; + btnStr=""; + } + else{ + state="已取消"; + btnStr=""; + } + // 拼接表格行（包含订单信息和操作按钮） + htmlStr=""+list[i].householdname+""+list[i].id+""+sdate+""+edate+""+list[i].money+""+state+""+btnStr+""; + $("#orderList").append(htmlStr); + l++; + } + if(pageNum=="1") $("#pre").css("display","none"); + if(pageSize>l) $("#next").css("display","none"); + btnOn(); + } - }, - error:function(){ - alert("获取订单列表发生错误") - } - }) + }, + error:function(){ + alert("获取订单列表发生错误") + } + }) } - +// 绑定页面中操作按钮的点击事件 function btnOn(){ - - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }); - $("input").filter("#showRoom").on('click',function(event){ - showRoom(event); - }) - $("input").filter("#setPaied").on('click',function(event){ - setState(event,"1"); - }); - $("input").filter("#setFinish").on('click',function(event){ - setState(event,"2"); - }); - $("input").filter("#setNone").on('click',function(event){ - setState(event,"3"); - }); +// 给"跳转页码"按钮绑定点击事件，触发页码跳转 + $("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(); + pageNum=pageNum-1; + getorderList(); } - +// 加载下一页数据 function getNext(){ - pageNum=pageNum+1; - getorderList(); + pageNum=pageNum+1; + getorderList(); } - +// 修改订单状态 function setState(event,alter){ - var orderid=$(event.target).data("orderid"); - $.ajax({ - type:"POST", - url:"../order/updateOrderState.do", - dataType:"JSON", - data:{ - "orderid":orderid, - "state":alter - }, - success:function(data){ - if(data.code==0){ - alert("修改成功"); - getorderList(); - } - else - alert("修改失败") - }, - error:function(){ - alert("修改信息出现错误"); - } - }) + var orderid=$(event.target).data("orderid"); + $.ajax({ + type:"POST", + url:"../order/updateOrderState.do", + dataType:"JSON", + data:{ + "orderid":orderid, + "state":alter + }, + success:function(data){ + if(data.code==0){ + alert("修改成功"); + getorderList(); + } + else + alert("修改失败") + }, + error:function(){ + alert("修改信息出现错误"); + } + }) } - +// 跳转到指定页码 function setPage(){ - - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getorderList(); - } - -} + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); + getorderList(); + } + +} +// 查看订单对应的房间详情 function showRoom(event){ - var roomid=$(event.target).data("roomid"); - $.ajax({ - type:"POST", - url:"../room/getRoomById.do", - dataType:"JSON", - data:{ - "roomid":roomid - }, - success:function(data){ - if(data.code==0){ - var htmlStr=" "; - var state=" "; - var type=" "; - var room=data.room; - $("#roomTable").empty(); - if(room.state=="0") - state="停用"; - else if(room.state=="1") - state="未预定"; - else if(room.state=="2") - state="已预定(入住)"; - else - state="待清扫"; - if(room.type=="1") - type="单人间"; - else if(room.type=="2") - type="双人间"; - else if(room.type=="3") - type="大床房"; - else - type="套房"; - htmlStr="位置"+room.local+"价格"+room.money+"类型"+type+"状态"+state+"" - $("#roomTable").append(htmlStr); - } - else - alert("获取失败") - }, - error:function(){ - alert("获取信息出现错误"); - } - }) + var roomid=$(event.target).data("roomid"); + $.ajax({ + type:"POST", + url:"../room/getRoomById.do", + dataType:"JSON", + data:{ + "roomid":roomid + }, + success:function(data){ + if(data.code==0){ + var htmlStr=" "; + var state=" "; + var type=" "; + var room=data.room; + $("#roomTable").empty(); + if(room.state=="0") + state="停用"; + else if(room.state=="1") + state="未预定"; + else if(room.state=="2") + state="已预定(入住)"; + else + state="待清扫"; + // 转换房间类型编码为文本 + if(room.type=="1") + type="单人间"; + else if(room.type=="2") + type="双人间"; + else if(room.type=="3") + type="大床房"; + else + type="套房"; + // 拼接房间详情表格内容（位置、价格、类型、状态） + htmlStr="位置"+room.local+"价格"+room.money+"类型"+type+"状态"+state+"" + $("#roomTable").append(htmlStr); + } + else + alert("获取失败") + }, + error:function(){ + alert("获取信息出现错误"); + } + }) } \ No newline at end of file diff --git a/src/main/resources/static/js/staff_room.js b/src/main/resources/static/js/staff_room.js index 4c4c961..6f827b6 100644 --- a/src/main/resources/static/js/staff_room.js +++ b/src/main/resources/static/js/staff_room.js @@ -1,11 +1,12 @@ +// 定义jQuery扩展方法：从URL参数中获取指定名称的值 (function($){ - $.getData=function(name){ - var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); - var result = window.location.search.substr(1).match(reg); - if (result!= null) return result[2]; return null; - } + $.getData=function(name){ + var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); + var result = window.location.search.substr(1).match(reg); + if (result!= null) return result[2]; return null; + } })(jQuery); - +// 从URL参数中获取员工ID（当前登录员工） var staffid=$.getData("userid"); var pageNum=1; var pageSize=8; @@ -13,36 +14,39 @@ var choose; var l; $(document).ready(function(){ - getroomList(); - - $('#dateStart').datepicker({ - language: 'zh-CN', - format: 'yyyy-mm-dd', - autoclose: true - }).on('changeDate',function(e){ - var startTime = e.date; - $('#dateEnd').datepicker('setStartDate',startTime); - }); - - $('#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(); - }); - $("#next").on('click',function(){ - getNext(); - }); - $("#addOrder").on('click',function(){ - addOrder(); - }); +// 加载可预订的房间列表 + 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(); + }); + $("#next").on('click',function(){ + getNext(); + }); + $("#addOrder").on('click',function(){ + addOrder(); + }); }) @@ -50,149 +54,158 @@ $(document).ready(function(){ //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { - var t; - for (t in e) - return 0; - return 1; + var t; + for (t in e) + return 0; + return 1; } //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ - if(str=='null'||str=='') - return 1; - return 0; + if(str=='null'||str=='') + return 1; + return 0; } var list; +// 从后端获取可预订的房间列表（状态为"未预定"） function getroomList(){ - $.ajax({ - type:"post", - url:"../room/getRoom.do", - dataType:"JSON", - data:{ - "state":"1", - "type":"-1", - "pageNum":pageNum, - "pageSize":pageSize - }, - success:function(data){ - if(isEmptyObject(data.List)&&pageNum>0){ - pageNum=pageNum-1; - getroomList(); - } - else{ - list=data.List; - var power=" "; - var htmlStr=" "; - var btnStr=" "; - 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="单人间"; - else if(list[i].type=="2") - type="双人间"; - else if(list[i].type=="3") - type="大床房"; - else - type="套房" - btnStr=""; - htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; - $("#roomList").append(htmlStr); - l++; - } - if(pageNum=="1") $("#pre").css("display","none"); - if(pageSize>l) $("#next").css("display","none"); - btnOn(); - } - - }, - error:function(){ - alert("获取房间列表发生错误") - } - }) + $.ajax({ + type:"post", + url:"../room/getRoom.do", + dataType:"JSON", + data:{ + "state":"1", + "type":"-1", + "pageNum":pageNum, + "pageSize":pageSize + }, + // 请求成功的回调函数 + success:function(data){ + if(isEmptyObject(data.List)&&pageNum>0){ + pageNum=pageNum-1; + getroomList(); + } + else{ + list=data.List; + var power=" "; + var htmlStr=" "; + var btnStr=" "; + 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="单人间"; + else if(list[i].type=="2") + type="双人间"; + else if(list[i].type=="3") + type="大床房"; + else + type="套房" + // 操作按钮：生成订单（绑定房间ID，点击打开弹窗） + btnStr=""; + htmlStr=""+list[i].local+""+list[i].money+""+state+""+type+""+btnStr+""; + $("#roomList").append(htmlStr); + l++;// 累加记录数 + } + // 分页按钮控制：第1页隐藏上一页，最后一页隐藏下一页 + if(pageNum=="1") $("#pre").css("display","none"); + if(pageSize>l) $("#next").css("display","none"); + btnOn(); + } + + }, + error:function(){ + alert("获取房间列表发生错误") + } + }) } - +// 绑定页面操作按钮的点击事件 function btnOn(){; - $("input").filter("#setPageBtn").on('click',function( ){ - setPage( ); - }); - $("input").filter("#chooseRoomBtn").on('click',function(event){ - chooseRoomBtn(event); - }); + $("input").filter("#setPageBtn").on('click',function( ){ + setPage( ); + }); + $("input").filter("#chooseRoomBtn").on('click',function(event){ + chooseRoomBtn(event); + }); } - +// 加载上一页数据 function getPre(){ - pageNum=pageNum-1; - getroomList(); + pageNum=pageNum-1; + getroomList(); } - +// 加载下一页数据 function getNext(){ - pageNum=pageNum+1; - getroomList(); + pageNum=pageNum+1; + getroomList(); } - +// 跳转到指定页码 function setPage(){ - if($("#inputPage").val()<0 || $("#inputPage").val()==0) - alert("请输入正确页码"); - else{ - pageNum=$("#inputPage").val(); - getroomList(); - } - -} + if($("#inputPage").val()<0 || $("#inputPage").val()==0) + alert("请输入正确页码"); + else{ + pageNum=$("#inputPage").val(); + getroomList(); + } +} +// 选择房间并填充订单弹窗信息 function chooseRoomBtn(event){ - var roomid=$(event.target).data("roomid"); - choose=roomid; - for(i in list){ - if(list[i].roomid=roomid){ - $("span").filter("#inputLocal").text(list[i].local); - } - } + var roomid=$(event.target).data("roomid"); + choose=roomid; + for(i in list){ + if(list[i].roomid=roomid){ + $("span").filter("#inputLocal").text(list[i].local); + } + } } - +// 提交添加订单请求 function addOrder(){ - if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val())) - alert("请填写全内容"); - else{ - $.ajax({ - type:"POST", - url:"../order/addOrder.do", - dataType:"JSON", - data:{ - "userid":staffid, - "roomid":choose, - "householdname":$("#inputName").val(), - "id":$("#inputId").val(), - "starttime":$("#dateStart").val(), - "endtime":$("#dateEnd").val() - }, - success:function(data){ - if(data.code==0){ - alert("添加成功"); - $("#inputRoom").val(""); - $("#inputName").val(""); - $("#inputId").val(""); - $("#dateStart").val(""); - $("#dateEnd").val(""); - $('#chooseRoom').modal('toggle'); - window.location.href="staff_order.html"; - } - }, - error:function(){ - alert("添加订单出现错误"); - } - }) - } - + if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val())) + alert("请填写全内容"); + else{ + $.ajax({ + type:"POST", + url:"../order/addOrder.do", + dataType:"JSON", + data:{ + "userid":staffid, + "roomid":choose, + "householdname":$("#inputName").val(), + "id":$("#inputId").val(), + "starttime":$("#dateStart").val(), + "endtime":$("#dateEnd").val() + }, + success:function(data){ + if(data.code==0){ + alert("添加成功"); + $("#inputRoom").val(""); + $("#inputName").val(""); + $("#inputId").val(""); + $("#dateStart").val(""); + $("#dateEnd").val(""); + // 关闭订单弹窗 + $('#chooseRoom').modal('toggle'); + // 跳转到订单管理页面 + window.location.href="staff_order.html"; + } + }, + error:function(){ + alert("添加订单出现错误"); + } + }) + } + }