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.
129 lines
5.8 KiB
129 lines
5.8 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<%@ page language="java" 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" />
|
|
<!--图片查看插件css-->
|
|
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/js/touchTouch/touchTouch.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>
|
|
</head>
|
|
|
|
<body>
|
|
<input type="hidden" id="ctype" name="ctype" />
|
|
<div style="height:560px; width:1080px;">
|
|
<div class="left jq_w290">
|
|
<!--网络评价-->
|
|
<div class="wid_tianq">
|
|
<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>
|
|
<!--评价情况分析-->
|
|
<h6 class="wd_tit_com mt15">情感比例分析</h6>
|
|
<div class="wd_inx_wp" style="height:145px;" id="criticism_ratio">
|
|
<%-- <div class="pj_total mt10">
|
|
<div class="wd_wp_unit">
|
|
<h5>好评</h5>
|
|
<p>${scenicMap.good_p}%</p>
|
|
</div>
|
|
<div class="wd_wp_unit">
|
|
<h5>差评</h5>
|
|
<p>${scenicMap.bad_p}%</p>
|
|
</div>
|
|
<div class="wd_wp_unit">
|
|
<h5>中评</h5>
|
|
<p>${scenicMap.middle_p}%</p>
|
|
</div>
|
|
</div> --%>
|
|
</div>
|
|
<!--评价详情-->
|
|
<h6 class="wd_tit_com mt15">正负面维度分析</h6>
|
|
<div class="" style="height:230px;" id="people_dimension">图表</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="left jq_w780 ml10">
|
|
<div class="wd_pjq_box">
|
|
<ul class="wd_menu_pj" id="ul_source">
|
|
<a href="javascript:onSearch('', 'all')" id="all" class="on"><li class="wd_menu_qb">全部</li></a>
|
|
<%-- <c:forEach items="${sourceList}" var="lis" varStatus="vst">
|
|
<c:if test="${lis.criticismSource=='去哪儿'}">
|
|
<a href="javascript:onSearch('${lis.criticismSource}')" title="${lis.criticismSource}"><li class="wd_menu_quna">${lis.criticismSource}</li></a>
|
|
</c:if>
|
|
</c:forEach> --%>
|
|
<a href="javascript:onSearch('美团', 'meituan')" id="meituan" title="美团"><li class="wd_menu_mt">美团</li></a>
|
|
<a href="javascript:onSearch('携程', 'xiecheng')" id="xiecheng" title="携程"><li class="wd_menu_xc">携程</li></a>
|
|
<a href="javascript:onSearch('去哪儿', 'qunaer')" id="qunaer" title="去哪儿"><li class="wd_menu_quna">去哪儿</li></a>
|
|
<a href="javascript:onSearch('大众点评', 'dazhong')" id="dazhong" title="大众点评"><li class="wd_menu_dzdp">大众点评</li></a>
|
|
<a href="javascript:onSearch('蚂蜂窝', 'mafengwo')" id="mafengwo" title="蚂蜂窝"><li class="wd_menu_mfw">蚂蜂窝</li></a>
|
|
<a href="javascript:onSearch('途牛', 'tuniu')" id="tuniu" title="途牛"><li class="wd_menu_tun">途牛</li></a>
|
|
<a href="javascript:onSearch('百度旅游', 'baidu')" id="baidu" title="百度旅游"><li class="wd_menu_bd">百度旅游</li></a>
|
|
<a href="javascript:onSearch('猫途鹰', 'maotuying')" id="maotuying" title="猫途鹰"><li class="wd_menu_mty">猫途鹰</li></a>
|
|
<a href="javascript:onSearch('同程', 'tongcheng')" id="tongcheng" title="同程"><li class="wd_menu_tc">同程</li></a>
|
|
<a href="javascript:onSearch('驴妈妈', 'lvmama')" id="lvmama" title="驴妈妈"><li class="wd_menu_lm">驴妈妈旅游网</li></a>
|
|
<a href="javascript:onSearch('艺龙', 'yilong')" id="yilong" title="艺龙"><li class="wd_menu_yl">艺龙旅行网</li></a>
|
|
<a href="javascript:onSearch('飞猪', 'feizhu')" id="feizhu" title="飞猪"><li class="wd_menu_fz">飞猪旅行网</li></a>
|
|
<a href="javascript:onSearch('安可达', 'ankeda')" id="ankeda" title="安可达"><li class="wd_menu_akd">Agoda(安可达)</li></a>
|
|
<a href="javascript:onSearch('缤客', 'binke')" id="binke" title="缤客"><li class="wd_menu_bk">Booking.com【缤客】</li></a>
|
|
<div class="clear"></div>
|
|
</ul>
|
|
|
|
<iframe src="${ctx}/indexscenicgood/scenicCriticismDetil.do?sceniccode=${sceniccode}" id="Iframe" name="" width="100%" height="528px" frameborder="0" scrolling="auto"></iframe>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
|
|
<script src="${ctx}/hbcyjc/indexscenicgood/follow_dimension.js"></script>
|
|
<!--数字滚动-->
|
|
<script src="${ctx}/hbcyjc/resourceNew/js/numberRun.js"></script>
|
|
|
|
<!--图片查看插件-->
|
|
<script src="${ctx}/hbcyjc/resourceNew/js/touchTouch/touchTouch.jquery.js"></script>
|
|
<script>
|
|
$(function() {
|
|
//图片事件,img-gather处为仿qq空间图片效果展示
|
|
$('#thumbs a').touchTouch();
|
|
|
|
var good = ${scenicMap.good};
|
|
var middle = ${scenicMap.middle};
|
|
var bad = ${scenicMap.bad};
|
|
var data = [{name: '好评', value: good, text:1},{name: '中评', value: middle, text:2},{name: '差评', value: bad, text:3}];
|
|
//显示好评, 中评, 差评--饼状图
|
|
queryCriticismRatio(data);
|
|
|
|
//显示正负面维度分析--雷达图
|
|
queryPeopleDimension();
|
|
});
|
|
|
|
var numRun6 = $(".numberRun6").numberAnimate({
|
|
num : '${scenicMap.total}',
|
|
speed : 2000
|
|
});
|
|
|
|
function onSearch(criticismSource, a_id){
|
|
$("#ul_source").find('a').removeClass('on');
|
|
$("#"+a_id).addClass('on');
|
|
|
|
var ctype = $("#ctype").val();
|
|
document.getElementById("Iframe").src = "${ctx}/indexscenicgood/scenicCriticismDetil.do?sceniccode=${sceniccode}&criticismSource="+encodeURI(encodeURI(criticismSource))+"&ctype="+ctype;
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|