1060 lines
56 KiB
HTML
1060 lines
56 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Chengdu Tianfu International Airport</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" />
|
|
<link rel="stylesheet" type="text/css" href="/css/enstyle.css" />
|
|
<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>
|
|
<body>
|
|
<div class="sidebar-box">
|
|
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
|
|
<div class="fix_customer_service">
|
|
<div>
|
|
<img src="/image/phone_1.png" style="width: 50px;height: 50px;background: none">
|
|
HotLine<br>
|
|
028-86906666<br>
|
|
Mini Program<br>
|
|
<img src="/image/ewm_1.png">
|
|
</div>
|
|
</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="/EN/"><img src="/image/logo.png"></a></div>
|
|
<div class="pull-right">
|
|
<div class="top-box">
|
|
<div class="searcBox_l phone-none">
|
|
<i class="searcBox_l_ICON" onclick="clearInputText()"></i>
|
|
<input type="text" placeholder="Search" class="searchBoxTEXT"></input>
|
|
<input type="button" class="btn_Sae" ></input>
|
|
<ul id="xiala" ></ul>
|
|
</div>
|
|
<div class="searcBox_l2" style="display: none">
|
|
<i class="searcBox_l_ICON2" onclick="clearInputText2()"></i>
|
|
<input type="text" class="searchBoxTEXT2"></input>
|
|
<input type="button" class="btn_Sae2"></input>
|
|
<ul id="xiala2"></ul>
|
|
</div>
|
|
<div class="link-box between-center">
|
|
<div class="between-center searchimg">
|
|
<a href="javascript:void(0)" onclick="searchtxt()"><img src="/image/icon_05.png"></a>
|
|
</div>
|
|
<div class="between-center phone-none">
|
|
<a href="http://www.cdairport.com/index.aspx"><img src="/image/ix_hd_iconflight.png">CTU</a>
|
|
</div>
|
|
<em></em>
|
|
<div class="between-center phone-none"><img src="/image/ix_hd_icon2.png">About Us
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<em></em>
|
|
<a href="/" class="between-center"><img src="/image/ix_hd_icon3.png">中文</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">Discovery</a></li>
|
|
<li><a href="http://www.cdairport.com/index.aspx">CTU</a></li>
|
|
<li><a href="/EN/profile/profile.html">Airport Introduction</a></li>
|
|
<li><a href="/ENabout/notice/notice.html">Announcement</a></li>
|
|
<li><a href="/EN/about/news/news.html">News</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">Departure</a></li>
|
|
<li><a href="/EN/flight/arrival/arrival.html">Arrival</a></li>
|
|
<li><a href="/EN/flight/route/route.html">Route</a></li>
|
|
<li><a href="/EN/flight/airline/airline.html">Airlines Information</a></li>
|
|
</ul>
|
|
<!-- <ul>-->
|
|
<!-- <li><a href="http://www.cdairport.com/flight.aspx?t=2">ShuangliuFlight</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">Instruction</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=346">To & From Airport</a></li>
|
|
<li><a href="/EN/traffic/tramode/tramode.html?id=590">Comprehensive Transport</a></li>
|
|
<li><a href="/EN/traffic/parking/parking.html?id=591">Parking Building</a></li>
|
|
<li><a href="/EN/traffic/ggtcc/ggtcc.html?id=807">Public Parking Lot</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 Service</a></li>
|
|
<li><a href="/EN/service/map/map.html">Map Service</a></li>
|
|
<li><a href="/EN/service/urgent/urgent.html">Emergency Service</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>Discovery</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/other/other.html">More to Discover</a></li>
|
|
<li><a href="/EN/play/hotel/hotel.html">Airport Hotel</a></li>
|
|
</ul>
|
|
<ul>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="popup-bg1" style="display: none">
|
|
<div class="ppopup-center">
|
|
<div class="ppopup-head" style="color: black"><img src="/image/icon_wzts.png">Notice</div>
|
|
<!--内容-->
|
|
<div class="ppopup-text" style="color: black;text-align:justify;">
|
|
<div>
|
|
Chengdu Tianfu International Airport Branch of Sichuan Airport Group Co., Ltd. organizes and implements the recruitment work on its own, and does not entrust any third party to implement the recruitment program, and will not charge fare by any means from the job seekers during the recruitment process.
|
|
</div>
|
|
<div>
|
|
Our company will only post job vacancies and accept resumes via this official website. To avoid any losses, job seekers are suggested to be cautious about employment fraud.
|
|
</div>
|
|
</div>
|
|
<div class="ppopup-footer">
|
|
<a class="ppopup-on1" href="http://ctia.chinahr.com">Continue</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function renderForm(){
|
|
layui.use('form', function(){
|
|
var form1 = layui.form;
|
|
form1.render();
|
|
});
|
|
}
|
|
$(".close-gb2").click(function(e) {
|
|
$(".fix-box2").toggle();
|
|
});
|
|
$("#rczp").click(function(e) {
|
|
$(".fix-box2").toggle();
|
|
});
|
|
$(function () {
|
|
renderForm();
|
|
})
|
|
$(".searchBoxTEXT").keydown(function (e){
|
|
if (e.keyCode == '13') {
|
|
window.parent.location.href="/EN"+searchList[0].modelPath;
|
|
}
|
|
})
|
|
let searchList=[]
|
|
$(".searchBoxTEXT").bind('input propertychange',function () {
|
|
var name = $(".searchBoxTEXT").val();
|
|
var str = "";
|
|
$.ajax({
|
|
url: "http://sczpkj.f3322.net:54796/airport/category/searchCategory",
|
|
data: {
|
|
name:name,
|
|
language:2
|
|
},
|
|
crossDomain:true,
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
if (data.length == 0){
|
|
str += "<li style='cursor: pointer;'>No search results</li>"
|
|
$("#xiala").html(str);
|
|
}else {
|
|
searchList=data
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
|
}
|
|
$("#xiala").html(str);
|
|
$("#xiala").on("click" , "li" , function(){
|
|
var link = $(this).attr("link");
|
|
window.parent.location.href=link;
|
|
})
|
|
}
|
|
}
|
|
});
|
|
})
|
|
$(".searchBoxTEXT2").bind('input propertychange',function () {
|
|
var name = $(".searchBoxTEXT2").val();
|
|
var str = "";
|
|
$.ajax({
|
|
url: "http://sczpkj.f3322.net:54796/airport/category/searchCategory",
|
|
data: {
|
|
name:name,
|
|
language:2
|
|
},
|
|
crossDomain:true,
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
|
}
|
|
$("#xiala2").html(str);
|
|
$("#xiala2").on("click" , "li" , function(){
|
|
var link = $(this).attr("link");
|
|
window.parent.location.href=link;
|
|
})
|
|
}
|
|
});
|
|
})
|
|
function clearInputText(){
|
|
$(".searchBoxTEXT").val('')
|
|
$("#xiala").html('')
|
|
$('.searcBox_l').removeClass('searchObjWidth')
|
|
$(".searcBox_l_ICON").removeClass("searchObjShow")
|
|
$('.searchBoxTEXT').removeClass("searchObjShow")
|
|
}
|
|
function clearInputText2() {
|
|
$(".searchBoxTEXT2").val('')
|
|
$("#xiala2").html('')
|
|
$('.searcBox_l2').css('display','none');
|
|
}
|
|
$('.searcBox_l').mouseenter(function() {
|
|
$(this).addClass('searchObjWidth');
|
|
$(".searcBox_l_ICON").addClass("searchObjShow")
|
|
$('.searchBoxTEXT').addClass("searchObjShow")
|
|
})
|
|
function searchtxt(){
|
|
$('.searcBox_l2').css('display','block');
|
|
}
|
|
</script>
|
|
<!--banner-->
|
|
<div class="center-banner w-100 between-center flight-banner">
|
|
<div class="w-1200">
|
|
<div class="text" aos="fade-left" aos-delay="100">
|
|
<div class="info_mc">
|
|
<h3>航班</h3>
|
|
<h2>flight</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--二级菜单-->
|
|
<div class="mune w-100 ">
|
|
<div class="w-1200 t-c">
|
|
<div class="list">
|
|
<a href="/EN/flight/departure/departure.html"><span><i style="background: url(/qwer/20210401/7fa1b9d0ebbf48e4912d8b6233cf9862.png)no-repeat;"></i>Departure</span></a>
|
|
</div>
|
|
<div class="list active">
|
|
<a href="/EN/flight/arrival/arrival.html"><span><i style="background: url(/qwer/20210401/c71bbf778a2d413287b5f9d01c0c0874.png)no-repeat;"></i>Arrival</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/EN/flight/route/route.html"><span><i style="background: url(/qwer/20210401/130ef1d50956436e816cd076b38edfcf.png)no-repeat;"></i>Route</span></a>
|
|
</div>
|
|
<div class="list">
|
|
<a href="/EN/flight/airline/airline.html"><span><i style="background: url(/qwer/20210401/043575b5a1bf432bb3624e41f51a29dd.png)no-repeat;"></i>Airlines Information</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 内容-->
|
|
<div class="content">
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<!--面包屑-->
|
|
<div class="crumbs">
|
|
<a href="/EN/">Home</a>
|
|
<a href="/EN/flight/flight.html">Flight</a>
|
|
<span>Arrival</span>
|
|
</div>
|
|
<!--搜索-->
|
|
<div class="flight-search" aos="fade-up" aos-delay="200">
|
|
<form id="queryForm">
|
|
<div class="list layui-form">
|
|
<select id="terminal" name="" class="form-control">
|
|
<option value="">Terminal</option>
|
|
<option value="T1">T1</option>
|
|
<option value="T2">T2</option>
|
|
</select>
|
|
</div>
|
|
<div class="list list-time layui-form">
|
|
<select id="estmlandintime" name="" class="form-control fight_time_select">
|
|
<option value="2"></option>
|
|
<option value="1"></option>
|
|
<option value="3"></option>
|
|
</select>
|
|
</div>
|
|
<div class="list layui-form">
|
|
<select id="time" name="" class="form-control">
|
|
<option value="00:00-23:59">Time</option>
|
|
<option>00:00-01:59</option>
|
|
<option>02:00-03:59</option>
|
|
<option>04:00-05:59</option>
|
|
<option>06:00-07:59</option>
|
|
<option>08:00-09:59</option>
|
|
<option>10:00-11:59</option>
|
|
<option>12:00-13:59</option>
|
|
<option>14:00-15:59</option>
|
|
<option>12:00-13:59</option>
|
|
<option>14:00-15:59</option>
|
|
<option>16:00-17:59</option>
|
|
<option>18:00-19:59</option>
|
|
<option>20:00-21:59</option>
|
|
<option>22:00-23:59</option>
|
|
</select>
|
|
</div>
|
|
<div class="list layui-form" style="position: relative">
|
|
<input class="form-control" type="text" id="txt1" placeholder="Please enter airline name"/>
|
|
<!--模糊匹配窗口-->
|
|
<div id="div_items" style="position: absolute;top: 34px;width: 100%;background: #fff">
|
|
</div>
|
|
</div>
|
|
<style type="text/css">
|
|
#div_items {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 200px;
|
|
border: 1px solid #66afe9;
|
|
border-top: 0px;
|
|
overflow: auto;
|
|
display: none;
|
|
z-index: 899;
|
|
}
|
|
.div_item {
|
|
width: 100%;
|
|
height: 36px;
|
|
margin-top: 1px;
|
|
font-size: 13px;
|
|
line-height: 36px;
|
|
padding-left: 10px;
|
|
}
|
|
.div_t_Box{
|
|
text-align: center;
|
|
margin-top:30%;
|
|
color: #676767;
|
|
font-size: 1.1rem;
|
|
}
|
|
</style>
|
|
<div class="list" style="margin-top:20px;width: 100%;position: relative;">
|
|
<input id="flightno" type="text" oninput="resetInput(this)" class="form-control" placeholder="Please enter the flight number/city">
|
|
<button type="button" id="chaxun" class="search_img"> </button>
|
|
<button type="button" class="reset_btn" onclick="resetBtn(this)"></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!--数据更新时间-->
|
|
<!--列表-->
|
|
<div class="flight-table top10">
|
|
<!--表头-->
|
|
<ul class="tab-head" aos="fade-up" aos-delay="100">
|
|
<li class="tab-w-10">STA</li>
|
|
<li class="tab-w-20">Airline</li>
|
|
<li class="tab-w-9">Flightno</li>
|
|
<li class="tab-w-9">Terminal</li>
|
|
<li class="tab-w-15">Origin</li>
|
|
<li class="tab-w-10">Belt</li>
|
|
<li class="tab-w-9">Exit</li>
|
|
<li class="tab-w-10">Status</li>
|
|
<li class="tab-w-8">Operation</li>
|
|
</ul>
|
|
<!--表内容 循环tab-list-->
|
|
<div id="res">
|
|
|
|
</div>
|
|
<div id="xinxi" class="page">
|
|
|
|
</div>
|
|
</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;
|
|
//昨天的时间
|
|
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 + ' (Yesterday)'
|
|
)
|
|
$('.fight_time_select option:nth-child(2)').append(
|
|
s2 + ' (Today)'
|
|
)
|
|
$('.fight_time_select option:nth-child(3)').append(
|
|
s3 + ' (Tomorrow)'
|
|
)
|
|
form.render('select');
|
|
});
|
|
$(function() {
|
|
//展开
|
|
$('.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();
|
|
}
|
|
})
|
|
})
|
|
})
|
|
function renderForm(){
|
|
layui.use('form', function(){
|
|
var form1 = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
|
|
form1.render();
|
|
});
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
var dataAir=[];
|
|
loadcompany();
|
|
//当前页
|
|
var page = 1;
|
|
var pages = 1;
|
|
var totalpages = 1;
|
|
var minys = 1;
|
|
var maxys = 1;
|
|
|
|
//查询方法
|
|
function getQueryString(name) {
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
var r = window.location.search.substr(1).match(reg);
|
|
if (r != null) return unescape(r[2]);
|
|
return null;
|
|
}
|
|
function homepage() {
|
|
var time = getQueryString("time");
|
|
var flightno = getQueryString("flightno");
|
|
if (time == "" || time == null){
|
|
$("#estmlandintime").val("1");
|
|
}else {
|
|
$("#estmlandintime").val(time);
|
|
}
|
|
$("#flightno").val(flightno);
|
|
load();
|
|
}
|
|
function loadcompany() {
|
|
$.ajax({
|
|
url: "http://sczpkj.f3322.net:54796/airport/airlines/hotAirline",
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
crossDomain:true,
|
|
success: function (data) {
|
|
dataAir = data;
|
|
var add_options="";
|
|
for(var i=0;i<dataAir.length;i++) {
|
|
if(data[i].shortnameen){
|
|
add_options += "<div class=\"div_item\">"+dataAir[i].shortnameen+"</div>";
|
|
}
|
|
}
|
|
add_options += "<div class=\"div_t_Box\" id=\"qwer\" style=\"display: none\">No Data</div>";
|
|
$("#div_items").append(add_options);
|
|
}
|
|
});
|
|
//弹出列表框
|
|
$("#txt1").click(function () {
|
|
$("#div_items").css('display', 'block');
|
|
//移入移出效果
|
|
$(".div_item").hover(function () {
|
|
$(this).css('background-color', '#0E3483').css('color', 'white');
|
|
}, function () {
|
|
$(this).css('background-color', 'white').css('color', 'black');
|
|
});
|
|
//项点击
|
|
$(".div_item").click(function () {
|
|
$("#txt1").val($(this).text());
|
|
});
|
|
return false;
|
|
});
|
|
//隐藏列表框
|
|
$("body").click(function () {
|
|
$("#div_items").css('display', 'none');
|
|
});
|
|
//文本框输入
|
|
$("#txt1").keyup(function () {
|
|
$("#div_items").css('display', 'block');//只要输入就显示列表框
|
|
if ($("#txt1").val().length <= 0) {
|
|
$(".div_item").css('display', 'block');//如果什么都没填，跳出，保持全部显示状态
|
|
return;
|
|
}
|
|
$("#qwer").css('display', 'none');
|
|
$(".div_item").css('display', 'none');//如果填了，先将所有的选项隐藏
|
|
var number=0
|
|
for (var i = 0; i < $(".div_item").length; i++) {
|
|
//模糊匹配，将所有匹配项显示
|
|
var xialaAir = $(".div_item").eq(i).text().toLowerCase();
|
|
var shuruAir = $("#txt1").val().toLowerCase();
|
|
if (xialaAir.indexOf(shuruAir)> -1) {
|
|
$(".div_item").eq(i).css('display', 'block');
|
|
number++
|
|
}
|
|
}
|
|
if(number==0){
|
|
$("#qwer").css('display', 'block');
|
|
}
|
|
});
|
|
}
|
|
function load() {
|
|
var terminal = $("#terminal").val();
|
|
var flightno = $("#flightno").val();
|
|
var cpmpanyobj = dataAir.find(item=>{
|
|
return item.shortnameen==$("#txt1").val()
|
|
})
|
|
var flightcompany = $("#flightcompany").val();
|
|
var estmlandintime = $("#estmlandintime").val();
|
|
var time = $("#time").val();
|
|
var str1 = "";
|
|
var str2 = "";
|
|
var origin = "";
|
|
var destination = "";
|
|
var luggage = "";
|
|
var exno = "";
|
|
$.ajax({
|
|
url: "http://sczpkj.f3322.net:54796/airport/flightplan/arrival",
|
|
data: {
|
|
size: 10,
|
|
page: page,
|
|
flightno: flightno,
|
|
flightcompany:cpmpanyobj?cpmpanyobj.iatacd:'',
|
|
estmlandintime:estmlandintime,
|
|
startstation:terminal,
|
|
time:time
|
|
},
|
|
type: "POST",
|
|
crossDomain:true,
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
|
|
totalpages = data.data.total % data.data.size == 0 ? data.data.total / data.data.size : Math.ceil(data.data.total / data.data.size)
|
|
if(totalpages==0){
|
|
pages = 1;
|
|
}else {
|
|
pages = totalpages;
|
|
}
|
|
if(data.data.records != null){
|
|
for (var i = 0; i < data.data.records.length; i++) {
|
|
var regionattr = data.data.records[i].regionattr;
|
|
str1 += "<div class=\"tab-list aos-init aos-animate\" aos=\"fade-up\" aos-delay=\"100\">\n";
|
|
str1 += "<ul class=\" between-center\">\n";
|
|
str1 += "<li class=\"tab-w-10\">\n";
|
|
str1 += "<div class=\"phone-name\">计划到达:</div>\n";
|
|
str1 += "<p>"+ data.data.records[i].planlandintime +"</p>\n";
|
|
if(data.data.records[i].actllandintime && data.data.records[i].estmlandintime){
|
|
str1 += "<p class=\"color-red\">ACT:"+ data.data.records[i].actllandintime +"</p>\n";
|
|
}else if(data.data.records[i].estmlandintime && !data.data.records[i].actllandintime){
|
|
str1 += "<p class=\"color-red\">EST:"+ data.data.records[i].estmlandintime +"</p>\n";
|
|
} else if(!data.data.records[i].estmlandintime && data.data.records[i].actllandintime){
|
|
str1 += "<p class=\"color-red\">ACT:"+ data.data.records[i].actllandintime +"</p>\n";
|
|
} else {}
|
|
str1 += "</li>\n";
|
|
str1 += "<li class=\"tab-w-20\">\n";
|
|
str1 += "<div class=\"phone-name\">航空公司:</div>\n";
|
|
if (data.data.records[i].companynameen){
|
|
if(data.data.records[i].logo){
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src="+data.data.records[i].logo+" width=\"25\">"+ data.data.records[i].companynameen +"</p>\n";
|
|
}else {
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src='/image/logo.jpg' width=\"25\">"+ data.data.records[i].companynameen +"</p>\n";
|
|
}
|
|
}else {
|
|
if(data.data.records[i].logo){
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src="+data.data.records[i].logo+" width=\"25\"></p>\n";
|
|
}else {
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src='/image/logo.jpg' width=\"25\"></p>\n";
|
|
}
|
|
}
|
|
if(data.data.records[i].listShare) {
|
|
for (var j = 0; j < data.data.records[i].listShare.length; j++) {
|
|
if(data.data.records[i].listShare[j].logo){
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src="+data.data.records[i].listShare[j].logo+" height=\"25\" width=\"25\">"+ data.data.records[i].listShare[j].nameen +"</p>";
|
|
}else{
|
|
str1 += "<p style='word-break:break-all'><img class='airportLogo' src='/image/logo.jpg' height=\"25\" width=\"25\">"+ data.data.records[i].listShare[j].nameen +"</p>";
|
|
}
|
|
}
|
|
}
|
|
str1 += "<li class=\"tab-w-9\">\n";
|
|
str1 += "<div class=\"phone-name\">航班号:</div>\n";
|
|
str1 += "<p>"+data.data.records[i].companyiata+ data.data.records[i].flightno +"</p>";
|
|
if(data.data.records[i].listShare) {
|
|
for (var j = 0; j < data.data.records[i].listShare.length; j++) {
|
|
str1 += "<p>" + data.data.records[i].listShare[j].iata + data.data.records[i].listShare[j].flightno + "</p>";
|
|
}
|
|
}
|
|
str1 += "<li class=\"tab-w-9\">\n";
|
|
str1 += "<div class=\"phone-name\">航站楼:</div>\n";
|
|
if(data.data.records[i].terminal && data.data.records[i].intterminal && data.data.records[i].intterminal==data.data.records[i].terminal){
|
|
str1 += "<p>"+ data.data.records[i].terminal+"</p>\n";
|
|
}else if (data.data.records[i].terminal && data.data.records[i].intterminal && data.data.records[i].intterminal != data.data.records[i].terminal){
|
|
// str1 += "<p>"+ data.data.records[i].terminal+"/"+ data.data.records[i].intterminal+"</p>\n";
|
|
str1 += "<p>"+"DOM:"+ data.data.records[i].terminal +"</p>\n";
|
|
str1 += "<p>"+"INT:"+ data.data.records[i].intterminal +"</p>\n";
|
|
}else if (data.data.records[i].terminal && !data.data.records[i].intterminal){
|
|
str1 += "<p>"+ data.data.records[i].terminal +"</p>\n";
|
|
}else if (!data.data.records[i].terminal && data.data.records[i].intterminal){
|
|
str1 += "<p>"+ data.data.records[i].intterminal +"</p>\n";
|
|
}
|
|
str1 += "<li class=\"tab-w-15\">\n";
|
|
str1 += "<div class=\"phone-name\">始发地:</div>\n";
|
|
for (var j = 0; j < data.data.records[i].routes.length; j++) {
|
|
if(data.data.records[i].routes[j].apno == data.data.records[i].routes.length){
|
|
destination = data.data.records[i].routes[j].ennm
|
|
}else if (data.data.records[i].routes[j].apno == 1){
|
|
if(!data.data.records[i].routes[j].ennm){
|
|
str1 += "<p>--</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ data.data.records[i].routes[j].ennm +"</p>\n";
|
|
origin = data.data.records[i].routes[j].ennm
|
|
}
|
|
}else {
|
|
if(!data.data.records[i].routes[j].cnnm){
|
|
str1 += "<p>"+"TRANS:--"+ "</p>\n";
|
|
}else {
|
|
str1 += "<p>"+"TRANS:"+ data.data.records[i].routes[j].ennm +"</p>\n";
|
|
}
|
|
}
|
|
}
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-10\">\n";
|
|
str1 += "<div class=\"phone-name\">行李转盘:</div>\n";
|
|
var mixluggage = "";
|
|
var mixintluggage = "";
|
|
var luggage = "";
|
|
var mixexno = "";
|
|
var mixintexno = "";
|
|
var exno = "";
|
|
if(data.data.records[i].luggageturns){
|
|
if (regionattr == 'MIX'){
|
|
for (var j = 0; j < data.data.records[i].luggageturns.length; j++) {
|
|
if (data.data.records[i].luggageturns[j].btat == 'DOM'){
|
|
mixluggage += data.data.records[i].luggageturns[j].code + ",";
|
|
if (data.data.records[i].luggageturns[j].exeo){
|
|
mixexno += data.data.records[i].luggageturns[j].exeo + ",";
|
|
}
|
|
}else {
|
|
mixintluggage += data.data.records[i].luggageturns[j].code + ",";
|
|
if (data.data.records[i].luggageturns[j].exeo){
|
|
mixintexno += data.data.records[i].luggageturns[j].exeo + ",";
|
|
}
|
|
}
|
|
}
|
|
mixluggage = removelastdou(mixluggage);
|
|
mixintluggage = removelastdou(mixintluggage);
|
|
mixexno = removelastdou(mixexno);
|
|
mixintexno = removelastdou(mixintexno);
|
|
str1 += "<p>DOM:"+ mixluggage +"</p>\n";
|
|
str1 += "<p>INT:"+ mixintluggage +"</p>\n";
|
|
}else {
|
|
for (var j = 0; j < data.data.records[i].luggageturns.length; j++) {
|
|
luggage += data.data.records[i].luggageturns[j].code + ",";
|
|
if (data.data.records[i].luggageturns[j].exeo){
|
|
exno += data.data.records[i].luggageturns[j].exeo + ",";
|
|
}
|
|
}
|
|
luggage = removelastdou(luggage);
|
|
exno = removelastdou(exno);
|
|
str1 += "<p>"+ luggage +"</p>\n";
|
|
}
|
|
}else {
|
|
str1 += "<p>--</p>\n";
|
|
}
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-9\">\n";
|
|
str1 += "<div class=\"phone-name\">出口:</div>\n";
|
|
if(data.data.records[i].luggageturns){
|
|
if(regionattr == 'MIX'){
|
|
if (mixexno == "" && mixintexno == ""){
|
|
str1 += "<p>DOM:--</p>\n";
|
|
str1 += "<p>INT:--</p>\n";
|
|
}else {
|
|
str1 += "<p>DOM:"+ mixexno +"</p>\n";
|
|
str1 += "<p>INT:"+ mixintexno +"</p>\n";
|
|
}
|
|
}else{
|
|
if(exno == ""){
|
|
str1 += "<p>--</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ exno +"</p>\n";
|
|
}
|
|
}
|
|
}else {
|
|
str1 += "<p>--</p>\n";
|
|
}
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-10\">\n";
|
|
str1 += "<div class=\"phone-name\">状态:</div>\n";
|
|
if((data.data.records[i].state && regionattr == "DOM") ||
|
|
(data.data.records[i].state && regionattr == "INT") || (data.data.records[i].state && regionattr == "REG")){
|
|
str1 += "<p>"+ data.data.records[i].enstate +"</p>\n";
|
|
}else if((data.data.records[i].state && regionattr == "MIX")){
|
|
if(data.data.records[i].state == "备降" ||
|
|
data.data.records[i].state == "滑回" ||
|
|
data.data.records[i].state == "取消" ||
|
|
data.data.records[i].state == "延误" ||
|
|
data.data.records[i].state == "返航"){
|
|
str1 += "<p>"+ data.data.records[i].enstate +"</p>\n";
|
|
}else if(data.data.records[i].state && data.data.records[i].intnormalstate){
|
|
str1 += "<p>DOM:"+ data.data.records[i].ennormalstate +"</p>\n";
|
|
str1 += "<p>INT:"+ data.data.records[i].enintnormalstate +"</p>\n";
|
|
}else if(data.data.records[i].state && !data.data.records[i].intnormalstate){
|
|
str1 += "<p>DOM:"+ data.data.records[i].ennormalstate +"</p>\n";
|
|
str1 += "<p>INT:Normal</p>\n";
|
|
}
|
|
}else if(!data.data.records[i].state && data.data.records[i].intnormalstate){
|
|
str1 += "<p>DOM:Normal</p>\n";
|
|
str1 += "<p>INT:"+ data.data.records[i].enintnormalstate +"</p>\n";
|
|
}else {
|
|
str1 += "<p>Normal</p>\n";
|
|
}
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-8\">\n";
|
|
str1 += "<div class=\"phone-name\">操作:</div>\n";
|
|
str1 += "<p>\n";
|
|
str1 += "<a href=\"javascript:;\" class=\"tab-click\">\n";
|
|
str1 += "Read More";
|
|
str1 += "</a>\n";
|
|
str1 += "</p>\n";
|
|
str1 += "</li>\n";
|
|
str1 += "</ul>\n";
|
|
str1 += "<div class=\"tab-body\" style=\"display: none;\">\n";
|
|
str1 += "<div class=\"tab-body-children\">";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Estimated time of arrival</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+data.data.records[i].planlandindate+"</p>";
|
|
str1 += "<p>"+data.data.records[i].planlandintime+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Actual time of arrival</div>";
|
|
str1 += "<div>";
|
|
if(data.data.records[i].actllandindate){
|
|
str1 += "<p>"+data.data.records[i].actllandindate+"</p>";
|
|
str1 += "<p>"+data.data.records[i].actllandintime+"</p>";
|
|
}else {
|
|
str1 += "<p>--</p>";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Origin</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+origin+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Destination</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+destination+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Belt</div>";
|
|
str1 += "<div>";
|
|
if(data.data.records[i].luggageturns){
|
|
if(regionattr == 'MIX'){
|
|
str1 += "<p>DOM:"+ mixluggage +"</p>\n";
|
|
str1 += "<p>INT:"+ mixintluggage +"</p>\n";
|
|
}else{
|
|
str1 += "<p>"+ luggage +"</p>\n";
|
|
}
|
|
}else {
|
|
str1 += "<p>--</p>\n";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Exit</div>";
|
|
str1 += "<div>";
|
|
if(data.data.records[i].luggageturns){
|
|
if(regionattr == 'MIX'){
|
|
if (mixexno == "" && mixintexno == ""){
|
|
str1 += "<p>DOM:--</p>\n";
|
|
str1 += "<p>INT:--</p>\n";
|
|
}else {
|
|
str1 += "<p>DOM:"+ mixexno +"</p>\n";
|
|
str1 += "<p>INT:"+ mixintexno +"</p>\n";
|
|
}
|
|
}else{
|
|
if(exno == ""){
|
|
str1 += "<p>--</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ exno +"</p>\n";
|
|
}
|
|
}
|
|
}else {
|
|
str1 += "<p>--</p>\n";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>Aircraft Type</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+data.data.records[i].craftType+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
}
|
|
}else {
|
|
str1 = str1 + "<div class=\"tab-list aos-init aos-animate\" aos=\"fade-up\" aos-delay=\"100\">\n" +
|
|
"\t<ul class=\" between-center\">\n" +
|
|
"\t\t<li>\n" +
|
|
"\t\t\t<div class=\"phone-name\">计划到达:</div>\n" +
|
|
"\t\t\t<p class=\"color-red\">No data can be found, please check your flight information</p>\n" +
|
|
"\t\t</li>";
|
|
str1 += "</ul>";
|
|
str1 += "</div>";
|
|
}
|
|
maxys = pages;
|
|
str2 += "<a id='prev' href=\"javascript:;\"><</a>\n";
|
|
for(var i=page-2;i<page+3;i++) //前后显示2个
|
|
{
|
|
if(i>=minys && i<=maxys) //页数是要有范围的，大于最小页数，小于最大页数
|
|
{
|
|
if(i==page) {
|
|
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);
|
|
$('.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();
|
|
}
|
|
})
|
|
})
|
|
}
|
|
});
|
|
};
|
|
|
|
$("#chaxun").click(function () {
|
|
$("#tblResult > tbody").html("");
|
|
page = 1;
|
|
load(); //加载数据
|
|
});
|
|
//下一页点击事件
|
|
$("#xinxi").on('click', '#next', function () {
|
|
page = page + 1;
|
|
//检验
|
|
if (page > pages) {
|
|
page = pages;
|
|
}
|
|
load();
|
|
});
|
|
//上一页点击事件
|
|
$("#xinxi").on('click', '#prev', function () {
|
|
page = page - 1;
|
|
if (page < 1) {
|
|
page = 1;
|
|
}
|
|
load();
|
|
});
|
|
$("#xinxi").on('click','.list',function(){
|
|
page = parseInt($(this).attr("bs"));
|
|
load(); //加载数据
|
|
})
|
|
//刷新后自动获取最大页码
|
|
// load();
|
|
$("#flightno").keydown(function (e){
|
|
if (e.keyCode == '13') {
|
|
$("#tblResult > tbody").html("");
|
|
page = 1;
|
|
load(); //加载数据
|
|
}
|
|
})
|
|
homepage();
|
|
});
|
|
function removelastdou(str){
|
|
var dex = str.lastIndexOf(',');
|
|
var a = str.substring(0,dex);
|
|
var b = str.substring(dex+1);
|
|
var res = a+b;
|
|
return res;
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
function resetInput(obj){
|
|
if($(obj).val() != ''){
|
|
$(obj).parent().addClass('resetShow');
|
|
}else{
|
|
$(obj).parent().removeClass('resetShow');
|
|
}
|
|
}
|
|
function resetBtn(obj){
|
|
$(obj).parent().find('input').val('')
|
|
$(obj).parent().find('input').select()
|
|
$(obj).parent().removeClass('resetShow')
|
|
}
|
|
</script>
|
|
<style>
|
|
.mune .list {
|
|
z-index: 0;
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|