{extend name="Public/base"/}
{block name="js"}
<script src="__PUBLIC__/js/echarts.online.js?v={$Think.const.APP_VERSION}"></script>
<script>
	$(function(){
		$(".nul_bli").eq(3).find(".navb").addClass("active");
//		$(".navb.active").parent().find(".nul_s .nul_sli").eq(3).find(".navs").addClass("active");
	})
</script>
{/block}
{block name="css"}
<style>
	.layui-form .layui-table th {
		text-align: center;
	}
	.layui-form .layui-table{
		width: 50%;
	}
</style>
<link rel="stylesheet" href="__PUBLIC__/item/css/layui.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/set.css?v={$Think.const.APP_VERSION}">
<link rel="stylesheet" href="__PUBLIC__/css/statistics.css?v={$Think.const.APP_VERSION}">
{/block}
{block name="main"}
<div class="if_wrap">
    <div class="cus-con">
        <div class="set_tit"><span>{$title}(默认查询当天)</span></div>
		<div class="set-top layui-form layui-form-item">
            <div class="tj-block">
                <label style="width:70px;" class="layui-form-label mkz_t1">消费类型：</label>
                <div class="layui-input-inline" style='width:160px; margin-right:0px;'>
                    <select name="consultation_type_id" id="consultation_type_id" lay-filter="consultation_type_id" lay-search="">
                        <option value="">请选择</option>
                        {volist name="consumptionType" id="ct"}
                        <option value="{$ct.id}"{if $Think.const.HS_TYPE eq $ct.id}selected{/if}>{$ct.consumption_name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="tj-block">
                <label style="width:70px;" class="layui-form-label mkz_t1">部门：</label>
                <div class="layui-input-inline" style='width:160px; margin-right:0px;'>
                    <select name="department_id" id="department_id" lay-filter="department_id" lay-search="">
                        <option value="">请选择</option>
                        {volist name="department" id="ct"}
                        <option value="{$ct.id}">{$ct.department_name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="tj-block">
                <label style="width:70px;" class="layui-form-label mkz_t1" style="width:50px;">开始时间：</label>
                <div class="layui-input-inline" style='width:160px; margin-right:0px;'>
                    <input type="text" class="layui-input" id="start" placeholder="" readonly="readonly" value="">
                </div>
            </div>
            <div class="tj-block">
                <label style="width:70px;" class="layui-form-label mkz_t1" style="width:50px;">结束时间：</label>
                <div class="layui-input-inline" style='width:160px; margin-right:0px;'>
                    <input type="text" class="layui-input" id="end" placeholder="" readonly="readonly" value="">
                </div>
            </div>
            <input type="hidden" id="did" value="{$did}">
            <div class="layui-input-inline tj-block" style='width:300px;'>
                <button class="layui-btn layui-btn-primary cus-model-btn" id="sub" >
                    查询
                </button>
                <button class="layui-btn layui-btn-primary cus-model-btn" id="export" >
                    <i class="iconfont"></i> 导出
                </button>
            </div>
        </div>
        <table class="layui-table" lay-data="{height:700,url:'', id:'idTest', skin: 'row', even: true,loading:true}" lay-filter="demo">
            <thead>
            <tr>
                <!--<th lay-data="{width: 60,field:'id',align:'center',templet: '#titleTpl'}">序号</th>-->
                <th lay-data="{width:150,field:'staff',align:'center',sort:true}">员工</th>
                <th lay-data="{width:150,sort:true,field:'mkz',align:'center',sort:true}">总录入</th>
                <th lay-data="{width:150,sort:true,field:'valid',align:'center',sort:true}">有效获取</th>
                <th lay-data="{width:150,sort:true,field:'tel',align:'center',sort:true}">首次有效获取手机</th>
                <th lay-data="{width:150,sort:true,field:'wx',align:'center',sort:true}">首次有效获取微信</th>
                <th lay-data="{width:150,sort:true,field:'qq',align:'center',sort:true}">首次有效获取QQ</th>
                <th lay-data="{width:150,sort:true,field:'dd',align:'center',sort:true}">待定</th>
                <th lay-data="{width:150,sort:true,field:'unvalid',align:'center',sort:true}">无效</th>
                <th lay-data="{width:150,sort:true,field:'bh',align:'center',sort:true}">驳回</th>
                <th lay-data="{width:150,sort:true,field:'fbh',align:'center',sort:true}">反驳回</th>
            </tr>
            </thead>
        </table>
	</div>
</div>
<script type="text/javascript">
    // 表格
    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function(){
        var laydate  = layui.laydate, //日期
                laypage  = layui.laypage //分页
        layer    = layui.layer, //弹层
                table    = layui.table, //表格
                carousel = layui.carousel, //轮播
                upload   = layui.upload, //上传
                element  = layui.element; //元素操作
    })
    //日历
    layui.use('laydate', function () {
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start'
            ,max:0
            ,format: 'yyyy-MM-dd'
            ,value:new Date()
        });
        laydate.render({
            elem: '#end'
            ,max:0
            ,format: 'yyyy-MM-dd'
            ,value:new Date()
        });
    });

// 查询按钮
$("#sub").click(function(){
	var start      = $('#start').val();
	var end      = $('#end').val();
	var did      = $('#did').val();
	var department_id      = $('#department_id').val();
    var consultation_type_id   = $('#consultation_type_id').val();
	var index = layer.load(1, {shade: false});
	// 重新载入表格
    table.reload('idTest', {
        url: '/crm/report/data',
        where: {id:'Ds_customer_data',did:did,start:start,end:end,consultation_type_id:consultation_type_id,department_id:department_id}, //设定异步数据接口的额外参数
        done: function(res, curr, count){
            layer.close(index);
        }
    });

});

// 导出按钮
$("#export").click(function(){
	var start      = $('#start').val();
	var end      = $('#end').val();
	var did      = $('#did').val();
	var department_id      = $('#department_id').val();

    var consultation_type_id   = $('#consultation_type_id').val();
	location.href = "/crm/Report/data.html?id=Ds_customer_data"+"&start="+start+"&need="+1+"&end="+end+"&consultation_type_id="+consultation_type_id+"&did="+did+"&department_id="+department_id;
})

</script>
{/block}