fix: card proposals
This commit is contained in:
@@ -7,7 +7,7 @@
|
|||||||
import useCalendar from '../composables/useCalendar';
|
import useCalendar from '../composables/useCalendar';
|
||||||
import CustomPopup from '../components/CustomPopup.vue';
|
import CustomPopup from '../components/CustomPopup.vue';
|
||||||
import { watch } from 'vue';
|
import { watch } from 'vue';
|
||||||
import { useAuthStore } from '../stores/auth';
|
import { useAuthStore } from '../stores/auth';
|
||||||
|
|
||||||
const events = ref([]);
|
const events = ref([]);
|
||||||
|
|
||||||
@@ -64,7 +64,7 @@ import { useAuthStore } from '../stores/auth';
|
|||||||
},
|
},
|
||||||
defaultMode: 'month',
|
defaultMode: 'month',
|
||||||
isSilent: true,
|
isSilent: true,
|
||||||
// showCurrentTime: false, // Display a line indicating the current time
|
// showCurrentTime: true, // Display a line indicating the current time
|
||||||
}
|
}
|
||||||
|
|
||||||
onMounted( async() => {
|
onMounted( async() => {
|
||||||
@@ -198,6 +198,21 @@ import { useAuthStore } from '../stores/auth';
|
|||||||
@datetime-was-clicked="handleClickDate"
|
@datetime-was-clicked="handleClickDate"
|
||||||
:is-loading="loading"
|
:is-loading="loading"
|
||||||
>
|
>
|
||||||
|
<!-- <template #dayCell="{dayData}">
|
||||||
|
<p v-if="dayData.events.length > 0" class="text-center mt-1"> {{ dayData.events[0]?.start?.substring(8, 10) }}</p>
|
||||||
|
<div v-for="(item, index) in dayData.events" :key="index">
|
||||||
|
<div
|
||||||
|
style="cursor: pointer;"
|
||||||
|
@click="event => $emit('event-was-clicked', event)"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
style="font-size: 12px;"
|
||||||
|
:style="{color: item.color}"
|
||||||
|
class="fa-solid fa-circle"></i>
|
||||||
|
<span style="margin-left: 8px; font-size: 12px;">{{ item.title }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template> -->
|
||||||
<template #eventDialog="props">
|
<template #eventDialog="props">
|
||||||
<div v-if="props.eventDialogData && props.eventDialogData.title" class="event-modal">
|
<div v-if="props.eventDialogData && props.eventDialogData.title" class="event-modal">
|
||||||
<h2>Información del status de la carga</h2>
|
<h2>Información del status de la carga</h2>
|
||||||
|
|||||||
@@ -87,8 +87,6 @@ import CustomPopup from '../../components/CustomPopup.vue';
|
|||||||
filter = filter;
|
filter = filter;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
// console.log(type.value)
|
|
||||||
console.log(filter)
|
|
||||||
await companyStore.getProposalsCompany(filter, true);
|
await companyStore.getProposalsCompany(filter, true);
|
||||||
console.log(companyStore.proposals)
|
console.log(companyStore.proposals)
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Swal from 'sweetalert2';
|
import Swal from 'sweetalert2';
|
||||||
import { getDateOnly } from '../../../helpers/date_formats';
|
import { getDayMonthYear } from '../../../helpers/date_formats';
|
||||||
import { getStatusLoad } from '../../../helpers/status';
|
import { getStatusLoad } from '../../../helpers/status';
|
||||||
import { useCompanyStore } from '../../../stores/company';
|
import { useCompanyStore } from '../../../stores/company';
|
||||||
import { useAuthStore } from '../../../stores/auth';
|
import { useAuthStore } from '../../../stores/auth';
|
||||||
@@ -91,8 +91,8 @@
|
|||||||
<p v-if="proposal.vehicle"><span>{{ t('labels.codeId') }}:</span> {{proposal.vehicle.vehicle_code?.toUpperCase()}}</p>
|
<p v-if="proposal.vehicle"><span>{{ t('labels.codeId') }}:</span> {{proposal.vehicle.vehicle_code?.toUpperCase()}}</p>
|
||||||
<p v-if="proposal.load"><span>{{ t('global.segment') }}:</span> {{proposal.load.categories?.map((e) => e.name).join(', ')}}</p>
|
<p v-if="proposal.load"><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('directory.typeTruck') }}:</span> {{proposal.vehicle.truck_type}}</p>
|
||||||
<p v-if="proposal.vehicle?.published_date"><span>{{ t('labels.datePublished') }}:</span> {{ getDateOnly(proposal.vehicle.published_date) }}</p>
|
<p v-if="proposal.vehicle?.published_date"><span>{{ t('labels.datePublished') }}:</span> {{ getDayMonthYear(proposal.vehicle.published_date) }}</p>
|
||||||
<p v-if="proposal.vehicle?.is_available"><span>{{ t('labels.dateAvailable') }}:</span> {{ getDateOnly(proposal.vehicle.available_date) }}</p>
|
<p v-if="proposal.vehicle?.is_available"><span>{{ t('labels.dateAvailable') }}:</span> {{ getDayMonthYear(proposal.vehicle.available_date) }}</p>
|
||||||
<p v-if="proposal.vehicle?.is_available"><span>{{ t('vehicles.availableIn') }}:</span> {{proposal.vehicle.city}}<template v-if="proposal.vehicle.state">, {{proposal.vehicle.state}}</template></p>
|
<p v-if="proposal.vehicle?.is_available"><span>{{ t('vehicles.availableIn') }}:</span> {{proposal.vehicle.city}}<template v-if="proposal.vehicle.state">, {{proposal.vehicle.state}}</template></p>
|
||||||
<p v-if="proposal.vehicle"><span>{{ t('loads.destination') }}:</span> {{proposal.vehicle?.destino.replace(';', ', ')}}</p>
|
<p v-if="proposal.vehicle"><span>{{ t('loads.destination') }}:</span> {{proposal.vehicle?.destino.replace(';', ', ')}}</p>
|
||||||
<p v-if="proposal.vehicle?.circulation_serial_number"><span>{{ t('vehicles.truckPlates') }}:</span> {{ proposal.vehicle?.circulation_serial_number }}</p>
|
<p v-if="proposal.vehicle?.circulation_serial_number"><span>{{ t('vehicles.truckPlates') }}:</span> {{ proposal.vehicle?.circulation_serial_number }}</p>
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import Swal from 'sweetalert2';
|
import Swal from 'sweetalert2';
|
||||||
import { getDateOnly } from '../../../helpers/date_formats';
|
import { getDayMonthYear } from '../../../helpers/date_formats';
|
||||||
import { getTypeUser } from '../../../helpers/type_user';
|
import { getTypeUser } from '../../../helpers/type_user';
|
||||||
import { useCompanyStore } from '../../../stores/company';
|
import { useCompanyStore } from '../../../stores/company';
|
||||||
import { useAuthStore } from '../../../stores/auth';
|
import { useAuthStore } from '../../../stores/auth';
|
||||||
@@ -94,7 +94,7 @@
|
|||||||
<p><span>{{ t('labels.locationLoadState') }}: </span>{{user._user_state}}</p>
|
<p><span>{{ t('labels.locationLoadState') }}: </span>{{user._user_state}}</p>
|
||||||
<p><span>{{ t('labels.locationLoadCity') }}: </span>{{user._user_city}}</p>
|
<p><span>{{ t('labels.locationLoadCity') }}: </span>{{user._user_city}}</p>
|
||||||
<p v-if="user._truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user._truck_type}}</p>
|
<p v-if="user._truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user._truck_type}}</p>
|
||||||
<p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDateOnly(user.createAt)}}</p>
|
<p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDayMonthYear(user.createAt)}}</p>
|
||||||
<p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
|
<p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
|
||||||
<!-- <p v-if="readonly && user.company.membership"><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
|
<!-- <p v-if="readonly && user.company.membership"><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
|
||||||
<!-- <p><span>{{ t('labels.userRole') }}: </span>{{user.job_role}}</p> -->
|
<!-- <p><span>{{ t('labels.userRole') }}: </span>{{user.job_role}}</p> -->
|
||||||
@@ -104,7 +104,7 @@
|
|||||||
<p><span>{{ t('labels.locationLoadState') }}: </span>{{user.user_state?.join(', ')}}</p>
|
<p><span>{{ t('labels.locationLoadState') }}: </span>{{user.user_state?.join(', ')}}</p>
|
||||||
<p><span>{{ t('labels.locationLoadCity') }}: </span>{{user.user_city?.join(', ')}}</p>
|
<p><span>{{ t('labels.locationLoadCity') }}: </span>{{user.user_city?.join(', ')}}</p>
|
||||||
<p v-if="user.truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user.truck_type?.join(', ')}}</p>
|
<p v-if="user.truck_type"><span>{{ t('labels.truckUsed') }}: </span> {{user.truck_type?.join(', ')}}</p>
|
||||||
<p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDateOnly(user.createAt)}}</p>
|
<p v-if="user.createAt"><span>{{ t('labels.memberSince') }}: </span>{{getDayMonthYear(user.createAt)}}</p>
|
||||||
<p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
|
<p v-if="user.user_description"><span>{{ t('labels.userInfo') }}: </span> {{user.user_description}}</p>
|
||||||
<!-- <p v-if="readonly && user.company.membership" ><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
|
<!-- <p v-if="readonly && user.company.membership" ><span>Tipo de afiliación: </span> {{user.company.membership}}</p> -->
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user