cdia/airport-chengdu-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

路由复用优化

Browse Source
This commit is contained in:
zhouyuejun
2018-12-19 13:40:46 +08:00
parent 1e735059f8
commit cdb09eefa2
15 changed files with 155 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/app-routing.module.ts
+1 -1
View File
@@ -27,7 +27,7 @@ const appRoutes: Routes = [
path: 'app', path: 'app',
loadChildren: './pages/pages.module#PagesModule', loadChildren: './pages/pages.module#PagesModule',
canActivate: [LoginAuthService], canActivate: [LoginAuthService],
data: { preload: false, reuse: true } data: { preload: false, reuse: false }
} }
] ]
src/app/login/login.component.html
+2 -2
View File
@@ -2,8 +2,8 @@
<div class="login-panel card p-20"> <div class="login-panel card p-20">
<div class="card-header"> <div class="card-header">
<div class="login-header"> <div class="login-header">
<img src="../../assets/images/logo.png"> <img src="/adminweb/assets/images/logo.png">
<h4 class="dip text-center">Welcome To Gzzn-admin</h4> <h4 class="dip text-center">航班信息查询系统</h4>
</div> </div>
</div> </div>
<div class="card-body"> <div class="card-body">
src/app/login/login.component.ts
+11 -3
View File
@@ -35,11 +35,19 @@ export class LoginComponent implements OnInit {
_submit() { _submit() {
this.httpClient.post('/login', this.loginForm.value).subscribe( this.httpClient.post('/login', this.loginForm.value).subscribe(
data => { data => {
if(data.is_success){ if (data.is_success) {
this.httpClient.get('/sysapi/setting/user/currentUser/detail').subscribe(
xhr => {
console.log(xhr);
if (xhr.is_success) {
sessionStorage.setItem('userInfo', JSON.stringify(xhr.body));
const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '登录成功！', 3000); const toastCfg = new ToastConfig(ToastType.SUCCESS, '', '登录成功！', 3000);
this.toastService.toast(toastCfg); this.toastService.toast(toastCfg);
this.router.navigate(['../app'], { relativeTo: this.route }) this.router.navigate(['../app/main'], { relativeTo: this.route })
}else{ }
}
)
} else {
const toastCfg = new ToastConfig(ToastType.ERROR, '', '登录失败！', 3000); const toastCfg = new ToastConfig(ToastType.ERROR, '', '登录失败！', 3000);
this.toastService.toast(toastCfg); this.toastService.toast(toastCfg);
} }
src/app/pages/basic-data/basic-data-routing.module.ts
+45 -44
View File
@@ -20,78 +20,79 @@ const basicDataRoutes: Routes = [
{ {
path: '', path: '',
component: BasicDataComponent, component: BasicDataComponent,
children:[ children: [
{ {
path:'', path: '',
redirectTo:'chekingroup', redirectTo: 'chekingroup',
pathMatch:'full' pathMatch: 'full'
}, },
{ {
path:'checkingroup', path: 'checkingroup',
component:CheckinGroupComponent, component: CheckinGroupComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'gate', path: 'gate',
component:GateComponent, component: GateComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'terminal', path: 'terminal',
component:TerminalComponent, component: TerminalComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'chut', path: 'chut',
component:ChutComponent, component: ChutComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'stand', path: 'stand',
component:StandComponent, component: StandComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'carousel', path: 'carousel',
component:CarouselComponent, component: CarouselComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'checkindesk', path: 'checkindesk',
component:CheckinDeskComponent, component: CheckinDeskComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'airport', path: 'airport',
component:AirportComponent, component: AirportComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'city', path: 'city',
component:CityComponent, component: CityComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'aircrafttype', path: 'aircrafttype',
component:AircraftTypeComponent, component: AircraftTypeComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'aircraft', path: 'aircraft',
component:AircraftComponent, component: AircraftComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'terminalarea', path: 'terminalarea',
component:TerminalAreaComponent, component: TerminalAreaComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'airline', path: 'airline',
component:AirlineComponent, component: AirlineComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
} }
] ],
// data: { preload: false, reuse: true }
} }
] ]
src/app/pages/historical-data/historical-data-routing.module.ts
+1 -1
View File
@@ -7,7 +7,7 @@ const historicalDataRoutes: Routes = [
{ {
path: '', path: '',
component: HistoricalDataComponent, component: HistoricalDataComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
} }
] ]
src/app/pages/historical-data/historical-data.component.html
+7 -10
View File
@@ -52,31 +52,28 @@
<select [(ngModel)]="filterItems.MVIN" (ngModelChange)="selectChange()" class="form-control"> <select [(ngModel)]="filterItems.MVIN" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="A">到达</option> <option value="A">到达</option>
<option value="D">离港</option> <option value="D">出发</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">机坪代理：&nbsp;&nbsp;</label> <label for="">机坪代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FHAG" class="form-control"> <select [(ngModel)]="filterItems.FHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">旅客代理：&nbsp;&nbsp;</label> <label for="">旅客代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.PHAG" class="form-control"> <select [(ngModel)]="filterItems.PHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">维护代理：&nbsp;&nbsp;</label> <label for="">维护代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.MHAG" class="form-control"> <select [(ngModel)]="filterItems.MHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
</div> </div>
src/app/pages/historical-data/historical-data.component.ts
+6 -1
View File
@@ -36,6 +36,7 @@ export class HistoricalDataComponent implements OnInit {
public tabClose: boolean = true; public tabClose: boolean = true;
//各项基础数据 //各项基础数据
public flightAgents: Array<any>;
public flightTypes: Array<any>; public flightTypes: Array<any>;
public terminals: Array<any>; public terminals: Array<any>;
public flightStatus: Array<any>; public flightStatus: Array<any>;
@@ -77,7 +78,7 @@ export class HistoricalDataComponent implements OnInit {
} }
) )
//获取航班动态信息 //获取航班动态信息
this.httpCilent.post('/adminapi/hitFlightData/list', { searchDate: new Date().getTime() }).subscribe( this.httpCilent.post('/adminapi/hitFlightData/list', { hstFLightTime: "2018-11-22" }).subscribe(
data => { data => {
this.raw_data = data.body; this.raw_data = data.body;
@@ -89,6 +90,7 @@ export class HistoricalDataComponent implements OnInit {
}); });
//从基础数据服务中拿出部分基础数据 //从基础数据服务中拿出部分基础数据
this.flightAgents = this.basicDataService.flightAgents;
this.flightTypes = this.basicDataService.flightTypes; this.flightTypes = this.basicDataService.flightTypes;
this.terminals = this.basicDataService.terminal; this.terminals = this.basicDataService.terminal;
this.flightStatus = this.basicDataService.flightStatus; this.flightStatus = this.basicDataService.flightStatus;
@@ -104,6 +106,9 @@ export class HistoricalDataComponent implements OnInit {
this.combined_data = combined_data; this.combined_data = combined_data;
this.doSequence(this.combined_data); this.doSequence(this.combined_data);
} else { } else {
this.basicDataService.flightAgents_subject.subscribe(
val => this.flightAgents = val
)
this.basicDataService.flightTypes_subject.subscribe( this.basicDataService.flightTypes_subject.subscribe(
val => this.flightTypes = val val => this.flightTypes = val
) )
src/app/pages/main/main.component.html
+14 -17
View File
@@ -81,26 +81,23 @@
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">机坪代理：&nbsp;&nbsp;</label> <label for="">机坪代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.FHAG" class="form-control"> <select [(ngModel)]="filterItems.FHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">旅客代理：&nbsp;&nbsp;</label> <label for="">旅客代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.PHAG" class="form-control"> <select [(ngModel)]="filterItems.PHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
<div class="input-container mr-4"> <div class="input-container mr-4">
<label for="">维护代理：&nbsp;&nbsp;</label> <label for="">维护代理：&nbsp;&nbsp;</label>
<select [(ngModel)]="filterItems.MHAG" class="form-control"> <select [(ngModel)]="filterItems.MHAG" (ngModelChange)="selectChange()" class="form-control">
<option value=""></option> <option value=""></option>
<option value="GH">国航代理</option> <option *ngFor="let anget of flightAgents" [value]="anget.oGId">{{anget.flightAgentName}}</option>
<option value="CH">川航代理</option>
</select> </select>
</div> </div>
</div> </div>
@@ -143,14 +140,14 @@
[ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}"> [ngClass]="{'selected':row_state['renderFlight']['FLNO']===airline_row['renderFlight']['FLNO']}">
<td>{{i+1}}</td> <td>{{i+1}}</td>
<td> <td>
<img class="mr-2" *ngIf="getVipNotes(airline_row)" src="/assets/images/important-notes/vip.png" alt=""> <img class="mr-2" *ngIf="getVipNotes(airline_row)" src="/adminweb/assets/images/important-notes/vip.png" alt="">
<img class="mr-2" *ngIf="getOutplanNotes(airline_row)" src="/assets/images/important-notes/out_plan.png" alt=""> <img class="mr-2" *ngIf="getOutplanNotes(airline_row)" src="/adminweb/assets/images/important-notes/out_plan.png" alt="">
<img class="mr-2" *ngIf="getAlternateNotes(airline_row)" src="/assets/images/important-notes/alternate.png" alt=""> <img class="mr-2" *ngIf="getAlternateNotes(airline_row)" src="/adminweb/assets/images/important-notes/alternate.png" alt="">
<img class="mr-2" *ngIf="getDelay30Notes(airline_row)" src="/assets/images/important-notes/delay_30.png" alt=""> <img class="mr-2" *ngIf="getDelay30Notes(airline_row)" src="/adminweb/assets/images/important-notes/delay_30.png" alt="">
<img class="mr-2" *ngIf="getDelayNotes(airline_row)" src="/assets/images/important-notes/delay.png" alt=""> <img class="mr-2" *ngIf="getDelayNotes(airline_row)" src="/adminweb/assets/images/important-notes/delay.png" alt="">
<img class="mr-2" *ngIf="getReturnNotes(airline_row)" src="/assets/images/important-notes/return.png" alt=""> <img class="mr-2" *ngIf="getReturnNotes(airline_row)" src="/adminweb/assets/images/important-notes/return.png" alt="">
<img class="mr-2" *ngIf="getCancleNotes(airline_row)" src="/assets/images/important-notes/cancle.png" alt=""> <img class="mr-2" *ngIf="getCancleNotes(airline_row)" src="/adminweb/assets/images/important-notes/cancle.png" alt="">
<img class="mr-2" *ngIf="getStopoverNotes(airline_row)" src="/assets/images/important-notes/stopover.png" alt=""> <img class="mr-2" *ngIf="getStopoverNotes(airline_row)" src="/adminweb/assets/images/important-notes/stopover.png" alt="">
</td> </td>
<td *ngFor="let airline_col of render_col_lists" [ngClass]="getPosition(airline_col.COL_CODE,airline_row)" <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_row['renderFlight'][airline_col.COL_CODE]}}</td> [ngStyle]="getColor(airline_col.COL_CODE,airline_row)">{{airline_row['renderFlight'][airline_col.COL_CODE]}}</td>
src/app/pages/main/main.component.ts
+33 -15
View File
@@ -1,5 +1,6 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { ChangeDetectorRef } from '@angular/core'; import { ChangeDetectorRef } from '@angular/core';
import { NavigationEnd, Router } from '@angular/router';
import { ToastService } from '../../components/toast/toast.service'; import { ToastService } from '../../components/toast/toast.service';
import { ToastConfig, ToastType } from '../../components/toast/toast-model'; import { ToastConfig, ToastType } from '../../components/toast/toast-model';
@@ -16,7 +17,9 @@ import { AlertMessageHandle } from '../../utils/alert-message-handle';
import dateFormatter from '../../utils/date-formatter'; import dateFormatter from '../../utils/date-formatter';
import { filter } from 'rxjs/operators';
import * as $ from 'jquery'; import * as $ from 'jquery';
@Component({ @Component({
selector: 'app-main', selector: 'app-main',
templateUrl: './main.component.html', templateUrl: './main.component.html',
@@ -24,6 +27,7 @@ import * as $ from 'jquery';
}) })
export class MainComponent implements OnInit { export class MainComponent implements OnInit {
constructor( constructor(
private router: Router,
private basicDataService: BasicDataService, private basicDataService: BasicDataService,
private operateSpinServiceService: OperateSpinServiceService, private operateSpinServiceService: OperateSpinServiceService,
private httpCilent: HttpClientService, private httpCilent: HttpClientService,
@@ -33,6 +37,30 @@ export class MainComponent implements OnInit {
) { ) {
this.operateSpinServiceService.showSpin(); this.operateSpinServiceService.showSpin();
this.changeDetectorRef.detach(); this.changeDetectorRef.detach();
this.router.events.pipe(
filter((event => event instanceof NavigationEnd))
).subscribe(
(event: NavigationEnd) => {
console.log(event);
if (event.urlAfterRedirects === '/app/main') {
this.httpCilent.get('/adminapi/settings/uisettings').subscribe(
data => {
data.body.forEach(element => {
if (element.groupCode === 'userSettingCol') {
this.col_lists = JSON.parse(element.settingContent).allCols;
this.render_col_lists = JSON.parse(element.settingContent).targetList;
} else if (element.groupCode === 'userSettingColor') {
this.airline_color = JSON.parse(element.settingContent);
} else if (element.groupCode === 'userSettingMsgAlert') {
this.airline_message_alert = JSON.parse(element.settingContent).targetList;
}
});
this.changeDetectorRef.detectChanges();
}
)
}
}
)
} }
public orderHandle = new DynamicFlightOrder(); public orderHandle = new DynamicFlightOrder();
public dataHandle = new FlightsDataHandle(); public dataHandle = new FlightsDataHandle();
@@ -48,6 +76,7 @@ export class MainComponent implements OnInit {
public dynamicAlertArray: Array<any> = []; public dynamicAlertArray: Array<any> = [];
//各项基础数据 //各项基础数据
public flightAgents: Array<any>;
public flightTypes: Array<any>; public flightTypes: Array<any>;
public terminals: Array<any>; public terminals: Array<any>;
public flightStatus: Array<any>; public flightStatus: Array<any>;
@@ -104,21 +133,6 @@ export class MainComponent implements OnInit {
} }
) )
/* 获取用户设置 */
this.httpCilent.get('/adminapi/settings/uisettings').subscribe(
data => {
data.body.forEach(element => {
if (element.groupCode === 'userSettingCol') {
this.col_lists = JSON.parse(element.settingContent).allCols;
this.render_col_lists = JSON.parse(element.settingContent).targetList;
} else if (element.groupCode === 'userSettingColor') {
this.airline_color = JSON.parse(element.settingContent);
} else if (element.groupCode === 'userSettingMsgAlert') {
this.airline_message_alert = JSON.parse(element.settingContent).targetList;
}
})
}
)
//获取航班动态信息 //获取航班动态信息
this.httpCilent.get('/msgexchangeapi/all/flights').subscribe( this.httpCilent.get('/msgexchangeapi/all/flights').subscribe(
data => { data => {
@@ -132,6 +146,7 @@ export class MainComponent implements OnInit {
}); });
//从基础数据服务中拿出部分基础数据 //从基础数据服务中拿出部分基础数据
this.flightAgents = this.basicDataService.flightAgents;
this.flightTypes = this.basicDataService.flightTypes; this.flightTypes = this.basicDataService.flightTypes;
this.terminals = this.basicDataService.terminal; this.terminals = this.basicDataService.terminal;
this.flightStatus = this.basicDataService.flightStatus; this.flightStatus = this.basicDataService.flightStatus;
@@ -147,6 +162,9 @@ export class MainComponent implements OnInit {
this.combined_data = combined_data; this.combined_data = combined_data;
this.doSequence(this.combined_data); this.doSequence(this.combined_data);
} else { } else {
this.basicDataService.flightAgents_subject.subscribe(
val => this.flightAgents = val
)
this.basicDataService.flightTypes_subject.subscribe( this.basicDataService.flightTypes_subject.subscribe(
val => this.flightTypes = val val => this.flightTypes = val
) )
src/app/pages/pages-routing.module.ts
+2 -2
View File
@@ -21,12 +21,12 @@ const pagesRoutes: Routes = [
{ {
path:'season', path:'season',
loadChildren:'./seasonal-plan/seasonal-plan.module#SeasonalPlanModule', loadChildren:'./seasonal-plan/seasonal-plan.module#SeasonalPlanModule',
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'history', path:'history',
loadChildren:'./historical-data/historical-data.module#HistoricalDataModule', loadChildren:'./historical-data/historical-data.module#HistoricalDataModule',
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
}, },
{ {
path:'basic', path:'basic',
src/app/pages/pages.component.html
+7 -5
View File
@@ -13,14 +13,14 @@
<ul class="navbar-nav ml-auto mr-4"> <ul class="navbar-nav ml-auto mr-4">
<li class="nav-item mr-3"> <li class="nav-item mr-3">
<a class="nav-link"> <a class="nav-link">
<label>用户：</label> <label>用户名：</label>
<span>admin</span> <span>{{user_name}}</span>
</a> </a>
</li> </li>
<li class="nav-item mr-3"> <li class="nav-item mr-3">
<a class="nav-link"> <a class="nav-link">
<label>角色：</label> <label>用户：</label>
<span>系统管理员</span> <span>{{role_type}}</span>
</a> </a>
</li> </li>
<!-- <li class="nav-item dropdown mr-2"> <!-- <li class="nav-item dropdown mr-2">
@@ -84,7 +84,9 @@
</div> </div>
<div class="right-wrapper" [ngClass]="{'right-wrapper-c': menuClose,'right-wrapper-o': !menuClose}"> <div class="right-wrapper" [ngClass]="{'right-wrapper-c': menuClose,'right-wrapper-o': !menuClose}">
<router-outlet></router-outlet> <router-outlet></router-outlet>
<div *ngIf="isSpinning" class="page-loading"></div> <div *ngIf="isSpinning" class="page-loading">
<i nz-icon [type]="'loading'"></i>
</div>
</div> </div>
</div> </div>
</div> </div>
src/app/pages/pages.component.ts
+4 -3
View File
@@ -17,6 +17,8 @@ import { filter } from 'rxjs/operators';
styleUrls: ['./pages.component.scss'] styleUrls: ['./pages.component.scss']
}) })
export class PagesComponent implements OnInit { export class PagesComponent implements OnInit {
public user_name: string;
public role_type: string;
public menuClose: boolean = false; public menuClose: boolean = false;
public isSpinning: any = false; public isSpinning: any = false;
menuData = [ menuData = [
@@ -203,6 +205,8 @@ export class PagesComponent implements OnInit {
} }
ngOnInit() { ngOnInit() {
this.user_name = JSON.parse(sessionStorage.getItem('userInfo')).login_name;
this.role_type = JSON.parse(sessionStorage.getItem('userInfo')).real_name;
let activeRoute = this.router.url; let activeRoute = this.router.url;
this.selectActiveMenu(this.menuData, activeRoute); this.selectActiveMenu(this.menuData, activeRoute);
@@ -211,9 +215,6 @@ export class PagesComponent implements OnInit {
).subscribe((event) => { ).subscribe((event) => {
this.selectActiveMenu(this.menuData, event['urlAfterRedirects']) this.selectActiveMenu(this.menuData, event['urlAfterRedirects'])
}); });
} }
toggleMenu() { toggleMenu() {
src/app/pages/seasonal-plan/seasonal-plan-routing.module.ts
+1 -1
View File
@@ -7,7 +7,7 @@ const seasonalPlanRoutes: Routes = [
{ {
path: '', path: '',
component: SeasonalPlanComponent, component: SeasonalPlanComponent,
data: { preload: true, reuse: false } data: { preload: true, reuse: true }
} }
] ]
src/app/router-reuse-strategy.ts
+12 -9
View File
@@ -12,28 +12,27 @@ interface ICachedRoute {
@Injectable() @Injectable()
export class AppReuseStrategy implements RouteReuseStrategy { export class AppReuseStrategy implements RouteReuseStrategy {
private routeCache = new Map<string, ICachedRoute>(); private routeCache = new Map<string, ICachedRoute>();
/** 是否需要复用 */
shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
return future.routeConfig === curr.routeConfig;
}
shouldDetach(route: ActivatedRouteSnapshot): boolean { shouldDetach(route: ActivatedRouteSnapshot): boolean {
const data = this.getRouteData(route); const data = this.getRouteData(route);
return data && data.reuse; return data && data.reuse;
} }
/** 存储路由快照 */
store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle): void { store(route: ActivatedRouteSnapshot, handle: DetachedRouteHandle): void {
const url = this.getFullRouteUrl(route); const url = this.getFullRouteUrl(route);
const data = this.getRouteData(route); const data = this.getRouteData(route);
this.routeCache.set(url, { handle, data }); this.routeCache.set(url, { handle, data });
this.addRedirectsRecursively(route); this.addRedirectsRecursively(route);
} }
/** 是否允许还原 在缓存中有的都认为允许还原 */
shouldAttach(route: ActivatedRouteSnapshot): boolean { shouldAttach(route: ActivatedRouteSnapshot): boolean {
const url = this.getFullRouteUrl(route); const url = this.getFullRouteUrl(route);
if (url === 'login') {
this.routeCache = new Map<string, ICachedRoute>();
}
return this.routeCache.has(url); return this.routeCache.has(url);
} }
/** 从缓存中获取快照 */
retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle { retrieve(route: ActivatedRouteSnapshot): DetachedRouteHandle {
const url = this.getFullRouteUrl(route); const url = this.getFullRouteUrl(route);
const data = this.getRouteData(route); const data = this.getRouteData(route);
@@ -41,6 +40,10 @@ export class AppReuseStrategy implements RouteReuseStrategy {
? this.routeCache.get(url).handle ? this.routeCache.get(url).handle
: null; : null;
} }
/** 同一路由时使用快照 */
shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapshot): boolean {
return future.routeConfig === curr.routeConfig;
}
private addRedirectsRecursively(route: ActivatedRouteSnapshot): void { private addRedirectsRecursively(route: ActivatedRouteSnapshot): void {
const config = route.routeConfig; const config = route.routeConfig;
@@ -63,7 +66,7 @@ export class AppReuseStrategy implements RouteReuseStrategy {
} }
private getFullRouteUrl(route: ActivatedRouteSnapshot): string { private getFullRouteUrl(route: ActivatedRouteSnapshot): string {
return this.getFullRouteUrlPaths(route).filter(Boolean).join('/'); return this.getFullRouteUrlPaths(route).filter(Boolean).join('/').replace('/', '_');
} }
private getFullRouteUrlPaths(route: ActivatedRouteSnapshot): string[] { private getFullRouteUrlPaths(route: ActivatedRouteSnapshot): string[] {
src/app/services/basic-data-service.ts
+7
View File
@@ -4,6 +4,8 @@ import { Subject, forkJoin, zip } from 'rxjs'
@Injectable() @Injectable()
export class BasicDataService { export class BasicDataService {
public flightAgents:Array<any>;
public flightAgents_subject = new Subject<any>();
public flightTypes:Array<any>; public flightTypes:Array<any>;
public flightTypes_subject = new Subject<any>(); public flightTypes_subject = new Subject<any>();
public flightStatus:Array<any>; public flightStatus:Array<any>;
@@ -48,6 +50,7 @@ export class BasicDataService {
) { } ) { }
loadBasicData() { loadBasicData() {
let flightAgentsHttp = this.httpClient.get('/adminapi/basicdata/sysFlightAgents');
let flightTypesHttp = this.httpClient.get('/adminapi/basicdata/sysFlightTypes'); let flightTypesHttp = this.httpClient.get('/adminapi/basicdata/sysFlightTypes');
let flightStatusHttp = this.httpClient.get('/adminapi/basicdata/sysFlightStatus'); let flightStatusHttp = this.httpClient.get('/adminapi/basicdata/sysFlightStatus');
let checkinGroupHttp = this.httpClient.get('/adminapi/basicdata/checkinGroups'); let checkinGroupHttp = this.httpClient.get('/adminapi/basicdata/checkinGroups');
@@ -68,6 +71,7 @@ export class BasicDataService {
let airportGroupsHttp = this.httpClient.get('/adminapi/basicdata/sysAirportGroups'); let airportGroupsHttp = this.httpClient.get('/adminapi/basicdata/sysAirportGroups');
let airlineGroupHttp = this.httpClient.get('/adminapi/basicdata/sysAirlineGroup'); let airlineGroupHttp = this.httpClient.get('/adminapi/basicdata/sysAirlineGroup');
zip( zip(
flightAgentsHttp,
flightTypesHttp, flightTypesHttp,
flightStatusHttp, flightStatusHttp,
checkinGroupHttp, checkinGroupHttp,
@@ -89,6 +93,7 @@ export class BasicDataService {
airlineGroupHttp airlineGroupHttp
).subscribe( ).subscribe(
([ ([
flightAgentsRes,
flightTypesRes, flightTypesRes,
flightStatusRes, flightStatusRes,
checkinGroupRes, checkinGroupRes,
@@ -109,6 +114,8 @@ export class BasicDataService {
airportGroupRes, airportGroupRes,
airlineGroupRes airlineGroupRes
]) => { ]) => {
this.flightAgents = flightAgentsRes.body;
this.flightAgents_subject.next(flightAgentsRes.body);
this.flightTypes = flightTypesRes.body; this.flightTypes = flightTypesRes.body;
this.flightTypes_subject.next(flightTypesRes.body) this.flightTypes_subject.next(flightTypesRes.body)
this.flightStatus = flightStatusRes.body; this.flightStatus = flightStatusRes.body;