{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: 15px 30px;
	}

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

	.layui-form-item {
		width: 100%;
	}

	.layui-form-item .layui-inline {
		display: block;
		float: left;
		width: 145px;
		height: 38px;
		line-height: 38px;
		background: #FFFFFF;
		margin-right: 5px;
	}

	.layui-form-item .layui-input-inline {
		width: 145px;
		height: 38px;
		line-height: 38px;
		margin-bottom: 0;
	}

	.layui-form-item .layui-input-inline .layui-input {
		border: 1px solid #9DB6CF;
		border-radius: 5px;
	}

	.layui-form-select dl dd.layui-this {
		background-color: #249EFB;
	}

	.layui-form-item div.searchBox {
		width: 320px;
		background: #FFFFFF;
		border: 1px solid #B6CADE;
		border-radius: 24px;
		height: 38px;
		overflow: hidden;
		padding-left: 18px;
		position: relative;
		margin-bottom: 0px;
		float: right;
	}

	.searchBox .inputBox {
		width: 240px;
		float: left;
		height: 36px;
		line-height: 36px;
		border-width: 0;
	}

	.searchBtn {
		position: absolute;
		top: 0;
		right: 0;
		width: 51px;
		height: 38px;
		background-color: #fff;
	}

	.searchBtn img {
		position: absolute;
		width: 26px;
		top: 6px;
		left: 0;
	}

	.layui-btn.layui-btn-success {
		background-color: #009688;
	}

	.layui-card-body {
		padding: 0px;
		box-shadow: none;
	}

	.layui-card-header {
		padding: 0px 0px 15px !important;
	}
</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 clearfix">
				<div class="layui-inline searchBox">
					<input type="text" name="keyword" placeholder="请输入搜索关键字" autocomplete="off"
						class="layui-input inputBox keyword">
					<button class="layui-btn layuiadmin-btn-useradmin searchBtn" lay-submit
						lay-filter="customer-search">
						<img src="/static/layuiadmin//image/sous.png" alt="">
					</button>
				</div>
			</div>
		</div>

		<div class="layui-card-body">
			<table lay-filter="commentdatalist" id="commentdatalist"></table>
		</div>
	</div>
</div>
{/block} {block name="js"}
<script type="text/html" id="score">
	{{# if(d.score != ''){ }}
		<span style="color: rgb(255 223 37);">{{d.score}}</span>
	{{# }else{ }}
		/
	{{# } }}
</script>
<script>
	layui.use(['form', 'table'], function () {
		var form = layui.form,
			table = layui.table,
			$ = layui.$;

		var class_id = '{:$class_id}';

		var field = {};
		form.on('submit(customer-search)', function (data) {
			var keyword = $('.keyword').val();
			field['keyword'] = keyword;
			//执行重载
			table.reload('commentdatalist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.render({
			elem: '#commentdatalist',
			url: "{:url('train/class_comment')}?class_id=" + class_id,
			page: true,
			height: 'full-120',
			cols: [
				[{
					type: 'numbers',
					field: 'id',
					title: '序号'
				},
				{
					field: 'addtime',
					title: '感悟时间'
				},
				{
					field: 'name',
					title: '感悟人'
				},
				{
					field: 'content',
					title: '感悟内容'
				},
				{
					title: '感悟等级',
					templet: '#score'
				},
				{
					field: 'thumb',
					title: '获赞'
				},
					// { title: '操作', templet: '#op' },
				]
			]
		});

	});
</script>

{/block}