airport/CN/flight/flight.html

1128 lines
54 KiB
HTML

<!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" />
<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">
客服热线<br>
028-86906666<br>
旅客体验小程序<br>
<img src="/image/ewm_1.png">
</div>
</div>
</a>
<a href="/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>客户意见</span></a>
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>回到顶部</span></a>
</div><!--头部-->
<div class="head_box w-100 showBox">
<div class="w-1400">
<div class="pull-left"><a href="/"><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="搜索" 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">双流机场</a>
</div>
<em></em>
<div class="between-center phone-none"><img src="/image/ix_hd_icon2.png">关于我们
<div>
<a href="/about/introduce/introduce.html">机场简介</a>
<a href="/about/notice/notice.html">机场公告</a>
<a href="/about/news/news.html">机场新闻</a>
</div>
</div>
<em></em>
<a href="/EN/" class="between-center"><img src="/image/ix_hd_icon3.png">English</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="/flight/flight.html">航班</a></li>
<li><a href="/guide/guide.html">指南</a></li>
<li><a href="/traffic/traffic.html">交通</a></li>
<li><a href="/service/service.html">服务</a></li>
<li><a href="/play/play.html">玩转机场</a></li>
<li><a href="http://www.cdairport.com/index.aspx">双流机场</a></li>
<li><a href="/about/introduce/introduce.html">机场简介</a></li>
<li><a href="/about/notice/notice.html">机场公告</a></li>
<li><a href="/about/news/news.html">机场新闻</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>航班</strong>
<ul>
<li><a href="/flight/departure/departure.html">出发航班</a></li>
<li><a href="/flight/arrival/arrival.html">到达航班</a></li>
<li><a href="/flight/route/route.html">航线</a></li>
<li><a href="/flight/aircompany/aircompany.html">航空公司</a></li>
</ul>
<!-- <ul>-->
<!-- <li><a href="http://www.cdairport.com/flight.aspx?t=2">双流航班查询</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>指南</strong>
<ul>
<li><a href="/guide/setout/setout.html">出发流程</a></li>
<li><a href="/guide/transfer/transfer.html">中转流程</a></li>
<li><a href="/guide/arrive/arrive.html">到达流程</a></li>
<li><a href="/guide/passenger/passenger.html">旅客须知</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>交通</strong>
<ul>
<li><a href="/traffic/tofrom/tofrom.html?id=260">往返机场</a></li>
<li><a href="/traffic/tramode/tramode.html?id=261">综合交通</a></li>
<li><a href="/traffic/parking/parking.html?id=262">停车楼</a></li>
<li><a href="/traffic/ggtc/ggtc.html?id=799">公共区停车场</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>服务</strong>
<ul>
<li><a href="/service/promise/promise.html">服务承诺</a></li>
<li><a href="/service/love/love.html">爱心服务</a></li>
<li><a href="/service/luggage/luggage.html">行李服务</a></li>
<li><a href="/service/important/important.html">贵宾服务</a></li>
</ul>
<ul>
<li><a href="/service/wifi/wifi.html">网络服务</a></li>
<li><a href="/service/transit/transit.html">中转服务</a></li>
<li><a href="/service/map/map.html">地图服务</a></li>
<li><a href="/service/urgent/urgent.html">应急服务</a></li>
</ul>
<ul>
<li><a href="/service/goods/goods.html">货运服务</a></li>
<li><a href="/service/apm/apm.html">旅客捷运系统(APM)</a></li>
<li><a href="/service/city/city.html">城市候机楼</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>玩转机场</strong>
<ul>
<li><a href="/play/catering/catering.html">餐饮</a></li>
<li><a href="/play/shopping/shopping.html">购物</a></li>
<li><a href="/play/other/other.html">休闲及其他</a></li>
<li><a href="/play/hotel/hotel.html">酒店</a></li>
</ul>
<ul>
</ul>
</div>
</div>
</div>
<!-- <div class="popup-bg1" style="display: none">-->
<!-- <div class="ppopup-center1">-->
<!-- <div class="ppopup-head1" style="color: black"><img src="/image/icon_wzts.png">网站提示</div>-->
<!-- &lt;!&ndash;内容&ndash;&gt;-->
<!-- <div class="ppopup-text1" style="color: black;text-align:justify;">-->
<!-- <div>-->
<!-- 四川省机场集团有限公司成都天府国际机场分公司人才招聘工作均由公司自行组织实施,未委托任何第三方机构实施招聘,在招聘过程中不会以任何名义向应聘者收取任何费用。-->
<!-- </div>-->
<!-- <div>-->
<!-- 此网页为我公司人才招聘简历投递的唯一途径,请广大应聘者注意甄别、防止上当受骗。-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="ppopup-footer">-->
<!-- <a class="ppopup-on1" href="http://ctia.chinahr.com">继续</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="fix-box2" style="display: none">
<div class="center2">
<div class="top2">
<div class="title2">
<div class="chn2">提示</div>
</div>
<div class="des2">
<div>
四川省机场集团有限公司成都天府国际机场分公司人才招聘工作均由公司自行组织实施,未委托任何第三方机构实施招聘,在招聘过程中不会以任何名义向应聘者收取任何费用。
</div>
<div>
此网页为我公司人才招聘简历投递的唯一途径,请广大应聘者注意甄别、防止上当受骗。
</div>
</div>
<div class="close-gb2">
<a href="http://ctia.chinahr.com">继续</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=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:1
},
type: "POST",
dataType: "JSON",
crossDomain:true,
success: function (data) {
if (data.length == 0){
str += "<li style='cursor: pointer;'>无搜索结果</li>"
$("#xiala").html(str);
}else {
searchList=data
for (var i = 0; i < data.length; i++) {
str += "<li link=\""+data[i].modelPath+"\" style='cursor: pointer;'><a href=\""+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:1
},
type: "POST",
dataType: "JSON",
crossDomain:true,
success: function (data) {
for (var i = 0; i < data.length; i++) {
str += "<li link=\""+data[i].modelPath+"\" style='cursor: pointer;'><a href=\""+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 active">
<a href="/flight/departure/departure.html"><span><i style="background: url(/qwer/20201111/6ee72770599044cc980fd15b526d6dda.png)no-repeat;"></i>出发航班</span></a>
</div>
<div class="list">
<a href="/flight/arrival/arrival.html"><span><i style="background: url(/qwer/20201111/c2fbf49d24c3461bb89245f30c44be81.png)no-repeat;"></i>到达航班</span></a>
</div>
<div class="list">
<a href="/flight/route/route.html"><span><i style="background: url(/qwer/20201111/d1f6e82325b6498b943a147b8e3c8e51.png)no-repeat;"></i>航线</span></a>
</div>
<div class="list">
<a href="/flight/aircompany/aircompany.html"><span><i style="background: url(/qwer/20201111/694ad68c17f342b2ae4faac92439308a.png)no-repeat;"></i>航空公司</span></a>
</div>
</div>
</div>
<!-- 内容-->
<div class="content">
<div class="w-1200" aos="fade-up" aos-delay="100">
<!--面包屑-->
<div class="crumbs">
<a href="/">首页</a>
<a href="/flight/flight.html">航班</a>
<span>出发航班</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="">航站楼</option>
<option value="T1">1号航站楼</option>
<option value="T2">2号航站楼</option>
</select>
</div>
<div class="list list-time layui-form">
<select id="estmtakeofftime" 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">请选择时间</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="请输入航空公司名称"/>
<!--模糊匹配窗口-->
<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="请输入航班号/城市名">
<button type="button" id="chaxun" class="search_img">&nbsp;</button>
<button type="button" class="reset_btn" onclick="resetBtn(this)"></button>
<!-- <input id="flightno" type="text" class="form-control" placeholder="请输入要搜索的内容">-->
<!-- <div id="chaxun" class="search_img">&nbsp;</div>-->
</div>
</form>
</div>
<!--数据更新时间-->
<!--列表-->
<div class="flight-table top10">
<!--表头-->
<ul class="tab-head" aos="fade-up" aos-delay="100">
<li class="tab-w-9">计划起飞</li>
<li class="tab-w-20">航空公司</li>
<li class="tab-w-9">航班号</li>
<li class="tab-w-9">航站楼</li>
<li class="tab-w-15">目的地</li>
<li class="tab-w-10">值机柜台</li>
<li class="tab-w-9">登机口</li>
<li class="tab-w-10">状态</li>
<li class="tab-w-9">操作</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="/opinion/opinion.html">
客户意见
</a>
<a href="/link/link.html">
友情链接
</a>
</div>
<div class="foot_div">
<p class="beian">© 2021成都天府国际机场版权所有</p>
<a class="foot_a" target="_blank" href="http://www.beian.gov.cn">
<p class="beian">蜀ICP备2021003993号</p>
<p class="beian"><img class="foot_img" src="/image/batb.png"/>川公网安备 51018002000073号</p >
</a>
</div>
</div>
</div>
</div>
<style>
@media screen and (min-width: 1024px) {
.foot_div{
width:50%;
margin:0 auto;
padding:0px 0;
margin-top:20px
}
.foot_a{
display:inline-block;
text-decoration:none;
height:20px;
line-height:20px;
}
.foot_img{
float:left;margin-left: 6px
}
.beian{
float:left;
height:20px;
line-height:20px;
margin: 0px 0px 0px 5px;
color:#939393;
}
}
@media screen and (max-width: 1024px) {
.foot_div{
/*width:50%;*/
/*margin:0 auto;*/
/*padding:0px 0;*/
/*margin-top:20px*/
}
.foot_a{
display:inline-block;
text-decoration:none;
height:20px;
line-height:20px;
}
.foot_img{
float:left;margin-left: 6px
}
.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>
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;//高版本建议把括号去掉,有的低版本,需要加()
form1.render();
});
}
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 + ' ( 昨天 )'
)
$('.fight_time_select option:nth-child(2)').append(
s2 + ' ( 今天 )'
)
$('.fight_time_select option:nth-child(3)').append(
s3 + ' ( 明天 )'
)
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();
}
})
})
})
</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 estmtakeofftime = getQueryString("time");
var flightno = getQueryString("flightno");
if (estmtakeofftime == "" || estmtakeofftime == null){
$("#estmtakeofftime").val("1");
}else {
$("#estmtakeofftime").val(estmtakeofftime);
}
$("#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++) {
add_options += "<div class=\"div_item\">"+dataAir[i].shortnamecn+"</div>";
}
add_options += "<div class=\"div_t_Box\" id=\"qwer\" style=\"display: none\">无数据</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;
}
$(".div_item").css('display', 'none');//如果填了,先将所有的选项隐藏
var number=0
for (var i = 0; i < $(".div_item").length; i++) {
//模糊匹配,将所有匹配项显示
if ($(".div_item").eq(i).text().indexOf($("#txt1").val())> -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.shortnamecn==$("#txt1").val()
})
var flightcompany = $("#flightcompany").val();
var estmtakeofftime = $("#estmtakeofftime").val();
var time = $("#time").val();
var str1 = "";
var str2 = "";
var origin = "";
var destination = "";
$.ajax({
url: "http://sczpkj.f3322.net:54796/airport/flightplan/departure",
data: {
size: 10,
page: page,
flightno: flightno,
flightcompany:cpmpanyobj?cpmpanyobj.iatacd:'',
estmtakeofftime:estmtakeofftime,
startstation:terminal,
time:time
},
type: "POST",
dataType: "JSON",
crossDomain:true,
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-9\">\n";
str1 += "<div class=\"phone-name\">计划起飞:</div>\n";
str1 += "<p>"+ data.data.records[i].plantakeofftime +"</p>\n";
if(data.data.records[i].estmtakeofftime && data.data.records[i].actltakeofftime){
str1 += "<p class=\"color-red\">实际:"+ data.data.records[i].actltakeofftime +"</p>\n";
}else if(data.data.records[i].estmtakeofftime && !data.data.records[i].actltakeofftime){
str1 += "<p class=\"color-red\">预计:"+ data.data.records[i].estmtakeofftime +"</p>\n";
} else if(!data.data.records[i].estmtakeofftime && data.data.records[i].actltakeofftime){
str1 += "<p class=\"color-red\">实际:"+ data.data.records[i].actltakeofftime +"</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].companynamecn){
if(data.data.records[i].logo){
str1 += "<p><img class='airportLogo' src="+data.data.records[i].logo+" height=\"25\" width=\"25\">"+ data.data.records[i].companynamecn +"</p>\n";
}else {
str1 += "<p><img class='airportLogo' src='/image/logo.jpg' height=\"25\" width=\"25\">"+ data.data.records[i].companynamecn +"</p>\n";
}
}else {
str1 += "<p><img class='airportLogo src='/image/logo.jpg' height=\"25\" 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><img class='airportLogo' src="+data.data.records[i].listShare[j].logo+" height=\"25\" width=\"25\">"+ data.data.records[i].listShare[j].namecn +"</p>";
}else{
str1 += "<p><img class='airportLogo' src='/image/logo.jpg' height=\"25\" width=\"25\">"+ data.data.records[i].listShare[j].namecn +"</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].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].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";
// } else {
// str1 += "<p>"+ data.data.records[i].terminal +"</p>\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>"+"国内:"+ data.data.records[i].terminal +"</p>\n";
str1 += "<p>"+"国际/地区:"+ 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>";
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 == 1){
origin = data.data.records[i].routes[j].cnnm
}else if (data.data.records[i].routes[j].apno == data.data.records[i].routes.length){
if(!data.data.records[i].routes[j].cnnm){
str1 += "<p>待定</p>";
}else {
str1 += "<p>"+ data.data.records[i].routes[j].cnnm +"</p>\n";
destination = data.data.records[i].routes[j].cnnm
}
}else {
if(!data.data.records[i].routes[j].cnnm){
str1 += "<p>"+"经停:待定"+ "</p>\n";
}else {
str1 += "<p>"+"经停:"+ data.data.records[i].routes[j].cnnm +"</p>\n";
}
}
}
str1 += "</li>";
str1 += "<li class=\"tab-w-10\">\n";
str1 += "<div class=\"phone-name\">值机柜台:</div>\n";
if (regionattr == 'MIX'){
if (data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:" +data.data.records[i].checkinCounter +"</p>\n";
str1 += "<p>国际/地区:--</p>\n";
}else if(!data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:--</p>\n";
str1 += "<p>国际/地区:"+data.data.records[i].mixcheckinCounter+"</p>\n";
}else if (!data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:--</p>\n";
str1 += "<p>国际/地区:--</p>\n";
}else if (data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:" +data.data.records[i].checkinCounter +"</p>\n";
str1 += "<p>国际/地区:"+data.data.records[i].mixcheckinCounter+"</p>\n";
}
}else{
if (data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>" +data.data.records[i].checkinCounter +"</p>\n";
}else if(!data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>" +data.data.records[i].mixcheckinCounter +"</p>\n";
}else if (!data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>--</p>\n";
}
}
str1 += "</li>";
str1 += "<li class=\"tab-w-9\">\n";
str1 += "<div class=\"phone-name\">登机口:</div>\n";
var mixboardinggate = "";
var mixintboardinggate = "";
var boardinggate = "";
if(data.data.records[i].boardinggates){
if (regionattr == 'MIX'){
for (var j = 0; j < data.data.records[i].boardinggates.length; j++) {
if (data.data.records[i].boardinggates[j].gtat == 'DOM'){
mixboardinggate += data.data.records[i].boardinggates[j].code + ",";
}else {
mixintboardinggate += data.data.records[i].boardinggates[j].code + ",";
}
}
mixboardinggate = removelastdou(mixboardinggate);
mixintboardinggate = removelastdou(mixintboardinggate);
}else{
for (var j = 0; j < data.data.records[i].boardinggates.length; j++) {
boardinggate += data.data.records[i].boardinggates[j].code + ",";
}
boardinggate = removelastdou(boardinggate);
}
if(regionattr == 'MIX'){
str1 += "<p>国内:"+ mixboardinggate +"</p>\n";
str1 += "<p>国际/地区:"+ mixintboardinggate +"</p>\n";
}else{
str1 += "<p>"+ boardinggate +"</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].state +"</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].state +"</p>\n";
}else if(data.data.records[i].state && data.data.records[i].intnormalstate){
str1 += "<p>国内:"+ data.data.records[i].normalstate +"</p>\n";
str1 += "<p>国际/地区:"+ data.data.records[i].intnormalstate +"</p>\n";
}else if(data.data.records[i].state && !data.data.records[i].intnormalstate){
str1 += "<p>国内:"+ data.data.records[i].state +"</p>\n";
str1 += "<p>国际/地区:正常</p>\n";
}
}else if(!data.data.records[i].state && data.data.records[i].intnormalstate){
str1 += "<p>国内:正常</p>\n";
str1 += "<p>国际/地区:"+ data.data.records[i].intnormalstate +"</p>\n";
}else {
str1 += "<p>正常</p>\n";
}
str1 += "</li>";
str1 += "<li class=\"tab-w-9\">\n";
str1 += "<div class=\"phone-name\">操作:</div>\n";
str1 += "<p>\n";
str1 += "<a href=\"javascript:;\" class=\"tab-click\">\n";
str1 += "查看详情";
str1 += "</a>\n";
str1 += "</p>\n";
str1 += "</li>\n";
str1 += "</ul>\n";
str1 += "<div class=\"tab-body\">\n";
str1 += "<div class=\"tab-body-children\">";
str1 += "<div class=\"children_body\">";
str1 += "<div>计划起飞时间</div>";
str1 += "<div>";
str1 += "<p>"+data.data.records[i].plantakeoffdate+"</p>";
str1 += "<p>"+data.data.records[i].plantakeofftime+"</p>";
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>实际起飞时间</div>";
str1 += "<div>";
if(data.data.records[i].actltakeoffdate){
str1 += "<p>"+data.data.records[i].actltakeoffdate+"</p>";
str1 += "<p>"+data.data.records[i].actltakeofftime+"</p>";
}else {
str1 += "<p>--</p>";
}
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>始发地</div>";
str1 += "<div>";
str1 += "<p>"+origin+"</p>";
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>目的地</div>";
str1 += "<div>";
str1 += "<p>"+destination+"</p>";
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>值机柜台</div>";
str1 += "<div>";
// if(data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
// str1 += "<p>"+ data.data.records[i].checkinCounter +","+ data.data.records[i].mixcheckinCounter +"</p>\n";
// }else if (data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
// str1 += "<p>"+ data.data.records[i].checkinCounter +"</p>\n";
// }else if (!data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
// str1 += "<p>"+ data.data.records[i].mixcheckinCounter +"</p>\n";
// }else{
// str1 += "<p>--</p>\n";
// }
if (regionattr == 'MIX'){
if (data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:" +data.data.records[i].checkinCounter +"</p>\n";
str1 += "<p>国际/地区:--</p>\n";
}else if(!data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:--</p>\n";
str1 += "<p>国际/地区:"+data.data.records[i].mixcheckinCounter+"</p>\n";
}else if (!data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:--</p>\n";
str1 += "<p>国际/地区:--</p>\n";
}else if (data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>国内:" +data.data.records[i].checkinCounter +"</p>\n";
str1 += "<p>国际/地区:"+data.data.records[i].mixcheckinCounter+"</p>\n";
}
}else{
if (data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>" +data.data.records[i].checkinCounter +"</p>\n";
}else if(!data.data.records[i].checkinCounter && data.data.records[i].mixcheckinCounter){
str1 += "<p>" +data.data.records[i].mixcheckinCounter +"</p>\n";
}else if (!data.data.records[i].checkinCounter && !data.data.records[i].mixcheckinCounter){
str1 += "<p>--</p>\n";
}
}
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>登机口</div>";
str1 += "<div>";
if(regionattr == 'MIX'){
str1 += "<p>国内:"+ mixboardinggate +"</p>\n";
str1 += "<p>国际/地区:"+ mixintboardinggate +"</p>\n";
}else{
str1 += "<p>"+ boardinggate +"</p>\n";
}
str1 += "</div>";
str1 += "</div>";
str1 += "<div class=\"children_body\">";
str1 += "<div>机型</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\">没有查询到数据,请核对您的航班信息。</p>\n" +
"\t\t</li>";
str1 += "</ul>";
str1 += "</div>";
}
// str2 += "<span>共"+pages+"页</span> ";
// str2 += "<span>第"+page+"页</span> ";
// str2 += "<button id='prev'>上一页</button>";
// str2 += "<button id='next'>下一页</button>";
maxys = pages;
str2 += "<a id='prev' href=\"javascript:;\">&lt;</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:;\">&gt;</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>
</body>
</html>