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.
1055 lines
33 KiB
1055 lines
33 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 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.min.js"></script>
|
|
|
|
|
|
<script src="${ctx }/hbcyjc/resource/js/jquery.min.js"></script>
|
|
<script src="${ctx }/hbcyjc/resource/js/layer/layer.js"></script>
|
|
<%-- <script src="${ctx}/js/layer/layer.js"></script> --%>
|
|
|
|
<!-- 数字滚动 -->
|
|
<script src="${ctx}/hbcyjc/resourceNew/js/numberRun.js"></script>
|
|
|
|
|
|
|
|
<%--<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_style2.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>
|
|
|
|
|
|
<title>导游监测分析系统</title>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
if('${isDept}'=='city'){
|
|
chooseCounty(false);
|
|
}else if('${isDept}'=='province'){
|
|
chooseCity(false);
|
|
chooseCounty(false);
|
|
}
|
|
});
|
|
//根据省查询市
|
|
function chooseCity(flag){
|
|
var deptid = $("#province").val();
|
|
if(deptid){
|
|
$.ajax({
|
|
url : "${ctx}/sysdept/selectBydpid.do",
|
|
data : {"deptid" : deptid},
|
|
type : "post",
|
|
dataType : "json",
|
|
async : false,
|
|
success : function(data) {
|
|
document.getElementById("city").options.length=0;//删除所有option
|
|
$("#city").append("<option value=''>-请选择-</option>");
|
|
if(data!=null && data.length>0){
|
|
for(var i=0;i<data.length;i++){
|
|
$("#city").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
|
|
}
|
|
$("#city option[value='${city}']").attr("selected",true);
|
|
}
|
|
if(flag){
|
|
seledata();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
//根据市查询 区/县
|
|
function chooseCounty(flag){
|
|
var deptid = $("#city").val();
|
|
if(deptid){
|
|
$.ajax({
|
|
url : "${ctx}/sysdept/selectBydpid.do",
|
|
data : {"deptid" : deptid},
|
|
type : "post",
|
|
dataType : "json",
|
|
async : false,
|
|
success : function(data) {
|
|
document.getElementById("county").options.length=0;//删除所有option
|
|
$("#county").append("<option value=''>-请选择-</option>");
|
|
if(data!=null && data.length>0){
|
|
for(var i=0;i<data.length;i++){
|
|
$("#county").append("<option value='"+data[i].dremark+"'>"+data[i].dname+"</option>");
|
|
}
|
|
$("#county option[value='${county}']").attr("selected",true);
|
|
}
|
|
if(flag){
|
|
seledata();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
$(document).ready(function() {
|
|
var sysName = "导游监测系统";
|
|
$("#sysName").html(sysName);
|
|
|
|
$("#bottom_menu").css('display', 'none');
|
|
$("#current_page").css('display', 'none');
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</head>
|
|
<body class="chext old_page transparency-header">
|
|
<div class="xingk_nr"></div>
|
|
<%@include file="/common/menu.jsp" %>
|
|
|
|
<!--漂浮-筛选条件-->
|
|
<div class="gy_sx" style="display: none;">
|
|
<a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
|
|
<div class="sx_nr" style="text-align: center;">
|
|
<a href="javascript:chooseSearchType('day');" class="xsflx" id="search_day">按日分析</a>
|
|
<a href="javascript:chooseSearchType('month');" class="xsflx" id="search_month">按月分析</a>
|
|
<a href="javascript:chooseSearchType('year');" class="xsflx active" id="search_year">按年分析</a>
|
|
<div class="sx_form sx_form2">
|
|
<div class="form_input2" id="div_select_date">
|
|
</div>
|
|
|
|
<div class="form_select">
|
|
<select id="province" name="province" onchange="chooseCity(true)">
|
|
<c:forEach items="${provinceList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == province}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form_select">
|
|
<select class="form-control" id="city" name="city" onchange="chooseCounty(true)">
|
|
<c:forEach items="${cityList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == city}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form_select">
|
|
<select class="form-control" id="county" name="county" onchange="seledata()">
|
|
<c:forEach items="${countyList}" var="dept">
|
|
<c:choose>
|
|
<c:when test="${dept.dremark == county}">
|
|
<option value="${dept.dremark}" selected="selected">${dept.dname}</option>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<option value="${dept.dremark}">${dept.dname}</option>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<span class="jb-leftx"></span>
|
|
<span class="jb-rights"></span>
|
|
</div>
|
|
</div>
|
|
<!--漂浮-筛选条件 结束-->
|
|
|
|
|
|
|
|
<div class="old_pg_wrap wlp_sm_1">
|
|
|
|
<div class="flexbox">
|
|
<div class="flex-2">
|
|
<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:240px;">
|
|
<div class="che_sjkj">
|
|
<div class="gdsz" style="margin-top:0; margin-bottom:10px">
|
|
<div class="pl_zongs">导游<br />
|
|
总数</div>
|
|
<div class="shuzi">
|
|
<div class="numberRun7" style="padding-left: 30px;"></div>
|
|
</div>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
<!--数字滚动-->
|
|
<script src="${ctx}/hbcyjc/resourceNew/js/numberRun.js"></script>
|
|
</div>
|
|
</div>
|
|
<div class="flexbox">
|
|
<div class="flex-1 mgn_r_15" id = "hyzzdyyhtsj">
|
|
<div style="height:180px; width: 200px;" id = "hyzzdyyht">环形图</div>
|
|
</div>
|
|
<div class="flex-1 mgn_r_15" id = "lxszzdysj">
|
|
<div style="height:180px; width: 200px;" id = "lxszzdy">环形图</div>
|
|
</div>
|
|
<div class="flex-1"> <div style="height:180px;">
|
|
<div class="dyld_wp pulse">
|
|
<div class="dyld_zj" id = "ldzs"></div>
|
|
<div class="unit_dyld_1" id = "galdsl"></div>
|
|
<div class="unit_dyld_1" id = "cjldsl"></div>
|
|
<div class="unit_dyld_1" id = "bjldsl"></div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
</div></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<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:240px;">
|
|
|
|
<div class="dy_djste" id = "dydjtj">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy" > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>语种分布TOP5</span></h3>
|
|
</div>
|
|
<div style="height:240px;">
|
|
<div class="dy_yzfb" id = "yzfbqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flexbox mt15">
|
|
<!-- <div class="flex-1" >
|
|
<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>行业组织导游数量TOP5</span></h3>
|
|
</div>
|
|
<div style="height:240px;" id = "hyzzdyslqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
<div class="flex-1" >
|
|
<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>旅行社导游数量TOP5</span></h3>
|
|
</div>
|
|
<div style="height:240px;" id = "lxsdyslqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<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>毕业院校TOP5</span></h3>
|
|
</div>
|
|
<div style="height:240px;">
|
|
<div class="jq_good">
|
|
<div class="tslyd_fb" id = "byyxqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy" > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>毕业专业TOP5</span></h3>
|
|
</div>
|
|
<div style=" height:240px;">
|
|
<div class="jq_good hol_good">
|
|
<div class="tslyd_fb" id = "byzyqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt15 flexbox tsfx_sm_3">
|
|
<div class="flex-1" >
|
|
<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:240px;">
|
|
<div class="ts_sex">
|
|
<div class="pic_sex"> <img src="${ctx }/hbcyjc/resource/img2/sex.png">
|
|
<div class="txt_sex" id = "dyxbbl">
|
|
|
|
</div>
|
|
<div class="sex_wp" id = "dyxbblnum">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<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:240px;">
|
|
<div class="tsyk_nlbl fadeInUp" style="padding-top:0" id= "dynlbl">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<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:240px;">
|
|
<div class="dyjc_xlfb" id= "dyxlfb">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1">
|
|
<div class="com_box_zsy" > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
|
|
<div class="dl_sub_bt">
|
|
<h3><span>导游民族分布TOP5</span></h3>
|
|
</div>
|
|
<div style="height:240px;">
|
|
<div class="dy_mzfb" id = "dymzfbqw">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
//---------------------------旅游监测分析-----------------------------
|
|
|
|
|
|
//导游领队概述
|
|
function dyldgs(dyjcfxdyldgs){
|
|
if(dyjcfxdyldgs.length >= 3){
|
|
var dyjcfxdyldgshtml = "";
|
|
var dyzs = dyjcfxdyldgs[0].type; //导游总数
|
|
var dyzsnum = dyjcfxdyldgs[0].ratio; //导游总数
|
|
|
|
var hyzjdy = dyjcfxdyldgs[1].type; //行业组织导游
|
|
var hyzjdynum = dyjcfxdyldgs[1].ratio; //行业组织导游
|
|
|
|
var lxsdy = dyjcfxdyldgs[2].type; //旅行社导游
|
|
var lxsdynum = dyjcfxdyldgs[2].ratio; //旅行社导游
|
|
|
|
dyldgsyht(hyzjdynum,hyzjdy,"hyzzdyyht");//echarts 行业组织导游
|
|
dyldgsyhtdou(lxsdynum,lxsdy,"lxszzdy");//echarts 旅行社组织导游
|
|
|
|
var ldzshtml = " <h4>领队总数</h4>"+
|
|
"<p>"+ (dyjcfxdyldgs[6] ? dyjcfxdyldgs[6].ratio : 0) +"</p>";
|
|
var galdslhtml = "<h4>港澳<br />领队数量</h4>"+
|
|
"<p>"+ (dyjcfxdyldgs[3] ? dyjcfxdyldgs[3].ratio : 0) +"</p>";
|
|
|
|
var cjldslhtml = "<h4>出境<br />领队数量</h4>"+
|
|
"<p>"+ (dyjcfxdyldgs[4] ? dyjcfxdyldgs[4].ratio : 0) +"</p>";
|
|
|
|
var bjldzshtml = "<h4>边境<br />领队数量</h4>"+
|
|
"<p>"+ (dyjcfxdyldgs[5] ? dyjcfxdyldgs[5].ratio : 0) +"</p>";
|
|
//导游总数
|
|
var numRun6 = $(".numberRun7").numberAnimate({
|
|
num : dyzsnum,
|
|
speed : 2000,
|
|
numType: ''
|
|
});
|
|
|
|
$("#ldzs").html(ldzshtml);
|
|
$("#galdsl").html(galdslhtml);
|
|
$("#cjldsl").html(cjldslhtml);
|
|
$("#bjldsl").html(bjldzshtml);
|
|
}else{
|
|
var ldzshtml = " <h4>领队总数</h4>"+
|
|
"<p>0</p>";
|
|
var galdslhtml = "<h4>港澳<br />领队数量</h4>"+
|
|
"<p>0</p>";
|
|
|
|
var cjldslhtml = "<h4>出境<br />领队数量</h4>"+
|
|
"<p>0</p>";
|
|
|
|
var bjldzshtml = "<h4>边境<br />领队数量</h4>"+
|
|
"<p>0</p>";
|
|
|
|
$("#ldzs").html(ldzshtml);
|
|
$("#galdsl").html(galdslhtml);
|
|
$("#cjldsl").html(cjldslhtml);
|
|
$("#bjldsl").html(bjldzshtml);
|
|
|
|
$("#hyzzdyyhtsj").html("<div style=\"height:180px; width: 200px;\" id = \"hyzzdyyht\">环形图</div>");
|
|
$("#lxszzdysj").html("<div style=\"height:180px; width: 200px;\" id = \"lxszzdy\">环形图</div>");
|
|
dyldgsyht(hyzjdynum,hyzjdy,"hyzzdyyht");//echarts 行业组织导游，，，，，，，
|
|
dyldgsyhtdou(lxsdynum,lxsdy,"lxszzdy");//echarts 旅行社组织导游
|
|
}
|
|
}
|
|
|
|
//导游等级统计
|
|
function dydjtj(dyjcfxdydjtj){
|
|
if(dyjcfxdydjtj.length > 0){
|
|
var dyjcfxdydjtjhtml = "";
|
|
var cj = dyjcfxdydjtj[0].grade; //初级
|
|
var cjnum = dyjcfxdydjtj[0].ratio; //初级
|
|
var dydjtjclass = "";
|
|
for(var i = 0;i<dyjcfxdydjtj.length;i++){
|
|
dyjcfxdydjtjhtml += "<div class=\"unit_dysta_1\"><p>"+dyjcfxdydjtj[i].ratio+"%</p><h4>"+dyjcfxdydjtj[i].grade+"</h4></div>";
|
|
}
|
|
dyjcfxdydjtjhtml += "<div class=\"clear\"></div>";
|
|
|
|
$("#dydjtj").html(dyjcfxdydjtjhtml);
|
|
}else{
|
|
var dyjcfxdydjtjhtml = "";
|
|
dyjcfxdydjtjhtml += "<div class=\"unit_dysta_1\"><p>0%</p><h4>初级</h4></div>";
|
|
dyjcfxdydjtjhtml += "<div class=\"unit_dysta_1\"><p>0%</p><h4>中级</h4></div>";
|
|
dyjcfxdydjtjhtml += "<div class=\"unit_dysta_1\"><p>0%</p><h4>高级</h4></div>";
|
|
dyjcfxdydjtjhtml += "<div class=\"unit_dysta_1\"><p>0%</p><h4>特级</h4></div>";
|
|
|
|
dyjcfxdydjtjhtml += "<div class=\"clear\"></div>";
|
|
$("#dydjtj").html(dyjcfxdydjtjhtml);
|
|
}
|
|
}
|
|
|
|
|
|
//语种分布TOP5
|
|
function yzfbqw(dyjcfxyzfbqwu){
|
|
if(dyjcfxyzfbqwu.length > 0){
|
|
var yzfbqwhtml = "";
|
|
for(var i = 0;i<dyjcfxyzfbqwu.length;i++){
|
|
yzfbqwhtml += "<div class=\"unit_dyyz_1\"><h4>"+dyjcfxyzfbqwu[i].ratio+"</h4><p>"+dyjcfxyzfbqwu[i].type+"<span>(人)</span></p></div>";
|
|
}
|
|
yzfbqwhtml += "<div class=\"clear\"></div>";
|
|
$("#yzfbqw").html(yzfbqwhtml);
|
|
}else{
|
|
var yzfbqwhtml = "";
|
|
for(var i = 0;i<5;i++){
|
|
yzfbqwhtml += "<div class=\"unit_dyyz_1\"><h4>0</h4><p>0<span>(人)</span></p></div>";
|
|
}
|
|
yzfbqwhtml += "<div class=\"clear\"></div>";
|
|
$("#yzfbqw").html(yzfbqwhtml);
|
|
}
|
|
}
|
|
|
|
|
|
//行业组织导游数量TOP5
|
|
function hyzzdysl(dyjcfxhyzzdyslqwu){
|
|
if(dyjcfxhyzzdyslqwu.length > 0){
|
|
var dyjcfxhyzzdyslqwuhtml = "<ul class=\"dy_hynum\">";
|
|
for(var i = 0;i<dyjcfxhyzzdyslqwu.length;i++){
|
|
dyjcfxhyzzdyslqwuhtml += "<li><p>"+dyjcfxhyzzdyslqwu[i].type+"</p><h4>"+dyjcfxhyzzdyslqwu[i].ratio+"</h4></li>";
|
|
}
|
|
dyjcfxhyzzdyslqwuhtml += "</ul>";
|
|
$("#hyzzdyslqw").html(dyjcfxhyzzdyslqwuhtml);
|
|
}else{
|
|
|
|
$("#hyzzdyslqw").html("");
|
|
}
|
|
}
|
|
|
|
//旅行社导游数量TOP5
|
|
function lxsdysl(dyjcfxlxsdyslqwu){
|
|
|
|
if(dyjcfxlxsdyslqwu.length > 0){
|
|
var dyjcfxhyzzdyslqwuhtml = "<ul class=\"dy_hynum\">";
|
|
for(var i = 0;i<dyjcfxlxsdyslqwu.length;i++){
|
|
dyjcfxhyzzdyslqwuhtml += "<li><p>"+dyjcfxlxsdyslqwu[i].type+"</p><h4>"+dyjcfxlxsdyslqwu[i].ratio+"</h4></li>";
|
|
}
|
|
dyjcfxhyzzdyslqwuhtml += "</ul>";
|
|
$("#lxsdyslqw").html(dyjcfxhyzzdyslqwuhtml);
|
|
}else{
|
|
$("#lxsdyslqw").html("");
|
|
}
|
|
}
|
|
|
|
//毕业院校前五
|
|
function byysqw(dyjcfxbyyxqwu){
|
|
if(dyjcfxbyyxqwu.length > 0){
|
|
var dyjcfxbyyxqwuhtml = "<ul class=\"com_mnjd\">";
|
|
for(var i = 0;i<dyjcfxbyyxqwu.length;i++){
|
|
var liclass = 'col_jq_'+(i+1);
|
|
dyjcfxbyyxqwuhtml += "<li class=\""+liclass+" bounceInUp\">"+
|
|
"<h3><span></span>"+dyjcfxbyyxqwu[i].type+"</h3>"+
|
|
"<span class=\"jd_degnum\">"+dyjcfxbyyxqwu[i].tatio+"%</span>"+
|
|
"<p class=\"mnjd_bg\"> "+
|
|
"<span class=\"wd_num\" style=\"width:"+dyjcfxbyyxqwu[i].tatio+"%\"></span> "+
|
|
"</p>"+
|
|
"</li>";
|
|
}
|
|
dyjcfxbyyxqwuhtml += "</ul>";
|
|
$("#byyxqw").html(dyjcfxbyyxqwuhtml);
|
|
}else{
|
|
$("#byyxqw").html("");
|
|
}
|
|
}
|
|
|
|
|
|
//毕业专业前五
|
|
function byzyqw(dyjcfxbyzyqwu){
|
|
if(dyjcfxbyzyqwu.length > 0){
|
|
var dyjcfxbyzyqwuhtml = "<ul class=\"com_mnjd\">";
|
|
for(var i = 0;i<dyjcfxbyzyqwu.length;i++){
|
|
var liclass = "col_jq_"+(i+1);
|
|
dyjcfxbyzyqwuhtml += "<li class=\""+liclass+" bounceInUp\">"+
|
|
"<h3><span></span>"+dyjcfxbyzyqwu[i].type+"</h3>"+
|
|
"<span class=\"jd_degnum\">"+dyjcfxbyzyqwu[i].ratio+"%</span>"+
|
|
"<p class=\"mnjd_bg\"> "+
|
|
"<span class=\"wd_num\" style=\"width:"+dyjcfxbyzyqwu[i].ratio+"%\"></span>"+
|
|
"</p>"+
|
|
"</li>";
|
|
}
|
|
dyjcfxbyzyqwuhtml += "</ul>";
|
|
$("#byzyqw").html(dyjcfxbyzyqwuhtml);
|
|
}else{
|
|
$("#byzyqw").html("");
|
|
}
|
|
}
|
|
|
|
|
|
//导游性别比例
|
|
function dyxbbl(dyjcfxdyxbbl){
|
|
if(dyjcfxdyxbbl.length > 1){
|
|
var dyjcfxdyxbblhtml = "";
|
|
var sexY = dyjcfxdyxbbl[0].type;
|
|
var sexYnum = dyjcfxdyxbbl[0].ratio;
|
|
|
|
var sexE = dyjcfxdyxbbl[1].type;
|
|
var sexEnum = dyjcfxdyxbbl[1].ratio;
|
|
|
|
dyjcfxdyxbblhtml = "<h3>"+sexE+"<span>"+sexEnum+"%</span></h3>"+
|
|
"<h4><span>"+sexYnum+"%</span>"+sexY+"</h4>";
|
|
$("#dyxbbl").html(dyjcfxdyxbblhtml);
|
|
dyjcfxdyxbblhtml = "<div class=\"female_bfb\" style=\"width:"+sexEnum+"%;\"></div>"; //设置女性的性别比例
|
|
$("#dyxbblnum").html(dyjcfxdyxbblhtml);
|
|
}else{
|
|
var dyjcfxdyxbblhtml = "";
|
|
dyjcfxdyxbblhtml = "<h3>女<span>0%</span></h3>"+
|
|
"<h4><span>0%</span>男</h4>";
|
|
$("#dyxbbl").html(dyjcfxdyxbblhtml);
|
|
dyjcfxdyxbblhtml = "<div class=\"female_bfb\" style=\"width:0%;\"></div>"; //设置女性的性别比例
|
|
$("#dyxbblnum").html(dyjcfxdyxbblhtml);
|
|
// $("#dyxbbl").html("");
|
|
// $("#dyxbblnum").html("");
|
|
}
|
|
}
|
|
|
|
|
|
//导游年龄比例
|
|
function dynlbl(dyjcfxdynlbl){
|
|
if(dyjcfxdynlbl.length > 0){
|
|
var dyjcfxdynlblhtml = "";
|
|
var divclass = "";
|
|
var img = "";
|
|
var dytype = "";
|
|
for(var i = 0;i<dyjcfxdynlbl.length;i++){
|
|
dytype = nlblClass(dyjcfxdynlbl[i].type);
|
|
divclass = dytype.split(",")[0];
|
|
img = dytype.split(",")[1];
|
|
dyjcfxdynlblhtml += " <div class=\"yk_nian\">"+
|
|
"<img src=\""+img+"\" class=\"yk_img\" />"+
|
|
"<div class=\""+divclass+"\">"+
|
|
"<div class=\"hx_block\" style=\"width:"+dyjcfxdynlbl[i].ratio+"%\"><span>"+dyjcfxdynlbl[i].ratio+"%</span></div><h4>"+dynlpd(dyjcfxdynlbl[i].type)+"</h4>"+
|
|
"</div>"+
|
|
"</div>";
|
|
}
|
|
$("#dynlbl").html(dyjcfxdynlblhtml);
|
|
}else{
|
|
var dyjcfxdynlblhtml = "";
|
|
var divclass = "";
|
|
var img = "";
|
|
var dytype = "";
|
|
dytype = nlblClass("老年");
|
|
divclass = dytype.split(",")[0];
|
|
img = dytype.split(",")[1];
|
|
dyjcfxdynlblhtml += " <div class=\"yk_nian\">"+
|
|
"<img src=\""+img+"\" class=\"yk_img\" />"+
|
|
"<div class=\""+divclass+"\">"+
|
|
"<div class=\"hx_block\" style=\"width:0%\"><span>0%</span></div><h4>老年（>59）</h4>"+
|
|
"</div>"+
|
|
"</div>";
|
|
|
|
dytype = nlblClass("中年");
|
|
divclass = dytype.split(",")[0];
|
|
img = dytype.split(",")[1];
|
|
dyjcfxdynlblhtml += " <div class=\"yk_nian\">"+
|
|
"<img src=\""+img+"\" class=\"yk_img\" />"+
|
|
"<div class=\""+divclass+"\">"+
|
|
"<div class=\"hx_block\" style=\"width:0%\"><span>0%</span></div><h4>中年（45-59）</h4>"+
|
|
"</div>"+
|
|
"</div>";
|
|
|
|
dytype = nlblClass("青年");
|
|
divclass = dytype.split(",")[0];
|
|
img = dytype.split(",")[1];
|
|
dyjcfxdynlblhtml += " <div class=\"yk_nian\">"+
|
|
"<img src=\""+img+"\" class=\"yk_img\" />"+
|
|
"<div class=\""+divclass+"\">"+
|
|
"<div class=\"hx_block\" style=\"width:0%\"><span>0%</span></div><h4>青年（18-44）</h4>"+
|
|
"</div>"+
|
|
"</div>";
|
|
|
|
dytype = nlblClass("少年");
|
|
divclass = dytype.split(",")[0];
|
|
img = dytype.split(",")[1];
|
|
dyjcfxdynlblhtml += " <div class=\"yk_nian\">"+
|
|
"<img src=\""+img+"\" class=\"yk_img\" />"+
|
|
"<div class=\""+divclass+"\">"+
|
|
"<div class=\"hx_block\" style=\"width:0%\"><span>0%</span></div><h4>少年（10-17）</h4>"+
|
|
"</div>"+
|
|
"</div>";
|
|
|
|
$("#dynlbl").html(dyjcfxdynlblhtml);
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* 导游年龄判断
|
|
* 例：传入少年 返回 少年（10-17）
|
|
*/
|
|
function dynlpd(dytype){
|
|
var ret = dytype;
|
|
if(dytype=="少年"){
|
|
ret = "少年（10-17岁）";
|
|
}else if(dytype=="青年"){
|
|
ret = "青年（18-44岁）";
|
|
}else if(dytype=="中年"){
|
|
ret = "中年（45-59岁）";
|
|
}else if(dytype=="老年"){
|
|
ret = "老年（>59岁）";
|
|
}
|
|
return ret;
|
|
}
|
|
|
|
|
|
//导游学历分布
|
|
function dyxlfb(dyjcfxdyxlfb){
|
|
if(dyjcfxdyxlfb.length > 3){
|
|
var dyjcfxdyxlfbhtml = "<div class=\"unit_xl_1\"><h5>"+dyjcfxdyxlfb[3].ratio+"%</h5><p>"+dyjcfxdyxlfb[3].type+"</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>"+dyjcfxdyxlfb[1].ratio+"%</h5><p>"+dyjcfxdyxlfb[1].type+"</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>"+dyjcfxdyxlfb[0].ratio+"%</h5><p>"+dyjcfxdyxlfb[0].type+"</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>"+dyjcfxdyxlfb[2].ratio+"%</h5><p>"+dyjcfxdyxlfb[2].type+"</p></div>";
|
|
|
|
$("#dyxlfb").html(dyjcfxdyxlfbhtml);
|
|
}else{
|
|
var dyjcfxdyxlfbhtml = "<div class=\"unit_xl_1\"><h5>0%</h5><p>高中及以下</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>0%</h5><p>大专</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>0%</h5><p>本科</p></div>"+
|
|
"<div class=\"unit_xl_1\"><h5>0%</h5><p>硕士及以上</p></div>";
|
|
|
|
|
|
$("#dyxlfb").html(dyjcfxdyxlfbhtml);
|
|
}
|
|
}
|
|
|
|
|
|
//导游民族分布TOP5
|
|
function dymzfb(dyjcfxdymzfbqwu){
|
|
if(dyjcfxdymzfbqwu.length > 3){
|
|
var dyjcfxdymzfbqwuhtml = "";
|
|
dyjcfxdymzfbqwuhtml ="<div class=\"unit_mz_2\"><p>"+dyjcfxdymzfbqwu[0].type+"</p><h4>"+dyjcfxdymzfbqwu[0].ratio+"</h4></div>"+
|
|
"<div class=\"unit_mz_3\"><p>"+dyjcfxdymzfbqwu[1].ratio+"</p><h4>"+dyjcfxdymzfbqwu[1].type+"</h4></div>"+
|
|
"<div class=\"unit_mz_4\"><p>"+dyjcfxdymzfbqwu[2].ratio+"</p><h4>"+dyjcfxdymzfbqwu[2].type+"</h4></div>"+
|
|
"<div class=\"unit_mz_5\"><p>"+dyjcfxdymzfbqwu[3].type+"</p><h4>"+dyjcfxdymzfbqwu[3].ratio+"</h4></div>"+
|
|
"<div class=\"unit_mz_1\"><p>"+dyjcfxdymzfbqwu[4].type+"</p><h4>"+dyjcfxdymzfbqwu[4].ratio+"</h4></div>";
|
|
$("#dymzfbqw").html(dyjcfxdymzfbqwuhtml);
|
|
}else{
|
|
$("#dymzfbqw").html("");
|
|
}
|
|
}
|
|
|
|
|
|
//判断导游年龄比例样式及图片
|
|
function nlblClass(type){
|
|
var nlblclass = "";
|
|
var img = "";
|
|
if(type.indexOf("少年") != -1){
|
|
nlblclass = "fudiv nian_shao";
|
|
img = "${ctx}/hbcyjc/resource/img2/cd_l.png";
|
|
}else if(type.indexOf("青年") != -1){
|
|
nlblclass = "fudiv nian_qing";
|
|
img = "${ctx}/hbcyjc/resource/img2/yg_l.png";
|
|
}else if(type.indexOf("中年") != -1){
|
|
nlblclass = "fudiv nian_zhong";
|
|
img = "${ctx}/hbcyjc/resource/img2/me_l.png";
|
|
}else if(type.indexOf("老年") != -1){
|
|
nlblclass = "fudiv nian_lao";
|
|
img = "${ctx}/hbcyjc/resource/img2/ol_l.png";
|
|
}
|
|
return nlblclass+","+img
|
|
}
|
|
|
|
//点击行业组织导游
|
|
function hyzzdy(){
|
|
return;
|
|
layer.open({
|
|
type : 2,
|
|
shade: [0.7, '#333'],
|
|
title : "",
|
|
anim : 2,
|
|
area : ['75%','70%'],
|
|
content : '${ctx}/userguide/searchUserGuideList.do?Identification=0',
|
|
end: function(){
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
//点击旅行社组织导游
|
|
function lxszzdy(){
|
|
return;
|
|
layer.open({
|
|
type : 2,
|
|
shade: [0.7, '#333'],
|
|
title : "",
|
|
anim : 2,
|
|
area : ['75%','70%'],
|
|
content : '${ctx}/userguide/searchUserGuideList.do?Identification=1',
|
|
end: function(){
|
|
location.reload();
|
|
}
|
|
});
|
|
}
|
|
|
|
//导游领队概述圆环图
|
|
function dyldgsyht(hyzjdynum,hyzjdy,zsid){
|
|
if(hyzjdynum == "" || hyzjdynum == null){
|
|
hyzjdynum = "0";
|
|
hyzjdy = "旅行社导游";
|
|
zsid = "hyzzdyyht";
|
|
}
|
|
var dom = document.getElementById(zsid);
|
|
var source_chart = echarts.init(dom);
|
|
var dataStyle = {
|
|
normal: {
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
},
|
|
shadowBlur: 40,
|
|
shadowColor: 'rgba(40, 40, 40, 0.5)',
|
|
}
|
|
};
|
|
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(44,59,70,1)', // 未完成的圆环的颜色
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(44,59,70,1)' // 未完成的圆环的颜色
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
tooltip: {
|
|
show: false,
|
|
},
|
|
toolbox: {
|
|
show: false,
|
|
},
|
|
// color : ['#3dd4de','#b697cd','#a6f08f'],
|
|
// backgroundColor: 'rgba(0,0,0,0.8)',
|
|
series: [{
|
|
name: 'Pie3',
|
|
type: 'pie',
|
|
clockWise: false,
|
|
radius: [80, 85],
|
|
itemStyle: dataStyle,
|
|
hoverAnimation: false,
|
|
center: ['50%', '50%'],
|
|
data: [{
|
|
value: hyzjdynum,
|
|
label: {
|
|
normal: {
|
|
formatter: hyzjdynum+'\n'+hyzjdy,
|
|
position: 'center',
|
|
show: true,
|
|
textStyle: {
|
|
fontSize: '18',
|
|
fontWeight: 'normal',
|
|
color: '#a6f08f'
|
|
}
|
|
}
|
|
},
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#a6f08f',
|
|
shadowColor: '#a6f08f',
|
|
shadowBlur: 10
|
|
}
|
|
}
|
|
}, {
|
|
value: 25,
|
|
name: 'invisible',
|
|
itemStyle: placeHolderStyle,
|
|
}]
|
|
}]
|
|
}
|
|
|
|
if (option && typeof option === "object") {
|
|
source_chart.setOption(option, true);
|
|
// echarts点击事件
|
|
source_chart.on('click', function(params) {
|
|
// var ctype = params.data.text;
|
|
hyzzdy()
|
|
|
|
});
|
|
}
|
|
}
|
|
|
|
|
|
//导游领队概述圆环图
|
|
function dyldgsyhtdou(hyzjdynum,hyzjdy,zsid){
|
|
if(hyzjdynum == "" || hyzjdynum == null){
|
|
hyzjdynum = "0";
|
|
hyzjdy = "行业组织导游";
|
|
zsid = "lxszzdy";
|
|
}
|
|
var dom = document.getElementById(zsid);
|
|
var source_chart = echarts.init(dom);
|
|
var dataStyle = {
|
|
normal: {
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
},
|
|
shadowBlur: 40,
|
|
shadowColor: 'rgba(40, 40, 40, 0.5)',
|
|
}
|
|
};
|
|
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(44,59,70,1)', // 未完成的圆环的颜色
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(44,59,70,1)' // 未完成的圆环的颜色
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
tooltip: {
|
|
show: false,
|
|
},
|
|
toolbox: {
|
|
show: false,
|
|
},
|
|
// color : ['#3dd4de','#b697cd','#a6f08f'],
|
|
// backgroundColor: 'rgba(0,0,0,0.8)',
|
|
series: [{
|
|
name: 'Pie3',
|
|
type: 'pie',
|
|
clockWise: false,
|
|
radius: [80, 85],
|
|
itemStyle: dataStyle,
|
|
hoverAnimation: false,
|
|
center: ['50%', '50%'],
|
|
data: [{
|
|
value: hyzjdynum,
|
|
label: {
|
|
normal: {
|
|
formatter: hyzjdynum+'\n'+hyzjdy,
|
|
position: 'center',
|
|
show: true,
|
|
textStyle: {
|
|
fontSize: '20',
|
|
fontWeight: 'normal',
|
|
color: '#a6f08f'
|
|
}
|
|
}
|
|
},
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#a6f08f',
|
|
shadowColor: '#a6f08f',
|
|
shadowBlur: 10
|
|
}
|
|
}
|
|
}, {
|
|
value: 25,
|
|
name: 'invisible',
|
|
itemStyle: placeHolderStyle,
|
|
}]
|
|
}]
|
|
}
|
|
|
|
if (option && typeof option === "object") {
|
|
source_chart.setOption(option, true);
|
|
// echarts点击事件
|
|
source_chart.on('click', function(params) {
|
|
// var ctype = params.data.text;
|
|
lxszzdy()
|
|
|
|
});
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<script type="text/javascript" src="${ctx}/hbcyjc/network/source.js"></script>
|
|
<script type="text/javascript" src="${ctx}/js/common/cjy_date.js"></script>
|
|
<!--时间选择器-->
|
|
<script type="text/javascript" src="${ctx}/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
//筛选隐藏显示
|
|
$(document).ready(function() {
|
|
$(".bttn_tssx").click(function() {
|
|
$(".sx_nr").fadeToggle();
|
|
});
|
|
});
|
|
|
|
|
|
var starttime = '';
|
|
var endtime = '';
|
|
var areacode = '';
|
|
var date_type = 'year';
|
|
var now_search_time = '${nowYear}';
|
|
$(document).ready(function() {
|
|
//默认选中 按年分析
|
|
chooseSearchType('year');
|
|
});
|
|
|
|
function chooseSearchType(dateType){
|
|
//修改选中样式
|
|
$("#search_"+dateType).parent().find('a').removeClass('active');
|
|
$("#search_"+dateType).addClass('active');
|
|
|
|
date_type = dateType;
|
|
if(dateType=='day'){
|
|
now_search_time = '${nowYear}-${nowMonth}-${nowDay}';
|
|
setTime('date', now_search_time);
|
|
}else if(dateType=='month'){
|
|
now_search_time = '${nowYear}-${nowMonth}';
|
|
setTime('month', now_search_time);
|
|
}else if(dateType=='year'){
|
|
now_search_time = '${nowYear}';
|
|
setTime('year', now_search_time);
|
|
}
|
|
seledata();
|
|
}
|
|
//加载时间控件
|
|
function setTime(type, value){
|
|
$("#div_select_date").html('<input id="openingTime" name="openingTime" value="" />');
|
|
laydate.render({
|
|
elem : '#openingTime',
|
|
theme: "datecolor",
|
|
type: type,
|
|
value: value,
|
|
max: new Date().getTime(),
|
|
done: function(value, date, endDate){//选择完回调
|
|
now_search_time = value;
|
|
seledata();
|
|
}
|
|
});
|
|
}
|
|
|
|
|
|
|
|
// seledata();
|
|
function seledata(){
|
|
|
|
//获得时间区间
|
|
if(date_type=='day'){
|
|
starttime = now_search_time;
|
|
endtime = now_search_time;
|
|
}else if(date_type=='month'){
|
|
starttime = now_search_time + '-01';
|
|
endtime = getLastDayOfMonth(now_search_time);
|
|
}else if(date_type=='year'){
|
|
starttime = now_search_time + '-01-01';
|
|
endtime = now_search_time + '-12-31';
|
|
}
|
|
|
|
var djj = "";
|
|
//获得选中的三级联动
|
|
var province = $("#province").val();//省
|
|
var city = $("#city").val();//市
|
|
var county = $("#county").val();//县
|
|
if(county){
|
|
djj = "3";
|
|
areacode = county;
|
|
}else if(city){
|
|
djj = "2";
|
|
areacode = city;
|
|
}else if(province){
|
|
djj = "1";
|
|
areacode = province;
|
|
}
|
|
|
|
|
|
$.ajax({
|
|
type : 'POST',
|
|
url : "${ctx}/dyjcfx/gotodyjcfxlist.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode+"&djj="+djj,
|
|
dataType : 'json',
|
|
success : function(data) {
|
|
var kk = data;
|
|
dyldgs(data.dyjcfxdyldgs); //导游领队概述
|
|
dydjtj(data.dyjcfxdydjtj); //导游等级统计
|
|
yzfbqw(data.dyjcfxyzfbqwu); //语种分布TOP5
|
|
|
|
hyzzdysl(data.dyjcfxhyzzdyslqwu); //行业组织导游数量TOP5
|
|
lxsdysl(data.dyjcfxlxsdyslqwu); //旅行社导游数量TOP5
|
|
byysqw(data.dyjcfxbyyxqwu); //毕业院校TOP5
|
|
byzyqw(data.dyjcfxbyzyqwu); //毕业专业TOP5
|
|
|
|
dyxbbl(data.dyjcfxdyxbbl); //导游性别比例
|
|
dynlbl(data.dyjcfxdynlbl); //导游年龄比例
|
|
dyxlfb(data.dyjcfxdyxlfb); //导游学历分布
|
|
dymzfb(data.dyjcfxdymzfbqwu); //导游民族分布TOP5
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html> |