{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:70px;" class="layui-form-label mkz_t1">专业/服务：</label>
                <div class="layui-input-inline">
                    <select name="visit_type" id="visit_type" lay-filter="visit_type" lay-search="">
                        <option value="professional_score" {if condition="$Think.get.visit_type eq 'professional_score' "}selected{/if}>专业</option>
                        <option value="service_score" {if condition="$Think.get.visit_type eq 'service_score' "}selected{/if}>服务</option>
                    </select>
                </div>

                <label style="width:70px;" class="layui-form-label mkz_t1">评价：</label>
                <div class="layui-input-inline">
                    <select name="score" id="score" lay-filter="score" lay-search="">
                        <option value="3" {if condition="$Think.get.score eq 3 "}selected{/if}>超期</option>
                        <option value="2" {if condition="$Think.get.score eq 2 "}selected{/if}>达到</option>
                        <option value="1" {if condition="$Think.get.score eq 1 "}selected{/if}>低于</option>
                    </select>
                </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>

        <table class="layui-table" lay-data="{height:680,page:false,limit:100,url:'/kf/statistics/departmentBrand.html?visit_type={$Think.get.visit_type}&score={$Think.get.score}', id:'idTest'}" lay-filter="demo">
            <thead>
            <tr>

                <th lay-data="{field:'department_name', width:90}" rowspan="3">部门</th>
                <th lay-data="{align:'center'}" colspan="2">集团</th>
                <th lay-data="{align:'center'}" colspan="{$countBrand}">事业部对比</th>

            </tr>
            <tr>
                <th lay-data="{field:'company', width:100}" rowspan="2">本年</th>
                <th lay-data="{field:'last_company', width:100}" rowspan="2">去年同期</th>
                {volist name='brand' id='vo'}
                <th lay-data="{align:'center'}"  colspan="2">{$vo.brandclass}</th>
                {/volist}
            </tr>
            <tr>
                {volist name='brand' id='br'}
                <th lay-data="{field:'brand_{$br.id}', width:100}">本年</th>
                <th lay-data="{field:'last_brand_{$br.id}', width:100}">同期</th>
                {/volist}
            </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 visit_type = $("#visit_type").val();
                var score = $("#score").val();
                location.href = "exportDepartmentBrand?visit_type="+visit_type+'&score='+score;
            })

        });
    });

</script>
{/block}