移动新ui
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.
 
 
 
 
hb_cyjc_yd/WebRoot/hbcyjc/zhspjk/list_zhspjklist.jsp

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>