{extend name="public/layout"/} {block name="title"}人员详情{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		background-color: #fff;
		min-width:750px;
	}
	
	.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%;
	}
	
	.data {
		margin-left: 60px;
		margin-top: 20px;
	}
	.data .view{
		margin-left: 100px;
	}
	.layui-card .table{
		border:1px solid #E6E6E6;
	}
	.returnbtn{margin-bottom: 20px;color: #269efb;display: block;cursor: pointer;}
	.lhkh_data .view{display: block;float:left;width: 33.33%;margin:0;}
</style>

<div class="layui-fluid">
	<a href='{:url("train/class_org_data")}?class_id={$class_id}&trainNumber={$dataurl.trainNumber}&completeCount={$dataurl.completeCount}&summaryCount={$dataurl.summaryCount}' class="returnbtn"><i class="layui-icon layui-icon-return"></i> 返回</a>
	<div class="layui-card" style="overflow-x: hidden;">
		<div class="table">
			<div class="layui-form-item data lhkh_data">
				<div class="layui-input-inline view" >
					培训：{$data.employeeCount}人
				</div>
				<div class="layui-input-inline view" >
					培训完：{$data.completeCount}人
				</div>
				<div class="layui-input-inline view" >
					写观看感：{$data.summaryCount}人
				</div>
			</div>
		</div>
	</div>

	<div class="">
		<table lay-filter="datalist" id="datalist"></table>
	</div>
</div>
{/block} {block name="js"}
<script>
	layui.use(['form', 'table'], function() {
		var form = layui.form,
			table = layui.table,
			$ = layui.$;

		var field = {};
		table.render({
			elem: '#datalist',
			url: "{:url('train/class_employee_data')}?class_id="+{$class_id}+"&org_id="+{$org_id},
			page: false,
			cols: [
				[{
						type: 'numbers',
						title: '序号',
						align:'center'
					},
					{
						title: '员工姓名',
						field: 'name',
						align:'center'
					},
					{
						title: '所属部门',
						field: 'org_name',
						align:'center'
					},
					{
						title: '学习进度',
						align:'center',
						templet:function(e){
							var str;
							if(e.done_percent!==null){
								str=e.done_percent + '%'
							}else{
								str= '0%'
							}
							return str;
						}
					},
					{
						title: '写观后感',
						// field: 'summary',
						align:'center',
						templet:function(e){
							var str;
							if(e.summary!==null){
								str=e.summary
							}else{
								str='无'
							}
							return str;
						}
					}
				]
			]
		});
	});
</script>

{/block}