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] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81=E6=98=AF?= =?UTF-8?q?=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2=E7=9A=84?= =?UTF-8?q?=E5=89=8D=E7=AB=AF=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=E3=80=81=E6=B7=BB=E5=8A=A0?= =?UTF-8?q?=E5=92=8C=E5=88=A0=E9=99=A4=E5=91=98=E5=B7=A5=E4=BF=A1=E6=81=AF?= =?UTF-8?q?=EF=BC=8C=E6=94=AF=E6=8C=81=E5=88=86=E9=A1=B5=E6=B5=8F=E8=A7=88?= =?UTF-8?q?=EF=BC=8C=E9=80=82=E7=94=A8=E4=BA=8E=E5=90=8E=E5=8F=B0=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E7=B3=BB=E7=BB=9F=E4=B8=AD=E5=AF=B9=E5=91=98=E5=B7=A5?= =?UTF-8?q?=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("添加用户出现错误"); }