{extend name="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>
    .layui-table-page {
        display: none;
    }
</style>
{/block}
{block name="js"}
<!--<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>-->
<script>
    $(function(){
        $(".nul_bli").eq(4).find(".navb").addClass("active");
//        $(".navb.active").parent().find(".nul_s .nul_sli").eq(16).find(".navs").addClass("active");
    })
</script>
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>{$title}</span></div>
        <form class="layui-form layui-form-pane1" method="get" action="">
            <div class=" set-top layui-form layui-form-item">
                <!--<label style="width:50px;" class="layui-form-label mkz_t1">事业部：</label>-->
                <!--<div class="layui-input-inline" id='sel_brand'>-->
                    <!--<select name="brand_id" id="brand_id" lay-search="">-->
                        <!--<option value="0">全部</option>-->
                        <!--{volist name="brand" id="vo"}-->
                            <!--{if condition='$Think.get.brand_id eq $vo.id'}-->
                            <!--<option value="{$vo.id}" selected>{$vo.brandclass}</option>-->
                            <!--{else}-->
                            <!--<option value="{$vo.id}">{$vo.brandclass}</option>-->
                            <!--{/if}-->
                        <!--{/volist}-->
                    <!--</select>-->
                <!--</div>-->
                <!--<label style="width:70px;" class="layui-form-label mkz_t1">店面：</label>-->
                <!--<div class="layui-input-inline">-->
                <!--<select name="shop_code" id="shop_code" lay-filter="shop" lay-search="">-->
                <!--{volist name="shopList" id="vo"}-->
                <!--<option value="{$vo.shop_code}">{$vo.shop_name}</option>-->
                <!--{/volist}-->
                <!--</select>-->
                <!--</div>-->

                <!--<label style="width:70px;" class="layui-form-label mkz_t1" style="width:50px;">选择日期：</label>-->
                <!--<div class="layui-input-inline">-->
                <!--<input class="layui-input" id="start_time" placeholder="" readonly="readonly" type="text" value="">-->
                <!--</div>-->

                <!--<div class="layui-input-inline">-->
                <!--<input class="layui-input" id="end_time" placeholder="" readonly="readonly" type="text" value="">-->
                <!--</div>-->
                <!---->
                <!--<button class="layui-btn layui-btn-primary cus-model-btn" id="search" data-type="reload" lay-submit="" lay-filter="*" >-->
                    <!--查询-->
                <!--</button>-->
                <span class="layui-btn layui-btn-primary cus-model-btn" id="export" >
                    <i class="iconfont"></i> 导出
                </span>
            </div>
        </form>



        <!--<div class="cus-table">-->

            <!--<table id="demo" lay-filter="test" lay-data="{id: 'idTest'}"></table>-->

            <!--<div id="pager"></div>-->
        <!--</div>-->


        <table class="layui-table" lay-data="{height:680,page:false,limit:100,url:'/kf/statistics/ksDutyClassify.html', id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>

                <th lay-data="{field:'dateTime', width:60}" rowspan="3">月份</th>
                <th lay-data="{align:'center'}" colspan="{$countDepartment}">部门</th>
                <th lay-data="{align:'center'}" colspan="{$countSource}">投诉来源</th>
                <th lay-data="{align:'center'}" colspan="{$countComplain}">投诉分类</th>
                <th lay-data="{field:'countNumber', width:60}" rowspan="3">合计</th>
            </tr>
            <tr>
                {volist name='department' id='de' key='key'}
                <th lay-data="{field:'department_{$key-1}', width:80}"  rowspan="2">{$de}</th>
                {/volist}
                {volist name='source' id='so'}
                <th lay-data="{field:'source_{$so.id}', width:80}"  rowspan="2">{$so.source_name}</th>
                {/volist}
                {volist name='complain' id='co'}
                <th lay-data="{align:'center'}" colspan="{$co._child|count}">{$co.complain_name}</th>
                {/volist}

            </tr>

            <tr>
                {volist name='secondComplain' id='second'}
                    <th lay-data="{field:'complain_{$second.id}',width:90}">{$second.complain_name}</th>
                {/volist}
                <!--{volist name='complain' id='com'}-->
                    <!--{if condition='count($com._child) gt 0'}-->
                        <!--{volist name='$com._child' id='ch'}-->
                            <!--<th lay-data="{field:'complain_{$ch.id}'}">{$ch.complain_name}</th>-->
                        <!--{/volist}-->
                    <!--{/if}-->
                <!--{/volist}-->

            </tr>
            </thead>
        </table>

    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>

<script>
    $(function () {

        layui.use(['layer', 'table','form'], function () {
            var table = layui.table, layer = layui.layer, form = layui.form;

            // 事业部  联动  部门
            form.on('select(brandclass)', function(data){
                var brandclass = data.value;
                //console.log(brandclass);
                $.ajax({
                    type:"GET",
                    url:'/kf/Visit/get_shop',
                    data:{brand_id:brandclass},
                    success: function (msg) {
                        var data=msg.data;
                        var replace = '<select name="shop_code" id="shop_code" lay-filter="shop_code" class="cus-input" ><option value="0">全部</option>';
                        for(var i=0;i<data.length;i++){
                            replace += '<option value="'+data[i]['shop_code']+'">'+data[i]['shop_name']+'</option>';
                        }
                        replace +='</select>';
                        $("#shop_code").html(replace);
                        form.render();
                    }
                });
            });


            // 导出按钮
            $("#export").click(function(){
//                var brand_id = $('#brand_id').val();
//                var brandclass = $("#sel_brand select[name=brand_id] option:selected").html();

                location.href = "exportKsDuty";
            })

        });
    });

</script>
{/block}