feat: refs #6321 lactTable icons

src/pages/Ticket/Negative/TicketLackTable.vue

@@ -88,28 +88,37 @@ const rowColor = (row) => {
 // };
 const columns = computed(() => [
     {
+        label: '',
+        name: 'totalProblems',
         align: 'left',
-        label: t('negative.detail.isBasket'),
+        columnFilter: false,
-        name: 'isBasket',
+        attrs: {
-        cardVisible: true,
+            dense: true,
-        create: true,
-        component: 'checkbox',
-        attrs: ({ row }) => {
-            return {
-                'toggle-indeterminate': true,
-            };
         },
-        columnClass: 'shrink',
-    },
-    {
-        align: 'left',
-        label: t('negative.detail.hasSubstitution'),
-        name: 'hasSubstitution',
-        cardVisible: true,
-        create: true,
-        component: 'checkbox',
-        columnClass: 'shrink',
     },
+    // {
+    //     align: 'left',
+    //     label: t('negative.detail.isBasket'),
+    //     name: 'isBasket',
+    //     cardVisible: true,
+    //     create: true,
+    //     component: 'checkbox',
+    //     attrs: ({ row }) => {
+    //         return {
+    //             'toggle-indeterminate': true,
+    //         };
+    //     },
+    //     columnClass: 'shrink',
+    // },
+    // {
+    //     align: 'left',
+    //     label: t('negative.detail.hasSubstitution'),
+    //     name: 'hasSubstitution',
+    //     cardVisible: true,
+    //     create: true,
+    //     component: 'checkbox',
+    //     columnClass: 'shrink',
+    // },
     {
         name: 'status',
         align: 'left',
@@ -255,6 +264,22 @@ function onTicketLackFetched(data) {
         :right-search="false"
         v-model:selected="selectedRows"
     >
+        <template #column-totalProblems>
+            {{}}
+            <!-- <pre> {{ props }}</pre> -->
+            <!-- v-if="!props.row.isBasket" -->
+            <QIcon name="vn:basket" color="primary" size="sm">
+                <QTooltip>{{ t('negative.detail.isBasket') }}</QTooltip>
+            </QIcon>
+            <!-- v-if="!props.row.hasToIgnore" -->
+            <QIcon name="star" color="primary" size="sm">
+                <QTooltip>{{ t('negative.detail.hasToIgnore') }}</QTooltip>
+            </QIcon>
+            <!-- v-if="!props.row.hasSubstitution" -->
+            <QIcon name="change_circle" color="primary" size="sm">
+                <QTooltip>{{ t('negative.detail.hasSubstitution') }}</QTooltip>
+            </QIcon>
+        </template>
         <template #column-alertLevelCode="props">
             <VnSelect
                 :options="editableStates"

src/pages/Ticket/locale/en.yml

@@ -240,6 +240,7 @@ negative:
         showFree: Show Free lines
         isBasket: 'Basket'
         hasSubstitution: 'Has substitution'
+        hasToIgnore: VIP
         modal:
             changeItem:
                 title: Update item reference

src/pages/Ticket/locale/es.yml

@@ -268,6 +268,7 @@ negative:
         showFree: Solo estado libre
         isBasket: 'Cesta'
         hasSubstitution: 'Tiene sustitución'
+        hasToIgnore: VIP
         modal:
             changeItem:
                 title: Actualizar referencia artículo