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.
342 lines
13 KiB
342 lines
13 KiB
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<%@ page import="com.cjy.sysuser.entity.SysUser" %>
|
|
<%@ page import="com.cjy.sysdept.entity.SysDept" %>
|
|
<%
|
|
SysUser sysUserdou = (SysUser) request.getSession().getAttribute("admin");
|
|
SysDept sysDept = (SysDept) request.getSession().getAttribute("region");
|
|
String areacode = "";
|
|
if(sysDept.getLevel() == 1){//省级
|
|
areacode = sysDept.getDremark().substring(0, 2);
|
|
}else if(sysDept.getLevel() == 2){//市级
|
|
// areacode = sysDept.getDremark().substring(0, 4);
|
|
if(sysDept.getDremark().equals("131401")){
|
|
areacode = "131401";
|
|
}else{
|
|
areacode = sysDept.getDremark().substring(0, 4);
|
|
}
|
|
}else if(sysDept.getLevel() == 3){//县级
|
|
areacode = sysDept.getDremark();
|
|
}else if(sysDept.getLevel() == 4){//地级市
|
|
areacode = sysDept.getDremark();
|
|
}
|
|
%>
|
|
<!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" />
|
|
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<script src="https://webapi.amap.com/maps?v=1.4.12&key=8ccbf0076c5d6202725eb9c4b3cec772"></script>
|
|
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>
|
|
<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
|
|
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
|
|
<link rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_style.css">
|
|
|
|
<script src="${ctx }/hbcyjc/resource/js/layer/layer.js"></script>
|
|
<title>车流量监测系统</title>
|
|
<style>
|
|
html, body, #container {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.btn {
|
|
position: relative;
|
|
width: 12rem;
|
|
left: 3.6rem;
|
|
margin: 10px 0 0 0;
|
|
}
|
|
*{ margin:0; padding:0; font-family:"Microsoft YaHei"}
|
|
.mp_lne{ height:32px;}
|
|
.mp_lne label{ display:inline; line-height:32px;color:#044ED7}
|
|
.mp_lne label span{ display:inline-block; width:20px; height:20px; margin-right:4px; background:url(${ctx }/hbcyjc/resourceNew/images/mp_icon.png) no-repeat; vertical-align:middle}
|
|
.mp_lne label span.ion_jt{ background-position:-3px -5px;}
|
|
.mp_lne label span.ion_shs{ background-position:-3px -38px;}
|
|
.mp_lne .map_zhi{ padding:0 20px 0 10px; font-size:14px; color:#333; font-weight:600; line-height:32px; line-height:32px; display:inline-block}
|
|
.mp_t_bt{ font-size:14px; color:#222; font-weight:500; line-height:normal}
|
|
.chext .header_top {
|
|
background: rgb(0,0,0,0.7);
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var sysName = "车流量监测系统";
|
|
$("#sysName").html(sysName);
|
|
$("#bottom_menu").css('display','none');
|
|
$("#current_page").css('display','none');
|
|
getLeftlowermenu();
|
|
});
|
|
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '012403'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
leftlowerhtml += "<span class=\"jb-lefts\"></span>"+
|
|
"<span class=\"jb-leftx\"></span>"+
|
|
"<span class=\"jb-rights\"></span>"+
|
|
"<span class=\"jb-rightx\"></span>";
|
|
$("#leftlowermenu").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body class="chext">
|
|
<input type="hidden" id="areacode" name="areacode" value="<%=areacode%>"/>
|
|
<div class="xingk" ></div>
|
|
<div class="chext_map" id="container"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
<!-- <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;" id = "leftlowermenu">
|
|
<a href="${ctx }/hbcyjc/cll/cll_currtime.jsp" class="caid_xiang">车流量实时监测</a>
|
|
<a href="${ctx }/hbcyjc/cll/cll_flow.jsp" class="caid_xiang active">车流量分析</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 id="yescll" class="col_qing"></strong></p>
|
|
<p>昨日高峰时段<strong id="yesgfq" class="col_cheng"></strong></p>
|
|
</div>
|
|
</div>
|
|
<div class="pf_2">
|
|
<div id="cll_dayhour" class="" style="height:160px;">
|
|
</div>
|
|
</div>
|
|
<div class=" clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="pf_2">
|
|
<div class="che_sjkj">
|
|
<h2 class="che_sjkxbt">车辆类型分析</h2>
|
|
<div id="cll_type" 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 id="cll_region" 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" id="div_list">
|
|
<!-- <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 id="div_che_jqjb" class="che_jqjb">
|
|
<a href="javascript:getVals(5)" name="nh" id="a_5" class="che_jbxz">5A</a>
|
|
<a href="javascript:getVals(4)" name="nh" id="a_4" class="che_jbxz">4A</a>
|
|
<a href="javascript:getVals(3)" name="nh" id="a_3" class="che_jbxz">3A</a>
|
|
<a href="javascript:getVals(2)" name="nh" id="a_2" class="che_jbxz">2A</a>
|
|
<a href="javascript:getVals(1)" name="nh" id="a_1" 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="${ctx }/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
//时间选择器
|
|
laydate.render({
|
|
elem: '#openingTime',
|
|
theme: 'datecolor'
|
|
|
|
});
|
|
</script>
|
|
|
|
<!--筛选隐藏显示-->
|
|
<script src="${ctx }/hbcyjc/resourceNew/js/jquery.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="${ctx }/hbcyjc/hikvision_cll/allregion.js"></script>
|
|
<!--数字滚动-->
|
|
<script src="${ctx }/hbcyjc/resourceNew/js/numberRun.js"></script>
|
|
<!-- 今天累积车流量 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_day.js"></script>
|
|
<!-- 地区车流量分析 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_region.js"></script>
|
|
<!-- 今天时刻车辆流量详情 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_dayhour.js"></script>
|
|
<!-- 车辆类型分析 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_type.js"></script>
|
|
<!-- 景区车流量监控 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_scenic.js"></script>
|
|
<!-- 获取当前时间js -->
|
|
<script src="${ctx }/js/dateutil.js"></script>
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
initMap();
|
|
$(".amap-logo").remove();
|
|
$(".amap-copyright").remove();
|
|
});
|
|
function init(){
|
|
var areacode = document.getElementById("areacode").value;
|
|
ajaxCllDay(areacode);//今日累积车流量
|
|
ajaxCllDayHour(areacode);//今天时刻车辆流量详情 getCllDayHour
|
|
ajaxCllType(areacode);//车辆类型分析
|
|
ajaxCllRegion(areacode);//地区车流量分析
|
|
getVals();//景区车流量监控
|
|
setInterval(function(){
|
|
var areacode = document.getElementById("areacode").value;
|
|
ajaxCllDay(areacode);//今日累积车流量
|
|
ajaxCllDayHour(areacode);//今天时刻车辆流量详情 getCllDayHour
|
|
ajaxCllType(areacode);//车辆类型分析
|
|
ajaxCllRegion(areacode);//地区车流量分析
|
|
getVals();//景区车流量监控
|
|
},10 * 60 * 1000)
|
|
}
|
|
var map;
|
|
var infoWindow ;
|
|
//初始化地图
|
|
function initMap() {
|
|
map = new AMap.Map('container', {
|
|
resizeEnable : true, //是否监控地图容器尺寸变化
|
|
zoom : 7, //初始化地图层级
|
|
center : [ 114.512074, 38.048178 ] //初始化地图中心点
|
|
});
|
|
var statellite = new AMap.TileLayer.Satellite();
|
|
map.getLayers()[0].hide();
|
|
statellite.show();
|
|
statellite.setMap(map);
|
|
}
|
|
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '012401'; //测试，需要换成自己当前菜单dicnum --> sys_menu_item_dictionary
|
|
$.ajax({
|
|
url : "${ctx}/hbcyjclogin/getzccd.do",
|
|
data : {"dicnum" : dicnum},
|
|
type : "post",
|
|
dataType : "json",
|
|
success : function(data) {
|
|
var leftlowerhtml = "";
|
|
if(data.success){
|
|
var zcdlist = data.data;
|
|
for(var i = 0;i<zcdlist.length;i++){
|
|
var menuurl = zcdlist[i].menuurl; //配置的链接
|
|
var dicname = zcdlist[i].dicname; //名称
|
|
if(dicnum == zcdlist[i].dicnum){
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang active\">"+dicname+"</a>";
|
|
}else{
|
|
leftlowerhtml +="<a href=\""+menuurl+"\" class=\"caid_xiang\">"+dicname+"</a>";
|
|
}
|
|
}
|
|
}
|
|
|
|
leftlowerhtml += "<span class=\"jb-lefts\"></span>"+
|
|
"<span class=\"jb-leftx\"></span>"+
|
|
"<span class=\"jb-rights\"></span>"+
|
|
"<span class=\"jb-rightx\"></span>";
|
|
|
|
$("#leftlowermenu").html(leftlowerhtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|