diff --git a/angular.json b/angular.json
index 6023160..4cbfde8 100644
--- a/angular.json
+++ b/angular.json
@@ -29,6 +29,7 @@
                         "styles": [
                             "node_modules/bootstrap/scss/bootstrap.scss",
                             "node_modules/font-awesome/scss/font-awesome.scss",
+                            "node_modules/ng-zorro-antd/ng-zorro-antd.min.css",
                             "src/styles.scss"
                         ],
                         "scripts": [
diff --git a/package-lock.json b/package-lock.json
index 04a1b1f..2441e3f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -123,6 +123,14 @@
         "tslib": "1.9.3"
       }
     },
+    "@angular/cdk": {
+      "version": "6.4.7",
+      "resolved": "http://registry.npm.taobao.org/@angular/cdk/download/@angular/cdk-6.4.7.tgz",
+      "integrity": "sha1-FUmzBN1BLoK9hUzFWn1cZ3LuBBE=",
+      "requires": {
+        "tslib": "1.9.3"
+      }
+    },
     "@angular/cli": {
       "version": "6.0.8",
       "resolved": "http://registry.npm.taobao.org/@angular/cli/download/@angular/cli-6.0.8.tgz",
@@ -383,6 +391,15 @@
         "tslib": "1.9.3"
       }
     },
+    "@ant-design/icons-angular": {
+      "version": "1.0.1",
+      "resolved": "http://registry.npm.taobao.org/@ant-design/icons-angular/download/@ant-design/icons-angular-1.0.1.tgz",
+      "integrity": "sha1-bu3byGTerDeMNtiC1WbYzOhArSs=",
+      "requires": {
+        "ant-design-palettes": "1.1.3",
+        "tslib": "1.9.3"
+      }
+    },
     "@ngtools/webpack": {
       "version": "6.0.8",
       "resolved": "http://registry.npm.taobao.org/@ngtools/webpack/download/@ngtools/webpack-6.0.8.tgz",
@@ -819,6 +836,14 @@
         "color-convert": "1.9.3"
       }
     },
+    "ant-design-palettes": {
+      "version": "1.1.3",
+      "resolved": "http://registry.npm.taobao.org/ant-design-palettes/download/ant-design-palettes-1.1.3.tgz",
+      "integrity": "sha1-hBGbGk2GNjrcUqONWH5lM2oKJ90=",
+      "requires": {
+        "tinycolor2": "1.4.1"
+      }
+    },
     "anymatch": {
       "version": "2.0.0",
       "resolved": "http://registry.npm.taobao.org/anymatch/download/anymatch-2.0.0.tgz",
@@ -2310,6 +2335,11 @@
         "assert-plus": "1.0.0"
       }
     },
+    "date-fns": {
+      "version": "1.29.0",
+      "resolved": "http://registry.npm.taobao.org/date-fns/download/date-fns-1.29.0.tgz",
+      "integrity": "sha1-EuYJzcuTUScxHQTTMzTilgoqVOY="
+    },
     "date-now": {
       "version": "0.1.4",
       "resolved": "http://registry.npm.taobao.org/date-now/download/date-now-0.1.4.tgz",
@@ -5973,6 +6003,17 @@
       "integrity": "sha1-SJEFznvFTnCdc2sZX4ITUEjFD8w=",
       "dev": true
     },
+    "ng-zorro-antd": {
+      "version": "1.8.0",
+      "resolved": "http://registry.npm.taobao.org/ng-zorro-antd/download/ng-zorro-antd-1.8.0.tgz",
+      "integrity": "sha1-p4ZGEd8QGNuyXOdj1zyPmPlvbug=",
+      "requires": {
+        "@angular/cdk": "6.4.7",
+        "@ant-design/icons-angular": "1.0.1",
+        "date-fns": "1.29.0",
+        "tslib": "1.9.3"
+      }
+    },
     "nice-try": {
       "version": "1.0.5",
       "resolved": "http://registry.npm.taobao.org/nice-try/download/nice-try-1.0.5.tgz",
@@ -8684,6 +8725,11 @@
         "setimmediate": "1.0.5"
       }
     },
+    "tinycolor2": {
+      "version": "1.4.1",
+      "resolved": "http://registry.npm.taobao.org/tinycolor2/download/tinycolor2-1.4.1.tgz",
+      "integrity": "sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g="
+    },
     "tmp": {
       "version": "0.0.31",
       "resolved": "http://registry.npm.taobao.org/tmp/download/tmp-0.0.31.tgz",
diff --git a/package.json b/package.json
index 91ba889..c8c4ec3 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "core-js": "^2.5.4",
     "font-awesome": "^4.7.0",
     "jquery": "^3.3.1",
+    "ng-zorro-antd": "^1.8.0",
     "rxjs": "^6.0.0",
     "zone.js": "^0.8.26"
   },
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 74a78cd..320b011 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -3,6 +3,7 @@ import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common'
 import { HttpClientModule } from '@angular/common/http'
+import { NgZorroAntdModule } from 'ng-zorro-antd';
 
 import { AppRoutingModule } from './app-routing.module'
 
@@ -31,6 +32,7 @@ import { LoginAuthService } from './services/login-auth.service';
         CommonModule,
         HttpClientModule,
         ToastModule,
+        NgZorroAntdModule,
         AppRoutingModule
     ],
     providers: [