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.
628 lines
22 KiB
628 lines
22 KiB
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<%@ include file="/common/ctx.jsp" %>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
|
<%@taglib prefix="z" uri="http://cjy.jsp/tags" %>
|
|
<!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">
|
|
<link type="text/css" rel="stylesheet" href="../resource/css/cjy_style2.css" />
|
|
<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>
|
|
<style>
|
|
|
|
.che_jqjb{}
|
|
.che_jqjb .che_jbxz{ display:inline-block; padding:2px 10px; background:rgba(5,44,101,0.27); border:1px solid #022F6E; border-radius:3px; margin:2px; position:relative;}
|
|
.che_jqjb .che_jbxz:hover{color:#57FFFF;}
|
|
.che_jqjb .che_jbxz.active{ background:#05295F; border:1px solid #04397A; color:#57FFFF;}
|
|
.che_jqjb .che_jbx fore{ content:""; display:block; width:100%; height:2px; background: url(../resourceNew/images/che_angb.png) no-repeat center; position:absolute; bottom:-5px; left:0px; }
|
|
|
|
.jqk_1{ margin-top:10px; border:1px solid #032661; border-bottom:none}
|
|
.jqk_1 th{ background:#071436; height:40px; font-weight:normal; font-size:14px; border-bottom:1px solid #032661}
|
|
.jqk_1 td{ padding:10px 0; color:#fff; background:rgba(0,60,130,.1); text-align:center;border-bottom:1px solid #032661}
|
|
|
|
.mainbanner3{overflow:hidden; position:relative;height:280px;}
|
|
.mainbanner_window3{left:50%;width:445px;height:280px;overflow:hidden;margin-left:-222.5px;position:absolute;}
|
|
.mainbanner_window3 ul{width:999999px;height:270px;position:relative;}
|
|
.mainbanner_window3 li{width:445px;height:270px;text-align:center;font-size:0px;float:left;display:inline;}
|
|
.mainbanner_window3 .mainbanner_list3{left:50%;top:265px;width:50px;height:20px;margin-left:-25px;position:absolute;}
|
|
.mainbanner_list3 li{width:16px;height:10px;overflow:hidden;float:left;display:inline;}
|
|
.mainbanner_list3 a{ width:6px;height:6px;display:inline-block;background:rgba(255,255,255,0); border-radius:10px;border:1px solid #323350;}
|
|
.mainbanner_list3 li.active a{background:rgba(255,255,255,0.6);}
|
|
.mainbanner_list3 li a:hover{ border:1px solid #fff;}
|
|
|
|
.tjsl2{ padding-top: 20px; margin-top: 0; text-align: center;}
|
|
.tjsl2 .tjbt{ font-size: 16px; padding-bottom: 10px;}
|
|
.gdsz { position: relative; padding: 0px 15px; padding-top: 9px; margin: 0px auto;}
|
|
.szgd_fgbj{ background: url(../resourceNew/img/szbj.jpg); margin: 0px 20px; padding-left: 0;}
|
|
.djdb{ padding-top:5px;}
|
|
.djdb strong{ padding:0px 5px;}
|
|
.djdb .color_huang{ padding-right:10px; color:#FFFF00;}
|
|
.djdb .color_mhong{ color:#FF0186;}
|
|
.col_sgen {color: #30DA06;}
|
|
|
|
.cll_center{ position: relative; width: 910px; height: 725px; margin-left: 3px;}
|
|
.cll_conmap{ /* background: url(../resourceNew/images/img_sjzdt.png) no-repeat center; */ width: 680px; height: 580px; position: absolute; top:110px; left: 50%; margin-left:-340px;}
|
|
.sjtj_cctj{position: absolute; bottom: 20px; left: 10px;}
|
|
.sjtj_cctj .tjsl{ display: block; margin-top: 20px;}
|
|
.chell_tianqi{ position: absolute; right: 10px; top:30px; border: 1px solid #005AB7;}
|
|
.chell_tianqi .riqi{ right: auto; left: 0; width: 96px;}
|
|
.chell_tianqi .tianqi{ position: relative;top: 0; left: 0; margin-left: 110px; width: 216px; padding-top: 0; height: 182px;}
|
|
.chell_tianqi .icon_tq{ width: 90%; margin-left: 5%;}
|
|
.chell_tianqi .wendu{ font-size: 55px; margin-top: 33px;}
|
|
.chell_tianqi .riqi .rq { font-size: 50px;background-size: 100%; width: 80px;height: 90px; padding-top:0; margin: 5px auto;}
|
|
.chell_tianqi .riqi .ny{font-size: 14px; padding-top: 5px; text-align: center;}
|
|
.chell_tianqi .riqi .sj{ font-size: 14px;}
|
|
.chell_tianqi .riqi .sj{margin-top: 0;}
|
|
.cll_rmkyd .kydph{ padding: 0;}
|
|
.cll_rmkyd .kydph .kyd_jgjl{ padding-right:8px; margin-bottom:25px; margin-top:13px;position:relative;}
|
|
.cll_rmkyd .kydph li{ margin-top: 0;}
|
|
.cll_rmkyd .kydph .kyd_jgjl .csmc{ font-size:18px; color:#fff;}
|
|
.cll_rmkyd .kydph .kyd_jgjl .csmc span{ font-size:18px; padding-right:5px;}
|
|
.cll_rmkyd .kydph .kyd_jgjl .csrs{ position:absolute; top:3px; right:15px; font-size:14px;}
|
|
.cll_rmkyd .kydph .kyd_jgjl .jtt{ margin-top:5px;}
|
|
.sltj{ font-size: 14px; padding-top: 2px; margin-top: 3px; border-top: 1px solid #003E82;}
|
|
.sltj span{color: #FFFF00; font-weight: bold;}
|
|
|
|
.cll_dbtb{ margin-left: 25px; display: flex; margin-right: 3px; margin-top: 8px;}
|
|
.cll_dbtb .dbtb_zsk{flex: 1; }
|
|
.box_spyy_chang{background: rgba(1,0,49,0.8); box-shadow: 1px 1px 5px rgba(1,39,129,0.5); border: 1px solid #003E82; position: relative; padding: 10px 20px; margin-top:15px; margin-right:25px; margin-left:0px;}
|
|
.box_spyy_chang .jb-lefts { position: absolute;top: -1px;left: -1px;}
|
|
.box_spyy_chang .jb-leftx { position: absolute; bottom: -1px; left: -1px;}
|
|
.box_spyy_chang .jb-rights { position: absolute; top: -1px; right: -1px;}
|
|
.box_spyy_chang .jb-rightx { position: absolute; bottom: -1px; right: -1px;}
|
|
.box_spyy_chang .rzsjxlfx{ font-size:16px; margin-bottom: 10px;}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body style="height:1080px; width:1920px;">
|
|
<div class="xingk_nr"></div>
|
|
<div class="header_top" style="height: 96px;">
|
|
<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="${ctx }/" 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="${ctx}/hbcyjc/hikvision_cll/ssjc.jsp" class="caid_xiang active">车流量实时监测</a>
|
|
<a href="${ctx}/hbcyjc/hikvision_cll/lssj.jsp" class="caid_xiang">车流量分析</a>
|
|
<a href="${ctx}/equipmentguanli/equipments.do" 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="index_left left">
|
|
<div class="box_index">
|
|
<div class="box_top_s"></div>
|
|
<div class="box_center_s">
|
|
<div class="con szgd_fgbj" style=" height:270px;">
|
|
<div class="tjsl2">
|
|
<p class="tjbt">实时车流量</p>
|
|
<div class="gdsz" style="width:205px;">
|
|
<div class="shuzi">
|
|
<div class="numberRun12"></div>
|
|
</div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tjsl2">
|
|
<p class="tjbt">今日累计车流量</p>
|
|
<div class="gdsz" style="width:233px;">
|
|
<div class="shuzi">
|
|
<div class="numberRun13"></div>
|
|
</div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
<p class="djdb"><span>今日环比<strong class="color_huang">↑12%</strong></span><span>本月同比<strong class="color_mhong">↓12%</strong></span></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s"></div>
|
|
</div>
|
|
<div class="box_index">
|
|
<h3 class="box_bt">卡口实时的车流量</h3>
|
|
<div class="box_top_s"></div>
|
|
<div class="box_center_s" style=" height:317px;">
|
|
<div class="con" style=" padding-right:12px;">
|
|
<div class="che_jqjb">
|
|
<a href="#" class="che_jbxz active">全部</a>
|
|
<a href="#" class="che_jbxz ">正定</a>
|
|
<a href="#" class="che_jbxz ">平山</a>
|
|
<a href="#" class="che_jbxz ">灵寿</a>
|
|
<a href="#" class="che_jbxz ">井陉</a>
|
|
<a href="#" class="che_jbxz ">鹿泉</a>
|
|
</div>
|
|
<p class="sltj">共计<span>20</span>个监控口</p>
|
|
<div class="mainbanner3">
|
|
<div class="mainbanner_window3">
|
|
<ul id="slideContainer3">
|
|
<li>
|
|
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
<tbody>
|
|
<tr>
|
|
<th>序号</th>
|
|
<th>名称</th>
|
|
<th>方向</th>
|
|
<th>车流量（车次）</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>1</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>1</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>1</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>1</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>1</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
<li>
|
|
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
<tbody>
|
|
<tr>
|
|
<th>序号</th>
|
|
<th>名称</th>
|
|
<th>方向</th>
|
|
<th>车流量（车次）</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>6</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>7</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>8</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>9</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>10</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
<li>
|
|
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
<tbody>
|
|
<tr>
|
|
<th>序号</th>
|
|
<th>名称</th>
|
|
<th>方向</th>
|
|
<th>车流量（车次）</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>11</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>12</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>13</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>14</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<p>15</p>
|
|
</td>
|
|
<td>
|
|
<p class="mcmc" title="滹沱河观景大道路口1">滹沱河观景大道路口1</p>
|
|
</td>
|
|
<td>
|
|
<p>正定 → 平山</p>
|
|
</td>
|
|
<td>
|
|
<p class="col_sgen">499</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</li>
|
|
</ul>
|
|
<ul class="mainbanner_list3">
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s"></div>
|
|
</div>
|
|
</div>
|
|
<div class="cll_center left" style="background: url(../resourceNew/images/dituts.jpg) no-repeat center;">
|
|
<div class="cll_conmap">
|
|
</div>
|
|
<div class="sjtj_cctj">
|
|
<div class="tjsl">
|
|
<p class="tjbt">平山方向(车次)</p>
|
|
<div class="gdsz">
|
|
<div class="shuzi">
|
|
<div class="numberRun14"></div>
|
|
</div>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tjsl">
|
|
<p class="tjbt">正定方向(车次)</p>
|
|
<div class="gdsz">
|
|
<div class="shuzi">
|
|
<div class="numberRun11"></div>
|
|
</div>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chell_tianqi">
|
|
<div class="tianqi">
|
|
<h2 class="dqdz">石家庄</h2>
|
|
<div class="tbw">
|
|
<div class="pf_2">
|
|
<div class="icon_tq"><img src="../resource/img/cloudy2.png" width="100%" /></div>
|
|
<p class="tqqk">多云<span>（实时）</span></p>
|
|
</div>
|
|
<div class="pf_2">
|
|
<p class="wendu">26<span>℃ </span></p>
|
|
<p class="fengji">东南风1级</p>
|
|
<p class="tq_kqzl">空气质量：<span class="ys_you">优</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="tqcs">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="riqi">
|
|
<p class="ny">2017年09月</p>
|
|
<p class="rq">12</p>
|
|
<p class="xq">周二</p>
|
|
<p class="sj"><i class="icon_sj"></i>12:10:35</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="index_right right">
|
|
<div class="box_index_r">
|
|
<h3 class="box_bt">热门车源地</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:302px; overflow: hidden;">
|
|
<div class="con cll_rmkyd">
|
|
<ul class="kydph">
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="huang">01</span>石家庄市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class="jb_huang width80"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="lv">02</span>北京市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class="jb_lv width60"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="zi">03</span>衡水市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class="jb_zi width50"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">04</span>邯郸市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width40"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">05</span>保定市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width30"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">06</span>唐山市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width20"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">07</span>廊坊市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width20"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">08</span>张家口市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width20"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">09</span>沧州市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width20"></span></p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div class="kyd_jgjl">
|
|
<p class="csmc"><span class="">10</span>邢台市</p>
|
|
<p class="csrs">136546人</p>
|
|
<p class="jtt"><span class=" width20"></span></p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
<div class="box_index_r">
|
|
<h3 class="box_bt">车辆类型分析</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:286px;">
|
|
<div class="con">
|
|
<div><img src="../resource/img/img8.png"></div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="cll_dbtb">
|
|
<div class="dbtb_zsk">
|
|
<div class="box_spyy_chang" style="height:190px;">
|
|
<p class="rzsjxlfx">车流量趋势分布(正定方向)</p>
|
|
<div class="plsjbl">
|
|
<div> <img src="../resource/img/img11.png" width="100%"></div>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"></span>
|
|
</div>
|
|
</div>
|
|
<div class="dbtb_zsk">
|
|
<div class="box_spyy_chang" style="height:190px;">
|
|
<p class="rzsjxlfx">车流量趋势分布(平山方向)</p>
|
|
<div class="plsjbl">
|
|
<div> <img src="../resource/img/img11.png" width="100%"></div>
|
|
</div>
|
|
<span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"></span>
|
|
<span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"></span>
|
|
<span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"></span>
|
|
<span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--数字滚动-->
|
|
<script src="../resource/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="../resource/js/numberRun.js"></script>
|
|
|
|
<!--数据轮番-->
|
|
<script type="text/javascript" src="../resource/js/index.js"></script>
|
|
|
|
<!--左侧滑动菜单-->
|
|
<script src="../resource/js/classie.js"></script>
|
|
<script>
|
|
var menuLeft = document.getElementById('cbp-spmenu-s1'),
|
|
showLeft = document.getElementById('showLeft'),
|
|
body = document.body;
|
|
|
|
showLeft.onclick = function() {
|
|
classie.toggle(this, 'active');
|
|
classie.toggle(menuLeft, 'cbp-spmenu-open');
|
|
disableOther('showLeft');
|
|
};
|
|
|
|
function disableOther(button) {
|
|
if (button !== 'showLeft') {
|
|
classie.toggle(showLeft, 'disabled');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|