{layout name="layout" /}
<style>
    .layui-table tr{
        line-height:100px;
        height:100px;
    }
    .layui-table-cell {
        line-height:100px;
        height:100px;
    }
    .laytable-cell-1-title{
        line-height:30px;
        height:30px;
    }
    .mactive {
        background: #fff;
        border: 1px solid #23b7e5;
    }
    .mactive a{
        color: #23b7e5;
    }
</style>
<div class="if_wrap">
    <div id="if_con">
        <div class="cus-con">
            <div class="set-top">
                    <div class="layui-btn" ><a href="{:url('vip/link/add')}">添加新菜单配置</a></div>
                {notempty name='$Think.get.id'}
                <button class="layui-btn layui-btn-warm addlink">
                    <i class="layui-icon">&#xe654;</i>生成新连接
                </button>
                {/notempty}
            </div>
            <table class="layui-table" lay-data="{ url:'{:url('vip/link/linklist');}', page:true, id:'idTest'}" lay-filter="demo">
                <thead>
                <tr>
                    <td lay-data="{width:100,field:'id', sort: true,templet: '#indexTpl'}">序号</td>
                    <td lay-data="{width:200,field:'c_tyid',toolbar: '#menuName'}" >菜单名称</td>
                    <td lay-data="{width:140,field:'qrcode',toolbar:'#showimg'}">二维码图片</td>
                    <td lay-data="{width:350,field:'link_site'}">菜单链接地址</td>
                    <td lay-data="{width:120,field:'staff_name'}">创建者</td>
                    <td lay-data="{width:160,field:'create_time'}">创建时间</td>
                    <td lay-data="{ width: 200, align:'center', toolbar: '#barDemo'}">操作</td>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
</div>
<div id="addbox" class="new_msg_div">
    <div class="xmsgd">
        <label class="layui-form-label">生成连接数量</label>
        <div class="layui-input-block">
            <input type="text" name="makenum" id="makenum" placeholder="请输入数量" autocomplete="off" class="layui-input">
        </div>
    </div>
</div>
<script>document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
<script type="text/html" id="showimg">
    <img src="__PUBLIC__/uploads/QRimgs/{{d.qrcode}}" height="100" width="100"/>
</script>
<script type="text/html" id="menuName">
    {{# if(d.c_tyid==1){ }}
    首页
    {{# }else if(d.c_tyid==2){ }}
    个人中心
    {{# }else if(d.c_tyid==3){ }}
    活动页
    {{# }else if(d.c_tyid==4){ }}
    会员DIY
    {{# } }}
</script>
<script type="text/html" id="indexTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<script type="text/html" id="coupontext">
    {{d.couponname?d.couponname:'<span style="color:green">未包含</span>'}}
</script>
<script type="text/html" id="barDemo">
    <a class="ex_view" lay-event="del" data-id="{{d.id}}">删除</a>
</script>
<script type="text/html" id="imgModel">
    <img src="__PUBLIC__/uploads/{{d.img}}" height="100" width="80"/>
</script>
<script>
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate = layui.laydate //日期
                ,laypage = layui.laypage //分页
        layer = layui.layer //弹层
                ,table = layui.table //表格
                ,carousel = layui.carousel //轮播
                ,upload = layui.upload //上传
                ,element = layui.element; //元素操作
        //监听工具条
        table.on('tool(demo)', function (obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data //获得当前行数据
                    , layEvent = obj.event; //获得 lay-event 对应的值
            if (layEvent === 'del') {
                var id = $(this).attr("data-id");

                layer.confirm('你确定要删除这个连接吗?', function (index) {
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                    $.ajax({
                        url:"{:url('vip/link/del')}",
                        data:{id:id},
                        type:'post',
                        success:function(e){
                            if(e.code==1){
                                layer.msg('删除成功', {
                                    icon: 1
                                });
                            }else{
                                layer.msg('删除失败', {
                                    icon: 2
                                });
                            }
                        }
                    })
                });
            }
            if (layEvent === 'createLinks') {
                var id = $(this).attr("data-id");

                layer.confirm('你确定要生成链接吗？', function (index) {
                    obj.del(); //删除对应行（tr）的DOM结构
                    layer.close(index);
                    //向服务端发送删除指令
                    $.ajax({
                        url:"{:url('vip/link/createLinks')}",
                        data:{id:id},
                        type:'post',
                        success:function(e){
                            if(e.code==1){
                                layer.msg('链接生成成功', {
                                    icon: 1
                                });
                            }else{
                                layer.msg('链接生成失败', {
                                    icon: 2
                                });
                            }
                        }
                    })
                });
            }
        });
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,limits: [2,10,20,30]
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    });

    layui.use('form', function(){
    });



    $(".addlink").on('click',function(){
        layer.open({
            title:'修改类型信息',
            type: 1,
            skin: 'layui-layer-rim',
            area: ['400px', '200px'],
            content: $('#addbox'),
            btn: ['提交修改','取消'],
            yes:function(index,layero){
                var id = "{$Think.get.id}";
                var makenum = parseInt($.trim($("#makenum").val()));

                if(makenum>10 || makenum<1 ){
                    layer.msg('请输入1-10之间的生成连接的数量,', {
                        icon:2
                    });
                    return false;
                }
                if(id && makenum){
                    $.ajax({
                        url:"{:url('vip/activity/makecode');}",
                        data:{id:id,makenum:makenum},
                        type:'post',
                        success:function(e){
                            if(e.status==1){
                                layer.close(index);
                                layer.open({
                                    content: '恭喜生成成功！',
                                    btn: ['确认'],
                                    yes: function(index, layero) {
                                        window.location.href= location.href;
                                    }
                                });
                            }else{
                                layer.msg('生成失败', {
                                    icon: 2,
                                });
                            }
                        }
                    })
                }else{
                    layer.msg('请输入正确的生成连接的数量', {
                        icon: 2,
                    });
                }
            }
        });
    })









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