{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;
	}
	.bmbtns{color: #269efb}
	.bmbtns:hover{color:#777 !important;}
	.lhkh_data .view{display: block;float:left;width: 33.33%;margin:0;}
</style>

<div class="layui-fluid">
	<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.trainNumber}人
				</div>
				<div class="layui-input-inline view" >
					培训完：{$data.completeCount}人
				</div>
				<div class="layui-input-inline view" >
					写观看感：{$data.summaryCount}人
				</div>
			</div>
			<div class="layui-form-item data lhkh_data">
				<div class="layui-input-inline view" >
					学习完成率：{$data.studyGDP}%
				</div>
				<div class="layui-input-inline view" >
					写观后感率：{$data.summaryGDP}%
				</div>
				<div class="layui-input-inline view" >
					认真完成率：{$data.earnestGDP}%
				</div>
			</div>
			<hr />
			<div class="layui-form-item data lhkh_data">
				<div class="layui-input-inline view" >
					认真率最高部门：{$data.max_org}
				</div>
				<div class="layui-input-inline view" >
					认真率最低部门：{$data.min_org}
				</div>
			</div>
		</div>
		
		</div>
		<div class="layui-card-body" style="padding: 0px 0px 10px;">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto" style="padding: 15px 0px;">
				<div class="layui-form-item">
					<div>
						<div class="layui-inline" >
							<div class="layui-input-inline">
								<select name="org_id" lay-filter="org_id" class="org_id">
									<option value="">部门筛选</option>
									{volist name="$org" id="v"}
									<option value="{$v.id}">{$v.name}</option>
									{/volist}
								</select>
							</div>
						</div>
						<!--<div class="layui-inline">
							<div class="layui-input-inline">
								<select name="study_state" lay-filter="study_state" class="study_state">
									<option value="">状态筛选</option>
									<option value="1">已学完</option>
									<option value="2">未学完</option>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<div class="layui-input-inline">
								<select name="view_state" lay-filter="view_state" class="view_state">
									<option value="">全部</option>
									<option value="1">有观后感</option>
									<option value="2">无观后感</option>
								</select>
							</div>
						</div>-->
						<!--<div class="layui-inline">
							<button class="layui-btn layuiadmin-btn" lay-submit lay-filter="LAY-app-contlist-search">
							<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
						</button>-->
						</div>
					</div>
				</div>
			<table lay-filter="datalist" id="datalist"></table>
		</div>
</div>
{/block} {block name="js"}
<script type="text/html" id="summaryCountDGP">
	{{d.summaryCountDGP}}%
</script>
<script type="text/html" id="summaryCountDGP">
	{{d.summaryCountDGP}}%
</script>
<script type="text/html" id="earnestDGP">
	{{d.earnestDGP}}%
</script>
<script type="text/html" id="studyDGP">
	{{d.studyDGP}}%
</script>
<script>
	layui.use(['form', 'table'], function() {
		var form = layui.form,
			table = layui.table,
			$ = layui.$;

		var field = {};
		/*form.on('submit(LAY-app-contlist-search)', function(data) {
			var org_id = $('.org_id').val();
			var study_state = $('.study_state').val();
			var view_state = $('.view_state').val();
			
			field['org_id'] = org_id;
			field['study_state'] = study_state;
			field['view_state'] = view_state;
			//执行重载
			table.reload('datalist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});*/
		form.on('select(org_id)', function (data) {
			form.render();
		    table.reload('datalist', {
		        where: {org_id:data.value}
		        ,page: {curr:1}
		    });
	      	return false;
	    });
	    form.on('select(study_state)', function (data) {
	    	form.render();
		    table.reload('datalist', {
		        where: {study_state:data.value}
		        ,page: {curr:1}
		    });
	      	return false;
	    });
	    form.on('select(view_state)', function (data) {
	    	form.render();
		    table.reload('datalist', {
		        where: {view_state:data.value}
		        ,page: {curr:1}
		    });
	      	return false;
	    });
		table.render({
			elem: '#datalist',
			url: "{:url('train/class_org_data')}?class_id="+{$class_id},
			page: false,
			cols: [
				[{
						type: 'numbers',
						field: 'id',
						title: '序号'
					},
					{
						title: '部门',
						templet:function(e){
							var str;
							str="<a class='bmbtns' href='{:url('train/class_employee_data')}?class_id={$class_id}&org_id="+e.id+"&trainNumber={$data.trainNumber}&completeCount={$data.completeCount}&summaryCount={$data.summaryCount}'>"+e.name+"</a>"
							return str;
					}},
					{
						title: '总学习人数',
						field: 'trainNumber'
					},
					{
						title: '已学完',
						field: 'completeCount',
					},
					{
						title: '未学完',
						field: 'noFinishCount',
					},
					{
						title: '写观看感',
						field: 'summaryCount',
					},
					{
						title: '学习完成率',
						templet: '#studyDGP',
					},
					{
						title: '观看感完成率',
						templet: '#summaryCountDGP'
					},
					{
						title: '认真完成率',
						templet: '#earnestDGP'
					}
				]
			]
		});
		
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>

{/block}