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.
95 lines
4.0 KiB
95 lines
4.0 KiB
<!DOCTYPE html>
|
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description"
|
|
content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
|
|
<meta name="author" content="Coderthemes">
|
|
<link rel="shortcut icon" href="${ctx}/images/favicon_1.ico">
|
|
|
|
<title>综合视频监控</title>
|
|
|
|
<script src="${ctx}/js/jquery-3.7.0.min.js"></script>
|
|
|
|
<script src="${ctx}/js/layer/layer.js"></script>
|
|
<!-- 新样式引入 -->
|
|
<link href="${ctx}/hbcyjc/resource/css/cjy_style.css" rel="stylesheet" />
|
|
<link href="${ctx}/hbcyjc/resource/css/cjy_style2.css" rel="stylesheet" />
|
|
<script src="${ctx}/js/jquery-3.7.0.min.js"></script>
|
|
|
|
<!-- 字体图标 -->
|
|
<link href="${ctx}/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/assets/ionicon/css/ionicons.min.css" rel="stylesheet"/>
|
|
<link href="${ctx}/css/material-design-iconic-font.min.css" rel="stylesheet">
|
|
|
|
|
|
<link href="${ctx }/assets/select2/select2.css" rel="stylesheet" type="text/css" />
|
|
<script src="${ctx }/assets/select2/select2.min.js" type="text/javascript"></script>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="xingk"></div>
|
|
<div class="full_box">
|
|
<div class="ts_wid_fm">
|
|
<form class="zt_lay" action="${ctx}/zhspjkvideostatus/gotolistzhspjklist.do" id="mainForm" method="post" name="mainForm" >
|
|
<div class="lst_table_box">
|
|
<div class="t_r_t" id="t_r_t">
|
|
<div class="t_r_title pp-list">
|
|
<table class="pp-list">
|
|
<tr>
|
|
<th style="text-align:center;" width="4%">序号</th>
|
|
<th style="text-align:center;" width="6.6%">状态</th>
|
|
<th style="text-align:center;" width="6.6%">视频名称</th>
|
|
<th style="text-align:center;" width="6.6%">ip地址</th>
|
|
<th style="text-align:center;" width="6.6%">端口号</th>
|
|
<th style="text-align:center;" width="6.6%">通道号</th>
|
|
<th style="text-align:center;" width="6.6%">监控品牌</th>
|
|
<th style="text-align:center;" width="6.6%">rtsp地址</th>
|
|
<th style="text-align:center;" width="6.6%">异常类型</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="t_r_content t_table" id="t_r_content" onscroll="aa()" style="max-height:360px">
|
|
<table class="pp-list">
|
|
<c:forEach items="${list}" var="lis" varStatus="vst">
|
|
<tr class="active">
|
|
<input id= "dataid" type="hidden" value = "${lis.id}"/>
|
|
<td align="center" width="4%">${(vst.index)+1}</td>
|
|
|
|
<td title="" align="center" width="6.6%"><c:if test="${lis.videoState =='0'}"><span style="color:#00CC00">●正常</span></c:if><c:if test="${lis.videoState =='1' }"><span style="color:#F00">●异常</span></c:if></td>
|
|
<td title="" align="center" width="6.6%">${lis.videoName}</td>
|
|
<td title="${lis.videoIp}" align="center" width="6.6%">${lis.videoIp}</td>
|
|
<td title="" align="center" width="6.6%">${lis.videoPortNum}</td>
|
|
<td title="${lis.videoChannelNum}" align="center" width="6.6%">${lis.videoChannelNum}</td>
|
|
<td title="" align="center" width="6.6%"><cjy:dic diccode="${lis.videoBrand}"/></td>
|
|
<td title="${lis.rtspurl}" align="center" width="6.6%">${lis.rtspurl}</td>
|
|
<td title="" align="center" width="6.6%">${lis.abnormal}</td> <!-- 异常信息 -->
|
|
</tr>
|
|
</c:forEach>
|
|
</table>
|
|
</div>
|
|
<%@include file="/common/page.jsp" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
function aa(){
|
|
var a=document.getElementById("t_r_content").scrollTop;
|
|
var b=document.getElementById("t_r_content").scrollLeft;
|
|
document.getElementById("cl_freeze").scrollTop=a;
|
|
document.getElementById("t_r_t").scrollLeft=b;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|