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.
335 lines
12 KiB
335 lines
12 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 sysUser = (SysUser) request.getSession().getAttribute("admin");
|
|
SysDept sysDept = (SysDept) request.getSession().getAttribute("region");
|
|
String earecodets = sysDept.getDcode();
|
|
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"/>
|
|
|
|
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<title>客流量分析</title>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var sysName = "景区客流量信息系统";
|
|
$("#sysName").html(sysName);
|
|
$("#bottom_menu").css('display','none');
|
|
$("#current_page").css('display','none');
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<%--<link rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_zlmxg.css">--%>
|
|
</head>
|
|
|
|
<body class="chext old_page transparency-header">
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
|
|
<!--漂浮-筛选条件-->
|
|
<div class="gy_sx"> <a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
|
|
<div class="sx_nr" id="div_search">
|
|
<a href="javascript:changedate('DAY')" name="datefx" id="a_DAY" class="xsflx active">按日分析</a>
|
|
<a href="javascript:changedate('MONTH')" name="datefx" id="a_MONTH" class="xsflx">按月分析</a>
|
|
<a href="javascript:changedate('YEAR')" name="datefx" id="a_YEAR" class="xsflx">按年分析</a>
|
|
<!-- <a href="#" class="xsflx active">按日分析</a> -->
|
|
<!-- <a href="#" class="xsflx">按月分析</a> -->
|
|
<!-- <a href="#" class="xsflx">按年分析</a> -->
|
|
<!-- <a href="#" class="xsflx">按季度分析</a> -->
|
|
<div class="sx_form sx_form2">
|
|
<div class="form_input2" id="tDAY" style="display: none;"><input id="openingTimeDAY" name="OpeningTime"></div>
|
|
<div class="form_input2" id="tMONTH" style="display: none;"><input id="openingTimeMONTH" name="OpeningTime"></div>
|
|
<div class="form_input2" id="tYEAR" style="display: none;"><input id="openingTimeYEAR" name="OpeningTime"></div>
|
|
|
|
<input type="hidden" id="dtype" name="dtype"/>
|
|
<input type="hidden" id="ddate" name="ddate"/>
|
|
<input type="hidden" id="areacode" name="areacode" value="<%=areacode %>"/>
|
|
<input type="hidden" id="earecode" name="earecode" value="<%=earecodets%>"/>
|
|
|
|
<div id="dept_sheng" class="form_select" style="width:150px;">
|
|
<select class="form-control " id = "videoRegionS" name = "videoRegionS" onchange="getSelectSysRegion()">
|
|
</select>
|
|
</div>
|
|
<div id="dept_shi" class="form_select" style="width:150px;">
|
|
<select class="form-control " id = "videoRegionShi" name = "videoRegionShi" onchange="getSelectSysRegion('videoRegion')" >
|
|
</select>
|
|
</div>
|
|
<div id="dept_xian" class="form_select" style="width:150px; ">
|
|
<select class="form-control " style="color:#ccc" id = "videoRegion" name = "videoRegion" onchange="setareacode()">
|
|
</select>
|
|
</div>
|
|
<!-- <div class="form_input2"><input id="openingTime" name="OpeningTime" value="2019-01-20"></div> -->
|
|
<!-- <div class="form_select" > -->
|
|
<!-- </div> -->
|
|
</div>
|
|
<span class="jb-leftx"></span> <span class="jb-rights"></span> </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/kll/kll_currtime.jsp" class="caid_xiang">游客量实时监测</a>
|
|
<a href="${ctx }/hbcyjc/kll/kll_flow.jsp" class="caid_xiang active">客流量分析</a>
|
|
<a href="${ctx }/hbcyjc/kll/kll_source.jsp" class="caid_xiang">游客结构</a>
|
|
<a href="${ctx }/hbcyjc/kll/kll_stay.jsp" 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="old_pg_wrap">
|
|
<div class="left block_3">
|
|
|
|
<div class="com_box_zsy mgn_r_15" >
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>客流量对比</span></h3>
|
|
</div>
|
|
<div style=" height:180px;">
|
|
<div id="klldb" style=" height:180px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="right block_7">
|
|
<div class="com_box_zsy" >
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>客流量趋势分布</span></h3>
|
|
</div>
|
|
<div style=" height:180px;">
|
|
<div id="kllqs" style=" height:180px;"></div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="left pf-2">
|
|
<div class="com_box_zsy mt15 mgn_r_15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>热门景区Top10</span></h3>
|
|
</div>
|
|
<div style=" height:300px;">
|
|
<div id="kllhotscenic" style=" height:300px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right pf-2">
|
|
<div class="com_box_zsy mt15">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>冷门景区Top10</span></h3>
|
|
</div>
|
|
<div style=" height:300px;">
|
|
<div id="kllcoolscenic" style=" height:300px;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
<div class="com_box_zsy mt15 ">
|
|
<span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>景区客流量</span></h3>
|
|
|
|
<input type="hidden" id="searchname" name="searchname" class="ipt_zycx" >
|
|
|
|
<!-- <div class="kll_sm_jqsch"> -->
|
|
<!-- <div class="dl_jq_sch ml10"> -->
|
|
<!-- <input type="text" id="searchname" name="searchname" class="ipt_zycx" placeholder="请输入景区名称" > -->
|
|
<!-- </input> -->
|
|
<!-- <a href="javascript:runsearch()" class="btn_a_1" >查询</a> -->
|
|
<!-- <div class="clear"></div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
|
|
</div>
|
|
<div class="left pf-2">
|
|
<table id="tableone" width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
</table>
|
|
</div>
|
|
<div class=" right pf-2">
|
|
<table id="tabletwo" width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
|
|
</table>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<div class="page_warp_wd">
|
|
<input id="currpageno" type="hidden" value="1"/>
|
|
<input id="dqys" type="hidden" value="1"/>
|
|
<div class="block_3 left">
|
|
<div class="wid_page">
|
|
<a href="javascript:gotoSyy()"><span class="page_bfe"></span></a>
|
|
<a href="javascript:gotoNext()"><span class="page_next"></span> </a>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
</div>
|
|
<div class=" right block_7">
|
|
<div class="page_state">
|
|
<p><span id="currnum">1</span>/<span id="totalpage">1</span></p>
|
|
<p>共：<span id="totalnum"></span>条数据</p>
|
|
</div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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 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 src="${ctx }/hbcyjc/kll/kll_flow/kll_scenic_new.js"></script>
|
|
<!-- 查询条件 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_flow/kll_flow_search.js"></script>
|
|
<!-- 获取当前时间js -->
|
|
<script src="${ctx }/js/dateutil.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
var earecode = document.getElementById('earecode').value; //模拟当前登录人所属行政地域编码
|
|
function init(){
|
|
Selectionxzqh();//三級联动
|
|
changedate('DAY');
|
|
}
|
|
|
|
|
|
//下一页
|
|
function gotoNext(){
|
|
var currpageno = document.getElementById("currpageno").value;
|
|
var state = document.getElementById("dtype").value;
|
|
var sdate = document.getElementById("ddate").value;
|
|
var areacode = document.getElementById("areacode").value;
|
|
var searchname = document.getElementById("searchname").value;
|
|
searchname = encodeURI(encodeURI(searchname));
|
|
var dqys = document.getElementById("dqys").value;
|
|
|
|
currpageno = parseInt(currpageno)+1;
|
|
dqys = parseInt(dqys)+1+1;
|
|
//debugger
|
|
$("#currpageno").val(currpageno);
|
|
if(currpageno < dqys){
|
|
ajaxscenicDaykll(areacode,state,sdate,currpageno,searchname);//景区客流量
|
|
}
|
|
}
|
|
|
|
|
|
//上一页
|
|
function gotoSyy(){
|
|
|
|
var currpageno = document.getElementById("currpageno").value;
|
|
var state = document.getElementById("dtype").value;
|
|
var sdate = document.getElementById("ddate").value;
|
|
var areacode = document.getElementById("areacode").value;
|
|
var searchname = document.getElementById("searchname").value;
|
|
searchname = encodeURI(encodeURI(searchname));
|
|
var dqys = document.getElementById("dqys").value;
|
|
|
|
dqys = parseInt(dqys) - 1;
|
|
if(dqys > 0){
|
|
ajaxscenicDaykll(areacode,state,sdate,dqys,searchname);//景区客流量
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '010402'; //测试，需要换成自己当前菜单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>
|
|
|