{extend name="public/layout"/} {block name="title"}课件筛选列表{/block} {block name="body"}
<style type="text/css">
	html,
	body {
		display: block;
	}
	
	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}
	
	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}
	
	.layui-tab {
		padding: 15px;
		height: 100%;
	}
	
	.layui-form-item {
		width: 100%;
	}
</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>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<select name="type_id" lay-filter="slt" class="type_id" lay-search>
								<option value="">场景筛选</option>
								{volist name="type" id="i"}
								<option value="{$i.id}">{$i.type}</option>
								{/volist}
							</select>
						</div>
					</div>
					<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="checkCourseList" id="checkCourseList"></table>
			<input type="hidden" name="course_id" id="course_id" value="" />
		</div>
		<input type="hidden" id="hiddentext"  />
	</div>
</div>
{/block} {block name="js"}

<script>
	layui.config({
		base: '__LAYUI__/',
		urlbase: '/sys'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'table', 'layedit', 'element'], function() {
		var $ = layui.$,
			table = layui.table,
			element = layui.element,
			form = layui.form;

		var field = {};
		var course_id = '{:$course_id}';
		form.on('submit(LAY-app-contlist-search)', function(data) {
			var type_id = $('.type_id').val();
			var keyword = $('.keyword').val();
			
			field['type_id'] = type_id;
			field['keyword'] = keyword;
			//执行重载
			table.reload('checkCourseList', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.on('checkbox(checkCourseList)', function(obj){
//			if(obj.type=="all"){
//				layer.msg('不支持全选', {time: 1000},function(){
//                  table.reload('checkCourseList');
//					return false;
//              });
//			}
			
			var text=$('#hiddentext').val()?JSON.parse($('#hiddentext').val()):{};
			var checkStatus = table.checkStatus('checkCourseList');
			var checkboxlist = checkStatus.data;
			checkboxlist.forEach(function(item,index){
					text[item.id]=item.title;
			})
			
//			if(obj.checked){
//				text[obj.data.id]=obj.data.title;
//			}else if(!obj.checked){
//				delete text[obj.data.id]
//			}
			$('#hiddentext').val(JSON.stringify(text));
		});
		

		table.render({
			elem: '#checkCourseList',
			url: "{:url('train/class_choice_course')}?course_id=" + course_id,
			cols: [
				[{
						checkbox: true, 
						fixed: true
					},
					{
						type: 'numbers',
						field: 'id',
						title: '序号'
					},
					{
						field: 'title',
						title: '课件标题'
					},
					{
						field: 'type_id',
						title: '场景'
					}
				]
			],
			page: true
		});

	});
</script>

{/block}