zhangjiakou
/
hb-cyjc-zhangjiakou
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
张家口产业监测
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.
3 Commits
1 Branch
0 Tags
236 MiB
 
 
 
 
Tag: Branch: Tree: main
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'main'
${ noResults }
hb-cyjc-zhangjiakou/WebRoot/hbcyjc/html/导游监测分析系统1366.html

443 lines
17 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.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-2">
<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="che_sjkj">
<div class="gdsz" style="margin-top:0; margin-bottom:10px">
<div class="pl_zongs">导游<br />
总数</div>
<div class="shuzi">
<div class="numberRun7"></div>
</div>
<div class="mb_left"></div>
<div class="mb_right"></div>
<!--数字滚动-->
<script src="../resourceNew/js/numberRun.js"></script>
</div>
</div>
<div class="flexbox">
<div class="flex-1 mgn_r_15">
<div style="height:180px;background:#f00">环形图</div>
</div>
<div class="flex-1 mgn_r_15"> <div style="height:180px;background:#f00">环形图</div></div>
<div class="flex-1"> <div style="height:180px;">
<div class="dyld_wp pulse">
<div class="dyld_zj">
<h4>领队总数</h4>
<p>12256323</p>
</div>
<div class="unit_dyld_1">
<h4>港澳<br />领队数量</h4>
<p>12256323</p>
</div>
<div class="unit_dyld_1">
<h4>2222</h4>
<p>12256323</p>
</div>
<div class="unit_dyld_1">
<h4>111量</h4>
<p>12256323</p>
</div>
<div class="clear"></div>
</div>
</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 style=" height:240px;">
<div class="dy_djste">
<div class="unit_dysta_1">
<p>23.36%</p>
<h4>初级</h4>
</div>
<div class="unit_dysta_1">
<p>23.36%</p>
<h4>初级</h4>
</div>
<div class="unit_dysta_1">
<p>23.36%</p>
<h4>初级</h4>
</div>
<div class="unit_dysta_1">
<p>23.36%</p>
<h4>初级</h4>
</div>
<div class="clear"></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="dy_yzfb">
<div class="unit_dyyz_1">
<h4>122562</h4>
<p>语言类型<span>(人)</span></p>
</div>
<div class="unit_dyyz_1">
<h4>122562</h4>
<p>语言类型<span>(人)</span></p>
</div>
<div class="unit_dyyz_1">
<h4>122562</h4>
<p>语言类型<span>(人)</span></p>
</div>
<div class="unit_dyyz_1">
<h4>122562</h4>
<p>语言类型<span>(人)</span></p>
</div>
<div class="unit_dyyz_1">
<h4>122562</h4>
<p>语言类型<span>(人)</span></p>
</div>
<div class="clear"></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>行业组织导游数量TOP5</span></h3>
</div>
<div style="height:240px;">
<ul class="dy_hynum">
<li><p>承德市旅游协会导承德市旅游协会导游分承德市旅游协会导游分会</p><h4>4513365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>43365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>45365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>65</h4></li>
</ul>
</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;">
<ul class="dy_hynum">
<li><p>承德市旅游协会导承德市旅游协会导游分承德市旅游协会导游分会</p><h4>4513365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>4513365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>4513365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>4513365</h4></li>
<li><p>承德市旅游协会导游分会</p><h4>4513365</h4></li>
</ul>
</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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 bounceInUp">
<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 tsfx_sm_3">
<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="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>
<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="tsyk_nlbl fadeInUp" style="padding-top:0">
<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>
<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="dyjc_xlfb">
<div class="unit_xl_1">
<h5>12.32%</h5>
<p>高中及以下</p>
</div>
<div class="unit_xl_1">
<h5>12.32%</h5>
<p>大专</p>
</div>
<div class="unit_xl_1">
<h5>12.32%</h5>
<p>本科</p>
</div>
<div class="unit_xl_1">
<h5>12.32%</h5>
<p>硕士及以上</p>
</div>
<div class="clear"></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="dy_mzfb">
<div class="unit_mz_2">
<p>汉族</p>
<h4>122</h4>
</div>
<div class="unit_mz_3">
<p>12002</p><h4>满族</h4>
</div>
<div class="unit_mz_4">
<p>122</p><h4>回族</h4>
</div>
<div class="unit_mz_5">
<p>蒙古族</p>
<h4>122</h4>
</div>
<div class="unit_mz_1">
<p>壮族</p>
<h4>122</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>
$(document).ready(function(){
$(".bttn_tssx").click(function(){
$(".sx_nr").fadeToggle();
});
});
</script>
</body>
</html>