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.
397 lines
14 KiB
397 lines
14 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 areacodets = "";
|
|
if(sysDept.getLevel() == 1){//省级
|
|
areacodets = sysDept.getDremark().substring(0, 2);
|
|
}else if(sysDept.getLevel() == 2){//市级
|
|
if(sysDept.getDremark().equals("131401")){
|
|
areacodets = "131401";
|
|
}else{
|
|
areacodets = sysDept.getDremark().substring(0, 4);
|
|
}
|
|
}else if(sysDept.getLevel() == 3){//县级
|
|
areacodets = sysDept.getDremark();
|
|
}else if(sysDept.getLevel() == 4){//地级市
|
|
areacodets = sysDept.getDremark();
|
|
}
|
|
|
|
request.setAttribute("region_code",sysDept.getDremark());
|
|
%>
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
|
"http://www.w3.org/TR/html4/loose.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>
|
|
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
|
|
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css"/>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css"/>
|
|
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<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>
|
|
<title>景区客流量信息系统-景区</title>
|
|
<style>
|
|
.mnjd_bg {
|
|
max-width: 170px;
|
|
}
|
|
|
|
html, body, #container {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.amap-icon img {
|
|
width: 25px;
|
|
height: 34px;
|
|
}
|
|
|
|
.amap-marker-label{
|
|
border: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.info{
|
|
position: relative;
|
|
top: 0;
|
|
right: 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
/* 左侧浮动选中效果 scale(1.3)改变大小*/
|
|
.onair p{ color:#00FFFF; font-weight:bold}
|
|
.onair span{animation: bigs 3s linear;transform: scale(1.3); }
|
|
@keyframes bigs{
|
|
from {transform: scale(1.0);}
|
|
to {transform: scale(1.3);}
|
|
}
|
|
|
|
/* element.style { */
|
|
/* background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF7D4A),color-stop(100%,#9C1D11)); */
|
|
/* border-radius: 5px; */
|
|
/* } */
|
|
|
|
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
var sysName = "景区客流量信息系统";
|
|
|
|
if('${region_code}'.indexOf('1399')!=-1){
|
|
sysName = '客流量总览';
|
|
document.getElementsByTagName("title")[0].innerText = sysName;
|
|
}
|
|
|
|
$("#sysName").html(sysName);
|
|
$("#bottom_menu").css('display','none');
|
|
$("#current_page").css('display','none');
|
|
$("#geography_map").css('display','');
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body class="chext">
|
|
<input type="hidden" id="areacode" name="areacode" value="<%=areacodets %>"/>
|
|
|
|
<!--2019-头部-->
|
|
<div style="width:100%; height:1000px;" 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 class="hd_top_btn"> <a href="javascript:setSatellite()" class="on">卫星地图</a> <a href="javascript:hideSatellite()">数字地图</a> </div> -->
|
|
<!-- </div> -->
|
|
|
|
<div class="che_caid">
|
|
<a class="bttn_caid"><span class="bttn_sxdh"></span></a>
|
|
<div class="caid_nr" style="width:140px;box-sizing: content-box;" id = "leftlowermenu">
|
|
<a href="${ctx }/hbcyjc/kll/kll_currtime.jsp" class="caid_xiang active">游客量实时监测</a>
|
|
<a href="${ctx }/hbcyjc/kll/kll_flow.jsp" class="caid_xiang">客流量分析</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="dl_rit_fxd"> <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<ul class="dl_jq_rtb" id="kllshow">
|
|
</ul>
|
|
<div class="jiaoz_1" style="height: 690px;">
|
|
<div class="bdmall-tab-list" id="con_two_1" style="display: block;height: 785px;">
|
|
<div class="jqkll_djqh">
|
|
<div id="div_che_jqjb" class="che_jqjb">
|
|
<input type="hidden" id="result" name="result" />
|
|
<a href="javascript:getVals(5)" data-id="5" name="nh" id="a_5" class="che_jbxz">5A</a>
|
|
<a href="javascript:getVals(4)" data-id="4" name="nh" id="a_4" class="che_jbxz active">4A</a>
|
|
<a href="javascript:getVals(3)" data-id="3" name="nh" id="a_3" class="che_jbxz active">3A</a>
|
|
<a href="javascript:getVals(2)" data-id="2" name="nh" id="a_2" class="che_jbxz active">2A</a>
|
|
<a href="javascript:getVals(0)" data-id="0" name="nh" id="a_0" class="che_jbxz active">其他</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dl_dqph">
|
|
<div class="jq_good fadeInUp">
|
|
<!--列表部分-->
|
|
<div class="tslyd_fb">
|
|
<ul id="ul_currscenic" class="com_mnjd hs_data">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dl_r_pg flexbox">
|
|
<input id="currpageno" type="hidden" value="1"/>
|
|
<div class="flex-1"><a href="javascript:gotoSyy()"><span class="page_bfe"></span></a></div>
|
|
<div class="flex-1"><span id="currnum">1</span>/<span id="totalpage">2</span>共：<span id="totalnum"></span></div>
|
|
<div class="flex-1"><a href="javascript:gotoNext()"><span class="page_next"></span></a></div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="bdmall-tab-list" id="con_two_2" style="display:none;height: 785px;">
|
|
|
|
<div class="dl_dqph">
|
|
<div class="jq_good fadeInUp">
|
|
<!--列表部分-->
|
|
<div class="tslyd_fb">
|
|
<ul id="ul_areascenic" class="com_mnjd">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="dl_r_pg flexbox">
|
|
<input id="currpageno1" type="hidden" value="1"/>
|
|
<div class="flex-1"><a href="javascript:gotoSyy1()"><span class="page_bfe"></span></a></div>
|
|
<div class="flex-1"><span id="currnum1">1</span>/<span id="totalpage1">1</span>共：<span id="totalnum1"></span></div>
|
|
<div class="flex-1"><a href="javascript:gotoNext1()"><span class="page_next"></span></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--左侧漂浮-->
|
|
<div class="dl_lft_fxd">
|
|
<div class="dl_lft_c1">
|
|
<div class="dl_sub_bt">
|
|
<h3><span>当前实时游客量<%--(<a id="scount" style="color: #08FFFF;">0</a>个景区)--%></span></h3>
|
|
</div>
|
|
<div class="che_sjkj">
|
|
<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>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>游客量趋势:</span></h3>
|
|
</div>
|
|
<div id="klltrend" style="height:160px;"></div>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>景区饱和度</span></h3>
|
|
</div>
|
|
<div class="flexbox flipInY">
|
|
<div class="flex-1 unit_bhd" id="ssdbj" onclick="javascript:getVals(5,'serious')" onmouseover="this.style.cursor='hand'"> <span id="span_bj">0</span>
|
|
<p>报警</p>
|
|
</div>
|
|
<div class="flex-1 unit_bhd" id="ssdyj" onclick="javascript:getVals(5,'crowding')" onmouseover="this.style.cursor='hand'"> <span id="span_yj">0</span>
|
|
<p>拥挤</p>
|
|
</div>
|
|
<div class="flex-1 unit_bhd" id="ssdsz" onclick="javascript:getVals(5,'general')" onmouseover="this.style.cursor='hand'"> <span id="span_sz">0</span>
|
|
<p>适中</p>
|
|
</div>
|
|
<div class="flex-1 unit_bhd" id="ssdss" onclick="javascript:getVals(5,'comfort')" onmouseover="this.style.cursor='hand'"> <span id="span_ss">0</span>
|
|
<p>舒适</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--选项卡-->
|
|
<script>
|
|
<!--自适应高度-->
|
|
window.onload = function() {
|
|
init();
|
|
initMap();
|
|
setSatellite(); // 卫星地图
|
|
// hideSatellite(); // 数字地图
|
|
function auto_height() {
|
|
//iframe高度自适应
|
|
$(".jiaoz_1").height(document.documentElement.clientHeight - 190 + "px");
|
|
}
|
|
auto_height();
|
|
onresize = auto_height;
|
|
};
|
|
var map;
|
|
var heatmap; // 热力图
|
|
var infoWindow ;
|
|
var statellite = new AMap.TileLayer.Satellite();//卫星图定义
|
|
var mapssklldata;
|
|
//选项卡
|
|
function setTab(name,cursel,n){
|
|
sszttiaojian = "";
|
|
|
|
for(i=1;i<=n;i++){
|
|
var menu=document.getElementById(name+i);
|
|
var con=document.getElementById("con_"+name+"_"+i);
|
|
menu.className=i==cursel?"hover":"";
|
|
con.style.display=i==cursel?"block":"none";
|
|
}
|
|
|
|
//解决-多次点击后选择5A选不中问题，先让他不先中
|
|
var aclass = $('#a_' + 5).attr('class');
|
|
if (aclass == "che_jbxz") {
|
|
$('#a_' + 5).removeClass("che_jbxz");
|
|
$('#a_' + 5).addClass("che_jbxz active");
|
|
} else {
|
|
$('#a_' + 5).removeClass("che_jbxz active");
|
|
$('#a_' + 5).addClass("che_jbxz");
|
|
}
|
|
|
|
getVals(5);//景区实时客流量
|
|
}
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/kll/kll_structure/areacode.js"></script>
|
|
<!--数字滚动-->
|
|
<script src="${ctx }/hbcyjc/resourceNew/js/numberRun.js"></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 src="${ctx}/hbcyjc/lydlxxxt/map_border_arr.js"></script>
|
|
<!-- 景区地图map展示 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_currtime/kll_map.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
<%-- 区域代码 --%>
|
|
var AREA_CODE = '${region.dremark}';
|
|
<%-- 区域名称 --%>
|
|
var AREA_NAME = '${admin.realname}';
|
|
|
|
var AREA_DIS_LEVEL = '${admin.earecode}';
|
|
var len = AREA_DIS_LEVEL.length;
|
|
if(len == 6){
|
|
AREA_DIS_LEVEL='district'
|
|
}else if(len == 4 ){
|
|
AREA_DIS_LEVEL='city'
|
|
}else{
|
|
AREA_DIS_LEVEL='province'
|
|
AREA_NAME = '河北省';
|
|
}
|
|
|
|
//初始化数据
|
|
function init(){
|
|
var areacode = document.getElementById("areacode").value;
|
|
var str = "";
|
|
if(areacode == 13){//为省级
|
|
str = str + "<li id=\"two1\" onclick=\"setTab('two',1,2)\" class=\"hover\">";
|
|
str = str + "<p>景区实时客流量</p>";
|
|
str = str + "</li>";
|
|
str = str + "<li id=\"two2\" onclick=\"setTab('two',2,2)\">";
|
|
str = str + "<p>市域客流量</p>";
|
|
str = str + "</li>";
|
|
}else{
|
|
str = str + "<li id=\"two1\" onclick=\"setTab('two',1,2)\" class=\"hover\">";
|
|
str = str + "<p>景区实时客流量</p>";
|
|
str = str + "</li>";
|
|
}
|
|
document.getElementById("kllshow").innerHTML = str;
|
|
|
|
getCurrKll(areacode);//当前客流量
|
|
getKllTrend(areacode);//客流量趋势
|
|
getBh(areacode);//景区饱和度
|
|
getVals(5);//景区实时客流量
|
|
getAreaKll(1);//市区实时客流量
|
|
|
|
}
|
|
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '010401'; //测试，需要换成自己当前菜单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(dicname == "游客结构" && '${region_code}'.indexOf('1399') != -1){
|
|
dicname = "游客画像分析";
|
|
}
|
|
if(dicname == "游客逗留时间" && '${region_code}'.indexOf('1399') != -1){
|
|
dicname = "游客逗留分析";
|
|
}
|
|
if(dicname=='游客量实时监测' && '${region_code}'.indexOf('1399') != -1){
|
|
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> |