diff --git a/src/pages/Route/Vehicle/VehicleList.vue b/src/pages/Route/Vehicle/VehicleList.vue
index aa3191c92..9f90f1fe5 100644
--- a/src/pages/Route/Vehicle/VehicleList.vue
+++ b/src/pages/Route/Vehicle/VehicleList.vue
@@ -3,6 +3,7 @@ import { ref, computed } from 'vue';
import { useI18n } from 'vue-i18n';
import VnTable from 'components/VnTable/VnTable.vue';
import FetchData from 'src/components/FetchData.vue';
+import VehicleSearchbar from 'src/pages/Route/Vehicle/VehicleSearchbar.vue';
const { t } = useI18n();
const warehouses = ref([]);
@@ -74,13 +75,8 @@ const columns = computed(() => [
{
name: 'vehicleStateFk',
label: t('globals.state'),
- columnFilter: {
- component: 'select',
- name: 'vehicleStateFk',
- optionValue: 'id',
- optionLabel: 'state',
- options: vehicleStates.value,
- },
+ columnFilter: false,
+ sortable: false,
format: (row, dashIfEmpty) => dashIfEmpty(row.event?.state?.state),
},
]);
@@ -110,6 +106,7 @@ const columns = computed(() => [
@on-fetch="(data) => (vehicleStates = data)"
auto-load
/>
+
+import VnSearchbar from 'components/ui/VnSearchbar.vue';
+
+
+
+
diff --git a/src/pages/Route/Vehicle/locale/en.yml b/src/pages/Route/Vehicle/locale/en.yml
index ddfc34bfe..c505c9678 100644
--- a/src/pages/Route/Vehicle/locale/en.yml
+++ b/src/pages/Route/Vehicle/locale/en.yml
@@ -4,3 +4,6 @@ vehicle:
chassis: Chassis
leasing: Leasing
isKmTruckRate: Trailer
+ searchbar:
+ label: Search Vehicle
+ info: Search by id or number plate
diff --git a/src/pages/Route/Vehicle/locale/es.yml b/src/pages/Route/Vehicle/locale/es.yml
index 9a1c5b7fb..09a9d05c0 100644
--- a/src/pages/Route/Vehicle/locale/es.yml
+++ b/src/pages/Route/Vehicle/locale/es.yml
@@ -4,3 +4,6 @@ vehicle:
chassis: Número de bastidor
leasing: Número de leasing
isKmTruckRate: Trailer
+ searchbar:
+ label: Buscar Vehículo
+ info: Buscar por id o matrícula