From d136138b84302c912e62714475e1c27acf9eb053 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 14 Jun 2024 17:05:26 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=88=E0=B8=B1=E0=B8=94=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=9C=E0=B8=B9=E0=B9=89=E0=B9=83=E0=B8=8A=E0=B9=89?=
 =?UTF-8?q?=E0=B8=87=E0=B8=B2=E0=B8=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/modules/02_users/views/listsUser.vue | 28 ++++++++++++++++++------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/modules/02_users/views/listsUser.vue b/src/modules/02_users/views/listsUser.vue
index 889f6a86..e9f466fe 100644
--- a/src/modules/02_users/views/listsUser.vue
+++ b/src/modules/02_users/views/listsUser.vue
@@ -97,6 +97,15 @@ const columns = ref<QTableProps["columns"]>([
       return names.join(", ");
     },
   },
+  {
+    name: "enabled",
+    align: "left",
+    label: "สถานะการใช้งาน",
+    sortable: true,
+    field: "enabled",
+    headerStyle: "font-size: 14px",
+    style: "font-size: 14px",
+  },
 ]);
 const visibleColumns = ref<string[]>([
   "no",
@@ -105,6 +114,7 @@ const visibleColumns = ref<string[]>([
   "firstname",
   "lastname",
   "role",
+  "enabled",
 ]);
 const keyword = ref<string>("");
 
@@ -241,15 +251,12 @@ function onLockUser(id: string, type: boolean) {
       showLoader();
       http
         .put(config.API.managementUser + `/${id}/enableStatus/${type}`)
-        .then((res) => {
-          console.log(res.data);
-          success($q, type ? "เปิดใช้งานสำเร็จ" : "ระงับการใช้งานสำเร็จ");
-          fetchListUsers();
+        .then(async () => {
+          await fetchListUsers();
+          await success($q, type ? "เปิดใช้งานสำเร็จ" : "ระงับการใช้งานสำเร็จ");
         })
         .catch((err) => {
           messageError($q, err);
-        })
-        .finally(() => {
           hideLoader();
         });
     },
@@ -347,7 +354,14 @@ onMounted(() => {
         <template v-slot:body="props">
           <q-tr :props="props" class="cursor-pointer">
             <q-td v-for="col in props.cols" :key="col.name" :props="props">
-              <div>
+              <div v-if="col.name === 'enabled'">
+                <q-icon
+                  :name="col.value ? 'check' : 'close'"
+                  :color="col.value ? 'primary' : 'red'"
+                  size="24px"
+                />
+              </div>
+              <div v-else>
                 {{ col.value ? col.value : "-" }}
               </div>
             </q-td>