请求状态等通知提示抽取

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

@@ -10,11 +10,6 @@
         padding: 5px 10px 5px 20px;
         p{
             margin: 0;
-            label{
-                // width: 120px;
-                font-weight: bolder;
-                // text-align: right;
-            }
         }
     }
 }

src/app/pages/main/main.component.html

@@ -201,7 +201,7 @@
                                 </td>
                                 <td style="min-width:165px">{{airline_row['renderFlight']['FLID']}}</td>
                                 <td *ngFor="let airline_col of render_col_lists" [ngClass]="getPosition(airline_col.COL_CODE,airline_row)"
-                                    [ngStyle]="getColor(airline_col.COL_CODE,airline_row,airline_col.COL_WIDTH)" [title]="airline_row['renderFlight'][airline_col.COL_CODE]">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
+                                    [ngStyle]="getColor(airline_col.COL_CODE,airline_row,airline_col.COL_WIDTH)">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
                             </tr>
                         </tbody>
                     </table>
@@ -228,4 +228,5 @@
             </div>
         </div>
     </div>
+    <toast-box toastAnimation="fancy" toastPosition="toast-top-right"></toast-box>
 </div>

src/app/pages/main/main.component.ts

@@ -413,8 +413,6 @@ export class MainComponent implements OnInit {
                 })
                 this.combined_data = combined_data;
                 this.doSequence(this.combined_data);
-                // const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '刷新成功！', 3000);
-                // this.toastService.toast(toastCfg);
             }
         )
     }

src/app/pages/main/main.module.ts

@@ -1,7 +1,9 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { NgZorroAntdModule } from 'ng-zorro-antd'
+import { NgZorroAntdModule } from 'ng-zorro-antd';
+/* 消息提示 */
+import { ToastModule } from '../../components/toast/toast.module'
 
 import { MainComponent } from './main.component';
 import { MainRoutingModule } from './main-routing.module';
@@ -17,7 +19,8 @@ import { SpecialTabComponent } from './special-tab/special-tab.component';
         FormsModule,
         ReactiveFormsModule,
         NgZorroAntdModule,
-        MainRoutingModule
+        MainRoutingModule,
+        ToastModule
     ],
     declarations: [
         MainComponent, 

src/app/pages/pages-routing.module.ts

@@ -7,6 +7,7 @@ const pagesRoutes: Routes = [
     {
         path: '',
         component: PagesComponent,
+        data: { preload: false, reuse: false },
         children:[
             {
                 path:'',

src/app/pages/pages.component.ts

@@ -3,9 +3,7 @@ import { Router, NavigationEnd, ActivatedRoute } from '@angular/router';
 import { BasicDataService } from '../services/basic-data-service';
 import { OperateSpinServiceService } from '../services/operate-spin-service.service';
 import { HttpClientService } from '../services/http-client.service';
-
-import { ToastService } from '../components/toast/toast.service';
-import { ToastConfig, ToastType } from '../components/toast/toast-model';
+import { NzMessageService } from 'ng-zorro-antd';
 
 import { filter } from 'rxjs/operators';
 // import 'rxjs/add/operator/map';
@@ -196,7 +194,7 @@ export class PagesComponent implements OnInit {
         private basicDataService: BasicDataService,
         private operateSpinService: OperateSpinServiceService,
         private httpClient: HttpClientService,
-        private toastService: ToastService,
+        private message: NzMessageService
     ) {
         this.operateSpinService.spinSubject.subscribe(
             val => this.isSpinning = val
@@ -259,8 +257,7 @@ export class PagesComponent implements OnInit {
                 sessionStorageMsg.forEach(element => {
                     sessionStorage.removeItem(element)
                 })
-                const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '退出系统成功！', 3000);
-                this.toastService.toast(toastCfg);
+                this.message.success('退出系统成功！');
                 this.router.navigate(['/login']);
             }
         )