YiDongHeBeiwlt
/
hb_cyjc_yd
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
移动新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.
32 Commits
1 Branch
0 Tags
379 MiB
 
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
hb_cyjc_yd/WebRoot/hbcyjc/html/车流量检测系统-车流量分析.html

217 lines
9.3 KiB
Raw Permalink Blame History

<!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="../resourceNew/css/cjy_style.css"/>
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style2.css" />
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_zlmxg.css" />
<title>车流量检测系统</title>
</head>
<body class="">
<div class="xingk"></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="gy_sx">
<a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
<div class="sx_nr">
<a href="#" class="xsflx active">按日分析</a>
<a href="#" class="xsflx">按月分析</a>
<a href="#" class="xsflx">按年分析</a>
<!--<div class="sx_form">
<div class="form_input" style="width:150px;"><input id="openingTime" name="OpeningTime" value="2019-01-20"></div>
<div class="form_select" style="width:150px;">
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
</div>-->
<div class="sx_form sx_form2">
<div class="form_input2">
<input id="openingTime" name="OpeningTime" value="2019-01-20">
</div>
<div class="form_select" style="width:150px;">
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
<div class="form_select" style="width:150px;">
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
<div class="form_select" style="width:150px;">
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
</div>
<span class="jb-leftx"><img src="../resourceNew/images/jb2-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb2-rights.png"/></span>
</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">车流量实时监测</a>
<a href="#" class="caid_xiang active">车流量分析</a>
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
</div>
</div>
<div class="zt_cotent">
<div class="che_fx_dt">
<div class="che_fx_lxfx">
<h2 class="che_fx_lxfxbt">车辆类型分析</h2>
<div class="che_fx_lxfxsj">
<div class="che_fx_lxfxtxzs">
<div class="che_fx_lxfxtxzs"><img src="../resourceNew/images/che_lxfx_xx.png" /></div>
<div class="che_fx_lxfxsjzs"><p>小型客车<strong>25.6%</strong></p></div>
</div>
<div class="che_fx_lxfxtxzs">
<div class="che_fx_lxfxtxzs"><img src="../resourceNew/images/che_lxfx_zx.png" /></div>
<div class="che_fx_lxfxsjzs"><p>中型客车<strong>25.6%</strong></p></div>
</div>
<div class="che_fx_lxfxtxzs">
<div class="che_fx_lxfxtxzs"><img src="../resourceNew/images/che_lxfx_dx.png" /></div>
<div class="che_fx_lxfxsjzs"><p>大型客车<strong>25.6%</strong></p></div>
</div>
<div class="che_fx_lxfxtxzs">
<div class="che_fx_lxfxtxzs"><img src="../resourceNew/images/che_lxfx_qt.png" /></div>
<div class="che_fx_lxfxsjzs"><p>其他<strong>25.6%</strong></p></div>
</div>
</div>
</div>
<div class="che_fx_dtzs">
<h2 class="che_fx_dtbt">来源地分析（全国）</h2>
<div class="che_fx_lydfx" style="width:580px; height:440px; margin:0px auto;"></div>
</div>
<div class="clear"></div>
</div>
<div class="che_fx_dtright">
<div class="ty_sjbox che_fx_cllxq">
<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></tr>
<tr><td><p class="zi_left">某某停车场</p></td><td><p><strong class="col_qing">123</strong></p></td></tr>
<tr><td><p class="zi_left">某某停车场</p></td><td><p><strong class="col_qing">123</strong></p></td></tr>
<tr><td><p class="zi_left">某某停车场</p></td><td><p><strong class="col_qing">123</strong></p></td></tr>
</table>
<div class="che_fx_bgtmfy">
<a href="#" class="che_fx_fyan">上一页</a>
<a href="#" class="che_fx_fyan">下一页</a>
<p class="che_fx_bgymtj">第1/2页</p>
<p class="che_fx_bghj">合计：<span>2820</span> 条</p>
</div>
</div>
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
</div>
<div class="ty_sjbox che_fx_cllxq">
<h2 class="che_sjkxbt">停留时长</h2>
<div class="" style="height:170px;">
统计图
</div>
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
</div>
</div>
<div class="clear"></div>
<div class="che_fx_bottom">
<div class="che_fx_csclfb">
<div class="ty_sjbox">
<h2 class="che_sjkxbt">地市车辆分布</h2>
<div class="" style="height:120px;">
统计图
</div>
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
</div>
</div>
<div class="che_fx_clqst">
<div class="ty_sjbox">
<h2 class="che_sjkxbt">车辆趋势图</h2>
<div class="" style="height:120px;">
统计图
</div>
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span>
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span>
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span>
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></span>
</div>
</div>
<div class="clear"></div>
</div>
</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>
</body>
</html>