{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%;
	}
	
	.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;}
</style>

<div class="layui-fluid">
	<div class="layui-card" style="overflow-x: hidden;">
		<div class="table">
			<div class="layui-form-item data">
				<div class="layui-input-inline view" id="trainNumber">
					
				</div>
				<div class="layui-input-inline view" id="completeCount">
					
				</div>
				<div class="layui-input-inline view" id="summaryCount">
					
				</div>
			</div>
			<div class="layui-form-item data">
				<div class="layui-input-inline view" id="studyGDP">

				</div>
				<div class="layui-input-inline view" id="summaryGDP">

				</div>
				<div class="layui-input-inline view" id="earnestGDP">

				</div>
			</div>
			<hr />
			<div class="layui-form-item data">
				<div class="layui-input-inline view" id="max_org">
					
				</div>
				<div class="layui-input-inline view" id="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="$data" id="v"}
									<option value="{$v.root_id}">{$v.company_name}</option>
									{/volist}
								</select>
							</div>
						</div>
						</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('select(org_id)', function (data) {
			form.render();
			table.reload('datalist', {
				where: {org_id:data.value}
			});
			return false;
	    });
	    
		table.render({
			elem: '#datalist',
			url: "{:url('train/groupOrgData')}?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')}?from=jituan&class_id={$class_id}&org_id="+e.id+"'>"+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'
					}
				]
			],
			done: function(res, curr, count){
				$('#trainNumber').html('培训：'+ res.trainNumber +'人');
				$('#completeCount').html('培训完：'+ res.completeCount +'人');
				$('#summaryCount').html('写观看感：'+ res.summaryCount +'人');
				$('#studyGDP').html('学习完成率：'+ res.studyGDP +'%');
				$('#summaryGDP').html('写观后感率：'+ res.summaryGDP +'%');
				$('#earnestGDP').html('认真完成率：'+ res.earnestGDP +'%');
				$('#max_org').html('认真率最高部门：'+ res.max_org);
				$('#min_org').html('认真率最低部门：'+ res.min_org);
			}
		});
		
		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>

{/block}