add: search vehicles view & fixes: bugs state
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user