src/router/modules/route.js

@@ -1,5 +1,35 @@
 import { RouterView } from 'vue-router';
 
+const vehicleCard = {
+    path: ':id',
+    name: 'VehicleCard',
+    meta: {
+        menu: ['VehicleBasicData'],
+    },
+    component: () => import('src/pages/Route/Vehicle/Card/VehicleCard.vue'),
+    redirect: { name: 'VehicleSummary' },
+    children: [
+        {
+            name: 'VehicleSummary',
+            path: 'summary',
+            meta: {
+                title: 'summary',
+                icon: 'view_list',
+            },
+            component: () => import('src/pages/Route/Vehicle/Card/VehicleSummary.vue'),
+        },
+        {
+            name: 'VehicleBasicData',
+            path: 'basic-data',
+            meta: {
+                title: 'basicData',
+                icon: 'vn:settings',
+            },
+            component: () => import('src/pages/Route/Vehicle/Card/VehicleBasicData.vue'),
+        },
+    ],
+};
+
 export default {
     path: '/route',
     name: 'Route',
@@ -100,8 +130,10 @@ export default {
                     ],
                 },
                 {
-                    path: '/vehicle',
+                    path: 'vehicle',
+                    name: 'VehicleMain',
                     redirect: { name: 'VehicleList' },
+                    component: () => import('src/pages/Route/Vehicle/VehicleList.vue'),
                     children: [
                         {
                             path: 'list',
@@ -109,11 +141,9 @@ export default {
                             meta: {
                                 title: 'vehicleList',
                                 icon: 'directions_car',
-                                moduleName: 'Vehicle',
                             },
-                            component: () =>
-                                import('src/pages/Route/Vehicle/VehicleList.vue'),
                         },
+                        vehicleCard,
                     ],
                 },
             ],