870 lines
38 KiB
HTML
870 lines
38 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" />
|
|
<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>
|
|
客服热线<br>
|
|
13144553366<br>
|
|
旅客体验小程序<br>
|
|
</div>
|
|
<img src="/image/ewm_1.png">
|
|
</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="http://10.72.32.27
|
|
/"><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();
|
|
console.log(name)
|
|
var str = "";
|
|
|
|
$.ajax({
|
|
url: "/ddpflight/category/searchCategory",
|
|
data: {
|
|
name:name,
|
|
language:1
|
|
},
|
|
type: "GET",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
for (var i = 0; i < data.length; i++) {
|
|
str += "<li><a href=\""+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
|
}
|
|
$("#xiala").html(str);
|
|
}
|
|
});
|
|
})
|
|
function clearInputText(){
|
|
$(".searchBoxTEXT").val('')
|
|
$("#xiala").html('');
|
|
}
|
|
$('.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">关于我们
|
|
<div>
|
|
<a href="/about/introduce/introduce.html">机场简介</a>
|
|
<a href="/about/notice/notice.html">机场公告</a>
|
|
<a href="/about/news/news.html">机场新闻</a>
|
|
<a href="http://ctia.chinahr.com">人才招聘</a>
|
|
</div>
|
|
</div>
|
|
<em></em>
|
|
<a href="http://10.72.32.27
|
|
/EN/" 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="/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>
|
|
</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>
|
|
</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=294">往返机场</a></li>
|
|
<li><a href="/traffic/tramode/tramode.html?id=608">综合交通</a></li>
|
|
<li><a href="/traffic/parking/parking.html?id=614">停车楼</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/leisure/leisure.html">休闲</a></li>
|
|
<li><a href="/play/hotel/hotel.html">酒店</a></li>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="/play/other/other.html">其他商业</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" style="background-image: url(/image/banner_10.jpg);">
|
|
<div class="w-1200">
|
|
<div class="text" aos="fade-left" aos-delay="100">
|
|
<h3>搜索</h3>
|
|
<h2>search for</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--二级菜单-->
|
|
<div class="mune w-100 separate-mune" >
|
|
|
|
</div>
|
|
<!-- 内容-->
|
|
<div class="content">
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<!--面包屑-->
|
|
<div class="crumbs">
|
|
<a href="http://10.72.32.27
|
|
/">首页</a>
|
|
<span>搜索</span>
|
|
</div>
|
|
</div>
|
|
<!--内容-->
|
|
<div class="w-1200" aos="fade-up" aos-delay="100">
|
|
<div class="search_list">
|
|
<div class="s_l_l">
|
|
<p>搜索结果</p>
|
|
<a id="flightclick" onclick="searchTab(this)" href="javascript:;" class="active">航班</a>
|
|
<a id="businessclick" onclick="searchTab(this)" href="javascript:;">商业</a>
|
|
</div>
|
|
<div class="s_l_r">
|
|
<div id="res">
|
|
</div>
|
|
<div id="xinxi" class="page">
|
|
</div>
|
|
</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 style="width:600px;margin:0 auto; padding:0px 0;margin-top:20px">
|
|
<p class="beian">© 2021成都天府国际机场版权所有</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">蜀ICP备2021003993号</p>
|
|
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
|
|
<p class="beian">川公网安备 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>
|
|
function searchTab(that) {
|
|
$('.s_l_l a').removeClass('active');
|
|
$(that).addClass('active');
|
|
}
|
|
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 getParam(paramName){
|
|
paramValue = "", isFound = !1;
|
|
if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1)
|
|
{
|
|
arrSource = unescape(this.location.search).substring(1,
|
|
this.location.search.length).split("&"), i = 0;
|
|
while (i < arrSource.length && !isFound) arrSource[i].indexOf("=") > 0 &&
|
|
arrSource[i].split("=")[0].toLowerCase() == paramName.toLowerCase() && (paramValue = arrSource[i].split("=")[1], isFound = !0), i++
|
|
}
|
|
return paramValue == "" && (paramValue = null), paramValue
|
|
}
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$("#flightclick").click(function () {
|
|
$("#res").html("");
|
|
$("#xinxi").html("");
|
|
if (param != null && param !=""){
|
|
load1();
|
|
}else {
|
|
$("#res").html("<div class=\"zw\"><img src=\"/image/icon_noinfo.png\" ><p>天府国际机场无此航班，请核对您的航班信息</p></div>");
|
|
}
|
|
})
|
|
//当前页
|
|
var page = 1;
|
|
var pages = 1;
|
|
var totalpages = 1;
|
|
var minys = 1;
|
|
var maxys = 1;
|
|
var param = getQueryString("param");
|
|
//查询
|
|
function load1() {
|
|
var str1 = "";
|
|
var str2 = "";
|
|
var origin = "";
|
|
var destination = "";
|
|
|
|
$.ajax({
|
|
url: "/ddpcms/flightplan/searchFlight",
|
|
data: {
|
|
size: 100,
|
|
page: page,
|
|
flightno:param
|
|
},
|
|
type: "GET",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
totalpages = data.total % data.size == 0 ? data.total / data.size : Math.ceil(data.total / data.size)
|
|
if(totalpages==0){
|
|
pages = 1;
|
|
}else {
|
|
pages = totalpages;
|
|
}
|
|
str1 += "<div class=\"flight-table top10\">\n" +
|
|
" <div class=\"tab-head aos-init aos-animate\" aos=\"fade-up\" aos-delay=\"100\">\n" +
|
|
" <ul class=\" between-center\">\n" +
|
|
" <li class=\"tab-w-10\"><p>航班号</p></li>\n" +
|
|
" <li class=\"tab-w-8\">始发地</li>\n" +
|
|
" <li class=\"tab-w-12\">计划起飞</li>\n" +
|
|
" <li class=\"tab-w-8\">目的地</li>\n" +
|
|
" <li class=\"tab-w-12\">计划到达</li>\n" +
|
|
" <li class=\"tab-w-10\">状态</li>\n" +
|
|
" <li class=\"tab-w-8\">操作</li>\n" +
|
|
" </ul>\n"+
|
|
" </div>";
|
|
if(data.records != null){
|
|
for (var i = 0; i < data.records.length; i++) {
|
|
for (var j = 0; j < data.records[i].routes.length; j++) {
|
|
if(data.records[i].routes[j].apno == 1){
|
|
origin = data.records[i].routes[j].cnnm
|
|
}else if (data.records[i].routes[j].apno == data.records[i].routes.length){
|
|
destination = data.records[i].routes[j].cnnm
|
|
}
|
|
}
|
|
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.records[i].companyiata+data.records[i].flightno +"</p>";
|
|
str1 += "</li>\n";
|
|
str1 += "<li class=\"tab-w-8\">\n";
|
|
str1 += "<div class=\"phone-name\">始发地：</div>\n";
|
|
str1 += "<p>"+ origin +"</p>\n";
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-12\">\n";
|
|
str1 += "<div class=\"phone-name\">计划起飞：</div>\n";
|
|
if(data.records[i].estmtakeofftime){
|
|
str1 += "<p>"+ data.records[i].estmtakeofftime +"</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ data.records[i].plantakeofftime +"</p>\n";
|
|
}
|
|
str1 += "</li>\n";
|
|
str1 += "<li class=\"tab-w-8\">\n";
|
|
str1 += "<div class=\"phone-name\">目的地：</div>\n";
|
|
str1 += "<p>"+ destination +"</p>\n";
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-12\">\n";
|
|
str1 += "<div class=\"phone-name\">计划到达：</div>\n";
|
|
if(data.records[i].estmlandintime){
|
|
str1 += "<p>"+ data.records[i].estmlandintime +"</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ data.records[i].planlandintime +"</p>\n";
|
|
}
|
|
str1 += "</li>\n";
|
|
str1 += "</li>";
|
|
str1 += "<li class=\"tab-w-10\">\n";
|
|
str1 += "<div class=\"phone-name\">状态：</div>\n";
|
|
if(data.records[i].abnormalstate){
|
|
str1 += "<p>"+ data.records[i].abnormalstate +"</p>\n";
|
|
}else {
|
|
str1 += "<p>"+ data.records[i].normalstate +"</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 += "查看详情";
|
|
str1 += "</a>\n";
|
|
str1 += "</p>\n";
|
|
str1 += "</li>\n";
|
|
str1 += "</ul>\n";
|
|
str1 += "<div class=\"tab-body\">\n";
|
|
if (data.records[i].ioattr == "D"){
|
|
str1 += "<div class=\"tab-body-children\">";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>计划起飞时间</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+data.records[i].estmtakeoffdate+"</p>";
|
|
str1 += "<p>"+data.records[i].estmtakeofftime+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>实际起飞时间</div>";
|
|
str1 += "<div>";
|
|
if(data.records[i].actltakeoffdate){
|
|
str1 += "<p>"+data.records[i].actltakeoffdate+"</p>";
|
|
str1 += "<p>"+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.records[i].checkinCounter){
|
|
str1 += "<p>"+data.records[i].checkinCounter+"</p>";
|
|
}else {
|
|
str1 += "<p>待定</p>";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>登机口</div>";
|
|
str1 += "<div>";
|
|
if(data.records[i].boardingate){
|
|
str1 += "<p>"+data.records[i].boardingate+"</p>";
|
|
}else {
|
|
str1 += "<p>待定</p>";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>机型</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+data.records[i].craftType+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
}else {
|
|
str1 += "<div class=\"tab-body-children\">";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>计划到达时间</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+data.records[i].estmlandindate+"</p>";
|
|
str1 += "<p>"+data.records[i].estmlandintime+"</p>";
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>实际到达时间</div>";
|
|
str1 += "<div>";
|
|
if(data.records[i].actllandindate){
|
|
str1 += "<p>"+data.records[i].actllandindate+"</p>";
|
|
str1 += "<p>"+data.records[i].actllandintime+"</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.records[i].luggage){
|
|
str1 += "<p>"+data.records[i].luggage+"</p>";
|
|
}else {
|
|
str1 += "<p>待定</p>";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>到达出口</div>";
|
|
str1 += "<div>";
|
|
if(data.records[i].exno){
|
|
str1 += "<p>"+data.records[i].exno+"</p>";
|
|
}else {
|
|
str1 += "<p>待定</p>";
|
|
}
|
|
str1 += "</div>";
|
|
str1 += "</div>";
|
|
str1 += "<div class=\"children_body\">";
|
|
str1 += "<div>机型</div>";
|
|
str1 += "<div>";
|
|
str1 += "<p>"+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>";
|
|
}
|
|
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();
|
|
}
|
|
})
|
|
})
|
|
}
|
|
});
|
|
}
|
|
//下一页点击事件
|
|
$("#xinxi").on('click', '#next', function () {
|
|
if($('#flightclick').attr('class') && $('#flightclick').attr('class') == 'active'){
|
|
page = page + 1;
|
|
//检验
|
|
if (page > pages) {
|
|
page = pages;
|
|
}
|
|
load1();
|
|
}
|
|
});
|
|
//上一页点击事件
|
|
$("#xinxi").on('click', '#prev', function () {
|
|
if($('#flightclick').attr('class') && $('#flightclick').attr('class') == 'active'){
|
|
page = page - 1;
|
|
if (page < 1) {
|
|
page = 1;
|
|
}
|
|
load1();
|
|
}
|
|
|
|
});
|
|
$("#xinxi").on('click','.list',function(){
|
|
if($('#flightclick').attr('class') && $('#flightclick').attr('class') == 'active'){
|
|
page = parseInt($(this).attr("bs"));
|
|
load1(); //加载数据
|
|
}
|
|
})
|
|
//刷新后自动获取最大页码
|
|
if (param != null && param !=""){
|
|
load1();
|
|
}else {
|
|
$("#res").html("<div class=\"zw\"><img src=\"/image/icon_noinfo.png\" ><p>天府国际机场无此航班，请核对您的航班信息</p></div>");
|
|
}
|
|
});
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function () {
|
|
$("#businessclick").click(function () {
|
|
$("#res").html("");
|
|
$("#xinxi").html("");
|
|
load();
|
|
})
|
|
//当前页
|
|
var page = 1;
|
|
var pages = 1;
|
|
var minys = 1;
|
|
var maxys = 1;
|
|
|
|
//查询方法
|
|
function load() {
|
|
var str1 = "";
|
|
var str2 = "";
|
|
var param = decodeURI(getParam("param"));
|
|
$.ajax({
|
|
url: "/ddpflight/business/businesspaging",
|
|
data: {
|
|
size: 8,
|
|
page: page,
|
|
contentTitle:param
|
|
},
|
|
type: "GET",
|
|
dataType: "JSON",
|
|
success: function (data) {
|
|
console.log(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;
|
|
}
|
|
str1 = str1 + "<div class=\"fun-list\">";
|
|
if(data.data.records){
|
|
for (var i = 0; i < data.data.records.length; i++) {
|
|
str1 = str1 + "<div class=\"list aos-init aos-animate\" aos=\"fade-up\" aos-delay=\"100\">";
|
|
str1 = str1 + "<a href=\"/1/182/191/283/" + data.data.records[i].id + ".html\">";
|
|
str1 = str1 + "<div class=\"img\">";
|
|
var img = data.data.records[i].contentImg.split(",");
|
|
for (var j = 0; j < img.length; j++){
|
|
if(j==0){
|
|
str1 = str1 + "<img src="+img[0]+">\n";
|
|
}
|
|
}
|
|
str1 = str1 + "</div>";
|
|
str1 = str1 + "<div class=\"name t-c\">" + data.data.records[i].contentTitle + "</div>";
|
|
str1 = str1 + "<div class=\"text\">";
|
|
str1 = str1 + "<p>T1C指廊</p>";
|
|
str1 = str1 + "<p>24小时营业</p>";
|
|
str1 = str1 + "</div>";
|
|
str1 = str1 + "</a>";
|
|
str1 = str1 + "</div>";
|
|
}
|
|
str1 = str1 + "</div>"
|
|
}else {
|
|
str1 += "<div class=\"zw\"><img src=\"/image/icon_noinfo.png\" ><p>暂无消息</p></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);
|
|
}
|
|
});
|
|
}
|
|
//下一页点击事件
|
|
$("#xinxi").on('click', '#next', function () {
|
|
if($('#businessclick').attr('class') && $('#businessclick').attr('class') == 'active'){
|
|
page = page + 1;
|
|
//检验
|
|
if (page > pages) {
|
|
page = pages;
|
|
}
|
|
load();
|
|
}
|
|
});
|
|
//上一页点击事件
|
|
$("#xinxi").on('click', '#prev', function () {
|
|
if($('#businessclick').attr('class') && $('#businessclick').attr('class') == 'active'){
|
|
page = page - 1;
|
|
if (page < 1) {
|
|
page = 1;
|
|
}
|
|
load();
|
|
}
|
|
|
|
});
|
|
$("#xinxi").on('click','.list',function(){
|
|
if($('#businessclick').attr('class') && $('#businessclick').attr('class') == 'active'){
|
|
page = parseInt($(this).attr("bs"));
|
|
load(); //加载数据
|
|
}
|
|
})
|
|
//刷新后自动获取最大页码
|
|
});
|
|
</script>
|
|
<script>
|
|
AOS.init({
|
|
easing: 'swing',
|
|
duration: 800,
|
|
offset: 100,
|
|
once:true
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|