{extend name="crm@Public/base" /}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/customer.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<style>
    .set-row .layui-input-block {
        margin: 2px;
    }
    .layui-upload-list {
        margin: 12px 108px;
    }
    .layui-table-cell{
        height: auto;
    }
</style>
{/block}
{block name="js"}
<script>
    $(function(){
        // $(".nul_bli").eq(7).find(".navb").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>生成渠道二维码</span></div>
        <div class="set-top">
            <!-- 
            <button class="layui-btn add-btn" data-type="add">新增人员</button>
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <input type="text" class="layui-input" value="" id="search_staff" placeholder="请输入渠道名称">
                </div>
                <button class="layui-btn" id="btn">查询</button>
            </div> 
            -->
        </div>
        <table class="layui-table" lay-data="{height:700, url:'/weixin/Weixin/getChannelQrcodeJson.html', id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>
                <!-- <th lay-data="{type:'checkbox',field:'id', align: 'center'}"></th> -->
                <th lay-data="{width: 60,align:'center',field:'id'}">ID</th>
                <th lay-data="{width:120,align:'center',field:'channel_name'}">渠道名称</th>
                <th lay-data="{width:100,align:'center',field:'channel_qrcode',toolbar: '#channel_qrcode'}">渠道二维码</th>
                <th lay-data="{width:200,align:'center',field:'id',toolbar: '#barDemo'}">操作</th>
            </tr>
            </thead>
        </table>

    </div>
</div>
<script src="__PUBLIC__/js/jquery-1.9.0.min.js" type="text/jscript"></script>
<script type="text/html" id="channel_qrcode">
    {{#  if(d.channel_qrcode){ }}
    <a target="_blank" href="{{d.channel_qrcode}}"><img src="{{d.channel_qrcode}}" width="50" alt=""  class="qr_code" /></a>
    {{#  } }}
</script>
<script type="text/html" id="barDemo">
    {{#  if(d.channel_qrcode){ }}
    <a class="layui-btn layui-btn-mini" lay-event="reQrcdoe">重新生成二维码</a>
    {{#  }else { }}
    <a class="layui-btn layui-btn-mini" lay-event="qrcdoe">生成渠道二维码</a>
    {{#  } }}
    <a class="layui-btn layui-btn-mini layui-btn-normal" target="_blank" href="/weixin/Weixin/channel_keywords/id/{{d.id}}">关键字</a>
</script>

<script>
    // function shopPic(picUrl){
    //     alert(picUrl);
    // }
    $('#btn').click(function(){
        table.reload('idTest', {
            url: 'kfStaffToJSON'
            ,where: {staff_name:$('#search_staff').val()} //设定异步数据接口的额外参数
            //,height: 300
        });
    })
    $('#search').click(function(){
        var department_id = $('#department_id').val();
        var group_id = $('#group_id').val();
        var staff_name = $('#staff_name').val();
        $.ajax({
            type: "POST",
            url: 'getStaffs',
            data: {department_id:department_id,group_id:group_id,staff_name:staff_name},
            success: function (msg) {
                var replace = '';
                for (var i = 0; i < msg.length; i++) {
                    replace += '<tr><td><input type="radio" name="staff_id" value="'+msg[i]['id']+'" title=" "></td><td>'+msg[i]['staffnumber']+'</td><td>'+msg[i]['staffname']+'</td></tr>';
                }
                $("#staff").html(replace);
                layui.form.render();
            }
        });
    })
    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(obj.event === 'channel_qrcode'){
            //     var qrcdoe = obj.data.channel_qrcode;
            //     console.log(qrcode);
            // }
            if (layEvent === 'qrcdoe') {
                var cid = obj.data.id;
                var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
                $.ajax({
                    type: "POST",
                    url: "{:Url('weixin/Weixin/getQrcode')}",
                    data: {cid:cid},
                    dataType:'json',
                    success: function(ret){
                        if (ret.code==200) {
                            layer.alert('操作成功');
                            table.reload('idTest', {
                                url: 'getChannelQrcodeJson',
                                done: function(res, curr, count){
                                }
                            });
                            layer.close(index);
                        }else{
                            layer.alert('生成失败');
                            layer.close(index);
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                        layer.close(index);
                    }
                })
            } else if (layEvent === 'reQrcdoe') {
                var cid = obj.data.id;
                var index = layer.load(1, {shade: false}); //0代表加载的风格，支持0-2
                $.ajax({
                    type: "POST",
                    url: "{:Url('weixin/Weixin/getQrcode')}",
                    data: {cid:cid},
                    dataType:'json',
                    success: function(ret){
                        if (ret.code==200) {
                            layer.alert('操作成功');
                            table.reload('idTest', {
                                url: 'channelKeywordsJSON',
                                done: function(res, curr, count){
                                }
                            });
                            layer.close(index);
                        }else{
                            layer.alert('生成失败');
                            layer.close(index);
                        }
                    },
                    error:function(XMLHttpRequest, textStatus, errorThrown){
                        var ret = XMLHttpRequest.responseJSON
                        layer.alert('操作失败');
                        layer.close(index);
                    }
                })
            }
        });
        
        //分页
        laypage.render({
            elem: 'pageDemo' //分页容器的id
            ,count: 100 //总页数
            ,skin: '#1E9FFF' //自定义选中色值
            //,skip: true //开启跳页
            ,jump: function(obj, first){
                if(!first){
                    layer.msg('第'+ obj.curr +'页');
                }
            }
        });
    })
</script>
{/block}