From cc0c73a91af56fdc44d8efa31f865e631a09ef90 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 24 Jan 2025 16:13:59 +0100
Subject: [PATCH] feat: refs #7119 update VehicleList and routing for RouteCard
 with nested components

---
 src/pages/Route/Vehicle/VehicleList.vue |  3 +-
 src/pages/Route/Vehicle/locale/en.yml   |  2 +-
 src/pages/Route/Vehicle/locale/es.yml   |  2 +-
 src/router/modules/route.js             | 93 +++++++++++++------------
 4 files changed, 52 insertions(+), 48 deletions(-)

diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
index 358430b621..3d98353e49 100644
--- a/src/pages/Route/Vehicle/VehicleList.vue
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -165,9 +165,8 @@ const columns = computed(() => [
             <VnTable
                 ref="tableRef"
                 data-key="VehicleList"
-                url="Vehicles/filter"
                 :columns="columns"
-                redirect="vehicle"
+                redirect="route/vehicle"
                 :right-search="false"
                 :create="{
                     urlCreate: 'Vehicles',
diff --git a/src/pages/Route/Vehicle/locale/en.yml b/src/pages/Route/Vehicle/locale/en.yml
index 5c340c389d..c92022f9d2 100644
--- a/src/pages/Route/Vehicle/locale/en.yml
+++ b/src/pages/Route/Vehicle/locale/en.yml
@@ -14,7 +14,7 @@ vehicle:
     amountCooler: Amount cooler
     remove: Vehicle removed
     search: Search Vehicle
-    info: Search by id or number plate
+    searchInfo: Search by id or number plate
     params:
         vehicleTypeFk: Type
         vehicleStateFk: State
diff --git a/src/pages/Route/Vehicle/locale/es.yml b/src/pages/Route/Vehicle/locale/es.yml
index 6e79dcc122..c878f97ac5 100644
--- a/src/pages/Route/Vehicle/locale/es.yml
+++ b/src/pages/Route/Vehicle/locale/es.yml
@@ -14,7 +14,7 @@ vehicle:
     nLeasing: Nº leasing
     remove: Vehículo eliminado
     search: Buscar Vehículo
-    searchinfo: Buscar por id o matrícula
+    searchInfo: Buscar por id o matrícula
     params:
         vehicleTypeFk: Tipo
         vehicleStateFk: Estado
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index d603249244..60f06e2156 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -1,5 +1,53 @@
 import { RouterView } from 'vue-router';
 
+const routeCard = {
+    name: 'RouteCard',
+    path: ':id',
+    component: () => import('src/pages/Route/Card/RouteCard.vue'),
+    redirect: { name: 'RouteSummary' },
+    meta: {
+        menu: ['RouteBasicData', 'RouteTickets', 'RouteLog'],
+    },
+    children: [
+        {
+            name: 'RouteBasicData',
+            path: 'basic-data',
+            meta: {
+                title: 'basicData',
+                icon: 'vn:settings',
+            },
+            component: () => import('pages/Route/Card/RouteForm.vue'),
+        },
+        {
+            name: 'RouteSummary',
+            path: 'summary',
+            meta: {
+                title: 'summary',
+                icon: 'open_in_new',
+            },
+            component: () => import('pages/Route/Card/RouteSummary.vue'),
+        },
+        {
+            path: 'tickets',
+            name: 'RouteTickets',
+            meta: {
+                title: 'tickets',
+                icon: 'vn:ticket',
+            },
+            component: () => import('src/pages/Route/RouteTickets.vue'),
+        },
+        {
+            path: 'log',
+            name: 'RouteLog',
+            meta: {
+                title: 'log',
+                icon: 'vn:History',
+            },
+            component: () => import('src/pages/Route/RouteLog.vue'),
+        },
+    ],
+};
+
 const vehicleCard = {
     path: ':id',
     name: 'VehicleCard',
@@ -148,49 +196,6 @@ export default {
                 },
             ],
         },
-        {
-            name: 'RouteCard',
-            path: ':id',
-            component: () => import('src/pages/Route/Card/RouteCard.vue'),
-            redirect: { name: 'RouteSummary' },
-            children: [
-                {
-                    name: 'RouteBasicData',
-                    path: 'basic-data',
-                    meta: {
-                        title: 'basicData',
-                        icon: 'vn:settings',
-                    },
-                    component: () => import('pages/Route/Card/RouteForm.vue'),
-                },
-                {
-                    name: 'RouteSummary',
-                    path: 'summary',
-                    meta: {
-                        title: 'summary',
-                        icon: 'open_in_new',
-                    },
-                    component: () => import('pages/Route/Card/RouteSummary.vue'),
-                },
-                {
-                    path: 'tickets',
-                    name: 'RouteTickets',
-                    meta: {
-                        title: 'tickets',
-                        icon: 'vn:ticket',
-                    },
-                    component: () => import('src/pages/Route/RouteTickets.vue'),
-                },
-                {
-                    path: 'log',
-                    name: 'RouteLog',
-                    meta: {
-                        title: 'log',
-                        icon: 'vn:History',
-                    },
-                    component: () => import('src/pages/Route/RouteLog.vue'),
-                },
-            ],
-        },
+        routeCard,
     ],
 };