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.
405 lines
16 KiB
405 lines
16 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 earecode = sysDept.getDcode();
|
|
String areacode = "";
|
|
String areaname = "";
|
|
String dname = "";
|
|
try {
|
|
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();
|
|
}
|
|
// 获取当前登录人名称
|
|
SysUser user = (SysUser) request.getSession().getAttribute("admin");
|
|
areaname = user.getRealname();
|
|
dname = user.getDname();
|
|
// 当前登录人 行政区划代码 例如 衡水 是 131100
|
|
String logname = user.getLogname();
|
|
request.setAttribute("area_code",logname);
|
|
|
|
} catch (Exception e) {
|
|
}
|
|
|
|
request.setAttribute("region_code",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 src="${ctx }/hbcyjc/resourceNew/js/jquery-3.7.0.min.js"></script>
|
|
<%--<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"/>--%>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<%-- <script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/china.js"></script> --%>
|
|
<%-- <script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts-wordcloud.js"></script> --%>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/china.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/world.js"></script>
|
|
|
|
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
|
|
|
|
<%--<link rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_zlmxg.css">--%>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<title>游客结构</title>
|
|
<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');
|
|
});
|
|
</script>
|
|
<style>
|
|
.jd_degnum{ position:absolute; right:20px; top:18px; color:#25D7FB; font-size:14px;}
|
|
.com_mnjd li{ padding:5px 15px; position:relative}
|
|
.com_mnjd li h3{ color:#fff; font-size:14px; height:32px; line-height:20px;font-weight:normal;}
|
|
.com_mnjd li h3 span{ color:#007FFF; margin-right:10px; font-size:20px; font-weight:normal; vertical-align:middle}
|
|
.com_mnjd li.col_fir_1 h3 span{ color:#FFFF26;}
|
|
.com_mnjd li.col_fir_1 .wd_num{background:linear-gradient(to right, rgba(255,255,38,0), rgba(255,255,38,1));}
|
|
.com_mnjd li.col_fir_2 h3 span{ color:#34D800;}
|
|
.com_mnjd li.col_fir_2 .wd_num{background:linear-gradient(to right, rgba(54,217,0,0), rgba(54,217,0,1));}
|
|
.com_mnjd li.col_fir_3 h3 span{ color:#B800F8;}
|
|
.com_mnjd li.col_fir_3 .wd_num{background:linear-gradient(to right, rgba(191,0,255,0), rgba(191,0,255,1));}
|
|
.com_mnjd{
|
|
padding-top: 11px;
|
|
}
|
|
.kll_rit_fxd .com_box_zsy .age_fb {
|
|
margin-top: -9px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="chext old_page transparency-header">
|
|
<div class="xingk_nr"></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> -->
|
|
<!--漂浮-筛选条件-->
|
|
<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')" style="display: none;" 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="<%=earecode%>"/>
|
|
<input type="hidden" id="areaname" name="areaname" value="<%=areaname%>"/>
|
|
<input type="hidden" id = "dname" name = "dname" value="<%=dname%>"/>
|
|
<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: #CCCCCC;" 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">客流量分析</a>
|
|
<a href="${ctx }/hbcyjc/kll/kll_source.jsp" class="caid_xiang active">游客结构</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_lft_fxd kll_left slideInUp">
|
|
<!--热门客源地-->
|
|
<div class="dl_lft_c1">
|
|
<div class="dl_sub_bt">
|
|
<h3><span>热门客源地</span></h3>
|
|
</div>
|
|
<div class="tslyd_fb">
|
|
<ul class="com_mnjd" id="kydfb">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--右侧漂浮-->
|
|
<div class="kll_rit_fxd">
|
|
<div class="jiaoz_1" style=" padding:10px 10px 0 10px" >
|
|
<!--旅游性别年龄段-->
|
|
<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 class="age_fb proRotate">
|
|
<ul class="com_mnjd" id="kllage">
|
|
</ul>
|
|
</div>
|
|
<div class="ts_sex">
|
|
<div class="pic_sex"> <img src="${ctx }/hbcyjc/resourceNew/img2/sex.png" />
|
|
<div class="txt_sex">
|
|
<h3>女性<span id="nvxing">0%</span></h3>
|
|
<h4><span id="nanxing">0%</span>男性</h4>
|
|
</div>
|
|
<div class="sex_wp">
|
|
<div class="female_bfb" style="width:52%;"></div>
|
|
</div>
|
|
</div>
|
|
<c:if test="${region_code.indexOf('1399') != -1}">
|
|
<h3 style="text-align: center">未知<span id="weizhi">0%</span></h3>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
<!--游客消费水平-->
|
|
<%-- <div class="com_box_zsy mt15 size_chg " > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt ">
|
|
<h3><span>外省市在${sysUser.realname}消费排行</span></h3>
|
|
</div>
|
|
<div style="height:350px;">
|
|
<ul class="com_mnjd" id="xiaofei">
|
|
<li class="col_fir_1">
|
|
<h3>地市名称</h3>
|
|
<span class="jd_degnum">消费金额</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="cxfs_lbx">
|
|
<ul id="klltirp">
|
|
</ul>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--地图-->
|
|
<div class="">
|
|
<div id="chinamap" style="width:800px;height:760px; margin:0 auto; margin-top:100px;" ></div>
|
|
</div>
|
|
|
|
<script>
|
|
<!--自适应高度-->
|
|
window.onload = function() {
|
|
function auto_height() {
|
|
//iframe高度自适应
|
|
$(".jiaoz_1").height(document.documentElement.clientHeight - 140 + "px");
|
|
}
|
|
auto_height();
|
|
onresize = auto_height;
|
|
}
|
|
</script>
|
|
|
|
<!--时间选择器-->
|
|
<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-3.7.0.min.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
$(".bttn_tssx").click(function(){
|
|
$(".sx_nr").fadeToggle();
|
|
});
|
|
});
|
|
var AREA_CODE = "${area_code}";
|
|
</script>
|
|
|
|
<!-- 地区 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/areacode.js"></script>
|
|
<!-- 热门客源地 百分比 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_bfb.js"></script>
|
|
|
|
<!-- 游客年龄 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_age.js"></script>
|
|
<!-- 游客性别 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_sex.js"></script>
|
|
<!-- 游客消费水平 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_xfsp.js"></script>
|
|
<!-- 游客出行方式 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_cxfs.js"></script>
|
|
<!-- 查询条件 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_source_search.js"></script>
|
|
<!-- 获取当前时间js -->
|
|
<script src="${ctx }/js/dateutil.js"></script>
|
|
<!-- 热门客源地 中国地图展示 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/kll_map.js"></script>
|
|
|
|
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
$(function(){
|
|
init();
|
|
});
|
|
|
|
var earecode = document.getElementById('earecode').value; //模拟当前登录人所属行政地域编码
|
|
function init(){
|
|
// ajaxKllConsume();
|
|
Selectionxzqh();//三級联动
|
|
changedate('YEAR');
|
|
}
|
|
|
|
//消费
|
|
/* function ajaxKllConsume(){
|
|
|
|
var namearr = [];
|
|
var valarr = [];
|
|
var str = "";
|
|
$.ajax({
|
|
type : 'POST',
|
|
url : '${ctx}/kllstat/getKllIndexConsume.do',
|
|
data: {
|
|
earecode:earecode
|
|
},
|
|
dataType : 'json',
|
|
success : function(json) {
|
|
//算出查询出总和
|
|
var currentcounts=new Array();
|
|
for (var i = 0; i < json.length; i++) {
|
|
currentcounts.push(json[i].consume_amount);
|
|
}
|
|
var getSum=function(ar){
|
|
var arr=ar;
|
|
var sums=eval(arr.join("+"))
|
|
return sums;
|
|
};
|
|
var allNum = getSum(currentcounts);
|
|
for(var i = 0; i < json.length; i++){
|
|
// namearr.push(json[i].region_name);
|
|
// valarr.push({value:json[i].consume_amount, name:json[i].region_name});
|
|
str = str + "<li class=\"col_fir_1\">";
|
|
str = str + "<h3><span>"+(i+1)+"</span>"+json[i].region_name+"</h3>";
|
|
str = str + "<span class=\"jd_degnum\">￥"+json[i].consume_amount+".00</span>";
|
|
str = str + "<p class=\"mnjd_bg\">";
|
|
str = str + "<span class=\"wd_num\" style=\"width:"+parseInt(Number(json[i].consume_amount)/Number(allNum)*100)+"%\"></span>";
|
|
str = str + "</p>";
|
|
str = str + "</li>";
|
|
}
|
|
document.getElementById('xiaofei').innerHTML = str;
|
|
}
|
|
});
|
|
|
|
} */
|
|
|
|
|
|
|
|
|
|
getLeftlowermenu();
|
|
//获得左下角菜单
|
|
//加个id--leftlowermenu
|
|
function getLeftlowermenu(){
|
|
var dicnum = '010403'; //测试，需要换成自己当前菜单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);
|
|
|
|
// $('#leftlowermenu .active').text($('#sysName').text())
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|