移动新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

211 lines
7.1 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 style="padding-left:25px">
<div class="w443 left mr24">
<h3 class="box_bt"><img src="../resource/img2/bt_jq.png" class="pic_title"/></h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:890px;">
<div class="h230">
<h2 class="sub_tit">景区资源等级分布</h2>
<div class="spot_zy">
<ul class="jingq_fb">
<li>
<h5>1A</h5>
<p>1225</p>
</li>
<li>
<h5>2A</h5>
<p>1225</p>
</li>
<li>
<h5>3A</h5>
<p>1225</p>
</li>
<li>
<h5>4A</h5>
<p>1225</p>
</li>
<li>
<h5>5A</h5>
<p>1225</p>
</li>
<li>
<h5>其他</h5>
<p>1225</p>
</li>
<div style="clear:both"></div>
</ul>
</div>
</div>
<div class="h330">
<h2 class="sub_tit">景区资源类型分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
<div class="h330">
<h2 class="sub_tit">景区资源地区分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
<div class="w443 left mr24">
<h3 class="box_bt"><img src="../resource/img2/bt_lxs.png" class="pic_title"/></h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:890px;">
<div class="h230">
<h2 class="sub_tit">旅行社资源等级分布</h2>
</div>
<div class="h330">
<h2 class="sub_tit">旅行社资源类型分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
<div class="h330">
<h2 class="sub_tit">旅行社资源地区分布Top5</h2>
<div>
<!--height:330-->图表 </div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
<div class="w443 left mr24">
<h3 class="box_bt"><img src="../resource/img2/bt_food.png" class="pic_title"/></h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:890px;">
<div class="h230">
<h2 class="sub_tit">旅游饭店资源等级分布</h2>
<div class="fod_ziy">
<ul class="fodzy_lst">
<li>
<h5>1星级</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
<li>
<h5>2星级</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
<li>
<h5>3星级</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
<li>
<h5>4星级</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
<li>
<h5>5星级</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
<li>
<h5>其他</h5>
<p class="fdz_num">5043人</p>
<p class="fdz_bfb">97.52%</p>
</li>
</ul>
</div>
</div>
<div class="h330">
<h2 class="sub_tit">旅游饭店资源类型分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
<div class="h330">
<h2 class="sub_tit">旅游饭店资源地区分布Top5</h2>
<div>
<!--height:330-->图表 </div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
<div class="w443 left mr24">
<h3 class="box_bt"><img src="../resource/img2/bt_wc.png" class="pic_title"/></h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:890px;">
<div class="h230">
<h2 class="sub_tit">旅游厕所资源等级分布</h2>
<div class="wczi_fb">
<ul class="wcdj_lst">
<li>
<h3>1A</h3>
<p class="wc_p1">5043人</p>
<p class="wc_p2">97.52%</p>
</li>
<li>
<h3>2A</h3>
<p class="wc_p1">5043人</p>
<p class="wc_p2">97.52%</p>
</li>
<li>
<h3>3A</h3>
<p class="wc_p1">5043人</p>
<p class="wc_p2">97.52%</p>
</li>
<li>
<h3>未评价</h3>
<p class="wc_p1">5043人</p>
<p class="wc_p2">97.52%</p>
</li>
<div style="clear:both"></div>
</ul>
</div>
</div>
<div class="h330">
<h2 class="sub_tit">旅游厕所资源类型分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
<div class="h330">
<h2 class="sub_tit">旅游厕所资源地区分布</h2>
<div>
<!--height:330-->图表 </div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
<div style="clear:both"></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>