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.
126 lines
5.1 KiB
126 lines
5.1 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-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
|
|
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
|
|
<script type="text/javascript" src="${ctx }/js/common/cjy_form.js"></script>
|
|
|
|
<title>客流量实时监测</title>
|
|
</head>
|
|
|
|
<body style="height:1080px; width:1920px;">
|
|
<input type="hidden" id="areacode" name="areacode" value="13"/>
|
|
<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>
|
|
<a href="${ctx }/hbcyjc/kll/kll_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;">
|
|
<input type="checkbox" name="vals" value="5" checked="checked" onchange="getval()"/>5A
|
|
<input type="checkbox" name="vals" value="4" onchange="getval()"/>4A
|
|
<input type="checkbox" name="vals" value="3" onchange="getval()"/>3A
|
|
<input type="checkbox" name="vals" value="2" onchange="getval()"/>2A
|
|
<input type="checkbox" name="vals" value="1" onchange="getval()"/>其他
|
|
<div id="kll_sceniccurr" 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/kll/kll_currtime/kll_sceniccurr.js"></script>
|
|
<!-- 市区实时客流量 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_areacode.js"></script>
|
|
<!-- 当前客流量 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_currkll.js"></script>
|
|
<!-- 客流量趋势 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_klltrend.js"></script>
|
|
<!-- 景区饱和度 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_bh.js"></script>
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
function init(){
|
|
var areacode = document.getElementById("areacode").value;
|
|
|
|
getval();//景区实时客流量
|
|
getAreaKll();//市区实时客流量
|
|
getCurrKll(areacode);//当前客流量
|
|
getKllTrend(areacode);//客流量趋势
|
|
getBh(areacode);//景区饱和度
|
|
}
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|