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.
159 lines
5.9 KiB
159 lines
5.9 KiB
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<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" />
|
|
|
|
|
|
<title></title>
|
|
|
|
</head>
|
|
|
|
<body class="chext">
|
|
<div class="xingk"></div>
|
|
<div class="chext_map"></div>
|
|
<div class="header_top">
|
|
<p class="header_xtbt">车流量检测系统</p>
|
|
<div class="header_right">
|
|
<div class="header_yongh">
|
|
<div class="yongh_tx"></div>
|
|
<div class="yongh_xx">
|
|
<p class="yh_mc">河北旅游委</p>
|
|
<a href="#" class="beader_yhzx">用户中心</a>
|
|
</div>
|
|
</div>
|
|
<div class="header_rlsj">
|
|
<p class="header_riqi">01月19日<span>周三</span></p>
|
|
<p class="header_shijian">11：03：25</p>
|
|
</div>
|
|
<a href="#" class="beader_bttn" title="首页"><span class=" beader_bttn_home"></span></a>
|
|
<a href="#" class="beader_bttn" title="设置"><span class=" beader_bttn_sz"></span></a>
|
|
<a href="#" class="beader_bttn" title="退出账号"><span class=" beader_bttn_tc"></span></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="che_caid">
|
|
<a class="bttn_caid"><span class="bttn_sxdh"></span></a>
|
|
<div class="caid_nr" style="width:140px;">
|
|
<a href="#" class="caid_xiang active">车流量实时监测</a>
|
|
<a href="#" class="caid_xiang">车流量分析</a>
|
|
<span class="jb-lefts"></span>
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="che_dtsjfx" id="che_dtsjfx">
|
|
<div class="che_fkbox" id="che_fkbox">
|
|
<div class="che_width">
|
|
<div class="che_sjkj">
|
|
<h2 class="che_sjkxbt">今日累计车流量</h2>
|
|
<div class="pf_2">
|
|
<div class="gdsz">
|
|
<div class="shuzi"><div class="numberRun7"></div></div>
|
|
<p class="szdw">辆</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
<div class="che_fltj">
|
|
<p>昨日车流量<strong class="col_qing">2713</strong></p>
|
|
<p>昨日高峰时段<strong class="col_cheng">17:00~18:00</strong></p>
|
|
</div>
|
|
</div>
|
|
<div class="pf_2">
|
|
<div class="" style="height:160px;">
|
|
<img src="../resourceNew/images/img_biaobiao.png" />
|
|
</div>
|
|
</div>
|
|
<div class=" clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pf_2">
|
|
<div class="che_sjkj">
|
|
<h2 class="che_sjkxbt">车辆类型分析</h2>
|
|
<div class="che_lxfx" style="height:170px;">
|
|
<p class="che_kclx che_kclx1"><span>25.6%</span>小型客车</p>
|
|
<p class="che_kclx che_kclx2"><span>25.6%</span>中型客车</p>
|
|
<p class="che_kclx che_kclx3"><span>25.6%</span>大型客车</p>
|
|
<p class="che_kclx che_kclx4"><span>25.6%</span>其他</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pf_2">
|
|
<div class="che_sjkj">
|
|
<h2 class="che_sjkxbt">地区车流量分析</h2>
|
|
<div class="" style="height:170px;">
|
|
柱状图
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" clear"></div>
|
|
<div class="che_width">
|
|
<div class="che_sjkj">
|
|
<h2 class="che_sjkxbt">景区车流量监控</h2>
|
|
<div class="che_jqcjk">
|
|
<table cellspacing="0" width="100%">
|
|
<tr><th><p class="zi_left">景区名称</p></th><th><p class="col_qing">今日累计</p></th><th><p class="col_huang">空余车位/总计</p></th></tr>
|
|
<tr><td><p class="zi_left">某某景区</p></td><td><p><strong class="col_qing">123</strong></p></td><td><p><strong class="col_huang">45</strong>/300</p></td></tr>
|
|
<tr><td><p class="zi_left">某某景区</p></td><td><p><strong class="col_qing">123</strong></p></td><td><p><strong class="col_huang">45</strong>/300</p></td></tr>
|
|
</table>
|
|
</div>
|
|
<div class="che_jqjb">
|
|
<a href="#" class="che_jbxz active">5A</a>
|
|
<a href="#" class="che_jbxz">4A</a>
|
|
<a href="#" class="che_jbxz">3A</a>
|
|
<a href="#" class="che_jbxz">2A</a>
|
|
<a href="#" class="che_jbxz">其他</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<span class="jb-lefts"></span>
|
|
<!--<span class="jb-leftx"><img src="../resourceNew/images/jb2-leftx.png"/></span>-->
|
|
<span class="jb-rights"></span>
|
|
<span class="jb-rightx"></span>
|
|
</div>
|
|
|
|
<!--时间选择器-->
|
|
<script type="text/javascript" src="../../js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
//时间选择器
|
|
laydate.render({
|
|
elem: '#openingTime',
|
|
theme: 'datecolor'
|
|
|
|
});
|
|
</script>
|
|
|
|
<!--筛选隐藏显示-->
|
|
<script src="resourceNew/js/jquery-3.7.0.min.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".bttn_tssx").click(function(){
|
|
$(".sx_nr").fadeToggle();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<!--高度自适应-->
|
|
<script>
|
|
window.onload=function (){
|
|
function auto_height(){
|
|
document.getElementById("che_dtsjfx").style.height=document.documentElement.clientHeight-104+"px";
|
|
document.getElementById("che_fkbox").style.height=document.documentElement.clientHeight-114+"px";
|
|
}
|
|
auto_height();
|
|
onresize=auto_height;
|
|
}
|
|
</script>
|
|
|
|
<!--数字滚动-->
|
|
<script src="../resourceNew/js/numberRun.js"></script>
|
|
</body>
|
|
</html>
|
|
|