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

<!DOCTYPE html>
<html>
<!--[1.5.22]-->
<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;">
    <form class="layui-form" action="">
        <input type="hidden" id="id" value="{$memberinfo['id']}" name="id">
        <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">
                <input type="text" value="{$name}" name="balance"  id="name" required  lay-verify="required"  autocomplete="off" class="layui-input">
            </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">
                    <empty name="gradename">
                        <option value="0">无等级会员</option>
                        <else/>
                        <volist name="gradename" id="gra">
                            <option value="{$gra['id']}" <if condition="$gra['id'] eq $gradevip['id']">selected</if>>{$gra['cardname']}</option>
                        </volist>
                    </empty>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">余额</label>
            <div class="layui-input-inline">
                <input type="text" value="{$memberinfo['balance']}" name="balance"  id="balance" required  lay-verify="required"  autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">积分</label>
            <div class="layui-input-inline">
                <input type="text" value="{$memberinfo['integral']}" name="integral"  id="integral" required  lay-verify="required"  autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-inline">
                <input type="text" value="{$memberinfo['mobile_phone']}" name="mobile_phone"  id="mobile_phone" required  lay-verify="required"  autocomplete="off" class="layui-input">
            </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','upload','layer','laydate'], function() {
        var form = layui.form;
        var laydate = layui.laydate;
        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 gradeid = $('#grade').val();
             var balance = $('#balance').val();
             var integral = $('#integral').val();
             var mobile_phone = $('#mobile_phone').val();
             var vid = $('#id').val();
             var vip_type = $('#vip_type').val();
             var name = $('#name').val();
             if(!vip_type){
                 layer.msg("请选择会员类型",{time:1500})
                 return false;
             }
             if(gradeid == ''){
                 layer.msg("请选择会员等级",{time:1500})
                 return false;
             }
            if(!balance){
                layer.msg("请输入正确余额",{time:1500})
                return false;
            }
            if(integral){
                if(isNaN(Number(integral))){
                    layer.msg("请输入正确积分",{time:1500})
                    return false;
                }
                if(integral < 0){
                    layer.msg("积分不能小于0",{time:1500});
                    return false;
                }
            }
            if(balance){
                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;
                }
            }
             if(isNaN(Number(balance))){
                 layer.msg("请输入正确余额",{time:1500})
                 return false;
             }
             if(mobile_phone){
                 if(!phone.test(mobile_phone)){
                     layer.msg("请输入正确手机号",{time:1500})
                     return false;
                 }
             }
             $.ajax({
                 url:"{:U('Vip/modifyact')}",
                 type:"post",
                 data:{gradeid:gradeid,balance:balance,mobile_phone:mobile_phone,vid:vid,vip_type:vip_type,name:name,integral:integral},
                 success:function(res) {
                     if(res.status==1){
                         layer.msg(res.msg,{time:1500},function(){
                             var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                             parent.layer.close(index);
                         })
                     }else{
                         layer.msg(res.msg,{time:1500},function(){

                         })
                     }
                 }
             })
        })
    })

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