航班列表可视区域渲染
This commit is contained in:
zhouyuejun
@@ -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';
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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="">航空公司： </label>
|
<label for="">航空公司： </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="">航线类别： </label>
|
<label for="">航线类别： </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="">航班类别： </label>
|
<label for="">航班类别： </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="">运营状态： </label>
|
<label for="">运营状态： </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="">航站楼： </label>
|
<label for="">航站楼： </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="">异常状态： </label>
|
<label for="">异常状态： </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="">机坪代理： </label>
|
<label for="">机坪代理： </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="">旅客代理： </label>
|
<label for="">旅客代理： </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="">维护代理： </label>
|
<label for="">维护代理： </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="">前时间段： </label>
|
<label for="">前时间段： </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="">后时间段： </label>
|
<label for="">后时间段： </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">
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
+256
-257
@@ -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();
|
|
||||||
}
|
|
||||||
//对象数组深度复制
|
|
||||||
deepCopy(data){
|
|
||||||
let itemObj={};
|
|
||||||
for(let key in data){
|
|
||||||
itemObj[key]=data[key];
|
|
||||||
}
|
|
||||||
return itemObj;
|
|
||||||
}
|
|
||||||
//数组深度复制构造
|
|
||||||
listsCope(sourceList,targetList){
|
|
||||||
sourceList.forEach(item=>{
|
|
||||||
let option=this.deepCopy(item);
|
|
||||||
targetList.push(option);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//上下调整项目顺序 type 1上移 2下移 3置顶 4置底 要做头尾判断
|
|
||||||
moveUpDown(type){
|
|
||||||
let index=this.moveIndex;
|
|
||||||
if(type==1){
|
|
||||||
this.targetList[index] = this.targetList.splice(index-1, 1, this.targetList[index])[0];
|
|
||||||
this.moveIndex--;
|
|
||||||
}else if(type==2){
|
|
||||||
this.targetList[index] = this.targetList.splice(index+1, 1, this.targetList[index])[0];
|
|
||||||
this.moveIndex++;
|
|
||||||
}else if(type==3){
|
|
||||||
let item=this.targetList[index];
|
|
||||||
this.targetList.splice(index,1)
|
|
||||||
this.targetList.unshift(item);
|
|
||||||
this.moveIndex=0;
|
|
||||||
}else if(type==4){
|
|
||||||
this.targetList.push(this.targetList[index]);
|
|
||||||
this.targetList.splice(index,1);
|
|
||||||
this.moveIndex=this.targetList.length-1;
|
|
||||||
}
|
|
||||||
this.btnStatusContrl();
|
|
||||||
|
|
||||||
}
|
|
||||||
//左右选择项目 type 1右移 2左移 3全部右移 4全部左移
|
|
||||||
moveCross(type){
|
|
||||||
let index=this.moveIndex;
|
|
||||||
if(type==1){
|
|
||||||
let item=this.sourceList[index];
|
|
||||||
this.sourceList.splice(index,1)
|
|
||||||
this.targetList.push(item);
|
|
||||||
if(this.sourceList.length==0){
|
|
||||||
this.disableRight=true;
|
|
||||||
}
|
|
||||||
}else if(type==2){
|
|
||||||
let item=this.targetList[index];
|
|
||||||
this.targetList.splice(index,1)
|
|
||||||
this.sourceList.push(item);
|
|
||||||
if(this.targetList.length==0){
|
|
||||||
this.disabledLeft=true;
|
|
||||||
}
|
|
||||||
}else if(type==3){
|
|
||||||
this.sourceList.forEach(item=>{
|
|
||||||
this.targetList.push(item)
|
|
||||||
})
|
|
||||||
this.sourceList=[];
|
|
||||||
}else if(type==4){
|
|
||||||
this.targetList.forEach(item=>{
|
|
||||||
this.sourceList.push(item)
|
|
||||||
})
|
|
||||||
this.targetList=[];
|
|
||||||
}
|
|
||||||
this.moveIndex='false';
|
|
||||||
this.selectedType='';
|
|
||||||
this.disabledLeft=true;
|
|
||||||
this.disableRight=true;
|
|
||||||
this.sortBtnDisabled();
|
|
||||||
}
|
|
||||||
//选中选框中的项 type 1可选框的项 2已选框的项
|
|
||||||
selectNode(item,index,type){
|
|
||||||
this.selectedType=type;
|
|
||||||
this.moveIndex=index;
|
|
||||||
if(type==1){
|
|
||||||
this.disabledLeft=true;
|
|
||||||
this.disableRight=false;
|
|
||||||
this.sortBtnDisabled();
|
|
||||||
}else if(type==2){
|
|
||||||
this.disableRight=true;
|
|
||||||
this.disabledLeft=false;
|
|
||||||
this.btnStatusContrl();
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
//右侧上下移懂按钮禁用状态控制
|
|
||||||
btnStatusContrl(){
|
|
||||||
let len=this.targetList.length;
|
|
||||||
if(len<2){
|
|
||||||
this.disabledUpTop=true;
|
|
||||||
this.disableDown=true;
|
|
||||||
}
|
|
||||||
if(this.moveIndex==0){
|
|
||||||
this.disabledUpTop=true;
|
|
||||||
this.disableUp=true;
|
|
||||||
}else{
|
|
||||||
this.disabledUpTop=false
|
|
||||||
this.disableUp=false;
|
|
||||||
}
|
|
||||||
if(this.moveIndex==len-1){
|
|
||||||
this.disabledDownBtm=true;
|
|
||||||
this.disableDown=true;
|
|
||||||
}else{
|
|
||||||
this.disabledDownBtm=false;
|
|
||||||
this.disableDown=false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//排序按钮状态统一控制
|
|
||||||
sortBtnDisabled(){
|
|
||||||
this.disableDown=true;
|
|
||||||
this.disableUp=true;
|
|
||||||
this.disabledDownBtm=true;
|
|
||||||
this.disabledUpTop=true;
|
|
||||||
|
|
||||||
}
|
this.queryTable();
|
||||||
//保存-自定义列显示保存
|
}
|
||||||
|
//对象数组深度复制
|
||||||
|
deepCopy(data) {
|
||||||
|
let itemObj = {};
|
||||||
|
for (let key in data) {
|
||||||
|
itemObj[key] = data[key];
|
||||||
|
}
|
||||||
|
return itemObj;
|
||||||
|
}
|
||||||
|
//数组深度复制构造
|
||||||
|
listsCope(sourceList, targetList) {
|
||||||
|
sourceList.forEach(item => {
|
||||||
|
let option = this.deepCopy(item);
|
||||||
|
targetList.push(option);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//上下调整项目顺序 type 1上移 2下移 3置顶 4置底 要做头尾判断
|
||||||
|
moveUpDown(type) {
|
||||||
|
let index = this.moveIndex;
|
||||||
|
if (type == 1) {
|
||||||
|
this.targetList[index] = this.targetList.splice(index - 1, 1, this.targetList[index])[0];
|
||||||
|
this.moveIndex--;
|
||||||
|
} else if (type == 2) {
|
||||||
|
this.targetList[index] = this.targetList.splice(index + 1, 1, this.targetList[index])[0];
|
||||||
|
this.moveIndex++;
|
||||||
|
} else if (type == 3) {
|
||||||
|
let item = this.targetList[index];
|
||||||
|
this.targetList.splice(index, 1)
|
||||||
|
this.targetList.unshift(item);
|
||||||
|
this.moveIndex = 0;
|
||||||
|
} else if (type == 4) {
|
||||||
|
this.targetList.push(this.targetList[index]);
|
||||||
|
this.targetList.splice(index, 1);
|
||||||
|
this.moveIndex = this.targetList.length - 1;
|
||||||
|
}
|
||||||
|
this.btnStatusContrl();
|
||||||
|
|
||||||
|
}
|
||||||
|
//左右选择项目 type 1右移 2左移 3全部右移 4全部左移
|
||||||
|
moveCross(type) {
|
||||||
|
let index = this.moveIndex;
|
||||||
|
if (type == 1) {
|
||||||
|
let item = this.sourceList[index];
|
||||||
|
this.sourceList.splice(index, 1)
|
||||||
|
this.targetList.push(item);
|
||||||
|
if (this.sourceList.length == 0) {
|
||||||
|
this.disableRight = true;
|
||||||
|
}
|
||||||
|
} else if (type == 2) {
|
||||||
|
let item = this.targetList[index];
|
||||||
|
this.targetList.splice(index, 1)
|
||||||
|
this.sourceList.push(item);
|
||||||
|
if (this.targetList.length == 0) {
|
||||||
|
this.disabledLeft = true;
|
||||||
|
}
|
||||||
|
} else if (type == 3) {
|
||||||
|
this.sourceList.forEach(item => {
|
||||||
|
this.targetList.push(item)
|
||||||
|
})
|
||||||
|
this.sourceList = [];
|
||||||
|
} else if (type == 4) {
|
||||||
|
this.targetList.forEach(item => {
|
||||||
|
this.sourceList.push(item)
|
||||||
|
})
|
||||||
|
this.targetList = [];
|
||||||
|
}
|
||||||
|
this.moveIndex = 'false';
|
||||||
|
this.selectedType = '';
|
||||||
|
this.disabledLeft = true;
|
||||||
|
this.disableRight = true;
|
||||||
|
this.sortBtnDisabled();
|
||||||
|
}
|
||||||
|
//选中选框中的项 type 1可选框的项 2已选框的项
|
||||||
|
selectNode(item, index, type) {
|
||||||
|
this.selectedType = type;
|
||||||
|
this.moveIndex = index;
|
||||||
|
if (type == 1) {
|
||||||
|
this.disabledLeft = true;
|
||||||
|
this.disableRight = false;
|
||||||
|
this.sortBtnDisabled();
|
||||||
|
} else if (type == 2) {
|
||||||
|
this.disableRight = true;
|
||||||
|
this.disabledLeft = false;
|
||||||
|
this.btnStatusContrl();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
//右侧上下移懂按钮禁用状态控制
|
||||||
|
btnStatusContrl() {
|
||||||
|
let len = this.targetList.length;
|
||||||
|
if (len < 2) {
|
||||||
|
this.disabledUpTop = true;
|
||||||
|
this.disableDown = true;
|
||||||
|
}
|
||||||
|
if (this.moveIndex == 0) {
|
||||||
|
this.disabledUpTop = true;
|
||||||
|
this.disableUp = true;
|
||||||
|
} else {
|
||||||
|
this.disabledUpTop = false
|
||||||
|
this.disableUp = false;
|
||||||
|
}
|
||||||
|
if (this.moveIndex == len - 1) {
|
||||||
|
this.disabledDownBtm = true;
|
||||||
|
this.disableDown = true;
|
||||||
|
} else {
|
||||||
|
this.disabledDownBtm = false;
|
||||||
|
this.disableDown = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//排序按钮状态统一控制
|
||||||
|
sortBtnDisabled() {
|
||||||
|
this.disableDown = true;
|
||||||
|
this.disableUp = true;
|
||||||
|
this.disabledDownBtm = 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;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -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
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user