airport-chengdu-web/src/app/pages/system-management/system-management-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router'

import { SystemManagementComponent } from './system-management.component';
import { PersonalSettingsComponent } from './personal-settings/personal-settings.component';
import { RoleManagementComponent } from './role-management/role-management.component';
import { UserManagementComponent } from './user-management/user-management.component';
import { DepartmentManagementComponent } from './department-management/department-management.component';
import { OperationLogsComponent } from './operation-logs/operation-logs.component';
import { DataSynchronizeComponent } from './data-synchronize/data-synchronize.component';
import { UserManagementModifyComponent } from './user-management/user-management-modify/user-management-modify.component';
import { RoleManagementModifyComponent } from './role-management/role-management-modify/role-management-modify.component';

const systemManagementRoutes: Routes = [
    {
        path: '',
        component: SystemManagementComponent,
        children: [
            {
                path: '',
                redirectTo: 'settings',
                pathMatch: 'full'
            },
            {
                path: 'settings',
                component: PersonalSettingsComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'roles',
                component: RoleManagementComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'roles/modify',
                component: RoleManagementModifyComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'users',
                component: UserManagementComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'departments',
                component: DepartmentManagementComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'logs',
                component: OperationLogsComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'synchronization',
                component: DataSynchronizeComponent,
                data: { preload: true, reuse: false }
            },
            {
                path: 'users/modify',
                component: UserManagementModifyComponent,
                data: { preload: true, reuse: false }
            }
        ]
    }
]

@NgModule({
    imports: [RouterModule.forChild(systemManagementRoutes)],
    exports: [RouterModule]
})

export class SystemManagementRouting { }