224 lines
11 KiB
HTML
224 lines
11 KiB
HTML
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
|
|
<title>上海市警务通监控系统</title>
|
|
<link rel="icon" href="../../img/logo.png">
|
|
<link href="css/style02.css" rel="stylesheet" type="text/css">
|
|
<link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css">
|
|
<link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
|
|
<link href="js/scroll/css/liMarquee.css" rel="stylesheet" type="text/css">
|
|
</head>
|
|
<body onload="change1(),change()">
|
|
<!-- <script src="js/jquery.js"></script> -->
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/layui/layui.js"></script>
|
|
<script src="../../js/echarts/echarts.min.js"></script>
|
|
<script src="../../js/bootstrap.min.js"></script>
|
|
<script src="js/bstable/js/bootstrap-table.js"></script>
|
|
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
|
|
<script src="js/home_table.js"></script>
|
|
<script src="js/home_chart.js"></script>
|
|
<script type="text/javascript" src="js/scroll/js/jquery.liMarquee.js"></script>
|
|
<div class="div_home">
|
|
|
|
<div class="home_title">
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<div class="left_top" style="margin-top: -4%">报警信息实时显示</div>
|
|
<div class="right_top"style="margin-top: -4%" >早晚高峰流量信息监控</div>
|
|
<div class="clear"></div>
|
|
<div class="left_con1">
|
|
<div class="con_p1">
|
|
<div class="p_a">
|
|
<span class="p_a01">停止<p>违章</p></span><span class="p_a02">142</span>
|
|
</div>
|
|
<div class="p_a">
|
|
<span class="p_a01">今日<p>报警</p></span><span class="p_a03">6035</span>
|
|
</div>
|
|
</div>
|
|
<div class="con_p1">
|
|
<div class="p_a">
|
|
<span class="p_a01">警员<p>在线</p></span><span class="p_a02">5236</span>
|
|
</div>
|
|
<div class="p_a">
|
|
<span class="p_a01">警车<p>在线</p></span><span class="p_a03">6035</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right_con1" >
|
|
<div id="con1" style="width: 92%;height: 92%;margin-left: 2%;margin-top: 2%;overflow: hidden"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="left_top">案件管理分析</div>
|
|
<div class="right_top" >案件xxx分析</div>
|
|
<div class="clear"></div>
|
|
<div class="left_con2">
|
|
<h5 class="h_style"><i class="i_h"></i><span>案件xxx量</span></h5>
|
|
<div class="con1_cum1" >
|
|
<div id="left01" style="width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden"></div>
|
|
</div>
|
|
<h5 class="h_style"><i class="i_h"></i><span>案件xxxxxx</span></h5>
|
|
<div class="con1_cum1" >
|
|
<div id="left02" style="width: 100%;height: 96%;padding: 0;margin-top: -2%;margin-left: 2%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="right_con2">
|
|
<div id="con2" style="width: 98%;height: 98%;margin: 0;padding: 5%"></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="left_top">实时报警信息</div>
|
|
<div class="right_top" style="margin-top: -1.5%">移动端信息上报</div>
|
|
<div class="clear"></div>
|
|
<div class="left_con3">
|
|
<div class="ul_top"><span>等级</span><span>名称</span><span>案情</span><span>时间</span></div>
|
|
<div style="width: 96%;height: 96%;background: transparent;margin-top: 2%" id="div01" >
|
|
<ul class="ul_con" >
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: green">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: deepskyblue">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="right_con3"style="margin-top: -2%" id="r03">
|
|
<div class="ul_top"><span>等级</span><span>名称</span><span>案情</span><span>时间</span></div>
|
|
<div style="width: 96%;height: 96%;background: transparent;margin-top: 2%" id="div02" >
|
|
<ul class="ul_con" >
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: deepskyblue">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: green">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
<li><a href="http://www.anydo.wang"><span style="color: red">严重</span><span>xxx道路</span><span>拥堵</span><span>1/13:00</span></a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<div class="div_bottom"><div class="bot_left"><a href="#" onclick="add()" class="title_but">视频监控 </a><a href="#" class="title_but" onclick="addFind()">信息查询 </a></div> <ul>
|
|
<li><a href="http://www.anydo.wang"><img src="img/defaut.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/max.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/min.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/cheliangbukong.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/renyuanbukong.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/jinyuan.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/jiankong.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/weizhang.png"/> </a> </li>
|
|
<li><a href="http://www.anydo.wang"><img src="img/alam01.png"/> </a> </li>
|
|
</ul><span class="bottom_right"><a href="#" class="title_but" onclick="addAy()">综合分析</a><a href="#" class="title_but" onclick="sumitT()">问题反馈</a> </span></div>
|
|
<div class="video_bg">
|
|
<div class="video_top">
|
|
<span class="video_spanleft">上海市中心十字监控卡口<p>设备编号：ABC52583-2222</p></span>
|
|
<span class="video_spanright"><a href="http://www.anydo.wang"><img src="img/max_icon.png"> </a> </span>
|
|
</div>
|
|
<div class="video_con"><video src="./video/test_mv021.mov" class="video_con" autoplay controls="controls"></video> </div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
function change1() {
|
|
|
|
var w01 = $(window).width();
|
|
$(".home_title1").css('width', w01 - 600+"px");
|
|
}
|
|
function change() {
|
|
var th01 = $(window).height();
|
|
$(".div_right").css('height', th01 - 24+"px");
|
|
|
|
}
|
|
</script>
|
|
<script>
|
|
$(function(){
|
|
$('#div01').liMarquee({
|
|
direction: 'down',
|
|
scrollamount: 30
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
$(function(){
|
|
$('#div02').liMarquee({
|
|
direction: 'down',
|
|
scrollamount: 30
|
|
});
|
|
});
|
|
</script>
|
|
<script>
|
|
function add() {
|
|
|
|
layer.open({
|
|
type: 2,
|
|
skin: 'demo-class',
|
|
|
|
title: '视频监控',
|
|
fix: true,
|
|
shadeClose: true,
|
|
|
|
area: ['1400px', '700px'],
|
|
content: 'carContrl.html',
|
|
|
|
});
|
|
}
|
|
function addFind() {
|
|
|
|
layer.open({
|
|
type: 2,
|
|
skin: 'demo-class',
|
|
|
|
title: '信息查询',
|
|
fix: true,
|
|
shadeClose: true,
|
|
|
|
area: ['1400px', '700px'],
|
|
content: 'car.html',
|
|
|
|
});
|
|
}
|
|
function addAy(){
|
|
layer.open({
|
|
type: 2,
|
|
title: '综合分析',
|
|
shadeClose: true,
|
|
shade: 0.5,
|
|
skin: 'layui-layer-rim',
|
|
closeBtn:1,
|
|
area: ['80%', '700px'],
|
|
content: 'correctSpecial_analysis.html'
|
|
});
|
|
}
|
|
function sumitT(){
|
|
layer.open({
|
|
type: 2,
|
|
title: '信息反馈',
|
|
shadeClose: true,
|
|
shade: 0.5,
|
|
skin: 'layui-layer-rim',
|
|
closeBtn:1,
|
|
area: ['80%', '700px'],
|
|
content: 'validate.html'
|
|
});
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|