windy/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

航班列表可视区域渲染

Browse Source
This commit is contained in:
zhouyuejun
2019-01-04 18:28:50 +08:00
parent 914dc30d89
commit e56305d05d
7 changed files with 1248 additions and 1137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/toast/toast-box.component.scss
+3 -1
View File
@@ -3,6 +3,8 @@
z-index: 22222;
margin-top:10px;
width:450px;
height: 174px;
overflow: hidden
}
.toast-top-left{
@@ -18,7 +20,7 @@
}
.toast-top-right{
top:75px;
top:45%;
right: 10px
}
src/app/pages/main/main.component.html
+34 -21
View File
@@ -1,5 +1,5 @@
<div class="main-page" #mainPage>
<div class="page-content">
<div class="main-page" >
<div class="page-content" #pageContent>
<div class="search-filter mb-3" #searchFilter>
<div class="first-condition row">
<div class="line-operator-left input-container mb-3 col-xlg-8 col-mlg-8 col-xl-8 col-lg-10">
@@ -26,14 +26,14 @@
<div [ngClass]="{'filterClose-c':filterClose,'filterClose-o':!filterClose}" class="second-condition mb-3 row">
<div class="input-container mr-4">
<label for="">航空公司：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.ALCD" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.ALCD" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let airline of airlinesSelections" [value]="airline.airlineCodeIata">{{airline.airlineName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">航线类别：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FLIN" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.FLIN" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option value="D">国内</option>
<option value="I">国际</option>
@@ -43,14 +43,14 @@
</div>
<div class="input-container mr-4">
<label for="">航班类别：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FLTY" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.FLTY" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let type of flightTypeSelections" [value]="type.flightTypeCode">{{type.flightTypeNameCn}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">到达/出发：</label>
<select [(ngModel)]="filterItems.MVIN" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.MVIN" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option value="A">到达</option>
<option value="D">离港</option>
@@ -58,21 +58,21 @@
</div>
<div class="input-container mr-4">
<label for="">运营状态：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FTSS" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.FTSS" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let status of flightStatus" [value]="status.sttc">{{status.stdc}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">航站楼：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.TRML" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.TRML" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let terminal of terminals" [value]="terminal.terminalCode">{{terminal.terminalName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">异常状态：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.Abnormal_state" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.Abnormal_state" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option value="CNCL">取消</option>
<option value="DELY">延误</option>
@@ -82,28 +82,28 @@
</div>
<div class="input-container mr-4">
<label for="">机坪代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FHAG" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.FHAG" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">旅客代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.PHAG" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.PHAG" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">维护代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.MHAG" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.MHAG" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select>
</div>
<div class="input-container mr-4">
<label for="">前时间段：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.Start_time" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.Start_time" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option value="1">前1小时</option>
<option value="2">前2小时</option>
@@ -121,7 +121,7 @@
</div>
<div class="input-container mr-4">
<label for="">后时间段：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.End_time" (ngModelChange)="selectChange()" class="form-control">
<select [(ngModel)]="filterItems.End_time" (ngModelChange)="selectChange('filter')" class="form-control">
<option value=""></option>
<option value="1">后1小时</option>
<option value="2">后2小时</option>
@@ -164,19 +164,31 @@
</div>
<div class="airline-table">
<div #tableContainer id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}">
<table id="table" class="table table-bordered table-striped">
<div class="table-head" #tableHead>
<table class="table">
<colgroup>
<col *ngFor="let common_col of commonCol" [width]="common_col.COL_WIDTH">
<col *ngFor="let airline_col of render_col_lists" [width]="airline_col.COL_WIDTH">
</colgroup>
<thead>
<tr>
<th>序号</th>
<th>重要提示</th>
<th>航班ID</th>
<th *ngFor="let common_col of commonCol">{{common_col.COL_CN}}</th>
<th *ngFor="let airline_col of render_col_lists">{{airline_col.COL_CN}}</th>
</tr>
</thead>
</table>
</div>
<div class="table-body" #tableBody (scroll)="handleScroll($event)">
<div class="list-view-phantom" [ngStyle]="{ 'height': wait_render_data.length * 42 + 'px' }"></div>
<table #tableContent id="table" class="table table-striped">
<colgroup>
<col *ngFor="let common_col of commonCol" [width]="common_col.COL_WIDTH">
<col *ngFor="let airline_col of render_col_lists" [width]="airline_col.COL_WIDTH">
</colgroup>
<tbody>
<tr *ngFor="let airline_row of render_data;let i = index;last as isLast" (click)="selectRow(airline_row)"
<tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow(airline_row)"
[ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}">
<td>{{i+1}}</td>
<td>{{start+i+1}}</td>
<td>
<img class="mr-2" *ngIf="getVipNotes(airline_row)" src="/adminweb/assets/images/important-notes/vip.png"
alt="">
@@ -197,11 +209,12 @@
</td>
<td>{{airline_row['renderFlight']['FLID']}}</td>
<td *ngFor="let airline_col of render_col_lists" [ngClass]="getPosition(airline_col.COL_CODE,airline_row)"
[ngStyle]="getColor(airline_col.COL_CODE,airline_row)">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
[ngStyle]="getColor(airline_col.COL_CODE,airline_row)" [title]="airline_row['renderFlight'][airline_col.COL_CODE]">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false">
<nz-tab nzTitle="关联信息" (nzClick)="nzClick()" *ngIf="checkboxGroup.related">
src/app/pages/main/main.component.scss
+51 -14
View File
@@ -7,6 +7,7 @@
background-color: #fff;
.page-content {
border: 1px solid #ccc;
height: 100%;
padding: 10px 20px;
.search-filter {
position: relative;
@@ -24,7 +25,8 @@
}
}
}
.second-condition,.third-condition{
.second-condition,
.third-condition {
display: none;
}
.input-container {
@@ -44,27 +46,61 @@
.airline-table {
.table-container {
display: inline-block;
// border: 1px solid #ccc;
// position: relative;
width: 100%;
height: 700px;
overflow: auto;
// overflow-x: auto;
overflow-y: hidden;
box-shadow: 0 0 1px 0.5px #ddd;
.table-head {
overflow: hidden;
overflow-y: scroll;
height: 42px;
table {
margin: 0;
width: max-content;
tr {
cursor: pointer;
&.selected {
background: rgb(181, 215, 255);
}
}
th {
background-color: #ddd;
color: rgb(0, 0, 255);
}
// th,td{
// // border: none;
// // text-align: center;
// }
}
&::-webkit-scrollbar {
width: 15px;
height: 15px;
}
}
.table-body {
position: relative;
// height: 600px;
overflow: auto;
width: 100%;
.list-view-phantom {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: -1;
}
table {
left: 0;
right: 0;
top: 0;
position: absolute;
width: max-content;
tr {
cursor: pointer;
height: 42px;
&.selected {
background: rgb(181, 215, 255);
}
}
td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
// text-align: center;
}
}
&::-webkit-scrollbar {
width: 15px;
@@ -80,6 +116,7 @@
border-radius: 10px;
}
}
}
.airline-message {
display: inline-block;
// box-shadow: 0 0 1px .5px #ddd;
src/app/pages/main/main.component.ts
+231 -171
View File
@@ -1,5 +1,4 @@
import { Component, OnInit, ViewChild, Renderer2 } from '@angular/core';
import { ChangeDetectorRef } from '@angular/core';
import { NavigationEnd, Router } from '@angular/router';
import { ToastService } from '../../components/toast/toast.service';
@@ -32,12 +31,10 @@ export class MainComponent implements OnInit {
private basicDataService: BasicDataService,
private operateSpinServiceService: OperateSpinServiceService,
private httpCilent: HttpClientService,
private changeDetectorRef: ChangeDetectorRef,
private toastService: ToastService,
private websocketService: WebsocketService
) {
this.operateSpinServiceService.showSpin();
this.changeDetectorRef.detach();
// this.router.events.pipe(
// filter((event => event instanceof NavigationEnd))
// ).subscribe(
@@ -56,7 +53,6 @@ export class MainComponent implements OnInit {
// this.airline_message_alert = JSON.parse(element.settingContent).targetList;
// }
// });
// this.changeDetectorRef.detectChanges();
// // this.operateSpinServiceService.hideSpin();
// }
// )
@@ -91,8 +87,10 @@ export class MainComponent implements OnInit {
public raw_data: Array<object> = []; //原始数据，未经过任何转换和组合
public combined_data: Array<object> = []; //组合数据，即链接航班，显示信息等组合好之后的数据
public wait_render_data: Array<object> = [];
public render_data: Array<object> = []; //显示数据，即需要显示的数据
public commonCol:Array<object>;
public col_lists: Array<object>; //列数据
public render_col_lists: Array<object>;
@@ -108,9 +106,12 @@ export class MainComponent implements OnInit {
'guarantee': false
}
@ViewChild('mainPage') mainPage;
@ViewChild('pageContent') pageContent;
@ViewChild('searchFilter') searchFilter;
@ViewChild('tableContainer') tableContainer;
@ViewChild('tableHead') tableHead;
@ViewChild('tableBody') tableBody;
@ViewChild('tableContent') tableContent;
trItemHeight: number = 42;
start: number = 0;
@@ -120,9 +121,10 @@ export class MainComponent implements OnInit {
ngOnInit() {
this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.mainPage.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 55 + 'px');
this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.pageContent.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 35 + 'px');
this.renderer2.setStyle(this.tableBody.nativeElement, 'height', this.tableContainer.nativeElement.offsetHeight - this.tableHead.nativeElement.offsetHeight + 'px');
window.onresize = function () {
this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.mainPage.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 55 + 'px');
this.calcVisibleCount();
}.bind(this)
//订阅航班更新
@@ -152,6 +154,11 @@ export class MainComponent implements OnInit {
this.httpCilent.get('/adminapi/settings/uisettings').subscribe(
data => {
this.commonCol = [
{ "COL_CODE": "NO", "COL_CN": "序号", "COL_WIDTH": "55px" },
{ "COL_CODE": "IMPT", "COL_CN": "重要提示", "COL_WIDTH": "120px" },
{ "COL_CODE": "FLID", "COL_CN": "航班ID", "COL_WIDTH": "165px" }
]
data.body.forEach(element => {
if (element.groupCode === 'userSettingCol') {
this.col_lists = JSON.parse(element.settingContent).defaultData;
@@ -162,8 +169,6 @@ export class MainComponent implements OnInit {
this.airline_message_alert = JSON.parse(element.settingContent).targetList;
}
});
}
)
//获取航班动态信息
this.httpCilent.get('/msgexchangeapi/all/flights').subscribe(
@@ -226,21 +231,178 @@ export class MainComponent implements OnInit {
}
}
)
//固定表头
var tableCont = document.querySelector('#table-container')
function scrollHandle() {
var scrollTop = this.scrollTop;
this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';
}
tableCont.addEventListener('scroll', scrollHandle)
)
}
/**
* 数据组合完毕，执行排序、渲染以及动态信息处理
* @param combined_data
*/
doSequence(combined_data) {
this.raw_data.forEach(element => {
if (this.airlinesSelections.findIndex(airline => airline.airlineCodeIata === element['ALCD']) === -1) {
let index = this.airlines.findIndex(val => val.airlineCodeIata === element['ALCD']);
this.airlinesSelections.push(this.airlines[index]);
}
if (this.flightTypeSelections.findIndex(flightType => flightType.flightTypeCode === element['FLTY']) === -1) {
let index = this.flightTypes.findIndex(val => val.flightTypeCode === element['FLTY']);
this.flightTypeSelections.push(this.flightTypes[index]);
}
})
combined_data.forEach(element => {
element['ORDER'] = this.orderHandle.sequence(element);
})
combined_data.sort(function (a, b) {
return (a['ORDER'] - b['ORDER']);
})
this.wait_render_data = combined_data;
this.visibleCount = Math.ceil(this.tableBody.nativeElement.clientHeight / this.trItemHeight);
const scrollTop = this.tableBody.nativeElement.scrollTop;
const fixedScrollTop = scrollTop - scrollTop % this.trItemHeight;
this.tableContent.nativeElement.style.webkitTransform = `translateY(${fixedScrollTop}px)`;
this.start = Math.floor(scrollTop / this.trItemHeight);
this.end = this.start + this.visibleCount;
this.render_data = this.wait_render_data.slice(this.start, this.end);
setTimeout(()=>{
$(".table-body tbody>tr").eq(0).find('td').each((index,element)=>{
$(".table-head table colgroup").eq(0).find('col').eq(index).attr('width',$(element).innerWidth()+'px')
})
},500)
this.row_state = this.render_data.length > 0 ? this.render_data[0] : { renderFlight: {} };
this.operateSpinServiceService.hideSpin();
//开始处理动态消息
this.canHandleDynamicMessage = true;
this.dynamicMessageArray.forEach(message => {
this.dynamicMessageHandle(message);
})
this.canHandleDynamicAlert = true;
this.dynamicAlertArray.forEach(message => {
this.dynamicAlertHandle(message);
})
}
/**
* 纵向滚动条滚动渲染数据
*/
handleScroll() {
const scrollTop = this.tableBody.nativeElement.scrollTop;
$(".table-head").scrollLeft($('.table-body').scrollLeft());
const fixedScrollTop = scrollTop - scrollTop % this.trItemHeight;
this.tableContent.nativeElement.style.webkitTransform = `translateY(${fixedScrollTop - 42}px)`;
this.start = Math.floor(scrollTop / this.trItemHeight);
this.end = this.start + this.visibleCount;
this.render_data = this.wait_render_data.slice(this.start, this.end);
setTimeout(()=>{
$(".table-body tbody>tr").eq(0).find('td').each((index,element)=>{
$(".table-head table colgroup").eq(0).find('col').eq(index).attr('width',$(element).innerWidth()+'px')
})
},500)
}
/**
* 计算可视区域数据的渲染
*/
calcVisibleCount() {
this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.pageContent.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 35 + 'px');
this.renderer2.setStyle(this.tableBody.nativeElement, 'height', this.tableContainer.nativeElement.offsetHeight - this.tableHead.nativeElement.offsetHeight + 'px');
this.visibleCount = Math.ceil(this.tableBody.nativeElement.clientHeight / this.trItemHeight);
const scrollTop = this.tableBody.nativeElement.scrollTop;
const fixedScrollTop = scrollTop - scrollTop % this.trItemHeight;
this.tableContent.nativeElement.style.webkitTransform = `translateY(${fixedScrollTop}px)`;
this.start = Math.floor(scrollTop / this.trItemHeight);
this.end = this.start + this.visibleCount;
this.render_data = this.wait_render_data.slice(this.start, this.end);
setTimeout(()=>{
$(".table-body tbody>tr").eq(0).find('td').each((index,element)=>{
$(".table-head table colgroup").eq(0).find('col').eq(index).attr('width',$(element).innerWidth()+'px')
})
},500)
}
/**
* 展开/关闭过滤条件
*/
public filterClose: boolean = true;
toggleFilter() {
this.filterClose = !this.filterClose;
this.changeDetectorRef.detectChanges();
this.renderer2.setStyle(this.tableContainer.nativeElement, 'height', this.mainPage.nativeElement.offsetHeight - this.searchFilter.nativeElement.offsetHeight - 55 + 'px');
setTimeout(() => {
this.calcVisibleCount();
}, 10)
}
/**
* 刷新
*/
refresh() {
this.operateSpinServiceService.showSpin();
this.canHandleDynamicMessage = false;
this.canHandleDynamicAlert = false;
this.SEARCH = ''; //手动输入条件
this.LASTSEARCH = '';
this.FLT_POS = 1; //过滤还是定位
this.SEL_COL = ''; //选择列名
this.LAST_SEL_COL = '';
this.filterItems = {
ALCD: '', //航空公司
FLIN: '', //航线类别
FLTY: '', //航班类别
MVIN: '', //到达/出发
FTSS: '', //运营状态
TRML: '', //航站楼
Abnormal_state: '', //异常状态
// Start_time: '9',
// End_time: '9',
FHAG: '', //机坪代理
MHAG: '', //维护代理
PHAG: '', //旅客代理
}
/** 用户设置 */
this.httpCilent.get('/adminapi/settings/uisettings').subscribe(
data => {
data.body.forEach(element => {
if (element.groupCode === 'userSettingCol') {
this.col_lists = JSON.parse(element.settingContent).defaultData;
this.render_col_lists = JSON.parse(element.settingContent).targetList;
} else if (element.groupCode === 'userSettingColor') {
this.airline_color = JSON.parse(element.settingContent);
} else if (element.groupCode === 'userSettingMsgAlert') {
this.airline_message_alert = JSON.parse(element.settingContent).targetList;
}
});
}
)
//获取航班动态信息
this.httpCilent.get('/msgexchangeapi/all/flights').subscribe(
data => {
this.raw_data = data.body;
//查找链接航班并将其组合成一条数据
this.combined_data = [];
let combined_linked_data = this.dataHandle.findLinkFlights(this.raw_data);
combined_linked_data.forEach(element => {
let flights_item = this.dataHandle.flightsRenderTransfer(element, this.col_lists);
this.combined_data.push(flights_item);
});
let combined_data = []
this.combined_data.forEach(item => {
combined_data.push(this.dataHandle.basicDataTransHandle(item, this.airports, this.citys, this.airlines, this.flightStatus, this.flightTypes));
})
this.combined_data = combined_data;
this.doSequence(this.combined_data);
// const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '刷新成功！', 3000);
// this.toastService.toast(toastCfg);
}
)
}
@@ -285,28 +447,29 @@ export class MainComponent implements OnInit {
this.flightTypeSelections.push(this.flightTypes[index]);
}
let dynamicHandleData = this.dataHandle.dynamicMessageHandle(
message,
this.render_data,
this.col_lists,
this.filterItems,
this.LASTSEARCH,
this.LAST_SEL_COL,
this.airports,
this.citys,
this.airlines,
this.flightStatus,
this.flightTypes
)
this.render_data = dynamicHandleData.render_data;
this.selectChange('dynamic');
this.render_data.forEach(element => {
element['ORDER'] = this.orderHandle.sequence(element);
})
this.render_data = this.render_data.sort(function (a, b) {
return (a['ORDER'] - b['ORDER']);
})
this.changeDetectorRef.detectChanges();
// let dynamicHandleData = this.dataHandle.dynamicMessageHandle(
// message,
// this.render_data,
// this.col_lists,
// this.filterItems,
// this.LASTSEARCH,
// this.LAST_SEL_COL,
// this.airports,
// this.citys,
// this.airlines,
// this.flightStatus,
// this.flightTypes
// )
// this.render_data = dynamicHandleData.render_data;
// this.render_data.forEach(element => {
// element['ORDER'] = this.orderHandle.sequence(element);
// })
// this.render_data = this.render_data.sort(function (a, b) {
// return (a['ORDER'] - b['ORDER']);
// })
}
/**
@@ -346,118 +509,6 @@ export class MainComponent implements OnInit {
}
}
/**
* 数据组合完毕，执行排序、渲染以及动态信息处理
* @param combined_data
*/
doSequence(combined_data) {
this.raw_data.forEach(element => {
if (this.airlinesSelections.findIndex(airline => airline.airlineCodeIata === element['ALCD']) === -1) {
let index = this.airlines.findIndex(val => val.airlineCodeIata === element['ALCD']);
this.airlinesSelections.push(this.airlines[index]);
}
if (this.flightTypeSelections.findIndex(flightType => flightType.flightTypeCode === element['FLTY']) === -1) {
let index = this.flightTypes.findIndex(val => val.flightTypeCode === element['FLTY']);
this.flightTypeSelections.push(this.flightTypes[index]);
}
})
combined_data.forEach(element => {
element['ORDER'] = this.orderHandle.sequence(element);
})
combined_data.sort(function (a, b) {
return (a['ORDER'] - b['ORDER']);
})
// this.visibleCount = Math.ceil(this.tableContainer.nativeElement.clientHeight / this.trItemHeight);
// this.start = 0;
// this.end = this.start + this.visibleCount;
// this.render_data = this.combined_data.slice(this.start,this.end);
this.render_data = combined_data;
this.row_state = this.render_data.length > 0 ? this.render_data[0] : { renderFlight: {} };
this.selectChange();
// this.changeDetectorRef.detectChanges();
// this.operateSpinServiceService.hideSpin();
//开始处理动态消息
this.canHandleDynamicMessage = true;
this.dynamicMessageArray.forEach(message => {
this.dynamicMessageHandle(message);
})
this.canHandleDynamicAlert = true;
this.dynamicAlertArray.forEach(message => {
this.dynamicAlertHandle(message);
})
}
/**
* 刷新
*/
refresh() {
this.operateSpinServiceService.showSpin();
this.canHandleDynamicMessage = false;
this.canHandleDynamicAlert = false;
this.SEARCH = ''; //手动输入条件
this.LASTSEARCH = '';
this.FLT_POS = 1; //过滤还是定位
this.SEL_COL = ''; //选择列名
this.LAST_SEL_COL = '';
this.filterItems = {
ALCD: '', //航空公司
FLIN: '', //航线类别
FLTY: '', //航班类别
MVIN: '', //到达/出发
FTSS: '', //运营状态
TRML: '', //航站楼
Abnormal_state: '', //异常状态
Start_time: '9',
End_time: '9',
FHAG: '', //机坪代理
MHAG: '', //维护代理
PHAG: '', //旅客代理
}
/** 用户设置 */
this.httpCilent.get('/adminapi/settings/uisettings').subscribe(
data => {
data.body.forEach(element => {
if (element.groupCode === 'userSettingCol') {
this.col_lists = JSON.parse(element.settingContent).defaultData;
this.render_col_lists = JSON.parse(element.settingContent).targetList;
} else if (element.groupCode === 'userSettingColor') {
this.airline_color = JSON.parse(element.settingContent);
} else if (element.groupCode === 'userSettingMsgAlert') {
this.airline_message_alert = JSON.parse(element.settingContent).targetList;
}
});
}
)
//获取航班动态信息
this.httpCilent.get('/msgexchangeapi/all/flights').subscribe(
data => {
this.raw_data = data.body;
//查找链接航班并将其组合成一条数据
this.combined_data = [];
let combined_linked_data = this.dataHandle.findLinkFlights(this.raw_data);
combined_linked_data.forEach(element => {
let flights_item = this.dataHandle.flightsRenderTransfer(element, this.col_lists);
this.combined_data.push(flights_item);
});
let combined_data = []
this.combined_data.forEach(item => {
combined_data.push(this.dataHandle.basicDataTransHandle(item, this.airports, this.citys, this.airlines, this.flightStatus, this.flightTypes));
})
this.combined_data = combined_data;
this.doSequence(this.combined_data);
const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '刷新成功！', 3000);
this.toastService.toast(toastCfg);
}
)
}
/**
@@ -478,8 +529,8 @@ export class MainComponent implements OnInit {
FTSS: '', //运营状态
TRML: '', //航站楼
Abnormal_state: '', //异常状态
Start_time: '9',
End_time: '9',
// Start_time: '',
// End_time: '',
FHAG: '', //机坪代理
MHAG: '', //维护代理
PHAG: '', //旅客代理
@@ -490,7 +541,9 @@ export class MainComponent implements OnInit {
*/
inputEnter() {
if (this.FLT_POS === 1) {
this.selectChange()
this.LAST_SEL_COL = this.SEL_COL;
this.LASTSEARCH = this.SEARCH;
this.selectChange('filter')
} else {
this.inputPosition(this.render_data)
}
@@ -499,9 +552,11 @@ export class MainComponent implements OnInit {
/**
* 下拉框选择筛选
*/
selectChange() {
selectChange(type) {
if (type === 'filter') {
this.operateSpinServiceService.showSpin();
setTimeout(() => {
}
// setTimeout(() => {
let filter_data = [];
let filterItems = this.filterItems;
this.combined_data.forEach(item => {
@@ -703,12 +758,18 @@ export class MainComponent implements OnInit {
if (this.FLT_POS === 1) {
this.inputFilter(filter_data);
} else {
this.render_data = filter_data;
this.wait_render_data = filter_data;
this.render_data = this.wait_render_data.slice(this.start, this.end);
setTimeout(()=>{
$(".table-body tbody>tr").eq(0).find('td').each((index,element)=>{
$(".table-head table colgroup").eq(0).find('col').eq(index).attr('width',$(element).innerWidth()+'px')
})
},500)
// this.render_data = filter_data;
this.row_state = this.render_data.length > 0 ? this.render_data[0] : { renderFlight: {} };
this.changeDetectorRef.detectChanges();
this.operateSpinServiceService.hideSpin();
}
}, 10)
// }, 10)
}
/**
@@ -716,11 +777,9 @@ export class MainComponent implements OnInit {
* @param filterData
*/
inputFilter(filterData) {
this.LAST_SEL_COL = this.SEL_COL;
this.LASTSEARCH = this.SEARCH;
if (this.SEARCH) {
if (this.SEL_COL) {
let sel_col = this.SEL_COL;
if (this.LASTSEARCH) {
if (this.LAST_SEL_COL) {
let sel_col = this.LAST_SEL_COL;
filterData = filterData.filter(item => {
if (item['renderFlight'][sel_col]) {
if (item['renderFlight'][sel_col].toString().match(new RegExp(this.SEARCH, 'i'))) {
@@ -753,9 +812,15 @@ export class MainComponent implements OnInit {
})
}
}
this.render_data = filterData;
this.wait_render_data = filterData;
this.render_data = this.wait_render_data.slice(this.start, this.end);
setTimeout(()=>{
$(".table-body tbody>tr").eq(0).find('td').each((index,element)=>{
$(".table-head table colgroup").eq(0).find('col').eq(index).attr('width',$(element).innerWidth()+'px')
})
},500)
// this.render_data = filterData;
this.row_state = this.render_data.length > 0 ? this.render_data[0] : { renderFlight: {} };
this.changeDetectorRef.detectChanges();
this.operateSpinServiceService.hideSpin();
}
@@ -819,8 +884,6 @@ export class MainComponent implements OnInit {
alert('没有搜索到相关数据');
}
this.changeDetectorRef.detectChanges();
let tr = $(".selected");
let objTr = tr[0];
if (objTr) {
@@ -835,7 +898,6 @@ export class MainComponent implements OnInit {
*/
selectRow(i) {
this.row_state = i;
this.changeDetectorRef.detectChanges();
}
/**
@@ -1099,14 +1161,12 @@ export class MainComponent implements OnInit {
}
}
}
this.changeDetectorRef.detectChanges()
}
/**
* tab项切换事件
*/
nzClick() {
this.changeDetectorRef.detectChanges();
}
}
src/app/pages/system-management/personal-settings/personal-settings.component.ts
+31 -32
View File
@@ -47,37 +47,37 @@ export class PersonalSettingsComponent implements OnInit {
})
//this.list=[{"COL_CODE":"FLNO", "COL_CN":"航班号", "COL_ORDER":"10"}, {"COL_CODE":"ALCD", "COL_CN":"航空公司", "COL_ORDER":"8"}, {"COL_CODE":"FLIN", "COL_CN":"航线类别", "COL_ORDER":"4"}, {"COL_CODE":"FLTY", "COL_CN":"航班类别", "COL_ORDER":"5"}, {"COL_CODE":"MVIN", "COL_CN":"航向指示", "COL_ORDER":"9"}, {"COL_CODE":"TRML", "COL_CN":"候机楼", "COL_ORDER":"7"}, {"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_ORDER":"3"}, {"COL_CODE":"SODT", "COL_CN":"计划到达/出发", "COL_ORDER":"13"}, {"COL_CODE":"ESTT", "COL_CN":"预计到达/出发", "COL_ORDER":"14"}, {"COL_CODE":"ACTT", "COL_CN":"实际到达/出发", "COL_ORDER":"15"}, {"COL_CODE":"STND", "COL_CN":"停机位", "COL_ORDER":"16"}, {"COL_CODE":"ORDER", "COL_CN":"排序", "COL_ORDER":"17"} ]
this.defaultCols = [
{"COL_CODE":"ACFT", "COL_CN":"机型", "COL_ORDER":"1"},
{"COL_CODE":"GCTM", "COL_CN":"登机结束", "COL_ORDER":"2"},
{"COL_CODE":"BOTM", "COL_CN":"登机开始", "COL_ORDER":"3"},
{"COL_CODE":"ABDG", "COL_CN":"登机桥", "COL_ORDER":"4"},
{"COL_CODE":"AOTM_D", "COL_CN":"撤桥时间", "COL_ORDER":"5"},
{"COL_CODE":"AOTM_A", "COL_CN":"靠桥时间", "COL_ORDER":"6"},
{"COL_CODE":"BELT", "COL_CN":"转盘号", "COL_ORDER":"7"},
{"COL_CODE":"CHKC", "COL_CN":"值机柜台", "COL_ORDER":"8"},
{"COL_CODE":"CCTM", "COL_CN":"值机结束", "COL_ORDER":"9"},
{"COL_CODE":"COTM", "COL_CN":"值机开始", "COL_ORDER":"10"},
{"COL_CODE":"CHTM_OFF", "COL_CN":"下轮挡", "COL_ORDER":"11"},
{"COL_CODE":"CHTM_ON", "COL_CN":"上轮挡", "COL_ORDER":"12"},
{"COL_CODE":"LACL", "COL_CN":"最后通知时间", "COL_ORDER":"13"},
{"COL_CODE":"CHUT", "COL_CN":"行李传送带", "COL_ORDER":"14"},
{"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_ORDER":"15"},
{"COL_CODE":"ALCD", "COL_CN":"航空公司", "COL_ORDER":"16"},
{"COL_CODE":"ACTT", "COL_CN":"实际到达／出发", "COL_ORDER":"17"},
{"COL_CODE":"PSST", "COL_CN":"计划机位", "COL_ORDER":"18"},
{"COL_CODE":"ESTT", "COL_CN":"预计到达／出发 ", "COL_ORDER":"19"},
{"COL_CODE":"MVIN", "COL_CN":"到达/出发", "COL_ORDER":"20"},
{"COL_CODE":"ERUT", "COL_CN":"航线", "COL_ORDER":"21"},
{"COL_CODE":"FLNO", "COL_CN":"航班号", "COL_ORDER":"22"},
{"COL_CODE":"FTSS", "COL_CN":"运营状态", "COL_ORDER":"23"},
{"COL_CODE":"FLIN", "COL_CN":"航线类别", "COL_ORDER":"24"},
{"COL_CODE":"SODT", "COL_CN":"计划到达／出发", "COL_ORDER":"25"},
{"COL_CODE":"TRML", "COL_CN":"航站楼", "COL_ORDER":"26"},
{"COL_CODE":"FLTY", "COL_CN":"航班类别", "COL_ORDER":"27"},
{"COL_CODE":"GTDT", "COL_CN":"登机门号 ", "COL_ORDER":"28"},
{"COL_CODE":"PADT", "COL_CN":"前站起飞时间", "COL_ORDER":"29"},
{"COL_CODE":"CSFT", "COL_CN":"共享航班号", "COL_ORDER":"30"},
{"COL_CODE":"STND", "COL_CN":"当前机位", "COL_ORDER":"31"},
{ "COL_CODE": "ACFT", "COL_CN": "机型", "COL_ORDER": "1", "COL_WIDTH": "85px" },
{ "COL_CODE": "GCTM", "COL_CN": "登机结束", "COL_ORDER": "2", "COL_WIDTH": "85px" },
{ "COL_CODE": "BOTM", "COL_CN": "登机开始", "COL_ORDER": "3", "COL_WIDTH": "85px" },
{ "COL_CODE": "ABDG", "COL_CN": "登机桥", "COL_ORDER": "4", "COL_WIDTH": "120px" },
{ "COL_CODE": "AOTM_D", "COL_CN": "撤桥时间", "COL_ORDER": "5", "COL_WIDTH": "85px" },
{ "COL_CODE": "AOTM_A", "COL_CN": "靠桥时间", "COL_ORDER": "6", "COL_WIDTH": "85px" },
{ "COL_CODE": "BELT", "COL_CN": "转盘号", "COL_ORDER": "7", "COL_WIDTH": "120px" },
{ "COL_CODE": "CHKC", "COL_CN": "值机柜台", "COL_ORDER": "8", "COL_WIDTH": "120px" },
{ "COL_CODE": "CCTM", "COL_CN": "值机结束", "COL_ORDER": "9", "COL_WIDTH": "85px" },
{ "COL_CODE": "COTM", "COL_CN": "值机开始", "COL_ORDER": "10", "COL_WIDTH": "85px" },
{ "COL_CODE": "CHTM_OFF", "COL_CN": "下轮挡", "COL_ORDER": "11", "COL_WIDTH": "85px" },
{ "COL_CODE": "CHTM_ON", "COL_CN": "上轮挡", "COL_ORDER": "12", "COL_WIDTH": "85px" },
{ "COL_CODE": "LACL", "COL_CN": "最后通知时间", "COL_ORDER": "13", "COL_WIDTH": "120px" },
{ "COL_CODE": "CHUT", "COL_CN": "行李传送带", "COL_ORDER": "14", "COL_WIDTH": "120px" },
{ "COL_CODE": "RENO", "COL_CN": "飞机号", "COL_ORDER": "15", "COL_WIDTH": "120px" },
{ "COL_CODE": "ALCD", "COL_CN": "航空公司", "COL_ORDER": "16", "COL_WIDTH": "185px" },
{ "COL_CODE": "ACTT", "COL_CN": "实际到达／出发", "COL_ORDER": "17", "COL_WIDTH": "120px" },
{ "COL_CODE": "PSST", "COL_CN": "计划机位", "COL_ORDER": "18", "COL_WIDTH": "120px" },
{ "COL_CODE": "ESTT", "COL_CN": "预计到达／出发 ", "COL_ORDER": "19", "COL_WIDTH": "120px" },
{ "COL_CODE": "MVIN", "COL_CN": "到达/出发", "COL_ORDER": "20", "COL_WIDTH": "85px" },
{ "COL_CODE": "ERUT", "COL_CN": "航线", "COL_ORDER": "21", "COL_WIDTH": "245px" },
{ "COL_CODE": "FLNO", "COL_CN": "航班号", "COL_ORDER": "22", "COL_WIDTH": "140px" },
{ "COL_CODE": "FTSS", "COL_CN": "运营状态", "COL_ORDER": "23", "COL_WIDTH": "120px" },
{ "COL_CODE": "FLIN", "COL_CN": "航线类别", "COL_ORDER": "24", "COL_WIDTH": "120px" },
{ "COL_CODE": "SODT", "COL_CN": "计划到达／出发", "COL_ORDER": "25", "COL_WIDTH": "120px" },
{ "COL_CODE": "TRML", "COL_CN": "航站楼", "COL_ORDER": "26", "COL_WIDTH": "120px" },
{ "COL_CODE": "FLTY", "COL_CN": "航班类别", "COL_ORDER": "27", "COL_WIDTH": "120px" },
{ "COL_CODE": "GTDT", "COL_CN": "登机门号 ", "COL_ORDER": "28", "COL_WIDTH": "120px" },
{ "COL_CODE": "PADT", "COL_CN": "前站起飞时间", "COL_ORDER": "29", "COL_WIDTH": "85px" },
{ "COL_CODE": "CSFT", "COL_CN": "共享航班号", "COL_ORDER": "30", "COL_WIDTH": "85px" },
{ "COL_CODE": "STND", "COL_CN": "当前机位", "COL_ORDER": "31", "COL_WIDTH": "85px" },
]
/*
备注：实际数据中，把原始数据录入到临时变量中，方便取消按钮，重置数据
@@ -279,4 +279,3 @@ export class PersonalSettingsComponent implements OnInit {
})
}
}
src/app/utils/flights-data-handle.ts
+370 -370
View File
@@ -257,388 +257,388 @@ export class FlightsDataHandle {
}
}
public dynamicMessageHandle(message, render_data, col_lists, filterItems, LASTSEARCH, LAST_SEL_COL, airports, citys, airlines, flightStatus, flightTypes) {
// public dynamicMessageHandle(message, render_data, col_lists, filterItems, LASTSEARCH, LAST_SEL_COL, airports, citys, airlines, flightStatus, flightTypes) {
try {
if (message.MVIN === 'A') {
//针对render_data的处理
let index1 = render_data.findIndex(element => {
if (this.orderHandle.isArriFlight(element) || this.orderHandle.isLinked(element)) {
if (element['preFlight']['FLID'] === message.FLID) {
return true;
} else {
return false;
}
} else {
return false;
}
})
if (index1 > -1) {
render_data[index1]['preFlight'] = message;
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
// try {
// if (message.MVIN === 'A') {
// //针对render_data的处理
// let index1 = render_data.findIndex(element => {
// if (this.orderHandle.isArriFlight(element) || this.orderHandle.isLinked(element)) {
// if (element['preFlight']['FLID'] === message.FLID) {
// return true;
// } else {
// return false;
// }
// } else {
// return false;
// }
// })
// if (index1 > -1) {
// render_data[index1]['preFlight'] = message;
// render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
// render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true;
for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') {
if (render_data[index1]['preFlight'][filterItems[key]]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
} else {
if (render_data[index1]['preFlight'][key] === filterItems[key]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
}
}
}
let search_satis = true;
if (LASTSEARCH) {
if (LAST_SEL_COL) {
if (render_data[index1]['preFlight'][LAST_SEL_COL]) {
if (render_data[index1]['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
} else {
search_satis = false;
}
} else {
search_satis = false;
}
} else {
let cols = col_lists;
for (let i = 0; i < cols.length; i++) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']]) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
break;
} else {
search_satis = false;
continue;
}
} else {
search_satis = false;
continue;
}
}
}
}
// let is_satis = true;
// for (const key in filterItems) {
// if (filterItems.hasOwnProperty(key) && filterItems[key]) {
// if (key === 'Abnormal_state') {
// if (render_data[index1]['preFlight'][filterItems[key]]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// } else {
// if (render_data[index1]['preFlight'][key] === filterItems[key]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// }
// }
// }
// let search_satis = true;
// if (LASTSEARCH) {
// if (LAST_SEL_COL) {
// if (render_data[index1]['preFlight'][LAST_SEL_COL]) {
// if (render_data[index1]['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// } else {
// search_satis = false;
// }
// } else {
// search_satis = false;
// }
// } else {
// let cols = col_lists;
// for (let i = 0; i < cols.length; i++) {
// if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']]) {
// if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// break;
// } else {
// search_satis = false;
// continue;
// }
// } else {
// search_satis = false;
// continue;
// }
// }
// }
// }
if (is_satis && search_satis) {
// if (message.UPTP === 'FLOP-TAOP') {
if (message.TAID) {
if (this.orderHandle.isArriFlight(render_data[index1])) {
let i = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element)) {
if (message.TAID === element['reaFlight']['FLID']) {
return true;
} else {
return false;
}
} else {
return false;
}
})
// if (is_satis && search_satis) {
// // if (message.UPTP === 'FLOP-TAOP') {
// if (message.TAID) {
// if (this.orderHandle.isArriFlight(render_data[index1])) {
// let i = render_data.findIndex(element => {
// if (this.orderHandle.isDeptFlight(element)) {
// if (message.TAID === element['reaFlight']['FLID']) {
// return true;
// } else {
// return false;
// }
// } else {
// return false;
// }
// })
if (i > -1) {
// if (i > -1) {
// // render_data.splice(index1, 1);
// render_data[i]['reaFlight']['TAID'] = message.FLID;
// render_data[i]['preFlight'] = message;
// render_data.splice(index1, 1);
render_data[i]['reaFlight']['TAID'] = message.FLID;
render_data[i]['preFlight'] = message;
render_data.splice(index1, 1);
// // let newFlight = {};
// // newFlight['preFlight'] = message;
// // newFlight['reaFlight'] = render_data[i]['reaFlight'];
// // render_data.splice(i, 1);
// render_data[i] = this.flightsRenderTransfer(render_data[i], col_lists);
// render_data[i] = this.basicDataTransHandle(render_data[i], airports, citys, airlines, flightStatus, flightTypes);
// // render_data.push(newFlight)
// }
// }
// } else {
// if (this.orderHandle.isLinked(render_data[index1])) {
// let newPreFlight = {},
// newReaFlight = {};
// delete render_data[index1]['preFlight']['TAID'];
// newPreFlight['preFlight'] = render_data[index1]['preFlight'];
// newPreFlight['renderFlight'] = render_data[index1]['renderPreFlight'];
// delete render_data[index1]['reaFlight']['TAID'];
// newPreFlight['reaFlight'] = render_data[index1]['reaFlight'];
// newPreFlight['renderFlight'] = render_data[index1]['renderReaFlight'];
// render_data.splice(index1, 1);
// render_data.push(newPreFlight);
// render_data.push(newReaFlight);
// }
// }
// // }
// } else {
// if (this.orderHandle.isArriFlight(render_data[index1])) {
// render_data.splice(index1, 1);
// } else if (this.orderHandle.isLinked(render_data[index1])) {
// delete render_data[index1]['preFlight'];
// delete render_data[index1]['renderPreFlight'];
// render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
// render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
// }
// }
// } else {
// let newFlight = {};
// newFlight['preFlight'] = message;
// newFlight['reaFlight'] = render_data[i]['reaFlight'];
// render_data.splice(i, 1);
render_data[i] = this.flightsRenderTransfer(render_data[i], col_lists);
render_data[i] = this.basicDataTransHandle(render_data[i], airports, citys, airlines, flightStatus, flightTypes);
// render_data.push(newFlight)
}
}
} else {
if (this.orderHandle.isLinked(render_data[index1])) {
let newPreFlight = {},
newReaFlight = {};
// newFlight = this.flightsRenderTransfer(newFlight, col_lists);
// newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
delete render_data[index1]['preFlight']['TAID'];
newPreFlight['preFlight'] = render_data[index1]['preFlight'];
newPreFlight['renderFlight'] = render_data[index1]['renderPreFlight'];
delete render_data[index1]['reaFlight']['TAID'];
newPreFlight['reaFlight'] = render_data[index1]['reaFlight'];
newPreFlight['renderFlight'] = render_data[index1]['renderReaFlight'];
render_data.splice(index1, 1);
render_data.push(newPreFlight);
render_data.push(newReaFlight);
}
}
// let is_satis = true;
// for (const key in filterItems) {
// if (filterItems.hasOwnProperty(key) && filterItems[key]) {
// if (key === 'Abnormal_state') {
// if (newFlight['preFlight'][filterItems[key]]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// } else {
// if (newFlight['preFlight'][key] === filterItems[key]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// }
// }
// }
} else {
if (this.orderHandle.isArriFlight(render_data[index1])) {
render_data.splice(index1, 1);
} else if (this.orderHandle.isLinked(render_data[index1])) {
delete render_data[index1]['preFlight'];
delete render_data[index1]['renderPreFlight'];
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
}
}
} else {
let newFlight = {};
newFlight['preFlight'] = message;
newFlight = this.flightsRenderTransfer(newFlight, col_lists);
newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true;
for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') {
if (newFlight['preFlight'][filterItems[key]]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
} else {
if (newFlight['preFlight'][key] === filterItems[key]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
}
}
}
// let search_satis = true;
// if (LASTSEARCH) {
// if (LAST_SEL_COL) {
// if (newFlight['preFlight'][LAST_SEL_COL]) {
// if (newFlight['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// } else {
// search_satis = false;
// }
// } else {
// search_satis = false;
// }
// } else {
// let cols = col_lists;
// for (let i = 0; i < cols.length; i++) {
// if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
// if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// break;
// } else {
// search_satis = false;
// continue;
// }
// } else {
// search_satis = false;
// continue;
// }
// }
// }
// }
// if (is_satis && search_satis) {
// if (message.TAID) {
// let i = render_data.findIndex(element => {
// if (this.orderHandle.isDeptFlight(element)) {
// if (message.TAID === element['reaFlight']['FLID']) {
// return true;
// } else {
// return false;
// }
// } else {
// return false;
// }
// })
let search_satis = true;
if (LASTSEARCH) {
if (LAST_SEL_COL) {
if (newFlight['preFlight'][LAST_SEL_COL]) {
if (newFlight['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
} else {
search_satis = false;
}
} else {
search_satis = false;
}
} else {
let cols = col_lists;
for (let i = 0; i < cols.length; i++) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
break;
} else {
search_satis = false;
continue;
}
} else {
search_satis = false;
continue;
}
}
}
}
if (is_satis && search_satis) {
if (message.TAID) {
let i = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element)) {
if (message.TAID === element['reaFlight']['FLID']) {
return true;
} else {
return false;
}
} else {
return false;
}
})
// if (i > -1) {
// render_data[i]['preFlight'] = newFlight['preFlight'];
// render_data[i]['renderPreFlight'] = newFlight['renderPreFlight'];
// } else {
// render_data.push(newFlight);
// }
// } else {
// render_data.push(newFlight);
// }
// }
// }
// } else {
// //针对render_data的处理
// let index1 = render_data.findIndex(element => {
// if (this.orderHandle.isDeptFlight(element) || this.orderHandle.isLinked(element)) {
// if (element['reaFlight']['FLID'] === message.FLID) {
// return true;
// } else {
// return false;
// }
// } else {
// return false;
// }
// });
// if (index1 > -1) {
// render_data[index1]['reaFlight'] = message;
// render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
// render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
if (i > -1) {
render_data[i]['preFlight'] = newFlight['preFlight'];
render_data[i]['renderPreFlight'] = newFlight['renderPreFlight'];
} else {
render_data.push(newFlight);
}
} else {
render_data.push(newFlight);
}
}
}
} else {
//针对render_data的处理
let index1 = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element) || this.orderHandle.isLinked(element)) {
if (element['reaFlight']['FLID'] === message.FLID) {
return true;
} else {
return false;
}
} else {
return false;
}
});
if (index1 > -1) {
render_data[index1]['reaFlight'] = message;
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
// let is_satis = true;
// for (const key in filterItems) {
// if (filterItems.hasOwnProperty(key) && filterItems[key]) {
// if (key === 'Abnormal_state') {
// if (render_data[index1]['reaFlight'][filterItems[key]]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// } else {
// if (render_data[index1]['reaFlight'][key] === filterItems[key]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// }
// }
// }
// let search_satis = true;
// if (LASTSEARCH) {
// if (LAST_SEL_COL) {
// if (render_data[index1]['reaFlight'][LAST_SEL_COL]) {
// if (render_data[index1]['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// } else {
// search_satis = false;
// }
// } else {
// search_satis = false;
// }
// } else {
// let cols = col_lists;
// for (let i = 0; i < cols.length; i++) {
// if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']]) {
// if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// break;
// } else {
// search_satis = false;
// continue;
// }
// } else {
// search_satis = false;
// continue;
// }
// }
// }
// }
// if (!is_satis || !search_satis) {
// if (this.orderHandle.isDeptFlight(render_data[index1])) {
// render_data.splice(index1, 1);
// } else if (this.orderHandle.isLinked(render_data[index1])) {
// delete render_data[index1]['reaFlight'];
// delete render_data[index1]['renderReaFlight'];
let is_satis = true;
for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') {
if (render_data[index1]['reaFlight'][filterItems[key]]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
} else {
if (render_data[index1]['reaFlight'][key] === filterItems[key]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
}
}
}
let search_satis = true;
if (LASTSEARCH) {
if (LAST_SEL_COL) {
if (render_data[index1]['reaFlight'][LAST_SEL_COL]) {
if (render_data[index1]['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
} else {
search_satis = false;
}
} else {
search_satis = false;
}
} else {
let cols = col_lists;
for (let i = 0; i < cols.length; i++) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']]) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
break;
} else {
search_satis = false;
continue;
}
} else {
search_satis = false;
continue;
}
}
}
}
if (!is_satis || !search_satis) {
if (this.orderHandle.isDeptFlight(render_data[index1])) {
render_data.splice(index1, 1);
} else if (this.orderHandle.isLinked(render_data[index1])) {
delete render_data[index1]['reaFlight'];
delete render_data[index1]['renderReaFlight'];
// render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
// render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
// }
// }
// } else {
// let newFlight = {};
// newFlight['reaFlight'] = message;
// newFlight = this.flightsRenderTransfer(newFlight, col_lists);
// newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
}
}
} else {
let newFlight = {};
newFlight['reaFlight'] = message;
newFlight = this.flightsRenderTransfer(newFlight, col_lists);
newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true;
for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') {
if (newFlight['reaFlight'][filterItems[key]]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
} else {
if (newFlight['reaFlight'][key] === filterItems[key]) {
is_satis = true;
continue;
} else {
is_satis = false;
break;
}
}
}
}
let search_satis = true;
if (LASTSEARCH) {
if (LAST_SEL_COL) {
if (newFlight['reaFlight'][LAST_SEL_COL]) {
if (newFlight['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
} else {
search_satis = false;
}
} else {
search_satis = false;
}
} else {
let cols = col_lists;
for (let i = 0; i < cols.length; i++) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true;
break;
} else {
search_satis = false;
continue;
}
} else {
search_satis = false;
continue;
}
}
}
}
if (is_satis && search_satis) {
let i = render_data.findIndex(element => {
if (this.orderHandle.isArriFlight(element)) {
if (message.TAID === element['preFlight']['FLID']) {
return true;
} else {
return false;
}
} else {
return false;
}
})
if (i > -1) {
render_data[i]['reaFlight'] = newFlight['reaFlight'];
render_data[i]['renderReaFlight'] = newFlight['renderReaFlight'];
} else {
render_data.push(newFlight);
}
}
}
}
} catch (error) {
console.log('航班号为：' + message.FLNO + ' - 消息有误，处理失败，请检查消息数据');
throw error;
} finally {
return {
'render_data': render_data
}
}
}
// let is_satis = true;
// for (const key in filterItems) {
// if (filterItems.hasOwnProperty(key) && filterItems[key]) {
// if (key === 'Abnormal_state') {
// if (newFlight['reaFlight'][filterItems[key]]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// } else {
// if (newFlight['reaFlight'][key] === filterItems[key]) {
// is_satis = true;
// continue;
// } else {
// is_satis = false;
// break;
// }
// }
// }
// }
// let search_satis = true;
// if (LASTSEARCH) {
// if (LAST_SEL_COL) {
// if (newFlight['reaFlight'][LAST_SEL_COL]) {
// if (newFlight['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// } else {
// search_satis = false;
// }
// } else {
// search_satis = false;
// }
// } else {
// let cols = col_lists;
// for (let i = 0; i < cols.length; i++) {
// if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
// if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
// search_satis = true;
// break;
// } else {
// search_satis = false;
// continue;
// }
// } else {
// search_satis = false;
// continue;
// }
// }
// }
// }
// if (is_satis && search_satis) {
// let i = render_data.findIndex(element => {
// if (this.orderHandle.isArriFlight(element)) {
// if (message.TAID === element['preFlight']['FLID']) {
// return true;
// } else {
// return false;
// }
// } else {
// return false;
// }
// })
// if (i > -1) {
// render_data[i]['reaFlight'] = newFlight['reaFlight'];
// render_data[i]['renderReaFlight'] = newFlight['renderReaFlight'];
// } else {
// render_data.push(newFlight);
// }
// }
// }
// }
// } catch (error) {
// console.log('航班号为：' + message.FLNO + ' - 消息有误，处理失败，请检查消息数据');
// throw error;
// } finally {
// return {
// 'render_data': render_data
// }
// }
// }
}