p76jblgzq
/
test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Labels Milestones
New Pull Request

js #1

Merged
p76jblgzq merged 6 commits from gaoyating_branch into main 4 months ago
Conversation 0 Commits 6 Files Changed 4
4 changed files with 290 additions and 150 deletions
Show Stats Download Patch File Download Diff File

125
src/main/resources/static/js/ad_manage.js
Unescape View File

@ -1,12 +1,15 @@
var pageNum=1;
var pageSize=8;
var l;
// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数
var pageNum=1;// 当前页码，初始为第1页
var pageSize=8;// 每页显示8条数据
var l;// 用于记录当前页实际加载的数据条数
// 页面DOM加载完成后执行
$(document).ready(function(){
getStaffList();
getStaffList(); // 调用函数，调用获取员工列表的函数，初始化页面数据
// 绑定"上一页"按钮点击事件，点击时调用getPre()函数
$("#pre").on('click',function(){
getPre();
});
// 绑定"下一页"按钮点击事件，点击时调用getNext()函数
$("#next").on('click',function(){
getNext();
});
@ -16,64 +19,82 @@ $(document).ready(function(){
//判断对象/JSON是否为空 空返回1 非空返回0
function isEmptyObject(e) {
var t;
for (t in e)
for (t in e) // 遍历对象属性，若存在属性则说明非空
return 0;
return 1;
}
// 存储当前页的员工列表数据
var list;
// 获取员工列表数据的函数
function getStaffList(){
$.ajax({
type:"post",
url:"../user/getAllUser.do",
dataType:"JSON",
data:{
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=" ";
var btnStr=" ";
list=data.List;
l=0;
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("<tr><th>账号</th><th>员工号</th><th>姓名</th><th>年龄</th><th>职位</th><th>联系方式</th><th>操作</th></tr>")
// 遍历员工列表，生成表格内容
for(i in list){
// 根据权限值(power)设置职位名称和操作按钮
if(list[i].power=="0") {
power="管理员";
btnStr=" ";
btnStr=" ";// 管理员无操作按钮
}
else if(list[i].power=="1") {
power="经理";
// 经理的操作按钮：设置为员工、删除
btnStr="<input type=\"button\" id=\"setStaff\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为员工\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
}
else if(list[i].power=="2") {
power="员工";
power="员工";// 员工的操作按钮：设置为经理、重置密码、删除
btnStr="<input type=\"button\" id=\"setManage\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为经理\"/> <input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
}
else {
power="清洁工";
// 清洁工的操作按钮：重置密码、删除
btnStr="<input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/> "
}
// 拼接当前员工的表格行HTML
htmlStr="<tr data-userid=\""+list[i].userid+"\"><td>"+list[i].useraccount+"</td><td>"+list[i].idnumber+"</td><td>"+list[i].username+"</td><td>"+list[i].age+"</td><td>"+power+"</td><td>"+list[i].phonenumber+"</td><td>"+btnStr+"</td></tr>";
// 将表格行添加到表格中
$("#staffList").append(htmlStr);
l++;
l++;// 累加当前页数据条数
//console.log(htmlStr)
}
// 若当前是第1页，隐藏"上一页"按钮
if(pageNum=="1") $("#pre").css("display","none");
// 若当前页数据条数小于每页显示数量，说明是最后一页，隐藏"下一页"按钮
if(pageSize>l) $("#next").css("display","none");
// 绑定操作按钮的点击事件
btnOn();
}
@ -85,72 +106,85 @@ function getStaffList(){
},
// 请求失败的回调函数
error:function(){
alert("获取员工列表发生错误")
}
})
}
// 绑定操作按钮的点击事件
function btnOn(){
// 绑定"设置为员工"按钮事件，调用setPosition并传递权限值"2"
$("input").filter("#setStaff").on('click',function(event){
setPosition(event,"2");
});
// 绑定"设置为经理"按钮事件，调用setPosition并传递权限值"1"
$("input").filter("#setManage").on('click',function(event){
setPosition(event,"1");
});
// 绑定"重置密码"按钮事件，调用setPwd
$("input").filter("#setPwd").on('click',function(event){
setPwd(event);
});
// 绑定"删除"按钮事件，调用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();
}
// 下一页功能：页码加1并重新加载列表
function getNext(){
pageNum=pageNum+1;
getStaffList();
}
// 跳转指定页码功能
function setPage(){
// 验证输入的页码是否合法（大于0）
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
alert("请输入正确页码");
else{
pageNum=$("#inputPage").val();
getStaffList();
pageNum=$("#inputPage").val(); // 更新页码
getStaffList();// 重新加载列表
}
}
// 修改员工职位（权限）的函数
function setPosition(event,alter){
var userid=$(event.target).data("userid");
var info;
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",
url:"../user/updateUser.do",// 后端修改用户接口
dataType:"JSON",
data:{
data:{// 传递用户ID和新权限值
"userid":info.userid,
"power":alter
},
success:function(data){
if(data.code==0){
if(data.code==0){// 修改成功
alert("修改成功");
getStaffList();
getStaffList();// 重新加载列表刷新数据
}
else
alert("修改失败")
@ -162,27 +196,30 @@ function setPosition(event,alter){
}
// 重置员工密码的函数
function setPwd(event){
var userid=$(event.target).data("userid");
var info;
var userid=$(event.target).data("userid");// 获取目标员工的ID
var info;// 存储目标员工的详细信息
// 从当前列表中查找目标员工
for(i in list){
if(list[i].userid==userid){
info=list[i];
}
}
info.password="111111";
info.password="111111"; // 重置密码为"111111"
// 发送AJAX请求修改密码
$.ajax({
type:"POST",
url:"../user/updateUser.do",
url:"../user/updateUser.do",// 后端修改用户接口
dataType:"JSON",
data:{
data:{// 传递用户ID和新密码
"userid":info.userid,
"password":info.password
},
success:function(data){
if(data.code==0){
if(data.code==0){// 修改成功
alert("修改成功");
getStaffList();
getStaffList(); // 重新加载列表刷新数据
}
else
alert("修改失败")
@ -192,22 +229,24 @@ function setPwd(event){
}
})
}
// 删除员工的函数
function delUser(event){
var userid=$(event.target).data("userid");
var userid=$(event.target).data("userid"); // 获取目标员工的ID
// 发送AJAX请求删除用户
$.ajax({
type:"POST",
url:"../user/delUser.do",
url:"../user/delUser.do",// 后端删除用户接口
dataType:"JSON",
data:{
data:{ // 传递用户ID
"userid":userid
},
success:function(data){
if(data.code==0){
if(data.code==0){// 删除成功
alert("删除成功");
// 若当前页只剩1条数据，删除后页码回退1页
if(l==1)
pageNum=pageNum-1;
getStaffList();
getStaffList();// 重新加载列表刷新数据
}
else
alert("删除失败")

122
src/main/resources/static/js/ad_order.js
Unescape View File

@ -1,13 +1,17 @@
var pageNum=1;
var pageSize=8;
var l;
// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数
var pageNum=1;// 当前页码，初始为第1页
var pageSize=8;// 每页显示8条数据
var l;// 记录当前页实际加载的数据条数
// 页面DOM加载完成后执行初始化操作
$(document).ready(function(){
getorderList();
getConfig();
getorderList(); // 加载订单列表
getConfig();// 加载系统配置信息
// 绑定"上一页"按钮点击事件
$("#pre").on('click',function(){
getPre();
});
});
// 绑定"下一页"按钮点击事件
$("#next").on('click',function(){
getNext();
});
@ -17,123 +21,150 @@ $(document).ready(function(){
//判断对象/JSON是否为空 空返回1 非空返回0
function isEmptyObject(e) {
var t;
for (t in e)
for (t in e)// 遍历对象属性，存在属性则非空
return 0;
return 1;
}
// 存储当前页的订单列表数据
var list;
// 获取订单列表数据
function getorderList(){
$.ajax({
type:"post",
url:"../order/getAllOrder.do",
dataType:"JSON",
data:{
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=" ";
var btnStr=" ";
var state=" ";
var sdate;
var edate;
l=0;
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("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
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="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\" data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
}
else if(list[i].state=="1"){
state="已付款";
// 已付款订单：仅显示"查看房间"按钮
btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\" data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> ";
}
else if(list[i].state=="2"){
state="已完成";
// 已完成订单：显示"查看房间"和"删除"按钮
btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\" data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\" class=\"btn btn-success\" data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
}
else{
state="已取消";
// 已取消订单：显示"查看房间"和"删除"按钮
btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\" data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\" class=\"btn btn-success\" data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
}
// 拼接订单表格行HTML
htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
// 添加到表格中
$("#orderList").append(htmlStr);
l++;
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);
});
}
// 上一页功能：页码减1并重新加载列表
function getPre(){
pageNum=pageNum-1;
getorderList();
}
// 下一页功能：页码加1并重新加载列表
function getNext(){
pageNum=pageNum+1;
getorderList();
}
// 跳转指定页码功能
function setPage(){
// 验证页码合法性（必须大于0）
if($("#inputPage").val()<0 || $("#inputPage").val()==0)
alert("请输入正确页码");
else{
pageNum=$("#inputPage").val();
getorderList();
pageNum=$("#inputPage").val();// 更新页码
getorderList();// 重新加载列表
}
}
// 删除订单功能
function delOrder(event){
var orderid=$(event.target).data("orderid");
var orderid=$(event.target).data("orderid");// 获取订单ID
$.ajax({
type:"POST",
url:"../order/delOrder.do",
url:"../order/delOrder.do",// 后端删除订单接口
dataType:"JSON",
data:{
data:{// 传递订单ID
"orderid":orderid
},
success:function(data){
if(data.code==0){
if(data.code==0){// 删除成功
alert("删除成功");
// 若当前页只剩1条数据，删除后页码回退1页
if(l==1)
pageNum=pageNum-1;
getorderList();
getorderList();// 重新加载列表刷新数据
}
else
alert("删除失败")
@ -145,23 +176,25 @@ function delOrder(event){
}
// 查看房间详情功能（点击后显示模态框）
function showRoom(event){
var roomid=$(event.target).data("roomid");
var roomid=$(event.target).data("roomid");// 获取房间ID
$.ajax({
type:"POST",
url:"../room/getRoomById.do",
url:"../room/getRoomById.do",// 后端获取房间详情接口
dataType:"JSON",
data:{
data:{// 传递房间ID
"roomid":roomid
},
success:function(data){
var room=data.room;
if(data.code==0){
var htmlStr=" ";
var state=" ";
var type=" ";
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")
@ -170,6 +203,7 @@ function showRoom(event){
state="已预定(入住)";
else
state="待清扫";
// 转换房间类型编码为文本
if(room.type=="1")
type="单人间";
else if(room.type=="2")
@ -178,7 +212,9 @@ function showRoom(event){
type="大床房";
else
type="套房";
// 拼接房间信息表格HTML
htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
// 添加到模态框表格中
$("#roomTable").append(htmlStr);
}
else
@ -190,15 +226,17 @@ function showRoom(event){
})
}
// 获取系统配置信息（如总营业额、总房间数）
function getConfig(){
$.ajax({
type:"POST",
url:"../config/getConfig.do",
url:"../config/getConfig.do",// 后端获取配置接口
dataType:"JSON",
data:{},
data:{},// 无参数
success:function(data){
if(data.code=="0"){
var config=data.config;
if(data.code=="0"){// 获取成功
var config=data.config;// 配置数据
// 更新页面上的总金额和总房间数显示
$("#totalMoney").text(config.totalmoney);
$("#totalRoom").text(config.totalroom);
}

54
src/main/resources/static/js/ad_salary.js
Unescape View File

@ -1,39 +1,52 @@
// 页面DOM加载完成后执行的初始化函数
$(document).ready(function(){
// 加载配置信息
getConfig();
// 给"查看配置"按钮绑定点击事件，点击时切换显示的标签页
$("#showConfig").click(function(){
changeTab();
});
// 给"修改配置"按钮绑定点击事件，点击时切换显示的标签页
$("#alterConfig").click(function(){
changeTab();
});
// 给"确认修改"按钮绑定点击事件，点击时执行修改配置的逻辑
$("#alterConfigBtn").click(function(){
alterConfig();
})
})
// 全局变量，用于存储从后端获取的配置信息
var config;
//判断字符串是否为空 空返回1 非空返回0
function isEmptyString(str){
// 如果字符串是'null'或空字符串，视为空
if(str=='null'||str=='')
return 1;
return 0;
}
// 从后端获取配置信息并展示
function getConfig(){
// 发起AJAX POST请求
$.ajax({
type:"POST",
url:"../config/getConfig.do",
dataType:"JSON",
data:{},
type:"POST",// 请求类型
url:"../config/getConfig.do", // 请求后端接口地址
dataType:"JSON", // 预期后端返回的数据类型
data:{},// 请求参数（无参数）
// 请求成功的回调函数
success:function(data){
// 后端返回成功状态码（假设code="0"为成功）
if(data.code=="0"){
// 存储配置信息到全局变量
config=data.config;
// 拼接配置信息的HTML字符串（用于展示表格）
var htmlStr="<tr><td>经理</td><td>"+config.manage+"</td><td>"+config.managesalary+"%</td></tr>"+
"<tr><td>员工</td><td>"+config.staff+"</td><td>"+config.staffsalary+"%</td></tr>"+
"<tr><td>清洁工</td><td>"+config.cleaner+"</td><td>"+config.cleanerssalary+"%</td></tr>";
// 将HTML添加到表格中展示
$("#configList").append(htmlStr);
// 给修改表单的输入框赋值（默认显示当前配置）
$("#inputMS").val(config.manage);
$("#inputSS").val(config.staff);
$("#inputCS").val(config.cleaner);
@ -42,10 +55,12 @@ function getConfig(){
$("#inputC").val(config.cleanerssalary);
}
else{
// 后端返回失败，提示错误
alert("获取配置错误");
}
},
// 请求失败的回调函数
error:function(){
alert("获取配置发生错误")
}
@ -53,27 +68,35 @@ function getConfig(){
});
}
// 切换标签页（切换"查看配置"和"修改配置"区域的显示状态）
function changeTab(){
var info=$("#showConfigDiv").css("display");
var alter=$("#alterConfigDiv").css("display");
// 获取两个区域当前的显示状态
var info=$("#showConfigDiv").css("display"); // 查看配置区域
var alter=$("#alterConfigDiv").css("display");// 修改配置区域
// 如果查看区域正在显示，则隐藏查看区域，显示修改区域（带动画）
if(info=="block"){
$("#showConfigDiv").css("display","none");
$("#alterConfigDiv").fadeIn();
$("#alterConfigDiv").fadeIn(); // 淡入动画
}
else{
// 否则隐藏修改区域，显示查看区域（带动画）
$("#alterConfigDiv").css("display","none")
$("#showConfigDiv").fadeIn();
$("#showConfigDiv").fadeIn();// 淡入动画
}
}
// 提交修改配置的请求
function alterConfig(){
// 校验输入框是否为空（调用isEmptyString函数）
if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val()))
alert("请填写全内容");
alert("请填写全内容");// 有空值则提示
else{
// 输入完整，发起修改请求
$.ajax({
type:"POST",
url:"../config/updateConfig.do",
dataType:"JSON",
type:"POST", // 请求类型
url:"../config/updateConfig.do",// 后端修改接口地址
dataType:"JSON", // 预期返回数据类型
// 请求参数（从输入框获取新的配置值）
data:{
"managesalary":$("#inputM").val(),
"staffsalary":$("#inputS").val(),
@ -82,6 +105,7 @@ function alterConfig(){
"staff":$("#inputSS").val(),
"cleaner":$("#inputCS").val()
},
// 请求成功的回调函数
success:function(data){
if(data.code=="0"){
alert("修改成功");
@ -90,9 +114,11 @@ function alterConfig(){
else{
alert("修改配置错误");
}
// 无论成功与否，刷新页面重新加载配置
window.location.reload();
},
// 请求失败的回调函数
error:function(){
alert("修改配置发生错误")
}

139
src/main/resources/static/js/all_infor.js
Unescape View File

@ -1,31 +1,44 @@
// 扩展jQuery方法：添加获取URL参数的功能
(function($){
// 定义$.getData方法，用于从URL查询参数中获取指定名称的值
$.getData=function(name){
// 构建正则表达式，匹配URL中"name=value"的参数格式
var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
// 从URL的查询字符串（?后的部分）中提取参数并匹配正则
var result = window.location.search.substr(1).match(reg);
if (result!= null) return result[2]; return null;
// 若匹配到结果则返回参数值，否则返回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);
// 给隐藏输入框赋值userid（可能用于表单提交时传递用户ID）
$("#inputNone").attr("value",userid);
// 绑定"查看信息"按钮点击事件，切换标签页
$("#showInfo").click(function(){
changeTab();
});
// 绑定"修改信息"按钮点击事件，切换标签页
$("#showAlter").click(function(){
changeTab();
});
// 加载用户基本信息
getInfo();
// 加载用户薪资信息（根据权限判断是否显示）
getSalary();
// 绑定"确认修改信息"按钮点击事件，执行修改信息逻辑
$("#alterInfoBtn").click(function(){
alterInfo();
});
// 绑定"确认修改密码"按钮点击事件，执行修改密码逻辑
$("#alterPwdBtn").click(function(){
alterPwd();
})
@ -35,6 +48,7 @@ $(document).ready(function(){
//判断对象/JSON是否为空 空返回1 非空返回0
function isEmptyObject(e) {
var t;
// 遍历对象，若存在属性则非空
for (t in e)
return 0;
return 1;
@ -42,85 +56,97 @@ function isEmptyObject(e) {
//判断字符串是否为空 空返回1 非空返回0
function isEmptyString(str){
// 若字符串为'null'或空字符串，视为空
if(str=='null'||str=='')
return 1;
return 0;
}
// 切换标签页（切换"查看信息"和"修改信息"区域的显示状态）
function changeTab(){
var info=$("#showInfodiv").css("display");
var alter=$("#showAlterdiv").css("display");
// 获取两个区域当前的显示状态
var info=$("#showInfodiv").css("display");// 查看信息区域
var alter=$("#showAlterdiv").css("display"); // 修改信息区域
// 若查看区域显示，则隐藏查看区域，淡入显示修改区域
if(info=="block"){
$("#showInfodiv").css("display","none");
$("#showAlterdiv").fadeIn();
$("#showAlterdiv").fadeIn();
}
else{
// 否则隐藏修改区域，淡入显示查看区域
$("#showAlterdiv").css("display","none")
$("#showInfodiv").fadeIn();
}
}
// 全局变量，用于存储用户信息
var info;
// 从后端获取用户详情信息并展示
function getInfo(){
$.ajax({
type:"POST",
url:"../user/getUserById.do",
dataType:"JSON",
type:"POST", // 请求类型
url:"../user/getUserById.do",// 后端接口地址（根据用户ID获取信息）
dataType:"JSON",// 预期返回数据类型
data:{
"userid":userid
"userid":userid // 请求参数：用户ID
},
// 请求成功的回调函数
success:function(data){
if(data.code==0){
info=data.user;
var span=$("span");
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("获取信息失败");
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",
url:"../user/updateUser.do",// 后端修改用户信息接口
dataType:"JSON",
data:{
"userid":userid,
"password":info.password,
"username":name,
"age":age,
"power":power,
"IDnumber":info.idnumber,
"phonenumber":phone
"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();
window.location.reload();// 刷新页面加载最新信息
}
else
alert("修改失败")
@ -131,32 +157,36 @@ function alterInfo(){
})
}
}
// 提交密码修改请求
function alterPwd(){
var oldPwd=$("#inputoldPwd").val();
var newPwd=$("#inputnewPwd").val();
var renewPwd=$("#inputrenewPwd").val();
// 从输入框获取密码信息
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",
url:"../user/updateUser.do",// 后端修改用户信息接口（复用）
dataType:"JSON",
data:{
"userid":userid,
"password":newPwd
"userid":userid,// 用户ID
"password":newPwd // 新密码
},
success:function(data){
if(data.code==0){
alert("修改成功");
window.location.reload();
window.location.reload(); // 刷新页面
}
else
alert("修改失败")
@ -168,31 +198,38 @@ function alterPwd(){
}
}
// 获取并展示用户薪资信息（根据权限判断是否显示）
function getSalary(){
// 若权限不为"0"（假设0为非员工/游客，1/2/3为不同角色），则显示薪资区域
if(power!="0"){
$("#showS").css("display","block");
$("#showC").css("display","block");
$("#showS").css("display","block");// 显示薪资标签
$("#showC").css("display","block");// 显示提成标签
// 从后端获取薪资配置信息
$.ajax({
type:"POST",
url:"../config/getConfig.do",
url:"../config/getConfig.do",// 后端获取配置接口
dataType:"JSON",
data:{},
data:{},// 无参数
success:function(data){
if(data.code=="0"){
var config=data.config;
if(power=="1"){
$("#salary").text(config.manage);
$("#commission").text(config.managesalary+"%");
if(data.code=="0"){// 配置获取成功
var config=data.config;// 薪资配置信息
// 根据权限等级显示对应角色的薪资和提成比例
if(power=="1"){ // 假设1为经理
$("#salary").text(config.manage); // 经理基础薪资
$("#commission").text(config.managesalary+"%");// 经理提成比例
}
else if(power=="2"){
$("#salary").text(config.staff);
$("#commission").text(config.staffsalary+"%");
else if(power=="2"){// 假设2为员工
$("#salary").text(config.staff);// 员工基础薪资
$("#commission").text(config.staffsalary+"%");// 员工提成比例
}
else{
$("#salary").text(config.cleaner);
$("#commission").text(config.cleanerssalary+"%");
else{ // 其他权限（假设为清洁工）
$("#salary").text(config.cleaner); // 清洁工基础薪资
$("#commission").text(config.cleanerssalary+"%");// 清洁工提成比例
}
}
else{
alert("获取配置错误");

Write Preview
Loading…
Cancel
Save