张家口产业监测
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-zhangjiakou/WebRoot/hbcyjc/html/网络评价分析1366.html

369 lines
15 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="../resourceNew/js/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style.css"/>
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_style2.css" />
<link type="text/css" rel="stylesheet" href="../resourceNew/css/cjy_zlmxg.css" />
<link type="text/css" rel="stylesheet" href="../resourceNew/css/zjk_css.css"/>
<title>网络评价分析系统</title>
</head>
<body class="chext old_page">
<div class="xingk_nr"></div>
<div class="header_top">
<p class="header_xtbt">网络评价分析系统</p>
<div class="header_right">
<div class="header_yongh">
<div class="yongh_tx"></div>
<div class="yongh_xx">
<p class="yh_mc">河北旅游委</p>
<a href="#" class="beader_yhzx">用户中心</a> </div>
</div>
<div class="header_rlsj">
<p class="header_riqi">01月19日<span>周三</span></p>
<p class="header_shijian">11:03:25</p>
</div>
<a href="#" class="beader_bttn" title="首页"><span class=" beader_bttn_home"></span></a> <a href="#" class="beader_bttn" title="设置"><span class=" beader_bttn_sz"></span></a> <a href="#" class="beader_bttn" title="退出账号"><span class=" beader_bttn_tc"></span></a> </div>
</div>
<!--漂浮-筛选条件-->
<div class="gy_sx"> <a class="bttn_tssx"><span class="bttn_sxdh"></span></a>
<div class="sx_nr"> <a href="#" class="xsflx active">按日分析</a> <a href="#" class="xsflx">按月分析</a> <a href="#" class="xsflx">按年分析</a> <a href="#" class="xsflx">按季度分析</a>
<div class="sx_form sx_form2">
<div class="form_input2">
<input id="openingTime" name="OpeningTime" value="2019-01-20">
</div>
<div class="form_select" >
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
<div class="form_select" >
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
<div class="form_select" >
<select id="" name="">
<option value="">河北</option>
<option value="">石家庄</option>
<option value="">张家口</option>
<option value="">邢台</option>
</select>
</div>
</div>
<span class="jb-leftx"><img src="../resourceNew/images/jb2-leftx.png"/></span> <span class="jb-rights"><img src="../resourceNew/images/jb2-rights.png"/></span> </div>
</div>
<!--左下角菜单-->
<div class="che_caid"> <a class="bttn_caid"><span class="bttn_sxdh"></span></a>
<div class="caid_nr" style="width:140px;"> <a href="#" class="caid_xiang">车流量实时监测</a> <a href="#" class="caid_xiang active">车流量分析</a> <span class="jb-lefts"><img src="../resourceNew/images/jb-lefts.png"/></span> <span class="jb-leftx"><img src="../resourceNew/images/jb-leftx.png"/></span> <span class="jb-rights"><img src="../resourceNew/images/jb-rights.png"/></span> <span class="jb-rightx"><img src="../resourceNew/images/jb-rightx.png"/></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">
<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>
</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">
<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>
</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>图表</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">
<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>
</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">
<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>
</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">
<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>
</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">
<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>
</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">
<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>
</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">
<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>
</div>
</div>
</div>
<!--时间选择器-->
<script type="text/javascript" src="../../js/laydate5.09/laydate.js"></script>
<script type="text/javascript">
//时间选择器
laydate.render({
elem: '#openingTime',
theme: 'datecolor'
});
</script>
<!--筛选隐藏显示-->
<script src="../resourceNew/js/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".bttn_tssx").click(function(){
$(".sx_nr").fadeToggle();
});
});
</script>
</body>
</html>