mashangyoujiu/Application/Retail/View/Vip/routine.html

    <!DOCTYPE html>
<html>
<!--[1.1.76]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/layui/css/layui.css" />
    <style>
        .layui-word-aux{
            margin-left: 110px;
        }
        .default_img{
            width:150px;
            border: 1px solid #ddd;
            min-height: 100px;
        }
        .default_img_box{
            padding: 10px 0px;
        }
        select{
            border-color: #e6e6e6;
        }
    </style>
</head>
<body>
<div style="padding: 30px;" class="modifyb" id="content">
    <input type="hidden" name="vid" id="vid" value="{$vid}">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">角色</label>
            <div class="layui-input-inline">
                <select name="vip_type" lay-verify="" id="vip_type" lay-filter="vip_types">
                        <option value="1" >常规会员</option>
                        <option value="2" >Plus会员</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">门店</label>
            <div class="layui-input-inline">
                <select name="store_info" lay-verify="" id="storeid">
                    <volist name="store_info" id="vo">
                        <option value="{$vo['id']}" >{$vo['storetag']}</option>
                    </volist>
                </select>
            </div>
        </div>
        <div class="layui-form-item" id="grade_status">
            <label class="layui-form-label">等级</label>
            <div class="layui-input-inline">
                <select name="gradeinfo" lay-verify="" id="grade">
                    <volist name="gradename" id="gra">
                        <option value="{$gra['id']}" >{$gra['cardname']}</option>
                    </volist>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">姓名</label>
            <div class="layui-input-inline">
                <input type="text"  name="name" lay-verify="required"  autocomplete="off" class="layui-input" id="name">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="text"  name="mobile_phone" autocomplete="off"  lay-verify="required" class="layui-input" id="mobile_phone" placeholder="手机号">
            </div>
        </div>
       <!-- <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline">
                <input type="text"  name="password"  autocomplete="off" lay-verify="required" class="layui-input" id="password" placeholder="密码">
            </div>
        </div>-->
        <div class="layui-form-item">
            <label class="layui-form-label">生日</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input" id="test1" value="" name="birthday" autocomplete="off">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">余额</label>
            <div class="layui-input-inline">
                <input type="text"  name="balance"  id="balance" class="layui-input" autocomplete="off">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-block">
                <button class="layui-btn" type="button" id="submit">提交</button>
            </div>
        </div>
    </form>
</div>
<script src="__PUBLIC__/jquery/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layui/layui.js"></script>
<script type="text/javascript">
    var phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;//手机号
    layui.use(['form','layer','laydate'], function() {
        var laydate = layui.laydate;
        var form = layui.form
        laydate.render({
            elem: '#test1' //指定元素
        });
        form.on('select(vip_types)', function(data){
            var vip_type = $('#vip_type').val();
            if(vip_type == 1){
                $('#grade_status').show();
            }else if(vip_type == 2){
                $('#grade_status').hide();
            }
        });
        $('#submit').click(function(){
            var reg = /^[0-9]+.?[0-9]*$/;
            var gradeid = $('#grade').val();
            var name = $('#name').val();
            var mobile_phone = $('#mobile_phone').val();
            var balance = $('#balance').val();
            var test1 = $('#test1').val();
            //var password = $('#password').val();
            var vid = $('#vid').val();
            var storeid = $('#storeid').val();
            var vip_type = $('#vip_type').val();
            if(!vid){
                layer.msg("登录超时,请重新登录",{time:1500})
                return false;
            }
            if(!storeid){
                layer.msg("请选择门店",{time:1500})
                return false;
            }
            if(!vip_type){
                layer.msg("请选择角色",{time:1500})
                return false;
            }
            if(vip_type == 1){
                if(gradeid == ''){
                    layer.msg("请选择会员等级",{time:1500})
                    return false;
                }
            }
            if(!name){
                layer.msg("请输入姓名",{time:1500})
                return false;
            }
            if(!mobile_phone){
                layer.msg("请输入手机号",{time:1500})
                return false;
            }
            if(!phone.test(mobile_phone)){
                layer.msg("请输入正确手机号",{time:1500})
                return false;
            }
          /*  if(!reg.test(password)){
                layer.msg("密码请输入数字",{time:1500})
                return false;
            }
            if(password.length != 6){
                layer.msg("请输入6位密码",{time:1500})
                return false;
            }*/
            if(balance){
                if(isNaN(Number(balance))){
                    layer.msg("请输入正确余额",{time:1500})
                    return false;
                }
                var y = String(balance).indexOf(".");
                if(y > 0){
                    var c = String(balance).length - y;
                    if(c > 3){
                        layer.msg("余额最多保留两位小数",{time:1500});
                        return false;
                    }
                }
                if(balance < 0){
                    layer.msg("余额不能小于0",{time:1500});
                    return false;
                }
            }
            $.ajax({
                url:"{:U('routine_operation')}",
                type:"post",
                data:{
                    vid:vid,
                    gradeid:gradeid,
                    name:name,
                    mobile_phone:mobile_phone,
                    balance:balance,
                    birthday:test1,
                    storeid:storeid,
                    vip_type:vip_type
                },
                success:function(res) {
                    if(res.status==1){
                        layer.msg(res.msg,{time:2000},function(){
                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                            parent.layer.close(index);
                        })
                    }else{
                        layer.msg(res.msg,{time:2000},function(){

                        })
                    }
                }
            })
        })
    })

</script>
</body>
</html>