ETA/WebETA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: delete load

Browse Source
This commit is contained in:
Alexandro Uc Santos
2023-12-14 21:59:45 -06:00
parent 292d125216
commit 4228ba5129
7 changed files with 179 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/components/ProposalsModal.vue
View File

@@ -4,6 +4,8 @@
import Spiner from './ui/Spiner.vue';
import { getDateMonthDay } from '../helpers/date_formats';
import VehicleInfo from './VehicleInfo.vue';
import Swal from 'sweetalert2'
const loadsStore = useLoadsStore();
const isLoading = ref(false);
@@ -32,13 +34,23 @@
};
}
const handleCancelProposal = (proposal) => {
const index = loadsStore.proposalsOfLoads.findIndex((p) => p._id === proposal._id);
// console.log(loadsStore.proposalsOfLoads[index])
loadsStore.proposalsOfLoads[index] = {
...proposal,
is_accepted: false
};
const handleCancelProposal = async(proposal) => {
const {isConfirmed} = await Swal.fire({
title: 'Cancelar oferta!',
text: '¿Estás seguro de cancelar esta oferta?',
icon: 'question',
showCancelButton: true,
confirmButtonText: 'Si',
cancelButtonText: 'No'
})
if( isConfirmed ) {
const index = loadsStore.proposalsOfLoads.findIndex((p) => p._id === proposal._id);
// console.log(loadsStore.proposalsOfLoads[index])
loadsStore.proposalsOfLoads[index] = {
...proposal,
is_accepted: false
};
}
}
</script>
@@ -59,44 +71,49 @@
</div>
<div class="modal-body view-proposals">
<Spiner v-if="isLoading"/>
<div v-else v-for="proposal in loadsStore.proposalsOfLoads" class="card-fixed card-proposal">
<div class="row">
<div class="col-lg-6 col-md-12">
<p>Empresa: <span>{{ proposal.carrier.company_name }}</span></p>
<p>Licitador: <span>{{ proposal.bidder.first_name }} {{ proposal.bidder.last_name }}</span></p>
<p># de registro del transportista: <span v-if="proposal.vehicle">{{proposal.vehicle.vehicle_code}}</span></p>
<div v-else>
<div v-if="loadsStore.proposalsOfLoads.length > 0" v-for="proposal in loadsStore.proposalsOfLoads" class="card-fixed card-proposal">
<div class="row">
<div class="col-lg-6 col-md-12">
<p>Empresa: <span>{{ proposal.carrier.company_name }}</span></p>
<p>Licitador: <span>{{ proposal.bidder.first_name }} {{ proposal.bidder.last_name }}</span></p>
<p># de registro del transportista: <span v-if="proposal.vehicle">{{proposal.vehicle.vehicle_code}}</span></p>
</div>
<div class="col-lg-6 col-md-12">
<p>Fecha: <span>{{ getDateMonthDay(proposal.createdAt) }}</span></p>
<p>Tipo de Transporte: <span v-if="proposal.vehicle">{{proposal.vehicle.truck_type}}</span></p>
<p>Transportista: <span v-if="proposal._driver">{{proposal._driver}}</span></p>
</div>
</div>
<div class="col-lg-6 col-md-12">
<p>Fecha: <span>{{ getDateMonthDay(proposal.createdAt) }}</span></p>
<p>Tipo de Transporte: <span v-if="proposal.vehicle">{{proposal.vehicle.truck_type}}</span></p>
<p>Transportista: <span v-if="proposal._driver">{{proposal._driver}}</span></p>
<div v-if="proposal.comment" class="box-note">
{{ proposal.comment }}
</div>
</div>
<div v-if="proposal.comment" class="box-note">
{{ proposal.comment }}
</div>
<VehicleInfo v-if="proposal.vehicle" :vehicle="proposal.vehicle"/>
<div class="d-flex justify-content-end gap-3">
<div v-if="proposal.is_accepted" class="indicator-check">
<i class="fa-solid fa-check"></i>
Aceptado
</div>
<button v-if="!proposal.is_accepted"
type="button"
class="btn-primary-sm"
@click="handleAceptedProposal(proposal)"
>
<i class="fa-solid fa-check"></i>
Aceptar
</button>
<button
v-if="proposal.load.load_status !== 'Delivered'"
class="btn-primary-sm"
@click="handleCancelProposal(proposal)"
<VehicleInfo v-if="proposal.vehicle" :vehicle="proposal.vehicle"/>
<div class="d-flex justify-content-end gap-3">
<div v-if="proposal.is_accepted" class="indicator-check">
<i class="fa-solid fa-check"></i>
Aceptado
</div>
<button v-if="!proposal.is_accepted"
type="button"
class="btn-primary-sm"
@click="handleAceptedProposal(proposal)"
>
<i class="fa-solid fa-ban clear-sm"></i>
Cancelar
</button>
<i class="fa-solid fa-check"></i>
Aceptar
</button>
<button
v-if="proposal.load.load_status !== 'Delivered' && proposal.is_accepted"
class="btn-primary-sm"
@click="handleCancelProposal(proposal)"
>
<i class="fa-solid fa-ban clear-sm"></i>
Cancelar
</button>
</div>
</div>
<div v-else>
No hay ofertas
</div>
</div>
</div>