|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
<head>
|
|
|
<title>综合视频监控</title>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
|
|
|
|
<!--ztree 的js和css 开始 -->
|
|
|
<link rel="stylesheet" href="${ctx }/js/JQuery zTree v3.4/css/demo.css" type="text/css">
|
|
|
<link rel="stylesheet" href="${ctx }/js/JQuery zTree v3.4/css/zTreeStyle/zTreeStyle.css" type="text/css">
|
|
|
<script type="text/javascript" src="${ctx }/js/JQuery zTree v3.4/js/jquery-1.4.4.min.js"></script>
|
|
|
<script type="text/javascript" src="${ctx }/js/JQuery zTree v3.4/js/jquery.ztree.all-3.4.js"></script>
|
|
|
<!--ztree 的js和css 结束 -->
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/css/cjy_style.css" />
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css" />
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css" />
|
|
|
|
|
|
|
|
|
<%-- <script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script> --%>
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
var URL = "${ctx}/zhspjkvideomanage/getzhspjklist.do";
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
initMyZtree();
|
|
|
});
|
|
|
|
|
|
var zNodes="";
|
|
|
var setting = {
|
|
|
view: {
|
|
|
selectedMulti: false
|
|
|
},
|
|
|
async: {
|
|
|
enable: true,
|
|
|
type : "get",
|
|
|
url:URL,
|
|
|
autoParam: ["id"]
|
|
|
},
|
|
|
callback : {
|
|
|
onClick : zTreeOnClick
|
|
|
}
|
|
|
};
|
|
|
|
|
|
function initMyZtree(){
|
|
|
var id = "${id}";
|
|
|
URL = "${ctx}/zhspjkvideomanage/getzhspjklist.do?id="+id;
|
|
|
$.ajax({
|
|
|
type: "POST",
|
|
|
dataType: "json",
|
|
|
url: URL,
|
|
|
success: function(data) {
|
|
|
zNodes=data;
|
|
|
$.fn.zTree.init($("#spjk_shujg"), setting, zNodes);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//单击事件
|
|
|
function zTreeOnClick(event, treeId, treeNode, clickFlag){
|
|
|
var rtmpurl = treeNode.id;
|
|
|
if (parseFloat(rtmpurl).toString() == "NaN") {//判断不是数字
|
|
|
var pddh = treeNode.id;
|
|
|
pddh = pddh.substring(pddh.length-1, pddh.length)
|
|
|
if(pddh!=','){
|
|
|
alert(rtmpurl);
|
|
|
}
|
|
|
}
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="xingk"></div>
|
|
|
<div class="spjk_con_tc">
|
|
|
<div class="spjk_left">
|
|
|
<h3 class="spjk_left_lbbt" style="color: #ffffff">视频列表</h3>
|
|
|
<div class="spjk_shujg ztree" id="spjk_shujg">
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="spjk_nr">
|
|
|
<div class="spjk_listqh">
|
|
|
<p class="spjk_listqhbt">列表<br />格式</p>
|
|
|
<div class="spjk_xian"></div>
|
|
|
<ul class="spjk_listqhbttn">
|
|
|
<li class="active" onclick="showitem(this,'div_1')"><span class=" spjk_zs1"></span></li>
|
|
|
<li onclick="showitem(this,'div_2')"><span class=" spjk_zs2"></span></li>
|
|
|
<li onclick="showitem(this,'div_3')"><span class=" spjk_zs3"></span></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="spjk_listqhnr" id="spjk_listqhnr">
|
|
|
<div class="spjk_listnrlb" id="div_1">
|
|
|
<div class="spjk_zssp1" id="spjk_zssp1">
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="spjk_listnrlb" id="div_2" style="display:none;">
|
|
|
<div class="spjk_zssp2">
|
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-2"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="spjk_listnrlb" id="div_3" style="display:none;">
|
|
|
<div class="spjk_zssp3">
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
<div class="pf-3"><div class="spjk_zssplb_spzs"></div></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--<span class="jb-lefts"></span>-->
|
|
|
<span class="jb-leftx"></span>
|
|
|
<span class="jb-rights"></span>
|
|
|
<span class="jb-rightx"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--高度自适应-->
|
|
|
<script>
|
|
|
window.onload=function (){
|
|
|
function auto_height(){
|
|
|
document.getElementById("spjk_shujg").style.height=document.documentElement.clientHeight-142+"px";
|
|
|
document.getElementById("spjk_listqhnr").style.height=document.documentElement.clientHeight-64+"px";
|
|
|
document.getElementById("spjk_zssp1").style.height=document.documentElement.clientHeight-70+"px";
|
|
|
}
|
|
|
auto_height();
|
|
|
onresize=auto_height;
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<!--选项卡-->
|
|
|
<%-- <script src="${ctx }/hbcyjc/resourceNew/js/jquery.min.js"></script> --%>
|
|
|
<script>
|
|
|
function showitem(e,id){
|
|
|
$(e).parent().find('li').removeClass('active');
|
|
|
$(e).addClass('active');
|
|
|
|
|
|
$('.spjk_listnrlb').css("display",'none');
|
|
|
$('#'+id).css("display",'');
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
|
|
|
