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.
372 lines
9.7 KiB
372 lines
9.7 KiB
<%@ 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" />
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resource/css/cjy_style.css" />
|
|
|
|
<script src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<title>基础资源</title>
|
|
<body style="height:1080px; width:1920px;">
|
|
<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>
|
|
<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>
|
|
</div>
|
|
<div style="padding-left:25px">
|
|
<div class="w443 left mr24">
|
|
<h3 class="box_bt">
|
|
<img src="../resource/img2/bt_jq.png" class="pic_title" />
|
|
</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:890px;">
|
|
<div class="h230">
|
|
<h2 class="sub_tit">景区资源等级分布</h2>
|
|
<div class="spot_zy">
|
|
<ul class="jingq_fb" id="scenicLevel">
|
|
<div style="clear:both"></div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">景区资源类型分布</h2>
|
|
<div id="scenicType" style="height: 80%">
|
|
<!--height:330-->
|
|
</div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">景区资源地区分布</h2>
|
|
<div id="scenicRegion" style="height: 80%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
<div class="w443 left mr24">
|
|
<h3 class="box_bt">
|
|
<img src="../resource/img2/bt_lxs.png" class="pic_title" />
|
|
</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:890px;">
|
|
<div class="h230">
|
|
<h2 class="sub_tit">旅行社资源等级分布</h2>
|
|
<div id="travelagencyLevel" style="height: 80%"></div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅行社资源类型分布</h2>
|
|
<div id="travelagencyType" style="height: 80%">
|
|
<!--height:330-->
|
|
</div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅行社资源地区分布Top5</h2>
|
|
<ul class="com_mnjd" id="travelagencyRegionTop5"></ul>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
<div class="w443 left mr24">
|
|
<h3 class="box_bt">
|
|
<img src="../resource/img2/bt_food.png" class="pic_title" />
|
|
</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:890px;">
|
|
<div class="h230">
|
|
<h2 class="sub_tit">旅游饭店资源等级分布</h2>
|
|
<div class="fod_ziy">
|
|
<ul class="fodzy_lst" id="hotelLevel">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅游饭店资源类型分布</h2>
|
|
<div id="hotelType" style="height: 80%"></div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅游饭店资源地区分布Top5</h2>
|
|
<div>
|
|
<ul class="com_mnjd" id="hotelRegionTop5"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
<div class="w443 left mr24">
|
|
<h3 class="box_bt">
|
|
<img src="../resource/img2/bt_wc.png" class="pic_title" />
|
|
</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:890px;">
|
|
<div class="h230">
|
|
<h2 class="sub_tit">旅游厕所资源等级分布</h2>
|
|
<div class="wczi_fb">
|
|
<ul class="wcdj_lst" id="toiletLevel">
|
|
<div style="clear:both"></div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅游厕所资源类型分布</h2>
|
|
<div id="toiletType" style="height: 80%"></div>
|
|
</div>
|
|
<div class="h330">
|
|
<h2 class="sub_tit">旅游厕所资源地区分布</h2>
|
|
<div id="toiletRegion" style="height: 80%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
<div style="clear:both"></div>
|
|
</div>
|
|
|
|
|
|
|
|
<!--左侧滑动菜单-->
|
|
<script src="${ctx }/hbcyjc/resource/js/classie.js"></script>
|
|
<script src="${ctx }/hbcyjc/basicresources/basic_chart.js"></script>
|
|
<script src="${ctx }/hbcyjc/basicresources/source.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.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>
|
|
queryEvalSource()
|
|
/*------------------------------------------景区---------------------------------*/
|
|
|
|
/**
|
|
* 景区区域等级
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/scenic/getlevel',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var html = "";
|
|
if (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += "<li>\n" + "<h5>" + data[i].level + "</h5>\n"
|
|
+ "<p>" + data[i].levelCount + "</p>\n"
|
|
+ "</li>"
|
|
}
|
|
}
|
|
$("#scenicLevel").html(html);
|
|
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 景区资源类型
|
|
*/
|
|
/* $.ajax({
|
|
url : '${ctx}/basic/scenic/gettype',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "scenicType";
|
|
pieChart(id, data);
|
|
}
|
|
}) */
|
|
|
|
/**
|
|
* 景区区域数量
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/scenic/getregion',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "scenicRegion";
|
|
var title = data.regionName;
|
|
var value = data.regionCount;
|
|
barChart(id, title, value, 10);
|
|
}
|
|
})
|
|
|
|
/*------------------------------------------旅行社---------------------------------*/
|
|
/**
|
|
* 旅行社等级
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/travelagency/getlevel',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "travelagencyLevel";
|
|
newbarChart(id, data);
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 旅行社类型
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/travelagency/gettype',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "travelagencyType";
|
|
newPieChart(id, data, "类型分布");
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 旅行社地区top5
|
|
*/
|
|
$
|
|
.ajax({
|
|
url : '${ctx}/basic/travelagency/getregion',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var html = "";
|
|
if (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += '<li>'
|
|
+ '<span><span>'
|
|
+ data[i].regionName
|
|
+ '</span></span>'
|
|
+ '<span class="jd_degnum">'
|
|
+ data[i].regionCount
|
|
+ '</span>'
|
|
+ '<p class="mnjd_bg"><span class="wd_num" style="width:'
|
|
+ data[i].percent + '%"></span></p>'
|
|
+ '</li>';
|
|
}
|
|
}
|
|
$("#travelagencyRegionTop5").html(html);
|
|
}
|
|
})
|
|
|
|
/*------------------------------------------饭店---------------------------------*/
|
|
|
|
/**
|
|
* 饭店等级
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/hotel/getlevel',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var html = "";
|
|
if (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += "<li>\n" + "<h5>" + data[i].level + "</h5>\n"
|
|
+ "<p class=\"fdz_num\">" + data[i].levelCount
|
|
+ "</p>\n" + "<p class=\"fdz_bfb\">"
|
|
+ data[i].percent + "</p>\n" + "</li>"
|
|
}
|
|
}
|
|
$("#hotelLevel").html(html);
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 饭店类型
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/hotel/gettype',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "hotelType";
|
|
new2PieChart(id, data);
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 饭店top5
|
|
*/
|
|
$
|
|
.ajax({
|
|
url : '${ctx}/basic/hotel/getregion',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var html = "";
|
|
if (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += '<li>'
|
|
+ '<span><span>'
|
|
+ data[i].regionName
|
|
+ '</span></span>'
|
|
+ '<span class="jd_degnum">'
|
|
+ data[i].regionCount
|
|
+ '</span>'
|
|
+ '<p class="mnjd_bg"><span class="wd_num" style="width:'
|
|
+ data[i].percent + '%"></span></p>'
|
|
+ '</li>';
|
|
}
|
|
}
|
|
$("#hotelRegionTop5").html(html);
|
|
}
|
|
})
|
|
|
|
/*------------------------------------------厕所---------------------------------*/
|
|
|
|
/**
|
|
* 厕所等级
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/toilet/getlevel',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var html = "";
|
|
if (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
html += "<li>\n" + "<h3>" + data[i].level + "</h3>\n"
|
|
+ "<p class=\"wc_p1\">" + data[i].levelCount
|
|
+ "</p>\n" + "<p class=\"wc_p2\">"
|
|
+ data[i].percent + "</p>\n" + "</li>"
|
|
}
|
|
}
|
|
$("#toiletLevel").html(html);
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 厕所类型
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/toilet/gettype',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "toiletType";
|
|
pieChart(id, data)
|
|
}
|
|
})
|
|
|
|
/**
|
|
* 厕所区域数量
|
|
*/
|
|
$.ajax({
|
|
url : '${ctx}/basic/toilet/getregion',
|
|
type : 'get',
|
|
success : function(data) {
|
|
var id = "toiletRegion";
|
|
var title = data.regionName;
|
|
var value = data.regionCount;
|
|
barChart(id, title, value, 10);
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html> |