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

@@ -12,6 +12,7 @@ const companies = ref([]);
 const countries = ref([]);
 const fuelTypes = ref([]);
 const bankPolicies = ref([]);
+const deliveryPoints = ref([]);
 </script>
 <template>
     <FetchData
@@ -38,6 +39,12 @@ const bankPolicies = ref([]);
         @on-fetch="(data) => (fuelTypes = data)"
         auto-load
     />
+    <FetchData
+        url="DeliveryPoints"
+        :filter="{ fields: ['id', 'name'] }"
+        @on-fetch="(data) => (deliveryPoints = data)"
+        auto-load
+    />
     <FormModel model="Vehicle" :url-update="`Vehicles/${$route.params.id}`">
         <template #form="{ data }">
             <VnRow>
@@ -70,7 +77,11 @@ const bankPolicies = ref([]);
                     :label="$t('globals.fuel')"
                     :options="fuelTypes"
                 />
-                <VnInput v-model="data.vin" :label="$t('vehicle.vin')" />
+                <VnSelect
+                    v-model="data.deliveryPointFk"
+                    :label="$t('globals.deliveryPoint')"
+                    :options="deliveryPoints"
+                />
             </VnRow>
             <VnRow>
                 <VnSelect
@@ -134,7 +145,8 @@ const bankPolicies = ref([]);
                 />
             </VnRow>
             <VnRow>
-                <span>
+                <VnInput v-model="data.vin" :label="$t('vehicle.vin')" />
+                <span :style="{ 'align-self': $q.screen.gt.xs ? 'end' : 'unset' }">
                     <QCheckbox
                         v-model="data.isActive"
                         :label="$t('vehicle.isActive')"