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.
2045 lines
77 KiB
2045 lines
77 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_style2.css" />
|
|
<script src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
|
|
<script src="${ctx }/hbcyjc/resource/js/layer/layer.js"></script>
|
|
<title>张家口旅游产业综合管理平台</title>
|
|
</head>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
init();
|
|
//定时器每三分钟调用一次fnDate()
|
|
setInterval(function(){
|
|
getWpData(); //网评数据
|
|
},3*60*1000);
|
|
|
|
//定时器每五分钟调用一次fnDate()
|
|
setInterval(function(){
|
|
getindexScenicInfo();//推荐景区
|
|
getscenicInfo(); //旅游指数
|
|
getGuestCount(); //旅游指数
|
|
},5*60*1000);
|
|
});
|
|
|
|
|
|
function init(){
|
|
getindexTime();
|
|
getindexTripPoinsts();
|
|
getWpData(); //网评数据
|
|
getAccuse();
|
|
getGuestCount(); //当前景区客流量数据
|
|
getbasicScenicRegion();
|
|
NetPing();
|
|
getindexScenicInfo();//推荐景区
|
|
getscenicInfo(); //旅游指数
|
|
}
|
|
//获得张家口旅游概况
|
|
function getindexTripPoinsts(){
|
|
var id = 1;
|
|
var url="${ctx}/indexTripPoints/getIndexTripPointsList.do";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
data:{id:id},
|
|
url:url,
|
|
async:false,
|
|
success:function(points){
|
|
var indextrippointslist = points.indextrippointslist;
|
|
var basicsceniclevel = points.basicsceniclevel;
|
|
var basichotellevel = points.basichotellevel;
|
|
var qylysfqhtml = "<p class=\"sjgk_bt huang\">全域旅游示范区</p><p class=\"sjgk_sj\">"+indextrippointslist[0].gucount+"</p>";
|
|
var guname = "";
|
|
for(var i = 0;i<indextrippointslist.length;i++){
|
|
guname = indextrippointslist[i].guname;
|
|
if(guname == "全域旅游示范区"){
|
|
$("#lygk_qylysfq").html(indextrippointslist[i].gucount);
|
|
}else if(guname == "旅行社"){
|
|
$("#lygk_lxs").html(indextrippointslist[i].gucount);
|
|
}else if(guname == "宾馆酒店"){
|
|
$("#lygk_bgjd").html(indextrippointslist[i].gucount);
|
|
}else if(guname == "旅游厕所"){
|
|
$("#lygk_lycs").html(indextrippointslist[i].gucount);
|
|
}else if(guname == "旅游景区"){
|
|
$("#lygk_lyjq").html(indextrippointslist[i].gucount);
|
|
}
|
|
}
|
|
echjqWA(basicsceniclevel);
|
|
echbgWA(basichotellevel);
|
|
}
|
|
});
|
|
}
|
|
|
|
//获得网评数据
|
|
function getWpData(){
|
|
var id = 1;
|
|
var url="${ctx}/indexhotelbadly/getIndexHotelBadlyList.do";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
data:{id:id},
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
// var hotelbadl = data.hotelbadl; //酒店差评
|
|
// var scenicbadly = data.scenicbadly; //景区差评
|
|
// var scenicgood = data.scenicgood; //景区好评
|
|
var list = data.list;
|
|
var hamap = data.hamap;
|
|
var wpsjhtml = "<ul class = \"scl_run\">";
|
|
var jqjdhtml = "";
|
|
var count = 0;
|
|
var sfcz = 50;
|
|
var jqjdclass = "";
|
|
var arr = [];
|
|
//景区酒店好评
|
|
for(var i = 0;i<list.length;i++){
|
|
while(count<list.length){
|
|
var num=Math.floor(Math.random()*list.length+0);
|
|
if(!arr.indexOf(num) > -1){
|
|
arr.push(num);
|
|
count ++;
|
|
//景区----jq 酒店----lxs
|
|
if(list[num].type == 1){ //1 是景区
|
|
wpsjhtml += "<li>"+
|
|
"<div class=\"type_lxs\">"+
|
|
"<div class=\"net_jq\"></div>"+
|
|
"<p class=\"wp_pl\" title =\""+list[num].user+":"+list[num].content+" \"><span class=\"netp_jq\">"+list[num].user+":</span>"+list[num].content+"</p>"+
|
|
"<p class=\"net_tips\"><span>"+list[num].cname+"</span><span class=\"netp_time\" style=\"float:right\">"+list[num].time+"</span><div style=\"clear:both\"></div></p>"+
|
|
"</div>"+
|
|
"</li>";
|
|
}else{
|
|
wpsjhtml += "<li>"+
|
|
" <div class=\"type_lxs\"> "+
|
|
" <div class=\"net_jd\"></div>"+
|
|
" <p class=\"wp_pl\" title =\""+list[num].user+":"+list[num].content+" \" ><span class=\"netp_jd\">"+list[num].user+":</span>"+list[num].content+"</p>"+
|
|
"<p class=\"net_tips\"><span>"+list[num].cname+"</span><span class=\"netp_time\" style=\"float:right\">"+list[num].time+"</span><div style=\"clear:both\"></div></p>"+
|
|
" </div>"+
|
|
" </li>";
|
|
}
|
|
}
|
|
if(num == list.length){
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
wpsjhtml += "</ul>";
|
|
$("#wpsj").html(wpsjhtml);
|
|
}
|
|
});
|
|
}
|
|
//显示张家口旅游数据4A级景区数量
|
|
function echjqWA(basicsceniclevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basicsceniclevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basicsceniclevel.length;i++){
|
|
if(basicsceniclevel[i].level == "AAAA"){
|
|
ajjqsj =basicsceniclevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basicsceniclevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
|
|
var chart1 = echarts.init(document.getElementById("echjqwa"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#00D9D0', '#00D9D0'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#00D9D0', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option)
|
|
echjqSA(basicsceniclevel);
|
|
}
|
|
|
|
//显示张家口旅游数据3A级景区数量
|
|
function echjqSA(basicsceniclevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basicsceniclevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basicsceniclevel.length;i++){
|
|
if(basicsceniclevel[i].level == "AAA"){
|
|
ajjqsj =basicsceniclevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basicsceniclevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
|
|
var chart1 = echarts.init(document.getElementById("echjqsa"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#00D9D0', '#00D9D0'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#00D9D0', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option)
|
|
echjqSANA(basicsceniclevel);
|
|
}
|
|
|
|
|
|
//显示张家口旅游数据2A级景区数量
|
|
function echjqSANA(basicsceniclevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basicsceniclevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basicsceniclevel.length;i++){
|
|
if(basicsceniclevel[i].level == "AA"){
|
|
ajjqsj =basicsceniclevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basicsceniclevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
|
|
var chart1 = echarts.init(document.getElementById("echjqsana"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#00D9D0', '#00D9D0'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#00D9D0', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option)
|
|
}
|
|
|
|
|
|
|
|
//宾馆五星级图表显示
|
|
function echbgWA(basichotellevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basichotellevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basichotellevel.length;i++){
|
|
if(basichotellevel[i].level == "五星级"){
|
|
ajjqsj =basichotellevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basichotellevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
|
|
var chart1 = echarts.init(document.getElementById("echbgsa"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#7A4DFF', '#7A4DFF'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#7A4DFF', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option);
|
|
echbgSANA(basichotellevel);
|
|
}
|
|
|
|
|
|
|
|
//宾馆四星级图表显示
|
|
function echbgSANA(basichotellevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basichotellevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basichotellevel.length;i++){
|
|
if(basichotellevel[i].level == "四星级"){
|
|
ajjqsj =basichotellevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basichotellevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
var chart1 = echarts.init(document.getElementById("echbgSANa"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#7A4DFF', '#7A4DFF'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#7A4DFF', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option);
|
|
echbgeA(basichotellevel);
|
|
}
|
|
|
|
|
|
//宾馆三星级图表显示
|
|
function echbgeA(basichotellevel){
|
|
var ajjqsj = 0;
|
|
var ajjqsl = 0;
|
|
var ajjqdj = basichotellevel[0].level; //等级（A,AA,AAA,AAAA,AAAAA,其他）
|
|
|
|
for(var i = 0;i<basichotellevel.length;i++){
|
|
if(basichotellevel[i].level == "三星级"){
|
|
ajjqsj =basichotellevel[i].levelCount; //数量
|
|
}
|
|
ajjqsl +=basichotellevel[i].levelCount;
|
|
}
|
|
ajjqsl = ajjqsl-ajjqsj;
|
|
|
|
var chart1 = echarts.init(document.getElementById("echbgea"));
|
|
var placeHolderStyle = {
|
|
normal: {
|
|
color: 'rgba(0,0,0,0)',
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false
|
|
}
|
|
},
|
|
emphasis: {
|
|
color: 'rgba(0,0,0,0)'
|
|
}
|
|
};
|
|
|
|
var option = {
|
|
color: ['#7A4DFF', '#7A4DFF'],
|
|
angleAxis: {
|
|
type: 'category',
|
|
z: 10,
|
|
},
|
|
graphic: {
|
|
type: 'text', // [ default: image ]用 setOption 首次设定图形元素时必须指定。image, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
|
|
top: 'center', // 描述怎么根据父元素进行定位。top 和 bottom 只有一个可以生效。如果指定 top 或 bottom，则 shape 里的 y、cy 等定位属性不再生效。『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 group 的子元素，父元素就是 group 元素。
|
|
left: 'center', // 同上
|
|
style: {
|
|
text: ajjqsj, // 文本块文字。可以使用 \n 来换行。[ default: '' ]
|
|
fill: '#7A4DFF', // 填充色。
|
|
fontSize: 25, // 字体大小
|
|
fontWeight: 'bold' // 文字字体的粗细，可选'normal'，'bold'，'bolder'，'lighter'
|
|
}
|
|
},
|
|
radiusAxis: {
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
},
|
|
polar: {
|
|
center: ['500%', '50%'],
|
|
radius: 1800,
|
|
},
|
|
series: [
|
|
{
|
|
name: 'Line 3',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['67%', '70%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: 60,
|
|
name: 'dy',
|
|
label: {show:false},
|
|
labelLine:{show:false}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: 'Line 4',
|
|
type: 'pie',
|
|
hoverAnimation: false,
|
|
radius: ['60%', '67%'],
|
|
label : {
|
|
normal : {
|
|
show : false
|
|
},
|
|
emphasis: {
|
|
show: false
|
|
}
|
|
},
|
|
labelLine : {
|
|
normal : {
|
|
show : false
|
|
}
|
|
},
|
|
data: [
|
|
{
|
|
value: ajjqsj,
|
|
name: 'sj'
|
|
},
|
|
{
|
|
value: ajjqsl,
|
|
name: '',
|
|
itemStyle: placeHolderStyle
|
|
}
|
|
]
|
|
},
|
|
|
|
]
|
|
};
|
|
//显示图表
|
|
chart1.setOption(option);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//获得投诉
|
|
function getAccuse(){
|
|
var url = "${ctx}/indexaccuse/getIndexHotelBadlyList.do";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
var indexaccuselist = data.indexaccuselist;
|
|
var tstime = data.tstimefh;
|
|
var tshtml = "<ul class=\"gundong\">";
|
|
for(var i = 0;i<tstime.length;i++){
|
|
tshtml += "<li><span class=\"xwbt left\">"+indexaccuselist[i].accuseContent+"</span><span class=\"xwsj right\">"+tstime[i]+"</span><div class=\"clear\"></div></li>";
|
|
}
|
|
tshtml +="</ul>";
|
|
$("#tsnr").html(tshtml);
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
///----------------------------------------------------
|
|
|
|
//景区信息
|
|
function getindexScenicInfo(){
|
|
var url="${ctx}/indexaccuse/selectScenicInfo.do";
|
|
var jsondata = "";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
var scenicInfoArray = data.IndexScenicInfo;
|
|
for(var i = 0; i < scenicInfoArray.length; i++){
|
|
jsondata = jsondata + "<div class=\"tjjq_jqx\">";
|
|
jsondata = jsondata + "<div class=\"jqtp\" style=\" background:url(${ctx }/hbcyjc/"+scenicInfoArray[i].sceniclogo+") no-repeat center; background-size: cover;\"></div>";
|
|
jsondata = jsondata + "<div class=\"jq_tq\">";
|
|
if(scenicInfoArray[i].weathers == undefined || scenicInfoArray[i].low_temp == undefined || scenicInfoArray[i].high_temp == undefined){
|
|
jsondata = jsondata + "<p class=\"tq_left\"><span><img src=\""+showWeatherImg(scenicInfoArray[i].weathers)+"\" /></span>--</p>";
|
|
}else{
|
|
jsondata = jsondata + "<p class=\"tq_left\"><span><img src=\""+showWeatherImg(scenicInfoArray[i].weathers)+"\" /></span>"+scenicInfoArray[i].weathers+" "+scenicInfoArray[i].low_temp+"-"+scenicInfoArray[i].high_temp+"</p>";
|
|
}
|
|
if (scenicInfoArray[i].quality == undefined ||scenicInfoArray[i].quality == null||scenicInfoArray[i].quality == ""){
|
|
jsondata = jsondata + "<p class=\"tq_right\">空气质量：<span class=\"ys_you\">--</span></p>";
|
|
}else{
|
|
jsondata = jsondata + "<p class=\"tq_right\">空气质量：<span class=\"ys_you\">"+scenicInfoArray[i].quality+"</span></p>";
|
|
}
|
|
jsondata = jsondata + "<div class=\"clear\"></div>";
|
|
jsondata = jsondata + "</div>";
|
|
jsondata = jsondata + "<div class=\"jqnr\">";
|
|
jsondata = jsondata + "<div class=\"jqnr_left\">";
|
|
jsondata = jsondata + "<h2 class=\"jq_bt\">"+scenicInfoArray[i].scenic_name+"<span class=\"jqjb\">"+scenicInfoArray[i].scenic_rank+"</span></h2>";
|
|
if (scenicInfoArray[i].maximumload_people != 0){
|
|
jsondata = jsondata + "<p class=\"jq_tj\">最大承载量：<span>"+scenicInfoArray[i].maximumload_people+"人</span></p>";
|
|
|
|
}else {
|
|
jsondata = jsondata + "<p class=\"jq_tj\">最大承载量：<span>--</span></p>";
|
|
}
|
|
if (scenicInfoArray[i].peoplenumber != 0){
|
|
jsondata = jsondata + "<p class=\"jq_tj\">当前实时人数：<span>"+scenicInfoArray[i].peoplenumber+"人</span></p>";
|
|
} else {
|
|
jsondata = jsondata + "<p class=\"jq_tj\">当前实时人数：<span>--</span></p>";
|
|
}
|
|
jsondata = jsondata + "</div>";
|
|
jsondata = jsondata + "<div class=\"jqnr_right\">";
|
|
if(scenicInfoArray[i].comfortable_state <= 40){
|
|
jsondata = jsondata + "<p><span><img src=\"${ctx }/hbcyjc/resource/img/tb_lv1.png\" /></span><strong class=\"ys_you\">非常舒适</strong></p>";
|
|
}
|
|
/* else if(80 < scenicInfoArray[i].comfortable_state > 40){ */
|
|
else if(scenicInfoArray[i].comfortable_state > 40 && scenicInfoArray[i].comfortable_state<80){
|
|
jsondata = jsondata + "<p><span><img src=\"${ctx }/hbcyjc/resource/img/tb_huang1.png\" /></span><strong class=\"ys_liang\">较为良好</strong></p>";
|
|
}
|
|
else{
|
|
jsondata = jsondata + "<p><span><img src=\"${ctx }/hbcyjc/resource/img/tb_zi1.png\" /></span><strong class=\"ys_cha\">非常拥挤</strong></p>";
|
|
}
|
|
jsondata = jsondata + "</div>";
|
|
jsondata = jsondata + "</div>";
|
|
jsondata = jsondata + "</div>";
|
|
jsondata = jsondata + "";
|
|
jsondata = jsondata + "";
|
|
}
|
|
}
|
|
});
|
|
$("#div_index_tjjq_jqlb_id").html(jsondata);
|
|
}
|
|
var t1=null;
|
|
var t2=null;
|
|
var t3=null;
|
|
|
|
//实时客流量
|
|
function getGuestCount(){
|
|
var passenger_s = ""; //实时游客量
|
|
var passenger_r = ""; //当日游客量
|
|
var passenger_y = ""; //当月游客量
|
|
if(t1!=null){
|
|
window.clearInterval(t1);
|
|
}
|
|
if(t2!=null){
|
|
window.clearInterval(t2);
|
|
}
|
|
if(t3!=null){
|
|
window.clearInterval(t3);
|
|
}
|
|
var url = "${ctx}/indexaccuse/selectGuestCount.do";
|
|
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
success:function(data){
|
|
var IndexGuestCountArray = data.IndexGuestCount;
|
|
if(IndexGuestCountArray.length == 0){
|
|
var passenger_s = 500;
|
|
var passenger_r = 500;
|
|
var passenger_y = 500;
|
|
}else{
|
|
var passenger_s = IndexGuestCountArray[0].intime_count;
|
|
var passenger_r = IndexGuestCountArray[0].day_count;
|
|
var passenger_y = IndexGuestCountArray[0].mouth_count;
|
|
}
|
|
var numRunS = $(".numberRunS").numberAnimate({num:'0', speed:2000});
|
|
numRunS.resetData(passenger_s);
|
|
t1 =setInterval(function(){
|
|
passenger_s+= 1;
|
|
numRunS.resetData(passenger_s);
|
|
},5000);
|
|
var numRunR = $(".numberRunR").numberAnimate({num:'0', speed:2000});
|
|
numRunR.resetData(passenger_r);
|
|
t2 =setInterval(function(){
|
|
passenger_r+= 1;
|
|
numRunR.resetData(passenger_r);
|
|
},7000);
|
|
var numRunY = $(".numberRunY").numberAnimate({num:'0', speed:2000});
|
|
numRunY.resetData(passenger_y);
|
|
t3 =setInterval(function(){
|
|
passenger_y+= 1;
|
|
numRunY.resetData(passenger_y);
|
|
},9000);
|
|
}
|
|
})
|
|
/* var url = "${ctx}/indexaccuse/selectGuestCount.do";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
var IndexGuestCountArray = data.IndexGuestCount;
|
|
if(IndexGuestCountArray.length == 0){
|
|
var numRun4 = $(".numberRun4").numberAnimate({num:'1111', speed:2000});
|
|
var nums4 = 1111;
|
|
setInterval(function(){
|
|
nums4+= 1;
|
|
numRun4.resetData(nums4);
|
|
},500);
|
|
var numRun5 = $(".numberRun5").numberAnimate({num:'2222', speed:2000});
|
|
var nums5 = 2222;
|
|
setInterval(function(){
|
|
nums5+= 1;
|
|
numRun5.resetData(nums5);
|
|
},500);
|
|
var numRun6 = $(".numberRun6").numberAnimate({num:'3333', speed:2000});
|
|
var nums6 = 3333;
|
|
setInterval(function(){
|
|
nums6+= 1;
|
|
numRun6.resetData(nums6);
|
|
},500);
|
|
}else{
|
|
var numRun4 = $(".numberRun4").numberAnimate({num:'0', speed:2000});
|
|
var nums4 = IndexGuestCountArray[0].intime_count;
|
|
numRun4.resetData(nums4);
|
|
setInterval(function(){
|
|
nums4+= 1;
|
|
numRun4.resetData(nums4);
|
|
},6000*5);
|
|
var numRun5 = $(".numberRun5").numberAnimate({num:'0', speed:2000});
|
|
var nums5 = IndexGuestCountArray[0].day_count;
|
|
numRun5.resetData(nums5);
|
|
setInterval(function(){
|
|
nums5+= 1;
|
|
numRun5.resetData(nums5);
|
|
},6000*5);
|
|
var numRun6 = $(".numberRun6").numberAnimate({num:'0', speed:2000});
|
|
var nums6 = IndexGuestCountArray[0].mouth_count;
|
|
numRun6.resetData(nums6);
|
|
setInterval(function(){
|
|
nums6+= 1;
|
|
numRun6.resetData(nums6);
|
|
},6000*5);
|
|
}
|
|
}
|
|
}); */
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
//动态时间显示
|
|
function getindexTime(){
|
|
window.onload=function(){
|
|
//定时器每秒调用一次fnDate()
|
|
setInterval(function(){
|
|
fnDate();
|
|
},1000);
|
|
}
|
|
//js 获取当前时间
|
|
function fnDate(){
|
|
var date=new Date();
|
|
var strDate;
|
|
var n_day = date.getDay();
|
|
|
|
switch (n_day)
|
|
{
|
|
case 0:{
|
|
strDate = "周日";
|
|
}break;
|
|
case 1:{
|
|
strDate = "周一";
|
|
}break;
|
|
case 2:{
|
|
strDate = "周二";
|
|
}break;
|
|
case 3:{
|
|
strDate = "周三";
|
|
}break;
|
|
case 4:{
|
|
strDate = "周四";
|
|
}break;
|
|
case 5:{
|
|
strDate = "周五";
|
|
}break;
|
|
case 6:{
|
|
strDate = "周六";
|
|
}break;
|
|
case 7:{
|
|
strDate = "周日";
|
|
}break;
|
|
}
|
|
var year=date.getFullYear();//当前年份
|
|
var month=date.getMonth()+1;//当前月份
|
|
var data=date.getDate();//天
|
|
var hours=date.getHours();
|
|
hours=hours<10?"0"+hours:hours;
|
|
var minute=date.getMinutes();
|
|
minute=minute<10?"0"+minute:minute;
|
|
var second=date.getSeconds();
|
|
second=second<10?"0"+second:second;
|
|
$("#ny_id").html(year+"年"+month+"月");
|
|
$("#rq_id").html(data);
|
|
$("#xq_id").html(strDate);
|
|
var timehtml = "<li class=\"icon_sj\"></li>";
|
|
var timecont= hours+":"+minute+":"+second;
|
|
timehtml += timecont;
|
|
$("#sj_id").html(timehtml);
|
|
}
|
|
}
|
|
var spstatus="0";
|
|
function NetPing() {
|
|
//<iframe id = "jqrljksp" width="100%" class="spzs_sp" src="http://211.90.38.239:8080/spzs_index.html" ></iframe>
|
|
$.ajax({
|
|
type: "GET",
|
|
cache: false,
|
|
url: "http://211.90.38.239:8080/spzs_index.html?rand="+new Date(),
|
|
data: "",
|
|
success: function() {
|
|
//document.getElementById("jqrljksp").src="http://211.90.38.239:8080/spzs_index.html";
|
|
$(".sp_zslb").html("<iframe id = \"jqrljksp\" width=\"100%\" class=\"spzs_sp\" src=\"http://211.90.38.239:8080/spzs_index.html\" ></iframe>");
|
|
},
|
|
error: function() {
|
|
/* $(".sp_zslb").html(""); */
|
|
/* $(".sp_zslb").html(" <div id=\"video_div\"> \n" +
|
|
" <div class=\"sp_lb\">\n" +
|
|
" <div class=\"sp_zs\"><img src=\"${ctx }/hbcyjc/resource/img/sp1.png\" /</div>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"sp_lb\">\n" +
|
|
" <div class=\"sp_zs\"><img src=\"${ctx }/hbcyjc/resource/img/sp1.png\" /</div>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"sp_lb\">\n" +
|
|
" <div class=\"sp_zs\"><img src=\"${ctx }/hbcyjc/resource/img/sp1.png\" /</div>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"sp_lb\">\n" +
|
|
" <div class=\"sp_zs\"><img src=\"${ctx }/hbcyjc/resource/img/sp1.png\" /</div>\n" +
|
|
" </div>\n" +
|
|
" <div class=\"clear\"></div> \n" +
|
|
" </div> "); */
|
|
}
|
|
});
|
|
}
|
|
function getWeather(index){
|
|
$("#scen0").removeClass("on");
|
|
$("#scen1").removeClass("on");
|
|
$("#scen2").removeClass("on");
|
|
$("#scen3").removeClass("on");
|
|
$("#scen4").removeClass("on");
|
|
if(index == 0){
|
|
$("#div_weather").html(s0);
|
|
$("#scen0").addClass('on');
|
|
}else if(index == 1){
|
|
$("#div_weather").html(s1);
|
|
$("#scen1").addClass('on');
|
|
}else if(index == 2){
|
|
$("#div_weather").html(s2);
|
|
$("#scen2").addClass('on');
|
|
}else if(index == 3){
|
|
$("#div_weather").html(s3);
|
|
$("#scen3").addClass('on');
|
|
}else if(index == 4){
|
|
$("#div_weather").html(s4);
|
|
$("#scen4").addClass('on');
|
|
}
|
|
}
|
|
var s0 = "";
|
|
var s1 = "";
|
|
var s2 = "";
|
|
var s3 = "";
|
|
var s4 = "";
|
|
|
|
//天气下的区县
|
|
function getbasicScenicRegion(){
|
|
s1 = "";
|
|
s2 = "";
|
|
s3 = "";
|
|
s4 = "";
|
|
var url = "${ctx}/basic/scenic/selectBasicScenicRegion.do";
|
|
var jsonlist = "";
|
|
var json = "暂时无法获取天气信息";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
var BasicScenicRegionArray = data.BasicScenicRegionList;
|
|
var BasicScenicListArray = data.BasicScenicList;//张家口数据
|
|
jsonlist = jsonlist + "<a class='on' id=\"scen0\" onclick=\"getWeather(0);\">"+BasicScenicListArray[0].city_name+"</a><a id=\"scen1\" onclick=\"getWeather(1);\">"+BasicScenicRegionArray[1].NAME+"</a><a id=\"scen2\" onclick=\"getWeather(2);\">"+BasicScenicRegionArray[2].NAME+"</a><a id=\"scen3\" onclick=\"getWeather(3);\">"+BasicScenicRegionArray[3].NAME+"</a>";
|
|
jsonlist = jsonlist + "";
|
|
$("#div_tqcs_id").html(jsonlist);
|
|
var weathers="";
|
|
if (typeof(BasicScenicListArray[0]) == undefined||BasicScenicListArray[0]==null){
|
|
weathers="";
|
|
}else{
|
|
weathers=BasicScenicListArray[0].weathers;
|
|
}
|
|
var zjkquality="";
|
|
if (typeof(BasicScenicListArray[0]) == undefined||BasicScenicListArray[0]==null){
|
|
zjkquality="";
|
|
}else{
|
|
zjkquality=BasicScenicListArray[0].quality;
|
|
}
|
|
if(weathers == null||weathers == ""){
|
|
s0 = s0 + "";
|
|
s0 = s0 + "<div class=\"pf_2\">";
|
|
s0 = s0 + ""+json+"";
|
|
s0 = s0 + "</div>";
|
|
s0 = s0 + "";
|
|
|
|
} else {
|
|
s0 = s0 + "";
|
|
s0 = s0 + "<div class=\"pf_2\">";
|
|
s0 = s0 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicListArray[0].weathers)+"\" width=\"100%\"/></div>";
|
|
s0 = s0 + "<p class=\"tqqk\">"+BasicScenicListArray[0].weathers+"<span>（实时）</span></p>";
|
|
s0 = s0 + "</div>";
|
|
s0 = s0 + "<div class=\"pf_2\">";
|
|
s0 = s0 + "<p class=\"wendu\">"+BasicScenicListArray[0].temperature+"<span>℃ </span></p>";
|
|
s0 = s0 + "<p class=\"fengji\">"+BasicScenicListArray[0].wind_direction+""+BasicScenicListArray[0].wind_level+"</p>";
|
|
if(zjkquality!=null&&zjkquality!=""){
|
|
s0 = s0 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+zjkquality+"</span></p>";
|
|
}
|
|
s0 = s0 + "</div>";
|
|
s0 = s0 + "";
|
|
|
|
}
|
|
|
|
s1 = s1 + "";
|
|
var weathers="";
|
|
if (typeof(BasicScenicRegionArray[1]) == undefined||BasicScenicRegionArray[1]==null){
|
|
weathers="";
|
|
}else{
|
|
weathers=BasicScenicRegionArray[1].weathers;
|
|
}
|
|
var quality="";
|
|
if (typeof(BasicScenicRegionArray[1]) == undefined||BasicScenicRegionArray[1]==null){
|
|
quality="";
|
|
}else{
|
|
quality=BasicScenicRegionArray[1].quality;
|
|
}
|
|
if(weathers == null||weathers == ""){
|
|
s1 = s1 + "<div class=\"pf_2\">";
|
|
s1 = s1 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicListArray[0].weathers)+"\" width=\"100%\"/></div>";
|
|
s1 = s1 + "<p class=\"tqqk\">"+BasicScenicListArray[0].weathers+"<span>（实时）</span></p>";
|
|
s1 = s1 + "</div>";
|
|
s1 = s1 + "<div class=\"pf_2\">";
|
|
s1 = s1 + "<p class=\"wendu\">"+BasicScenicListArray[0].temperature+"<span>℃ </span></p>";
|
|
s1 = s1 + "<p class=\"fengji\">"+BasicScenicListArray[0].wind_direction+""+BasicScenicListArray[0].wind_level+"</p>";
|
|
if(zjkquality!=null&&zjkquality!=""){
|
|
s1 = s1 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+zjkquality+"</span></p>";
|
|
}
|
|
s1 = s1 + "</div>";
|
|
s1 = s1 + "";
|
|
} else {
|
|
s1 = s1 + "<div class=\"pf_2\">";
|
|
s1 = s1 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicRegionArray[1].weathers)+"\" width=\"100%\"/></div>";
|
|
s1 = s1 + "<p class=\"tqqk\">"+BasicScenicRegionArray[1].weathers+"<span>（实时）</span></p>";
|
|
s1 = s1 + "</div>";
|
|
s1 = s1 + "<div class=\"pf_2\">";
|
|
s1 = s1 + "<p class=\"wendu\">"+BasicScenicRegionArray[1].temperature+"<span>℃ </span></p>";
|
|
s1 = s1 + "<p class=\"fengji\">"+BasicScenicRegionArray[1].wind_direction+""+BasicScenicRegionArray[1].wind_level+"</p>";
|
|
if(quality!=null&&quality!=""){
|
|
s1 = s1 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+quality+"</span></p>";
|
|
}
|
|
s1 = s1 + "</div>";
|
|
s1 = s1 + "";
|
|
|
|
}
|
|
var weathers="";
|
|
if (typeof(BasicScenicRegionArray[2]) == undefined||BasicScenicRegionArray[2]==null){
|
|
weathers="";
|
|
}else{
|
|
weathers=BasicScenicRegionArray[2].weathers;
|
|
}
|
|
var quality="";
|
|
if (typeof(BasicScenicRegionArray[2]) == undefined||BasicScenicRegionArray[2]==null){
|
|
quality="";
|
|
}else{
|
|
quality=BasicScenicRegionArray[2].quality;
|
|
}
|
|
|
|
if(weathers == null || weathers== ""){
|
|
s2 = s2 + "";
|
|
s2 = s2 + "<div class=\"pf_2\">";
|
|
s2 = s2 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicListArray[0].weathers)+"\" width=\"100%\"/></div>";
|
|
s2 = s2 + "<p class=\"tqqk\">"+BasicScenicListArray[0].weathers+"<span>（实时）</span></p>";
|
|
s2 = s2 + "</div>";
|
|
s2 = s2 + "<div class=\"pf_2\">";
|
|
s2 = s2 + "<p class=\"wendu\">"+BasicScenicListArray[0].temperature+"<span>℃ </span></p>";
|
|
s2 = s2 + "<p class=\"fengji\">"+BasicScenicListArray[0].wind_direction+""+BasicScenicListArray[0].wind_level+"</p>";
|
|
if(zjkquality!=null&&zjkquality!=""){
|
|
s2 = s2 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+zjkquality+"</span></p>";
|
|
}
|
|
s2 = s2 + "</div>";
|
|
s2 = s2 + "";
|
|
} else {
|
|
s2 = s2 + "";
|
|
s2 = s2 + "<div class=\"pf_2\">";
|
|
s2 = s2 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicRegionArray[2].weathers)+"\" width=\"100%\"/></div>";
|
|
s2 = s2 + "<p class=\"tqqk\">"+BasicScenicRegionArray[2].weathers+"<span>（实时）</span></p>";
|
|
s2 = s2 + "</div>";
|
|
s2 = s2 + "<div class=\"pf_2\">";
|
|
s2 = s2 + "<p class=\"wendu\">"+BasicScenicRegionArray[2].temperature+"<span>℃ </span></p>";
|
|
s2 = s2 + "<p class=\"fengji\">"+BasicScenicRegionArray[2].wind_direction+""+BasicScenicRegionArray[2].wind_level+"</p>";
|
|
if(quality!=null&&quality!=""){
|
|
s2 = s2 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+quality+"</span></p>";
|
|
}
|
|
s2 = s2 + "</div>";
|
|
s2 = s2 + "";
|
|
|
|
}
|
|
var weathers="";
|
|
if (typeof(BasicScenicRegionArray[3]) == undefined||BasicScenicRegionArray[3]==null){
|
|
weathers="";
|
|
}else{
|
|
weathers=BasicScenicRegionArray[3].weathers;
|
|
}
|
|
var quality="";
|
|
if (typeof(BasicScenicRegionArray[3]) == undefined||BasicScenicRegionArray[3]==null){
|
|
quality="";
|
|
}else{
|
|
quality=BasicScenicRegionArray[3].quality;
|
|
}
|
|
if(weathers == null || weathers== ""){
|
|
s3 = s3 + "";
|
|
s3 = s3 + "<div class=\"pf_2\">";
|
|
s3 = s3 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicListArray[0].weathers)+"\" width=\"100%\"/></div>";
|
|
s3 = s3 + "<p class=\"tqqk\">"+BasicScenicListArray[0].weathers+"<span>（实时）</span></p>";
|
|
s3 = s3 + "</div>";
|
|
s3 = s3 + "<div class=\"pf_2\">";
|
|
s3 = s3 + "<p class=\"wendu\">"+BasicScenicListArray[0].temperature+"<span>℃ </span></p>";
|
|
s3 = s3 + "<p class=\"fengji\">"+BasicScenicListArray[0].wind_direction+""+BasicScenicListArray[0].wind_level+"</p>";
|
|
if(zjkquality!=null&&zjkquality!=""){
|
|
s3 = s3 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+zjkquality+"</span></p>";
|
|
}
|
|
s3 = s3 + "</div>";
|
|
s3 = s3 + "";
|
|
} else {
|
|
s3 = s3 + "";
|
|
s3 = s3 + "<div class=\"pf_2\">";
|
|
s3 = s3 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicRegionArray[3].weathers)+"\" width=\"100%\"/></div>";
|
|
s3 = s3 + "<p class=\"tqqk\">"+BasicScenicRegionArray[3].weathers+"<span>（实时）</span></p>";
|
|
s3 = s3 + "</div>";
|
|
s3 = s3 + "<div class=\"pf_2\">";
|
|
s3 = s3 + "<p class=\"wendu\">"+BasicScenicRegionArray[3].temperature+"<span>℃ </span></p>";
|
|
s3 = s3 + "<p class=\"fengji\">"+BasicScenicRegionArray[3].wind_direction+""+BasicScenicRegionArray[3].wind_level+"</p>";
|
|
if(quality!=null&&quality!=""){
|
|
s3 = s3 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+quality+"</span></p>";
|
|
}
|
|
s3 = s3 + "</div>";
|
|
s3 = s3 + "";
|
|
|
|
|
|
|
|
}
|
|
if (typeof(BasicScenicListArray[3]) == undefined||BasicScenicListArray[3] == null){
|
|
weathers="";
|
|
}else{
|
|
weathers=BasicScenicListArray[3].weathers;
|
|
}
|
|
if (typeof(BasicScenicListArray[3]) == undefined||BasicScenicListArray[3] == null){
|
|
quality="";
|
|
}else{
|
|
quality=BasicScenicListArray[3].quality;
|
|
}
|
|
if(weathers == null || weathers== ""){
|
|
s4 = s4 + "";
|
|
s4 = s4 + "<div class=\"pf_2\">";
|
|
s4 = s4 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicListArray[0].weathers)+"\" width=\"100%\"/></div>";
|
|
s4 = s4 + "<p class=\"tqqk\">"+BasicScenicListArray[0].weathers+"<span>（实时）</span></p>";
|
|
s4 = s4 + "</div>";
|
|
s4 = s4 + "<div class=\"pf_2\">";
|
|
s4 = s4 + "<p class=\"wendu\">"+BasicScenicListArray[0].temperature+"<span>℃ </span></p>";
|
|
s4 = s4 + "<p class=\"fengji\">"+BasicScenicListArray[0].wind_direction+""+BasicScenicListArray[0].wind_level+"</p>";
|
|
if(zjkquality!=null&&zjkquality!=""){
|
|
s4 = s4 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+zjkquality+"</span></p>";
|
|
}
|
|
s4 = s4 + "</div>";
|
|
s4 = s4 + "";
|
|
} else {
|
|
s4 = s4 + "";
|
|
s4 = s4 + "<div class=\"pf_2\">";
|
|
s4 = s4 + "<div class=\"icon_tq\"><img src=\""+showWeatherImg(BasicScenicRegionArray[3].weathers)+"\" width=\"100%\"/></div>";
|
|
s4 = s4 + "<p class=\"tqqk\">"+BasicScenicRegionArray[3].weathers+"<span>（实时）</span></p>";
|
|
s4 = s4 + "</div>";
|
|
s4 = s4 + "<div class=\"pf_2\">";
|
|
s4 = s4 + "<p class=\"wendu\">"+BasicScenicRegionArray[3].temperature+"<span>℃ </span></p>";
|
|
s4 = s4 + "<p class=\"fengji\">"+BasicScenicRegionArray[3].wind_direction+""+BasicScenicRegionArray[3].wind_level+"</p>";
|
|
if(quality!=null&&quality!=""){
|
|
s4 = s4 + "<p class=\"tq_kqzl\">空气质量：<span class=\"ys_you\">"+quality+"</span></p>";
|
|
}
|
|
s4 = s4 + "</div>";
|
|
s4 = s4 + "";
|
|
|
|
}
|
|
getWeather(0);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function showWeatherImg(weathers){
|
|
var s = "${ctx }/hbcyjc/resource/img/cloudy2.png";
|
|
if(weathers != undefined){
|
|
if(weathers.indexOf("晴") > -1){
|
|
s = "${ctx }/hbcyjc/resource/img/sunny2.png";
|
|
}else if(weathers.indexOf("多云") > -1){
|
|
s = "${ctx }/hbcyjc/resource/img/cloudy2.png";
|
|
}else if(weathers.indexOf("阴") > -1){
|
|
s = "${ctx }/hbcyjc/resource/img/yin2.png";
|
|
}else if(weathers.indexOf("雨") > -1){
|
|
s = "${ctx }/hbcyjc/resource/img/rain2.png";
|
|
}else if(weathers.indexOf("雪") > -1){
|
|
s = "${ctx }/hbcyjc/resource/img/snow2.png";
|
|
}else{
|
|
s = "${ctx }/hbcyjc/resource/img/cloudy2.png";
|
|
}
|
|
}
|
|
return s;
|
|
}
|
|
|
|
//旅游指数
|
|
function getscenicInfo(){
|
|
var url = "${ctx}/indexaccuse/selectToiletRegion.do";
|
|
var jsondatalist = "";
|
|
$.ajax({
|
|
type:'POST',
|
|
dataType:'json',
|
|
url:url,
|
|
async:false,
|
|
success:function(data){
|
|
var ToiletRegionArray = data.ToiletRegion;
|
|
var comfortablestateZS = data.comfortablestateZS;
|
|
|
|
var lyzshtml = "";
|
|
var lyzslbdianhtml = "";
|
|
for (var i = 0; i < ToiletRegionArray.length; i++){
|
|
if(i+2<ToiletRegionArray.length){
|
|
lyzshtml += "<li><a href=\"#\">"+
|
|
"<div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i].regionname+"</p>"+
|
|
"</div>"+
|
|
" <div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i+1].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i+1].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i+1].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i+1].regionname+"</p>"+
|
|
"</div>"+
|
|
"<div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i+2].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i+2].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i+2].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i+2].regionname+"</p>"+
|
|
"</div></a></li>";
|
|
i = i+2;
|
|
lyzslbdianhtml += "<li><a href=\"javascript:void(0);\"></a></li>";
|
|
}else if(i+1<ToiletRegionArray.length){
|
|
lyzshtml += "<li><a href=\"#\"><div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i].regionname+"</p>"+
|
|
"</div>"+
|
|
" <div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i+1].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i+1].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i+1].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i+1].regionname+"</p>"+
|
|
"</div></a></li>";
|
|
i = i+1;
|
|
lyzslbdianhtml += "<li><a href=\"javascript:void(0);\"></a></li>";
|
|
}else if(i <ToiletRegionArray.length){
|
|
lyzshtml += "<li><a href=\"#\"><div class=\"ds\">"+
|
|
"<p class='"+wzysclass(ToiletRegionArray[i].comfortablestate)+"'>"+Math.round(ToiletRegionArray[i].comfortablestate)+"</p>"+
|
|
"<div class='"+tpsyclass(ToiletRegionArray[i].comfortablestate)+"'></div>"+
|
|
"<p class=\"dsm\">"+ToiletRegionArray[i].regionname+"</p>"+
|
|
"</div></a></li>";
|
|
lyzslbdianhtml += "<li><a href=\"javascript:void(0);\"></a></li>";
|
|
}
|
|
}
|
|
|
|
var comfortablestateZShtml = "";
|
|
var pdsz = Math.round(comfortablestateZS/1000);
|
|
var widthnum =lyzszjk(pdsz);
|
|
|
|
comfortablestateZShtml= "<p class=\"sf\"><i class=\"icon_lyzs\"></i>张家口</p>"+
|
|
"<p class=\"lyzs_d qing\">"+Math.round(comfortablestateZS)+"</p>"+
|
|
"<p class=\"said\"><span class="+widthnum+"></span></p>";
|
|
$("#zjklyzszs").html(comfortablestateZShtml);
|
|
$("#lyzslbdian").html(lyzslbdianhtml);
|
|
$("#slideContainer").html(lyzshtml);
|
|
}
|
|
});
|
|
}
|
|
|
|
// 判断文字颜色class
|
|
function wzysclass(num){
|
|
var wzysclass =""; // 文字颜色
|
|
if(0 < num && num <= 2000){
|
|
wzysclass = "lyzs_d zi";
|
|
}else if(2000 < num && num <= 4000){
|
|
wzysclass = "lyzs_d huang";
|
|
}else if(4000 < num && num <= 6000){
|
|
wzysclass = "lyzs_d lv";
|
|
}else if(6000 < num && num <= 8000){
|
|
wzysclass = "lyzs_d qing";
|
|
}else if(8000 < num && num <= 10000){
|
|
wzysclass = "lyzs_d lan";
|
|
}
|
|
return wzysclass;
|
|
}
|
|
|
|
// 判断树叶样式class
|
|
function tpsyclass(num){
|
|
var tpsyclass = ""; // 树叶颜色
|
|
if(0 < num && num <= 2000){
|
|
tpsyclass = "dttb dttb_zi";
|
|
}else if(2000 < num && num <= 4000){
|
|
tpsyclass = "dttb dttb_huang";
|
|
}else if(4000 < num && num <= 6000){
|
|
tpsyclass = "dttb dttb_lv";
|
|
}else if(6000 < num && num <= 8000){
|
|
tpsyclass = "dttb dttb_qing";
|
|
}else if(8000 < num && num <= 10000){
|
|
tpsyclass = "dttb dttb_lan";
|
|
}
|
|
return tpsyclass;
|
|
}
|
|
|
|
//获得旅游指数，张家口下边彩色横条样式class
|
|
function lyzszjk(pdsz){
|
|
var widthnum = "";
|
|
if(pdsz == 0 || pdsz == 1){
|
|
widthnum = "width1";
|
|
}else if(pdsz == 2){
|
|
widthnum = "width2";
|
|
}else if(pdsz == 3){
|
|
widthnum = "width3";
|
|
}else if(pdsz == 4){
|
|
widthnum = "width4";
|
|
}else if(pdsz == 5){
|
|
widthnum = "width5";
|
|
}else if(pdsz == 6){
|
|
widthnum = "width6";
|
|
}else if(pdsz == 7){
|
|
widthnum = "width7";
|
|
}else if(pdsz == 8){
|
|
widthnum = "width8";
|
|
}else if(pdsz == 9){
|
|
widthnum = "width9";
|
|
}else{
|
|
widthnum = "width10";
|
|
}
|
|
return widthnum;
|
|
}
|
|
|
|
|
|
function oper_yjzh(){
|
|
layer.open({
|
|
type : 2,
|
|
title : "",
|
|
anim : 2,
|
|
area : [ '90%', '90%' ],
|
|
content : "http://bigd.tourage.cn/tourEmergency/manage/list-own?code=JCJGL&parentCode=YJZHGL"
|
|
});
|
|
}
|
|
|
|
</script>
|
|
|
|
<!-- <div style="height: 300px;" id = "daee"></div> -->
|
|
|
|
<body style="height:1080px; width:1920px;">
|
|
<div class="xingk"></div>
|
|
<div class="header">
|
|
<h3 class="header_bt">张家口旅游产业监测平台</h3>
|
|
<!-- <h3 class="header_bt">张家口旅游产业综合管理平台</h3> -->
|
|
<a class="nav" id="showLeft"><i class="nav_icon icon_caidan"></i>菜单</a>
|
|
<a href="#" 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 kljc_icon"></i>客流量监测</a>
|
|
<a href="${ctx }/hbcyjc/basicresources/basicresources.jsp"><i class="nav_icon basic_icon"></i>旅游基础资源</a>
|
|
<a href="${ctx }/hbcyjc/network/network_all.jsp"><i class="nav_icon eav_icon"></i>旅游网评分析</a>
|
|
<a href="${ctx }/hbcyjc/complaint/complaint.jsp"><i class="nav_icon tous_icon"></i>旅游投诉分析</a>
|
|
<a href="http://211.90.38.239:8080/video/spjk.html"><i class="nav_icon video_icon"></i>视频监控管理</a>
|
|
<a href="#" onclick="oper_yjzh()"><i class="nav_icon yjzh_icon"></i>应急指挥管理</a>
|
|
</div>
|
|
|
|
<div class="index_left left">
|
|
<div class="box_index">
|
|
<h3 class="box_bt">今日天气</h3>
|
|
<div class="box_top_s"></div>
|
|
<div class="box_center_s" style=" height:214px;">
|
|
<div class="con">
|
|
<div class="tianqi">
|
|
<h2 class="dqdz"><i class="icon_dw"></i>张家口</h2>
|
|
<!-- <p class="gxsj" >14:38更新</p> -->
|
|
<div class="tbw" id="div_weather">
|
|
<div class="pf_2">
|
|
<div class="icon_tq"><img width="100%"/></div>
|
|
<p class="tqqk">多云<span>（实时）</span></p>
|
|
</div>
|
|
<div class="pf_2">
|
|
<p class="wendu">26<span>℃ </span></p>
|
|
<p class="fengji">东南风1级</p>
|
|
<p class="tq_kqzl">空气质量：<span class="ys_you">优</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="tqcs" id="div_tqcs_id">
|
|
<!-- <a class="on">石家庄</a><a>保定</a><a>廊坊</a><a>秦皇岛</a><a>秦皇岛</a><a>秦皇岛</a> -->
|
|
</div>
|
|
</div>
|
|
<div class="riqi" id="div_riqi_id">
|
|
<p class="ny" id="ny_id"></p>
|
|
<p class="rq" id="rq_id"></p>
|
|
<p class="xq" id="xq_id"></p>
|
|
<p class="sj" id="sj_id"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s"></div>
|
|
</div>
|
|
<div class="box_index">
|
|
<h3 class="box_bt">景区热度</h3>
|
|
<div class="box_top_s"></div>
|
|
<div class="box_center_s" style=" height:604px;">
|
|
<div class="con">
|
|
<div class="tjjq_jqlb" id="div_index_tjjq_jqlb_id">
|
|
|
|
<!-- <div class="tjjq_jqx">
|
|
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
|
|
<div class="jq_tq">
|
|
<p class="tq_left"><span><img src="../hb_lycyjcpt/resource/img/多云.png" /></span>晴 14℃-29℃</p>
|
|
<p class="tq_right">空气质量：<span class="ys_you">优</span></p>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="jqnr">
|
|
<div class="jqnr_left">
|
|
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
|
|
<p class="jq_tj">最大承载量：<span>10000人</span></p>
|
|
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
|
|
</div>
|
|
<div class="jqnr_right">
|
|
<p><span><img src="../hb_lycyjcpt/resource/img/tb_lv1.png" /></span><strong class="ys_you">非常舒适</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tjjq_jqx">
|
|
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
|
|
<div class="jq_tq">
|
|
<p class="tq_left"><span><img src="../hb_lycyjcpt/resource/img/多云.png" /></span>晴 14℃-29℃</p>
|
|
<p class="tq_right">空气质量：51 <span class="ys_liang">良</span></p>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="jqnr">
|
|
<div class="jqnr_left">
|
|
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
|
|
<p class="jq_tj">最大承载量：<span>10000人</span></p>
|
|
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
|
|
</div>
|
|
<div class="jqnr_right">
|
|
<p><span><img src="../hb_lycyjcpt/resource/img/tb_huang1.png" /></span><strong class="ys_liang">较为良好</strong></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="tjjq_jqx">
|
|
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
|
|
<div class="jq_tq">
|
|
<p class="tq_left"><span><img src="../hb_lycyjcpt/resource/img/多云.png" /></span>晴 14℃-29℃</p>
|
|
<p class="tq_right">空气质量：20<span class="ys_cha">差</span></p>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<div class="jqnr">
|
|
<div class="jqnr_left">
|
|
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
|
|
<p class="jq_tj">最大承载量：<span>10000人</span></p>
|
|
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
|
|
</div>
|
|
<div class="jqnr_right">
|
|
<p><span><img src="../hb_lycyjcpt/resource/img/tb_zi1.png" /></span><strong class="ys_cha">非常差</strong></p>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s"></div>
|
|
</div>
|
|
</div>
|
|
<div class="index_center left">
|
|
<div class="index_map">
|
|
<div class="tjsl">
|
|
<p class="tjbt">实时客流量</p>
|
|
<div class="gdsz" style="width: 205px;">
|
|
<div class="shuzi" ><div class="numberRunS"></div></div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tjsl">
|
|
<p class="tjbt">今日客流量</p>
|
|
<div class="gdsz" style="width: 233px;">
|
|
<div class="shuzi" ><div class="numberRunR"></div></div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="tjsl">
|
|
<p class="tjbt">当月客流量</p>
|
|
<div class="gdsz" style="width: 261px;">
|
|
<div class="shuzi" ><div class="numberRunY"></div></div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
</div>
|
|
<div class="spzs">
|
|
<h2 class="spzs_bt">景区人流监控视频</h2>
|
|
<div class="sp_zslb" >
|
|
<!-- <iframe id = "jqrljksp" width="100%" class="spzs_sp" src="http://211.90.38.239:8080/spzs_index.html" ></iframe> -->
|
|
<!-- <iframe id = "jqrljksp" width="100%" class="spzs_sp" src="" style="dispaly:none;"></iframe> -->
|
|
<div id="video_div">
|
|
<div class="sp_lb">
|
|
<div class="sp_zs"><img src="${ctx }/hbcyjc/resource/img/sp1.png" /></div>
|
|
</div>
|
|
<div class="sp_lb">
|
|
<div class="sp_zs"><img src="${ctx }/hbcyjc/resource/img/sp1.png" /></div>
|
|
</div>
|
|
<div class="sp_lb">
|
|
<div class="sp_zs"><img src="${ctx }/hbcyjc/resource/img/sp1.png" /></div>
|
|
</div>
|
|
<div class="sp_lb">
|
|
<div class="sp_zs"><img src="${ctx }/hbcyjc/resource/img/sp1.png" /></div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_tjjq">
|
|
<h3 class="tjjq_bt">网评数据</h3>
|
|
<div class="tjjq_top"></div>
|
|
<div class="tjjq_center" style=" height:130px;">
|
|
<div class="con sco_net">
|
|
<div class="wpsj" id = "wpsj">
|
|
<!-- <ul class="scl_run"> -->
|
|
<!-- <li> -->
|
|
<!-- <p class="wp_lx lb_jd">酒店</p> -->
|
|
<!-- <p class="wp_pl">网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据</p> -->
|
|
<!-- <p class="wp_sj"><span>12-15</span><span>18:34:25</span></p> -->
|
|
<!-- </li> -->
|
|
<!-- <li> -->
|
|
<!-- <p class="wp_lx lb_lxs">旅行社</p> -->
|
|
<!-- <p class="wp_pl">网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据</p> -->
|
|
<!-- <p class="wp_sj"><span>12-15</span><span>18:34:25</span></p> -->
|
|
<!-- </li> -->
|
|
<!-- <li> -->
|
|
<!-- <p class="wp_lx lb_cs">厕所</p> -->
|
|
<!-- <p class="wp_pl">网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据网评数据</p> -->
|
|
<!-- <p class="wp_sj"><span>12-15</span><span>18:34:25</span></p> -->
|
|
<!-- </li> -->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="tjjq_bottom"></div>
|
|
</div>
|
|
</div>
|
|
<div class="index_right right">
|
|
|
|
|
|
|
|
<!-- <div class="box_index_r"> -->
|
|
<!-- <h3 class="box_bt">张家口旅游概况</h3> -->
|
|
<!-- <div class="box_top_s2"></div> -->
|
|
<!-- <div class="box_center_s2" style=" height:289px;"> -->
|
|
<!-- <div class="con"> -->
|
|
<!-- <div class=" sjgk_top"> -->
|
|
<!-- <div class="sjzs left"> -->
|
|
<!-- <div class="sjzsx" id = "qylysfq"></div> -->
|
|
<!-- <div class="sjzsx" id = "lycs"></div> -->
|
|
<!-- <div class="sjzsx" id = "lxs"></div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="ajjq left" id = "ajjqu"> -->
|
|
|
|
<!-- </div> -->
|
|
<!-- <div class="slry left" id = "bgjd"> -->
|
|
|
|
<!-- </div> -->
|
|
<!-- <div class=" clear"></div> -->
|
|
<!-- <div class="qtsj"> -->
|
|
<!-- <div class="qtsjzs"><p class="qtsj_bt">购物场所</p><p class="qtsj_sj">13654</p></div> -->
|
|
<!-- <div class="qtsjzs"><p class="qtsj_bt">宾馆饭店</p><p class="qtsj_sj">13654</p></div> -->
|
|
<!-- <div class="qtsjzs"><p class="qtsj_bt">农家乐</p><p class="qtsj_sj">13654</p></div> -->
|
|
<!-- <div class="qtsjzs"><p class="qtsj_bt">旅游大巴</p><p class="qtsj_sj">13654</p></div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
<!-- <div class="box_bottom_s2"></div> -->
|
|
<!-- </div> -->
|
|
|
|
|
|
|
|
|
|
<div class="box_index_r">
|
|
<h3 class="box_bt">张家口旅游概况</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:289px;">
|
|
<div class="con">
|
|
<div class=" sjgk_top">
|
|
<div class="sjzs left">
|
|
<div class="sjzsx"><p class="sjgk_bt huang">全域旅游示范区</p><p class="sjgk_sj" id = "lygk_qylysfq"></p></div>
|
|
<div class="sjzsx"><p class="sjgk_bt qing">旅游厕所</p><p class="sjgk_sj" id = "lygk_lycs"></div>
|
|
<div class="sjzsx"><p class="sjgk_bt qing">旅行社</p><p class="sjgk_sj" id = "lygk_lxs"></div>
|
|
</div>
|
|
<div class="ajjq left">
|
|
<p class="tbsj_bt">景区</p>
|
|
<p class="tbsj_zs qing" id = "lygk_lyjq">130</p>
|
|
<div class="mainbanner2">
|
|
<div class="mainbanner_window2">
|
|
<ul id="slideContainer2">
|
|
<li><a href="#">
|
|
<div class="tus" id = "echjqwa" style="height: 115px;">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img9.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">4A</p>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<div class="tus" id = "echjqsa" style="height: 115px;">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img9.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">3A</p>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<div class="tus" id = "echjqsana" style="height: 115px;">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img9.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">2A</p>
|
|
</a></li>
|
|
</ul>
|
|
<ul class="mainbanner_list2">
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="slry left">
|
|
<p class="tbsj_bt">宾馆酒店</p>
|
|
<p class="tbsj_zs zis" id = "lygk_bgjd"></p>
|
|
<div class="mainbanner2">
|
|
<div class="mainbanner_window2">
|
|
<ul id="slideContainer2">
|
|
<li><a href="#">
|
|
<div class="tus" style="height: 115px;" id = "echbgsa">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img10.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">五星级</p>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<div class="tus" style="height: 115px;" id = "echbgSANa">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img10.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">四星级</p>
|
|
</a></li>
|
|
<li><a href="#">
|
|
<div class="tus" style="height: 115px;" id = "echbgea">
|
|
<!-- <p class="tbsjts"><img src="../resource/img/img10.png" /></p> -->
|
|
</div>
|
|
<p class="tbsjmc">三星级</p>
|
|
</a></li>
|
|
</ul>
|
|
<ul class="mainbanner_list2">
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" clear"></div>
|
|
<!-- <div class="qtsj">
|
|
<div class="qtsjzs"><p class="qtsj_bt">购物场所</p><p class="qtsj_sj">13654</p></div>
|
|
<div class="qtsjzs"><p class="qtsj_bt">宾馆饭店</p><p class="qtsj_sj">13654</p></div>
|
|
<div class="qtsjzs"><p class="qtsj_bt">农家乐</p><p class="qtsj_sj">13654</p></div>
|
|
<div class="qtsjzs"><p class="qtsj_bt">旅游大巴</p><p class="qtsj_sj">13654</p></div>
|
|
</div>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="box_index_r">
|
|
<h3 class="box_bt">易游指数</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:160px;">
|
|
<div class="con">
|
|
<div class="lyzs">
|
|
<div class="hbs" id = "zjklyzszs";>
|
|
<!-- <p class="sf"><i class="icon_lyzs"></i>张家口</p> -->
|
|
<!-- <p class="lyzs_d qing">76.59</p> -->
|
|
<!-- <p class="said"><span class="width7"></span></p> -->
|
|
</div>
|
|
<div class="dslb">
|
|
<div class="mainbanner">
|
|
<div class="mainbanner_window">
|
|
<ul id="slideContainer">
|
|
</ul>
|
|
</div>
|
|
<ul class="mainbanner_list" id = "lyzslbdian">
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
<li><a href="javascript:void(0);"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
<div class="box_index_r">
|
|
<h3 class="box_bt">12301投诉</h3>
|
|
<div class="box_top_s2"></div>
|
|
<div class="box_center_s2" style=" height:284px;">
|
|
<div class="con">
|
|
<div class="subao" id = "tsnr">
|
|
<!-- <ul class="gundong"> -->
|
|
<!-- <li><span class="xwbt left">女子订车票女子订车票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- <li><span class="xwbt left">女子订车票票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- <li><span class="xwbt left">女子订车票女子订车子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- <li><span class="xwbt left">女订786车票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- <li><span class="xwbt left">女子订车23票女子子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- <li><span class="xwbt left">女子sg订车票女子订子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li> -->
|
|
<!-- </ul> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="box_bottom_s2"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--数字滚动-->
|
|
<script src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/numberRun.js"></script>
|
|
|
|
|
|
<!--数据轮番-->
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/index.js"></script>
|
|
|
|
<!--速报上下滚动-->
|
|
<script type="text/javascript">
|
|
function autoScroll(obj){
|
|
$(obj).find(".gundong").animate({
|
|
marginTop : "-40px"
|
|
},500,function(){
|
|
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
|
|
})
|
|
|
|
$(obj).find(".scl_run").animate({
|
|
marginTop : "-65px"
|
|
},500,function(){
|
|
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
|
|
})
|
|
}
|
|
$(function(){
|
|
setInterval('autoScroll(".subao")',4000);
|
|
setInterval('autoScroll(".sco_net")',5000);
|
|
})
|
|
|
|
</script>
|
|
<!--<script type="text/javascript">
|
|
function autoScroll(obj){
|
|
$(obj).find(".gundong").animate({
|
|
marginTop : "-40px"
|
|
},500,function(){
|
|
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
|
|
})
|
|
}
|
|
$(function(){
|
|
setInterval('autoScroll(".subao")',2000);
|
|
})
|
|
</script>-->
|
|
|
|
<!--左侧滑动菜单-->
|
|
<script src="${ctx }/hbcyjc/resource/js/classie.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>
|
|
|
|
</body>
|
|
</html>
|
|
|