scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
							{extend name="public/layout"/} {block name="title"}课程感悟列表{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
	}

	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
		box-sizing: border-box;
	}

	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}

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

	.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: 16px;
	}

	.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-form-label {
		width: auto;
	}

	.layui-btn-primary {
		color: #249EFB;
		border: 1px solid #249EFB;
	}

	.layui-btn-primary:hover {
		background-color: #E3F7FF;
		color: #249EFB;
	}

	.layui-table-page>div {
		display: flex;
		justify-content: flex-start;
	}
	.layui-btn-xs,.layui-btn-xs:hover {
		border: 1px solid #249EFB;
		background-color: #fff;
		color: #249EFB;
		padding: 0px 10px;
	}
	.layui-btn-danger,.layui-btn-danger:hover{
		color: #FF5722;
		background-color: #fff;
		border: 1px solid #FF5722;
		padding: 0px 10px;
	}
	.ml10 {
		margin-left: 10px;
	}
</style>
<body>
<div class="layui-fluid">
	<div class="layui-card">
		<div class="layui-card-header layuiadmin-card-header-auto" style="padding: 15px 15px 20px;">
			<div class="layui-form">
				<div class="layui-inline" style="margin-right: 0px;">
					<div class="layui-input-inline">
						<select name="company_name_id" lay-filter="type" id="company_name_id">
							<option value="">请选择店面</option>
							{volist name="data" id="t"}
							<option value="{$t.root_id}">{$t.company_name}</option>
							{/volist}
						</select>
					</div>
				</div>
				<div class="layui-inline">
					<div class="layui-input-inline">
						<input type="text" name="keyword" id="keyword" placeholder="请输入关键字" autocomplete="off" class="layui-input">
					</div>
				</div>

				<div class="layui-inline ml10">
					<button class="layui-btn layuiadmin-btn-list" lay-submit
					lay-filter="customer-search">
						<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
					</button>
				</div>
			</div>
		</div>
		<div class="layui-card-body" style="text-align: center;">
			<table id="commentdatalist" lay-filter="commentdatalist"></table>
		</div>
	</div>
</div>
</body>

{/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();
			var company_name_id = $('#company_name_id').val();
			field['keyword'] = keyword;
			field['company_name_id'] = company_name_id;
			//执行重载
			table.reload('commentdatalist', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.render({
			elem: '#commentdatalist',
			url: "{:url('train/groupComment')}?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: '获赞'
				},
				]
			]
		});

	});
</script>

{/block}