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/首页.html

540 lines
28 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="../resource/css/cjy_style2.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="zuoce cbp-spmenu-left" id="cbp-spmenu-s1">
<a href="#"><i class="nav_icon icon_zhuye"></i>首页</a>
<a href="#"><i class="nav_icon kljc_icon"></i>客流量监测</a>
<a href="#"><i class="nav_icon tous_icon"></i>旅游投诉分析</a>
<a href="#"><i class="nav_icon eav_icon"></i>网络评价分析</a>
<a href="#" class="on"><i class="nav_icon basic_icon"></i>旅游基础资源</a>
<a href="#"><i class="nav_icon video_icon"></i>视频监控管理</a>
<a href="#"><i class="nav_icon yjzh_icon"></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:214px;">
<div class="con">
<div class="tianqi">
<h2 class="dqdz"><i class="icon_dw"></i>石家庄</h2>
<p class="gxsj">14:38更新</p>
<div class="tbw">
<div class="pf_2">
<div class="icon_tq"><img src="../resource/img/多云.png" width="100%"/></div>
<p class="tqqk">多云<span>（实时）</span></p>
</div>
<div class="pf_2">
<p class="wendu">26<span>℃ </span></p>
<p class="fengji">东南风1级</p>
<p class="tq_kqzl">空气质量：<span class="ys_you">优</span></p>
</div>
</div>
<div class="tqcs">
<a class="on">石家庄</a><a>保定</a><a>廊坊</a><a>秦皇岛</a><a>秦皇岛</a><a>秦皇岛</a>
</div>
</div>
<div class="riqi">
<p class="ny">2017年09月</p>
<p class="rq">12</p>
<p class="xq">周二</p>
<p class="sj"><i class="icon_sj"></i>12:10:35</p>
</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:604px;">
<div class="con">
<div class="tjjq_jqlb">
<div class="tjjq_jqx">
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
<div class="jq_tq">
<p class="tq_left"><span><img src="../resource/img/多云.png" /></span>晴 14℃-29℃</p>
<p class="tq_right">空气质量：90<span class="ys_you">优</span></p>
<div class="clear"></div>
</div>
<div class="jqnr">
<div class="jqnr_left">
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
<p class="jq_tj">最大承载量：<span>10000人</span></p>
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
</div>
<div class="jqnr_right">
<p><span><img src="../resource/img/tb_lv1.png" /></span><strong class="ys_you">非常舒适</strong></p>
</div>
</div>
</div>
<div class="tjjq_jqx">
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
<div class="jq_tq">
<p class="tq_left"><span><img src="../resource/img/多云.png" /></span>晴 14℃-29℃</p>
<p class="tq_right">空气质量：51 <span class="ys_liang">良</span></p>
<div class="clear"></div>
</div>
<div class="jqnr">
<div class="jqnr_left">
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
<p class="jq_tj">最大承载量：<span>10000人</span></p>
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
</div>
<div class="jqnr_right">
<p><span><img src="../resource/img/tb_huang1.png" /></span><strong class="ys_liang">较为良好</strong></p>
</div>
</div>
</div>
<div class="tjjq_jqx">
<div class="jqtp" style=" background:url(img/img2.jpg) no-repeat center; background-size: cover;"></div>
<div class="jq_tq">
<p class="tq_left"><span><img src="../resource/img/多云.png" /></span>晴 14℃-29℃</p>
<p class="tq_right">空气质量：20<span class="ys_cha">差</span></p>
<div class="clear"></div>
</div>
<div class="jqnr">
<div class="jqnr_left">
<h2 class="jq_bt">张北草原<span class="jqjb">3A</span></h2>
<p class="jq_tj">最大承载量：<span>10000人</span></p>
<p class="jq_tj">当前实时人数：<span>6000人</span></p>
</div>
<div class="jqnr_right">
<p><span><img src="../resource/img/tb_zi1.png" /></span><strong class="ys_cha">非常差</strong></p>
</div>
</div>
</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" style="width:205px;">
<div class="shuzi"><div class="numberRun4"></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" style="width:233px;">
<div class="shuzi"><div class="numberRun5"></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" style="width:261px;">
<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 class="spzs">
<h2 class="spzs_bt">景区人流监控视频</h2>
<div class="sp_zslb">
<!--<div >
<div class="sp_lb">
<div class="sp_zs"><img src="../resource/img/sp1.jpg" /><p class="jqmc">某某景区</p></div>
</div>
<div class="sp_lb">
<div class="sp_zs"><img src="../resource/img/sp1.jpg" /><p class="jqmc">某某景区</p></div>
</div>
<div class="sp_lb">
<div class="sp_zs"><img src="../resource/img/sp1.jpg" /><p class="jqmc">某某景区</p></div>
</div>
<div class="sp_lb">
<div class="sp_zs"><img src="../resource/img/sp1.jpg" /><p class="jqmc">某某景区</p></div>
</div>
<div class="clear"></div>
</div>-->
<iframe width="100%" class="spzs_sp" src="index_sp.html"></iframe>
</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 sco_net">
<div class="wpsj">
<ul class="scl_run">
<!-- <li>
<p class="wp_lx lb_jq">景区</p>
<p class="wp_pl"><span class="netp_jq">用户昵称：</span>评数据据网评数据据网评数据据网评数据据网评数据据网评数据据网评数据据网评数据据网评数据据网评数据评数据</p>
<p class="wp_sj"><span>2018-12-15</span></p>
</li>
<li>
<p class="wp_lx lb_jd">酒店</p>
<p class="wp_pl"><span class="netp_jd">用户昵户昵户昵户昵：</span>网评数评数据网评数据网评数据网评据网评数据据网评数据据网评数据据网评数据网评数据</p>
<p class="wp_sj"><span>12-15</span></p>
</li>
<li>
<p class="wp_lx lb_lxs">旅行社</p>
<p class="wp_pl"><span class="netp_lxs">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据</p>
<p class="wp_sj"><span>12-15</span></p>
</li>
<li>
<p class="wp_lx lb_cs">厕所</p>
<p class="wp_pl"><span class="netp_cs">用户昵称：</span>网评数据据网评数据网评数据网评数据</p>
<p class="wp_sj"><span>2018-12-15</span></p>
</li>-->
<li>
<!-- <p class="wp_lx lb_lxs">旅行社</p>
<p class="wp_pl"><span class="netp_lxs">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据</p>
<p class=""><span>2018-12-15</span><span>【旅行社名称旅行社名称旅行社名称旅行社名称】</span></p>
-->
<div class="type_lxs">
<div class="net_lx">旅</div>
<p class="wp_pl"><span class="netp_lxs">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据</p>
<p class="net_tips"><span>【旅行社名称旅行社名称旅行社名称旅行社名称】</span><span class="netp_time" style="float:right">2018-12-15</span><div style="clear:both"></div></p>
</div>
</li>
<li>
<div class="type_lxs">
<div class="net_jd"></div>
<p class="wp_pl"><span class="netp_jd">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据</p>
<p class="net_tips"><span>【旅行社名称旅行社名称旅行社名称旅行社名称】</span><span class="netp_time" style="float:right">2018-12-15</span><div style="clear:both"></div></p>
</div>
</li>
<li>
<div class="type_lxs">
<div class="net_jq"></div>
<p class="wp_pl"><span class="netp_jq">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据</p>
<p class="net_tips"><span>【旅行社名称旅行社名称旅行社名称旅行社名称】</span><span class="netp_time" style="float:right">2018-12-15</span><div style="clear:both"></div></p>
</div>
</li>
<li>
<div class="type_lxs">
<div class="net_wc">厕</div>
<p class="wp_pl"><span class="netp_cs">用户昵称：</span>网评数评数据网据网评数据据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据据网评数据评数据网评数据</p>
<p class="net_tips"><span>【旅行社名称旅行社名称旅行社名称旅行社名称】</span><span class="netp_time" style="float:right">2018-12-15</span><div style="clear:both"></div></p>
</div>
</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:289px;">
<div class="con">
<div class=" sjgk_top">
<div class="sjzs left">
<div class="sjzsx"><p class="sjgk_bt huang">全域旅游示范区</p><p class="sjgk_sj">130</p></div>
<div class="sjzsx"><p class="sjgk_bt qing">旅游厕所</p><p class="sjgk_sj">12365<span>20%<strong>↑</strong></span></p></div>
<div class="sjzsx"><p class="sjgk_bt qing">旅行社</p><p class="sjgk_sj">1264<span>20%<strong>↑</strong></span></p></div>
</div>
<div class="ajjq left">
<p class="tbsj_bt">A级景区</p>
<p class="tbsj_zs qing">130</p>
<div class="mainbanner2">
<div class="mainbanner_window2">
<ul id="slideContainer2">
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img9.png" /></p>
<p class="tbsjmc">5A</p>
</div>
</a></li>
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img9.png" /></p>
<p class="tbsjmc">4A</p>
</div>
</a></li>
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img9.png" /></p>
<p class="tbsjmc">3A</p>
</div>
</a></li>
</ul>
<ul class="mainbanner_list2">
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
</ul>
</div>
</div>
</div>
<div class="slry left">
<p class="tbsj_bt">涉旅人员</p>
<p class="tbsj_zs zis">1364</p>
<div class="mainbanner2">
<div class="mainbanner_window2">
<ul id="slideContainer2">
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img10.png" /></p>
<p class="tbsjmc">导游<span>20%<strong>↑</strong></span></p>
</div>
</a></li>
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img10.png" /></p>
<p class="tbsjmc">领队<span>20%<strong>↑</strong></span></p>
</div>
</a></li>
<li><a href="#">
<div class="tus">
<p class="tbsjts"><img src="../resource/img/img10.png" /></p>
<p class="tbsjmc">司机<span>20%<strong>↑</strong></span></p>
</div>
</a></li>
</ul>
<ul class="mainbanner_list2">
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
</ul>
</div>
</div>
</div>
<div class=" clear"></div>
<!-- <div class="qtsj">
<div class="qtsjzs"><p class="qtsj_bt">购物场所</p><p class="qtsj_sj">13654</p></div>
<div class="qtsjzs"><p class="qtsj_bt">宾馆饭店</p><p class="qtsj_sj">13654</p></div>
<div class="qtsjzs"><p class="qtsj_bt">农家乐</p><p class="qtsj_sj">13654</p></div>
<div class="qtsjzs"><p class="qtsj_bt">旅游大巴</p><p class="qtsj_sj">13654</p></div>
</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:160px;">
<div class="con">
<div class="lyzs">
<div class="hbs">
<p class="sf"><i class="icon_lyzs"></i>河北省</p>
<p class="lyzs_d qing">76.59</p>
<p class="said"><span class="width7"></span></p>
</div>
<div class="dslb">
<div class="mainbanner">
<div class="mainbanner_window">
<ul id="slideContainer">
<li><a href="#">
<div class="ds">
<p class="lyzs_d lv">50.64</p>
<div class="dttb dttb_lv"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d qing">76.59</p>
<div class="dttb dttb_qing"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d zi">13.16</p>
<div class="dttb dttb_zi"></div>
<p class="dsm">保定</p>
</div>
</a></li>
<li><a href="#">
<div class="ds">
<p class="lyzs_d lan">90.64</p>
<div class="dttb dttb_lan"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d huang">36.59</p>
<div class="dttb dttb_huang"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d lv">60.16</p>
<div class="dttb dttb_lv"></div>
<p class="dsm">保定</p>
</div>
</a></li>
<li><a href="#">
<div class="ds">
<p class="lyzs_d lv">50.64</p>
<div class="dttb dttb_lv"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d qing">76.59</p>
<div class="dttb dttb_qing"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d zi">13.16</p>
<div class="dttb dttb_zi"></div>
<p class="dsm">保定</p>
</div>
</a></li>
<li><a href="#">
<div class="ds">
<p class="lyzs_d lv">50.64</p>
<div class="dttb dttb_lv"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d qing">76.59</p>
<div class="dttb dttb_qing"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d zi">13.16</p>
<div class="dttb dttb_zi"></div>
<p class="dsm">保定</p>
</div>
</a></li>
<li><a href="#">
<div class="ds">
<p class="lyzs_d lv">50.64</p>
<div class="dttb dttb_lv"></div>
<p class="dsm">保定</p>
</div>
<div class="ds">
<p class="lyzs_d qing">76.59</p>
<div class="dttb dttb_qing"></div>
<p class="dsm">保定</p>
</div>
</a></li>
</ul>
</div>
<ul class="mainbanner_list">
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
<li><a href="javascript:void(0);"></a></li>
</ul>
</div>
</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:284px;">
<div class="con">
<div class="subao">
<ul class="gundong">
<li><span class="xwbt left">女子订车票女订车票女子订订车票女子订订车票女子订子订车票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子订车票票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子订车票女订车票女子订订车票女子订订车票女子订订车票女子订订车票女子订子订车子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女订786车票女子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子订车23票女子子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子sg订车票女子订子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子sg订车票女子订子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
<li><span class="xwbt left">女子sg订车票女子订子订车票</span><span class="xwsj right">2017-09-08</span><div class="clear"></div></li>
</ul>
</div>
</div>
</div>
<div class="box_bottom_s2"></div>
</div>
</div>
<!--数字滚动-->
<script src="../resource/js/jquery-3.7.0.min.js"></script>
<script type="text/javascript" src="../resource/js/numberRun.js"></script>
<!--数据轮番-->
<script type="text/javascript" src="../resource/js/index.js"></script>
<!--速报上下滚动-->
<script type="text/javascript">
function autoScroll(obj){
$(obj).find(".gundong").animate({
marginTop : "-40px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
$(obj).find(".scl_run").animate({
marginTop : "-65px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".subao")',2000);
setInterval('autoScroll(".sco_net")',2000);
})
</script>
<!--速报上下滚动-->
<!--<script type="text/javascript">
function autoScroll(obj){
$(obj).find(".scl_run").animate({
marginTop : "-40px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".sco_net")',2000);
})
</script>-->
<!--左侧滑动菜单-->
<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>