fix: card proposals

This commit is contained in:
Alexandro Uc Santos
2025-07-31 21:34:10 -06:00
parent 9ed4035467
commit 6909e73a51
4 changed files with 23 additions and 10 deletions

View File

@@ -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>

View File

@@ -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;

View File

@@ -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>

View File

@@ -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>