scd_tools_go/service/static/module/childmodule/add_user.html

<link rel="stylesheet" href="/static/layui/css/layui.css" media="all"/>
<link rel="stylesheet" href="/static/css/common.css"/>
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/global.js"></script>
<div class="layui-form" lay-filter="example" style="margin:30px auto 0 auto;width:90%;">
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>用户角色：</label>
        <div class="layui-input-block">
            <select required lay-verify="required" name="role" id="combox_role">
                <option value=""></option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>用户姓名：</label>
        <div class="layui-input-block">
            <input required lay-verify="required" type="text" name="username" id="text_username" autoComplete="off"
                   maxlength="10"
                   placeholder="10个字符以内，一般为用户姓名" class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>用户帐号：</label>
        <div class="layui-input-block">
            <input required lay-verify="required" type="text" name="account" id="text_account" autoComplete="off"
                   placeholder="登录系统的帐号"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>帐号密码：</label>
        <div class="layui-input-block">
            <input required lay-verify="required" type="password" name="password" id="text_password" autoComplete="off"
                   maxlength="32"
                   placeholder="请按规则输入密码"
                   class="layui-input layui-form-danger">
            <div style="color: #a4a0a0" id="user_pwd_rule"></div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;"><span style="color: red;">*</span>确认密码：</label>
        <div class="layui-input-block">
            <input required lay-verify="required" type="password" name="password2" id="text_password2"
                   autoComplete="off" placeholder="请按规则输入密码" maxlength="32"
                   class="layui-input layui-form-danger">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;">允许登录IP：</label>
        <div class="layui-input-block">
            <input type="text" name="bind_ips" id="text_bind_ips" autoComplete="off"  placeholder="请输入IP地址,可使用*代替地址中某段的所有地址" class="layui-input layui-form-danger" maxlength="100">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;">有效日期：</label>
        <div class="layui-input-block">
            <input type="text" readonly="" name="datelimit_start" id="text_datelimit_start" autoComplete="off"  placeholder="请选择起始日期" class="layui-input layui-form-danger" maxlength="20" style="float: left;width: 200px;">
            <span style="float: left;line-height: 34px;height: 34px;margin: 0 8px;">到</span>
            <input type="text" readonly="" name="datelimit_end" id="text_datelimit_end" autoComplete="off"  placeholder="请选择结束日期" class="layui-input layui-form-danger" maxlength="20"  style="float: left;width: 200px;">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;">手机号：</label>
        <div class="layui-input-block">
            <input type="text" name="mobilephone" id="text_mobilephone" autoComplete="off"  placeholder="请输入手机号" class="layui-input layui-form-danger" maxlength="100">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width:100px;padding:9px 10px 0 0px;">备注信息：</label>
        <div class="layui-input-block">
            <textarea placeholder="备注信息" style="min-height: 60px !important;resize:none;" name="memo" id="text_memo"
                      autoComplete="off" class="layui-textarea"></textarea>
        </div>
    </div>
    <div class="cloud_button">
        <div class="layui-layer-btn layui-layer-btn cloud_button_right">
            <button lay-submit lay-filter="save-button" class="layui-btn layui-btn-normal cloud_button_ok">确定</button>
            <a class="layui-layer-btn1" style="margin-right:0px;" onclick="parent.layer.closeAll();">取消</a>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var tableId = parent.UserInfoObject.tableId;
        if(parent.user_pwd_rule=="simple") $("#user_pwd_rule").html("密码为长度6-32位的任意字符");
        else $("#user_pwd_rule").html('密码长度只能为8-32位字符且由大小写字母、数字和特殊字符组成');
        var role_options=['<option value="">请选择用户角色</option>'];
        for (var i = 0; i < parent.UserInfoObject.Roles.length; i++) {
            var item=parent.UserInfoObject.Roles[i];
            role_options.push('<option value="'+item.id+'">'+item.name+'</option>');
        }
        $("#combox_role").html(role_options.join(""));
        layui.form.verify({
             not_need_phone: function(value, item){ //value：表单的值、item：表单的DOM对象
                if(value!=""){  //值不是空的时候再去走验证
                    if(!/^1[3|4|5|7|8]\d{9}$/.test(value)){
                        $("#text_mobilephone").focus();
                        return '手机号格式不正确';
                    }
                }
            }
        });
        layui.use(['layer', 'form','laydate'], function () {
            layui.laydate.render({elem:'#text_datelimit_start',trigger:"click",min:new Date().Format("yyyy-MM-dd")});
            layui.laydate.render({elem:'#text_datelimit_end',trigger:"click",min:new Date().Format("yyyy-MM-dd")});
            $("#text_password,#text_password2").attr("placeholder", "不修改密码请留空。");
            if (tableId > 0) {
                var data = parent.UserInfoObject.CurrentUserInfo;
                $("#combox_role").val(data["role"]);                
                $("#text_username").val(data["name"]);
                $("#text_account").val(data["account"]);
                $("#text_memo").val(data["memo"]);
                $("#text_mobilephone").val(data["mobilephone"]);
                $("#text_password,#text_password2").removeAttr("lay-verify");   
                $("#text_bind_ips").val(data["bind_ips"]);
                $("#text_datelimit_start").val(data["datelimit_start"]);   
                $("#text_datelimit_end").val(data["datelimit_end"]);          
            }
            layui.form.render("select");
            layui.form.on('submit(save-button)', function (data) {
                var parameter = data.field;
                parameter["userid"] = tableId;
                if (parameter["account"].length < 3) {
                    layer.msg('用户帐号最小必须为3位，请重新输入');
                    $("#text_account").focus();
                    return false;
                }
                var password = parameter["password"];
                if (password.length < 6 && parent.UserInfoObject.tableId == 0) {
                    layer.msg('请输入至少6位密码');
                    $("#text_password").focus();
                    return false;
                }
                var password2 = parameter["password2"];
                if (password2.length < 6 && parent.UserInfoObject.tableId == 0) {
                    layer.msg('请输入至少6位密码');
                    $("#text_password2").focus();
                    return false;
                }
                if (password != password2) {
                    layer.msg('两次密码不一致，请重新输入！');
                    $("#text_password").focus();
                    return false;
                }
                delete parameter.password2;
                parent.UserInfoObject.SaveUser(parameter);
            });
        });
    });
</script>