<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>用户信息维护</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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
</head>
|
<body>
|
<div class="layui-form" lay-filter="layuiadmin-app-form-list" id="layuiadmin-app-form-list"
|
style="padding: 20px 0px 0 0;">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">登录名</label>
|
<div class="layui-input-block">
|
<input type="text" name="UserCode" placeholder="请输入登录名(账号)" lay-verify="required"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">姓名</label>
|
<div class="layui-input-block">
|
<input type="text" name="UserName" placeholder="请输入姓名" lay-verify="required" autocomplete="off"
|
class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">角色</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="UserRoleId" id="UserRoleId" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">状态</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="UserStatus" id="UserStatus" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
<option value="0">启用</option>
|
<option value="1">禁用</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">是否离职</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="UserShieldFlag" id="UserShieldFlag" lay-verify="required" lay-verify=""
|
lay-search>
|
<option value=""></option>
|
<option value="0">在职</option>
|
<option value="1">离职</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">部门</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="DepartmentId" id="DepartmentId" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">性别</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="UserSex" id="UserSex" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
<option value="0">男</option>
|
<option value="1">女</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">身份证</label>
|
<div class="layui-input-block">
|
<input type="text" name="UserIdentityCard" placeholder="请输入身份证" lay-verify="identity"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">手机号</label>
|
<div class="layui-input-block">
|
<input type="text" name="UserPhone" placeholder="请输入手机号" lay-verify="required|phone"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">邮箱</label>
|
<div class="layui-input-block">
|
<input type="text" name="UserEmail" placeholder="请输入邮箱" lay-verify="email"
|
autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">国籍</label>
|
<div class="layui-input-block" style="width: 184.44px;">
|
<select name="UserNationality" id="UserNationality" lay-verify="required" lay-verify="" lay-search>
|
<option value=""></option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">备注</label>
|
<div class="layui-input-block" style="width: 495px;">
|
<textarea placeholder="请输入内容" name="UserRemark" class="layui-textarea"></textarea>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-hide">
|
<input type="button" lay-submit lay-filter="layuiadmin-app-form-submit" id="layuiadmin-app-form-submit"
|
value="确认添加">
|
<input type="button" lay-submit lay-filter="layuiadmin-app-form-edit" id="layuiadmin-app-form-edit"
|
value="确认编辑">
|
</div>
|
</div>
|
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../js/public.js"></script>
|
<script src="../../../js/jquery-3.5.1.min.js"></script>
|
<script src="../../../js/jquery.cookie.js"></script>
|
<script>
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'layer'], function() {
|
var $ = layui.$,
|
form = layui.form,
|
layer = layui.layer;
|
|
sendData(IP + "/User/GetAllSelect", {}, 'post', function(res) {
|
var Rolehtml = '';
|
var Departmenthtml = '';
|
var Nationalityhtml = '';
|
console.log(res);
|
if (res.code == 1) { //成功
|
var Roledata = res.Roledata;
|
var Departmentdata = res.Departmentdata;
|
var Nationalitydata = res.Nationalitydata;
|
for (var i = 0; i < Roledata.length; i++) {
|
Rolehtml += '<option value = "' + Roledata[i].Id + '">' + Roledata[i].RoleName + '</option>';
|
}
|
$("#UserRoleId").append(Rolehtml);
|
for (var i = 0; i < Departmentdata.length; i++) {
|
Departmenthtml += '<option value = "' + Departmentdata[i].Id + '">' + Departmentdata[i].DepartmentName +
|
'</option>';
|
}
|
$("#DepartmentId").append(Departmenthtml);
|
for (var i = 0; i < Nationalitydata.length; i++) {
|
Nationalityhtml += '<option value = "' + Nationalitydata[i].Code + '">' + Nationalitydata[i].TypeName +
|
'</option>';
|
}
|
$("#UserNationality").append(Nationalityhtml);
|
var id = getQueryString('id');
|
if (!id) {
|
id = 0;
|
} else {
|
var param = {
|
UserId: id,
|
};
|
sendData(IP + "/User/GetUserViewById", param, 'post', function(
|
res) {
|
console.log(res);
|
if (res.code == 1) { //成功
|
//页面赋值
|
$("input[name='UserCode']").val(res.data[0].UserCode);
|
$("input[name='UserCode']").attr('disabled', 'true');
|
$("input[name='UserName']").val(res.data[0].UserName);
|
$("#UserRoleId option[value='" + res.data[0].UserRoleId + "']").attr("selected","selected");
|
$("#UserStatus option[value='" + res.data[0].UserStatus + "']").attr("selected","selected");
|
$("#UserShieldFlag option[value='" + res.data[0].UserShieldFlag + "']").attr("selected","selected");
|
$("#DepartmentId option[value='" + res.data[0].DepartmentId + "']").attr("selected","selected");
|
$("#UserSex option[value='" + res.data[0].UserSex + "']").attr("selected","selected");
|
$("input[name='UserIdentityCard']").val(res.data[0].UserIdentityCard);
|
$("input[name='UserPhone']").val(res.data[0].UserPhone);
|
$("input[name='UserEmail']").val(res.data[0].UserEmail);
|
$("textarea[name='UserRemark']").val(res.data[0].UserRemark);
|
$("#UserNationality option[value='" + res.data[0].UserNationality + "']").attr("selected","selected");
|
form.render('select');
|
} else { //不成功
|
layer.msg(res.msg, {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
}
|
form.render('select');
|
} else { //不成功
|
layer.msg('获取角色信息失败！', {
|
icon: 2,
|
time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
}, function() {});
|
}
|
});
|
|
// sendData(IP + "/User/GetDepartment", {}, 'post', function(res) {
|
// var html = '';
|
// console.log(res);
|
// if (res.code == 1) { //成功
|
// var list = res.data;
|
// for (var i = 0; i < list.length; i++) {
|
// html += '<option value = "' + list[i].Id + '">' + list[i].DepartmentName +
|
// '</option>';
|
// }
|
// $("#DepartmentId").append(html);
|
// form.render('select');
|
// } else { //不成功
|
// layer.msg('获取部门信息失败！', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {});
|
// }
|
// });
|
|
// sendData(IP + "/User/GetNationality", {}, 'post', function(res) {
|
// var html = '';
|
// console.log(res);
|
// if (res.code == 1) { //成功
|
// var list = res.data;
|
// for (var i = 0; i < list.length; i++) {
|
// html += '<option value = "' + list[i].Code + '">' + list[i].TypeName +
|
// '</option>';
|
// }
|
// $("#UserNationality").append(html);
|
// form.render('select');
|
// } else { //不成功
|
// layer.msg('获取国籍信息失败！', {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {});
|
// }
|
// });
|
|
// var id = getQueryString('id');
|
// if (!id) {
|
// id = 0;
|
// } else {
|
// var param = {
|
// UserId: id,
|
// };
|
// sendData(IP + "/User/GetUserViewById", param, 'post', function(
|
// res) {
|
// console.log(res);
|
// if (res.code == 1) { //成功
|
// //页面赋值
|
// $("input[name='UserCode']").val(res.data[0].UserCode);
|
// $("input[name='UserCode']").attr('disabled', 'true');
|
// $("input[name='UserName']").val(res.data[0].UserName);
|
// $("#UserRoleId option[value='" + res.data[0].UserRoleId + "']").attr("selected","selected");
|
// $("#UserStatus option[value='" + res.data[0].UserStatus + "']").attr("selected","selected");
|
// $("#UserShieldFlag option[value='" + res.data[0].UserShieldFlag + "']").attr("selected","selected");
|
// $("#DepartmentId option[value='" + res.data[0].DepartmentId + "']").attr("selected","selected");
|
// $("#UserSex option[value='" + res.data[0].UserSex + "']").attr("selected","selected");
|
// $("input[name='UserIdentityCard']").val(res.data[0].UserIdentityCard);
|
// $("input[name='UserPhone']").val(res.data[0].UserPhone);
|
// $("input[name='UserEmail']").val(res.data[0].UserEmail);
|
// $("textarea[name='UserRemark']").val(res.data[0].UserRemark);
|
// $("#UserNationality option[value='" + res.data[0].UserNationality + "']").attr("selected","selected");
|
// form.render('select');
|
// } else { //不成功
|
// layer.msg(res.msg, {
|
// icon: 2,
|
// time: 2000 //2秒关闭（如果不配置，默认是3秒）
|
// }, function() {});
|
// }
|
// });
|
// }
|
|
|
//获取浏览器参数
|
function getQueryString(name) {
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
var r = window.location.search.substr(1).match(reg);
|
if (r != null) return unescape(r[2]);
|
return null;
|
}
|
})
|
</script>
|
</body>
|
</html>
|
