diff --git a/src/modules/02_users/views/permissionDetail.vue b/src/modules/02_users/views/permissionDetail.vue
index 41b02d56..327fcf1b 100644
--- a/src/modules/02_users/views/permissionDetail.vue
+++ b/src/modules/02_users/views/permissionDetail.vue
@@ -16,8 +16,8 @@ const systemLists = ref<any>([
     key: "SYS_METADATA_KPI",
     name: "ข้อมูลการประเมิน",
     selected: true,
-    owner: true,
-    officer: false,
+    owner: "",
+
     create: true,
     list: true,
     get: true,
@@ -29,7 +29,7 @@ const systemLists = ref<any>([
         name: "ตัวชี้วัด",
         selected: true,
         owner: true,
-        officer: false,
+
         create: true,
         list: true,
         get: true,
@@ -41,8 +41,8 @@ const systemLists = ref<any>([
             key: "INDICATOR_PLAN",
             name: "ตามแผน",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -53,8 +53,8 @@ const systemLists = ref<any>([
             key: "INDICATOR_POSITION",
             name: "ตามตำแหน่ง",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -65,8 +65,8 @@ const systemLists = ref<any>([
             key: "INDICATOR_SPECIAL",
             name: "งานที่ได้รับมอบหมาย",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -79,8 +79,8 @@ const systemLists = ref<any>([
         key: "COMPETENCY",
         name: "สมรรถนะ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -91,8 +91,8 @@ const systemLists = ref<any>([
         key: "STRATEGY",
         name: "ยุทธศาสตร์",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -105,8 +105,8 @@ const systemLists = ref<any>([
     key: "SYS_ORG",
     name: "โครงสร้างอัตรากำลัง",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -117,8 +117,8 @@ const systemLists = ref<any>([
     key: "SYS_ORG_EMPLOYEE",
     name: "อัตรากำลังลูกจ้างประจำฯ",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -129,8 +129,8 @@ const systemLists = ref<any>([
     key: "SYS_REGISTRY",
     name: "ทะเบียนประวัติ",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -141,8 +141,8 @@ const systemLists = ref<any>([
     key: "COMMAND",
     name: "ออกคำสั่ง",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -153,8 +153,8 @@ const systemLists = ref<any>([
     key: "SYS_EXAM",
     name: "สรรหา",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -165,8 +165,8 @@ const systemLists = ref<any>([
         key: "SETTING_WEB_EXAM",
         name: "ตั้งค่าเว็บสรรหา",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -177,8 +177,8 @@ const systemLists = ref<any>([
         key: "COMPETITIVE_EXAM",
         name: "สอบแข่งขัน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -190,8 +190,8 @@ const systemLists = ref<any>([
             key: "MANAGE_ROUND",
             name: "จัดการรอบสอบแข่งขัน",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -202,8 +202,8 @@ const systemLists = ref<any>([
             key: "STAT_APPLY_EXAM",
             name: "สถิติสมัครสอบแข่งขัน",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -216,8 +216,8 @@ const systemLists = ref<any>([
         key: "QUALIFY_EXAM",
         name: "คัดเลือก",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -229,8 +229,8 @@ const systemLists = ref<any>([
             key: "QUALIFY_MANAGE_ROUND",
             name: "จัดการรอบคัดเลือก",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -241,8 +241,8 @@ const systemLists = ref<any>([
             key: "QUALIFY_ROUND_DISABLED",
             name: "จัดการรอบคัดเลือกคนพิการ",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -253,8 +253,8 @@ const systemLists = ref<any>([
             key: "QUALIFY_MANAGE_LIST",
             name: "จัดการรายชื่อคัดเลือก",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -265,8 +265,8 @@ const systemLists = ref<any>([
             key: "QUALIFY_APPLY_STAT",
             name: "สถิติสมัครคัดเลือก",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -277,8 +277,8 @@ const systemLists = ref<any>([
             key: "QUALIFY_APPLY_STAT_DISABLED",
             name: "สถิติสมัครคัดเลือกคนพิการ",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -293,8 +293,8 @@ const systemLists = ref<any>([
     key: "SYS_PLACEMENT",
     name: "บรรจุ แต่งตั้ง ย้าย โอน",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -306,8 +306,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_LIST",
         name: "รายชื่อผู้สอบผ่าน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -318,8 +318,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_TRANSFER",
         name: "รายการขอโอน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -330,8 +330,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_RECEIVE",
         name: "รายการรับโอน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -342,8 +342,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_HELP_GOVERNMENT",
         name: "รายการช่วยราชการ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -354,8 +354,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_REPATRIATE",
         name: "รายการส่งตัวกลับ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -366,8 +366,7 @@ const systemLists = ref<any>([
         key: "PLACEMENT_APPOINT",
         name: "รายการแต่งตั้ง-เลื่อน-ย้าย",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
         create: false,
         list: false,
         get: false,
@@ -378,8 +377,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_APPOINT_EMPLOYEE",
         name: "ปรับระดับชั้นงาน-ย้ายลูกจ้าง",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -390,8 +389,8 @@ const systemLists = ref<any>([
         key: "PLACEMENT_OTHER",
         name: "รายการอื่นๆ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -404,8 +403,8 @@ const systemLists = ref<any>([
     key: "SYS_PROBATION",
     name: "การทดลองปฏิบัติหน้าที่ราชการ",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -416,8 +415,8 @@ const systemLists = ref<any>([
     key: "SYS_RETIREMENT",
     name: "พ้นจากราชการ",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -429,8 +428,8 @@ const systemLists = ref<any>([
         key: "RETIREMENT",
         name: "ประกาศเกษียณ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -441,8 +440,8 @@ const systemLists = ref<any>([
         key: "RESIGN",
         name: "รายการลาออก",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -453,8 +452,8 @@ const systemLists = ref<any>([
         key: "EXIT_INTERVIEW",
         name: "Exit interview",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -465,8 +464,8 @@ const systemLists = ref<any>([
         key: "DECEASED",
         name: "รายการบันทึกการถึงแก่กรรม",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -477,8 +476,8 @@ const systemLists = ref<any>([
         key: "DISMISS",
         name: "รายการให้ออก",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -491,8 +490,8 @@ const systemLists = ref<any>([
     key: "SYS_INSIGNIA",
     name: "เครื่องราชฯ",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -504,8 +503,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_ROUND",
         name: "รอบการเสนอขอ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -516,8 +515,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_MANAGE",
         name: "จัดการคำขอ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -528,8 +527,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_RECORD",
         name: "บันทึกผลการเสนอขอ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -540,8 +539,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_ALLOCATE",
         name: "จัดสรรเครื่องราชฯ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -552,8 +551,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_BORROW",
         name: "ยืม-คืนเครื่องราชฯ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -564,8 +563,8 @@ const systemLists = ref<any>([
         key: "INSIGNIA_REPORT",
         name: "รายงาน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -578,8 +577,8 @@ const systemLists = ref<any>([
     key: "SYS_LEAVE",
     name: "การลา",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -591,8 +590,8 @@ const systemLists = ref<any>([
         key: "LEAVE_ROUND",
         name: "รอบการปฏิบัติงาน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -603,8 +602,8 @@ const systemLists = ref<any>([
         key: "CHANGE_LEAVE",
         name: "แก้ไขรอบการปฎิบัติงานผู้ใช้งาน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -615,8 +614,8 @@ const systemLists = ref<any>([
         key: "WORKTIME_LIST",
         name: "รายการลงเวลาปฏิบัติงาน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -627,8 +626,8 @@ const systemLists = ref<any>([
         key: "WORKTIME_SPECIAL",
         name: "ลงเวลากรณีพิเศษ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -639,8 +638,7 @@ const systemLists = ref<any>([
         key: "LEAVE_LIST",
         name: "รายการลา",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
         create: false,
         list: false,
         get: false,
@@ -651,8 +649,8 @@ const systemLists = ref<any>([
         key: "LEAVE_REPORT",
         name: "รายงานสถิติการลา",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -665,8 +663,7 @@ const systemLists = ref<any>([
     key: "SYS_DISCIPLINE",
     name: "วินัย",
     selected: true,
-    owner: false,
-    officer: false,
+    owner: "",
     create: false,
     list: false,
     get: false,
@@ -678,8 +675,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_COMPLAINTS",
         name: "เรื่องร้องเรียน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -690,8 +687,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_INVESTIGATE",
         name: "สืบสวนข้อเท็จจริง",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -702,8 +699,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_DISCIPLINARY",
         name: "สอบสวนความผิดทางวินัย",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -714,8 +711,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_RESULT",
         name: "สรุปผลการพิจารณาความผิดทางวินัย",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -726,8 +723,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_SUSPEND",
         name: "รายชื่อผู้ถูกพักราชการ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -738,8 +735,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_APPEAL",
         name: "อุทธรณ์/ร้องทุกข์",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -750,8 +747,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_COMMAND",
         name: "ออกคำสั่งลงโทษทางวินัย",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -762,8 +759,8 @@ const systemLists = ref<any>([
         key: "DISCIPLINE_BASIC",
         name: "ข้อมูลพื้นฐาน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -775,8 +772,8 @@ const systemLists = ref<any>([
             key: "DISCIPLINE_DIRECTOR",
             name: "กรรมการ",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -787,8 +784,8 @@ const systemLists = ref<any>([
             key: "DISCIPLINE_CHANNEL",
             name: "ช่องทางการร้องเรียน",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -803,8 +800,8 @@ const systemLists = ref<any>([
     key: "SYS_EVALUATE",
     name: "ประเมินบุคคล",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -816,8 +813,8 @@ const systemLists = ref<any>([
         key: "EVALUATE_REQUEST",
         name: "คำขอประเมิน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -828,8 +825,8 @@ const systemLists = ref<any>([
         key: "EVALUATE_DIRECTOR_METTING",
         name: "กรรมการและการประชุม",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -841,8 +838,8 @@ const systemLists = ref<any>([
             key: "EVALUATE_DIRECTOR",
             name: "กรรมการ",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -853,8 +850,8 @@ const systemLists = ref<any>([
             key: "EVALUATE_METTING",
             name: "การประชุม",
             selected: false,
-            owner: false,
-            officer: false,
+            owner: "",
+
             create: false,
             list: false,
             get: false,
@@ -869,8 +866,8 @@ const systemLists = ref<any>([
     key: "SYS_SALARY",
     name: "เงินเดือน/ค่าจ้าง",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -882,8 +879,8 @@ const systemLists = ref<any>([
         key: "SALARY_CHART",
         name: "ผังบัญชีเงินเดือนข้าราชการ ฯ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -894,8 +891,8 @@ const systemLists = ref<any>([
         key: "SALARY_EMPLOYEE_CHART",
         name: "ผังบัญชีค่าจ้างลูกจ้างประจำ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -906,8 +903,8 @@ const systemLists = ref<any>([
         key: "SALARY_ROUND",
         name: "รอบการเลื่อนเงินเดือน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -918,8 +915,8 @@ const systemLists = ref<any>([
         key: "SALARY_SLIP",
         name: "เลื่อนเงินเดือนข้าราชการ ฯ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -930,8 +927,8 @@ const systemLists = ref<any>([
         key: "SALARY_EMPLOYEE_SLIP",
         name: "เลื่อนค่าจ้างลูกจ้างประจำ",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -942,8 +939,8 @@ const systemLists = ref<any>([
         key: "SALARY_COMMAND",
         name: "ออกคำสั่งเลื่อนเงินเดือน/ค่าจ้าง",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -956,8 +953,8 @@ const systemLists = ref<any>([
     key: "SYS_KPI",
     name: "ประเมินผลการปฏิบัติราชการระดับบุคคล",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -969,8 +966,8 @@ const systemLists = ref<any>([
         key: "KPI_Round",
         name: "รอบการประเมิน",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -981,8 +978,8 @@ const systemLists = ref<any>([
         key: "KPI_List",
         name: "รายการการประเมินผล",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -995,8 +992,8 @@ const systemLists = ref<any>([
     key: "SYS_DEVELOPMENT",
     name: "พัฒนาบุคลากร",
     selected: false,
-    owner: false,
-    officer: false,
+    owner: "",
+
     create: false,
     list: false,
     get: false,
@@ -1008,8 +1005,8 @@ const systemLists = ref<any>([
         key: "DEVELOPMENT_PROJECT",
         name: "โครงการ/หลักสูตรการฝึกอบรม",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -1020,8 +1017,8 @@ const systemLists = ref<any>([
         key: "DEVELOPMENT_HISTORY",
         name: "ประวัติฝึกอบรม/ดูงาน ขรก.",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -1032,8 +1029,8 @@ const systemLists = ref<any>([
         key: "DEVELOPMENT_HISTORY_EMPLOYEE",
         name: "ประวัติฝึกอบรม/ดูงานลูกจ้าง",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
+
         create: false,
         list: false,
         get: false,
@@ -1044,8 +1041,7 @@ const systemLists = ref<any>([
         key: "DEVELOPMENT_SCHOLARSHIP",
         name: "ทุนการศึกษา/ฝึกอบรม",
         selected: false,
-        owner: false,
-        officer: false,
+        owner: "",
         create: false,
         list: false,
         get: false,
@@ -1075,7 +1071,7 @@ function onSubmit() {}
   </div>
 
   <q-form greedy @submit.prevent @validation-success="onSubmit">
-    <q-card flast bordered class="">
+    <q-card flast bordered>
       <div class="col-12">
         <q-card>
           <q-card-section>
@@ -1128,11 +1124,11 @@ function onSubmit() {}
               <q-th rowspan="2" colspan="3" style="font-size: 1rem"
                 >รายการระบบ</q-th
               >
-              <q-th colspan="2" style="font-size: 1rem"
-                >สิทธิ์การเข้าถึงข้อมูล</q-th
+              <q-th colspan="3" style="font-size: 1rem"
+                >ความเป็นเจ้าของ (Ownership)</q-th
               >
               <q-th colspan="5" style="text-align: center; font-size: 1rem"
-                >สิทธิ์การใช้งาน</q-th
+                >สิทธิ์ดำเนินการ (Permission)</q-th
               >
             </q-tr>
             <q-tr>
@@ -1140,7 +1136,8 @@ function onSubmit() {}
                 >OWNER<br />
                 เจ้าของระบบ</q-th
               >
-              <q-th>OFFICER <br />(การเจ้าหน้าที่)</q-th>
+              <q-th>STAFF <br />(การเจ้าหน้าที่)</q-th>
+              <q-th>GUEST <br />(ผุ้มาเยือน)</q-th>
               <q-th>CREATE <br />(มีสิทธิในการสร้างข้อมูล)</q-th>
               <q-th>LIST<br />(มีสิทธิในการดูรายการข้อมูล)</q-th>
               <q-th>GET<br />(มีสิทธิในการดูรายละเอียดข้อมูล)</q-th>
@@ -1151,29 +1148,99 @@ function onSubmit() {}
           <template v-slot:body="props">
             <q-tr>
               <q-td auto-width colspan="3">
-                <q-checkbox v-model="props.row.selected" />
+                <q-checkbox
+                  v-model="props.row.selected"
+                  @update:model-value="
+                    !props.row.selected && (props.row.owner = ''),
+                      (props.row.create = false),
+                      (props.row.list = false),
+                      (props.row.get = false),
+                      (props.row.update = false),
+                      (props.row.delete = false)
+                  "
+                />
                 <strong>{{ props.row.name }}</strong>
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.owner" />
+                <q-radio
+                  v-model="props.row.owner"
+                  val="OWNER"
+                  @update:model-value="
+                    props.row.owner === 'OWNER' && (props.row.create = true),
+                      (props.row.list = true),
+                      (props.row.get = true),
+                      (props.row.update = true),
+                      (props.row.delete = true)
+                  "
+                  v-if="!props.row.children"
+                  :disable="!props.row.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.officer" />
+                <q-radio
+                  v-model="props.row.owner"
+                  val="STAFF"
+                  v-if="!props.row.children"
+                  :disable="!props.row.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.create" />
+                <q-radio
+                  v-model="props.row.owner"
+                  val="GUEST"
+                  v-if="!props.row.children"
+                  :disable="!props.row.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.list" />
+                <q-checkbox
+                  v-model="props.row.create"
+                  v-if="!props.row.children"
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.get" />
+                <q-checkbox
+                  v-model="props.row.list"
+                  v-if="!props.row.children"
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.update" />
+                <q-checkbox
+                  v-model="props.row.get"
+                  v-if="!props.row.children"
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="props.row.delete" />
+                <q-checkbox
+                  v-model="props.row.update"
+                  v-if="!props.row.children"
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.owner === 'OWNER')
+                  "
+                />
+              </q-td>
+              <q-td style="text-align: center">
+                <q-checkbox
+                  v-model="props.row.delete"
+                  v-if="!props.row.children"
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.owner === 'OWNER')
+                  "
+                />
               </q-td>
             </q-tr>
             <q-tr
@@ -1183,72 +1250,129 @@ function onSubmit() {}
             >
               <q-td></q-td>
               <q-td auto-width colspan="2">
-                <q-checkbox v-model="item.selected" />
+                <q-checkbox
+                  v-model="item.selected"
+                  @update:model-value="
+                    !item.selected && (item.owner = ''),
+                      (item.create = false),
+                      (item.list = false),
+                      (item.get = false),
+                      (item.update = false),
+                      (item.delete = false)
+                  "
+                />
                 {{ item.name }}
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.owner" />
+                <q-radio
+                  v-model="item.owner"
+                  val="OWNER"
+                  @update:model-value="
+                    item.owner === 'OWNER' && (item.create = true),
+                      (item.list = true),
+                      (item.get = true),
+                      (item.update = true),
+                      (item.delete = true)
+                  "
+                  :disable="!item.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.officer" />
+                <q-radio
+                  v-model="item.owner"
+                  val="STAFF"
+                  :disable="!item.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.create" />
+                <q-radio
+                  v-model="item.owner"
+                  val="GUEST"
+                  :disable="!item.selected"
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.list" />
+                <q-checkbox
+                  v-model="item.create"
+                  :disable="
+                    !item.selected || (item.selected && item.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.get" />
+                <q-checkbox
+                  v-model="item.list"
+                  :disable="
+                    !item.selected || (item.selected && item.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.update" />
+                <q-checkbox
+                  v-model="item.get"
+                  :disable="
+                    !item.selected || (item.selected && item.owner === 'OWNER')
+                  "
+                />
               </q-td>
               <q-td style="text-align: center">
-                <q-checkbox v-model="item.delete" />
+                <q-checkbox
+                  v-model="item.update"
+                  :disable="
+                    !item.selected || (item.selected && item.owner === 'OWNER')
+                  "
+                />
+              </q-td>
+              <q-td style="text-align: center">
+                <q-checkbox
+                  v-model="item.delete"
+                  :disable="
+                    !item.selected || (item.selected && item.owner === 'OWNER')
+                  "
+                />
               </q-td>
             </q-tr>
             <!-- <q-tr
-          v-if="item.children"
-          v-for="(item3, index) in item.children"
-          :key="index"
-        >
-          <q-td></q-td>
-          <q-td auto-width colspan="2">
-            <q-checkbox v-model="item3.selected" />
-            {{ item3.name }}
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.owner" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.officer" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.create" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.list" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.get" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.update" />
-          </q-td>
-          <q-td style="text-align: center">
-            <q-checkbox v-model="item3.delete" />
-          </q-td>
-        </q-tr> -->
+            v-if="item.children"
+            v-for="(item3, index) in item.children"
+            :key="index"
+          >
+            <q-td></q-td>
+            <q-td auto-width colspan="2">
+              <q-checkbox v-model="item3.selected" />
+              {{ item3.name }}
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.owner" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.officer" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.create" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.list" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.get" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.update" />
+            </q-td>
+            <q-td style="text-align: center">
+              <q-checkbox v-model="item3.delete" />
+            </q-td>
+          </q-tr> -->
           </template>
         </q-table>
       </div>
 
-      <!-- <q-card-actions align="right">
+      <q-card-actions align="right">
         <q-btn label="บันทึก" color="secondary" type="submit"
           ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
         >
-      </q-card-actions> -->
+      </q-card-actions>
     </q-card>
   </q-form>
 </template>