基础数据模块增加面包屑导航

src/app/pages/basic-data/aircraft-type/aircraft-type.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

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;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/aircraft/aircraft.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

src/app/pages/basic-data/aircraft/aircraft.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/airline/airline.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

src/app/pages/basic-data/airline/airline.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/airport/airport.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

src/app/pages/basic-data/airport/airport.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

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 { }

src/app/pages/basic-data/carousel/carousel.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

src/app/pages/basic-data/carousel/carousel.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/checkin-desk/checkin-desk.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

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;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/checkin-group/checkin-group.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

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;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/chut/chut.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

src/app/pages/basic-data/chut/chut.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/city/city.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

src/app/pages/basic-data/city/city.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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;
-}

src/app/pages/basic-data/gate/gate.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

src/app/pages/basic-data/gate/gate.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/stand/stand.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

src/app/pages/basic-data/stand/stand.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/terminal-area/terminal-area.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-    <div class="page-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">

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;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {

src/app/pages/basic-data/terminal/terminal.component.html

@@ -1,5 +1,15 @@
-<div class="main-page">
+<div class="main-page breadcrumb-main-content">
-  <div class="page-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">

src/app/pages/basic-data/terminal/terminal.component.scss

@@ -2,23 +2,15 @@
     width: 100%;
     height: 100%;
     overflow-y: scroll;
-    padding: 15px 10px;
+    padding: 10px 20px 20px;
-    background-color: #fff;
+    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) {