<!-- user表单弹窗 -->
|
<form id="user-form" lay-filter="user-form" class="layui-form model-form">
|
<input name="id" type="hidden"/>
|
<input name="type" type="hidden" value="BACKEND"/>
|
<div class="layui-form-item">
|
<label class="layui-form-label">账号</label>
|
<div class="layui-input-block">
|
<input id="username" name="username" placeholder="请输入账号" type="text" class="layui-input" maxlength="20"
|
lay-verify="required" required/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">用户名</label>
|
<div class="layui-input-block">
|
<input name="nickname" placeholder="请输入用户名" type="text" class="layui-input" maxlength="20"
|
lay-verify="required" required/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">手机号</label>
|
<div class="layui-input-block">
|
<input id="mobile" name="mobile" placeholder="请输入手机号" type="text" class="layui-input" lay-verify="required|mobile"
|
required/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">性别</label>
|
<div class="layui-input-block">
|
<input type="radio" name="sex" value="0" title="男" checked/>
|
<input type="radio" name="sex" value="1" title="女"/>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">角色</label>
|
<div class="layui-input-block">
|
<select name="roleId" xm-select="roleId">
|
</select>
|
</div>
|
</div>
|
<div class="layui-form-item model-form-footer">
|
<button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
|
<button class="layui-btn" lay-filter="user-form-submit" lay-submit>保存</button>
|
</div>
|
</form>
|
|
<script>
|
layui.use(['layer', 'admin', 'form', 'formSelects'], function () {
|
var layer = layui.layer;
|
var admin = layui.admin;
|
var form = layui.form;
|
var formSelects = layui.formSelects;
|
|
form.render('radio');
|
|
// 获取所有角色
|
layer.load(2);
|
admin.req('api-user/findByMap', {}, function (data) {
|
layer.closeAll('loading');
|
if (0 == data.code) {
|
// 渲染多选下拉框
|
var roleSelectData = new Array();
|
for (var i = 0; i < data.data.length; i++) {
|
roleSelectData.push({name: data.data[i].name, value: data.data[i].id});
|
}
|
formSelects.data('roleId', 'local', {arr: roleSelectData});
|
|
// 回显user数据
|
var user = admin.getTempData('t_user');
|
$('#user-form').attr('method', 'POST');
|
if (user) {
|
form.val('user-form', user);
|
$('#user-form').attr('method', 'POST');
|
if(!(user.mobile==null || user.mobile.trim()=="")){
|
$("#mobile").prop("disabled",true)
|
}
|
$("#username").prop("disabled",true)
|
var rds = new Array();
|
for (var i = 0; i < user.roles.length; i++) {
|
rds.push(user.roles[i].id);
|
}
|
formSelects.value('roleId', rds);
|
}
|
} else {
|
layer.msg('获取角色失败', {icon: 2, time: 2000});
|
}
|
}, 'GET');
|
|
// 表单提交事件
|
form.on('submit(user-form-submit)', function (data) {
|
layer.load(2);
|
var datadto= data.field
|
admin.req('api-user/users/saveOrUpdate', JSON.stringify(data.field), function (data) {
|
layer.closeAll('loading');
|
if (data.code == 0) {
|
if(datadto.id==null||datadto.id==''){
|
layer.alert("用户添加成功,默认密码为："+data.data.password);
|
}
|
admin.finishPopupCenter();
|
} else {
|
layer.msg(data.msg, {icon: 2, time: 2000});
|
}
|
}, "POST");
|
return false;
|
});
|
//判断用户名是否被使用
|
var username_is_usered = function (username_id) {
|
var username = $("#" + username_id).val()
|
admin.req('api-user/users/findCountByMap', JSON.stringify({
|
username: username
|
}), function (data) {
|
if (data.code == 0) {
|
if (data.data > 0) {
|
$("#" + username_id).val("")
|
layer.msg("该手机号已经使用", {
|
icon: 2,
|
time: 2000
|
})
|
}
|
} else {
|
layer.msg(data.msg, {
|
icon: 2,
|
time: 2000
|
});
|
}
|
}, 'post');
|
}
|
/*
|
* 验证手机号码
|
*/
|
function validatorTel(content) {
|
// 正则验证格式
|
eval("var reg = /^1[34578]\\d{9}$/;");
|
var flag = RegExp(reg).test(content)
|
return flag;
|
}
|
//验证手机号是否被使用
|
$("#mobile").blur(function () {
|
let mobile=$("#mobile").val()
|
if (!validatorTel(mobile)) {
|
layer.msg("请输入正确的手机号");
|
} else {
|
username_is_usered("mobile");
|
}
|
})
|
});
|
</script>
|
