From 0efe78a37a7401de6c118cf36bfe14821fdd01d9 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 11 Apr 2025 13:34:21 +0700
Subject: [PATCH] refactor: visible columns

---
 src/pages/08_request-list/TableRequestList.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/08_request-list/TableRequestList.vue b/src/pages/08_request-list/TableRequestList.vue
index e0ae445e..9ce78e72 100644
--- a/src/pages/08_request-list/TableRequestList.vue
+++ b/src/pages/08_request-list/TableRequestList.vue
@@ -170,21 +170,24 @@ function getEmployeeName(
           {{ getEmployeeName(props.row, { locale: $i18n.locale }) || '-' }}
         </q-td>
 
-        <q-td class="text-left">
+        <q-td
+          v-if="visibleColumns.includes('employeePassport')"
+          class="text-left"
+        >
           {{
             props.row.employee.employeePassport.length !== 0
               ? props.row.employee.employeePassport[0].number
               : '-'
           }}
         </q-td>
-        <q-td class="text-left">
+        <q-td v-if="visibleColumns.includes('dataOffice')" class="text-left">
           {{
             $i18n.locale === 'eng'
               ? props.row.dataOffice.nameEN
               : props.row.dataOffice.name
           }}
         </q-td>
-        <q-td class="text-left">
+        <q-td v-if="visibleColumns.includes('createdAt')" class="text-left">
           {{ dateFormatJS({ date: props.row.createdAt }) }}
         </q-td>