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/feature/scenicV2/scenic.html

479 lines
21 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" />
<link type="text/css" rel="stylesheet" href="css/cjy_style.css" />
<title>无标题文档</title>
</head>
<body style="height:1080px; width:1920px;">
<div class="xingk"></div>
<div class="header">
<h3 class="header_bt">河北旅游大数据</h3>
<!-- <a 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="navfloat-l"></div>
<div class="header-l" >
<div class="navbar-logo left">
<a href="#" class="navbar-brand">
<img src="img/logo.png">
</a><!-- /.brand -->
</div><!-- /.navbar-header -->
<div class="nav-dh left">
<a href="#" target="mainFrame" class="on">
<span class="icon icon-zhzs"></span>
<p>综合展示</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-dlxx"></span>
<p>旅游地理信息</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-jczy"></span>
<p>基础资源</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-zhspjk"></span>
<p>综合视频监控</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-jqkljc"></span>
<p>景区客流监测</p>
</a>
<a href="#"target="mainFrame">
<span class="icon icon-clljc"></span>
<p>车流量监测</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-lytsfx"></span>
<p>旅游投诉分析</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-wlpjfx"></span>
<p>网络评价分析</p>
</a>
<a href="#" target="mainFrame">
<span class="icon icon-dyjcfx"></span>
<p>导游监测分析</p>
</a>
</div>
<div class="navbar-header right" role="navigation">
<p class="user-info"><span></span>admin</p>
<a href="#" class="tuichu">退出</a>
</div>
</div>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
<div class="but" id="showleft"></div>
<h3>综合展示</h3>
<a href="#" class="on"><i class="nav_icon_z icon_home"></i>首页</a>
<a href="#"><i class="nav_icon_z icon_kll"></i>客流量监测</a>
<a href="#"><i class="nav_icon_z icon_jczy"></i>旅游基础资源</a>
<a href="#"><i class="nav_icon_z icon_wpfx"></i>旅游网评分析</a>
<a href="#"><i class="nav_icon_z icon_tsfx"></i>旅游投诉分析</a>
<a href="#"><i class="nav_icon_z icon_jkgl"></i>视频监控管理</a>
<a href="#"><i class="nav_icon_z icon_youke"></i>游客画像</a>
<a href="#"><i class="nav_icon_z icon_jingqu"></i>景区画像</a>
</nav>
<!--<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 class="index_left left">
<div class="box_index">
<h3 class="box_bt">景区概述</h3>
<div class="box_top_s"></div>
<div class="box_center_s" style=" height:268px;">
<div class="con">
<div class="jqzyfb clear" >
<div class="fl-list" >
<a href="#">
<p class="icon icon-jd"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-cs"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-tcc"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-gw"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-jk"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-jt"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-zs"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
<div class="fl-list" >
<a href="#">
<p class="icon icon-qt"></p>
<p class="mc">旅游景点</p>
<p class="shul">100个</p>
</a>
</div>
</div>
</div>
</div>
<div class="box_bottom_s"></div>
</div>
<div class="box_index">
<h3 class="box_bt">客源地TOP10</h3>
<div class="box_top_s"></div>
<div class="box_center_s" style=" height:240px;">
<div class="con">
<div class="kyd_top">
<ul class="kydph clear">
<li><div class="kyd_jgjl">
<p class="csmc"><span class="huang">01</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class="jb_huang width80"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="lv">02</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class="jb_lv width60"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="zi">03</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class="jb_zi width50"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">04</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width40"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">05</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width30"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">06</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width20"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">07</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width20"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">08</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width20"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">09</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width20"></span></p>
</div></li>
<li><div class="kyd_jgjl">
<p class="csmc"><span class="">10</span>河北</p>
<p class="csrs">136546人</p>
<p class="jtt"><span class=" width20"></span></p>
</div></li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_s"></div>
</div>
<div class="box_index">
<h3 class="box_bt">逗留时长</h3>
<div class="box_top_s"></div>
<div class="box_center_s" style=" height:225px;">
<div class="con">
<div class="tbw">
<!--<h2 class="xbt">旅游收入</h2>-->
<div style=" height:260px; padding-left:15px;"><img src="img/1236.png" /></div>
</div>
</div>
</div>
<div class="box_bottom_s"></div>
</div>
</div>
<div class="index_center left">
<div class="index_map">
<div class="tjsl">
<p class="tjbt">实时客流量</p>
<div class="gdsz">
<div class="shuzi"><div class="numberRun8"></div></div>
<p class="szdw">人次</p>
<div class="mb_left"></div>
<div class="mb_right"></div>
</div>
</div>
<div class="tjsl">
<p class="tjbt">当月客流量</p>
<div class="gdsz">
<div class="shuzi"><div class="numberRun7"></div></div>
<p class="szdw">人次</p>
<div class="mb_left"></div>
<div class="mb_right"></div>
</div>
</div>
<div class="tjsl">
<p class="tjbt">今年客流量已达</p>
<div class="gdsz">
<div class="shuzi"><div class="numberRun6"></div></div>
<p class="szdw">人次</p>
<div class="mb_left"></div>
<div class="mb_right"></div>
</div>
</div>
</div>
<div class="box_tjjq">
<h3 class="tjjq_bt">热门景区</h3>
<div class="tjjq_top"></div>
<div class="tjjq_center" style=" height:130px;">
<div class="con">
<div class="mainbanner">
<div class="mainbanner_window">
<div class="mainbanner_nrbf" id="slideContainer">
<div class="tus">
<div class="scroll">
<ul>
<li><div class="pic"><div class="pmmc mun_1">1</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
<li><div class="pic"><div class="pmmc mun_2">2</div><img src="img/img02.jpg" /><p class="rs">12365人</p></div><p class="mc">武强年画博物馆</p></li>
<li><div class="pic"><div class="pmmc mun_3">3</div><img src="img/img03.jpg" /><p class="rs">12365人</p></div><p class="mc">滏阳河水利风景区</p></li>
<li><div class="pic"><div class="pmmc">4</div><img src="img/img04.jpg" /><p class="rs">12365人</p></div><p class="mc">灵秀山庄</p></li>
<li><div class="pic"><div class="pmmc">5</div><img src="img/img05.jpg" /><p class="rs">12365人</p></div><p class="mc">木兰围场</p></li>
</ul>
</div>
</div>
<div class="tus">
<div class="scroll">
<ul>
<li><div class="pic"><div class="pmmc">6</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
<li><div class="pic"><div class="pmmc">7</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
<li><div class="pic"><div class="pmmc">8</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
<li><div class="pic"><div class="pmmc">9</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
<li><div class="pic"><div class="pmmc">10</div><img src="img/img01.jpg" /><p class="rs">12365人</p></div><p class="mc">衡水湖</p></li>
</ul>
</div>
</div>
</div>
</div>
<ul class="mainbanner_list">
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
</ul>
</div>
</div>
</div>
<div class="tjjq_bottom"></div>
</div>
</div>
<div class="index_right right">
<div class="box_index_r">
<h3 class="box_bt">客流量统计</h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:203px;">
<div class="con">
<div class="tbw" >
<div style=" height:280px; padding-left:15px;"><img src="img/1237.png" /></div>
</div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
<div class="box_index_r">
<h3 class="box_bt">网评数据</h3>
<div class="box_top_s2"></div>
<div class="box_center_s2" style=" height:613px;">
<div class="con">
<div class="plsjbl clear">
<div class="hpsxlb width70 haop">
<p class="hp_flbt">好评</p>
<div class="hp_sjzs"><img src="img/sj_lv.png" /></div>
<div class="hp_bj"></div>
<p class="hp_szbl">70%</p>
</div>
<div class="hpsxlb width20 zhongp">
<p class="hp_flbt">中评</p>
<div class="hp_sjzs"><img src="img/sj_lan.png" /></div>
<div class="hp_bj"></div>
<p class="hp_szbl">20%</p>
</div>
<div class="hpsxlb width10 chap">
<p class="hp_flbt">差评</p>
<div class="hp_sjzs"><img src="img/sj_zi.png" /></div>
<div class="hp_bj"></div>
<p class="hp_szbl">10%</p>
</div>
</div>
<div class="rczs">
<h2 class="xbt">好评热词</h2>
<div style=" height:190px; padding-left:15px;"><img src="img/jqzt_rc.png" /></div>
</div>
<div class="wlhplb">
<ul class="gundong">
<li><span class="xwbt">景区环境非常优美，空气清新，景区设施非常齐全，还有很多精致有趣的纪念品，玩的非常开心，是游的非常开心，是游玩的好去</span><span class="xwsj"><strong>06-10</strong><strong>09:42:37</strong></span></li>
<li><span class="xwbt">景区环境非常优美，空气清新，景区设施非常齐全，还有很多精致有趣的纪念品，玩的非常开心，是游玩的好去</span><span class="xwsj"><strong>06-10</strong><strong>09:42:37</strong></span></li>
<li><span class="xwbt">景区环境非常优美，空气清新景区环境非常优美，空气清新景区环境非常优美，空气清新景区环境非常优美，空气清新景区环境非常优美，空气清新景区环境非常优美，空气清新景区环境非常优美，空气清新</span><span class="xwsj"><strong>06-10</strong><strong>09:42:37</strong></span></li>
<li><span class="xwbt">景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全</span><span class="xwsj"><strong>06-09</strong><strong>09:42:37</strong></span></li>
<li><span class="xwbt">女子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子子订车23票女子子订车票</span><span class="xwsj"><strong>06-09</strong><strong>09:42:37</strong></span></li>
<li><span class="xwbt">景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全景区环境非常优美，空气清新，景区设施非常齐全</span><span class="xwsj"><strong>06-09</strong><strong>09:42:37</strong></span></li>
</ul>
</div>
<div class="tstj">连续<span>123</span>天零投诉</div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
</div>
<!--数字滚动-->
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/numberRun.js"></script>
<!--导航菜单-->
<script>
//导航
$(function(){
//选中导航
// var $nav = $("[screenid='"+screenid+"']");
// $nav.addClass("curr");
// $nav.siblings().removeClass("curr");
$(".navfloat-l").hover(function (e) {
$(".header-l").stop().animate({'top': '0'},100);
},function(){});
$(".header-l").hover(function (e) {
},function(){
$(".header-l").stop().animate({'top':'-90px' },100);
});
})
</script>
<!--数据轮番-->
<script type="text/javascript" src="js/index.js"></script>
<!--速报上下滚动-->
<script type="text/javascript">
function autoScroll(obj){
$(obj).find(".gundong").animate({
marginTop : "-60px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".wlhplb")',2000);
})
</script>
<!--右侧滑动菜单-->
<script src="js/classie.js"></script>
<script>
//导航
$(function(){
//选中导航
// var $nav = $("[screenid='"+screenid+"']");
// $nav.addClass("curr");
// $nav.siblings().removeClass("curr");
$(".navfloat-l").hover(function (e) {
$(".header-l").stop().animate({'top': '0'},100);
},function(){});
$(".header-l").hover(function (e) {
},function(){
$(".header-l").stop().animate({'top':'-90px' },100);
});
})
</script>
<script>
var
menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRight = document.getElementById( 'showleft' ),
body = document.body;
showRight.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showleft' );
};
function disableOther( button ) {
if( button !== 'showleft' ) {
classie.toggle( showRight, 'disabled' );
}
}
$(function(){
$(".but").click(function(){
$(this).toggleClass("jtzh");
});
});
</script>
</body>
</html>