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.
106 lines
4.0 KiB
106 lines
4.0 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
|
<%@ include file="/common/ctx.jsp"%>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/css/cjy_style.css" />
|
|
<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 type="text/javascript" src="https://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
|
|
<title>车流量实时监测</title>
|
|
</head>
|
|
|
|
<body style="height:1080px; width:1920px;">
|
|
<div class="xingk_nr"></div>
|
|
<div class="header">
|
|
<h3 class="header_bt">车流量实时监测</h3>
|
|
<a href="#" class="nav" id="showLeft"><i class="nav_icon icon_caidan"></i>菜单</a>
|
|
<a href="${ctx }/hbcyjc/index.jsp" class="nav_home"><i class="nav_icon icon_zhuye"></i>首页</a>
|
|
<div class="kll_link">
|
|
<a href="${ctx }/hbcyjc/kll/index.jsp" class="right_sec">
|
|
<em class="return_icon"></em>返回
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="zuoce cbp-spmenu-left" id="cbp-spmenu-s1">
|
|
<a href="${ctx }/hbcyjc/kll/index.jsp" class="on"><i class="nav_icon icon_zhuye"></i>客流量监测</a>
|
|
<a href="${ctx }/hbcyjc/basicresources/basicresources.jsp"><i class="nav_icon icon_zhuye"></i>旅游基础资源</a>
|
|
<a href="${ctx }/hbcyjc/network/network_all.jsp"><i class="nav_icon icon_zhuye"></i>旅游网评分析</a>
|
|
<a href="${ctx }/hbcyjc/complaint/complaint.jsp"><i class="nav_icon icon_zhuye"></i>旅游投诉分析</a>
|
|
<a href="#"><i class="nav_icon icon_zhuye"></i>视频监控管理</a>
|
|
<a href="${ctx }/hbcyjc/cll/cll_flow.jsp"><i class="nav_icon icon_zhuye"></i>车流量分析</a>
|
|
<a href="${ctx }/hbcyjc/cll/cll_currtime.jsp"><i class="nav_icon icon_zhuye"></i>车流量实时监测</a>
|
|
</div>
|
|
<div>
|
|
<div class="index_left left mt20">
|
|
<div class="w920">
|
|
<h3 class="box_bt">地区车流量分析</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:540px;">
|
|
<div id="cll_region" style="width:100%; height:540px;" ></div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
</div>
|
|
<div class="index_right right mt20">
|
|
<div class="w920">
|
|
<h3 class="box_bt">时刻车流量</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:540px;">
|
|
<div id="cll_dayhour" style="width:100%; height:540px;"></div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<div class="jqk_wp">
|
|
<h2 class="fst_tit">景区客流量</h2>
|
|
<div class="w920 left" >
|
|
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1" id="tableone">
|
|
</table>
|
|
</div>
|
|
<div class="w920 right">
|
|
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1" id="tabletwo">
|
|
</table>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<!--左侧滑动菜单-->
|
|
<script src="${ctx }/hbcyjc/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>
|
|
<!-- 地区车流量分析 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_region.js"></script>
|
|
<!-- 今天时刻车辆流量详情 -->
|
|
<script src="${ctx }/hbcyjc/cll/cll_currtime/cll_dayhour.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
function init(){
|
|
ajaxCllDayHour();//今天时刻车辆流量详情 getCllDayHour
|
|
ajaxCllRegion();//地区车流量分析
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|