cdia/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/app.component.ts
+3 -3
View File
@@ -1,12 +1,12 @@
import { Component } from '@angular/core'; import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
template: ` template: `
<router-outlet></router-outlet> <router-outlet></router-outlet>
<toast-box toastAnimation="fancy" toastPosition="toast-top-right"></toast-box> <toast-box toastAnimation="fancy" toastPosition="toast-top-right"></toast-box>
`, `,
}) })
export class AppComponent { export class AppComponent {
title = 'app'; title = 'app';
} }
src/app/components/toast/toast-box.component.scss
+3 -1
View File
@@ -3,6 +3,8 @@
z-index: 22222; z-index: 22222;
margin-top:10px; margin-top:10px;
width:450px; width:450px;
height: 174px;
overflow: hidden
} }
.toast-top-left{ .toast-top-left{
@@ -18,7 +20,7 @@
} }
.toast-top-right{ .toast-top-right{
top:75px; top:45%;
right: 10px right: 10px
} }
src/app/pages/main/main.component.html
+64 -51
View File
@@ -1,5 +1,5 @@
<div class="main-page" #mainPage> <div class="main-page" >
<div class="page-content"> <div class="page-content" #pageContent>
<div class="search-filter mb-3" #searchFilter> <div class="search-filter mb-3" #searchFilter>
<div class="first-condition row"> <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"> <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 [ngClass]="{'filterClose-c':filterClose,'filterClose-o':!filterClose}" class="second-condition mb-3 row">
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">航空公司：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let airline of airlinesSelections" [value]="airline.airlineCodeIata">{{airline.airlineName}}</option> <option *ngFor="let airline of airlinesSelections" [value]="airline.airlineCodeIata">{{airline.airlineName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">航线类别：&nbsp;&nbsp;</label> <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=""></option>
<option value="D">国内</option> <option value="D">国内</option>
<option value="I">国际</option> <option value="I">国际</option>
@@ -43,14 +43,14 @@
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">航班类别：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let type of flightTypeSelections" [value]="type.flightTypeCode">{{type.flightTypeNameCn}}</option> <option *ngFor="let type of flightTypeSelections" [value]="type.flightTypeCode">{{type.flightTypeNameCn}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">到达/出发：</label> <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=""></option>
<option value="A">到达</option> <option value="A">到达</option>
<option value="D">离港</option> <option value="D">离港</option>
@@ -58,21 +58,21 @@
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">运营状态：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let status of flightStatus" [value]="status.sttc">{{status.stdc}}</option> <option *ngFor="let status of flightStatus" [value]="status.sttc">{{status.stdc}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">航站楼：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let terminal of terminals" [value]="terminal.terminalCode">{{terminal.terminalName}}</option> <option *ngFor="let terminal of terminals" [value]="terminal.terminalCode">{{terminal.terminalName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">异常状态：&nbsp;&nbsp;</label> <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=""></option>
<option value="CNCL">取消</option> <option value="CNCL">取消</option>
<option value="DELY">延误</option> <option value="DELY">延误</option>
@@ -82,28 +82,28 @@
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">机坪代理：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">旅客代理：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">维护代理：&nbsp;&nbsp;</label> <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 value=""></option>
<option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">前时间段：&nbsp;&nbsp;</label> <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=""></option>
<option value="1">前1小时</option> <option value="1">前1小时</option>
<option value="2">前2小时</option> <option value="2">前2小时</option>
@@ -121,7 +121,7 @@
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">后时间段：&nbsp;&nbsp;</label> <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=""></option>
<option value="1">后1小时</option> <option value="1">后1小时</option>
<option value="2">后2小时</option> <option value="2">后2小时</option>
@@ -164,43 +164,56 @@
</div> </div>
<div class="airline-table"> <div class="airline-table">
<div #tableContainer id="table-container" class="table-container" [ngClass]="{'table-c': !tabClose,'table-o': tabClose}"> <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>
<thead> <table class="table">
<tr> <colgroup>
<th>序号</th> <col *ngFor="let common_col of commonCol" [width]="common_col.COL_WIDTH">
<th>重要提示</th> <col *ngFor="let airline_col of render_col_lists" [width]="airline_col.COL_WIDTH">
<th>航班ID</th> </colgroup>
<th *ngFor="let airline_col of render_col_lists">{{airline_col.COL_CN}}</th> <thead>
</tr> <tr>
</thead> <th *ngFor="let common_col of commonCol">{{common_col.COL_CN}}</th>
<tbody> <th *ngFor="let airline_col of render_col_lists">{{airline_col.COL_CN}}</th>
<tr *ngFor="let airline_row of render_data;let i = index;last as isLast" (click)="selectRow(airline_row)" </tr>
[ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}"> </thead>
<td>{{i+1}}</td> </table>
<td> </div>
<img class="mr-2" *ngIf="getVipNotes(airline_row)" src="/adminweb/assets/images/important-notes/vip.png" <div class="table-body" #tableBody (scroll)="handleScroll($event)">
alt=""> <div class="list-view-phantom" [ngStyle]="{ 'height': wait_render_data.length * 42 + 'px' }"></div>
<img class="mr-2" *ngIf="getOutplanNotes(airline_row)" src="/adminweb/assets/images/important-notes/out_plan.png" <table #tableContent id="table" class="table table-striped">
alt=""> <colgroup>
<img class="mr-2" *ngIf="getAlternateNotes(airline_row)" src="/adminweb/assets/images/important-notes/alternate.png" <col *ngFor="let common_col of commonCol" [width]="common_col.COL_WIDTH">
alt=""> <col *ngFor="let airline_col of render_col_lists" [width]="airline_col.COL_WIDTH">
<img class="mr-2" *ngIf="getDelay30Notes(airline_row)" src="/adminweb/assets/images/important-notes/delay_30.png" </colgroup>
alt=""> <tbody>
<img class="mr-2" *ngIf="getDelayNotes(airline_row)" src="/adminweb/assets/images/important-notes/delay.png" <tr *ngFor="let airline_row of render_data;let i = index" (click)="selectRow(airline_row)"
alt=""> [ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}">
<img class="mr-2" *ngIf="getReturnNotes(airline_row)" src="/adminweb/assets/images/important-notes/return.png" <td>{{start+i+1}}</td>
alt=""> <td>
<img class="mr-2" *ngIf="getCancleNotes(airline_row)" src="/adminweb/assets/images/important-notes/cancle.png" <img class="mr-2" *ngIf="getVipNotes(airline_row)" src="/adminweb/assets/images/important-notes/vip.png"
alt=""> alt="">
<img class="mr-2" *ngIf="getStopoverNotes(airline_row)" src="/adminweb/assets/images/important-notes/stopover.png" <img class="mr-2" *ngIf="getOutplanNotes(airline_row)" src="/adminweb/assets/images/important-notes/out_plan.png"
alt=""> alt="">
</td> <img class="mr-2" *ngIf="getAlternateNotes(airline_row)" src="/adminweb/assets/images/important-notes/alternate.png"
<td>{{airline_row['renderFlight']['FLID']}}</td> alt="">
<td *ngFor="let airline_col of render_col_lists" [ngClass]="getPosition(airline_col.COL_CODE,airline_row)" <img class="mr-2" *ngIf="getDelay30Notes(airline_row)" src="/adminweb/assets/images/important-notes/delay_30.png"
[ngStyle]="getColor(airline_col.COL_CODE,airline_row)">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td> alt="">
</tr> <img class="mr-2" *ngIf="getDelayNotes(airline_row)" src="/adminweb/assets/images/important-notes/delay.png"
</tbody> alt="">
</table> <img class="mr-2" *ngIf="getReturnNotes(airline_row)" src="/adminweb/assets/images/important-notes/return.png"
alt="">
<img class="mr-2" *ngIf="getCancleNotes(airline_row)" src="/adminweb/assets/images/important-notes/cancle.png"
alt="">
<img class="mr-2" *ngIf="getStopoverNotes(airline_row)" src="/adminweb/assets/images/important-notes/stopover.png"
alt="">
</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)" [title]="airline_row['renderFlight'][airline_col.COL_CODE]">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
</tr>
</tbody>
</table>
</div>
</div> </div>
<div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}"> <div class="airline-message" [ngClass]="{'tab-c': tabClose,'tab-o': !tabClose}">
<nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false"> <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" [nzShowPagination]="false">
src/app/pages/main/main.component.scss
+68 -31
View File
@@ -7,6 +7,7 @@
background-color: #fff; background-color: #fff;
.page-content { .page-content {
border: 1px solid #ccc; border: 1px solid #ccc;
height: 100%;
padding: 10px 20px; padding: 10px 20px;
.search-filter { .search-filter {
position: relative; position: relative;
@@ -24,7 +25,8 @@
} }
} }
} }
.second-condition,.third-condition{ .second-condition,
.third-condition {
display: none; display: none;
} }
.input-container { .input-container {
@@ -34,50 +36,85 @@
display: inline-block; display: inline-block;
} }
} }
.filterClose-c{ .filterClose-c {
display: none; display: none;
} }
.filterClose-o{ .filterClose-o {
display: flex; display: flex;
} }
} }
.airline-table { .airline-table {
.table-container { .table-container {
display: inline-block; display: inline-block;
// border: 1px solid #ccc; // position: relative;
width: 100%; width: 100%;
height: 700px; // overflow-x: auto;
overflow: auto; overflow-y: hidden;
box-shadow: 0 0 1px 0.5px #ddd; box-shadow: 0 0 1px 0.5px #ddd;
table { .table-head {
width: max-content; overflow: hidden;
tr { overflow-y: scroll;
cursor: pointer; height: 42px;
&.selected { table {
background: rgb(181, 215, 255); margin: 0;
width: max-content;
th {
background-color: #ddd;
color: rgb(0, 0, 255);
} }
} }
th { &::-webkit-scrollbar {
background-color: #ddd; width: 15px;
color: rgb(0, 0, 255); height: 15px;
} }
// th,td{
// // border: none;
// // text-align: center;
// }
} }
&::-webkit-scrollbar {
width: 15px; .table-body {
height: 15px; position: relative;
} // height: 600px;
&::-webkit-scrollbar-thumb { overflow: auto;
/*滚动条里面小方块*/ width: 100%;
background: rgba(165, 207, 222, 1); .list-view-phantom {
border-radius: 10px; position: absolute;
} left: 0;
&::-webkit-scrollbar-track { top: 0;
background: rgba(0, 0, 0, 0.06); right: 0;
border-radius: 10px; 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;
height: 15px;
}
&::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
background: rgba(165, 207, 222, 1);
border-radius: 10px;
}
&::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.06);
border-radius: 10px;
}
} }
} }
.airline-message { .airline-message {
src/app/pages/main/main.component.ts
+481 -421
View File
File diff suppressed because it is too large Load Diff
src/app/pages/system-management/personal-settings/personal-settings.component.ts
+253 -254
View File
@@ -6,203 +6,203 @@ declare var $: any;
declare var jQuery: any; declare var jQuery: any;
@Component({ @Component({
selector: 'app-personal-settings', selector: 'app-personal-settings',
templateUrl: './personal-settings.component.html', templateUrl: './personal-settings.component.html',
styleUrls: ['./personal-settings.component.scss','../../main.scss'], styleUrls: ['./personal-settings.component.scss', '../../main.scss'],
providers:[HttpClientService] providers: [HttpClientService]
}) })
export class PersonalSettingsComponent implements OnInit { export class PersonalSettingsComponent implements OnInit {
public list: any[] = []; //原始数据项 public list: any[] = []; //原始数据项
public sourceList: any[] = []; //临时数据项-可选项 public sourceList: any[] = []; //临时数据项-可选项
public targetList:any=[]; //临时数据项-已选项 public targetList: any = []; //临时数据项-已选项
public disableRight:any=true; //单个右移控制按钮可选状态 true 禁止选择 false可选择 public disableRight: any = true; //单个右移控制按钮可选状态 true 禁止选择 false可选择
public disabledLeft:any=true; //单个左移控制按钮可选状态 true 禁止选择 false可选择 public disabledLeft: any = true; //单个左移控制按钮可选状态 true 禁止选择 false可选择
public disableUp:any=true; //上移控制按钮可选状态 true 禁止选择 false可选择 public disableUp: any = true; //上移控制按钮可选状态 true 禁止选择 false可选择
public disableDown:any=true; //下移控制按钮可选状态 true 禁止选择 false可选择 public disableDown: any = true; //下移控制按钮可选状态 true 禁止选择 false可选择
public disabledUpTop:any=true; //置顶控制按钮可选状态 true 禁止选择 false可选择 public disabledUpTop: any = true; //置顶控制按钮可选状态 true 禁止选择 false可选择
public disabledDownBtm:any=true; //最低控制按钮可选状态 true 禁止选择 false可选择 public disabledDownBtm: any = true; //最低控制按钮可选状态 true 禁止选择 false可选择
public selectedType:any=''; //当前选中项所在项目 1在可选项 2在已选项框 public selectedType: any = ''; //当前选中项所在项目 1在可选项 2在已选项框
public moveIndex:any='false'; public moveIndex: any = 'false';
public search:any={ public search: any = {
page_index:'1', page_index: '1',
page_size:'10', page_size: '10',
role_name:'', role_name: '',
} }
public defaultCols:any=[]; //默认的全部列 public defaultCols: any = []; //默认的全部列
public colsData:any=''; public colsData: any = '';
isLoadingSave:any=false; isLoadingSave: any = false;
statusParamsData:any={ //获取接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据 statusParamsData: any = { //获取接口的状态，0请求失败 1请求前 2请求中 3请求成功，有数据 4请求成功，无数据
status:1, status: 1,
} }
constructor( constructor(
private http:HttpClientService, private http: HttpClientService,
private message: NzMessageService, private message: NzMessageService,
) { } ) { }
ngOnInit() { ngOnInit() {
// 页面监听 动态改变表单高度 // 页面监听 动态改变表单高度
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); $('#main-box').css('height', (document.documentElement.clientHeight - 106 + 'px'));
$(window).resize(function(){ $(window).resize(function () {
$('#main-box').css('height',(document.documentElement.clientHeight-106+'px')); $('#main-box').css('height', (document.documentElement.clientHeight - 106 + 'px'));
}) })
//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.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=[ this.defaultCols = [
{"COL_CODE":"ACFT", "COL_CN":"机型", "COL_ORDER":"1"}, { "COL_CODE": "ACFT", "COL_CN": "机型", "COL_ORDER": "1", "COL_WIDTH": "85px" },
{"COL_CODE":"GCTM", "COL_CN":"登机结束", "COL_ORDER":"2"}, { "COL_CODE": "GCTM", "COL_CN": "登机结束", "COL_ORDER": "2", "COL_WIDTH": "85px" },
{"COL_CODE":"BOTM", "COL_CN":"登机开始", "COL_ORDER":"3"}, { "COL_CODE": "BOTM", "COL_CN": "登机开始", "COL_ORDER": "3", "COL_WIDTH": "85px" },
{"COL_CODE":"ABDG", "COL_CN":"登机桥", "COL_ORDER":"4"}, { "COL_CODE": "ABDG", "COL_CN": "登机桥", "COL_ORDER": "4", "COL_WIDTH": "120px" },
{"COL_CODE":"AOTM_D", "COL_CN":"撤桥时间", "COL_ORDER":"5"}, { "COL_CODE": "AOTM_D", "COL_CN": "撤桥时间", "COL_ORDER": "5", "COL_WIDTH": "85px" },
{"COL_CODE":"AOTM_A", "COL_CN":"靠桥时间", "COL_ORDER":"6"}, { "COL_CODE": "AOTM_A", "COL_CN": "靠桥时间", "COL_ORDER": "6", "COL_WIDTH": "85px" },
{"COL_CODE":"BELT", "COL_CN":"转盘号", "COL_ORDER":"7"}, { "COL_CODE": "BELT", "COL_CN": "转盘号", "COL_ORDER": "7", "COL_WIDTH": "120px" },
{"COL_CODE":"CHKC", "COL_CN":"值机柜台", "COL_ORDER":"8"}, { "COL_CODE": "CHKC", "COL_CN": "值机柜台", "COL_ORDER": "8", "COL_WIDTH": "120px" },
{"COL_CODE":"CCTM", "COL_CN":"值机结束", "COL_ORDER":"9"}, { "COL_CODE": "CCTM", "COL_CN": "值机结束", "COL_ORDER": "9", "COL_WIDTH": "85px" },
{"COL_CODE":"COTM", "COL_CN":"值机开始", "COL_ORDER":"10"}, { "COL_CODE": "COTM", "COL_CN": "值机开始", "COL_ORDER": "10", "COL_WIDTH": "85px" },
{"COL_CODE":"CHTM_OFF", "COL_CN":"下轮挡", "COL_ORDER":"11"}, { "COL_CODE": "CHTM_OFF", "COL_CN": "下轮挡", "COL_ORDER": "11", "COL_WIDTH": "85px" },
{"COL_CODE":"CHTM_ON", "COL_CN":"上轮挡", "COL_ORDER":"12"}, { "COL_CODE": "CHTM_ON", "COL_CN": "上轮挡", "COL_ORDER": "12", "COL_WIDTH": "85px" },
{"COL_CODE":"LACL", "COL_CN":"最后通知时间", "COL_ORDER":"13"}, { "COL_CODE": "LACL", "COL_CN": "最后通知时间", "COL_ORDER": "13", "COL_WIDTH": "120px" },
{"COL_CODE":"CHUT", "COL_CN":"行李传送带", "COL_ORDER":"14"}, { "COL_CODE": "CHUT", "COL_CN": "行李传送带", "COL_ORDER": "14", "COL_WIDTH": "120px" },
{"COL_CODE":"RENO", "COL_CN":"飞机号", "COL_ORDER":"15"}, { "COL_CODE": "RENO", "COL_CN": "飞机号", "COL_ORDER": "15", "COL_WIDTH": "120px" },
{"COL_CODE":"ALCD", "COL_CN":"航空公司", "COL_ORDER":"16"}, { "COL_CODE": "ALCD", "COL_CN": "航空公司", "COL_ORDER": "16", "COL_WIDTH": "185px" },
{"COL_CODE":"ACTT", "COL_CN":"实际到达／出发", "COL_ORDER":"17"}, { "COL_CODE": "ACTT", "COL_CN": "实际到达／出发", "COL_ORDER": "17", "COL_WIDTH": "120px" },
{"COL_CODE":"PSST", "COL_CN":"计划机位", "COL_ORDER":"18"}, { "COL_CODE": "PSST", "COL_CN": "计划机位", "COL_ORDER": "18", "COL_WIDTH": "120px" },
{"COL_CODE":"ESTT", "COL_CN":"预计到达／出发 ", "COL_ORDER":"19"}, { "COL_CODE": "ESTT", "COL_CN": "预计到达／出发 ", "COL_ORDER": "19", "COL_WIDTH": "120px" },
{"COL_CODE":"MVIN", "COL_CN":"到达/出发", "COL_ORDER":"20"}, { "COL_CODE": "MVIN", "COL_CN": "到达/出发", "COL_ORDER": "20", "COL_WIDTH": "85px" },
{"COL_CODE":"ERUT", "COL_CN":"航线", "COL_ORDER":"21"}, { "COL_CODE": "ERUT", "COL_CN": "航线", "COL_ORDER": "21", "COL_WIDTH": "245px" },
{"COL_CODE":"FLNO", "COL_CN":"航班号", "COL_ORDER":"22"}, { "COL_CODE": "FLNO", "COL_CN": "航班号", "COL_ORDER": "22", "COL_WIDTH": "140px" },
{"COL_CODE":"FTSS", "COL_CN":"运营状态", "COL_ORDER":"23"}, { "COL_CODE": "FTSS", "COL_CN": "运营状态", "COL_ORDER": "23", "COL_WIDTH": "120px" },
{"COL_CODE":"FLIN", "COL_CN":"航线类别", "COL_ORDER":"24"}, { "COL_CODE": "FLIN", "COL_CN": "航线类别", "COL_ORDER": "24", "COL_WIDTH": "120px" },
{"COL_CODE":"SODT", "COL_CN":"计划到达／出发", "COL_ORDER":"25"}, { "COL_CODE": "SODT", "COL_CN": "计划到达／出发", "COL_ORDER": "25", "COL_WIDTH": "120px" },
{"COL_CODE":"TRML", "COL_CN":"航站楼", "COL_ORDER":"26"}, { "COL_CODE": "TRML", "COL_CN": "航站楼", "COL_ORDER": "26", "COL_WIDTH": "120px" },
{"COL_CODE":"FLTY", "COL_CN":"航班类别", "COL_ORDER":"27"}, { "COL_CODE": "FLTY", "COL_CN": "航班类别", "COL_ORDER": "27", "COL_WIDTH": "120px" },
{"COL_CODE":"GTDT", "COL_CN":"登机门号 ", "COL_ORDER":"28"}, { "COL_CODE": "GTDT", "COL_CN": "登机门号 ", "COL_ORDER": "28", "COL_WIDTH": "120px" },
{"COL_CODE":"PADT", "COL_CN":"前站起飞时间", "COL_ORDER":"29"}, { "COL_CODE": "PADT", "COL_CN": "前站起飞时间", "COL_ORDER": "29", "COL_WIDTH": "85px" },
{"COL_CODE":"CSFT", "COL_CN":"共享航班号", "COL_ORDER":"30"}, { "COL_CODE": "CSFT", "COL_CN": "共享航班号", "COL_ORDER": "30", "COL_WIDTH": "85px" },
{"COL_CODE":"STND", "COL_CN":"当前机位", "COL_ORDER":"31"}, { "COL_CODE": "STND", "COL_CN": "当前机位", "COL_ORDER": "31", "COL_WIDTH": "85px" },
] ]
/* /*
备注：实际数据中，把原始数据录入到临时变量中，方便取消按钮，重置数据 备注：实际数据中，把原始数据录入到临时变量中，方便取消按钮，重置数据
这里数组复制不能用浅复制sourceList=list;而是要用深度复制，this.sourceList=[...this.list] 这里数组复制不能用浅复制sourceList=list;而是要用深度复制，this.sourceList=[...this.list]
*/ */
this.queryTable(); this.queryTable();
} }
//对象数组深度复制 //对象数组深度复制
deepCopy(data){ deepCopy(data) {
let itemObj={}; let itemObj = {};
for(let key in data){ for (let key in data) {
itemObj[key]=data[key]; itemObj[key] = data[key];
} }
return itemObj; return itemObj;
} }
//数组深度复制构造 //数组深度复制构造
listsCope(sourceList,targetList){ listsCope(sourceList, targetList) {
sourceList.forEach(item=>{ sourceList.forEach(item => {
let option=this.deepCopy(item); let option = this.deepCopy(item);
targetList.push(option); targetList.push(option);
}) })
} }
//上下调整项目顺序 type 1上移 2下移 3置顶 4置底 要做头尾判断 //上下调整项目顺序 type 1上移 2下移 3置顶 4置底 要做头尾判断
moveUpDown(type){ moveUpDown(type) {
let index=this.moveIndex; let index = this.moveIndex;
if(type==1){ if (type == 1) {
this.targetList[index] = this.targetList.splice(index-1, 1, this.targetList[index])[0]; this.targetList[index] = this.targetList.splice(index - 1, 1, this.targetList[index])[0];
this.moveIndex--; this.moveIndex--;
}else if(type==2){ } else if (type == 2) {
this.targetList[index] = this.targetList.splice(index+1, 1, this.targetList[index])[0]; this.targetList[index] = this.targetList.splice(index + 1, 1, this.targetList[index])[0];
this.moveIndex++; this.moveIndex++;
}else if(type==3){ } else if (type == 3) {
let item=this.targetList[index]; let item = this.targetList[index];
this.targetList.splice(index,1) this.targetList.splice(index, 1)
this.targetList.unshift(item); this.targetList.unshift(item);
this.moveIndex=0; this.moveIndex = 0;
}else if(type==4){ } else if (type == 4) {
this.targetList.push(this.targetList[index]); this.targetList.push(this.targetList[index]);
this.targetList.splice(index,1); this.targetList.splice(index, 1);
this.moveIndex=this.targetList.length-1; this.moveIndex = this.targetList.length - 1;
} }
this.btnStatusContrl(); this.btnStatusContrl();
} }
//左右选择项目 type 1右移 2左移 3全部右移 4全部左移 //左右选择项目 type 1右移 2左移 3全部右移 4全部左移
moveCross(type){ moveCross(type) {
let index=this.moveIndex; let index = this.moveIndex;
if(type==1){ if (type == 1) {
let item=this.sourceList[index]; let item = this.sourceList[index];
this.sourceList.splice(index,1) this.sourceList.splice(index, 1)
this.targetList.push(item); this.targetList.push(item);
if(this.sourceList.length==0){ if (this.sourceList.length == 0) {
this.disableRight=true; this.disableRight = true;
} }
}else if(type==2){ } else if (type == 2) {
let item=this.targetList[index]; let item = this.targetList[index];
this.targetList.splice(index,1) this.targetList.splice(index, 1)
this.sourceList.push(item); this.sourceList.push(item);
if(this.targetList.length==0){ if (this.targetList.length == 0) {
this.disabledLeft=true; this.disabledLeft = true;
} }
}else if(type==3){ } else if (type == 3) {
this.sourceList.forEach(item=>{ this.sourceList.forEach(item => {
this.targetList.push(item) this.targetList.push(item)
}) })
this.sourceList=[]; this.sourceList = [];
}else if(type==4){ } else if (type == 4) {
this.targetList.forEach(item=>{ this.targetList.forEach(item => {
this.sourceList.push(item) this.sourceList.push(item)
}) })
this.targetList=[]; this.targetList = [];
} }
this.moveIndex='false'; this.moveIndex = 'false';
this.selectedType=''; this.selectedType = '';
this.disabledLeft=true; this.disabledLeft = true;
this.disableRight=true; this.disableRight = true;
this.sortBtnDisabled(); this.sortBtnDisabled();
} }
//选中选框中的项 type 1可选框的项 2已选框的项 //选中选框中的项 type 1可选框的项 2已选框的项
selectNode(item,index,type){ selectNode(item, index, type) {
this.selectedType=type; this.selectedType = type;
this.moveIndex=index; this.moveIndex = index;
if(type==1){ if (type == 1) {
this.disabledLeft=true; this.disabledLeft = true;
this.disableRight=false; this.disableRight = false;
this.sortBtnDisabled(); this.sortBtnDisabled();
}else if(type==2){ } else if (type == 2) {
this.disableRight=true; this.disableRight = true;
this.disabledLeft=false; this.disabledLeft = false;
this.btnStatusContrl(); this.btnStatusContrl();
} }
} }
//右侧上下移懂按钮禁用状态控制 //右侧上下移懂按钮禁用状态控制
btnStatusContrl(){ btnStatusContrl() {
let len=this.targetList.length; let len = this.targetList.length;
if(len<2){ if (len < 2) {
this.disabledUpTop=true; this.disabledUpTop = true;
this.disableDown=true; this.disableDown = true;
} }
if(this.moveIndex==0){ if (this.moveIndex == 0) {
this.disabledUpTop=true; this.disabledUpTop = true;
this.disableUp=true; this.disableUp = true;
}else{ } else {
this.disabledUpTop=false this.disabledUpTop = false
this.disableUp=false; this.disableUp = false;
} }
if(this.moveIndex==len-1){ if (this.moveIndex == len - 1) {
this.disabledDownBtm=true; this.disabledDownBtm = true;
this.disableDown=true; this.disableDown = true;
}else{ } else {
this.disabledDownBtm=false; this.disabledDownBtm = false;
this.disableDown=false; this.disableDown = false;
} }
} }
//排序按钮状态统一控制 //排序按钮状态统一控制
sortBtnDisabled(){ sortBtnDisabled() {
this.disableDown=true; this.disableDown = true;
this.disableUp=true; this.disableUp = true;
this.disabledDownBtm=true; this.disabledDownBtm = true;
this.disabledUpTop=true; this.disabledUpTop = true;
} }
//保存-自定义列显示保存 //保存-自定义列显示保存
/* /*
各模块groupCode命名定义 各模块groupCode命名定义
groupCode:'userSettingColor', groupCode:'userSettingColor',
@@ -211,72 +211,71 @@ export class PersonalSettingsComponent implements OnInit {
groupCode:'userSettingMsgVoice', groupCode:'userSettingMsgVoice',
groupCode:'userSettingFlyAgency', groupCode:'userSettingFlyAgency',
*/ */
saveSelf(){ saveSelf() {
this.sourceList.forEach((item,index)=>{ this.sourceList.forEach((item, index) => {
item.COL_ORDER=index+1 item.COL_ORDER = index + 1
}) })
this.targetList.forEach((item,index)=>{ this.targetList.forEach((item, index) => {
item.COL_ORDER=index+1 item.COL_ORDER = index + 1
}) })
let content={ let content = {
defaultData:this.defaultCols, defaultData: this.defaultCols,
sourceList:this.sourceList, sourceList: this.sourceList,
targetList:this.targetList, targetList: this.targetList,
} }
let settingContent=JSON.stringify(content); let settingContent = JSON.stringify(content);
let params:any={ let params: any = {
envCode:'web', envCode: 'web',
groupCode:'userSettingCol', groupCode: 'userSettingCol',
settingContent:settingContent, settingContent: settingContent,
} }
this.isLoadingSave=true; this.isLoadingSave = true;
this.http.post('/adminapi/settings/uisettings',params).subscribe((json)=>{ this.http.post('/adminapi/settings/uisettings', params).subscribe((json) => {
this.isLoadingSave=false; this.isLoadingSave = false;
if(json.is_success){ if (json.is_success) {
this.message.success(`保存成功!`); this.message.success(`保存成功!`);
this.queryTable(); this.queryTable();
}else{ } else {
this.message.error(`保存失败!`); this.message.error(`保存失败!`);
} }
}) })
} }
//重置数据 //重置数据
cancelSelf(){ cancelSelf() {
this.queryTable(); this.queryTable();
} }
//获取列表 //获取列表
queryTable():void{ queryTable(): void {
this.statusParamsData.status=1; this.statusParamsData.status = 1;
this.list=[]; this.list = [];
this.sourceList=[]; this.sourceList = [];
this.targetList=[]; this.targetList = [];
this.colsData=''; this.colsData = '';
this.http.get('/adminapi/settings/uisettings',{groupCode:'userSettingCol'}).subscribe((json)=>{ this.http.get('/adminapi/settings/uisettings', { groupCode: 'userSettingCol' }).subscribe((json) => {
if(json.is_success){ if (json.is_success) {
this.statusParamsData.status=3; this.statusParamsData.status = 3;
let data=json.body; let data = json.body;
this.colsData=json.body; this.colsData = json.body;
//当data为空是，初始化 //当data为空是，初始化
this.listsCope(this.defaultCols,this.list); this.listsCope(this.defaultCols, this.list);
//判断data是否为空，空的时候则为最初的初始化；如果不为空，则有设置过个人设置的某个模块 //判断data是否为空，空的时候则为最初的初始化；如果不为空，则有设置过个人设置的某个模块
if(data&&data.length>0){ if (data && data.length > 0) {
data.forEach(item=>{ data.forEach(item => {
if(item.settingContent){ if (item.settingContent) {
let content=JSON.parse(item.settingContent); let content = JSON.parse(item.settingContent);
this.listsCope(content.sourceList,this.sourceList); this.listsCope(content.sourceList, this.sourceList);
this.listsCope(content.targetList,this.targetList); this.listsCope(content.targetList, this.targetList);
}else{ } else {
this.listsCope(this.list,this.sourceList); this.listsCope(this.list, this.sourceList);
} }
}) })
}else{ } else {
//接口数据为空，说明各个模块设置都为未初始化,可选项则为默认全部列 //接口数据为空，说明各个模块设置都为未初始化,可选项则为默认全部列
this.listsCope(this.list,this.sourceList); this.listsCope(this.list, this.sourceList);
} }
}else{ } else {
this.statusParamsData.status=0; this.statusParamsData.status = 0;
} }
}) })
} }
} }
src/app/utils/flights-data-handle.ts
+373 -373
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 { // try {
if (message.MVIN === 'A') { // if (message.MVIN === 'A') {
//针对render_data的处理 // //针对render_data的处理
let index1 = render_data.findIndex(element => { // let index1 = render_data.findIndex(element => {
if (this.orderHandle.isArriFlight(element) || this.orderHandle.isLinked(element)) { // if (this.orderHandle.isArriFlight(element) || this.orderHandle.isLinked(element)) {
if (element['preFlight']['FLID'] === message.FLID) { // if (element['preFlight']['FLID'] === message.FLID) {
return true; // return true;
} else { // } else {
return false; // return false;
} // }
} else { // } else {
return false; // return false;
} // }
}) // })
if (index1 > -1) { // if (index1 > -1) {
render_data[index1]['preFlight'] = message; // render_data[index1]['preFlight'] = message;
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists); // render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes); // render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true; // let is_satis = true;
for (const key in filterItems) { // for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) { // if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') { // if (key === 'Abnormal_state') {
if (render_data[index1]['preFlight'][filterItems[key]]) { // if (render_data[index1]['preFlight'][filterItems[key]]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} else { // } else {
if (render_data[index1]['preFlight'][key] === filterItems[key]) { // if (render_data[index1]['preFlight'][key] === filterItems[key]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} // }
} // }
} // }
let search_satis = true; // let search_satis = true;
if (LASTSEARCH) { // if (LASTSEARCH) {
if (LAST_SEL_COL) { // if (LAST_SEL_COL) {
if (render_data[index1]['preFlight'][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'))) { // if (render_data[index1]['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
let cols = col_lists; // let cols = col_lists;
for (let i = 0; i < cols.length; i++) { // 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']]) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
break; // break;
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} // }
} // }
} // }
if (is_satis && search_satis) { // if (is_satis && search_satis) {
// if (message.UPTP === 'FLOP-TAOP') { // // if (message.UPTP === 'FLOP-TAOP') {
if (message.TAID) { // if (message.TAID) {
if (this.orderHandle.isArriFlight(render_data[index1])) { // if (this.orderHandle.isArriFlight(render_data[index1])) {
let i = render_data.findIndex(element => { // let i = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element)) { // if (this.orderHandle.isDeptFlight(element)) {
if (message.TAID === element['reaFlight']['FLID']) { // if (message.TAID === element['reaFlight']['FLID']) {
return true; // return true;
} else { // } else {
return false; // return false;
} // }
} else { // } else {
return false; // return false;
} // }
}) // })
if (i > -1) { // if (i > -1) {
// render_data.splice(index1, 1); // // render_data.splice(index1, 1);
render_data[i]['reaFlight']['TAID'] = message.FLID; // render_data[i]['reaFlight']['TAID'] = message.FLID;
render_data[i]['preFlight'] = message; // render_data[i]['preFlight'] = message;
render_data.splice(index1, 1); // render_data.splice(index1, 1);
// let newFlight = {}; // // let newFlight = {};
// newFlight['preFlight'] = message; // // newFlight['preFlight'] = message;
// newFlight['reaFlight'] = render_data[i]['reaFlight']; // // newFlight['reaFlight'] = render_data[i]['reaFlight'];
// render_data.splice(i, 1); // // render_data.splice(i, 1);
render_data[i] = this.flightsRenderTransfer(render_data[i], col_lists); // 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[i] = this.basicDataTransHandle(render_data[i], airports, citys, airlines, flightStatus, flightTypes);
// render_data.push(newFlight) // // render_data.push(newFlight)
} // }
} // }
} else { // } else {
if (this.orderHandle.isLinked(render_data[index1])) { // if (this.orderHandle.isLinked(render_data[index1])) {
let newPreFlight = {}, // let newPreFlight = {},
newReaFlight = {}; // newReaFlight = {};
delete render_data[index1]['preFlight']['TAID']; // delete render_data[index1]['preFlight']['TAID'];
newPreFlight['preFlight'] = render_data[index1]['preFlight']; // newPreFlight['preFlight'] = render_data[index1]['preFlight'];
newPreFlight['renderFlight'] = render_data[index1]['renderPreFlight']; // newPreFlight['renderFlight'] = render_data[index1]['renderPreFlight'];
delete render_data[index1]['reaFlight']['TAID']; // delete render_data[index1]['reaFlight']['TAID'];
newPreFlight['reaFlight'] = render_data[index1]['reaFlight']; // newPreFlight['reaFlight'] = render_data[index1]['reaFlight'];
newPreFlight['renderFlight'] = render_data[index1]['renderReaFlight']; // newPreFlight['renderFlight'] = render_data[index1]['renderReaFlight'];
render_data.splice(index1, 1); // render_data.splice(index1, 1);
render_data.push(newPreFlight); // render_data.push(newPreFlight);
render_data.push(newReaFlight); // render_data.push(newReaFlight);
} // }
} // }
// } // // }
} else { // } else {
if (this.orderHandle.isArriFlight(render_data[index1])) { // if (this.orderHandle.isArriFlight(render_data[index1])) {
render_data.splice(index1, 1); // render_data.splice(index1, 1);
} else if (this.orderHandle.isLinked(render_data[index1])) { // } else if (this.orderHandle.isLinked(render_data[index1])) {
delete render_data[index1]['preFlight']; // delete render_data[index1]['preFlight'];
delete render_data[index1]['renderPreFlight']; // delete render_data[index1]['renderPreFlight'];
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists); // render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes); // render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
} // }
} // }
} else { // } else {
let newFlight = {}; // let newFlight = {};
newFlight['preFlight'] = message; // newFlight['preFlight'] = message;
newFlight = this.flightsRenderTransfer(newFlight, col_lists); // newFlight = this.flightsRenderTransfer(newFlight, col_lists);
newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes); // newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true; // let is_satis = true;
for (const key in filterItems) { // for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) { // if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') { // if (key === 'Abnormal_state') {
if (newFlight['preFlight'][filterItems[key]]) { // if (newFlight['preFlight'][filterItems[key]]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} else { // } else {
if (newFlight['preFlight'][key] === filterItems[key]) { // if (newFlight['preFlight'][key] === filterItems[key]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} // }
} // }
} // }
let search_satis = true; // let search_satis = true;
if (LASTSEARCH) { // if (LASTSEARCH) {
if (LAST_SEL_COL) { // if (LAST_SEL_COL) {
if (newFlight['preFlight'][LAST_SEL_COL]) { // if (newFlight['preFlight'][LAST_SEL_COL]) {
if (newFlight['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (newFlight['preFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
let cols = col_lists; // let cols = col_lists;
for (let i = 0; i < cols.length; i++) { // for (let i = 0; i < cols.length; i++) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']]) { // if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
break; // break;
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} // }
} // }
} // }
if (is_satis && search_satis) { // if (is_satis && search_satis) {
if (message.TAID) { // if (message.TAID) {
let i = render_data.findIndex(element => { // let i = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element)) { // if (this.orderHandle.isDeptFlight(element)) {
if (message.TAID === element['reaFlight']['FLID']) { // if (message.TAID === element['reaFlight']['FLID']) {
return true; // return true;
} else { // } else {
return false; // return false;
} // }
} else { // } else {
return false; // return false;
} // }
}) // })
if (i > -1) { // if (i > -1) {
render_data[i]['preFlight'] = newFlight['preFlight']; // render_data[i]['preFlight'] = newFlight['preFlight'];
render_data[i]['renderPreFlight'] = newFlight['renderPreFlight']; // render_data[i]['renderPreFlight'] = newFlight['renderPreFlight'];
} else { // } else {
render_data.push(newFlight); // render_data.push(newFlight);
} // }
} else { // } else {
render_data.push(newFlight); // render_data.push(newFlight);
} // }
} // }
} // }
} else { // } else {
//针对render_data的处理 // //针对render_data的处理
let index1 = render_data.findIndex(element => { // let index1 = render_data.findIndex(element => {
if (this.orderHandle.isDeptFlight(element) || this.orderHandle.isLinked(element)) { // if (this.orderHandle.isDeptFlight(element) || this.orderHandle.isLinked(element)) {
if (element['reaFlight']['FLID'] === message.FLID) { // if (element['reaFlight']['FLID'] === message.FLID) {
return true; // return true;
} else { // } else {
return false; // return false;
} // }
} else { // } else {
return false; // return false;
} // }
}); // });
if (index1 > -1) { // if (index1 > -1) {
render_data[index1]['reaFlight'] = message; // render_data[index1]['reaFlight'] = message;
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists); // render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes); // render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true; // let is_satis = true;
for (const key in filterItems) { // for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) { // if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') { // if (key === 'Abnormal_state') {
if (render_data[index1]['reaFlight'][filterItems[key]]) { // if (render_data[index1]['reaFlight'][filterItems[key]]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} else { // } else {
if (render_data[index1]['reaFlight'][key] === filterItems[key]) { // if (render_data[index1]['reaFlight'][key] === filterItems[key]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} // }
} // }
} // }
let search_satis = true; // let search_satis = true;
if (LASTSEARCH) { // if (LASTSEARCH) {
if (LAST_SEL_COL) { // if (LAST_SEL_COL) {
if (render_data[index1]['reaFlight'][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'))) { // if (render_data[index1]['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
let cols = col_lists; // let cols = col_lists;
for (let i = 0; i < cols.length; i++) { // 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']]) {
if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (render_data[index1]['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
break; // break;
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} // }
} // }
} // }
if (!is_satis || !search_satis) { // if (!is_satis || !search_satis) {
if (this.orderHandle.isDeptFlight(render_data[index1])) { // if (this.orderHandle.isDeptFlight(render_data[index1])) {
render_data.splice(index1, 1); // render_data.splice(index1, 1);
} else if (this.orderHandle.isLinked(render_data[index1])) { // } else if (this.orderHandle.isLinked(render_data[index1])) {
delete render_data[index1]['reaFlight']; // delete render_data[index1]['reaFlight'];
delete render_data[index1]['renderReaFlight']; // delete render_data[index1]['renderReaFlight'];
render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists); // render_data[index1] = this.flightsRenderTransfer(render_data[index1], col_lists);
render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes); // render_data[index1] = this.basicDataTransHandle(render_data[index1], airports, citys, airlines, flightStatus, flightTypes);
} // }
} // }
} else { // } else {
let newFlight = {}; // let newFlight = {};
newFlight['reaFlight'] = message; // newFlight['reaFlight'] = message;
newFlight = this.flightsRenderTransfer(newFlight, col_lists); // newFlight = this.flightsRenderTransfer(newFlight, col_lists);
newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes); // newFlight = this.basicDataTransHandle(newFlight, airports, citys, airlines, flightStatus, flightTypes);
let is_satis = true; // let is_satis = true;
for (const key in filterItems) { // for (const key in filterItems) {
if (filterItems.hasOwnProperty(key) && filterItems[key]) { // if (filterItems.hasOwnProperty(key) && filterItems[key]) {
if (key === 'Abnormal_state') { // if (key === 'Abnormal_state') {
if (newFlight['reaFlight'][filterItems[key]]) { // if (newFlight['reaFlight'][filterItems[key]]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} else { // } else {
if (newFlight['reaFlight'][key] === filterItems[key]) { // if (newFlight['reaFlight'][key] === filterItems[key]) {
is_satis = true; // is_satis = true;
continue; // continue;
} else { // } else {
is_satis = false; // is_satis = false;
break; // break;
} // }
} // }
} // }
} // }
let search_satis = true; // let search_satis = true;
if (LASTSEARCH) { // if (LASTSEARCH) {
if (LAST_SEL_COL) { // if (LAST_SEL_COL) {
if (newFlight['reaFlight'][LAST_SEL_COL]) { // if (newFlight['reaFlight'][LAST_SEL_COL]) {
if (newFlight['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (newFlight['reaFlight'][LAST_SEL_COL].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
} // }
} else { // } else {
let cols = col_lists; // let cols = col_lists;
for (let i = 0; i < cols.length; i++) { // for (let i = 0; i < cols.length; i++) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']]) { // if (newFlight['renderFlight'][cols[i]['COL_CODE']]) {
if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) { // if (newFlight['renderFlight'][cols[i]['COL_CODE']].toString().match(new RegExp(LASTSEARCH, 'i'))) {
search_satis = true; // search_satis = true;
break; // break;
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} else { // } else {
search_satis = false; // search_satis = false;
continue; // continue;
} // }
} // }
} // }
} // }
if (is_satis && search_satis) { // if (is_satis && search_satis) {
let i = render_data.findIndex(element => { // let i = render_data.findIndex(element => {
if (this.orderHandle.isArriFlight(element)) { // if (this.orderHandle.isArriFlight(element)) {
if (message.TAID === element['preFlight']['FLID']) { // if (message.TAID === element['preFlight']['FLID']) {
return true; // return true;
} else { // } else {
return false; // return false;
} // }
} else { // } else {
return false; // return false;
} // }
}) // })
if (i > -1) { // if (i > -1) {
render_data[i]['reaFlight'] = newFlight['reaFlight']; // render_data[i]['reaFlight'] = newFlight['reaFlight'];
render_data[i]['renderReaFlight'] = newFlight['renderReaFlight']; // render_data[i]['renderReaFlight'] = newFlight['renderReaFlight'];
} else { // } else {
render_data.push(newFlight); // render_data.push(newFlight);
} // }
} // }
} // }
} // }
} catch (error) { // } catch (error) {
console.log('航班号为：' + message.FLNO + ' - 消息有误，处理失败，请检查消息数据'); // console.log('航班号为：' + message.FLNO + ' - 消息有误，处理失败，请检查消息数据');
throw error; // throw error;
} finally { // } finally {
return { // return {
'render_data': render_data // 'render_data': render_data
} // }
} // }
} // }
} }