223 lines
11 KiB
HTML
223 lines
11 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>layui</title>
|
||
<meta name="renderer" content="webkit">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
|
||
<link rel="stylesheet" href="../../css/public.css" media="all">
|
||
<style>
|
||
body {
|
||
background-color: #ffffff;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="layui-form layuimini-form" lay-filter="editUser">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">工号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="workno" lay-verify="required" lay-reqtext="工号不能为空" placeholder="请输入工号" value=""
|
||
class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">账号</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="account" lay-verify="required" lay-reqtext="账号不能为空" placeholder="请输入账号"
|
||
value="" maxlength="20" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">密码</label>
|
||
<div class="layui-input-block">
|
||
<input type="password" name="password" lay-verify="required" lay-reqtext="密码不能为空" placeholder="请输入密码"
|
||
value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">账号权限</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" id="powerlevel_1" name="powerlevel" value="1" title="一级">
|
||
<input type="radio" id="powerlevel_2" name="powerlevel" value="2" title="二级">
|
||
<input type="radio" id="powerlevel_3" name="powerlevel" value="3" title="三级" checked="">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">用户名</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="username" lay-verify="required" lay-reqtext="用户名不能为空" placeholder="请输入用户名"
|
||
value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">性别</label>
|
||
<div class="layui-input-block">
|
||
<input type="radio" name="sex" value="1" title="男">
|
||
<input type="radio" name="sex" value="0" title="女" checked="">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">部门</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="deptname" lay-verify="required" lay-reqtext="部门不能为空" placeholder="请输入部门"
|
||
value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">岗位</label>
|
||
<div class="layui-input-block">
|
||
<input type="text" name="postname" lay-verify="required" lay-reqtext="岗位不能为空" placeholder="请输入岗位"
|
||
value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label required">手机号</label>
|
||
<div class="layui-input-block">
|
||
<input type="number" name="phonenum" lay-verify="required" lay-reqtext="手机号不能为空" placeholder="请输入手机号"
|
||
value="" class="layui-input">
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<div class="layui-input-block">
|
||
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
|
||
<script src="../../js/md5/md5.js" charset="utf-8"></script>
|
||
<script src="../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
|
||
<script>
|
||
layui.use(['form'], function () {
|
||
var form = layui.form,
|
||
layer = layui.layer,
|
||
$ = layui.$;
|
||
|
||
var SelUserID = layui.sessionData('editUser').SelUserID;
|
||
if (SelUserID == '' || SelUserID == null || SelUserID == undefined) {
|
||
layer.msg('无法获取当前选择用户ID，请重试！', { time: 1000 }, function () {
|
||
// 关闭弹出层
|
||
var iframeIndex = parent.layer.getFrameIndex(window.name);
|
||
// 刷新父页面
|
||
window.parent.location.reload();
|
||
parent.layer.close(iframeIndex);
|
||
});
|
||
return false;
|
||
}
|
||
else {
|
||
//获取用户数据
|
||
$.ajax({
|
||
url: apiUrl + "/api/services/app/UserInfo/Get", //请求的url地址
|
||
dataType: "json", //返回格式为json
|
||
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
data: { id: SelUserID }, //参数值
|
||
type: "GET", //请求方式
|
||
success: function (req) {
|
||
//请求成功时处理
|
||
var data = req.result;
|
||
//在浏览器session加入当前用户信息
|
||
layui.sessionData('CurUser', {
|
||
key: 'data',
|
||
value: { data }
|
||
});
|
||
//加载时赋值
|
||
form.val("editUser", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
||
"workno": data.workNo,// "name": "value"
|
||
"account": data.account,
|
||
"password": data.passWord,
|
||
"powerlevel": data.powerLevel,
|
||
"username": data.userName,
|
||
"sex": data.sex,
|
||
"deptname": data.deptName,
|
||
"postname": data.postName,
|
||
"phonenum": data.cellPhoneNum,
|
||
});
|
||
},
|
||
error: function () {
|
||
/*错误信息处理*/
|
||
layer.msg("获取用户信息失败，请重试！");
|
||
return false;
|
||
},
|
||
});
|
||
}
|
||
|
||
var CurrUserData = layui.sessionData('CurrUserInfo');
|
||
var powerlevel = CurrUserData.data.powerLevel;
|
||
if (powerlevel == 1) {
|
||
$("input[id='powerlevel_1']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_1']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
} else if (powerlevel == 2) {
|
||
$("input[id='powerlevel_2']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_2']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
|
||
$("input[id='powerlevel_1']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_1']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
} else if (powerlevel == 3) {
|
||
$("input[id='powerlevel_1']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_1']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
|
||
$("input[id='powerlevel_2']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_2']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
|
||
$("input[id='powerlevel_3']").attr("disabled", "disabled");
|
||
$("input[id='powerlevel_3']").next().addClass('layui-radio-disbaled layui-disabled');
|
||
}
|
||
|
||
//监听提交
|
||
form.on('submit(saveBtn)', function (data) {
|
||
layer.confirm('确认保存吗？', function () {
|
||
var apiUrl = GetWebApiUrl();
|
||
var password = b64_md5(data.field.password);
|
||
var CurrUserInfo = layui.sessionData('CurrUserInfo');
|
||
var CurUser = layui.sessionData('CurUser').data.data;
|
||
CurUser.workNo = data.field.workno;
|
||
CurUser.account = data.field.account;
|
||
if (data.field.password != CurUser.passWord) {
|
||
CurUser.passWord = password;
|
||
}
|
||
CurUser.powerLevel = data.field.powerlevel;
|
||
CurUser.userName = data.field.username;
|
||
CurUser.sex = data.field.sex;
|
||
CurUser.deptName = data.field.deptname;
|
||
CurUser.postName = data.field.postname;
|
||
CurUser.cellPhoneNum = data.field.phonenum;
|
||
CurUser.updateTime = getDatetime();
|
||
CurUser.updateUserID = CurrUserInfo.data.userid;
|
||
CurUser.updateUserName = CurrUserInfo.data.userName;
|
||
|
||
$.ajax({
|
||
url: apiUrl + "/api/services/app/UserInfo/Update", //请求的url地址
|
||
dataType: "json", //返回格式为json
|
||
//async: false,//请求是否异步，默认为异步，这也是ajax重要特性
|
||
contentType: 'application/json',
|
||
data: JSON.stringify(CurUser), //参数值
|
||
type: "PUT", //请求方式
|
||
success: function (req) {
|
||
//请求成功时处理
|
||
layer.msg('保存成功', { time: 1000 }, function () {
|
||
// 关闭弹出层
|
||
var iframeIndex = parent.layer.getFrameIndex(window.name);
|
||
// 刷新父页面
|
||
window.parent.location.reload();
|
||
parent.layer.close(iframeIndex);
|
||
});
|
||
},
|
||
error: function () {
|
||
/*错误信息处理*/
|
||
layer.alert("保存失败，请重试！");
|
||
return false;
|
||
},
|
||
});
|
||
});
|
||
return false;
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |