Add links to invoice out summary tickets table

src/pages/InvoiceOut/Card/InvoiceOutSummary.vue

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