张家口产业监测
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.
 
 
 
 

601 lines
19 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>
<title>网络评价分析</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
<script type="text/javascript" src="${ctx }/hbcyjc/resource/js/echarts/echarts.min.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">
$(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){
_onSearch();
}
}
});
}
}
//根据市查询 区/县
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){
_onSearch();
}
}
});
}
}
</script>
<script type="text/javascript">
$(document).ready(function() {
var sysName = "网络评价分析系统";
$("#sysName").html(sysName);
$("#current_page").css('display','none');
var my_menu_html =
'<a href="${ctx}/network/index.do" class="caid_xiang active">网评综合分析</a>' +
'<a href="${ctx}/indexscenicgood/scenicReport.do" class="caid_xiang">景区网评报告</a>' +
'<a href="${ctx}/indexscenicgood/scenicanalysis.do" class="caid_xiang">景区网评分析</a>' +
'<a href="${ctx}/indexhotelgood/hotelReport.do" class="caid_xiang">酒店网评报告</a>' +
'<a href="${ctx}/indexhotelgood/hotelanalysis.do" class="caid_xiang">酒店网评分析</a>'+
'<a href="${ctx}/network/gotolist.do" class="caid_xiang">综合评价查询</a>';
$("#menuList").html(my_menu_html);
});
</script>
</head>
<body class="chext old_page">
<div class="xingk_nr"></div>
<%@include file="/common/menu.jsp" %>
<!--漂浮-筛选条件-->
<div class="gy_sx">
<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="_onSearch()">
<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-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="pj_total" id="eval_total">
</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="jqhol_zb" id="network_comment">
</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>评价来源分析</span></h3>
</div>
<div style=" height:240px;">
<div id="network_eval_source" style="height: 100%">图表</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>景区评论总数</span></h3>
</div>
<div style="height:240px;">
<div class="pl_tol">
<div class="plzs_bg" id="scenic_total">
</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>景区好评总数Top5</span></h3>
</div>
<div style=" height:240px;">
<div class="jq_good">
<div class="tslyd_fb">
<ul class="com_mnjd" id="scenic_good_top">
</ul>
</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">
<div class="tslyd_fb">
<ul class="com_mnjd" id="scenic_bed_top">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt15 flexbox">
<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="pl_tol">
<div class="plzs_bg" id="hotel_total">
</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>酒店好评总数Top5</span></h3>
</div>
<div style=" height:240px;">
<div class="jq_good hol_good">
<div class="tslyd_fb">
<ul class="com_mnjd" id="hotel_good_top">
</ul>
</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">
<ul class="com_mnjd" id="hotel_bed_top">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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();
});
});
</script>
<script>
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);
}
_onSearch();
}
//加载时间控件
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;
_onSearch();
}
});
}
function _onSearch(){
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 province = $("#province").val();//省
var city = $("#city").val();//市
var county = $("#county").val();//县
if(county){
areacode = county;
}else if(city){
areacode = city;
}else if(province){
areacode = province;
}
queryPageData();
}
function queryPageData(){
//查询网络评价总数
queryEvalTotal();
//查询景区、酒店评论占比
queryNetworkComment();
//查询评价来源分析
queryEvalSource();
//查询景区评价总数
queryScenicTotal();
//查询景区好评top5
queryScenicGoodTop5();
//景区差评总数TOP5
queryScenicBadTop5();
//查询酒店评价总数
queryHotelTotal();
//酒店好评总数TOP5
queryHotelGoodTop5();
//酒店差评总数TOP5
queryHotelBadTop5();
}
//景区好评总数TOP5
function queryScenicGoodTop5(){
$.ajax({
type : 'POST',
url : "${ctx}/scenicgood/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var scenic_good_html = "";
if (data.length>0) {
for (var i = 0; i < data.length; i++) {
scenic_good_html +=
'<li class="col_jq_'+(i+1)+'">'+
'<h3><span></span><a href="javascript:gotoScenicList(\''+data[i].scenicName+'\', \''+data[i].sceniccode+'\', \'1\')">'+data[i].scenicName+'</a></h3>'+
'<span class="jd_degnum">'+data[i].scenicNum+'</span>'+
'<p class="mnjd_bg"><span class="wd_num" style="width:'+data[i].scenicRatio+'%"></span></p>'+
'</li>';
}
}
$("#scenic_good_top").html(scenic_good_html);
}
});
}
//景区差评总数TOP5
function queryScenicBadTop5(){
$.ajax({
type : 'POST',
url : "${ctx}/scenicbad/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var scenic_bad_html = "";
if (data.length>0) {
for (var i = 0; i < data.length; i++) {
scenic_bad_html +=
'<li class="col_jq_'+(i+1)+'">'+
'<h3><span></span><a href="javascript:gotoScenicList(\''+data[i].scenicName+'\', \''+data[i].sceniccode+'\', \'3\')">'+data[i].scenicName+'</a></h3>'+
'<span class="jd_degnum">'+data[i].scenicNum+'</span>'+
'<p class="mnjd_bg"><span class="wd_num" style="width:'+data[i].scenicRatio+'%"></span></p>'+
'</li>';
}
}
$("#scenic_bed_top").html(scenic_bad_html);
}
});
}
//酒店好评总数TOP5
function queryHotelGoodTop5(){
$.ajax({
type : 'POST',
url : "${ctx}/hotelgood/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var hotel_good_html = "";
if (data.length>0) {
for (var i = 0; i < data.length; i++) {
hotel_good_html +=
'<li class="col_jq_'+(i+1)+'">'+
'<h3><span></span><a href="javascript:gotoHotelList(\''+data[i].hotelName+'\', \''+data[i].hotelcode+'\', \'1\')">'+data[i].hotelName+'</a></h3>'+
'<span class="jd_degnum">'+data[i].hotelNum+'</span>'+
'<p class="mnjd_bg"><span class="wd_num" style="width:'+data[i].hotelRatio+'%"></span></p>'+
'</li>';
}
}
$("#hotel_good_top").html(hotel_good_html);
}
});
}
//酒店差评总数TOP5
function queryHotelBadTop5(){
$.ajax({
type : 'POST',
url : "${ctx}/hotelbad/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var hotel_bad_html = "";
if (data.length>0) {
for (var i = 0; i < data.length; i++) {
hotel_bad_html +=
'<li class="col_jq_'+(i+1)+'">'+
'<h3><span></span><a href="javascript:gotoHotelList(\''+data[i].hotelName+'\', \''+data[i].hotelcode+'\', \'3\')">'+data[i].hotelName+'</a></h3>'+
'<span class="jd_degnum">'+data[i].hotelNum+'</span>'+
'<p class="mnjd_bg"><span class="wd_num" style="width:'+data[i].hotelRatio+'%"></span></p>'+
'</li>';
}
}
$("#hotel_bed_top").html(hotel_bad_html);
}
});
}
//查询网络评价总数
function queryEvalTotal(){
$.ajax({
type : 'POST',
url : "${ctx}/evaltotal/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var eval_total_html = "";
if (data.length>0) {
eval_total_html +=
'<div class="qd_gov"><h4>差评</h4><p>'+data[0].eBad+'%</p></div>'+
'<div class="qd_12301"><h4>好评</h4><p>'+data[0].eGood+'%</p></div>'+
'<div class="qd_oth"><p>'+data[0].eMiddle+'%</p><h4>中评</h4></div>';
}
$("#eval_total").html(eval_total_html);
}
});
}
//查询景区评价总数
function queryScenicTotal(){
$.ajax({
type : 'POST',
url : "${ctx}/scenictotal/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var scenic_total_html = "";
if (data.length>0) {
scenic_total_html +=
'<div class="zs_1"><h4>中评</h4><p>'+data[0].eMiddle+'%</p></div>'+
'<div class="zs_2"><h4>好评</h4><p>'+data[0].eGood+'%</p></div>'+
'<div class="zs_3"><h4>差评</h4><p>'+data[0].eBad+'%</p></div>'+
'<div style="clear:both"></div>';
}
$("#scenic_total").html(scenic_total_html);
}
});
}
//查询酒店评价总数
function queryHotelTotal(){
$.ajax({
type : 'POST',
url : "${ctx}/hoteltotal/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var hotel_total_html = "";
if (data.length>0) {
hotel_total_html +=
'<div class="zs_1"><h4>中评</h4><p>'+data[0].eMiddle+'%</p></div>'+
'<div class="zs_2"><h4>好评</h4><p>'+data[0].eGood+'%</p></div>'+
'<div class="zs_3"><h4>差评</h4><p>'+data[0].eBad+'%</p></div>'+
'<div style="clear:both"></div>';
}
$("#hotel_total").html(hotel_total_html);
}
});
}
//查询景区、酒店评论占比
function queryNetworkComment(){
$.ajax({
type : 'POST',
url : "${ctx}/comment/list.do?starttime="+starttime+"&endtime="+endtime+"&areacode="+areacode,
dataType : 'json',
success : function(data) {
var network_comment_html = "";
if (data.length>0) {
network_comment_html +=
'<div class="jh_whole"><p>评论总数</p><h2>'+data[0].cTotal+'</h2></div>'+
'<div class="jh_spot"><h2>'+data[0].cScenic+'%<span>景区</span></h2><p>'+data[0].scenicNum+'</p></div>'+
'<div class="jh_hotel"><h2>'+data[0].cHotel+'%<span>酒店</span></h2><p>'+data[0].hotelNum+'</p></div>';
}
$("#network_comment").html(network_comment_html);
}
});
}
//跳转到景区评论列表
function gotoScenicList(title, sceniccode, ctype){
layer.open({
type : 2,
title : "",
anim : 2,
shade: [0.7, '#333'],
area : [ '1281px', '583px' ],
content : "${ctx}/indexscenicgood/gotolist.do?sceniccode="+sceniccode+"&ctype="+ctype+"&title="+encodeURI(encodeURI(title))
});
}
//跳转酒店评论列表
function gotoHotelList(title, hotelcode, ctype){
layer.open({
type : 2,
title : "",
anim : 2,
shade: [0.7, '#333'],
area : [ '1281px', '583px' ],
content : "${ctx}/indexhotelgood/gotolist.do?hotelcode="+hotelcode+"&ctype="+ctype+"&title="+encodeURI(encodeURI(title))
});
}
</script>
</body>
</html>