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.
276 lines
10 KiB
276 lines
10 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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"/>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style2.css"/>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_style.css"/>
|
|
<link type="text/css" rel="stylesheet" href="${ctx }/hbcyjc/resourceNew/css/cjy_zlmxg.css"/>
|
|
<%@ include file="/common/theme_css.jsp" %>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/jquery-3.7.0.min.js"></script>
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.js"></script>
|
|
<title>景区首页</title>
|
|
</head>
|
|
|
|
<body >
|
|
<div style="height:560px; width:1080px;">
|
|
<div class="left jq_w372">
|
|
<!--景区图片和信息介绍-->
|
|
<div class="h_186 pic_jq_inf">
|
|
<div class="pic_im_blk">
|
|
<!--景区图片-->
|
|
<img id="scenic_img" src="" />
|
|
<div class="pic_h_txt">
|
|
<p id="scenic_mp" style="line-height: 25px"><span>门票价格:</span><em></em></p>
|
|
<p id="scenic_kfsj" style="line-height: 25px"><span>开放时间:</span><em></em></p>
|
|
<p id="scenic_gfwz" style="line-height: 25px"><span>官方网址:</span><em></em></p>
|
|
<p id="scenic_zxdh" style="line-height: 25px"><span>咨询电话:</span><em></em></p>
|
|
<p id="scenic_tsdh" style="line-height: 25px"><span>投诉电话:</span><em></em></p>
|
|
<p id="scenic_zdczl" style="line-height: 25px"><span>最大承载量:</span><em></em></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--天气板块-->
|
|
<div class="wid_tianq">
|
|
<div id="currweather" class="wd_whe">
|
|
</div>
|
|
<div id="warcher_detial" class="wd_tq_inf flexbox">
|
|
|
|
</div>
|
|
</div>
|
|
<!--热门客源地-->
|
|
<div class="mt15 wid_tianq">
|
|
<h6 class="wd_tit_com">热门客源地</h6>
|
|
<div class="wd_box_bkg">
|
|
<div class="jq_rmk grow">
|
|
<ul id="scenic_source" style="padding-left:194px; padding-top:54px;">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="left jq_w390 ml10">
|
|
<!--当前游客-->
|
|
<h6 class="wd_tit_com">当前游客</h6>
|
|
<div class="che_sjkj">
|
|
<div class="gdsz">
|
|
<div class="shuzi">
|
|
<div class="numberRun7"></div>
|
|
</div>
|
|
<p class="szdw">人次</p>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
</div>
|
|
<div class="wd_dqyk_state">
|
|
<div class="unit_state left">
|
|
<p>当月累计（人次）</p>
|
|
<h3 id="currmonth"></h3>
|
|
</div>
|
|
<div class="unit_state left">
|
|
<p>当年累计（人次）</p>
|
|
<h3 id="curryear"></h3>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--客流量趋势（取最近30天的数据）-->
|
|
<div class="mt15 wid_tianq fadeInUp">
|
|
<h6 class="wd_tit_com">客流量趋势（近7天数据）</h6>
|
|
<div id="kll_scenic30" class="" style=" height:120px;"></div>
|
|
</div>
|
|
<!--逗留时间-->
|
|
<div class="mt15 wid_tianq">
|
|
<h6 class="wd_tit_com">逗留平均时长（近7天数据）</h6>
|
|
<div id="kll_scenic_stay" class="" style="height:240px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="left jq_w290 ml10">
|
|
<div class="tabs_wd1">
|
|
<ul class="wd_rgt_auto">
|
|
<li id="three1" onclick="setTab('three',1,2)" class="hover"><a href="#tab-1"><span class="i_wd_pj"></span>网络评价</a></li>
|
|
<li id="three2" onclick="setTab('three',2,2)"><a href="#tab-2"><span class="i_wd_ts"></span>网络投诉</a></li>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
<!--网络评价-->
|
|
<div class="wid_tianq" id="con_three_1" style="display: block;">
|
|
<div class="che_sjkj">
|
|
<div class="gdsz">
|
|
<div class="pl_zongs">评论<br />
|
|
总数</div>
|
|
<div class="shuzi">
|
|
<div class="numberRun6"></div>
|
|
</div>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!--评价情况分析-->
|
|
<h6 class="wd_tit_com mt10">评价情况分析</h6>
|
|
<div class="wd_inx_wp">
|
|
<div id="scenic_pj" class="pj_total proRotate">
|
|
|
|
</div>
|
|
</div>
|
|
<!--评价详情-->
|
|
<h6 class="wd_tit_com mt10">评价详情</h6>
|
|
<div class="gd_pj_inf" style="height:325px">
|
|
<div class="list_lh" >
|
|
<ul id="assess_detil">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="wid_tianq" id="con_three_2" style="display: none;">
|
|
<div class="che_sjkj">
|
|
<div class="gdsz">
|
|
<div class="pl_zongs">历史<br />
|
|
投诉</div>
|
|
<div class="shuzi">
|
|
<div class="numberRun5"></div>
|
|
</div>
|
|
<div class="mb_left"></div>
|
|
<div class="mb_right"></div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<!--投诉情况分析-->
|
|
|
|
<div id="scenic_ts" class="wd_inx_ts">
|
|
|
|
</div>
|
|
<!--评价详情-->
|
|
<h6 class="wd_tit_com mt10">投诉详情</h6>
|
|
<div class="gd_pj_inf">
|
|
<div class="list_lh">
|
|
<ul id="accuse_detial">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<!--数字滚动-->
|
|
<script src="${ctx }/hbcyjc/resourceNew/js/numberRun.js"></script>
|
|
|
|
<!--评价滚动-->
|
|
<script type="text/javascript" src="${ctx }/hbcyjc/resourceNew/js/scroll.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$("div.list_lh").myScroll({
|
|
speed:40, //数值越大，速度越慢
|
|
rowHeight:85 //li的高度
|
|
});
|
|
})
|
|
</script>
|
|
<!--tab自动切换-->
|
|
<script>
|
|
//选项卡
|
|
function setTab(name,cursel,n){
|
|
for(i=1;i<=n;i++){
|
|
var menu=document.getElementById(name+i);
|
|
var con=document.getElementById("con_"+name+"_"+i);
|
|
menu.className=i==cursel?"hover":"";
|
|
con.style.display=i==cursel?"block":"none";
|
|
}
|
|
}
|
|
</script>
|
|
<!-- 景区基本信息 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_info.js"></script>
|
|
<!-- 景区天气情况 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_weather.js"></script>
|
|
<!-- 景区当月/当年数据 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_month_year.js"></script>
|
|
<!-- 客流趋势近30天 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_trends30.js"></script>
|
|
<!-- 景区热门来源地 -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_source.js"></script>
|
|
<!-- 景区游客逗留时长-->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_stay.js"></script>
|
|
<!-- 景区网络评价-->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_assess.js"></script>
|
|
<!-- 景区网络评价详细-->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_assess_detial.js"></script>
|
|
<!-- 景区历史投诉-->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_accuse.js"></script>
|
|
<!-- 景区历史投诉详细-->
|
|
<script src="${ctx }/hbcyjc/kll/kll_scenic_detial/scenic_accuse_detial.js"></script>
|
|
|
|
<!-- 编码对应省份js -->
|
|
<script src="${ctx }/hbcyjc/kll/kll_structure/areacode.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
//初始化数据
|
|
// $(function(){
|
|
// init();
|
|
|
|
// });
|
|
|
|
|
|
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
|
|
function subSomething(){
|
|
if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入
|
|
//你要做的操作。
|
|
init();
|
|
}
|
|
// else if(document.readyState=="loading"){ //正在加载
|
|
|
|
// }
|
|
}
|
|
|
|
|
|
function init(){
|
|
|
|
var scenicid = window.parent.document.getElementById("scenicid").value;
|
|
var cname = window.parent.document.getElementById("cname").value;
|
|
var scenicimg = window.parent.document.getElementById("scenic_img").value;
|
|
|
|
document.getElementById("scenic_img").src = window.parent.document.getElementById("scenic_img").value;
|
|
document.getElementById("scenic_mp").innerHTML = "<span>门票价格:</span><em>"+window.parent.document.getElementById("scenic_mp").value+"</em>";
|
|
document.getElementById("scenic_kfsj").innerHTML = "<span>开放时间:</span><em>"+window.parent.document.getElementById("scenic_kfsj").value+"</em>";
|
|
document.getElementById("scenic_gfwz").innerHTML = "<span>官方网址:</span><em>"+window.parent.document.getElementById("scenic_gfwz").value+"</em>";
|
|
document.getElementById("scenic_zxdh").innerHTML = "<span>咨询电话:</span><em>"+window.parent.document.getElementById("scenic_zxdh").value+"</em>";
|
|
document.getElementById("scenic_tsdh").innerHTML = "<span>投诉电话:</span><em>"+window.parent.document.getElementById("scenic_tsdh").value+"</em>";
|
|
|
|
|
|
document.getElementById("scenic_zdczl").innerHTML = "<span>日最大承载量:</span><em>"+window.parent.document.getElementById("scenic_zdczl").value+"</em>";
|
|
|
|
|
|
|
|
// getScenicInfo(scenicid);//景区实时客流量
|
|
// getScenicWeather(scenicid);//景区天气情况
|
|
// getScenicCurrMonthYear(scenicid);//景区当月/当年数据
|
|
getScenicTrend30(scenicid);//客流趋势近30天
|
|
getScenicSource(scenicid);//景区热门来源地
|
|
getScenicStay(scenicid);//景区游客逗留时长
|
|
getScenicAssess(scenicid);//景区网络评价
|
|
getScenicAssessDetial(scenicid);//景区网络评价详细
|
|
getScenicAccuse(scenicid);//景区历史投诉
|
|
getScenicAccuseDetial(cname);//景区历史投诉详细
|
|
|
|
var scenic_currnum = window.parent.document.getElementById("scenic_currnum").value;
|
|
|
|
var numRun7 = $(".numberRun7").numberAnimate({num:scenic_currnum, speed:5000});
|
|
var nums7 = Number(scenic_currnum);
|
|
document.getElementById('currmonth').innerText=window.parent.document.getElementById("scenic_month_count").value;
|
|
document.getElementById('curryear').innerText=window.parent.document.getElementById("scenic_year_count").value;
|
|
numRun7.resetData(nums7);
|
|
t0 = setInterval(function(){
|
|
if(nums7 == 0){ //如果是0，则不滚动
|
|
nums7 = 0;
|
|
}else{
|
|
//nums7+= Math.floor(Math.random()*10+1); // 注释时间 2021年1月4日12:56:33 禁止客流量自动滚动 hjw提出 zp修改
|
|
}
|
|
numRun7.resetData(nums7);
|
|
},9000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|