crm/app/sys/view/building/group.html

{extend name="public/layout"/} {block name="title"}vr作品{/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">
							<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 type="text/html" id="show">
    <a class="layui-btn layui-btn-xs" lay-event="vrlink" >预览</a>
</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 = {};
		form.on('submit(LAY-app-contlist-search)', function (data) {
			var keyword = $('.keyword').val();
			field['keyword'] = keyword;
			//执行重载
			table.reload('checkCourseList', {
				where: field,
				page: {
					curr: 1
				}
			});
		});
		table.on('radio(checkCourseList)', function (obj) {
            console.log(obj.data)
			$('#hiddentext').val(JSON.stringify(obj.data));
		});

		table.render({
			elem: '#checkCourseList',
			url: "{:url('building/group')}?id="+"{$id}",
			where: field,
			cols: [
				[{
			
					fixed: true,
                    type: 'radio'
				},
				{
					type: 'numbers',
					field: 'id',
					title: '序号'
				},
				{
					field: 'name',
					title: '作品名称'
				},
				{
					field: 'show_url',
					title: '预览',
                    templet: '#show'
				}
				]
			],
			page: true,
			limit: 10,
			height: 'full-130'
		});

         //监听列表
         table.on('tool(checkCourseList)', function (obj) {
            switch (obj.event) {
                case 'vrlink':
                    window.open(obj.data.show_url,"_blank", "scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes")
                    break;
            }
        })

	});
</script>

{/block}