src/i18n/locale/en.yml

@@ -304,7 +304,7 @@ globals:
         wasteRecalc: Waste recaclulate
         operator: Operator
         parking: Parking
-        vehicleList: Vehicle list
+        vehicleList: Vehicles
     supplier: Supplier
     created: Created
     worker: Worker

src/i18n/locale/es.yml

@@ -308,7 +308,7 @@ globals:
         wasteRecalc: Recalcular mermas
         operator: Operario
         parking: Parking
-        vehicleList: Listado vehículos
+        vehicleList: Vehículos
     supplier: Proveedor
     created: Fecha creación
     worker: Trabajador

src/pages/Route/Vehicle/VehicleList.vue

@@ -8,6 +8,7 @@ const { t } = useI18n();
 const warehouses = ref([]);
 const companies = ref([]);
 const countries = ref([]);
+const vehicleStates = ref([]);
 
 const columns = computed(() => [
     {
@@ -78,17 +79,35 @@ const columns = computed(() => [
 ]);
 </script>
 <template>
-    <FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load />
-    <FetchData url="Companies" @on-fetch="(data) => (companies = data)" auto-load />
-    <FetchData url="Countries" @on-fetch="(data) => (countries = data)" auto-load />
-    <div class="list-container">
-        <div class="list">
-            <VnTable
-                data-key="VehicleList"
-                url="Vehicles/filter"
-                :columns="columns"
-                redirect="vehicle"
-            />
-        </div>
-    </div>
+    <FetchData
+        url="Warehouses"
+        :filter="{ fields: ['id', 'name'] }"
+        @on-fetch="(data) => (warehouses = data)"
+        auto-load
+    />
+    <FetchData
+        url="Companies"
+        :filter="{ fields: ['id', 'code'] }"
+        @on-fetch="(data) => (companies = data)"
+        auto-load
+    />
+    <FetchData
+        url="Countries"
+        :filter="{ fields: ['code'] }"
+        @on-fetch="(data) => (countries = data)"
+        auto-load
+    />
+    <FetchData
+        url="VehicleStates"
+        :filter="{ fields: ['id', 'state'] }"
+        @on-fetch="(data) => (vehicleStates = data)"
+        auto-load
+    />
+    <VnTable
+        data-key="VehicleList"
+        url="Vehicles/filter"
+        :columns="columns"
+        redirect="vehicle"
+        auto-load
+    />
 </template>