2021-10-26 08:56:39 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" / >
< title > 玩转机场-休闲< / title >
< meta name = "viewport" content = "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" / >
< meta name = "format-detection" content = "telephone=no" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "renderer" content = "webkit|ie-comp|ie-stand" >
< meta name = "Keywords" content = "{$seo_keywords??''}" >
< meta name = "description" content = "{$seo_description??''}" >
< link rel = "shortcut icon" type = "image/ico" href = "/favicon.ico" >
< link rel = "stylesheet" type = "text/css" href = "/css/bootstrap.min.css" / >
< link rel = "stylesheet" type = "text/css" href = "/css/swiper.min.css" / >
< link rel = "stylesheet" type = "text/css" href = "/css/aos.css" / >
< link rel = "stylesheet" type = "text/css" href = "/css/style.css" / >
< link rel = "stylesheet" type = "text/css" href = "/css/new.css" / >
2021-10-28 03:47:01 +00:00
< link rel = "stylesheet" type = "text/css" href = "/css/enstyle.css" / >
2021-10-26 08:56:39 +00:00
< script src = "/js/jquery-3.4.1.min.js" type = "text/javascript" charset = "utf-8" > < / script >
< script src = "/js/swiper.min.js" type = "text/javascript" charset = "utf-8" > < / script >
< script src = "/js/aos.js" type = "text/javascript" charset = "utf-8" > < / script >
< script src = "/js/script.js" type = "text/javascript" charset = "utf-8" > < / script >
< link rel = "stylesheet" type = "text/css" href = "/layui/css/layui.css" / >
< script src = "/layui/layui.js" type = "text/javascript" charset = "utf-8" > < / script >
< link rel = "shortcut icon" href = "/image/favicon.ico" / >
<!-- <script> -->
<!-- document.onkeydown = function () { -->
<!-- if (window.event && window.event.keyCode == 123) { -->
<!-- event.keyCode = 0; -->
<!-- event.returnValue = false; -->
<!-- } -->
<!-- } -->
<!-- document.oncontextmenu = function (event) { -->
<!-- if (window.event) { -->
<!-- event = window.event; -->
<!-- } -->
<!-- try { -->
<!-- var the = event.srcElement; -->
<!-- if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { -->
<!-- return false; -->
<!-- } -->
<!-- return true; -->
<!-- } catch (e) { -->
<!-- return false; -->
<!-- } -->
<!-- } -->
<!-- </script> --> < / head >
< style >
.flight-search{
padding: 0 !important;
}
#queryForm{
padding: 30px 40px;
box-sizing: border-box;
}
#queryForm:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.flight-search .list{
width: 20% !important;
padding: 0 10px !important;
box-sizing: border-box;
margin-right: 0 !important;
}
.flight-search .list:nth-child(5){
width: 20% !important;
margin-top: 0 !important;
text-align: right;
}
.flight-search .list:nth-child(5) > button{
margin-left: 20px;
}
< / style >
< body >
< div class = "sidebar-box" >
< a href = "javascript:;" > < img src = "/image/sbar_1.png" alt = "" >
< div class = "fix_customer_service" >
< div >
HotLine< br >
13144553366< br >
Mini Program< br >
< / div >
< img src = "/image/ewm_1.png" >
< / div >
< / a >
< a href = "/EN/opinion/opinion.html" > < img src = "/image/sbar_2.png" alt = "" > < span > Opinion< / span > < / a >
< a href = "javascript:;" class = "gotop" > < img src = "/image/sbar_3.png" alt = "" > < span > Back to Top< / span > < / a >
< / div > <!-- 头部 -->
< div class = "head_box w-100 showBox" >
< div class = "w-1400" >
< div class = "pull-left" > < a href = "http://10.72.32.27
/EN/">< img src = "/image/logo.png" > < / a > < / div >
< div class = "pull-right" >
< div class = "top-box" >
< form class = "searcBox_l" >
< i class = "searcBox_l_ICON" onclick = "clearInputText()" > < / i >
< input type = "text" class = "searchBoxTEXT" > < / input >
< input type = "button" class = "btn_Sae" > < / input >
< ul id = "xiala" > < / ul >
< / form >
< script >
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;
form1.render();
});
}
$(".searchBoxTEXT").bind('input propertychange',function () {
var name = $(".searchBoxTEXT").val();
var str = "";
$.ajax({
url: "/ddpflight/category/searchCategory",
data: {
name:name,
language:2
},
type: "POST",
dataType: "JSON",
success: function (data) {
for (var i = 0; i < data.length ; i + + ) {
str += "< li > < a href = \"/EN"+data[i].modelPath+"\" > "+data[i].categoryTitle+"< / a > < / li > "
}
$("#xiala").html(str);
}
});
})
function clearInputText(){
$(".searchBoxTEXT").val('')
$("#xiala").html('')
$('.searcBox_l').removeClass('searchObjWidth')
$(".searcBox_l_ICON").removeClass("searchObjShow")
$('.searchBoxTEXT').removeClass("searchObjShow")
}
$('.searcBox_l').mouseenter(function() {
$(this).addClass('searchObjWidth');
$(".searcBox_l_ICON").addClass("searchObjShow")
$('.searchBoxTEXT').addClass("searchObjShow")
})
< / script >
< div class = "link-box between-center" >
< div class = "between-center" > < img src = "/image/ix_hd_icon2.png" > AboutUs
< div >
< a href = "/EN/profile/profile.html" > Airport Introduction< / a >
< a href = "/EN/notice/notice.html" > Announcement< / a >
< a href = "/EN/news/news.html" > News< / a >
< a href = "http://ctia.chinahr.com" > Join Us< / a >
< / div >
< / div >
< em > < / em >
< a href = "http://10.72.32.27
/" class="between-center">< img src = "/image/ix_hd_icon3.png" > EN< / a >
< div class = "nav_btn" >
< i class = "bar-top" > < / i >
< i class = "bar-cen" > < / i >
< i class = "bar-bom" > < / i >
< / div >
< / div >
< / div >
< div class = "lower-box w-100" >
< ul >
< li > < a href = "/EN/flight/flight.html" > Flight< / a > < / li >
< li > < a href = "/EN/guide/guide.html" > Guide< / a > < / li >
< li > < a href = "/EN/traffic/traffic.html" > Traffic< / a > < / li >
< li > < a href = "/EN/service/service.html" > Service< / a > < / li >
< li > < a href = "/EN/play/play.html" > Commerce< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< div class = "head-menu" >
< div class = "center-block" >
< div class = "w-1200" >
< div class = "pull-left" > < img src = "/image/ix_hd_img1.png" > < / div >
< div class = "pull-left between-top styleWidth" >
< strong > Flight< / strong >
< ul >
< li > < a href = "/EN/flight/departure/departure.html" > Departures< / a > < / li >
< li > < a href = "/EN/flight/arrival/arrival.html" > Arrivals< / a > < / li >
< li > < a href = "/EN/flight/route/route.html" > Routes< / a > < / li >
< li > < a href = "/EN/flight/airline/airline.html" > Airlines Information< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "center-block" >
< div class = "w-1200" >
< div class = "pull-left" > < img src = "/image/ix_hd_img2.png" > < / div >
< div class = "pull-left between-top styleWidth" >
< strong > Guide< / strong >
< ul >
< li > < a href = "/EN/guide/departure/departure.html" > Departure Process< / a > < / li >
< li > < a href = "/EN/guide/transfer/transfer.html" > Transfer Process< / a > < / li >
< li > < a href = "/EN/guide/arrival/arrival.html" > Arrival Process< / a > < / li >
< li > < a href = "/EN/guide/notice/notice.html" > Instructions< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "center-block" >
< div class = "w-1200" >
< div class = "pull-left" > < img src = "/image/ix_hd_img3.png" > < / div >
< div class = "pull-left between-top styleWidth" >
< strong > Traffic< / strong >
< ul >
< li > < a href = "/EN/traffic/tofrom/tofrom.html?id=679" > To & From Airport< / a > < / li >
< li > < a href = "/EN/traffic/tramode/tramode.html?id=683" > Comprehensive Transport< / a > < / li >
< li > < a href = "/EN/traffic/parking/parking.html?id=689" > Parking Buildings< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "center-block" >
< div class = "w-1200" >
< div class = "pull-left" > < img src = "/image/ix_hd_img4.png" > < / div >
< div class = "pull-left between-top styleWidth" >
< strong > Service< / strong >
< ul >
< li > < a href = "/EN/service/promise/promise.html" > Our Commitment< / a > < / li >
< li > < a href = "/EN/service/love/love.html" > Special Care Service< / a > < / li >
< li > < a href = "/EN/service/luggage/luggage.html" > Baggage Service< / a > < / li >
< li > < a href = "/EN/service/important/important.html" > VIP Service< / a > < / li >
< / ul >
< ul >
< li > < a href = "/EN/service/wifi/wifi.html" > Internet Service< / a > < / li >
< li > < a href = "/EN/service/transit/transit.html" > Transfer< / a > < / li >
< li > < a href = "/EN/service/map/map.html" > Map< / a > < / li >
< li > < a href = "/EN/service/urgent/urgent.html" > Emergency Services< / a > < / li >
< / ul >
< ul >
< li > < a href = "/EN/service/goods/goods.html" > Cargo Service< / a > < / li >
< li > < a href = "/EN/service/apm/apm.html" > APM< / a > < / li >
< li > < a href = "/EN/service/cityp/cityp.html" > City Terminal< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< div class = "center-block" >
< div class = "w-1200" >
< div class = "pull-left" > < img src = "/image/ix_hd_img5.png" > < / div >
< div class = "pull-left between-top styleWidth" >
< strong > Play< / strong >
< ul >
< li > < a href = "/EN/play/catering/catering.html" > Dining< / a > < / li >
< li > < a href = "/EN/play/shopping/shopping.html" > Shopping< / a > < / li >
< li > < a href = "/EN/play/leisure/leisure.html" > Happy Tour< / a > < / li >
< li > < a href = "/EN/play/hotel/hotel.html" > Airport Hotel< / a > < / li >
< / ul >
< ul >
< li > < a href = "/EN/play/other/other.html" > More to Discover< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< script >
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
form1.render();
});
}
$(function () {
renderForm();
})
< / script >
< style >
.styleWidth{
padding-left: calc((100vw - 1250px) /2 - (1420px - 1100px ) + 70px)
}
.searcBox_l{
width: 60px;
float: left;
position: relative;
height: 49px;
margin-right: 20px;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
background: #f5f5f5;
}
.searchBoxTEXT{
width: 350px;
height: 48px;
line-height: 48px;
border: none;
background: #f5f5f5;
margin-left: 40px;
display: none;
}
.btn_Sae{
width: 60px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(/image/icon_05.png) no-repeat center;
border: none;
}
.searcBox_l_ICON{
display: none;
width: 15px;
height: 16px;
position: absolute;
left: 0;
top: 17px;
background: url(/image/ix_hd_icon4.png) no-repeat center;
background-size: auto 13px;
padding: 0 20px;
cursor: pointer;
transform: all .6s;
}
.isshowBox{
display: block !important;
}
.isshowBox2{
display: none !important;
}
.searchObjShow{
display: block;
}
.searchObjWidth{
width: 450px;
transform: all .6s;
}
#xiala{
background:#fff ;
}
#xiala li{
line-height: 30px;
padding-left: 10px;
}
#xiala li:hover{
background: #39a7f4;
}
@media screen and (max-width:700px){
.searchBoxTEXT{
width: 130px;
}
.btn_Sae{
width: 30px;
height: 84%;
background-size: auto 20px;
}
.searchObjWidth{
width: 200px;
}
/*.searcBox_l {*/
/* width: 30px;*/
/*}*/
}
< / style >
<!-- banner -->
< div class = "center-banner w-100 between-center fun-banner" >
< div class = "w-1200" >
< div class = "text" aos = "fade-left" aos-delay = "100" >
< h3 > 玩转机场< / h3 >
< h2 > Fun Airport< / h2 >
< / div >
< / div >
< / div >
<!-- 二级菜单 -->
< div class = "mune w-100 fun-mune" >
< div class = "w-1200 t-c" >
< div class = "list" >
< a href = "/EN/play/catering/catering.html" > < span > < i style = "background: url(/qwer/202106/4b28926bfa7a4d6a872209bac4f4e3be.png)no-repeat;" > < / i > Dining< / span > < / a >
< / div >
< div class = "list" >
< a href = "/EN/play/shopping/shopping.html" > < span > < i style = "background: url(/qwer/20210401/d51126be72f241af8b9a2dd724c2f3a1.png)no-repeat;" > < / i > Shopping< / span > < / a >
< / div >
< div class = "list active" >
< a href = "/EN/play/leisure/leisure.html" > < span > < i style = "background: url(/qwer/20210401/fe03d101696944f885a05692c9d9153b.png)no-repeat;" > < / i > Happy Tour< / span > < / a >
< / div >
< div class = "list" >
< a href = "/EN/play/hotel/hotel.html" > < span > < i style = "background: url(/qwer/20210401/36d848785eea44e1918fcb6bb22a0684.png)no-repeat;" > < / i > Airport Hotel< / span > < / a >
< / div >
< div class = "list" >
< a href = "/EN/play/other/other.html" > < span > < i style = "background: url(/qwer/20210401/71e292b93fb74e0b823cb2cfd2befe7c.png)no-repeat;" > < / i > More to Discover< / span > < / a >
< / div >
< / div >
< / div >
<!-- 内容 -->
< div class = "content" >
< div class = "w-1200" aos = "fade-up" aos-delay = "100" >
<!-- 面包屑 -->
< div class = "crumbs" >
< a href = "http://10.72.32.27
/EN/">HomePage< / a > < span > Leisure< / span >
< / div >
<!-- 搜索 -->
< div class = "flight-search" aos = "fade-up" aos-delay = "200" >
< form id = "queryForm" >
< div class = "list layui-form" >
< select id = "terminal" class = "form-control" >
< option value = "" > Terminal< / option >
< option value = "t1" > T1< / option >
< option value = "t2" > T2< / option >
< / select >
< / div >
< div class = "list layui-form" >
< select id = "area" class = "form-control" >
< option value = "" > Location< / option >
< option value = "L1" > L1< / option >
< option value = "L2" > L2< / option >
< option value = "L3" > L3< / option >
< option value = "L4" > L4< / option >
< option value = "L5" > L5< / option >
< / select >
< / div >
< div class = "list layui-form" >
< select id = "type" class = "form-control" >
< option value = "" > Type< / option >
< option value = "am" > Massage< / option >
< option value = "foot" > Feet-bathing< / option >
< / select >
< / div >
< div class = "list layui-form" >
< input id = "name" type = "text" class = "form-control" placeholder = "Please enter the store name" / >
< / div >
< div id = "chaxun" class = "list layui-form" >
< button type = "button" class = "fun-button" > Search< / button >
< / div >
< / form >
< / div >
<!-- 列表 -->
< div id = "res" >
< / div >
<!-- page -->
< div id = "xinxi" class = "page" >
< / div >
<!-- -->
< / div >
< / div >
<!-- 内容结束 -->
< div class = "footer" >
<!-- img -->
< div class = "footer-img" >
< img src = "/image/bg_02.png" / >
< / div >
<!-- -->
< div class = "footer_bg" >
< div class = "w-1200 t-c" >
< div class = "footer_middle" >
< a href = "https://weibo.com/u/2885909671?is_all=1" target = "_blank" > < img src = "/qwer/20210301/bd193cfa59bb4acb8e8020c5df8161bd.png" alt = "" / > < / a >
< a href = "javascript:;" >
< img src = "/qwer/20210301/5871364baaee4a6ab4d4a4fc43c0bd1c.png" alt = "" / >
< i > < img src = "/qwer/20210326/b165b3d207554ac987fa846203513410.jpg" / > < / i >
< / a >
< a href = "/EN/opinion/opinion.html" >
Opinion
< / a >
< a href = "/EN/links/links.html" >
Links
< / a >
< / div >
< div style = "width:950px;margin:0 auto; padding:0px 0;margin-top:20px" >
< p class = "beian" > © 2021 Chengdu Tianfu International Airport, all rights reserved< / p >
< a target = "_blank" href = "http://www.beian.gov.cn" style = "display:inline-block;text-decoration:none;height:20px;line-height:20px;" >
< p class = "beian" > Sichuan ICP NO.2021003993< / p >
< img src = "/image/batb.png" style = "float:left;margin-left: 6px" / >
< p class = "beian" > Sichuan Public Network Security 51018002000073< / p >
< / a >
< / div >
< / div >
< / div >
< / div >
< style >
.beian{
float:left;
height:20px;
line-height:20px;
margin: 0px 0px 0px 5px;
color:#939393;
}
< / style > < script >
AOS.init({
easing: 'swing',
duration: 800,
offset: 100,
once:true
});
< / script >
< script >
layui.use(['layer', 'form', 'laydate'], function() {
var layer = layui.layer,
form = layui.form,
laydate = layui.laydate;
});
$(function () {
//昨天的时间
var day1 = new Date();
day1.setTime(day1.getTime()-24*60*60*1000);
var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate();
//今天的时间
var day2 = new Date();
day2.setTime(day2.getTime());
var s2 = day2.getFullYear()+"-" + (day2.getMonth()+1) + "-" + day2.getDate();
//明天的时间
var day3 = new Date();
day3.setTime(day3.getTime()+24*60*60*1000);
var s3 = day3.getFullYear()+"-" + (day3.getMonth()+1) + "-" + day3.getDate();
$('.fight_time_select option:nth-child(1)').append(
s1 + ' ( 昨天 )'
)
$('.fight_time_select option:nth-child(2)').append(
s2 + ' ( 今天 )'
)
$('.fight_time_select option:nth-child(3)').append(
s3 + ' ( 明天 )'
)
//展开
$('.tab-list').each(function(){
var that = $(this)
$('.tab-body').hide();
that.find('.tab-click').click(function(){
if(that.find('.tab-body').is(':hidden')){
that.find('.tab-body').slideDown();
}else{
that.find('.tab-body').slideUp();
}
})
})
})
< / script >
< script type = "text/javascript" >
$(function () {
//当前页
var page = 0;
var pages = 1;
var minys = 1;
var maxys = 1;
//查询方法
function load() {
var terminal = $("#terminal").val();
var area = $("#area").val();
var type = $("#type").val();
var name = $("#name").val();
var str1 = "";
var str2 = "";
$.ajax({
url: "/ddpflight/business/businessPaging",
data: {
size: 8,
page: page,
filter_contentTerminal_eq: terminal,
filter_contentTitle_like:name,
filter_contentArea_eq: area,
filter_contentType_like: type,
filter_contentCategoryId_eq: 604
},
type: "post",
dataType: "JSON",
success: function (data) {
pages = data.totalPages;
maxys = data.totalPages;
str1 = str1 + "< div class = \"fun-list\" > ";
for (var i = 0; i < data.content.length ; i + + ) {
str1 = str1 + "< div class = \"list aos-init aos-animate \ " aos = \"fade-up\" aos-delay = \"100\" > ";
str1 = str1 + "< a href = \"/EN/play/leisure/" + data . content [ i ] . id + " . html \ " > ";
str1 = str1 + "< div class = \"img\" > ";
var img = "";
if (data.content[i].contentImg){
img = data.content[i].contentImg.split(",");
for (var j = 0; j < img.length ; j + + ) {
if(j==0){
str1 = str1 + "< img src = "+img[0]+" style = 'width:190px;height:190px' > \n";
}
}
}else {
str1 = str1 + "< img src = \"/image/play_img.jpg\" > \n";
}
str1 = str1 + "< / div > ";
str1 = str1 + "< div class = \"name t-c \ " > " + data.content[i].contentTitle + "< / div > ";
str1 = str1 + "< div class = \"text\" > ";
str1 = str1 + "< p > "+ data.content[i].contentLocation +"< / p > ";
str1 = str1 + "< p > "+ data.content[i].contentOpen +"< / p > ";
str1 = str1 + "< / div > ";
str1 = str1 + "< / a > ";
str1 = str1 + "< / div > ";
}
str1 = str1 + "< / div > "
str2 += "< a id = 'prev' href = \"javascript:;\" > < < / a > \n";
for(var i=page;i< page + 3 ; i + + ) / / 前 后 显 示 2 个
{
if(i>=minys & & i< =maxys) //页数是要有范围的，大于最小页数，小于最大页数
{
if(i==page+1) {
str2 += "< span class = 'dangqian' bs = '"+i+"' > "+i+"< / span > "; //当前页选中
}
else {
str2 += "< a href = \"javascript:;\" class = 'list' bs = '"+i+"' > "+i+"< / a > "; //显示当前页
}
}
}
str2 += "< a id = 'next' href = \"javascript:;\" > > < / a > ";
$("#res").html(str1);
$("#xinxi").html(str2);
}
});
}
$("#chaxun").click(function () {
$("#tblResult > tbody").html("");
$("#res").html("");
page = 0;
load(); //加载数据
})
//下一页点击事件
$("#xinxi").on('click', '#next', function () {
page = page + 1;
//检验
if (page == pages) {
page = pages-1;
}
load();
});
//上一页点击事件
$("#xinxi").on('click', '#prev', function () {
page = page - 1;
if (page < 0 ) {
page = 0;
}
load();
});
$("#xinxi").on('click','.list',function(){
page = parseInt($(this).attr("bs"))-1;
load(); //加载数据
})
$("#name").keydown(function (e){
if (e.keyCode == '13') {
$("#res").html("");
page = 1;
load(); //加载数据
}
})
//刷新后自动获取最大页码
load();
});
< / script >
< / body >
< / html >
