wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

perf: TicketSummary issues

This commit is contained in:
Javier Segarra 2024-08-27 11:58:26 +02:00
parent 390ab9cfd1
commit 071f3ba4d0
2 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue
View File

@ -1,5 +1,6 @@
<script setup> <script setup>
import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue'; import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
import InvoiceOutSummary from './InvoiceOutSummary.vue';
const $props = defineProps({ const $props = defineProps({
id: { id: {
@ -10,6 +11,10 @@ const $props = defineProps({
</script> </script>
<template> <template>
<QPopupProxy> <QPopupProxy>
<InvoiceOutDescriptor v-if="$props.id" :id="$props.id" /> <InvoiceOutDescriptor
v-if="$props.id"
:id="$props.id"
:summary="InvoiceOutSummary"
/>
</QPopupProxy> </QPopupProxy>
</template> </template>

31
src/pages/Ticket/Card/TicketSummary.vue
View File

@ -1,4 +1,5 @@
<script setup> <script setup>
import RouteDescriptorProxy from 'pages/Route/Card/RouteDescriptorProxy.vue';
import { onMounted, ref, computed } from 'vue'; import { onMounted, ref, computed } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
@ -178,7 +179,14 @@ async function changeState(value) {
</a> </a>
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('ticket.summary.route')" :value="ticket.routeFk" /> <VnLv :label="t('ticket.summary.route')">
<template #value>
<span class="link">
{{ ticket.routeFk }}
<RouteDescriptorProxy
:id="ticket.routeFk"
/> </span></template
></VnLv>
<VnLv :label="t('ticket.summary.invoice')"> <VnLv :label="t('ticket.summary.invoice')">
<template #value> <template #value>
<span :class="{ link: ticket.refFk }"> <span :class="{ link: ticket.refFk }">
@ -195,7 +203,7 @@ async function changeState(value) {
:value="dashIfEmpty(ticket.weight)" :value="dashIfEmpty(ticket.weight)"
/> />
</QCard> </QCard>
<QCard class="vn-one"> <QCard class="vn-one" style="flex: 2 1">
<VnTitle <VnTitle
:url="ticketUrl + 'basic-data/step-one'" :url="ticketUrl + 'basic-data/step-one'"
:text="t('globals.summary.basicData')" :text="t('globals.summary.basicData')"
@ -306,10 +314,9 @@ async function changeState(value) {
<QBtn <QBtn
flat flat
round round
size="xs"
icon="vn:claims" icon="vn:claims"
v-if="props.row.claim" v-if="props.row.claim"
color="primary" class="link"
:to="{ :to="{
name: 'ClaimCard', name: 'ClaimCard',
params: { params: {
@ -325,10 +332,9 @@ async function changeState(value) {
<QBtn <QBtn
flat flat
round round
size="xs"
icon="vn:claims" icon="vn:claims"
v-if="props.row.claimBeginning" v-if="props.row.claimBeginning"
color="primary" class="link"
:to="{ :to="{
name: 'ClaimCard', name: 'ClaimCard',
params: { params: {
@ -344,8 +350,7 @@ async function changeState(value) {
<QIcon <QIcon
name="warning" name="warning"
v-show="props.row.visible < 0" v-show="props.row.visible < 0"
size="xs" class="link"
color="primary"
> >
<QTooltip <QTooltip
>{{ t('ticket.summary.visible') }}: >{{ t('ticket.summary.visible') }}:
@ -355,8 +360,7 @@ async function changeState(value) {
<QIcon <QIcon
name="vn:reserva" name="vn:reserva"
v-show="props.row.reserved" v-show="props.row.reserved"
size="xs" class="link"
color="primary"
> >
<QTooltip> <QTooltip>
{{ t('ticket.summary.reserved') }} {{ t('ticket.summary.reserved') }}
@ -365,8 +369,7 @@ async function changeState(value) {
<QIcon <QIcon
name="vn:unavailable" name="vn:unavailable"
v-show="props.row.itemShortage" v-show="props.row.itemShortage"
size="xs" class="link"
color="primary"
> >
<QTooltip> <QTooltip>
{{ t('ticket.summary.itemShortage') }} {{ t('ticket.summary.itemShortage') }}
@ -375,10 +378,10 @@ async function changeState(value) {
<QIcon <QIcon
name="vn:components" name="vn:components"
v-show="props.row.hasComponentLack" v-show="props.row.hasComponentLack"
size="xs" class="link"
color="primary"
> >
<QTooltip> <QTooltip>
{{ props.row }}
{{ t('ticket.summary.hasComponentLack') }} {{ t('ticket.summary.hasComponentLack') }}
</QTooltip> </QTooltip>
</QIcon> </QIcon>