forked from kidgrow-microservices-platform

zhaoxiaohao
2021-02-26 42732fda8d3fdef36b33e2c46f2988df7424bf6a
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/user_form.html
@@ -1,10 +1,11 @@
<!-- 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 name="username" placeholder="请输入账号" type="text" class="layui-input" maxlength="20"
            <input id="username" name="username" placeholder="请输入账号" type="text" class="layui-input" maxlength="20"
                   lay-verify="required" required/>
        </div>
    </div>
@@ -18,7 +19,7 @@
    <div class="layui-form-item">
        <label class="layui-form-label">手机号</label>
        <div class="layui-input-block">
            <input name="mobile" placeholder="请输入手机号" type="text" class="layui-input" lay-verify="required|mobile"
            <input id="mobile" name="mobile" placeholder="请输入手机号" type="text" class="layui-input" lay-verify="required|mobile"
                   required/>
        </div>
    </div>
@@ -53,7 +54,7 @@
        // 获取所有角色
        layer.load(2);
        admin.req('api-user/allRoles', {}, function (data) {
        admin.req('api-user/findByMap', {}, function (data) {
            layer.closeAll('loading');
            if (0 == data.code) {
                // 渲染多选下拉框
@@ -69,6 +70,10 @@
                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);
@@ -76,23 +81,66 @@
                    formSelects.value('roleId', rds);
                }
            } else {
                layer.msg('获取角色失败', {icon: 2, time: 500});
                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) {
                    layer.msg(data.msg, {icon: 1, time: 500});
                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: 500});
                    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>