{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/ksEveryMonth.html?brand_id={$Think.get.brand_id}', id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>

                <th lay-data="{field:'dateTime', width:60}" rowspan="2">月份</th>
                <th lay-data="{align:'center'}" colspan="{$countSource}">投诉来源</th>
                <th lay-data="{align:'center'}" colspan="{$countComplain}">投诉分类</th>
                <th lay-data="{align:'center'}" colspan="3">投诉支出</th>
                <th lay-data="{align:'center'}" colspan="2">二次满意度</th>
                <th lay-data="{field:'countNumber', width:60}" rowspan="2">合计</th>
            </tr>
            <tr>
                {volist name='source' id='so'}
                <th lay-data="{field:'source_{$so.id}', width:100}">{$so.source_name}</th>
                {/volist}
                {volist name='complain' id='so'}
                <th lay-data="{field:'complain_{$so.id}', width:100}">{$so.complain_name}</th>
                {/volist}
                <th lay-data="{field:'ks_expend_1', width:100}">无成本解决</th>
                <th lay-data="{field:'ks_expend_2', width:100}">异业赠品解决</th>
                <th lay-data="{field:'ks_expend_3', width:100}">自有产品解决</th>
                <th lay-data="{field:'content_1', width:70}">满意</th>
                <th lay-data="{field:'content_2', width:70}">不满意</th>
            </tr>
            </thead>
        </table>

    </div>
</div>
<script type="text/html" id="titleTpl">
    {{d.LAY_TABLE_INDEX+1}}
</script>
<!--添加规则-->
<div id="add-box" style="display: none;padding:20px;">
    <form class="layui-form" action="">
        <input style="display:none;" type="reset" id="qd_reset">
        <div class="set-row">

            <div class="layui-inline">
                <label class="layui-form-label">来源名称：</label>
                <div class="layui-input-block w-200">
                    <input type="text" id="add_source_name" class="layui-input">
                </div>
            </div>


        </div>
    </form>
</div>

<script src="__PUBLIC__/js/jquery-1.9.0.min.js?v={$Think.const.APP_VERSION}" type="text/jscript"></script>
<script type="text/html" id="is_must">
    {{#  if(d.is_must == 1){ }}
    <a class="layui-btn layui-btn-mini">固定来源</a>
    {{#  } else { }}
    非固定来源
    {{#  } }}
</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();
                    }
                });
            });

            //回车键触发搜索
            $(document).keyup(function(event){
                if(event.keyCode ==13){
                    $("#search").trigger("click");
                }
            });

            // 导出按钮
            $("#export").click(function(){
                var brand_id = $('#brand_id').val();
                var brandclass = $("#sel_brand select[name=brand_id] option:selected").html();
                //var brandclass = '{$Think.get.brand_id}';
                location.href = "exportKsEveryMonth?brand_id="+brand_id+'&brandclass='+brandclass;
            })

        });
    });

</script>
{/block}