fixes: make proposals

This commit is contained in:
Alexandro Uc Santos
2024-08-10 18:39:08 -06:00
parent 535b000005
commit 3cd6715c4b
8 changed files with 10 additions and 19 deletions

View File

@@ -14,8 +14,6 @@
}
})
console.log(props.proposal)
const companyStore = useCompanyStore();
const authStore = useAuthStore();
const loadsStore = useLoadsStore();
@@ -86,7 +84,7 @@
<br>
<div class="box-proposal">
<div class="">
<p v-if="proposal.vehicle"><span>{{ t('labels.codeId') }}:</span> {{proposal.vehicle.vehicle_code}}</p>
<p v-if="proposal.vehicle"><span>{{ t('labels.codeId') }}:</span> {{proposal.vehicle.vehicle_code?.toUpperCase()}}</p>
<p v-if="proposal.vehicle"><span>{{ t('global.segment') }}:</span> {{proposal.load.categories?.map((e) => e.name).join(', ')}}</p>
<p v-if="proposal.vehicle"><span>{{ t('directory.typeTruck') }}:</span> {{proposal.vehicle.truck_type}}</p>
<p v-if="proposal.vehicle"><span>{{ t('labels.datePublished') }}:</span> {{ getDateMonthDay(proposal.vehicle.published_date) }}</p>

View File

@@ -25,6 +25,7 @@
const authStore = useAuthStore();
const vehiclesStore = useVehiclesStore();
const msgError = ref('');
const vehiclesAvailable = ref([]);
const form = reactive({
vehicle: "",
@@ -63,11 +64,15 @@
let filterQuery = [];
filterQuery.company = "company="+ authStore.user.company
await vehiclesStore.fetchVehicles(filterQuery);
if(!props.proposal) {
vehiclesAvailable.value = vehiclesStore.vehicles.filter((vehicle) => vehicle.is_available);
} else {
vehiclesAvailable.value = vehiclesStore.vehicles.filter((vehicle) => vehicle.is_available || vehicle._id === props.proposal.vehicle._id);
}
originCoords.value = {lat: Number.parseFloat(props.load.origin.lat), lng: Number.parseFloat(props.load.origin.lng)};
destinationCoords.value = {lat: Number.parseFloat(props.load.destination.lat), lng: Number.parseFloat(props.load.destination.lng)};;
polylines.value = await getDirections(originCoords.value, destinationCoords.value);
isLoading.value = false;
// console.log(props.proposal);
if(props.proposal) {
form.vehicle = props.proposal.vehicle._id;
form.comments = props.proposal.comment;
@@ -120,9 +125,8 @@
comment: form.comments,
vehicle : form.vehicle,
}
const index = vehiclesStore.vehicles.findIndex((prop) => prop._id === form.vehicle);
const vehicleSelected = vehiclesStore.vehicles[index];
// console.log(vehicleSelected);
const index = vehiclesAvailable.value.findIndex((prop) => prop._id === form.vehicle);
const vehicleSelected = vehiclesAvailable.value[index];
const localData = {
vehicle: vehicleSelected,
load: props.load,
@@ -184,7 +188,7 @@
v-model="form.vehicle"
>
<option disabled value="">-- {{ t('proposals.selectVehicle') }} --</option>
<option v-for="vehicle in vehiclesStore.vehicles" :value="vehicle._id">{{vehicle.vehicle_code}}</option>
<option v-for="vehicle in vehiclesAvailable" :value="vehicle._id">{{vehicle.vehicle_code?.toUpperCase()}} - {{ vehicle.truck_type }}</option>
</select>
</div>
<div class="custom-selected-field">

View File

@@ -15,13 +15,11 @@ import { watch } from 'vue';
const { t, locale } = useI18n();
onMounted(() => {
console.log('INIT popup');
lang.value = localStorage.getItem('lang') ?? 'es';
locale.value = lang.value;
});
watch(lang, () => {
console.log('change lang')
locale.value = lang.value
localStorage.setItem('lang', lang.value)
})