<div class="layui-form padding-40">
|
<div class="layui-form-item layui-row">
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>用户编号</label>
|
<div class="layui-input-inline">
|
<input id="add_jobNum" type="text" name="jobNum" class="layui-input" lay-verify="required">
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>用户姓名</label>
|
<div class="layui-input-inline">
|
<input id="add_userName" type="text" name="userName" lay-verify="user_name_validate" placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-row">
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>所属机构</label>
|
<div class="layui-input-inline">
|
<select name="orgId" lay-search lay-verify="required" lay-filter="add_orgId" id="add_orgId">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>手机号码</label>
|
<div class="layui-input-inline">
|
<input id="add_mobile" type="text" name="mobile" lay-verify="mobile_no_validate" placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-row">
|
<div class="layui-col-md6">
|
<label class="layui-form-label">上级用户</label>
|
<div class="layui-input-inline">
|
<select name="superiorId" lay-search lay-filter="add_superiorId" id="add_superiorId">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>用户类型</label>
|
<div class="layui-input-inline">
|
<select name="userType" lay-search lay-verify="required" lay-filter="add_userType" id="add_userType">
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-row">
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>所在城市</label>
|
<div class="layui-input-inline">
|
<select id="add_user_city" name="cityCode" lay-verify="required" lay-search>
|
|
</select>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<label class="layui-form-label"><span class="required_mark"></span>证件类型</label>
|
<div class="layui-input-inline">
|
<input value="身份证" type="text" class="layui-input" readonly="readonly">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item layui-row">
|
<div class="layui-col-md6">
|
<label class="layui-form-label">证件号码</label>
|
<div class="layui-input-inline">
|
<input id="add_idCard" type="text" name="idCard" autocomplete="off" class="layui-input" onblur="add_identity_no_validate_rule(this);">
|
</div>
|
</div>
|
<div class="layui-col-md6" id="add_loginPwd_wrap">
|
<label class="layui-form-label"><span class="required_mark"></span>登录密码</label>
|
<div class="layui-input-inline">
|
<input id="add_loginPwd" name="loginPwd" lay-verify="required" type="text" placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
</div>
|
|
<div class="text_center">
|
<button class="layui-btn modal_commit_save_btn" lay-submit lay-filter="add_user_commit">提交</button>
|
</div>
|
</div>
|
<script type="text/javascript">
|
function add_identity_no_validate_rule(that){
|
if($(that).val()){
|
$(that).attr("lay-verify","identity_no_validate");
|
}else{
|
$(that).removeAttr("lay-verify");
|
}
|
};
|
|
|
|
layui.use(['form','table'], function () {
|
var form = layui.form;
|
var table = layui.table;
|
|
//所属机构枚举
|
$.ajax({
|
type: 'POST',
|
url: base_url+"/sso-manage/user/orglist",
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
|
if(res.resultCode == 1){
|
$("#add_orgId").append(template('orgId_select_tpl', res.data));
|
form.render();
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
|
|
//上级用户枚举
|
$.ajax({
|
type: 'POST',
|
url: base_url+"/sso-manage/user/list",
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
|
if(res.resultCode == 1){
|
$("#add_superiorId").append(template('superiorId_select_tpl', res.data));
|
form.render();
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
|
//上级用户类型
|
$.ajax({
|
type: 'POST',
|
url: base_url+"/sso-manage/user/getUserType",
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
|
if(res.resultCode == 1){
|
$("#add_userType").append(template('userType_select_tpl', res.data));
|
form.render();
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
|
// 切换用户类型控制登录密码字段是否存在
|
form.on('select(add_userType)', function(data){
|
console.log(data.elem); //得到select原始DOM对象
|
console.log(data.value); //得到被选中的值
|
console.log(data.othis); //得到美化后的DOM对象
|
if(data.value == 0){
|
$("#add_loginPwd_wrap").hide();
|
$("#add_loginPwd").removeAttr("lay-verify");
|
}else{
|
$("#add_loginPwd_wrap").show();
|
$("#add_loginPwd").attr("lay-verify","required");
|
}
|
});
|
|
|
// 使用机构id查询城市信息
|
form.on('select(add_orgId)', function(data){
|
console.log(data.elem); //得到select原始DOM对象
|
console.log(data.value); //得到被选中的值
|
console.log(data.othis); //得到美化后的DOM对象
|
if(data.value){
|
$.ajax({
|
type: 'POST',
|
url: base_url+"/sso-manage/user/getCityByOrgId",
|
dataType: 'json',
|
contentType: "application/json",
|
data:JSON.stringify({
|
params:{
|
"orgId":data.value
|
}
|
}),
|
success: function (res) {
|
|
if(res.resultCode == 1){
|
$("#add_user_city").html(template('city_orign_select_tpl', res.data));
|
form.render();
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
}
|
});
|
|
|
//监听提交
|
form.on('submit(add_user_commit)', function (data) {
|
console.log(data.field);
|
$.ajax({
|
type: 'POST',
|
url: base_url+"/sso-manage/user/add",
|
data: JSON.stringify({
|
params:data.field
|
}),
|
dataType: 'json',
|
contentType: "application/json",
|
success: function (res) {
|
|
if(res.resultCode == 1) {
|
$("#user_mgt_trigger_search_btn").trigger("click");
|
user_tree_render();
|
layer.msg('新增成功');
|
layer.close(user_add_modal_index);
|
}else{
|
layer.msg(res.errorDesc);
|
}
|
}
|
});
|
return false;
|
});
|
});
|
</script>
|
