fix: updates vntable2

src/pages/Ticket/Negative/TicketLackList.vue

@@ -34,7 +34,7 @@ const redirectToCreateView = ({ itemFk }) => {
 const columns = computed(() => [
     {
         name: 'date',
-        align: 'left',
+        align: 'center',
         label: t('negative.date'),
         format: ({ timed }) => toDate(timed),
         sortable: true,
@@ -47,7 +47,7 @@ const columns = computed(() => [
     {
         columnClass: 'shrink',
         name: 'timed',
-        align: 'left',
+        align: 'center',
         label: t('negative.timed'),
         format: ({ timed }) => toHour(timed),
         sortable: true,
@@ -58,7 +58,7 @@ const columns = computed(() => [
     },
     {
         name: 'itemFk',
-        align: 'left',
+        align: 'center',
         label: t('negative.id'),
         format: ({ itemFk }) => itemFk,
         sortable: true,
@@ -70,7 +70,7 @@ const columns = computed(() => [
     },
     {
         name: 'longName',
-        align: 'left',
+        align: 'center',
         label: t('negative.longName'),
         field: ({ longName }) => longName,
 
@@ -81,7 +81,7 @@ const columns = computed(() => [
     },
     {
         name: 'producer',
-        align: 'left',
+        align: 'center',
         label: t('negative.supplier'),
         field: ({ producer }) => dashIfEmpty(producer),
         sortable: true,
@@ -89,7 +89,7 @@ const columns = computed(() => [
     },
     {
         name: 'inkFk',
-        align: 'left',
+        align: 'center',
         label: t('negative.colour'),
         field: ({ inkFk }) => inkFk,
         sortable: true,
@@ -97,7 +97,7 @@ const columns = computed(() => [
     },
     {
         name: 'size',
-        align: 'left',
+        align: 'center',
         label: t('negative.size'),
         field: ({ size }) => size,
         sortable: true,
@@ -110,7 +110,7 @@ const columns = computed(() => [
     },
     {
         name: 'category',
-        align: 'left',
+        align: 'center',
         label: t('negative.origen'),
         field: ({ category }) => dashIfEmpty(category),
         sortable: true,
@@ -118,7 +118,7 @@ const columns = computed(() => [
     },
     {
         name: 'lack',
-        align: 'left',
+        align: 'center',
         label: t('negative.lack'),
         field: ({ lack }) => lack,
         columnFilter: {
@@ -127,12 +127,12 @@ const columns = computed(() => [
             columnClass: 'shrink',
         },
         sortable: true,
-        headerStyle: 'padding-left: 33px',
+        headerStyle: 'padding-center: 33px',
         cardVisible: true,
     },
     {
         name: 'tableActions',
-        align: 'left',
+        align: 'center',
         actions: [
             {
                 title: t('Open details'),

src/pages/Ticket/Negative/TicketLackTable.vue

@@ -52,27 +52,26 @@ const route = useRoute();
 const columns = computed(() => [
     {
         name: 'status',
-        align: 'left',
+        align: 'center',
         sortable: false,
-        columnClass: 'expand',
+        columnClass: 'shrink',
         columnFilter: false,
     },
     {
         name: 'ticketFk',
         label: t('negative.detail.ticketFk'),
-        align: 'left',
+        align: 'center',
         sortable: true,
         columnFilter: {
             component: 'input',
             type: 'number',
         },
-        columnClass: 'shrink',
     },
     {
         name: 'shipped',
         label: t('negative.detail.shipped'),
         field: 'shipped',
-        align: 'left',
+        align: 'center',
         format: ({ shipped }) => toDate(shipped),
         sortable: true,
         columnFilter: {
@@ -84,11 +83,9 @@ const columns = computed(() => [
         name: 'minTimed',
         label: t('negative.detail.theoreticalhour'),
         field: 'minTimed',
-        align: 'left',
-        format: ({ minTimed }) => toHour(minTimed),
+        align: 'center',
         sortable: true,
         component: 'time',
-        columnClass: 'shrink',
         columnFilter: {},
     },
     {
@@ -104,29 +101,27 @@ const columns = computed(() => [
                 optionValue: 'code',
             },
         },
-        columnClass: 'expand',
-        align: 'left',
+        align: 'center',
         sortable: true,
     },
     {
         name: 'zoneName',
         label: t('negative.detail.zoneName'),
         field: 'zoneName',
-        align: 'left',
+        align: 'center',
         sortable: true,
     },
     {
         name: 'nickname',
         label: t('negative.detail.nickname'),
         field: 'nickname',
-        align: 'left',
+        align: 'center',
         sortable: true,
     },
     {
         name: 'quantity',
         label: t('negative.detail.quantity'),
         field: 'quantity',
-        align: 'left',
         sortable: true,
         component: 'input',
         type: 'number',
@@ -167,7 +162,6 @@ const saveChange = async (field, { row }) => {
     }
 };
 
-const hasToIgnore = (row) => row.hasToIgnore === 1;
 function onBuysFetched(data) {
     Object.assign(item.value, data[0]);
 }
@@ -244,7 +238,7 @@ function onBuysFetched(data) {
         </template>
 
         <template #column-status="{ row }">
-            <QTd style="width: 150px">
+            <QTd style="min-width: 150px">
                 <div class="icon-container">
                     <QIcon
                         v-if="row.isBasket"

src/pages/Ticket/TicketList.vue

@@ -232,7 +232,7 @@ const columns = computed(() => [
 
 function resetAgenciesSelector(formData) {
     agenciesOptions.value = [];
-    if(formData) formData.agencyModeId = null;
+    if (formData) formData.agencyModeId = null;
 }
 
 function redirectToLines(id) {
@@ -240,7 +240,7 @@ function redirectToLines(id) {
     window.open(url, '_blank');
 }
 
-const onClientSelected = async (formData) => {    
+const onClientSelected = async (formData) => {
     resetAgenciesSelector(formData);
     await fetchClient(formData);
     await fetchAddresses(formData);
@@ -248,14 +248,12 @@ const onClientSelected = async (formData) => {
 
 const fetchAvailableAgencies = async (formData) => {
     resetAgenciesSelector(formData);
-    const response= await getAgencies(formData, selectedClient.value);
+    const response = await getAgencies(formData, selectedClient.value);
     if (!response) return;
-    
-    const { options, agency } =  response
-    if(options)
-        agenciesOptions.value = options;
-    if(agency)
-        formData.agencyModeId = agency;
+
+    const { options, agency } = response;
+    if (options) agenciesOptions.value = options;
+    if (agency) formData.agencyModeId = agency;
 };
 
 const fetchClient = async (formData) => {
@@ -330,7 +328,7 @@ function openBalanceDialog(ticket) {
     const description = ref([]);
     const firstTicketClientId = checkedTickets[0].clientFk;
     const isSameClient = checkedTickets.every(
-        (ticket) => ticket.clientFk === firstTicketClientId
+        (ticket) => ticket.clientFk === firstTicketClientId,
     );
 
     if (!isSameClient) {
@@ -369,7 +367,7 @@ async function onSubmit() {
             description: dialogData.value.value.description,
             clientFk: dialogData.value.value.clientFk,
             email: email[0].email,
-        }
+        },
     );
 
     if (data) notify('globals.dataSaved', 'positive');
@@ -388,32 +386,32 @@ function setReference(data) {
     switch (data) {
         case 1:
             newDescription = `${t(
-                'ticketList.creditCard'
+                'ticketList.creditCard',
             )}, ${dialogData.value.value.description.replace(
                 /^(Credit Card, |Cash, |Transfers, )/,
-                ''
+                '',
             )}`;
             break;
         case 2:
             newDescription = `${t(
-                'ticketList.cash'
+                'ticketList.cash',
             )}, ${dialogData.value.value.description.replace(
                 /^(Credit Card, |Cash, |Transfers, )/,
-                ''
+                '',
             )}`;
             break;
         case 3:
             newDescription = `${newDescription.replace(
                 /^(Credit Card, |Cash, |Transfers, )/,
-                ''
+                '',
             )}`;
             break;
         case 4:
             newDescription = `${t(
-                'ticketList.transfers'
+                'ticketList.transfers',
             )}, ${dialogData.value.value.description.replace(
                 /^(Credit Card, |Cash, |Transfers, )/,
-                ''
+                '',
             )}`;
             break;
         case 3317: