crm/app/sys/view/camp/reselect_train_plan.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="pattern" lay-filter="slt" class="pattern">
								<option value="">全部</option>
								<option value="0">日期模式</option>
								<option value="1">闯关模式</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="checkTrainPlan" id="checkTrainPlan"></table>
			<input type="hidden" name="course_id" id="course_id" value="" />
		</div>
		<input type="hidden" id="hiddentext" />
	</div>
</div>
{/block} {block name="js"}
<script type="text/html" id="pattern">
	<span>{{d.pattern==0?'日期模式':'闯关模式'}}</span>
</script>
<script type="text/html" id="trainTime">
	<span>{{d.start_date + ' - ' + d.end_date}}</span>
</script>
<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}",type: 1};
		form.on('submit(LAY-app-contlist-search)', function (data) {
			var pattern = $('.pattern').val();
			var keyword = $('.keyword').val();

			field['pattern'] = pattern;
			field['keyword'] = keyword;
			//执行重载
			table.reload('checkTrainPlan', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.on('radio(checkTrainPlan)', function (obj) {
			var text = $('#hiddentext').val() ? JSON.parse($('#hiddentext').val()) : {};
			var checkStatus = table.checkStatus('checkTrainPlan');
			var checkboxlist = checkStatus.data;
			checkboxlist.forEach(function (item, index) {
				text[item.id] = item.title;
			})
			$('#hiddentext').val(JSON.stringify(checkboxlist));
		});

		table.render({
			elem: '#checkTrainPlan',
			url: "{:url('camp/list')}",
			where: field,
			cols: [
				[{
					type: 'radio',
					fixed: true
				},
				{
					type: 'numbers',
					field: 'id',
					title: '序号'
				},
				{
					field: 'title',
					title: '训练计划'
				},
				{
					field: 'employee_count',
					title: '训练人数'
				},
                {
					title: '训练模式',
					templet: '#pattern',
				},
                {
					templet: '#trainTime',
					title: '训练时间'
				}
				]
			],
			page: true,
			limit: 10,
			height: 'full-130'
		});

	});
</script>

{/block}