添加航班tab栏

src/app/pages/main/detail-tab/detail-tab.component.html

@@ -0,0 +1,34 @@
+<div class="tab-container">
+    <div class="hr-line">描述类 -----------------------------------------</div>
+    <div class="message-container">
+        <p class="mt-2"><label>航班号：</label>{{flight.renderFlight.FLNO}}</p>
+        <p><label>航空公司：</label>{{flight.renderFlight.ALCD}}</p>
+        <p><label>航线类别：</label>{{flight.renderFlight.FLIN}}</p>
+        <p><label>航班类别：</label>{{flight.renderFlight.FLTY}}</p>
+        <!-- <p><label>航班任务：</label>{{flight.}}</p> -->
+        <p><label>航线：</label>{{flight.renderFlight.ERUT}}</p>
+        <p><label>航班机型：</label>{{flight.renderFlight.ACFT}}</p>
+        <p><label>到达/出发：</label>{{flight.renderFlight.MVIN}}</p>
+        <p><label>飞机号：</label>{{flight.renderFlight.RENO}}</p>
+        <p><label>当前状态：</label>{{flight.renderFlight.FTSS}}</p>
+    </div>
+    <div class="hr-line">资源类 -----------------------------------------</div>
+    <div class="message-container">
+        <p class="mt-2"><label>停机位：</label>{{flight.renderFlight.STND}}</p>
+        <p><label>登机门：</label>{{flight.renderFlight.GATE}}</p>
+        <p><label>值机柜台：</label>{{flight.renderFlight.CHKC}}</p>
+        <p><label>行李传送带：</label>{{flight.renderFlight.CHUT}}</p>
+    </div>
+    <div class="hr-line">时间类 -----------------------------------------</div>
+    <div class="message-container">
+        <p class="mt-2"><label>计划到达/出发：</label>{{flight.renderFlight.SODT}}</p>
+        <p><label>预计到达/出发：</label>{{flight.renderFlight.ESTT}}</p>
+        <p><label>实际到达/出发：</label>{{flight.renderFlight.ACTT}}</p>
+        <p><label>上轮档：</label>{{flight.renderFlight.CHTM_ON}}</p>
+        <p><label>下轮档：</label>{{flight.renderFlight.CHTM_OFF}}</p>
+        <p><label>值机开始：</label>{{flight.renderFlight.COTM}}</p>
+        <p><label>值机结束：</label>{{flight.renderFlight.CCTM}}</p>
+        <p><label>开始登机：</label>{{flight.renderFlight.BOTM}}</p>
+        <p><label>登机结束：</label>{{flight.renderFlight.GCTM}}</p>
+    </div>
+</div>

src/app/pages/main/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: 120px;
+                text-align: right;
+            }
+        }
+    }
+}

src/app/pages/main/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<DetailTabComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DetailTabComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DetailTabComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/pages/main/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() {
+    }
+
+}