diff --git a/src/modules/02_users/views/permissionDetail.vue b/src/modules/02_users/views/permissionDetail.vue
index 327fcf1b..a74fe26f 100644
--- a/src/modules/02_users/views/permissionDetail.vue
+++ b/src/modules/02_users/views/permissionDetail.vue
@@ -3,6 +3,25 @@ import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import type { FormRole } from "@/modules/02_users/interface/request/Main";
 
+const attrPrivilege = ref<any[]>([]);
+const attrPrivilegeOp = ref<any[]>([
+  {
+    id: "ROOT",
+    name: "มีสิทธิเข้าถึงข้อมูลในทุกระดับ",
+  },
+  {
+    id: "CHILD",
+    name: "มีสิทธิเข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง",
+  },
+  {
+    id: "NORMAL",
+    name: "มีสิทธิเข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น",
+  },
+  {
+    id: "SPECIFIC",
+    name: "มีสิทธิเข้าถึงข้อมูลเฉพาะเจาะจง",
+  },
+]);
 const router = useRouter();
 const formData = reactive<FormRole>({
   role: "",
@@ -16,62 +35,62 @@ const systemLists = ref<any>([
     key: "SYS_METADATA_KPI",
     name: "ข้อมูลการประเมิน",
     selected: true,
-    owner: "",
+    attrOwnership: "",
 
-    create: true,
-    list: true,
-    get: true,
-    update: true,
-    delete: true,
+    attrIsCreate: true,
+    attrIsList: true,
+    attrIsGet: true,
+    attrIsUpdate: true,
+    attrIsDelete: true,
     children: [
       {
         key: "INDICATOR",
         name: "ตัวชี้วัด",
         selected: true,
-        owner: true,
+        attrOwnership: true,
 
-        create: true,
-        list: true,
-        get: true,
-        update: true,
-        delete: true,
+        attrIsCreate: true,
+        attrIsList: true,
+        attrIsGet: true,
+        attrIsUpdate: true,
+        attrIsDelete: true,
 
         children: [
           {
             key: "INDICATOR_PLAN",
             name: "ตามแผน",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "INDICATOR_POSITION",
             name: "ตามตำแหน่ง",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "INDICATOR_SPECIAL",
             name: "งานที่ได้รับมอบหมาย",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
         ],
       },
@@ -79,25 +98,25 @@ const systemLists = ref<any>([
         key: "COMPETENCY",
         name: "สมรรถนะ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "STRATEGY",
         name: "ยุทธศาสตร์",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -105,110 +124,110 @@ const systemLists = ref<any>([
     key: "SYS_ORG",
     name: "โครงสร้างอัตรากำลัง",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
   },
   {
     key: "SYS_ORG_EMPLOYEE",
     name: "อัตรากำลังลูกจ้างประจำฯ",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
   },
   {
     key: "SYS_REGISTRY",
     name: "ทะเบียนประวัติ",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
   },
   {
     key: "COMMAND",
     name: "ออกคำสั่ง",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
   },
   {
     key: "SYS_EXAM",
     name: "สรรหา",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
     children: [
       {
         key: "SETTING_WEB_EXAM",
         name: "ตั้งค่าเว็บสรรหา",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "COMPETITIVE_EXAM",
         name: "สอบแข่งขัน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
 
         children: [
           {
             key: "MANAGE_ROUND",
             name: "จัดการรอบสอบแข่งขัน",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "STAT_APPLY_EXAM",
             name: "สถิติสมัครสอบแข่งขัน",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
         ],
       },
@@ -216,74 +235,74 @@ const systemLists = ref<any>([
         key: "QUALIFY_EXAM",
         name: "คัดเลือก",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
 
         children: [
           {
             key: "QUALIFY_MANAGE_ROUND",
             name: "จัดการรอบคัดเลือก",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "QUALIFY_ROUND_DISABLED",
             name: "จัดการรอบคัดเลือกคนพิการ",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "QUALIFY_MANAGE_LIST",
             name: "จัดการรายชื่อคัดเลือก",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "QUALIFY_APPLY_STAT",
             name: "สถิติสมัครคัดเลือก",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "QUALIFY_APPLY_STAT_DISABLED",
             name: "สถิติสมัครคัดเลือกคนพิการ",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
         ],
       },
@@ -293,109 +312,109 @@ const systemLists = ref<any>([
     key: "SYS_PLACEMENT",
     name: "บรรจุ แต่งตั้ง ย้าย โอน",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "PLACEMENT_LIST",
         name: "รายชื่อผู้สอบผ่าน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_TRANSFER",
         name: "รายการขอโอน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_RECEIVE",
         name: "รายการรับโอน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_HELP_GOVERNMENT",
         name: "รายการช่วยราชการ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_REPATRIATE",
         name: "รายการส่งตัวกลับ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_APPOINT",
         name: "รายการแต่งตั้ง-เลื่อน-ย้าย",
         selected: false,
-        owner: "",
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrOwnership: "",
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_APPOINT_EMPLOYEE",
         name: "ปรับระดับชั้นงาน-ย้ายลูกจ้าง",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "PLACEMENT_OTHER",
         name: "รายการอื่นๆ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -403,86 +422,86 @@ const systemLists = ref<any>([
     key: "SYS_PROBATION",
     name: "การทดลองปฏิบัติหน้าที่ราชการ",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
   },
   {
     key: "SYS_RETIREMENT",
     name: "พ้นจากราชการ",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "RETIREMENT",
         name: "ประกาศเกษียณ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "RESIGN",
         name: "รายการลาออก",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "EXIT_INTERVIEW",
         name: "Exit interview",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DECEASED",
         name: "รายการบันทึกการถึงแก่กรรม",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISMISS",
         name: "รายการให้ออก",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -490,86 +509,86 @@ const systemLists = ref<any>([
     key: "SYS_INSIGNIA",
     name: "เครื่องราชฯ",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "INSIGNIA_ROUND",
         name: "รอบการเสนอขอ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "INSIGNIA_MANAGE",
         name: "จัดการคำขอ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "INSIGNIA_RECORD",
         name: "บันทึกผลการเสนอขอ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "INSIGNIA_ALLOCATE",
         name: "จัดสรรเครื่องราชฯ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "INSIGNIA_BORROW",
         name: "ยืม-คืนเครื่องราชฯ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "INSIGNIA_REPORT",
         name: "รายงาน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -577,85 +596,85 @@ const systemLists = ref<any>([
     key: "SYS_LEAVE",
     name: "การลา",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "LEAVE_ROUND",
         name: "รอบการปฏิบัติงาน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "CHANGE_LEAVE",
         name: "แก้ไขรอบการปฎิบัติงานผู้ใช้งาน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "WORKTIME_LIST",
         name: "รายการลงเวลาปฏิบัติงาน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "WORKTIME_SPECIAL",
         name: "ลงเวลากรณีพิเศษ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "LEAVE_LIST",
         name: "รายการลา",
         selected: false,
-        owner: "",
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrOwnership: "",
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "LEAVE_REPORT",
         name: "รายงานสถิติการลา",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -663,134 +682,134 @@ const systemLists = ref<any>([
     key: "SYS_DISCIPLINE",
     name: "วินัย",
     selected: true,
-    owner: "",
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrOwnership: "",
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "DISCIPLINE_COMPLAINTS",
         name: "เรื่องร้องเรียน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_INVESTIGATE",
         name: "สืบสวนข้อเท็จจริง",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_DISCIPLINARY",
         name: "สอบสวนความผิดทางวินัย",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_RESULT",
         name: "สรุปผลการพิจารณาความผิดทางวินัย",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_SUSPEND",
         name: "รายชื่อผู้ถูกพักราชการ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_APPEAL",
         name: "อุทธรณ์/ร้องทุกข์",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_COMMAND",
         name: "ออกคำสั่งลงโทษทางวินัย",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DISCIPLINE_BASIC",
         name: "ข้อมูลพื้นฐาน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
 
         children: [
           {
             key: "DISCIPLINE_DIRECTOR",
             name: "กรรมการ",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "DISCIPLINE_CHANNEL",
             name: "ช่องทางการร้องเรียน",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
         ],
       },
@@ -800,63 +819,63 @@ const systemLists = ref<any>([
     key: "SYS_EVALUATE",
     name: "ประเมินบุคคล",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "EVALUATE_REQUEST",
         name: "คำขอประเมิน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "EVALUATE_DIRECTOR_METTING",
         name: "กรรมการและการประชุม",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
 
         children: [
           {
             key: "EVALUATE_DIRECTOR",
             name: "กรรมการ",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
           {
             key: "EVALUATE_METTING",
             name: "การประชุม",
             selected: false,
-            owner: "",
+            attrOwnership: "",
 
-            create: false,
-            list: false,
-            get: false,
-            update: false,
-            delete: false,
+            attrIsCreate: false,
+            attrIsList: false,
+            attrIsGet: false,
+            attrIsUpdate: false,
+            attrIsDelete: false,
           },
         ],
       },
@@ -866,86 +885,86 @@ const systemLists = ref<any>([
     key: "SYS_SALARY",
     name: "เงินเดือน/ค่าจ้าง",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "SALARY_CHART",
         name: "ผังบัญชีเงินเดือนข้าราชการ ฯ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "SALARY_EMPLOYEE_CHART",
         name: "ผังบัญชีค่าจ้างลูกจ้างประจำ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "SALARY_ROUND",
         name: "รอบการเลื่อนเงินเดือน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "SALARY_SLIP",
         name: "เลื่อนเงินเดือนข้าราชการ ฯ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "SALARY_EMPLOYEE_SLIP",
         name: "เลื่อนค่าจ้างลูกจ้างประจำ",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "SALARY_COMMAND",
         name: "ออกคำสั่งเลื่อนเงินเดือน/ค่าจ้าง",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -953,38 +972,38 @@ const systemLists = ref<any>([
     key: "SYS_KPI",
     name: "ประเมินผลการปฏิบัติราชการระดับบุคคล",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "KPI_Round",
         name: "รอบการประเมิน",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "KPI_List",
         name: "รายการการประเมินผล",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
@@ -992,67 +1011,69 @@ const systemLists = ref<any>([
     key: "SYS_DEVELOPMENT",
     name: "พัฒนาบุคลากร",
     selected: false,
-    owner: "",
+    attrOwnership: "",
 
-    create: false,
-    list: false,
-    get: false,
-    update: false,
-    delete: false,
+    attrIsCreate: false,
+    attrIsList: false,
+    attrIsGet: false,
+    attrIsUpdate: false,
+    attrIsDelete: false,
 
     children: [
       {
         key: "DEVELOPMENT_PROJECT",
         name: "โครงการ/หลักสูตรการฝึกอบรม",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DEVELOPMENT_HISTORY",
         name: "ประวัติฝึกอบรม/ดูงาน ขรก.",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DEVELOPMENT_HISTORY_EMPLOYEE",
         name: "ประวัติฝึกอบรม/ดูงานลูกจ้าง",
         selected: false,
-        owner: "",
+        attrOwnership: "",
 
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
       {
         key: "DEVELOPMENT_SCHOLARSHIP",
         name: "ทุนการศึกษา/ฝึกอบรม",
         selected: false,
-        owner: "",
-        create: false,
-        list: false,
-        get: false,
-        update: false,
-        delete: false,
+        attrOwnership: "",
+        attrIsCreate: false,
+        attrIsList: false,
+        attrIsGet: false,
+        attrIsUpdate: false,
+        attrIsDelete: false,
       },
     ],
   },
 ]);
 
-function onSubmit() {}
+function onSubmit() {
+  console.log(systemLists.value)
+}
 </script>
 
 <template>
@@ -1130,19 +1151,130 @@ function onSubmit() {}
               <q-th colspan="5" style="text-align: center; font-size: 1rem"
                 >สิทธิ์ดำเนินการ (Permission)</q-th
               >
+              <q-th
+                colspan="2"
+                rowspan="2"
+                style="text-align: center; font-size: 1rem"
+                >สิทธิ์ดำเนินการ<br />
+                (Permission)</q-th
+              >
             </q-tr>
             <q-tr>
-              <q-th
-                >OWNER<br />
-                เจ้าของระบบ</q-th
+              <q-th class="relative-position"
+                >OWNER
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    เป็นเจ้าของระบบ มีสิทธิเต็มที่จะทำทุกอย่างในระบบนั้น ๆ
+                    ได้ทั้งหมดทุกหน่วยงานโดยไม่สนใจสิทธิและลำดับชั้นการเข้าถึง
+                  </q-tooltip></q-btn
+                >
+              </q-th>
+              <q-th class="relative-position"
+                >STAFF
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    เป็นเจ้าหน้าที่
+                    ซึ่งอาจจะมีสิทธิในการเข้าใช้ระบบได้เพียงอย่างใดอย่างหนึ่งหรือทั้งหมด
+                    ทั้งนี้ขึ้นกับสิทธิและลำดับชั้นการเข้าถึง
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >GUEST
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    เป็นผู้มาเยือน ใช้ในกรณีกำหนดบทบาทชั่วคราว และบทบาทเฉพาะกิจ
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >CREATE
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    มีสิทธิในการสร้างข้อมูล
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >LIST
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    มีสิทธิในการดูรายการข้อมูล
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >GET
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    มีสิทธิในการดูรายละเอียดข้อมูล
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >UPDATE
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    มีสิทธิในการแก้ไขข้อมูล
+                  </q-tooltip></q-btn
+                ></q-th
+              >
+              <q-th class="relative-position"
+                >DELETE
+                <q-btn
+                  class="absolute-custom"
+                  color="info"
+                  round
+                  icon="info"
+                  flat
+                  size="10px"
+                  ><q-tooltip class="text-body2">
+                    มีสิทธิในการลบข้อมูล
+                  </q-tooltip></q-btn
+                ></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>
-              <q-th>UPDATE<br />(มีสิทธิในการแก้ไขข้อมูล)</q-th>
-              <q-th>DELETE<br />(มีสิทธิในการลบข้อมูล)</q-th>
             </q-tr>
           </template>
           <template v-slot:body="props">
@@ -1151,26 +1283,26 @@ function onSubmit() {}
                 <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)
+                    !props.row.selected && (props.row.attrOwnership = ''),
+                      (props.row.attrIsCreate = false),
+                      (props.row.attrIsList = false),
+                      (props.row.attrIsGet = false),
+                      (props.row.attrIsUpdate = false),
+                      (props.row.attrIsDelete = false)
                   "
                 />
                 <strong>{{ props.row.name }}</strong>
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="props.row.owner"
+                  v-model="props.row.attrOwnership"
                   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)
+                    props.row.attrOwnership === 'OWNER' && (props.row.attrIsCreate = true),
+                      (props.row.attrIsList = true),
+                      (props.row.attrIsGet = true),
+                      (props.row.attrIsUpdate = true),
+                      (props.row.attrIsDelete = true)
                   "
                   v-if="!props.row.children"
                   :disable="!props.row.selected"
@@ -1178,7 +1310,7 @@ function onSubmit() {}
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="props.row.owner"
+                  v-model="props.row.attrOwnership"
                   val="STAFF"
                   v-if="!props.row.children"
                   :disable="!props.row.selected"
@@ -1186,7 +1318,7 @@ function onSubmit() {}
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="props.row.owner"
+                  v-model="props.row.attrOwnership"
                   val="GUEST"
                   v-if="!props.row.children"
                   :disable="!props.row.selected"
@@ -1194,54 +1326,68 @@ function onSubmit() {}
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="props.row.create"
+                  v-model="props.row.attrIsCreate"
                   v-if="!props.row.children"
                   :disable="
                     !props.row.selected ||
-                    (props.row.selected && props.row.owner === 'OWNER')
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="props.row.list"
+                  v-model="props.row.attrIsList"
                   v-if="!props.row.children"
                   :disable="
                     !props.row.selected ||
-                    (props.row.selected && props.row.owner === 'OWNER')
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="props.row.get"
+                  v-model="props.row.attrIsGet"
                   v-if="!props.row.children"
                   :disable="
                     !props.row.selected ||
-                    (props.row.selected && props.row.owner === 'OWNER')
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="props.row.update"
+                  v-model="props.row.attrIsUpdate"
                   v-if="!props.row.children"
                   :disable="
                     !props.row.selected ||
-                    (props.row.selected && props.row.owner === 'OWNER')
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="props.row.delete"
+                  v-model="props.row.attrIsDelete"
                   v-if="!props.row.children"
                   :disable="
                     !props.row.selected ||
-                    (props.row.selected && props.row.owner === 'OWNER')
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
+              <q-td style="text-align: center">
+                <div v-if="props.row.name == 'ข้อมูลการประเมิน'">
+                  <q-select
+                    v-model="attrPrivilege"
+                    :options="attrPrivilegeOp"
+                    option-value="id"
+                    option-label="name"
+                    dense
+                    outlined
+                    label="สิทธิเข้าถึงข้อมูล"
+                  >
+                  </q-select>
+                </div>
+              </q-td>
             </q-tr>
             <q-tr
               v-if="props.row.selected && props.row.children"
@@ -1253,84 +1399,85 @@ function onSubmit() {}
                 <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.selected && (item.attrOwnership = ''),
+                      (item.attrIsCreate = false),
+                      (item.attrIsList = false),
+                      (item.attrIsGet = false),
+                      (item.attrIsUpdate = false),
+                      (item.attrIsDelete = false)
                   "
                 />
                 {{ item.name }}
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="item.owner"
+                  v-model="item.attrOwnership"
                   val="OWNER"
                   @update:model-value="
-                    item.owner === 'OWNER' && (item.create = true),
-                      (item.list = true),
-                      (item.get = true),
-                      (item.update = true),
-                      (item.delete = true)
+                    item.attrOwnership === 'OWNER' && (item.attrIsCreate = true),
+                      (item.attrIsList = true),
+                      (item.attrIsGet = true),
+                      (item.attrIsUpdate = true),
+                      (item.attrIsDelete = true)
                   "
                   :disable="!item.selected"
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="item.owner"
+                  v-model="item.attrOwnership"
                   val="STAFF"
                   :disable="!item.selected"
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-radio
-                  v-model="item.owner"
+                  v-model="item.attrOwnership"
                   val="GUEST"
                   :disable="!item.selected"
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="item.create"
+                  v-model="item.attrIsCreate"
                   :disable="
-                    !item.selected || (item.selected && item.owner === 'OWNER')
+                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="item.list"
+                  v-model="item.attrIsList"
                   :disable="
-                    !item.selected || (item.selected && item.owner === 'OWNER')
+                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="item.get"
+                  v-model="item.attrIsGet"
                   :disable="
-                    !item.selected || (item.selected && item.owner === 'OWNER')
+                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="item.update"
+                  v-model="item.attrIsUpdate"
                   :disable="
-                    !item.selected || (item.selected && item.owner === 'OWNER')
+                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
               <q-td style="text-align: center">
                 <q-checkbox
-                  v-model="item.delete"
+                  v-model="item.attrIsDelete"
                   :disable="
-                    !item.selected || (item.selected && item.owner === 'OWNER')
+                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
+              <q-td style="text-align: center"> </q-td>
             </q-tr>
             <!-- <q-tr
             v-if="item.children"
@@ -1343,25 +1490,25 @@ function onSubmit() {}
               {{ item3.name }}
             </q-td>
             <q-td style="text-align: center">
-              <q-checkbox v-model="item3.owner" />
+              <q-checkbox v-model="item3.attrOwnership" />
             </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-checkbox v-model="item3.attrIsCreate" />
             </q-td>
             <q-td style="text-align: center">
-              <q-checkbox v-model="item3.list" />
+              <q-checkbox v-model="item3.attrIsList" />
             </q-td>
             <q-td style="text-align: center">
-              <q-checkbox v-model="item3.get" />
+              <q-checkbox v-model="item3.attrIsGet" />
             </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-checkbox v-model="item3.attrIsDelete" />
             </q-td>
           </q-tr> -->
           </template>
@@ -1376,3 +1523,10 @@ function onSubmit() {}
     </q-card>
   </q-form>
 </template>
+<style scoped>
+.absolute-custom {
+  position: absolute;
+  top: -5px;
+  right: -5px;
+}
+</style>