fix: ticketLackList

src/i18n/locale/es.yml

@@ -105,7 +105,6 @@ globals:
     from: Desde
     to: Hasta
     notes: Notas
-    refresh: Actualizar
     pageTitles:
         logIn: Inicio de sesión
         summary: Resumen

src/pages/Ticket/Negative/TicketLackList.vue

@@ -13,6 +13,7 @@ import { useRole } from 'src/composables/useRole';
 import TicketMassiveUpdate from '../Card/TicketMassiveUpdate.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 const router = useRouter();
+import VnImg from 'src/components/ui/VnImg.vue';
 
 const stateStore = useStateStore();
 const { t } = useI18n();
@@ -39,27 +40,36 @@ const columns = computed(() => [
         name: 'date',
         align: 'left',
         label: t('negative.date'),
-        field: 'timed',
         format: ({ timed }) => toDate(timed),
         sortable: true,
         cardVisible: true,
         isId: true,
+        columnFilter: {
+            component: 'date',
+        },
     },
     {
+        columnClass: 'shrink',
         name: 'timed',
         align: 'left',
         label: t('negative.timed'),
-        field: 'timed',
         format: ({ timed }) => toHour(timed),
         sortable: true,
         cardVisible: true,
+        columnFilter: {
+            component: 'time',
+        },
     },
     {
         name: 'itemFk',
         align: 'left',
         label: t('negative.id'),
-        field: ({ itemFk }) => itemFk,
+        format: ({ itemFk }) => itemFk,
         sortable: true,
+        columnFilter: {
+            component: 'number',
+            columnClass: 'shrink',
+        },
     },
     {
         name: 'longName',
@@ -79,6 +89,7 @@ const columns = computed(() => [
         sortable: true,
         headerStyle: 'width: 350px',
         cardVisible: true,
+        columnClass: 'expand',
     },
     {
         name: 'producer',
@@ -86,6 +97,7 @@ const columns = computed(() => [
         label: t('negative.supplier'),
         field: ({ producer }) => dashIfEmpty(producer),
         sortable: true,
+        columnClass: 'shrink',
     },
     {
         name: 'inkFk',
@@ -102,6 +114,10 @@ const columns = computed(() => [
         field: ({ size }) => size,
         sortable: true,
         cardVisible: true,
+        columnFilter: {
+            component: 'number',
+            columnClass: 'shrink',
+        },
     },
     {
         name: 'category',
@@ -116,7 +132,10 @@ const columns = computed(() => [
         align: 'left',
         label: t('negative.lack'),
         field: ({ lack }) => lack,
-
+        columnFilter: {
+            component: 'number',
+            columnClass: 'shrink',
+        },
         sortable: true,
         headerStyle: 'padding-left: 33px',
         cardVisible: true,
@@ -126,9 +145,10 @@ const columns = computed(() => [
         align: 'left',
         actions: [
             {
-                title: t('Client ticket list'),
+                title: t('Open details'),
                 icon: 'preview',
                 action: redirectToCreateView,
+                isPrimary: true,
             },
         ],
     },
@@ -148,24 +168,6 @@ onBeforeMount(() => {
 </script>
 
 <template>
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
-
     <QPage class="column items-center">
         <!-- <FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load /> -->
         <VnSubToolbar class="bg-vn-dark justify-end">
@@ -216,6 +218,16 @@ onBeforeMount(() => {
                     selection: 'multiple',
                 }"
             >
+                <template #column-itemFk="{ row }">
+                    <!-- <QTd style="height: 76px; flex-direction: row; display: flex"> -->
+                    {{ row.itemFk }}
+                    <VnImg
+                        style="width: 50px; height: 50px; float: inline-end"
+                        :id="row.itemFk"
+                        class="rounded"
+                    ></VnImg>
+                    <!-- </QTd> -->
+                </template>
             </VnTable>
         </div>
     </QPage>

src/pages/Ticket/locale/en.yml

@@ -262,6 +262,7 @@ negative:
     lack: 'Negative'
     inkFk: 'inkFk'
     timed: 'timed'
+    date: 'Date'
     minTimed: 'minTimed'
     negativeAction: 'Negative'
     totalNegative: 'Total negatives'