crm/app/sys/view/train/done_log.html

{extend name="public/layout"/} {block name="title"}完成画像{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
		width: 100%;
		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: 0px 30px 15px;
	}
	
	.layui-form-label {
		width: auto;
	}
	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}
	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}
	.layui-card-body {
		padding: 0px;
	}
	.layui-card-header {
		padding: 0px;
	}
	.layui-form-item .layui-inline {
		margin-right: 0px;
	}
</style>
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-form layui-card-header layuiadmin-card-header-auto">
			<div class="layui-form-item">
				<div style="float:right;">
					<div class="layui-inline">
						<div class="layui-input-inline">
							<input type="text" name="keyword" placeholder="请输入姓名搜索" autocomplete="off" class="layui-input keyword">
						</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>
		</div>
		<div class="layui-card-body">
			<table lay-filter="datalist" id="datalist"></table>
		</div>
	</div>
</div>
{/block} {block name="js"}
<script type="text/html" id="headimgurl">
	{{# if(d.headimgurl){ }}
		<img src="{{d.headimgurl}}" alt="{{d.name}}" style="width: 30px;height: 30px;">
	{{# }else{ }}
		<span style="color: #cccccc;">无</span>
	{{# } }}
</script>
<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table'], function() {
		var $ = layui.$,
			table = layui.table,
			form = layui.form;

		var field = {};
		form.on('submit(LAY-app-contlist-search)', function(data) {
			var keyword = $('.keyword').val();

			field['keyword'] = keyword;
			//执行重载
			table.reload('datalist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		
		//页面渲染参数
		var type = '{:$type}';
		var class_id = '{:$class_id}';

		table.render({
			elem: '#datalist',
			url: "{:url('train/doneLog')}?type="+type+"&class_id="+class_id,
			page: true,
			height: 'full-120',
			cols: [
				[{
						type: 'numbers',
						field: 'id',
						title: '序号'
					},
					{
						templet: '#headimgurl',
						title: '头像'
					},
					{
						field: 'name',
						title: '姓名'
					},
					{
						field: 'done_percent',
						title: '进度（%）'
					},
				]
			]
		});
		table.on('tool(datalist)', function(obj) {

		});

		$('.layui-btn.layuiadmin-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});
</script>

{/block}