0
0
Fork 0

Add links to invoice out summary tickets table

This commit is contained in:
William Buezas 2024-03-05 09:27:44 -03:00
parent 4b860e0583
commit 12a470b7d9
1 changed files with 16 additions and 14 deletions

View File

@ -2,16 +2,14 @@
import { onMounted, ref, computed } from 'vue'; import { onMounted, ref, computed } from 'vue';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import axios from 'axios';
import { toCurrency, toDate } from 'src/filters';
import CardSummary from 'components/ui/CardSummary.vue'; import CardSummary from 'components/ui/CardSummary.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import { getUrl } from 'src/composables/getUrl';
import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue'; import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue'; import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
import { getUrl } from 'src/composables/getUrl';
import { toCurrency, toDate } from 'src/filters';
import axios from 'axios';
onMounted(async () => { onMounted(async () => {
fetch(); fetch();
salixUrl.value = await getUrl(''); salixUrl.value = await getUrl('');
@ -70,14 +68,14 @@ const taxColumns = ref([
const ticketsColumns = ref([ const ticketsColumns = ref([
{ {
name: 'id', name: 'item',
label: t('invoiceOut.summary.ticketId'), label: t('invoiceOut.summary.ticketId'),
field: (row) => row.id, field: (row) => row.id,
sortable: true, sortable: true,
align: 'left', align: 'left',
}, },
{ {
name: 'alias', name: 'quantity',
label: t('invoiceOut.summary.nickname'), label: t('invoiceOut.summary.nickname'),
field: (row) => row.nickname, field: (row) => row.nickname,
sortable: true, sortable: true,
@ -147,21 +145,25 @@ const ticketsColumns = ref([
</template> </template>
</QTable> </QTable>
</QCard> </QCard>
<QCard class="vn-max"> <QCard class="vn-three">
<div class="header"> <div class="header">
{{ t('invoiceOut.summary.tickets') }} {{ t('invoiceOut.summary.tickets') }}
</div> </div>
<QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat> <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
<template #body-cell-id="{ row }"> <template #body-cell-item="{ value }">
<QTd> <QTd>
<QBtn flat color="primary"> {{ row.id }}</QBtn> <QBtn flat color="primary">
<TicketDescriptorProxy :id="row.id" /> {{ value }}
<TicketDescriptorProxy :id="value" />
</QBtn>
</QTd> </QTd>
</template> </template>
<template #body-cell-alias="{ row }"> <template #body-cell-quantity="{ value, row }">
<QTd> <QTd>
<QBtn flat dense color="primary"> {{ row.nickname }}</QBtn> <QBtn flat color="primary" dense>
<CustomerDescriptorProxy :id="row.clientFk" /> {{ value }}
<CustomerDescriptorProxy :id="row.id" />
</QBtn>
</QTd> </QTd>
</template> </template>
</QTable> </QTable>