crm/app/sys/view/camp/class_choice_course.html

{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%;
	}
</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" lay-filter="slt" class="type">
								<option value="">全部</option>
								<option value="order">顺序学习</option>
								<option value="free">自由学习</option>
							</select>
						</div>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<select name="category" lay-filter="slt" class="category">
								<option value="">全部</option>
								<option value="compulsory">必修</option>
								<option value="elective">选修</option>
							</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 = {camp_id: "{$camp_id}",taskIds: "{$taskIds}"};
		form.on('submit(LAY-app-contlist-search)', function (data) {
			var type = $('.type').val();
			var category = $('.category').val();
			var keyword = $('.keyword').val();

			field['type'] = type;
			field['category'] = category;
			field['keyword'] = keyword;
			//执行重载
			table.reload('checkCourseList', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.on('checkbox(checkCourseList)', function (obj) {
			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;
			})
			$('#hiddentext').val(JSON.stringify(checkboxlist));
		});

		table.render({
			elem: '#checkCourseList',
			url: "{:url('camp/train_class')}",
			where: field,
			cols: [
				[{
					checkbox: true,
					fixed: true
				},
				{
					type: 'numbers',
					field: 'id',
					title: '序号'
				},
				{
					field: 'title',
					title: '课程名称'
				},
				{
					field: 'des',
					title: '描述'
				}
				]
			],
			page: true,
			limit: 10,
			height: 'full-130'
		});

	});
</script>

{/block}