diff --git a/src/pages/Route/Vehicle/Card/VehicleSummary.vue b/src/pages/Route/Vehicle/Card/VehicleSummary.vue
index fa814ae21..981870cb2 100644
--- a/src/pages/Route/Vehicle/Card/VehicleSummary.vue
+++ b/src/pages/Route/Vehicle/Card/VehicleSummary.vue
@@ -9,7 +9,7 @@ import VehicleFilter from '../VehicleFilter.js';
 import { downloadFile } from 'src/composables/downloadFile';
 import { dashIfEmpty } from 'src/filters';
 
-const props = defineProps({ id: { type: [Number, String], default: 0 } });
+const props = defineProps({ id: { type: [Number, String], default: null } });
 
 const route = useRoute();
 const entityId = computed(() => props.id || +route.params.id);
diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
index 3d98353e4..c4edd48db 100644
--- a/src/pages/Route/Vehicle/VehicleList.vue
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -167,7 +167,6 @@ const columns = computed(() => [
                 data-key="VehicleList"
                 :columns="columns"
                 redirect="route/vehicle"
-                :right-search="false"
                 :create="{
                     urlCreate: 'Vehicles',
                     title: t('vehicle.create'),
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 2575e74ba..835324d20 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -160,6 +160,36 @@ const roadmapCard = {
     ],
 };
 
+const vehicleCard = {
+    path: ':id',
+    name: 'VehicleCard',
+    component: () => import('src/pages/Route/Vehicle/Card/VehicleCard.vue'),
+    redirect: { name: 'VehicleSummary' },
+    meta: {
+        menu: ['VehicleBasicData'],
+    },
+    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 {
     name: 'Route',
     path: '/route',
@@ -281,6 +311,27 @@ export default {
                         agencyCard,
                     ],
                 },
+                {
+                    path: 'vehicle',
+                    name: 'RouteVehicle',
+                    redirect: { name: 'VehicleList' },
+                    meta: {
+                        title: 'vehicle',
+                        icon: 'directions_car',
+                    },
+                    component: () => import('src/pages/Route/Vehicle/VehicleList.vue'),
+                    children: [
+                        {
+                            path: 'list',
+                            name: 'VehicleList',
+                            meta: {
+                                title: 'vehicleList',
+                                icon: 'directions_car',
+                            },
+                        },
+                        vehicleCard,
+                    ],
+                },
             ],
         },
     ],