{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">
			<label style="width:70px;" class="layui-form-label mkz_t1">消费类型：</label>
			<div class="layui-input-inline">
				<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>
            <label style="width:70px;" class="layui-form-label mkz_t1" style="width:50px;">时间：</label>
            <div class="layui-input-inline">
				<select name="time" id="time1">
                    <option value="yestoday">昨天</option>
                    <option value="week">本周</option>
                    <option value="last_week">上周</option>
                    <option value="month">本月</option>
				</select>
            </div>
            <input type="hidden" id="did" value="{$did}">
			<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>
        <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,sort:true,field:'cost',align:'center'}">花费</th>
                <th lay-data="{width:80,sort:true,field:'mkz',align:'center'}">毛客资</th>
                <th lay-data="{width:80,sort:true,field:'valid',align:'center'}">有效获取</th>
                <th lay-data="{width:80,sort:true,field:'tel',align:'center'}">获取手机</th>
                <th lay-data="{width:80,sort:true,field:'jd',align:'center'}">进店</th>
                <th lay-data="{width:80,sort:true,field:'succ',align:'center'}">新单</th>
                <th lay-data="{width:150,sort:true,field:'total',align:'center'}">一销套系</th>
                <th lay-data="{width:150,sort:true,field:'fact',align:'center'}">一销营收</th>
                <th lay-data="{width:80,sort:true,field:'succAVG',align:'center'}">成交平均</th>
                <th lay-data="{width:80,sort:true,field:'obtain',align:'center'}">获取成本</th>
                <th lay-data="{width:80,sort:true,field:'succObtain',align:'center'}">成交成本</th>
                <th lay-data="{width:200,sort:true,field:'validOrderRate',align:'center'}">转换率(有效订单/有效客资)</th>
                <th lay-data="{width:120,sort:true,field:'mkzRate',align:'center'}">毛客资转换率</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; //元素操作
    })

// 查询按钮
$("#sub").click(function(){
	var time      = $('#time1').val();
	var did      = $('#did').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_data',did:did,time:time,consultation_type_id:consultation_type_id}, //设定异步数据接口的额外参数
        done: function(res, curr, count){
            layer.close(index);
        }
    });

});

// 导出按钮
$("#export").click(function(){
	var time      = $('#time1').val();
	var did      = $('#did').val();
	var consultation_type_id      = $('#consultation_type_id').val();

	location.href = "/crm/Report/data.html?id=ds_data"+"&time="+time+"&need="+1+"&consultation_type_id="+consultation_type_id+"&did="+did;
})

</script>
{/block}