import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DefaultComponent } from '../../layout/default/default.component';
import { NaFullscreenComponent } from '../../layout/fullscreen/na-fullscreen.component';
import { DashboardComponent } from './dashboard.component';
import { HomeComponent } from '../home/home.component';

const routes: Routes = [
  {
    path: '',
    component: DashboardComponent,
    children: [
      { path: 'pagination', loadChildren: '../pagination/pagination.module#PaginationModule' },
      { path: 'qrcode', loadChildren: '../qrcode/qrcode.module#DemoQrcodeModule' },
      { path: 'system', loadChildren: '../system/system.module#SystemModule' },
      { path: '', component: HomeComponent },
      { path: '**', loadChildren: '../not-found/not-found.module#NotFoundModule' }
      // { path: '', redirectTo: 'qrcode', pathMatch: 'full' },
      // { path: '', redirectTo: 'dashboard/v1', pathMatch: 'full' },
      // { path: 'dashboard', redirectTo: 'dashboard/v1', pathMatch: 'full' },
      // { path: 'dashboard/v1', component: DashboardV1Component },
      // { path: 'dashboard/analysis', component: DashboardAnalysisComponent },
      // { path: 'dashboard/monitor', component: DashboardMonitorComponent },
      // { path: 'dashboard/workplace', component: DashboardWorkplaceComponent },
      // {
      //   path: 'widgets',
      //   loadChildren: './widgets/widgets.module#WidgetsModule',
      // },
      // { path: 'style', loadChildren: './style/style.module#StyleModule' },
      // { path: 'delon', loadChildren: './delon/delon.module#DelonModule' },
      // { path: 'extras', loadChildren: './extras/extras.module#ExtrasModule' },
      // { path: 'pro', loadChildren: './pro/pro.module#ProModule' },
    ],
  },
  // 全屏布局
  // {
  //   path: 'data-v',
  //   component: NaFullscreenComponent,
  //   children: [
  //     // { path: '', loadChildren: './data-v/data-v.module#DataVModule' },
  //   ],
  // }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class DashboardRoutingModule { }