check_management.jsp 9.19 KB
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/pages/common/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>监审管理 | <f:message key="common.title" /></title>
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<%@ include file="/pages/common/css.jsp"%>
<style type="text/css">
.divcss5 {
	border: 1px solid #00ff00;
	width: 200px;
	height: 100px
}

.divcss {
	border: 1px solid #F00;
	width: 300px;
	height: 520px
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}

#main_box {
	/*正文区大容器*/
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background: #EFEFEF;
}

.row {
	/*定义每行*/
	width: 100%;
	clear: both;
}

.left3 {
	/*用在五列布局上*/
	border: 1px solid #00ff00;
	width: 25%;
	height: 150px;
	background: #888;
	float: left;
}

.middle {
	width: 470px;
	background: #6699CC;
	float: left;
}

.divleft {
	width: 21%;
	height: 600px;
	float: left;
}

.divright {
	width: 77%;
	height: 600px;
	float: right;
}

.leftTop {
	width: 100%;
	height: 340px;
	background: #6600CC;
	float: right;
}

.leftBootom {
	width: 100%;
	height: 250px;
	float: right;
}
</style>
</head>
<body class="skin-blue  fixed ">
	<div class="wrapper">
		<%@ include file="/pages/common/top.jsp"%>
		<%@ include file="/pages/common/left.jsp"%>
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>
					监审管理<small><a href="../../live/preload"><i
							class="fa fa-plus"></i>直播监审</a> </small> <small class="label label-warning"
						style="display: none" id="info_tab_span"><i
						class="fa fa-bell-o"></i></small>
				</h1>

				<ol class="breadcrumb">
					<li><a><i class="fa fa-dashboard"></i> 首页</a></li>
					<li class="active">监审管理</li>
				</ol>
			</section>
			<!-- Main content -->
			<section class="content">
				<div class="row">

					<div class="col-xs-12">
						<div class="box  box-warning">
							<div class="box-header with-border">
								<h3 class="box-title"></h3>
								<div class="box-tools">
									<div class="input-group">
										<div class="box-footer clearfix">
											<center>
												<tag:pager2 id="product_pager" pager="${tLive}" />
											</center>
										</div>
									</div>
								</div>
							</div>
							<!-- /.box-header -->
							<div class="box-body">

								<div class="divleft">
									<div class="leftTop" id="leftTopPlay"></div>
									<div class="leftBootom">

										<table class="table table-bordered">

											<h4>直播活动详情:</h4>

											<tr>
												<th width="30%">活动名称</th>
												<th id="live_name"></th>

											</tr>
											<tr>
												<th width="30%">开始时间</th>
												<th id="start_time"></th>
											</tr>
											<tr>
												<th width="30%">结束时间</th>
												<th id="end_time"></th>
											</tr>
											<tr>
												<th width="30%">活动简述</th>
												<th id="live_desper"></th>
											</tr>
											<tr>
												<th width="30%">live_url</th>
												<th id="live_url"></th>
											</tr>
											<tr>
												<th width="30%">活动简述</th>
												<th id=""></th>
											</tr>



										</table>
									</div>

								</div>

								<div class="divright">
									<!--五列开始-->

									<div class="row">
										<c:forEach var="item" items="${tLive.recordList}"
											varStatus="stat">
											<div id="paly_live_${item.id}" class="left3"
												onclick="getParam('${item.id}','${item.title}','${item.live_url}','${item.start_time}','${item.end_time}')">
												${item.title}
												<p>这是五列的第一列</p>
												<p></p>
												<p></p>
											</div>
										</c:forEach>
										<!-- <div class="left3">
										
											<p>这是五列的第一列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第二列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第三列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第四列</p>
											<p></p>
											<p></p>
										</div>
										
									</div>
									
									<div class="row">
										<div class="left3">
											<p>这是五列的第一列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第二列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第三列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第四列</p>
											<p></p>
											<p></p>
										</div>
										
									</div>
									<div class="row">
										<div class="left3">
											<p>这是五列的第一列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第二列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第三列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第四列</p>
											<p></p>
											<p></p>
										</div>
										
									</div>
									<div class="row">
										<div class="left3">
											<p>这是五列的第一列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第二列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第三列</p>
											<p></p>
											<p></p>
										</div>
										<div class="left3">
											<p>这是五列的第四列</p>
											<p></p>
											<p></p>
										</div> -->

									</div>
								</div>
							</div>
							<div class="modal-body">
								<div>
									<h4>100013-1463713882750.m3u8</h4>
									<div class="error-ctn"></div>
									<div class="preview-ctn" id="preview-ctn">
										<object
											pluginspage="http://www.macromedia.com/go/getflashplayer"
											classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
											codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=11,3,0,0"
											width="100%" height="400" id="ckplayer_a2" name="ckplayer_a2"
											align="middle">
											<param name="allowScriptAccess" value="always">
											<param name="allowFullScreen" value="true">
											<param name="quality" value="high">
											<param name="bgcolor" value="#FFF">
											<param name="wmode" value="transparent">
											<param name="movie" value="flash/ckplayer.swf">
											<param name="flashvars"
												value="f=http://kls.ksyun.com/flash/m3u8.swf&amp;a=http://com.cnlive.video.kssws.ks-cdn.com/record/live/100013/hls/100013-1463713882750.m3u8&amp;c=0&amp;s=4&amp;lv=0">
											<embed allowscriptaccess="always" allowfullscreen="true"
												quality="high" bgcolor="#FFF" wmode="transparent"
												src="flash/ckplayer.swf"
												flashvars="f=http://kls.ksyun.com/flash/m3u8.swf&amp;a=http://com.cnlive.video.kssws.ks-cdn.com/record/live/100013/hls/100013-1463713882750.m3u8&amp;c=0&amp;s=4&amp;lv=0"
												width="100%" height="400" name="ckplayer_a2"
												id="ckplayer_a2" align="middle"
												type="application/x-shockwave-flash"
												pluginspage="http://www.macromedia.com/go/getflashplayer">
										</object>
									</div>
								</div>
							</div>

							<!-- 	<table class="table table-bordered">
								<tr>
									<th rowspan="4"><div class="divcss"></div>活动名称</th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
								</tr>
								<tr>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
								</tr>
								<tr>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
								</tr>
								<tr>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
									<th><div class="divcss5"></div></th>
								</tr>


							</table> -->
						</div>
						<!-- /.box-body -->

					</div>
				</div>
			</section>
		</div>
	</div>
	<%@ include file="/pages/common/bottom.jsp"%>
	<%@ include file="/pages/common/js.jsp"%>
	<script type="text/javascript">
		function getParam(id, name, live_url, start_time, end_time) {

			$("#live_name").html(name);
			$("#start_time").html(start_time);
			$("#end_time").html(end_time);
			$("#live_url").html(live_url);
			alert(id);
		}
	</script>
</body>
</html>