From bec7012400c1d98e568029df0a52b885a00c066d Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:18:18 +0800 Subject: [PATCH 1/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20?= =?UTF-8?q?=E7=9A=84=E6=88=BF=E9=97=B4=E5=88=97=E8=A1=A8=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB=E8=A6=81?= =?UTF-8?q?=E7=94=A8=E4=BA=8E=E5=B1=95=E7=A4=BA=20=E2=80=9C=E6=9C=AA?= =?UTF-8?q?=E6=B8=85=E6=89=AB=E2=80=9D=20=E7=8A=B6=E6=80=81=E7=9A=84?= =?UTF-8?q?=E6=88=BF=E9=97=B4=E5=88=97=E8=A1=A8=EF=BC=8C=E5=B9=B6=E6=8F=90?= =?UTF-8?q?=E4=BE=9B=E4=BF=AE=E6=94=B9=E6=88=BF=E9=97=B4=E7=8A=B6=E6=80=81?= =?UTF-8?q?=E4=B8=BA=20=E2=80=9C=E5=B7=B2=E6=B8=85=E6=89=AB=E2=80=9D=20?= =?UTF-8?q?=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=90=8C=E6=97=B6=E6=94=AF?= =?UTF-8?q?=E6=8C=81=E5=88=86=E9=A1=B5=E6=B5=8F=E8=A7=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/cleaner_room.js | 14 ++++++++++++++ 1 file changed, 14 insertions(+) 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("请输入正确页码"); -- 2.34.1 From 1bffcbc3161069dce287805d758fcf9ff23a38c1 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:20:32 +0800 Subject: [PATCH 2/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E7=94=A8=E6=88=B7=E7=99=BB=E5=BD=95?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=9A=84=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91?= =?UTF-8?q?=EF=BC=8C=E5=9F=BA=E4=BA=8E=20jQuery=20=E5=AE=9E=E7=8E=B0?= =?UTF-8?q?=EF=BC=8C=E4=B8=BB=E8=A6=81=E5=8A=9F=E8=83=BD=E6=98=AF=E5=A4=84?= =?UTF-8?q?=E7=90=86=E7=94=A8=E6=88=B7=E7=99=BB=E5=BD=95=E6=B5=81=E7=A8=8B?= =?UTF-8?q?=EF=BC=8C=E5=8C=85=E6=8B=AC=E9=AA=8C=E8=AF=81=E7=A0=81=E5=B1=95?= =?UTF-8?q?=E7=A4=BA=E3=80=81=E7=99=BB=E5=BD=95=E9=AA=8C=E8=AF=81=E5=92=8C?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B7=B3=E8=BD=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/index.js | 4 ++++ 1 file changed, 4 insertions(+) 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("登录 发生错误"); } -- 2.34.1 From 70d7dee6db81b2de7f95f2422766210a9971961a Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:29:03 +0800 Subject: [PATCH 3/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E6=88=BF=E9=97=B4=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E7=9A=84=E4=BA=A4=E4=BA=92=E9=80=BB=E8=BE=91=E6=A0=B8=E5=BF=83?= =?UTF-8?q?=EF=BC=8C=E5=AE=9E=E7=8E=B0=E4=BA=86=E6=88=BF=E9=97=B4=E7=9A=84?= =?UTF-8?q?=E4=BF=AE=E6=94=B9=E3=80=81=E5=88=A0=E9=99=A4=E3=80=81=E7=8A=B6?= =?UTF-8?q?=E6=80=81=E5=8F=98=E6=9B=B4=E3=80=81=E5=88=86=E9=A1=B5=E8=B7=B3?= =?UTF-8?q?=E8=BD=AC=E5=92=8C=E6=B7=BB=E5=8A=A0=E7=AD=89=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=EF=BC=8C=E4=B8=8E=E5=90=8E=E7=AB=AF=E6=8E=A5=E5=8F=A3=E4=BA=A4?= =?UTF-8?q?=E4=BA=92=E5=AE=8C=E6=88=90=E6=95=B0=E6=8D=AE=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/manage_room.js | 33 +++++++++++++++------ 1 file changed, 24 insertions(+), 9 deletions(-) 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("请填写全内容"); -- 2.34.1 From 60772d1afa250f5052e77417cda43144a876097a Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:36:35 +0800 Subject: [PATCH 4/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E7=9A=84=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB?= =?UTF-8?q?=E8=A6=81=E7=94=A8=E4=BA=8E=E5=B1=95=E7=A4=BA=E3=80=81=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E5=92=8C=E5=88=A0=E9=99=A4=E5=91=98=E5=B7=A5=E4=BF=A1?= =?UTF-8?q?=E6=81=AF=EF=BC=8C=E6=94=AF=E6=8C=81=E5=88=86=E9=A1=B5=E6=B5=8F?= =?UTF-8?q?=E8=A7=88=EF=BC=8C=E9=80=82=E7=94=A8=E4=BA=8E=E5=90=8E=E5=8F=B0?= =?UTF-8?q?=E7=AE=A1=E7=90=86=E7=B3=BB=E7=BB=9F=E4=B8=AD=E5=AF=B9=E5=91=98?= =?UTF-8?q?=E5=B7=A5=E8=B4=A6=E5=8F=B7=E7=9A=84=E7=AE=A1=E7=90=86=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/manage_staff.js | 21 +++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) 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("添加用户出现错误"); } -- 2.34.1 From 9e1396441900e95c52740c6f666152481978302d Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:39:10 +0800 Subject: [PATCH 5/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=E6=9D=83=E9=99=90?= =?UTF-8?q?=E7=9A=84=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86=E7=B3=BB=E7=BB=9F?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E9=A1=B5=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB?= =?UTF-8?q?=E8=A6=81=E5=8A=9F=E8=83=BD=E6=98=AF=E6=A0=B9=E6=8D=AE=E7=94=A8?= =?UTF-8?q?=E6=88=B7=E7=9A=84=E6=9D=83=E9=99=90=E7=AD=89=E7=BA=A7=E5=8A=A8?= =?UTF-8?q?=E6=80=81=E7=94=9F=E6=88=90=E4=BE=A7=E8=BE=B9=E6=A0=8F=E8=8F=9C?= =?UTF-8?q?=E5=8D=95=EF=BC=8C=E5=B9=B6=E9=80=9A=E8=BF=87=20iframe=20?= =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=AF=B9=E5=BA=94=E7=9A=84=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=AE=9E=E7=8E=B0=E4=B8=8D=E5=90=8C?= =?UTF-8?q?=E8=A7=92=E8=89=B2=E7=9A=84=E6=9D=83=E9=99=90=E6=8E=A7=E5=88=B6?= =?UTF-8?q?=E5=92=8C=E9=A1=B5=E9=9D=A2=E5=AF=BC=E8=88=AA=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/myCenter.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) 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(); -- 2.34.1 From 16cc28b92d8c2f453d80c864f9c3eafe2baf6c21 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:44:58 +0800 Subject: [PATCH 6/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E6=B8=85=E6=B4=81=E5=B7=A5=E7=AE=A1=E7=90=86=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E7=9A=84=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=8C?= =?UTF-8?q?=E4=B8=93=E9=97=A8=E7=94=A8=E4=BA=8E=E7=AE=A1=E7=90=86=E6=9D=83?= =?UTF-8?q?=E9=99=90=E4=B8=BA=20=E2=80=9C=E6=B8=85=E6=B4=81=E5=B7=A5?= =?UTF-8?q?=E2=80=9D=EF=BC=88power=3D3=EF=BC=89=E7=9A=84=E5=91=98=E5=B7=A5?= =?UTF-8?q?=E4=BF=A1=E6=81=AF=EF=BC=8C=E5=AE=9E=E7=8E=B0=E4=BA=86=E6=B8=85?= =?UTF-8?q?=E6=B4=81=E5=B7=A5=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA=E3=80=81?= =?UTF-8?q?=E5=88=86=E9=A1=B5=E6=B5=8F=E8=A7=88=E3=80=81=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E5=92=8C=E5=88=A0=E9=99=A4=E5=8A=9F=E8=83=BD=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/staff_cleaner.js | 34 ++++++++++++------- 1 file changed, 22 insertions(+), 12 deletions(-) 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 -- 2.34.1 From 100f736be5905c352614df04603ee2af05df8cb6 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:52:32 +0800 Subject: [PATCH 7/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E7=9A=84=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB?= =?UTF-8?q?=E8=A6=81=E7=94=A8=E4=BA=8E=E5=B1=95=E7=A4=BA=E6=89=80=E6=9C=89?= =?UTF-8?q?=E8=AE=A2=E5=8D=95=E4=BF=A1=E6=81=AF=EF=BC=8C=E5=B9=B6=E6=8F=90?= =?UTF-8?q?=E4=BE=9B=E8=AE=A2=E5=8D=95=E7=8A=B6=E6=80=81=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=E3=80=81=E6=88=BF=E9=97=B4=E8=AF=A6=E6=83=85=E6=9F=A5=E7=9C=8B?= =?UTF-8?q?=E5=92=8C=E5=88=86=E9=A1=B5=E6=B5=8F=E8=A7=88=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/staff_order.js | 30 +++++++++++++++------ 1 file changed, 22 insertions(+), 8 deletions(-) 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); } -- 2.34.1 From 2f3e0382560d2d589dfea2aa3cf91963e156aced Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 23:58:17 +0800 Subject: [PATCH 8/8] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E5=91=98=E5=B7=A5=E8=AE=A2=E6=88=BF=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=E7=9A=84=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB?= =?UTF-8?q?=E8=A6=81=E7=94=A8=E4=BA=8E=E9=85=92=E5=BA=97=E5=91=98=E5=B7=A5?= =?UTF-8?q?=E4=B8=BA=E5=AE=A2=E6=88=B7=E9=A2=84=E8=AE=A2=E6=88=BF=E9=97=B4?= =?UTF-8?q?=EF=BC=8C=E6=A0=B8=E5=BF=83=E5=8A=9F=E8=83=BD=E6=98=AF=E5=B1=95?= =?UTF-8?q?=E7=A4=BA=E5=8F=AF=E9=A2=84=E8=AE=A2=E7=9A=84=E6=88=BF=E9=97=B4?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B9=B6=E7=94=9F=E6=88=90=E8=AE=A2=E5=8D=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/staff_room.js | 37 +++++++++++++++------- 1 file changed, 25 insertions(+), 12 deletions(-) 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"; } }, -- 2.34.1