From f5e1c0eca6ca67f6a132f5c41bb55cda30320a16 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Fri, 3 Apr 2026 10:08:12 +0700
Subject: [PATCH] refactor: convert displayAdd to a computed property

---
 .../components/PersonalList/Table.vue          | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/modules/05_placement/components/PersonalList/Table.vue b/src/modules/05_placement/components/PersonalList/Table.vue
index 5f2d3f260..a88cb44a3 100644
--- a/src/modules/05_placement/components/PersonalList/Table.vue
+++ b/src/modules/05_placement/components/PersonalList/Table.vue
@@ -93,7 +93,6 @@ const appointModal = ref<boolean>(false);
 const getNumFile = ref(0);
 const dataRes = ref<any>([]);
 const personal = ref<any>([]);
-const displayAdd = ref<boolean>(true);
 const containStatus = ref<boolean>(false);
 const modaladdlist = ref<boolean>(false);
 const selected = ref<any>([]);
@@ -101,17 +100,12 @@ const personal_selected = ref<any>([]);
 const filterlistAdd = ref<string>("");
 const paging = ref<boolean>(true);
 
-// เพิ่ม watcher สำหรับ roleAdmin
-watch(
-  roleAdmin,
-  (newValue) => {
-    const permission = checkPermission(route);
-    if (!newValue && permission?.attrOwnership !== "OWNER") {
-      displayAdd.value = false;
-    }
-  },
-  { immediate: true }
-);
+const displayAdd = computed(() => {
+  if (!storeMenu.permissions) return true;
+
+  const permission = checkPermission(route);
+  return roleAdmin.value || permission?.attrOwnership === "OWNER";
+});
 
 // เช็ตสถานะการเลือกคนไปยังหน่วยงาน
 const checkSelected = computed(() => {