From 9afa5df0c752b6d39307817b406923f9b3b88f06 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 24 Dec 2024 10:31:37 +0100
Subject: [PATCH] feat: refs #7119 add VehicleList page and routing
 configuration

---
 src/pages/Route/Vehicle/VehicleList.vue | 67 +++++++++++++++++++++++++
 src/router/modules/route.js             | 17 +++++++
 2 files changed, 84 insertions(+)
 create mode 100644 src/pages/Route/Vehicle/VehicleList.vue

diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
new file mode 100644
index 000000000..9b092788a
--- /dev/null
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -0,0 +1,67 @@
+<script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import VnTable from 'components/VnTable/VnTable.vue';
+
+const { t } = useI18n();
+
+const columns = computed(() => [
+    {
+        align: 'left',
+        name: 'id',
+        label: 'Id',
+        chip: {
+            condition: () => true,
+        },
+        isId: true,
+        columnFilter: false,
+    },
+    {
+        align: 'left',
+        label: t('globals.name'),
+        name: 'name',
+        isTitle: true,
+        columnFilter: false,
+        columnClass: 'expand',
+    },
+    {
+        align: 'left',
+        label: t('isOwn'),
+        name: 'isOwn',
+        component: 'checkbox',
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        label: t('isAnyVolumeAllowed'),
+        name: 'isAnyVolumeAllowed',
+        component: 'checkbox',
+        cardVisible: true,
+        disable: true,
+    },
+    {
+        align: 'right',
+        label: '',
+        name: 'tableActions',
+        actions: [
+            {
+                title: t('Client ticket list'),
+                icon: 'preview',
+            },
+        ],
+    },
+]);
+</script>
+<template>
+    <div class="list-container">
+        <div class="list">
+            <VnTable
+                data-key="VehicleList"
+                url="Vehicles"
+                :columns="columns"
+                :use-model="true"
+                redirect="vehicle"
+            />
+        </div>
+    </div>
+</template>
diff --git a/src/router/modules/route.js b/src/router/modules/route.js
index 9a7b16df3..787b65d13 100644
--- a/src/router/modules/route.js
+++ b/src/router/modules/route.js
@@ -18,6 +18,7 @@ export default {
             'RouteRoadmap',
             'CmrList',
             'AgencyList',
+            'VehicleList',
         ],
         card: ['RouteBasicData', 'RouteTickets', 'RouteLog'],
     },
@@ -98,6 +99,22 @@ export default {
                         },
                     ],
                 },
+                {
+                    path: '/vehicle',
+                    redirect: { name: 'VehicleList' },
+                    children: [
+                        {
+                            path: 'list',
+                            name: 'VehicleList',
+                            meta: {
+                                title: 'vehicleList',
+                                icon: 'directions_list',
+                            },
+                            component: () =>
+                                import('src/pages/Route/Vehicle/VehicleList.vue'),
+                        },
+                    ],
+                },
             ],
         },
         {