[web-app] 菜单功能布局大致样式定义

web-app/src/app/routes/dashboard/dashboard.component.less

@@ -0,0 +1,61 @@
+@import '~@delon/theme/index';
+:host ::ng-deep {
+  .map-chart {
+    height: 457px;
+    padding-top: 24px;
+    text-align: center;
+    img {
+      display: inline-block;
+      max-width: 100%;
+      max-height: 437px;
+    }
+  }
+  .pie-card {
+    .pie-stat {
+      font-size: 24px !important;
+    }
+  }
+  .active-chart {
+    position: relative;
+    g2-mini-area {
+      margin-top: 32px;
+    }
+    .active-grid {
+      p {
+        position: absolute;
+        top: 80px;
+        width: 100%;
+        padding-bottom: 4px;
+        border-bottom: 1px dashed #e9e9e9;
+      }
+      p:last-child {
+        top: 115px;
+      }
+    }
+    .active-legend {
+      position: relative;
+      height: 20px;
+      margin-top: 8px;
+      font-size: 0;
+      line-height: 20px;
+      span {
+        display: inline-block;
+        width: 33.33%;
+        font-size: 12px;
+        text-align: center;
+      }
+      span:first-child {
+        text-align: left;
+      }
+      span:last-child {
+        text-align: right;
+      }
+    }
+  }
+
+  @media screen and (max-width: @screen-lg) {
+    .map-chart {
+      height: auto;
+    }
+  }
+}

web-app/src/app/routes/dashboard/dashboard.component.ts

@@ -3,6 +3,7 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.less'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class DashboardComponent {}

web-app/src/app/routes/monitor/monitor-routing.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class MonitorRoutingModule { }

web-app/src/app/routes/monitor/monitor.module.ts

@@ -0,0 +1,14 @@
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { MonitorRoutingModule } from './monitor-routing.module';
+
+const COMPONENTS: Type<void>[] = [];
+
+@NgModule({
+  imports: [
+    SharedModule,
+    MonitorRoutingModule
+  ],
+  declarations: COMPONENTS,
+})
+export class MonitorModule { }

web-app/src/app/routes/routes-routing.module.ts

@@ -26,7 +26,7 @@ const routes: Routes = [
       { path: 'exception', loadChildren: () => import('./exception/exception.module').then(m => m.ExceptionModule) },
       // 业务子模块
       // { path: 'widgets', loadChildren: () => import('./widgets/widgets.module').then(m => m.WidgetsModule) },
-    ]
+    { path: 'monitor', loadChildren: () => import('./monitor/monitor.module').then((m) => m.MonitorModule) },]
   },
   // 空白布局
   // {