移动新ui
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.
 
 
 
 
hb_cyjc_yd/WebRoot/hbcyjc/html/网络评价分析.html

335 lines
12 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../resource/js/jquery-3.7.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="../resource/css/cjy_style.css" />
<title>无标题文档</title>
</head>
<body style="height:1080px; width:1920px;">
<div class="xingk_nr"></div>
<div class="header">
<h3 class="header_bt">网络评价分析</h3>
<a href="#" class="nav" id="showLeft"><i class="nav_icon icon_caidan"></i>菜单</a> <a href="#" class="nav_home"><i class="nav_icon icon_zhuye"></i>主页</a> </div>
<div class="zuoce cbp-spmenu-left" id="cbp-spmenu-s1"> <a href="#" class="on"><i class="nav_icon icon_zhuye"></i>首页</a> <a href="#"><i class="nav_icon icon_lycy"></i>旅游产业</a> <a href="#"><i class="nav_icon icon_kydfx"></i>客源地分析</a> <a href="#"><i class="nav_icon icon_jqfx"></i>景区分析</a> <a href="#"><i class="nav_icon icon_ykhx"></i>游客画像</a> <a href="#"><i class="nav_icon icon_jqhx"></i>景区画像</a> <a href="#"><i class="nav_icon icon_slqyhx"></i>涉旅企业画像</a> <a href="#"><i class="nav_icon icon_lygzd"></i>旅游关注度</a> <a href="#"><i class="nav_icon icon_lymdd"></i>旅游目的地</a> <a href="#"><i class="nav_icon icon_lyyq"></i>旅游舆情</a> <a href="#"><i class="nav_icon icon_slbm"></i>涉旅部门</a> </div>
<div>
<div class="index_left">
<div class="mt20">
<div class="box_mo left">
<h3 class="box_bt">网络评价总数</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="pj_total">
<div class="qd_gov">
<h4>差评</h4>
<p>1.20%</p>
</div>
<div class="qd_12301">
<h4>好评</h4>
<p>2.35%</p>
</div>
<div class="qd_oth">
<p>1.25%</p>
<h4>中评</h4>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">景区酒店评论占比</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="jqhol_zb">
<div class="jh_whole">
<p>评论总数</p>
<h2>235233</h2>
</div>
<div class="jh_spot">
<h2>25.61%<span>景区</span></h2>
<p>235233</p>
</div>
<div class="jh_hotel">
<h2>25.69%<span>酒店</span></h2>
<p>235233</p>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">评价来源分析</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div>图表</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" >
<h3 class="box_bt">景区评论总数</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="pl_tol">
<div class="plzs_bg">
<div class="zs_1">
<h4>中评</h4>
<p>22.33%</p>
</div>
<div class="zs_2">
<h4>好评</h4>
<p>22.33%</p>
</div>
<div class="zs_3">
<h4>差评</h4>
<p>22.33%</p>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">景区好评总数Top5</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="net_jq jq_good">
<div class="tslyd_fb">
<ul class="com_mnjd">
<li class="col_jq_1">
<h3><span></span>河北省</h3>
<span class="jd_degnum">30.26%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30.26%"></span>
</p>
</li>
<li class="col_jq_2">
<h3><span></span>北京市</h3>
<span class="jd_degnum">50.23%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:50%"></span>
</p>
</li>
<li class="col_jq_3">
<h3><span></span>天津市</h3>
<span class="jd_degnum">30.00%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30%"></span>
</p>
</li>
<li class="col_jq_4">
<h3><span></span>内蒙古</h3>
<span class="jd_degnum">26.36%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:26%"></span>
</p>
</li>
<li class="col_jq_5">
<h3><span></span>江苏省</h3>
<span class="jd_degnum">62.22%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:62%"></span>
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">景区差评总数Top5</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="net_jq jq_good">
<div class="tslyd_fb">
<ul class="com_mnjd">
<li class="col_jq_1">
<h3><span></span>河北省</h3>
<span class="jd_degnum">30.26%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30.26%"></span>
</p>
</li>
<li class="col_jq_2">
<h3><span></span>北京市</h3>
<span class="jd_degnum">50.23%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:50%"></span>
</p>
</li>
<li class="col_jq_3">
<h3><span></span>天津市</h3>
<span class="jd_degnum">30.00%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30%"></span>
</p>
</li>
<li class="col_jq_4">
<h3><span></span>内蒙古</h3>
<span class="jd_degnum">26.36%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:26%"></span>
</p>
</li>
<li class="col_jq_5">
<h3><span></span>江苏省</h3>
<span class="jd_degnum">62.22%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:62%"></span>
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left">
<h3 class="box_bt">酒店评论总数</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="pl_tol">
<div class="plzs_bg">
<div class="zs_1">
<h4>中评</h4>
<p>22.33%</p>
</div>
<div class="zs_2">
<h4>好评</h4>
<p>22.33%</p>
</div>
<div class="zs_3">
<h4>差评</h4>
<p>22.33%</p>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">酒店好评总数Top5</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="net_jq jq_good hol_good">
<div class="tslyd_fb">
<ul class="com_mnjd">
<li class="col_jq_1">
<h3><span></span>河北省</h3>
<span class="jd_degnum">30.26%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30.26%"></span>
</p>
</li>
<li class="col_jq_2">
<h3><span></span>北京市</h3>
<span class="jd_degnum">50.23%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:50%"></span>
</p>
</li>
<li class="col_jq_3">
<h3><span></span>天津市</h3>
<span class="jd_degnum">30.00%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30%"></span>
</p>
</li>
<li class="col_jq_4">
<h3><span></span>内蒙古</h3>
<span class="jd_degnum">26.36%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:26%"></span>
</p>
</li>
<li class="col_jq_5">
<h3><span></span>江苏省</h3>
<span class="jd_degnum">62.22%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:62%"></span>
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div class="box_mo left" style="margin-left:0;">
<h3 class="box_bt">酒店差评总数Top5</h3>
<div class="box_top_m"></div>
<div class="box_center_m" style=" height:240px;">
<div class="net_jq jq_good hol_good">
<div class="tslyd_fb">
<ul class="com_mnjd">
<li class="col_jq_1">
<h3><span></span>河北省</h3>
<span class="jd_degnum">30.26%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30.26%"></span>
</p>
</li>
<li class="col_jq_2">
<h3><span></span>北京市</h3>
<span class="jd_degnum">50.23%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:50%"></span>
</p>
</li>
<li class="col_jq_3">
<h3><span></span>天津市</h3>
<span class="jd_degnum">30.00%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:30%"></span>
</p>
</li>
<li class="col_jq_4">
<h3><span></span>内蒙古</h3>
<span class="jd_degnum">26.36%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:26%"></span>
</p>
</li>
<li class="col_jq_5">
<h3><span></span>江苏省</h3>
<span class="jd_degnum">62.22%</span>
<p class="mnjd_bg">
<span class="wd_num" style="width:62%"></span>
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_m"></div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
</div>
<!--左侧滑动菜单-->
<script src="../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>