fixes: vehicles & proposals
This commit is contained in:
@@ -12,7 +12,6 @@
|
||||
required: true
|
||||
}
|
||||
})
|
||||
console.log(props.vehicle);
|
||||
defineEmits(['set-vehicle']);
|
||||
|
||||
const { t, locale } = useI18n()
|
||||
@@ -59,6 +58,11 @@
|
||||
});
|
||||
}
|
||||
|
||||
const handleTracking = () => {
|
||||
let code = props.vehicle.active_load._id;
|
||||
window.open('/publico/tracking/' + code, '_blank');
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
@@ -66,7 +70,7 @@
|
||||
<div class="card-fixed card-vehicle">
|
||||
<div class="row my-2">
|
||||
<div class="col-lg-6">
|
||||
<p>{{ t('labels.codeId') }}: <span>{{ vehicle?.vehicle_code }}</span></p>
|
||||
<p>{{ t('labels.codeId') }}: <span>{{ vehicle?.vehicle_code.toUpperCase() }}</span></p>
|
||||
<p>{{ t('directory.typeTruck') }}: <span>{{ vehicle.truck_type }}</span></p>
|
||||
<p>{{ t('vehicles.serialNumber') }}: <span>{{ vehicle.vehicle_number }}</span></p>
|
||||
<p>{{ t('global.segment') }}: <span>{{vehicle.categories?.map((e) => e.name).join(', ')}}</span></p>
|
||||
@@ -88,7 +92,8 @@
|
||||
<div class="col-lg-6">
|
||||
<p>{{ t('vehicles.trailerPlates') }} 2: <span>{{ vehicle.trailer_plate_2 }}</span></p>
|
||||
<p>{{ t('vehicles.chargingBase') }}: <span>{{ vehicle.city }}, {{ vehicle.state }}</span></p>
|
||||
<p v-if="vehicle.is_available">{{ t('vehicles.availableIn') }}: <span>{{ vehicle.destino }}</span></p>
|
||||
<p v-if="vehicle.destino">{{ t('loads.destination') }}: <span>{{ vehicle.destino.replace(';', ', ') }}</span></p>
|
||||
<p v-if="vehicle.available_in">{{ t('vehicles.availableIn') }}: <span>{{ vehicle.available_in.replace(';', ', ') }}</span></p>
|
||||
<p>Status:
|
||||
<span>{{ vehicle.is_available ? t('vehicles.available') : t('vehicles.reserved')}}
|
||||
<i
|
||||
@@ -100,7 +105,14 @@
|
||||
</span>
|
||||
</p>
|
||||
<p v-if="vehicle.is_available">{{ t('vehicles.availableDate') }}: <span>{{ getDateMonthDayEs(vehicle.available_date, false) }}</span></p>
|
||||
<p v-if="vehicle.active_load">{{ t('loads.loadCode') }}: <span>{{ vehicle.active_load.shipment_code}}</span></p>
|
||||
<p v-if="vehicle.active_load">
|
||||
{{ t('loads.loadCode') }}:
|
||||
<span
|
||||
class="code-enruta"
|
||||
@click="handleTracking"
|
||||
data-target="_blank"
|
||||
>{{ vehicle.active_load.shipment_code?.toUpperCase() }}</span>
|
||||
</p>
|
||||
<p v-if="vehicle.active_load">{{ t('loads.loadStatus') }}: <span>{{ getStatusLoad(vehicle.active_load, locale).status}}</span></p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -165,4 +177,9 @@
|
||||
background-color: aqua;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.code-enruta {
|
||||
cursor: pointer;
|
||||
color: rgb(107, 107, 227);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user