{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");
    });
    var staff_name = "{$Think.session.staff_name}";
    var colModel = "{$colModel}";
    var colNames = "{$colNames}";
</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" action="visitSameTime" method="post" 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='$detail.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="visit_type" id="visit_type" lay-filter="visit_type" lay-search="">
                <option value="professional_score" {if condition="$detail.values eq 'professional_score' "}selected{/if}>专业</option>
                <option value="service_score" {if condition="$detail.values 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="$detail.score eq 3 "}selected{/if}>超期</option>
                        <option value="2" {if condition="$detail.score eq 2 "}selected{/if}>达到</option>
                        <option value="1" {if condition="$detail.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" id="list-admin" lay-even>
            <thead>
            <tr id="titles">
                {$titles}
            </tr>
            </thead>
            <tbody>
            {$dataList}
            </tbody>
        </table>


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

                <!--{volist name='titles' id='ti'}-->
                <!--<th lay-data="{field:'{$ti.column}', width:90}" >{$ti.name}</th>-->
                <!--{/volist}-->
                <!--&lt;!&ndash;<th lay-data="{align:'center'}" >投诉来源</th>&ndash;&gt;-->
                <!--&lt;!&ndash;<th lay-data="{align:'center'}" colspan="{$countComplain}">投诉分类</th>&ndash;&gt;-->
                <!--&lt;!&ndash;<th lay-data="{align:'center'}" colspan="3">投诉支出</th>&ndash;&gt;-->
                <!--&lt;!&ndash;<th lay-data="{align:'center'}" colspan="2">二次满意度</th>&ndash;&gt;-->
                <!--&lt;!&ndash;<th lay-data="{field:'countNumber', width:60}" rowspan="2">合计</th>&ndash;&gt;-->
            <!--</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 visit_type = $("#visit_type").val();
                var score = $("#score").val();
                location.href = "exportVisitContrast?brand_id="+brand_id+'&brandclass='+brandclass+'&visit_type='+visit_type+'&score='+score;
            })

        });
    });

</script>
{/block}