forked from verdnatura/salix-front
perf: TicketSummary issues
This commit is contained in:
parent
390ab9cfd1
commit
071f3ba4d0
|
@ -1,5 +1,6 @@
|
|||
<script setup>
|
||||
import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
|
||||
import InvoiceOutSummary from './InvoiceOutSummary.vue';
|
||||
|
||||
const $props = defineProps({
|
||||
id: {
|
||||
|
@ -10,6 +11,10 @@ const $props = defineProps({
|
|||
</script>
|
||||
<template>
|
||||
<QPopupProxy>
|
||||
<InvoiceOutDescriptor v-if="$props.id" :id="$props.id" />
|
||||
<InvoiceOutDescriptor
|
||||
v-if="$props.id"
|
||||
:id="$props.id"
|
||||
:summary="InvoiceOutSummary"
|
||||
/>
|
||||
</QPopupProxy>
|
||||
</template>
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<script setup>
|
||||
import RouteDescriptorProxy from 'pages/Route/Card/RouteDescriptorProxy.vue';
|
||||
import { onMounted, ref, computed } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
@ -178,7 +179,14 @@ async function changeState(value) {
|
|||
</a>
|
||||
</template>
|
||||
</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')">
|
||||
<template #value>
|
||||
<span :class="{ link: ticket.refFk }">
|
||||
|
@ -195,7 +203,7 @@ async function changeState(value) {
|
|||
:value="dashIfEmpty(ticket.weight)"
|
||||
/>
|
||||
</QCard>
|
||||
<QCard class="vn-one">
|
||||
<QCard class="vn-one" style="flex: 2 1">
|
||||
<VnTitle
|
||||
:url="ticketUrl + 'basic-data/step-one'"
|
||||
:text="t('globals.summary.basicData')"
|
||||
|
@ -306,10 +314,9 @@ async function changeState(value) {
|
|||
<QBtn
|
||||
flat
|
||||
round
|
||||
size="xs"
|
||||
icon="vn:claims"
|
||||
v-if="props.row.claim"
|
||||
color="primary"
|
||||
class="link"
|
||||
:to="{
|
||||
name: 'ClaimCard',
|
||||
params: {
|
||||
|
@ -325,10 +332,9 @@ async function changeState(value) {
|
|||
<QBtn
|
||||
flat
|
||||
round
|
||||
size="xs"
|
||||
icon="vn:claims"
|
||||
v-if="props.row.claimBeginning"
|
||||
color="primary"
|
||||
class="link"
|
||||
:to="{
|
||||
name: 'ClaimCard',
|
||||
params: {
|
||||
|
@ -344,8 +350,7 @@ async function changeState(value) {
|
|||
<QIcon
|
||||
name="warning"
|
||||
v-show="props.row.visible < 0"
|
||||
size="xs"
|
||||
color="primary"
|
||||
class="link"
|
||||
>
|
||||
<QTooltip
|
||||
>{{ t('ticket.summary.visible') }}:
|
||||
|
@ -355,8 +360,7 @@ async function changeState(value) {
|
|||
<QIcon
|
||||
name="vn:reserva"
|
||||
v-show="props.row.reserved"
|
||||
size="xs"
|
||||
color="primary"
|
||||
class="link"
|
||||
>
|
||||
<QTooltip>
|
||||
{{ t('ticket.summary.reserved') }}
|
||||
|
@ -365,8 +369,7 @@ async function changeState(value) {
|
|||
<QIcon
|
||||
name="vn:unavailable"
|
||||
v-show="props.row.itemShortage"
|
||||
size="xs"
|
||||
color="primary"
|
||||
class="link"
|
||||
>
|
||||
<QTooltip>
|
||||
{{ t('ticket.summary.itemShortage') }}
|
||||
|
@ -375,10 +378,10 @@ async function changeState(value) {
|
|||
<QIcon
|
||||
name="vn:components"
|
||||
v-show="props.row.hasComponentLack"
|
||||
size="xs"
|
||||
color="primary"
|
||||
class="link"
|
||||
>
|
||||
<QTooltip>
|
||||
{{ props.row }}
|
||||
{{ t('ticket.summary.hasComponentLack') }}
|
||||
</QTooltip>
|
||||
</QIcon>
|
||||
|
|
Loading…
Reference in New Issue