통계 화면 view 작성

src/@core/layouts/components/menu/vertical-menu/index.js

@@ -11,6 +11,7 @@ import system from '@src/navigation/system';
 import analysis from '@src/navigation/analysis';
 import laanc from '@src/navigation/laanc';
 import cstmrService from '@src/navigation/cstmrService';
+import statistics from '@src/navigation/statistics';
 
 // ** Third Party Components
 import classnames from 'classnames';
@@ -44,6 +45,8 @@ const Sidebar = props => {
         return analysis;
       case 'laanc':
         return laanc;
+      case 'statistics':
+        return statistics;
       case 'cstmrService':
         return cstmrService;
     }

src/@core/layouts/components/navbar/NavbarUser.js

@@ -104,6 +104,14 @@ const NavbarUser = props => {
             드론교통관리 시스템
           </NavLink>
         </NavItem>
+        <NavItem>
+          <NavLink
+            onClick={e => handlerTopMenu('statistics')}
+            active={topMenuCd === 'statistics'}
+          >
+            통계
+          </NavLink>
+        </NavItem>
         <NavItem>
           <NavLink
             onClick={() => handlerTopMenu('cstmrService')}

src/navigation/statistics/index.js

@@ -0,0 +1,19 @@
+export default [
+  {
+    id: 'statistics_001',
+    title: '통계',
+    navLink: '#'
+  },
+  {
+    id: 'statistics_001_01',
+    type: 'item',
+    title: '비행 통계',
+    navLink: '/statistics/flight'
+  },
+  {
+    id: 'statistics_001_02',
+    type: 'item',
+    title: '비정상상황 통계',
+    navLink: '/statistics/abnormal'
+  }
+];

src/router/routes/RouteStatistics.js

@@ -0,0 +1,16 @@
+import { lazy } from 'react';
+
+const RouteStatistics = [
+  {
+    path: '/statistics/flight',
+    component: lazy(() => import('../../views/statistics/FlightView'))
+  },
+  {
+    path: '/statistics/abnormal',
+    component: lazy(() =>
+      import('../../views/statistics/AbnormalSituationView')
+    )
+  }
+];
+
+export default RouteStatistics;

src/router/routes/index.js

@@ -7,6 +7,7 @@ import RouteSystem from './RouteSystem';
 import RouteWeather from './RouteWeather';
 import RouteLaance from './RouteLaance';
 import RouterCstmrService from './RouterCstmrService';
+import RouteStatistics from './RouteStatistics';
 // ** Document title
 const TemplateTitle = '%s - Dron Control System';
 
@@ -23,6 +24,7 @@ const Routes = [
   ...RouteWeather,
   ...RouteLaance,
   ...RouterCstmrService,
+  ...RouteStatistics,
   {
     path: '/home',
     component: lazy(() => import('../../views/Home'))

src/views/statistics/AbnormalSituationView.js

@@ -0,0 +1,8 @@
+import '../../assets/css/custom.css';
+import '@styles/react/libs/flatpickr/flatpickr.scss';
+import '@styles/react/libs/tables/react-dataTable-component.scss';
+import { CustomMainLayout } from '../../components/layout/CustomMainLayout';
+
+export default function AbnormalSituation() {
+  return <CustomMainLayout></CustomMainLayout>;
+}

src/views/statistics/FlightView.js

@@ -0,0 +1,8 @@
+import '../../assets/css/custom.css';
+import '@styles/react/libs/flatpickr/flatpickr.scss';
+import '@styles/react/libs/tables/react-dataTable-component.scss';
+import { CustomMainLayout } from '../../components/layout/CustomMainLayout';
+
+export default function Flight() {
+  return <CustomMainLayout></CustomMainLayout>;
+}