src/pages/Route/Vehicle/Card/VehicleCard.vue

@@ -1,6 +1,5 @@
 <script setup>
 import VnCardBeta from 'components/common/VnCard.vue';
-import VehicleSearchbar from '../VehicleSearchbar.vue';
 import VehicleDescriptor from './VehicleDescriptor.vue';
 import VehicleFilter from '../VehicleFilter.js';
 </script>
@@ -10,10 +9,5 @@ import VehicleFilter from '../VehicleFilter.js';
         base-url="Vehicles"
         :filter="VehicleFilter"
         :descriptor="VehicleDescriptor"
-        search-data-key="VehicleList"
+    />
-    >
-        <template #searchbar>
-            <VehicleSearchbar />
-        </template>
-    </VnCardBeta>
 </template>

src/pages/Route/Vehicle/VehicleList.vue

@@ -8,6 +8,7 @@ import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import VehicleSummary from 'src/pages/Route/Vehicle/Card/VehicleSummary.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
+import VnSection from 'src/components/common/VnSection.vue';
 
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
@@ -152,13 +153,22 @@ const columns = computed(() => [
         @on-fetch="(data) => (vehicleTypes = data)"
         auto-load
     />
-    <VehicleSearchbar />
+    <VnSection
+        data-key="VehicleList"
+        :columns="columns"
+        prefix="vehicle"
+        :array-data-props="{
+            url: 'Vehicles/filter',
+        }"
+    >
+        <template #body>
             <VnTable
                 ref="tableRef"
                 data-key="VehicleList"
                 url="Vehicles/filter"
                 :columns="columns"
                 redirect="vehicle"
+                :right-search="false"
                 :create="{
                     urlCreate: 'Vehicles',
                     title: t('vehicle.create'),
@@ -198,8 +208,13 @@ const columns = computed(() => [
                         option-label="code"
                         :options="countries"
                     />
-            <VnInput v-model="data.description" :label="$t('globals.description')" />
+                    <VnInput
+                        v-model="data.description"
+                        :label="$t('globals.description')"
+                    />
                     <QCheckbox to v-model="data.isActive" :label="$t('globals.active')" />
                 </template>
             </VnTable>
+        </template>
+    </VnSection>
 </template>

src/pages/Route/Vehicle/locale/en.yml

@@ -13,8 +13,7 @@ vehicle:
     create: Create Vehicle
     amountCooler: Amount cooler
     remove: Vehicle removed
-    searchbar:
+    search: Search Vehicle
-        label: Search Vehicle
     info: Search by id or number plate
     params:
         vehicleTypeFk: Type

src/pages/Route/Vehicle/locale/es.yml

@@ -13,9 +13,8 @@ vehicle:
     isActive: Activo
     nLeasing: Nº leasing
     remove: Vehículo eliminado
-    searchbar:
+    search: Buscar Vehículo
-        label: Buscar Vehículo
+    searchinfo: Buscar por id o matrícula
-        info: Buscar por id o matrícula
     params:
         vehicleTypeFk: Tipo
         vehicleStateFk: Estado