diff --git a/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.html b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.html new file mode 100644 index 0000000..b33a141 --- /dev/null +++ b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.html @@ -0,0 +1,20 @@ +
+ +
+

{{flight.flightNumber}}

+

{{flight.seasonRecId}}

+

{{flight.internationalCode}}

+

{{flight.airlineChnName}}

+

{{flight.routeType}}

+

{{flight.flightTypeCode}}

+

{{flight.flightTask}}

+

{{flight.operationDays}}

+

{{flight.startDate}}

+

{{flight.endDate}}

+

{{flight.startAirport}}

+

{{flight.arriOrDept}}

+

{{flight.arrivalTime}}

+

{{flight.departureTime}}

+

{{flight.aircraftTypeCode}}

+
+
\ No newline at end of file diff --git a/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.scss b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.scss new file mode 100644 index 0000000..2b38b60 --- /dev/null +++ b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.scss @@ -0,0 +1,19 @@ +.tab-container{ + padding: 10px; + height: 635px; + overflow: auto; + border: 1px solid #ccc; + .hr-line{ + font-weight: bold; + } + .message-container{ + padding: 5px 10px 5px 10px; + p{ + margin: 0; + label{ + width: 80px; + text-align: right; + } + } + } +} \ No newline at end of file diff --git a/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.spec.ts b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.spec.ts new file mode 100644 index 0000000..354e6c6 --- /dev/null +++ b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DetailTabComponent } from './detail-tab.component'; + +describe('DetailTabComponent', () => { + let component: DetailTabComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ DetailTabComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(DetailTabComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.ts b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.ts new file mode 100644 index 0000000..0d070f8 --- /dev/null +++ b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit, Input } from '@angular/core'; + +@Component({ + selector: 'app-detail-tab', + templateUrl: './detail-tab.component.html', + styleUrls: ['./detail-tab.component.scss'] +}) +export class DetailTabComponent implements OnInit { + @Input() flight; + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/seasonal-plan/related-tab/related-tab.component.html b/src/app/pages/seasonal-plan/related-tab/related-tab.component.html new file mode 100644 index 0000000..a54371e --- /dev/null +++ b/src/app/pages/seasonal-plan/related-tab/related-tab.component.html @@ -0,0 +1,19 @@ +
+
+
+ 共享航班代码 +
+

共享航班号：{{lines.flightNumber}}

+
+
+
+
+
+ 经停机场 +
+

（到达   {{airport.scat?airport.scat:'__ : __'}}   |   出发   {{airport.scdt?airport.scdt:'__ : __'}}）

+ +
+
+
+
diff --git a/src/app/pages/seasonal-plan/related-tab/related-tab.component.scss b/src/app/pages/seasonal-plan/related-tab/related-tab.component.scss new file mode 100644 index 0000000..bf98646 --- /dev/null +++ b/src/app/pages/seasonal-plan/related-tab/related-tab.component.scss @@ -0,0 +1,22 @@ +.tab-container { + padding: 10px 10px; + height: 635px; + overflow: auto; + border: 1px solid #ccc; + .fieldset-card { + fieldset { + padding: 5px 10px 20px 10px; + border: 1px solid #ccc; + legend { + width: auto; + padding: 0 5px; + margin: 0; + font-size: 14px; + font-weight: bold; + } + p{ + margin: 0; + } + } + } +} diff --git a/src/app/pages/seasonal-plan/related-tab/related-tab.component.spec.ts b/src/app/pages/seasonal-plan/related-tab/related-tab.component.spec.ts new file mode 100644 index 0000000..f1a101b --- /dev/null +++ b/src/app/pages/seasonal-plan/related-tab/related-tab.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RelatedTabComponent } from './related-tab.component'; + +describe('RelatedTabComponent', () => { + let component: RelatedTabComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ RelatedTabComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RelatedTabComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/seasonal-plan/related-tab/related-tab.component.ts b/src/app/pages/seasonal-plan/related-tab/related-tab.component.ts new file mode 100644 index 0000000..f183d9f --- /dev/null +++ b/src/app/pages/seasonal-plan/related-tab/related-tab.component.ts @@ -0,0 +1,41 @@ +import { Component, OnInit, Input } from '@angular/core'; +import timeFormatter from '../../../utils/time-formatter'; + +@Component({ + selector: 'app-related-tab', + templateUrl: './related-tab.component.html', + styleUrls: ['./related-tab.component.scss'] +}) +export class RelatedTabComponent implements OnInit { + public lines; + public airports; + @Input() set flight(flight) { + this.lines = Object.assign({}, flight); + if (this.lines && !this.lines) { + this.airports = this.lines.split(' - '); + for (let i = 0; i < this.airports.length; i++) { + this.airports[i] = { airport: this.airports[i], scdt: timeFormatter(this.lines[i].departureTime), scat: timeFormatter(this.lines[i].arrivalTime) } + } + } else if (!this.lines && this.lines) { + this.airports = this.lines.split(' - '); + for (let i = 0; i < this.airports.length; i++) { + this.airports[i] = { airport: this.airports[i], scdt: timeFormatter(this.lines[i].departureTime), scat: timeFormatter(this.lines[i].arrivalTime) } + } + } else { + // this.lines[this.lines.length - 1] = this.lines[0]; + // let concatArray = this.lines.arrivalTime.slice(1); + // let linkAirport = this.lines.arrivalTime.concat(concatArray) + this.airports = this.lines.startAirport.split(' - '); + for (let i = 0; i < this.airports.length; i++) { + this.airports[i] = { airport: this.airports[i], scdt: timeFormatter(this.lines.departureTime), scat: timeFormatter(this.lines.arrivalTime) } + } + } + + }; + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/seasonal-plan/seasonal-plan.component.html b/src/app/pages/seasonal-plan/seasonal-plan.component.html index e54936f..f916291 100644 --- a/src/app/pages/seasonal-plan/seasonal-plan.component.html +++ b/src/app/pages/seasonal-plan/seasonal-plan.component.html @@ -22,7 +22,7 @@ - +