YiDongHeBeiwlt
/
hb_cyjc_yd
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
移动新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.
32 Commits
1 Branch
0 Tags
379 MiB
 
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
hb_cyjc_yd/WebRoot/hbcyjc/html/旅游投诉分析1366.html

452 lines
18 KiB
Raw Permalink Blame History

<!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-3.7.0.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">
<div>
<div class="left block_7 fadeInDown">
<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 class="ts_bg tsfx_sm_1">
<table width="100%" cellpadding="0" cellspacing="0" class="jqk_1">
<tr>
<th></th>
<th><p>投诉量</p></th>
<th><p>受理量</p></th>
<th><p>受理率</p></th>
<th><p>结案量</p></th>
<th><p>结案时长</p></th>
<th><p>法定时限结案率</p></th>
</tr>
<tr>
<td><p>同比</p></td>
<td><p class="col_sgen">29</p></td>
<td><p class="col_sgen">12%</p></td>
<td><p class="col_sred">12.23%</p></td>
<td><p class="col_sred">20.65%</p></td>
<td><p class="col_sred">12%</p></td>
<td><p class="col_sgen">21.36%</p></td>
</tr>
<tr>
<td><p>2019年</p></td>
<td><p class="col_sgen">29</p></td>
<td><p class="col_sred">12%</p></td>
<td><p class="col_sgen">12.23%</p></td>
<td><p class="col_sgen">20.65%</p></td>
<td><p class="col_sred">12%</p></td>
<td><p class="col_sgen">21.36%</p></td>
</tr>
</table>
</div>
<div class="tsfx_sm_2 flexbox">
<div class="flex-1 mgn_r_15">
<div class="dl_sub_bt">
<h3 id="two1" onclick="setTab('two',1,2)" class="hover"> <span>投诉量（件）</span> </h3>
<h3 id="two2" onclick="setTab('two',2,2)"> <span>受理率</span> </h3>
<div class="clear"></div>
</div>
<!--投诉量（件）-->
<div class="tsfx_sl tous_j" id="con_two_1" style="display: block;">
<div class="zdjq_l">
<ul class="com_mnjd">
<li> <a href="#">
<h3><span>桥东区</span></h3>
<span class="jd_degnum">1</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:30%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>张北区</span></h3>
<span class="jd_degnum">15</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:50%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>宣北区</span></h3>
<span class="jd_degnum">7</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:62%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>桥东区</span></h3>
<span class="jd_degnum">1</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:30%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>张北区</span></h3>
<span class="jd_degnum">15</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:50%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>宣北区</span></h3>
<span class="jd_degnum">7</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:62%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>逐鹿区</span></h3>
<span class="jd_degnum">2</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:50%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>崇礼区</span></h3>
<span class="jd_degnum">6</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:50%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>怀来县</span></h3>
<span class="jd_degnum">2</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:50%"></span> </p>
</a> </li>
</ul>
</div>
</div>
<!--受理率-->
<div class="tsfx_sl" id="con_two_2" style="display: none;">
<div class="zdjq_l">
<ul class="com_mnjd">
<li> <a href="#">
<h3><span>桥东区</span></h3>
<span class="jd_degnum">60%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:60%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>张北区</span></h3>
<span class="jd_degnum">23.32%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:20.32%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>宣北区</span></h3>
<span class="jd_degnum">56.32%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:56.32%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>逐鹿区</span></h3>
<span class="jd_degnum">10%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:10%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>崇礼区</span></h3>
<span class="jd_degnum">0%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:0%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>怀来区</span></h3>
<span class="jd_degnum">12.30%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:12.30%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>桥东区</span></h3>
<span class="jd_degnum">60%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:60%"></span> </p>
</a> </li>
<li> <a href="#">
<h3><span>张北区</span></h3>
<span class="jd_degnum">23.32%</span>
<p class="mnjd_bg"> <span class="wd_num" style="width:20.32%"></span> </p>
</a> </li>
</ul>
</div>
</div>
</div>
<div class="flex-1">
<!--占位-不能删除-->
<div class="dl_sub_bt">
<h3><span></span></h3>
</div>
<!--占位-不能删除-->
<div class="zdjq_l" style="padding:10px;">
<div style="height:312px">图表</div>
</div>
</div>
</div>
</div>
<div class="com_box_zsy mgn_r_15 mt15" > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="dl_sub_bt">
<h3><span>企业投诉量排名</span></h3>
</div>
<div style="height:169px;">柱形图</div>
</div>
</div>
<div class="left block_3 fadeInDown">
<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:158px;">折线图</div>
</div>
<div class="com_box_zsy mt15" > <span class="zuos_jiao"></span> <span class="yous_jiao"></span>
<div class="dl_sub_bt">
<h3><span>结案结果分析</span></h3>
</div>
<div class="flexbox">
<div class="flex-1">
<div style="margin-right:5px">
<h6 class="wd_tit_com">2019年全国结案结果分析</h6>
<div style="height:169px;background:#f00">图表</div>
</div>
</div>
<div class="flex-1">
<h6 class="wd_tit_com">2019年全国时限占比统计</h6>
<div style="height:169px;background:#f00">图表</div>
</div>
</div>
</div>
<div class="com_box_zsy mt15" > <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="lvyts_fl_date">
<div>
<p>9990<span>件</span></p>
<h4>张家口市家口市家口市家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div>
<p>20<span>件</span></p>
<h4>张家口市</h4>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div class="tsfx_sm_3">
<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 class="ts_sex" >
<div class="pic_sex"> <img src="../resource/img2/sex.png" />
<div class="txt_sex">
<h3>女性<span>25%</span></h3>
<h4><span>25%</span>男性</h4>
</div>
<div class="sex_wp">
<div class="female_bfb" style="width:52%;"></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>投诉游客年龄比例</span></h3>
</div>
<div class="tsyk_nlbl fadeInUp">
<div class="yk_nian"> <img src="../resource/img2/cd_l.png" class="yk_img" />
<div class="fudiv nian_shao">
<div class="hx_block" style="width:0.00%"><span>1.00%</span></div>
<h4>少年</h4>
</div>
</div>
<div class="yk_nian"> <img src="../resource/img2/yg_l.png" class="yk_img" />
<div class="fudiv nian_qing">
<div class="hx_block" style="width:100%"><span>15%</span></div>
<h4>青年</h4>
</div>
</div>
<div class="yk_nian"> <img src="../resource/img2/me_l.png" class="yk_img" />
<div class="fudiv nian_zhong">
<div class="hx_block" style="width:60%"><span>60%</span></div>
<h4>中年</h4>
</div>
</div>
<div class="yk_nian"> <img src="../resource/img2/ol_l.png" class="yk_img" />
<div class="fudiv nian_lao">
<div class="hx_block" style="width:75%"><span>75%</span></div>
<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>投诉游客来源地Top5</span></h3>
</div>
<div class="dl_fd_dy" style="height:234px">
<div class="fddy_bg"></div>
<div class="fddy_1">
<h4>河北省</h4>
<p>52.23%</p>
</div>
<div class="fddy_2">
<h4>张家口</h4>
<p>52.23%</p>
</div>
<div class="fddy_3">
<h4>张家口</h4>
<p>52.23%</p>
</div>
<div class="fddy_4">
<h4>张家口</h4>
<p>52.23%</p>
</div>
<div class="fddy_5">
<h4>张家口</h4>
<p>52.23%</p>
</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 class="tsqd_wp" style="height:236px">
<div class="qd_gov flash">
<h4>国家旅游局网站</h4>
<p>25%</p>
</div>
<div class="qd_12301 flash">
<h4>12301</h4>
<p>25%</p>
</div>
<div class="qd_oth flash">
<p>25%</p>
<h4>其他</h4>
</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-3.7.0.min.js"></script>
<script>
$(document).ready(function(){
$(".bttn_tssx").click(function(){
$(".sx_nr").fadeToggle();
});
});
</script>
<!--选项卡-->
<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>
</body>
</html>