From cda5fb65b13bb9e8cfbd67e529c991620f0b3aa6 Mon Sep 17 00:00:00 2001
From: "714943302@qq.com" <you@example.com>
Date: Mon, 17 Dec 2018 17:55:49 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AD=A3=E5=BA=A6?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92=E5=88=B7=E6=96=B0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/pages/seasonal-plan/seasonal-plan.component.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/seasonal-plan/seasonal-plan.component.ts b/src/app/pages/seasonal-plan/seasonal-plan.component.ts
index b89a092..b061e3f 100644
--- a/src/app/pages/seasonal-plan/seasonal-plan.component.ts
+++ b/src/app/pages/seasonal-plan/seasonal-plan.component.ts
@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { HttpClientService } from '../../services/http-client.service';
 import { BasicDataService } from '../basic-data-service';
 import { ChangeDetectorRef } from '@angular/core';
+import { ToastService } from '../../components/toast/toast.service';
+import { ToastConfig, ToastType } from '../../components/toast/toast-model';
 import * as $ from 'jquery';
 @Component({
   selector: 'app-seasonal-plan',
@@ -13,6 +15,7 @@ export class SeasonalPlanComponent implements OnInit {
     constructor(
         private httpCilent: HttpClientService,
         private basicDataService: BasicDataService,
+        private toastService: ToastService,
         private changeDetectorRef: ChangeDetectorRef
     ) { }
 
@@ -245,7 +248,8 @@ export class SeasonalPlanComponent implements OnInit {
      * 刷新
      */
     refresh() {
-        this.render_data.reverse();
+        const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '刷新成功！', 3000);
+        this.toastService.toast(toastCfg);
     }
 
     /**

From 8cbea4d402eb7a42d5b484a14508c78e9b55fc57 Mon Sep 17 00:00:00 2001
From: "714943302@qq.com" <you@example.com>
Date: Tue, 18 Dec 2018 17:42:58 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AD=A3=E5=BA=A6?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail-tab/detail-tab.component.html      |   4 +-
 .../seasonal-plan.component.html              |  18 +-
 .../seasonal-plan/seasonal-plan.component.ts  | 213 ++----------------
 3 files changed, 35 insertions(+), 200 deletions(-)

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
index b33a141..98c36cd 100644
--- a/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.html
+++ b/src/app/pages/seasonal-plan/detail-tab/detail-tab.component.html
@@ -6,8 +6,8 @@
         <p><label>国际代码：</label>{{flight.internationalCode}}</p>
         <p><label>航空公司：</label>{{flight.airlineChnName}}</p>
         <p><label>航线类别：</label>{{flight.routeType}}</p>
-        <p><label>航班类别：</label>{{flight.flightTypeCode}}</p>
-        <p><label>航班任务：</label>{{flight.flightTask}}</p>
+        <p><label>航班类别：</label>{{flight.flightTypeNameCn}}</p>
+        <!-- <p><label>航班任务：</label>{{flight.flightTask}}</p> -->
         <p><label>运营日：</label>{{flight.operationDays}}</p>
         <p><label>开始日期：</label>{{flight.startDate}}</p>
         <p><label>结束日期：</label>{{flight.endDate}}</p>
diff --git a/src/app/pages/seasonal-plan/seasonal-plan.component.html b/src/app/pages/seasonal-plan/seasonal-plan.component.html
index 23e6cc4..53bc224 100644
--- a/src/app/pages/seasonal-plan/seasonal-plan.component.html
+++ b/src/app/pages/seasonal-plan/seasonal-plan.component.html
@@ -50,13 +50,13 @@
               <label for="flightTypeCode">航班类别：&nbsp;&nbsp;</label>
               <select  class="form-control" [(ngModel)]="filterItems.flightTypeCode" (ngModelChange)="selectChange()" >
                   <option value=""></option>
-                  <option value="P">客机</option>
+                  <!-- <option value="P">客机</option>
                   <option value="F">货机</option>
                   <option value="B">专机</option>
                   <option value="O">公务机</option>
                   <option value="M">军机</option>
-                  <option value="X">其他</option>
-                  <!-- <option *ngFor="let item of seasonals" [value]="item.flightTypeCode">{{item.flightTypeCode}}</option> -->
+                  <option value="X">其他</option> -->
+                  <option *ngFor="let item of flightTypes" [value]="item.flightTypeCode">{{item.flightTypeNameCn}}</option>
               </select>
           </div>
           <div class="input-container mr-4">
@@ -68,7 +68,7 @@
                   <!-- <option *ngFor="let item of seasonals" [value]="item.arriOrDept">{{item.arriOrDept}}</option> -->
               </select>
           </div>
-          <div class="input-container mr-4">
+         <!--  <div class="input-container mr-4">
               <label for="flightTask">航班任务：&nbsp;&nbsp;</label>
               <select  class="form-control" [(ngModel)]="filterItems.flightTask" (ngModelChange)="selectChange()">
                   <option value=""></option>
@@ -82,9 +82,9 @@
                   <option value="Q">补班</option>
                   <option value="X">其他</option>
                   <option value="A">计划外</option>
-                  <!-- <option *ngFor="let item of seasonals" [value]="item.flightTask">{{item.flightTask}}</option> -->
+                  <option *ngFor="let item of seasonals" [value]="item.flightTask">{{item.flightTask}}</option>
               </select>
-          </div>
+          </div> -->
         </div>
         <div class="third-condition row">
           <label class="radio-inline custom-checkbox nowrap mr-4">
@@ -110,7 +110,7 @@
                           <th>航空公司</th>
                           <th>航线类别</th>
                           <th>航班类别</th>
-                          <th>航班任务</th>
+                          <!-- <th>航班任务</th> -->
                           <th>运营日</th>
                           <th>开始日期</th>
                           <th>结束日期</th>
@@ -133,8 +133,8 @@
                           <td>{{seasonal.internationalCode}}</td>
                           <td>{{seasonal.airlineChnName}}</td>
                           <td>{{seasonal.routeType}}</td>
-                          <td>{{seasonal.flightTypeCode}}</td>
-                          <td>{{seasonal.flightTask}}</td>
+                          <td>{{seasonal.flightTypeNameCn}}</td>
+                          <!-- <td>{{seasonal.flightTask}}</td> -->
                           <td>{{seasonal.operationDays}}</td>
                           <td>{{seasonal.startDate}}</td>
                           <td>{{seasonal.endDate}}</td>
diff --git a/src/app/pages/seasonal-plan/seasonal-plan.component.ts b/src/app/pages/seasonal-plan/seasonal-plan.component.ts
index b061e3f..2fc8b97 100644
--- a/src/app/pages/seasonal-plan/seasonal-plan.component.ts
+++ b/src/app/pages/seasonal-plan/seasonal-plan.component.ts
@@ -32,8 +32,8 @@ export class SeasonalPlanComponent implements OnInit {
         { col_code: 'internationalCode', col_chn: '国际代码' },
         { col_code: 'airlineChnName', col_chn: '航空公司' },
         { col_code: 'routeType', col_chn: '航线类别' },
-        { col_code: 'flightTypeCode', col_chn: '航班类别' },
-        { col_code: 'flightTask', col_chn: '航班任务' },
+        { col_code: 'flightTypeNameCn', col_chn: '航班类别' },
+        /* { col_code: 'flightTask', col_chn: '航班任务' }, */
         { col_code: 'operationDays', col_chn: '运营日' },
         { col_code: 'startDate', col_chn: '开始日期' },
         { col_code: 'endDate', col_chn: '结束日期' },
@@ -56,13 +56,14 @@ export class SeasonalPlanComponent implements OnInit {
         routeType: '',  //航线类别
         flightTypeCode: '',  //航班类别
         arriOrDept: '', //到达/出发
-        flightTask: '',    //航班任务
+        /* flightTask: '',    //航班任务 */
     }
     public tabClose: boolean = true;
 
     seasonals : Array<any>; 
     airlines : Array<any>; //航空公司
     aircraftTypes : Array<any>; //机型
+    flightTypes : Array<any>; //航班类别
     public row_state: any = { renderFlight: {} };
     public render_data: Array<object> = [];  //显示数据，即需要显示的数据
     public return_data: Array<object> = []; //下拉框显示数据
@@ -78,6 +79,9 @@ export class SeasonalPlanComponent implements OnInit {
                 if(this.aircraftTypes && this.aircraftTypes.length > 0){//机型列表数据转换
                     this.aircraftTypesHandle();
                 }
+                if(this.flightTypes && this.flightTypes.length > 0){//航班类别列表数据转换
+                    this.flightTypesHandle();
+                }
                 this.render_data.forEach(element => {//航线类别列表显示数据转换
                     if (element['routeType'] == 'D') {
                         element['routeType'] = '国内'
@@ -106,74 +110,6 @@ export class SeasonalPlanComponent implements OnInit {
                         return item['arriOrDept']
                     }
                 });
-                this.render_data.forEach(item => {//航班类别列表显示数据转换
-                    if(item['flightTypeCode'] == 'P'){
-                        item['flightTypeCode'] = '客机'
-                        return item['flightTypeCode']
-                    }
-                    if(item['flightTypeCode'] == 'F'){
-                        item['flightTypeCode'] = '货机'
-                        return item['flightTypeCode']
-                    }
-                    if(item['flightTypeCode'] == 'B'){
-                        item['flightTypeCode'] = '专机'
-                        return item['flightTypeCode']
-                    }
-                    if(item['flightTypeCode'] == 'O'){
-                        item['flightTypeCode'] = '公务机'
-                        return item['flightTypeCode']
-                    }
-                    if(item['flightTypeCode'] == 'M'){
-                        item['flightTypeCode'] = '军机'
-                        return item['flightTypeCode']
-                    }
-                    if(item['flightTypeCode'] == 'X'){
-                        item['flightTypeCode'] = '其他'
-                        return item['flightTypeCode']
-                    }
-                });
-                this.render_data.forEach(item => {//航班任务列表显示数据转换
-                    if(item['flightTask'] == 'S'){
-                        item['flightTask'] = '正班'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'N'){
-                        item['flightTask'] = '包机'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'E'){
-                        item['flightTask'] = '急救'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'B'){
-                        item['flightTask'] = '专机'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'G'){
-                        item['flightTask'] = '通用'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'J'){
-                        item['flightTask'] = '加班'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'M'){
-                        item['flightTask'] = '军用'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'Q'){
-                        item['flightTask'] = '补班'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'X'){
-                        item['flightTask'] = '其他'
-                        return item['flightTask']
-                    }
-                    if(item['flightTask'] == 'A'){
-                        item['flightTask'] = '计划外'
-                        return item['flightTask']
-                    }
-                });
             }
         )
         //航空公司
@@ -190,6 +126,13 @@ export class SeasonalPlanComponent implements OnInit {
                 this.aircraftTypes = data;
             }
         )
+        //航班类别
+        this.flightTypes = this.basicDataService.flightTypes;
+        this.basicDataService.flightTypes_subject.subscribe(
+            data=> {
+                this.flightTypes = data;
+            }
+        )
         /**
          * 固定表头
          */
@@ -220,6 +163,16 @@ export class SeasonalPlanComponent implements OnInit {
         })
     }
 
+    //航班类别数据转换处理
+    flightTypesHandle() {
+        this.render_data.forEach(item => {
+            let flightTypesLinkIndex = this.flightTypes.findIndex(val => val.flightTypeCode === item['flightTypeCode']);
+            if(this.flightTypes[flightTypesLinkIndex]){
+                item['flightTypeNameCn'] = this.flightTypes[flightTypesLinkIndex].flightTypeNameCn;
+            }
+        })
+    }
+
     /**
      * 复选框勾选事件
      */
@@ -292,56 +245,6 @@ export class SeasonalPlanComponent implements OnInit {
             if(item['arriOrDept'] == '出发'){
                 item['arriOrDept'] = 'D'
             }
-            //航班类别
-            if(item['flightTypeCode'] == '客机'){
-                item['flightTypeCode'] = 'P'
-            }
-            if(item['flightTypeCode'] == '货机'){
-                item['flightTypeCode'] = 'F'
-            }
-            if(item['flightTypeCode'] == '专机'){
-                item['flightTypeCode'] = 'B'
-            }
-            if(item['flightTypeCode'] == '公务机'){
-                item['flightTypeCode'] = 'O'
-            }
-            if(item['flightTypeCode'] == '军机'){
-                item['flightTypeCode'] = 'M'
-            }
-            if(item['flightTypeCode'] == '其他'){
-                item['flightTypeCode'] = 'X'
-            }
-            //航班任务
-            if(item['flightTask'] == '正班'){
-                item['flightTask'] = 'S'
-            }
-            if(item['flightTask'] == '包机'){
-                item['flightTask'] = 'N'
-            }
-            if(item['flightTask'] == '急救'){
-                item['flightTask'] = 'E'
-            }
-            if(item['flightTask'] == '专机'){
-                item['flightTask'] = 'B'
-            }
-            if(item['flightTask'] == '通用'){
-                item['flightTask'] = 'G'
-            }
-            if(item['flightTask'] == '加班'){
-                item['flightTask'] = 'J'
-            }
-            if(item['flightTask'] == '军用'){
-                item['flightTask'] = 'M'
-            }
-            if(item['flightTask'] == '补班'){
-                item['flightTask'] = 'Q'
-            }
-            if(item['flightTask'] == '其他'){
-                item['flightTask'] = 'X'
-            }
-            if(item['flightTask'] == '计划外'){
-                item['flightTask'] = 'A'
-            }
             for (const key in this.filterItems) {
                 if (this.filterItems.hasOwnProperty(key) && this.filterItems[key]) {
                     if (item[key] == this.filterItems[key]) {
@@ -384,74 +287,6 @@ export class SeasonalPlanComponent implements OnInit {
                 return item['arriOrDept']
             }
         });
-        this.return_data.forEach(item => {//航班类别列表显示数据转换
-            if(item['flightTypeCode'] == 'P'){
-                item['flightTypeCode'] = '客机'
-                return item['flightTypeCode']
-            }
-            if(item['flightTypeCode'] == 'F'){
-                item['flightTypeCode'] = '货机'
-                return item['flightTypeCode']
-            }
-            if(item['flightTypeCode'] == 'B'){
-                item['flightTypeCode'] = '专机'
-                return item['flightTypeCode']
-            }
-            if(item['flightTypeCode'] == 'O'){
-                item['flightTypeCode'] = '公务机'
-                return item['flightTypeCode']
-            }
-            if(item['flightTypeCode'] == 'M'){
-                item['flightTypeCode'] = '军机'
-                return item['flightTypeCode']
-            }
-            if(item['flightTypeCode'] == 'X'){
-                item['flightTypeCode'] = '其他'
-                return item['flightTypeCode']
-            }
-        });
-        this.return_data.forEach(item => {//航班任务列表显示数据转换
-            if(item['flightTask'] == 'S'){
-                item['flightTask'] = '正班'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'N'){
-                item['flightTask'] = '包机'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'E'){
-                item['flightTask'] = '急救'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'B'){
-                item['flightTask'] = '专机'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'G'){
-                item['flightTask'] = '通用'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'J'){
-                item['flightTask'] = '加班'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'M'){
-                item['flightTask'] = '军用'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'Q'){
-                item['flightTask'] = '补班'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'X'){
-                item['flightTask'] = '其他'
-                return item['flightTask']
-            }
-            if(item['flightTask'] == 'A'){
-                item['flightTask'] = '计划外'
-                return item['flightTask']
-            }
-        });
         this.render_data = this.return_data;
         if (this.FLT_POS === 1) {
             this.inputFilter(this.render_data);

From 54670ce8f446e6250ee2c8a306a2ef36ed56cde8 Mon Sep 17 00:00:00 2001
From: "714943302@qq.com" <you@example.com>
Date: Wed, 19 Dec 2018 09:11:11 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=A8=A1=E5=9D=97=E5=A2=9E=E5=8A=A0=E9=9D=A2=E5=8C=85=E5=B1=91?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../aircraft-type.component.html              | 14 +++++-
 .../aircraft-type.component.scss              | 31 +++++++-----
 .../aircraft/aircraft.component.html          | 14 +++++-
 .../aircraft/aircraft.component.scss          | 31 +++++++-----
 .../basic-data/airline/airline.component.html | 14 +++++-
 .../basic-data/airline/airline.component.scss | 31 +++++++-----
 .../basic-data/airport/airport.component.html | 14 +++++-
 .../basic-data/airport/airport.component.scss | 31 +++++++-----
 src/app/pages/basic-data/basic-data.module.ts |  6 ++-
 .../carousel/carousel.component.html          | 14 +++++-
 .../carousel/carousel.component.scss          | 31 +++++++-----
 .../checkin-desk/checkin-desk.component.html  | 14 +++++-
 .../checkin-desk/checkin-desk.component.scss  | 31 +++++++-----
 .../checkin-group.component.html              | 14 +++++-
 .../checkin-group.component.scss              | 21 +++++++--
 .../pages/basic-data/chut/chut.component.html | 14 +++++-
 .../pages/basic-data/chut/chut.component.scss | 31 +++++++-----
 .../pages/basic-data/city/city.component.html | 14 +++++-
 .../pages/basic-data/city/city.component.scss | 47 +++++++------------
 .../pages/basic-data/gate/gate.component.html | 14 +++++-
 .../pages/basic-data/gate/gate.component.scss | 31 +++++++-----
 .../basic-data/stand/stand.component.html     | 14 +++++-
 .../basic-data/stand/stand.component.scss     | 31 +++++++-----
 .../terminal-area.component.html              | 14 +++++-
 .../terminal-area.component.scss              | 31 +++++++-----
 .../terminal/terminal.component.html          | 14 +++++-
 .../terminal/terminal.component.scss          | 31 +++++++-----
 27 files changed, 394 insertions(+), 203 deletions(-)

diff --git a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.html b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.html
index 7eb92ed..056bb52 100644
--- a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.html
+++ b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                机型
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
+++ b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/aircraft/aircraft.component.html b/src/app/pages/basic-data/aircraft/aircraft.component.html
index 8177055..8cb5f27 100644
--- a/src/app/pages/basic-data/aircraft/aircraft.component.html
+++ b/src/app/pages/basic-data/aircraft/aircraft.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                飞机
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/aircraft/aircraft.component.scss b/src/app/pages/basic-data/aircraft/aircraft.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/aircraft/aircraft.component.scss
+++ b/src/app/pages/basic-data/aircraft/aircraft.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/airline/airline.component.html b/src/app/pages/basic-data/airline/airline.component.html
index 4bc8963..ca7f2d7 100644
--- a/src/app/pages/basic-data/airline/airline.component.html
+++ b/src/app/pages/basic-data/airline/airline.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                航空公司
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/airline/airline.component.scss b/src/app/pages/basic-data/airline/airline.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/airline/airline.component.scss
+++ b/src/app/pages/basic-data/airline/airline.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/airport/airport.component.html b/src/app/pages/basic-data/airport/airport.component.html
index d69f1b4..364bbc4 100644
--- a/src/app/pages/basic-data/airport/airport.component.html
+++ b/src/app/pages/basic-data/airport/airport.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                机场
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/airport/airport.component.scss b/src/app/pages/basic-data/airport/airport.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/airport/airport.component.scss
+++ b/src/app/pages/basic-data/airport/airport.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/basic-data.module.ts b/src/app/pages/basic-data/basic-data.module.ts
index f338507..71a0a7c 100644
--- a/src/app/pages/basic-data/basic-data.module.ts
+++ b/src/app/pages/basic-data/basic-data.module.ts
@@ -19,12 +19,13 @@ import { AircraftTypeComponent } from './aircraft-type/aircraft-type.component';
 import { AircraftComponent } from './aircraft/aircraft.component';
 import { TerminalAreaComponent } from './terminal-area/terminal-area.component';
 import { AirlineComponent } from './airline/airline.component';
-
+import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
 @NgModule({
     imports: [
         CommonModule,
         BasicDataRouting,
         FormsModule,
+        NgZorroAntdModule,
         BasicDataPipesModule
     ],
     declarations: [
@@ -39,6 +40,7 @@ import { AirlineComponent } from './airline/airline.component';
         AircraftTypeComponent,
         AircraftComponent,
         TerminalAreaComponent,
-        AirlineComponent]
+        AirlineComponent],
+        providers   : [ { provide: NZ_I18N, useValue: zh_CN } ],
 })
 export class BasicDataModule { }
diff --git a/src/app/pages/basic-data/carousel/carousel.component.html b/src/app/pages/basic-data/carousel/carousel.component.html
index 758ccfc..289ce0e 100644
--- a/src/app/pages/basic-data/carousel/carousel.component.html
+++ b/src/app/pages/basic-data/carousel/carousel.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                行李转盘
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/carousel/carousel.component.scss b/src/app/pages/basic-data/carousel/carousel.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/carousel/carousel.component.scss
+++ b/src/app/pages/basic-data/carousel/carousel.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.html b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.html
index c08f2c9..683d45f 100644
--- a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.html
+++ b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                值机柜台
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
+++ b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/checkin-group/checkin-group.component.html b/src/app/pages/basic-data/checkin-group/checkin-group.component.html
index 3361d2e..5160ba0 100644
--- a/src/app/pages/basic-data/checkin-group/checkin-group.component.html
+++ b/src/app/pages/basic-data/checkin-group/checkin-group.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                值机岛
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/checkin-group/checkin-group.component.scss b/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
index 2804efa..86a6e49 100644
--- a/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
+++ b/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
@@ -2,11 +2,13 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
             .input-container {
@@ -44,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/chut/chut.component.html b/src/app/pages/basic-data/chut/chut.component.html
index 173f29e..ec80b46 100644
--- a/src/app/pages/basic-data/chut/chut.component.html
+++ b/src/app/pages/basic-data/chut/chut.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                行李传送带
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/chut/chut.component.scss b/src/app/pages/basic-data/chut/chut.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/chut/chut.component.scss
+++ b/src/app/pages/basic-data/chut/chut.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/city/city.component.html b/src/app/pages/basic-data/city/city.component.html
index d8558e6..145deb4 100644
--- a/src/app/pages/basic-data/city/city.component.html
+++ b/src/app/pages/basic-data/city/city.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                城市
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/city/city.component.scss b/src/app/pages/basic-data/city/city.component.scss
index 9fd1dce..86a6e49 100644
--- a/src/app/pages/basic-data/city/city.component.scss
+++ b/src/app/pages/basic-data/city/city.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
@@ -67,19 +72,3 @@
 //         text-align: left;
 //     }
 // }
-
-.divFieldseTitle{
-    position: relative;
-    display: inline;
-    left: 10px;
-    top: 11px;
-    white-space: nowrap;
-    text-align: center;
-    background-color: #fff;
-    font-weight: bold;
-}
-.checkInfo{
-    position: relative;
-    top: 5px;
-    left: 15px;
-}
\ No newline at end of file
diff --git a/src/app/pages/basic-data/gate/gate.component.html b/src/app/pages/basic-data/gate/gate.component.html
index 509a73d..8d8d146 100644
--- a/src/app/pages/basic-data/gate/gate.component.html
+++ b/src/app/pages/basic-data/gate/gate.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+    <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                登机门
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+    </div>  
+    <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/gate/gate.component.scss b/src/app/pages/basic-data/gate/gate.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/gate/gate.component.scss
+++ b/src/app/pages/basic-data/gate/gate.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/stand/stand.component.html b/src/app/pages/basic-data/stand/stand.component.html
index e89561e..fb4e0db 100644
--- a/src/app/pages/basic-data/stand/stand.component.html
+++ b/src/app/pages/basic-data/stand/stand.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                机位
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/stand/stand.component.scss b/src/app/pages/basic-data/stand/stand.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/stand/stand.component.scss
+++ b/src/app/pages/basic-data/stand/stand.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/terminal-area/terminal-area.component.html b/src/app/pages/basic-data/terminal-area/terminal-area.component.html
index 0bda148..279e638 100644
--- a/src/app/pages/basic-data/terminal-area/terminal-area.component.html
+++ b/src/app/pages/basic-data/terminal-area/terminal-area.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-    <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                航站楼区域
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
         <div class="search-filter mb-3">
             <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">
diff --git a/src/app/pages/basic-data/terminal-area/terminal-area.component.scss b/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
+++ b/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {
diff --git a/src/app/pages/basic-data/terminal/terminal.component.html b/src/app/pages/basic-data/terminal/terminal.component.html
index ea59d66..17d4403 100644
--- a/src/app/pages/basic-data/terminal/terminal.component.html
+++ b/src/app/pages/basic-data/terminal/terminal.component.html
@@ -1,5 +1,15 @@
-<div class="main-page">
-  <div class="page-content">
+<div class="main-page breadcrumb-main-content">
+  <div class="navigation">
+        <nz-breadcrumb>
+            <nz-breadcrumb-item>
+                航站楼
+            </nz-breadcrumb-item>
+            <nz-breadcrumb-item>
+                列表
+            </nz-breadcrumb-item>
+        </nz-breadcrumb>
+  </div>   
+  <div class="page-content breadcrumb-main-content card">
       <div class="search-filter mb-3">
           <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">
diff --git a/src/app/pages/basic-data/terminal/terminal.component.scss b/src/app/pages/basic-data/terminal/terminal.component.scss
index c2bfe0c..86a6e49 100644
--- a/src/app/pages/basic-data/terminal/terminal.component.scss
+++ b/src/app/pages/basic-data/terminal/terminal.component.scss
@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
-    background-color: #fff;
+    padding: 10px 20px 20px;
+    background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
-        padding: 10px 20px;
+        // padding: 10px 20px;
+        // overflow-y: scroll;
+        // height: 100%;
         .search-filter {
             padding: 0 15px;
-            .first-condition {
-                .line-operator-right {
-                    text-align: right;
-                    padding: 0;
-                    .btn-info {
-                        background-color: rgb(122, 156, 204);
-                        border-color: rgb(122, 156, 204);
-                    }
-                }
-            }
             .input-container {
                 padding: 0;
                 > .form-control {
@@ -54,6 +46,19 @@
             }
         }
     }
+    .navigation{
+        padding-bottom: 10px;
+    }
+    .breadcrumb-main-container {
+        padding: 20px 20px;
+        background-color: #f0f0f0;
+    }
+    .card{
+        background: #fff;
+        padding: 20px;
+        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.15);
+        border-radius: 0;
+    }
 }
 
 @media screen and (max-width: 991px) {

From 80de841e7f2240664a223e4a789e7d987a81cd76 Mon Sep 17 00:00:00 2001
From: "714943302@qq.com" <you@example.com>
Date: Wed, 19 Dec 2018 11:03:54 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=9F=BA=E7=A1=80?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E9=9D=A2=E5=8C=85=E5=B1=91=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../basic-data/aircraft-type/aircraft-type.component.scss     | 4 ++--
 src/app/pages/basic-data/aircraft/aircraft.component.scss     | 4 ++--
 src/app/pages/basic-data/airline/airline.component.scss       | 4 ++--
 src/app/pages/basic-data/airport/airport.component.scss       | 4 ++--
 src/app/pages/basic-data/basic-data.module.ts                 | 3 +--
 src/app/pages/basic-data/carousel/carousel.component.scss     | 4 ++--
 .../pages/basic-data/checkin-desk/checkin-desk.component.scss | 4 ++--
 .../basic-data/checkin-group/checkin-group.component.scss     | 4 ++--
 src/app/pages/basic-data/chut/chut.component.scss             | 4 ++--
 src/app/pages/basic-data/city/city.component.scss             | 4 ++--
 src/app/pages/basic-data/gate/gate.component.scss             | 4 ++--
 src/app/pages/basic-data/stand/stand.component.scss           | 4 ++--
 .../basic-data/terminal-area/terminal-area.component.scss     | 4 ++--
 src/app/pages/basic-data/terminal/terminal.component.scss     | 4 ++--
 14 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
+++ b/src/app/pages/basic-data/aircraft-type/aircraft-type.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/aircraft/aircraft.component.scss b/src/app/pages/basic-data/aircraft/aircraft.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/aircraft/aircraft.component.scss
+++ b/src/app/pages/basic-data/aircraft/aircraft.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/airline/airline.component.scss b/src/app/pages/basic-data/airline/airline.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/airline/airline.component.scss
+++ b/src/app/pages/basic-data/airline/airline.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/airport/airport.component.scss b/src/app/pages/basic-data/airport/airport.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/airport/airport.component.scss
+++ b/src/app/pages/basic-data/airport/airport.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/basic-data.module.ts b/src/app/pages/basic-data/basic-data.module.ts
index 71a0a7c..e5e4f82 100644
--- a/src/app/pages/basic-data/basic-data.module.ts
+++ b/src/app/pages/basic-data/basic-data.module.ts
@@ -19,7 +19,7 @@ import { AircraftTypeComponent } from './aircraft-type/aircraft-type.component';
 import { AircraftComponent } from './aircraft/aircraft.component';
 import { TerminalAreaComponent } from './terminal-area/terminal-area.component';
 import { AirlineComponent } from './airline/airline.component';
-import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
+import { NgZorroAntdModule} from 'ng-zorro-antd';
 @NgModule({
     imports: [
         CommonModule,
@@ -41,6 +41,5 @@ import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
         AircraftComponent,
         TerminalAreaComponent,
         AirlineComponent],
-        providers   : [ { provide: NZ_I18N, useValue: zh_CN } ],
 })
 export class BasicDataModule { }
diff --git a/src/app/pages/basic-data/carousel/carousel.component.scss b/src/app/pages/basic-data/carousel/carousel.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/carousel/carousel.component.scss
+++ b/src/app/pages/basic-data/carousel/carousel.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
+++ b/src/app/pages/basic-data/checkin-desk/checkin-desk.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/checkin-group/checkin-group.component.scss b/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
+++ b/src/app/pages/basic-data/checkin-group/checkin-group.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/chut/chut.component.scss b/src/app/pages/basic-data/chut/chut.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/chut/chut.component.scss
+++ b/src/app/pages/basic-data/chut/chut.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/city/city.component.scss b/src/app/pages/basic-data/city/city.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/city/city.component.scss
+++ b/src/app/pages/basic-data/city/city.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/gate/gate.component.scss b/src/app/pages/basic-data/gate/gate.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/gate/gate.component.scss
+++ b/src/app/pages/basic-data/gate/gate.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/stand/stand.component.scss b/src/app/pages/basic-data/stand/stand.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/stand/stand.component.scss
+++ b/src/app/pages/basic-data/stand/stand.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/terminal-area/terminal-area.component.scss b/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
+++ b/src/app/pages/basic-data/terminal-area/terminal-area.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;
diff --git a/src/app/pages/basic-data/terminal/terminal.component.scss b/src/app/pages/basic-data/terminal/terminal.component.scss
index 86a6e49..4149c66 100644
--- a/src/app/pages/basic-data/terminal/terminal.component.scss
+++ b/src/app/pages/basic-data/terminal/terminal.component.scss
@@ -2,7 +2,7 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 10px 20px 20px;
+    padding: 16px 20px 20px;
     background-color: #f0f0f0;
     .page-content {
         border: 1px solid #ccc;
@@ -47,7 +47,7 @@
         }
     }
     .navigation{
-        padding-bottom: 10px;
+        padding-bottom: 16px;
     }
     .breadcrumb-main-container {
         padding: 20px 20px;