{extend name="public/layout"/} {block name="title"}装修推荐官客户列表{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		background-color: #fff;
	}

	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}

	.layui-fluid {
		display: block;
		border-radius: 5px;
		background-color: #ffffff;
		padding: 15px 30px;
	}

	.layui-tab {
		padding: 15px;
		height: 100%;
	}

	.layui-form-item {
		width: 100%;
	}
</style>
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-body">
			<table lay-filter="checkTrainPlan" id="checkTrainPlan"></table>
		</div>
	</div>
</div>
{/block} {block name="js"}
<script type="text/html" id="pattern">
	<span>{{d.pattern==0?'日期模式':'闯关模式'}}</span>
</script>
<script type="text/html" id="trainTime">
	<span>{{d.start_date + ' - ' + d.end_date}}</span>
</script>
<script type="text/html" id="name">
	{{# if(d.name){ }}
		<span>{{d.name}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="addtime">
	{{# if(d.addtime){ }}
		<span>{{d.addtime}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script type="text/html" id="daodiantime">
	{{# if(d.daodiantime){ }}
		<span>{{d.daodiantime}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">未到店</span>
	{{# } }}
</script>
<script type="text/html" id="jiaodingtime">
	{{# if(d.jiaodingtime){ }}
		<span>{{d.jiaodingtime}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">未交定</span>
	{{# } }}
</script>
<script type="text/html" id="qiandantime">
	{{# if(d.qiandantime){ }}
		<span>{{d.qiandantime}}</span>
	{{# }else{ }}
        <span style="color: #cccccc;">未签合同</span>
	{{# } }}
</script>
<script type="text/html" id="all_integral">
	{{# if(d.all_integral){ }}
		<span>{{d.all_integral}}</span>
	{{# }else{ }}
		<span style="color: #cccccc;">0</span>
	{{# } }}
</script>
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table', 'layedit', 'element'], function () {
		var $ = layui.$,
			table = layui.table,
			element = layui.element,
			form = layui.form;

		var field = {};
        var root_id = '{$employee.root_id}';
        var jiaoding = '定金'; 
        var qiandan = '合同';
		form.on('submit(LAY-app-contlist-search)', function (data) {
			var pattern = $('.pattern').val();
			var keyword = $('.keyword').val();

			field['pattern'] = pattern;
			field['keyword'] = keyword;
			//执行重载
			table.reload('checkTrainPlan', {
				where: field,
				page: {
					curr: 1
				}
			});
		});

		table.render({
			elem: '#checkTrainPlan',
			url: "{:url('agents/agent_customer_list')}?agentid={$agentid}",
			cols: [
				[
				{
					type: 'numbers',
					field: 'id',
					title: '序号'
				},
				{
					field: 'title',
					title: '装修推荐官客户',
					templet: '#name'
				},
				{
					field: 'employee_count',
					title: '报备时间',
					templet: '#addtime'
				},
                {
					title: '到店时间',
					field: 'employee_count',
					templet: '#daodiantime'
				},
                {
					field: 'employee_count',
					title: jiaoding+'时间',
					templet: '#jiaodingtime'
				},
                {
					field: 'employee_count',
					title: qiandan+'时间',
					templet: '#qiandantime'
				},
                {
					field: 'employee_count',
					title: '已产出积分',
					templet: '#all_integral'
				}
				]
			],
			page: true,
			limit: 10,
			height: 'full-60'
		});

	});
</script>

{/block}