{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>

</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" method="get" action="">
            <div class="layui-form set-top layui-form-item">
                <label style="width:50px;" class="layui-form-label mkz_t1">事业部：</label>
                <div class="layui-input-inline" style="width: 155px;" id='sel_brand'>
                    <select name="brand_id" id="brand_id" lay-search="">
                        <option value="all">请选择</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}" {if condition="$brand_id eq $vo.id"}selected{/if}>{$vo.brandclass}</option>

                            {/if}
                        {/volist}
                    </select>
                </div>

                <label style="width:50px;" class="layui-form-label mkz_t1">阶段：</label>
                <div class="layui-input-inline" style="width: 155px;" id="sel_order_link">
                    <select name="order_link" id="order_link">
                        <option value="">请选择</option>
                        <option value="order" {if condition="$Think.get.order_link eq order"}selected{/if}>已订单</option>
                        <option value="photo" {if condition="$Think.get.order_link eq photo"}selected{/if}>已拍摄</option>
                        <option value="sp" {if condition="$Think.get.order_link eq sp"}selected{/if}>已选片</option>.
                        <option value="jg" {if condition="$Think.get.order_link eq jg"}selected{/if}>已校稿</option>.
                        <option value="qj" {if condition="$Think.get.order_link eq qj"}selected{/if}>已取件</option>
                    </select>
                </div>


                <div class="layui-input-inline" style="width: 155px;">
                    <input type="text" class="layui-input" name="start_time" value="{$Think.get.start_time}" id="start_time" placeholder="请选择开始时间" readonly>
                </div>
                <div class="layui-input-inline" style="width: 155px;">
                    <input type="text" class="layui-input" name="end_time" value="{$Think.get.end_time}" id="end_time" placeholder="请选择结束时间" readonly>
                </div>

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

        <div class="cus-table">
            <table class="layui-table" lay-data="{ url:'{:url('kf/Statistics/visitOrderInfo');}?brand_id={$Think.get.brand_id}&order_link={$Think.get.order_link}&start_time={$Think.get.start_time}&end_time={$Think.get.end_time}&visit_type={$Think.get.visit_type}', page:true,id:'idTest'}" lay-filter="demo">
                <thead>
                <tr id="order">
                    <th lay-data="{field:'orderId',align:'center',width:150}">单号</th>
                    <th lay-data="{field:'mname',align:'center',width:90}">先生</th>
                    <th lay-data="{field:'wname',align:'center',width:90}">女士</th>
                    <th lay-data="{field:'mphone',align:'center',width:120}">先生手机</th>
                    <th lay-data="{field:'wphone',align:'center',width:120}">女士手机</th>

                    {if condition="$Think.get.order_link eq order"}
                    <th lay-data="{field:'order_time',align:'center',width:120}">订单日期</th>
                    {elseif condition="$Think.get.order_link eq photo"}
                    <th lay-data="{field:'order_time',align:'center',width:120}">拍摄日期</th>
                    {elseif condition="$Think.get.order_link eq sp"}
                    <th lay-data="{field:'order_time',align:'center',width:120}">选片日期</th>
                    <th lay-data="{field:'bargain_money',align:'center',width:120}">一销金额</th>
                    <th lay-data="{field:'supplementary_money',align:'center',width:120}">二销金额</th>
                    <th lay-data="{field:'photo_time',align:'center',width:120}">拍照日期</th>
                    {elseif condition="$Think.get.order_link eq jg"}
                    <th lay-data="{field:'order_time',align:'center',width:120}">校稿日期</th>
                    {elseif condition="$Think.get.order_link eq qj"}
                    <th lay-data="{field:'order_time',align:'center',width:120}">取件日期</th>
                    {/if}

                    {if condition="$Think.get.order_link neq qj"}
                    <th lay-data="{field:'first_visit_time',align:'center',width:150}">第一次回访时间</th>
                    {/if}

                    {volist name='$visitObj' id='visit'}
                    <th lay-data="{field:'obj_{$visit.object_code}',align:'center',width:120}">{$visit.new_name}</th>
                        {if condition="$Think.get.is_score eq 1"}
                        <th lay-data="{field:'score_{$visit.object_code}',align:'center',width:120}">分数</th>
                        {/if}
                    {/volist}

                    {volist name='$question' id='qq'}
                    <th lay-data="{field:'answer_{$qq.id}',align:'center',width:200}">{$qq.question}</th>
                    {/volist}

                    <th lay-data="{field:'note',align:'center',width:400}">备注</th>
                </tr>

                </thead>
            </table>

        </div>


    </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','laydate','laypage'], function () {
            var table = layui.table, layer = layui.layer, form = layui.form;
            var laydate = layui.laydate,laypage = layui.laypage; //分页;

            // 开始时间
            laydate.render({
                elem: '#start_time'
                , format: 'yyyy-MM-dd'
                , trigger: 'click'
            });
            // 结束时间
            laydate.render({
                elem: '#end_time'
                , format: 'yyyy-MM-dd'
                , trigger: 'click'
            });


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

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

                var visit_type = $('#visit_type').val();
                var visit_type_name = $("#sel_visit_type select[name=visit_type] option:selected").html();
                var order_link=$('#order_link').val();
                var order_link_name = $("#sel_order_link select[name=order_link] option:selected").html();
                var start_time = $('#start_time').val();
                var end_time = $('#end_time').val();
                var is_score = $('#is_score').val();

                location.href = "exportVisitOrderInfo?brand_id="+brand_id+'&brandclass='+brandclass+'&visit_type='+visit_type+'&visit_type_name='+visit_type_name+'&order_link='+order_link+'&order_link_name='+order_link_name+'&start_time='+start_time+'&end_time='+end_time+'&is_score='+is_score;
            })
        });
    });

</script>
{/block}