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("添加用户出现错误");
}