add: search vehicles view & fixes: bugs state

This commit is contained in:
Alexandro Uc Santos
2024-08-17 18:56:22 -06:00
parent 3cd6715c4b
commit 84c0595f5b
24 changed files with 392 additions and 75 deletions

View File

@@ -19,13 +19,17 @@
type: Boolean,
required: false,
default: false
},
tracking: {
type: Boolean,
required: false,
default: true
}
});
const { t } = useI18n()
defineEmits(['set-load'])
const openAttachmentsModal = () => {
loadsStore.currentLoad = props.load;
loadsStore.openAttachmentsModal = true;
@@ -94,32 +98,32 @@
<div class="col-lg-6 col-sm-12">
<p>
<span>{{t('loads.origin')}}: </span>
<template v-if="load.origin.company_name"> {{ load.origin.company_name }}, </template>
<template v-if="load.origin.street_address1">{{ load.origin.street_address1 }}, </template>
<template v-if="load.origin.city">{{ load.origin.city }}, </template>
<template v-if="load.origin.state">{{ load.origin.state }}, </template>
<template v-if="load.origin.country">{{ load.origin.country }}, </template>
<template v-if="load.origin.zipcode">{{ load.origin.zipcode }} </template>
<template v-if="load.origin?.company_name"> {{ load.origin?.company_name }}, </template>
<template v-if="load.origin?.street_address1">{{ load.origin?.street_address1 }}, </template>
<template v-if="load.origin?.city">{{ load.origin?.city }}, </template>
<template v-if="load.origin?.state">{{ load.origin?.state }}, </template>
<template v-if="load.origin?.country">{{ load.origin?.country }}, </template>
<template v-if="load.origin?.zipcode">{{ load.origin?.zipcode }} </template>
</p>
<p>
<span>{{t('loads.destination')}}: </span>
<template v-if="load.destination.company_name"> {{ load.destination.company_name }}, </template>
<template v-if="load.destination.street_address1">{{ load.destination.street_address1 }}, </template>
<template v-if="load.destination.city">{{ load.destination.city }}, </template>
<template v-if="load.destination.state">{{ load.destination.state }}, </template>
<template v-if="load.destination.country">{{ load.destination.country }}, </template>
<template v-if="load.destination.zipcode">{{ load.destination.zipcode }} </template>
<template v-if="load.destination?.company_name"> {{ load.destination?.company_name }}, </template>
<template v-if="load.destination?.street_address1">{{ load.destination?.street_address1 }}, </template>
<template v-if="load.destination?.city">{{ load.destination?.city }}, </template>
<template v-if="load.destination?.state">{{ load.destination?.state }}, </template>
<template v-if="load.destination?.country">{{ load.destination?.country }}, </template>
<template v-if="load.destination?.zipcode">{{ load.destination?.zipcode }} </template>
</p>
</div>
<div class="col-lg-6 col-sm-12" v-if="readOnly">
<p>
<div class="col-lg-6 col-sm-12">
<p v-if="readOnly">
<span>{{t('loads.company')}}: </span>
{{ load.company.company_name }}
{{ load.company?.company_name }}
</p>
</div>
<div class="col-lg-6 col-sm-12" v-if="authStore.user?.permissions === 'role_shipper'">
<p><span>{{t('loads.postStatus')}}:</span> <span class="simple">{{ getStatusPublished(load) }}</span></p>
<p :style="{color: getStatusLoad(load).color}"><span>{{t('loads.loadStatus')}}:</span> <span class="simple">{{ getStatusLoad(load).status }}</span></p>
<div v-if="!readOnly">
<p><span>{{t('loads.postStatus')}}:</span> <span class="simple">{{ getStatusPublished(load) }}</span></p>
<p :style="{color: getStatusLoad(load).color}"><span>{{t('loads.loadStatus')}}:</span> <span class="simple">{{ getStatusLoad(load).status }}</span></p>
</div>
</div>
</div>
<div class="divider"></div>
@@ -139,7 +143,7 @@
<p><span>{{t('global.segment')}}: </span> {{ load.categories?.map((e) => e.name).join(', ') }}</p>
<p><span>{{t('loads.loadCode')}}: </span> {{ load.shipment_code?.toUpperCase() }}
<span
v-if="load.load_status !== 'Draft' && !readOnly"
v-if="load.status !== 'Draft' && tracking"
class="tracking-icon"
@click="handleTracking"
data-target="_blank"
@@ -156,7 +160,7 @@
<div v-if="load.notes" class="box-note">
{{ load.notes }}
</div>
<div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_shipper'">
<div class="btn-row" v-if="load?.company?._id === authStore?.user?.company._id">
<button
v-if="(authStore.user?.job_role === 'owner' || authStore.user?.job_role === 'manager') || authStore.user._id === props.load.posted_by"
class="btn-primary-sm bg-danger"
@@ -185,7 +189,7 @@
data-target="#proposalsModal"
>#{{ load.no_of_proposals }} {{t('loads.offers')}}</button>
</div>
<div class="btn-row" v-if="!readOnly && authStore.user?.permissions === 'role_carrier'">
<div class="btn-row" v-if="readOnly && authStore.user?.permissions === 'role_carrier'">
<button
class="btn-primary-sm bg-dark"
data-toggle="modal"