{layout name="layout" /}
<style>
    a ,a:hover{
        color: #fff;
        text-decoration: none;
    }
    .set_con {
        width: 100%;
        height: auto;
        float: left;
        background-color: #fff;
        min-width: 1130px;
        overflow: auto;
        box-sizing: border-box;
        padding-left: 50px;
    }
    .layui-form-item {
        /* margin-bottom: 15px; */
        clear: both;
        width: 1130px;
        margin: 10px 0;
        float: left;
    }
    .layui-input, .layui-textarea {
        width: 190px;
    }
    #if_con {
        overflow: auto;
        background:#fff;
    }
    .height150{
        height:150px;
    }
</style>
<div class="if_wrap">
<div id="if_con">
    <div class="cus-con">
        <div class="set-top">
           {$topmenu}
        </div>
        <form class="layui-form layui-form-pane1" action="" method="post" id="addform" enctype="multiparst/form-data">
            <div class="layui-form-item">
                <label class="layui-form-label">权益名称</label>
                <div class="layui-input-block">
                    <input type="text" name="eq_type" class="layui-input" lay-verify="required|title" required placeholder="请输入标题" autocomplete="off" value="{$data.eq_type}">
                </div>
            </div>
            <div class="layui-form-item" pane>
                <label class="layui-form-label">权益图片<br/><span class="imgsize">宽{$imgsize[0]}px*高{$imgsize[1]}px</span></label>
                <div class="layui-upload layui-form-label" style="padding-left:0;">
                    <input type="file" name="img"  id="imginput" /><br/>
                    {if $data.eq_img}
                    <img src="__PUBLIC__/uploads/{$data.eq_img}" id="imgbox" width="200" height="200"/>
                    {/if}
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">可享会员名称</label>
                <div class="layui-input-block">
                    <select name="eq_card_type" lay-verify="">
                        <option value="0">请选择</option>
                        {volist name="levels" id="vo"}
                        <option value="{$vo.id}" {$vo.id==$data.eq_card_type?'selected':''}>{$vo.name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">权益类别</label>
                <div class="layui-input-block">
                    <select name="card_type">
                        <option value="0">请选择</option>
                        <option value="1" {$data.card_type==1?'selected':''}>生日礼</option>
                    </select>
                </div>
            </div>  
            <div class="layui-form-item">
                <label class="layui-form-label">优惠券</label>
                <div class="layui-input-block">
                    {volist name="coupons" id="v"}
                    <input type="checkbox" name="couponids[]" value="{$v['id']}" title="{$v['title']}" checked>
                    {/volist}
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">权益说明</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" name="eq_count"  id="editor">{$data.eq_count}</textarea>
                </div>
            </div>
            <div class="layui-form-item height150">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary back">返回</button>
                </div>
            </div>
        </form>
    </div>
</div></div>

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/editor/lang/zh-cn/zh-cn.js"></script>

<script>
    $(".back").on('click',function(){
        location.href="{:url('vip/memberq/index')}";
    })
    var ue = UE.getEditor('editor',{
        initialFrameWidth :800,//设置编辑器宽度
        initialFrameHeight:520,//设置编辑器高度
        scaleEnabled:true,//设置不自动调整高度
    });
    layui.use(['form','layedit'], function(){
        var form = layui.form;

        // var layedit = layui.layedit;
        // var index = layedit.build('demo'); //建立编辑器

        //自定义验证规则
        form.verify({
            title: function(value){
                if(value.length < 2){
                    return '标题也太短了吧';
                }
            }
            ,pass: [/(.+){6,50}$/, '密码必须6到50位']
        });

        //事件监听
        form.on('select', function(data){
        });
        form.on('radio', function(data){
        });

        //监听提交
        form.on('submit(*)', function(data){
            var title = $.trim($("input[name=eq_type]").val());
//            var formid = document.getElementById("addform");
//            var sformData = new FormData(formid);

            var sformData = $('#addform').serialize();
            // var eq_count = layedit.getContent(index);

            // sformData += '&eq_count='+eq_count;

            if(title){
                $.ajax({
                    type:'post',
                    data:sformData,
                    //processData: false,  // 不处理数据
                    //contentType:false,
                    success:function(s){
                        if(s.status==1){
                            layer.open({
                                content: '恭喜您修改成功！',
                                btn: ['确认'],
                                yes: function(index, layero) {
                                    window.location.href="{:url('vip/memberq/index')}";
                                },
                            });
//            				layer.msg('修改成功', {
//                                icon:1,window.location.href ='{vip/memberq/index}'
////                                yes: function(index, layero) {
////                                    window.location.href='{vip/memberq/index}';
////                                },
//                            });
                        }else{
            				layer.msg(s.msg, {
            				    icon: 2,
            				});
                        }
                    }})
            }
            return false;
        });
    });

    // 图片显示
    $("#imginput").on('change',function(){
        imgView(this);
    });

    // 图片显示处理函数
    function imgView(filedom){
        console.log(filedom);
        // 判断是否支持fileReader
        if(window.FileReader){
            var reader = new FileReader();
            // 获取文件
            var file = filedom.files[0];
            var imagetype = /^image\//;
            // 判断是否是图片
            console.log(file);
            console.log(file.type);
            if(!imagetype.test(file.type)){
				layer.msg('请上传正确图片类型文件', {
				    icon: 2,
				});
                return;
            }
            // 读取完成
            reader.onload = function(e){
                // 获取图片dom
                var img = document.getElementById('imgbox');
                // 图片路径设置为读取的图片
                img.src = e.target.result;
            };
            reader.readAsDataURL(file);
        }
    }
</script>
</body>
</html>