You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.6 KiB
105 lines
3.6 KiB
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
pageEncoding="UTF-8"%>
|
|
<%@ page import="com.lp.cfg.ProConfig"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
|
|
<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
|
|
<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
|
|
|
|
<script src="<%=basePath%>/lib/ckplayer/ckplayer.min.js"></script>
|
|
|
|
<script src="<%=basePath%>/lib/jqueryPaginator/pagination.min.js"></script>
|
|
<link rel="stylesheet" href="<%=basePath%>/lib/jqueryPaginator/pagination.css?<%=v%>">
|
|
<link rel="stylesheet" href="<%=basePath%>/css/oss/iot/video_playback.css?<%=v%>">
|
|
<script type="text/javascript" src="<%=basePath%>/js/oss/iot/video_playback.js?<%=v%>"></script>
|
|
<style type="text/css">
|
|
.whj_jqueryPaginationCss-1 div{
|
|
height: auto;
|
|
}
|
|
.whj_border{
|
|
border-radius: 3px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div>
|
|
<div style="background: #ecf0f5;">
|
|
<!-- 左边栏 -->
|
|
<div class="float-left index_theLeft" style="width:170px;">
|
|
<ul class="dashboard-menu scoll">
|
|
<c:forEach items="${info.data.getData()}" varStatus="status" var="obj">
|
|
<li onclick="forwardUrl('/iot/video/back?id=${obj.id}&sid=${sceneId}')"
|
|
<c:if test="${obj.id == videoId}">
|
|
class="active"
|
|
</c:if>
|
|
sid="${obj.id}">
|
|
<span class="icon-codepen"></span> ${obj.name }
|
|
</li>
|
|
</c:forEach>
|
|
</ul>
|
|
</div>
|
|
<div class="mapContainer" >
|
|
<div class="app-container">
|
|
<div class="container-layout sceneList-info">
|
|
|
|
<div class="contains_main">
|
|
<div class="contains_top">
|
|
<div class="resident_main">
|
|
<div class="node_top_content">
|
|
<div class="node_top_left">
|
|
<span>全部视频</span>
|
|
</div>
|
|
<div class="node_top_right">
|
|
<div>
|
|
<span class="ml-10">开始时间：</span>
|
|
<input id="start_time" type-name="start_time" class="input input-self jui-time" data-options="defaultValue:-1" >
|
|
<span class="ml-10">结束时间：</span>
|
|
<input id="end_time" type-name="end_time" class="input input-self jui-time" >
|
|
<button id="searchbtns" class="button ml-20 bg-iot "><span class="icon-search"></span> 查询</button>
|
|
<button onclick="returnBack();" class="button ml-20 bg-iot "><span class="icon-sign-out"></span> 返回</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main">
|
|
<div class="center">
|
|
<div class="play-right">
|
|
<div class="switch-btn">
|
|
<p class="first active">视频记录</p>
|
|
</div>
|
|
<div class="info-list info-list-first">
|
|
<div class="list-container">
|
|
|
|
</div>
|
|
<div style="text-align: center;margin-top: 10px;" ><div id="jppager"></div></div>
|
|
</div>
|
|
<div class="info-list info-list-second hide">
|
|
<p style="color: #c7c7c7;margin: 30px auto;text-align: center;">暂无视频记录</p>
|
|
</div>
|
|
</div>
|
|
<div class="play-left">
|
|
<div class="video" style="width: 100%;height:517px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
var videoid ='${videoId}' ;
|
|
function returnBack(){
|
|
forwardUrl("/iot/video?sid=${sceneId}&id=${videoId}",1000);
|
|
}
|
|
</script>
|
|
</html>
|
|
|