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

第一次行排序（待优化）

Browse Source
This commit is contained in:
zhouyuejun
2018-11-06 09:41:04 +08:00
parent 280467d77c
commit 4e0f2c7438
14 changed files with 2418 additions and 2014 deletions
Download Patch File Download Diff File Expand all files Collapse all files
angular.json
+1 -1
View File
@@ -17,7 +17,7 @@
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/gzzn-admin",
"outputPath": "dist/cd-airport",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
src/app/pages/main/main.component.html
+6 -3
View File
@@ -106,17 +106,20 @@
</div>
<div class="airline-table">
<div class="table-container">
<table class="table table-striped">
<table class="table table-bordered table-striped">
<thead>
<tr>
<th>序号</th>
<th>重要提示</th>
<th *ngFor="let airline_col of airline_col_lists">{{airline_col.COL_CN}}</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let airline_row of airline_row_lists;let i = index" (click)="selectRow($event,i)" [ngClass]="{'active':row_state===i}">
<tr *ngFor="let airline_row of airline_row_lists;let i = index" (click)="selectRow($event,i)"
[ngClass]="{'active':row_state===i}">
<td>{{i+1}}</td>
<td [ngStyle]="{'background-color':''}" *ngFor="let airline_col of airline_col_lists">{{airline_row[airline_col.COL_CODE]}}</td>
<td></td>
<td *ngFor="let airline_col of airline_col_lists" [ngStyle]="{'background-color':getColor(airline_col.COL_CODE)}">{{airline_col.COL_CODE|dataFormatter:airline_row}}</td>
</tr>
</tbody>
</table>
src/app/pages/main/main.component.scss
+3 -3
View File
@@ -28,12 +28,12 @@
}
.airline-table{
.table-container{
border: 1px solid #ccc;
// border: 1px solid #ccc;
width: 100%;
height: 700px;
overflow: scroll;
table{
width: auto;
width: max-content;
tr{
cursor: pointer;
&.active{
@@ -41,7 +41,7 @@
}
}
th,td{
border: none;
// border: none;
text-align: center;
}
}
src/app/pages/main/main.component.ts
+233 -17
View File
@@ -2,6 +2,11 @@ import { Component, OnInit } from '@angular/core';
import { HttpClientService } from '../../services/http-client.service';
import dateFormatter from '../../utils/data-formatter';
import routeType from '../../utils/route-type';
import flightType from '../../utils/flight-type';
import arriDept from '../../utils/arri-dept';
@Component({
selector: 'app-main',
templateUrl: './main.component.html',
@@ -13,12 +18,30 @@ export class MainComponent implements OnInit {
public airline_color: Array<object> = [];
public row_state: number;
public TOP_1 = 100000000000; // 0-1
public TOP_2 = 200000000000; // 0-2
public TOP_3 = 300000000000; // 1
public TOP_4 = 400000000000; // 2
public TOP_5 = 500000000000; // 3
public TOP_6 = 600000000000; // 4-1-1
public TOP_7 = 700000000000; // 4-1-2
public TOP_8 = 800000000000; // 4-2-1-1
public TOP_9 = 900000000000; // 4-2-1-2
public TOP_10 = 1000000000000; // 4-2-2-1
public TOP_11 = 1100000000000; // 4-2-2-2
public TOP_12 = 1200000000000; // 5-1
public TOP_13 = 1300000000000; // 5-2
public TOP_14 = 1400000000000; // 6-1-1
public TOP_15 = 10000000000000; // 6-1-2
public TOP_16 = 20000000000000; // 6-2
constructor(
private httpCilent: HttpClientService
) { }
ngOnInit() {
/* 获取显示列 */
this.httpCilent.get('/assets/mock-data/airline-col_code.json').subscribe(
data => {
@@ -31,35 +54,228 @@ export class MainComponent implements OnInit {
/* 获取航班动态信息 */
this.httpCilent.get('/assets/mock-data/airline-data.json').subscribe(
data => {
this.airline_row_lists = []
//解析数据
data.forEach(element => {
this.airline_row_lists.push(JSON.parse(element.value));
let air_message = JSON.parse(element.value)
this.airline_row_lists.push(air_message);
});
//查找链接航班并将其组合成一条数据
for (let i = 0; i < this.airline_row_lists.length; i++) {
if (this.airline_row_lists[i]['MVIN'] === 'D') {
if (this.airline_row_lists[i]['TAID']) {
let index = this.airline_row_lists.findIndex(val => { return val['FLID'] === this.airline_row_lists[i]['TAID'] })
if (index > -1) {
this.airline_row_lists[i]['isLinked'] = true;
this.airline_row_lists[i]['linkFlight'] = this.airline_row_lists[index];
this.airline_row_lists.splice(index, 1);
i--;
}
}
}
}
/** (0)000000+实际时间（到达航班有实际时间，且未超过1小时）
(0-1)无链接航班，取实际（到达）时间
(0-2)有链接航班，且出发航班未有实际时间，取实际（到达）时间
(1)100000+商调完成时间（商调完成登机未开始）
(2)110000+登机开始时间（登机开始尚未登机结束）
(3)111000+登机结束时间（登机结束）
(4)111100+计划/预计时间（无商调完成时间、登机开始时间、登机结束时间、航班实际完成时间）
(4-1)无链接航班
(4-1-1)若有预计时间则取预计时间
(4-1-2)若无预计时间则取计划时间
(4-2)有链接航班
(4-2-1)若无实际到达时间，则
(4-2-1-1)若有预计到达时间则取预计到达时间
(4-2-1-2)若无预计到达时间则取计划到达时间
(4-2-2)若有实际到达时间，
(4-2-2-1)若有预计出发时间则取预计出发时间
(4-2-2-2)若无预计出发时间则取计划出发时间
(5)111110+计划/预计时间（航班取消）[只考虑无链接航班，因为链接航班不会有取消状态]
(5-1)若有预计时间则取预计时间
(5-2)若无预计时间则取计划时间
(6)111111+实际时间（航班完成）
(6-1)无链接航班，取实际（到达/出发）时间
(6-1-1)到达航班有实际时间，且超过（含）1小时
(6-1-2)出发航班有实际时间
(6-2)有链接航班，取实际（出发）时间
*/
//排序
this.airline_row_lists.forEach(element => {
if (element['ACTT']) {
if (this.isArriFlight(element)) {
if (!this.isOneHourLater(element['ACTT'])) {
element['ORDER'] = 'TOP_1' //到港航班（无链接）有实际时间，且未超过一小时
element['order'] = new Date(dateFormatter(element['ACTT'])).getTime() + this.TOP_1
} else {
element['ORDER'] = 'TOP_14' //到港航班（无链接）有实际时间，但超过一小时
element['order'] = new Date(dateFormatter(element['ACTT'])).getTime() + this.TOP_14
}
} else if (this.isDeptFlight(element)) {
element['ORDER'] = 'TOP_15' //出发航班（无链接）有实际时间
element['order'] = new Date(dateFormatter(element['ACTT'])).getTime() + this.TOP_15
} else if (this.isLinked(element)) {
element['ORDER'] = 'TOP_16' //链接航班有实际出发时间
element['order'] = new Date(dateFormatter(element['ACTT'])).getTime() + this.TOP_16
}
} else {
// if (element['SDSJ'] && !this.isBoading()) {
// element['ORDER'] = 'TOP_3'
// element['order'] = new Date(dateFormatter(element['SDSJ'])).getTime() + this.TOP_3
// }
// else if (this.isBoading() && !this.isOverBoading()){
// element['ORDER'] = 'TOP_4'
// element['order'] = new Date(dateFormatter(element['DJKS'])).getTime() + this.TOP_4
// }else if(this.isOverBoading()){
// element['ORDER'] = 'TOP_5'
// element['order'] = new Date(dateFormatter(element['DJJS'])).getTime() + this.TOP_5
// }else if(this.isCancled()){
// if(element['ESTT']){
// element['ORDER'] = 'TOP_12'
// element['order'] = new Date(dateFormatter(element['ESTT'])).getTime() + this.TOP_12
// }else{
// element['ORDER'] = 'TOP_13'
// element['order'] = new Date(dateFormatter(element['SODT'])).getTime() + this.TOP_13
// }
// }
// else
if(this.isArriFlight(element)||this.isDeptFlight(element)){
if(element['ESTT']){
element['ORDER'] = 'TOP_6' //航班（无链接）无实际时间，取预计时间
element['order'] = new Date(dateFormatter(element['ESTT'])).getTime() + this.TOP_6
}else{
element['ORDER'] = 'TOP_7' //航班（无链接）无实际时间和预计时间，取计划时间
element['order'] = new Date(dateFormatter(element['SODT'])).getTime() + this.TOP_7
}
}else if(this.isLinked(element)){
if(element['linkFlight']['ACTT']){
element['ORDER'] = 'TOP_2' //链接航班有实际到达时间，无出发时间
element['order'] = new Date(dateFormatter(element['linkFlight']['ACTT'])).getTime() + this.TOP_2
}else if(!element['linkFlight']['ACTT']){
if(element['linkFlight']['ESTT']){
element['ORDER'] = 'TOP_8' //链接航班无实际到达时间，取预计到达时间
element['order'] = new Date(dateFormatter(element['linkFlight']['ESTT'])).getTime() + this.TOP_8
}else{
element['ORDER'] = 'TOP_9' //链接航班无实际到达时间和预计到达时间，取计划到达时间
element['order'] = new Date(dateFormatter(element['linkFlight']['SODT'])).getTime() + this.TOP_9
}
}
// else if()
}
}
})
this.airline_row_lists.sort(function (a, b) {
return (a['order'] - b['order']);
})
}
)
/* 获取颜色数据 */
// this.httpCilent.get('/assets/mock-data/airline-color.json').subscribe(
// data => {
// this.airline_color = data;
// console.log(data);
// }
// )
}
selectRow($event, i) {
this.row_state = i;
}
findColor(items,marryItem){
// console.log(items,marryItem);
let index = items.findIndex(element=>{
element.COL_CODE === marryItem;
})
console.log(index)
if(index===-1){
return false;
getColor(col_CODE) {
if (col_CODE === 'SODT') {
return 'skyblue'
} else {
return null
}
}
/**
* 判断航班是否是链接航班
* @return
*/
public isLinked(flight) {
if (flight.isLinked) {
return true
} else {
return false
}
}
/**
* 判断航班是否是纯离港航班
* @return
*/
public isDeptFlight(flight) {
if (flight.MVIN === 'D' && !flight.isLinked) {
return true
} else {
return false
}
}
/**
* 判断航班是否是纯到港航班
* @return
*/
public isArriFlight(flight) {
if (flight.MVIN === 'A' && !flight.isLinked) {
return true;
} else {
return false;
}
}
/**
* 判断航班是否已经执行完成
* @return
*/
public isDone(flight) {
if (this.isArriFlight(flight) && flight.ACTT) {
return true;
} else if (this.isDeptFlight(flight) && flight.ACTT) {
return true;
} else if (this.isLinked(flight) && flight.Actt) {
return true;
} else {
return false;
}
}
/**
* 判断航班是否开始登机
* @return
*/
public isBoading() {
return true;
}
/**
* 判断航班是否登机结束
* @return
*/
public isOverBoading() {
return true;
}
/**
* 判断航班是否取消
* @return
*/
public isCancled() {
return true;
}
/**
* 判断实际时间是否已超过一小时
* @return
*
*/
public isOneHourLater(dateString) {
let nowTimeStamp = new Date().getTime()
let actTimeStamp = new Date(dateFormatter(dateString)).getTime()
if (nowTimeStamp - actTimeStamp > 3600000) {
return true
} else {
return false
}
}
src/app/pages/main/main.module.ts
+2
View File
@@ -1,11 +1,13 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {PipesModule} from '../../pipes/pipes.module';
import { MainComponent } from './main.component';
import { MainRoutingModule } from './main-routing.module'
@NgModule({
imports: [
CommonModule,
PipesModule,
MainRoutingModule
],
declarations: [MainComponent]
src/app/pipes/data-formatter.pipe.ts
+75
View File
@@ -0,0 +1,75 @@
import { Pipe, PipeTransform } from '@angular/core';
import dataFormatter from '../utils/data-formatter'
import routeType from '../utils/route-type';
import flightType from '../utils/flight-type';
import arriDept from '../utils/arri-dept';
@Pipe({
name: 'dataFormatter'
})
export class DataFormatterPipe implements PipeTransform {
transform(col_code: string,args:any): any {
if(args['isLinked']){
if(col_code==='MVIN'){
return arriDept(args['linkFlight'][col_code]) + ' / ' + arriDept(args[col_code])
}else if(col_code==='FLIN'){
return routeType(args['linkFlight'][col_code]) + ' / ' + routeType(args[col_code])
}else if(col_code==='FLTY'){
return flightType(args['linkFlight'][col_code]) + ' / ' + flightType(args[col_code])
}else{
return this.dateTransform(args['linkFlight'][col_code]) + ' / ' + this.dateTransform(args[col_code])
}
}else{
if(col_code==='MVIN'){
return arriDept(args[col_code])
}else if(col_code==='FLIN'){
return routeType(args[col_code])
}else if(col_code==='FLTY'){
return flightType(args[col_code])
}else{
return this.dateTransform(args[col_code])
}
}
}
dateTransform(dataString){
const monthToNumber = {
JAN: '01',
FEB: '02',
MAR: '03',
APR: '04',
MAY: '05',
JUN: '06',
JUL: '07',
AUG: '08',
SEP: '09',
OCT: '10',
NOV: '11',
DEC: '12',
}
if (!dataString || dataString.length < 11) {
return dataString?dataString:'';
}
if (!dataString.substring(7)) {
return dataString?dataString:'';
}
if(!monthToNumber.hasOwnProperty(dataString.substring(2, 5).toUpperCase())){
return dataString?dataString:'';
}
// console.log(monthToNumber.hasOwnProperty(dataString.substring(2, 5).toUpperCase()))
let year = "20" + dataString.substring(5, 7);
let month = monthToNumber[dataString.substring(2, 5).toUpperCase()];
let day = dataString.substring(0, 2);
let hour = dataString.substring(7, 9);
let min = dataString.substring(9, 11);
return hour + ':' + min
}
}
src/app/pipes/pipes.module.ts
+14
View File
@@ -0,0 +1,14 @@
import { NgModule } from '@angular/core';
import { DataFormatterPipe } from './data-formatter.pipe'
@NgModule({
imports: [],
declarations: [
DataFormatterPipe
],
exports: [
DataFormatterPipe
]
})
export class PipesModule { }
src/app/utils/arri-dept.ts
+9
View File
@@ -0,0 +1,9 @@
export default function (type: string) {
if (type === 'D') {
return '离港';
} else if (type === 'A') {
return '到达';
}else {
return type;
}
}
src/app/utils/data-formatter.ts
+40
View File
@@ -0,0 +1,40 @@
/**
* 菜单点击事件
* @param dataString 需要转换成时间的字符串
*/
export default function (dataString) {
const monthToNumber = {
JAN: '01',
FEB: '02',
MAR: '03',
APR: '04',
MAY: '05',
JUN: '06',
JUL: '07',
AUG: '08',
SEP: '09',
OCT: '10',
NOV: '11',
DEC: '12',
}
if (!dataString || dataString.length < 11) {
return dataString?dataString:'';
}
if (!dataString.substring(7)) {
return dataString?dataString:'';
}
if(!monthToNumber.hasOwnProperty(dataString.substring(2, 5).toUpperCase())){
return dataString?dataString:'';
}
let year = "20" + dataString.substring(5, 7);
let month = monthToNumber[dataString.substring(2, 5).toUpperCase()];
let day = dataString.substring(0, 2);
let hour = dataString.substring(7, 9);
let min = dataString.substring(9, 11);
return year + '-' + month + '-' + day + ' ' + hour + ':' + min
}
src/app/utils/flight-type.ts
+11
View File
@@ -0,0 +1,11 @@
export default function (type: string) {
if (type === 'D') {
return '国内';
} else if (type === 'I') {
return '国际';
} else if (type === 'M') {
return '混合';
} else {
return '其他';
}
}
src/app/utils/get-cookie.ts
+4 -1
View File
@@ -1,4 +1,7 @@
//获取cookie
/**
* 菜单点击事件
* @param name 需要获取的cookie属性名
*/
export default function (name) {
name = name + "="
var start = document.cookie.indexOf(name),
src/app/utils/route-type.ts
+11
View File
@@ -0,0 +1,11 @@
export default function (type: string) {
if (type === 'D') {
return '国内';
} else if (type === 'I') {
return '国际';
} else if (type === 'M') {
return '混合';
} else {
return type;
}
}
src/assets/mock-data/airline-col_code.json
+31 -11
View File
@@ -1,9 +1,4 @@
[
{
"COL_CODE":"FLID",
"COL_CN":"航班ID",
"COL_ORDER":"1"
},
{
"COL_CODE":"FLNO",
"COL_CN":"航班号",
@@ -26,7 +21,7 @@
},
{
"COL_CODE":"MVIN",
"COL_CN":"到达/出发",
"COL_CN":"航向指示",
"COL_ORDER":"9"
},
{
@@ -36,17 +31,42 @@
},
{
"COL_CODE":"RENO",
"COL_CN":"飞机号（飞机机尾号）",
"COL_CN":"飞机号",
"COL_ORDER":"3"
},
{
"COL_CODE":"ACFT",
"COL_CN":"机型",
"COL_ORDER":"6"
"COL_CODE":"SODT",
"COL_CN":"计划到达/出发",
"COL_ORDER":"13"
},
{
"COL_CODE":"TAOP",
"COL_CN":"承运公司",
"COL_CN":"联合承运人",
"COL_ORDER":"2"
},
{
"COL_CODE":"TAFL",
"COL_CN":"链接航班号",
"COL_ORDER":"11"
},
{
"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"
}
]
src/assets/mock-data/airline-data.json
+1975 -1975
View File
File diff suppressed because it is too large Load Diff