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.
157 lines
5.7 KiB
157 lines
5.7 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>
|
|
<title>客流量分析</title>
|
|
</head>
|
|
|
|
<body style="height:1080px; width:1920px;">
|
|
<input type="text" id="state" name="state" value="MONTH"/>
|
|
<input type="text" id="sdate" name="sdate" value="2019-01"/>
|
|
<input type="text" 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/kll/kll_currtime.jsp"><i class="nav_icon icon_zhuye"></i>客流量实时监测</a>
|
|
</div>
|
|
<div>
|
|
<div class="index_left left mr20">
|
|
<div class="mt20">
|
|
<div class="w443">
|
|
<h3 class="box_bt">客流量对比</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:240px;">
|
|
<div id="klldb" style="width:100%; height:240px;">图表</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index_right right mt2">
|
|
<div class="w1363">
|
|
<h3 class="box_bt">客流量趋势分布</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:230px;">
|
|
<div id="kllqs" style="width:100%; height:230px;"></div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</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:240px;">
|
|
<div id="kllhotscenic" style="width:100%; height:240px;" ></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:240px;">
|
|
<div id="kllcoolscenic" style="width:100%; height:240px;"></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_flow/kll_db.js"></script>
|
|
<!-- 客流量趋势 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_flow/kll_qs.js"></script>
|
|
<!-- 热门景区 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_flow/kll_hot.js"></script>
|
|
<!-- 冷门景区 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_flow/kll_cool.js"></script>
|
|
<!-- 景区客流量 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_flow/kll_scenic.js"></script>
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
function init(){
|
|
var state = document.getElementById("state").value;
|
|
var sdate = document.getElementById("sdate").value;
|
|
var areacode = document.getElementById("areacode").value;
|
|
|
|
if(state == 'DAY'){
|
|
ajaxkllDaydb(areacode,state,sdate);//客流量对比
|
|
ajaxkllDayqs(areacode,state,sdate);//客流量趋势
|
|
}else if(state == 'MONTH'){
|
|
ajaxkllMonthdb(areacode,state,sdate);//客流量对比
|
|
ajaxkllMonthqs(areacode,state,sdate);//客流量趋势
|
|
}else if(state == 'YEAR'){
|
|
ajaxkllYeardb(areacode,state,sdate);//客流量对比
|
|
ajaxkllYearqs(areacode,state,sdate);//客流量趋势
|
|
}
|
|
ajaxkllhotDayscenic(areacode,state,sdate);//热门景区
|
|
ajaxkllcoolDayscenic(areacode,state,sdate);//冷门景区
|
|
ajaxscenicDaykll(areacode,state,sdate);//景区客流量
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|