From b9b26f18de9e85a1debff7ae942552b9746987f4 Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Mon, 10 Jun 2024 15:31:50 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B9=81=E0=B8=81=E0=B9=89=20=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B8=9A=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B1=E0=B8=94=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=97=E0=B8=9A=E0=B8=B2=E0=B8=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../02_users/views/permissionDetail.vue       | 202 +++++++++++++++---
 1 file changed, 169 insertions(+), 33 deletions(-)

diff --git a/src/modules/02_users/views/permissionDetail.vue b/src/modules/02_users/views/permissionDetail.vue
index a74fe26f..8b127581 100644
--- a/src/modules/02_users/views/permissionDetail.vue
+++ b/src/modules/02_users/views/permissionDetail.vue
@@ -42,6 +42,7 @@ const systemLists = ref<any>([
     attrIsGet: true,
     attrIsUpdate: true,
     attrIsDelete: true,
+    attrPrivilege: "",
     children: [
       {
         key: "INDICATOR",
@@ -54,6 +55,7 @@ const systemLists = ref<any>([
         attrIsGet: true,
         attrIsUpdate: true,
         attrIsDelete: true,
+        attrPrivilege: "",
 
         children: [
           {
@@ -67,6 +69,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "INDICATOR_POSITION",
@@ -79,6 +82,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "INDICATOR_SPECIAL",
@@ -91,6 +95,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
         ],
       },
@@ -105,6 +110,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "STRATEGY",
@@ -117,6 +123,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -131,6 +138,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
   },
   {
     key: "SYS_ORG_EMPLOYEE",
@@ -143,6 +151,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
   },
   {
     key: "SYS_REGISTRY",
@@ -155,6 +164,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
   },
   {
     key: "COMMAND",
@@ -167,6 +177,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
   },
   {
     key: "SYS_EXAM",
@@ -179,6 +190,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
     children: [
       {
         key: "SETTING_WEB_EXAM",
@@ -191,6 +203,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "COMPETITIVE_EXAM",
@@ -203,6 +216,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
 
         children: [
           {
@@ -216,6 +230,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "STAT_APPLY_EXAM",
@@ -228,6 +243,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
         ],
       },
@@ -242,6 +258,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
 
         children: [
           {
@@ -255,6 +272,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "QUALIFY_ROUND_DISABLED",
@@ -267,6 +285,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "QUALIFY_MANAGE_LIST",
@@ -279,6 +298,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "QUALIFY_APPLY_STAT",
@@ -291,6 +311,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "QUALIFY_APPLY_STAT_DISABLED",
@@ -303,6 +324,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
         ],
       },
@@ -319,6 +341,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -332,6 +355,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_TRANSFER",
@@ -344,6 +368,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_RECEIVE",
@@ -356,6 +381,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_HELP_GOVERNMENT",
@@ -368,6 +394,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_REPATRIATE",
@@ -380,6 +407,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_APPOINT",
@@ -391,6 +419,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_APPOINT_EMPLOYEE",
@@ -403,6 +432,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "PLACEMENT_OTHER",
@@ -415,6 +445,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -429,6 +460,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
   },
   {
     key: "SYS_RETIREMENT",
@@ -441,6 +473,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -454,6 +487,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "RESIGN",
@@ -466,6 +500,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "EXIT_INTERVIEW",
@@ -478,6 +513,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DECEASED",
@@ -490,6 +526,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISMISS",
@@ -502,6 +539,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -516,6 +554,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -529,6 +568,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "INSIGNIA_MANAGE",
@@ -541,6 +581,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "INSIGNIA_RECORD",
@@ -553,6 +594,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "INSIGNIA_ALLOCATE",
@@ -565,6 +607,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "INSIGNIA_BORROW",
@@ -577,6 +620,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "INSIGNIA_REPORT",
@@ -589,6 +633,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -603,6 +648,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -616,6 +662,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "CHANGE_LEAVE",
@@ -628,6 +675,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "WORKTIME_LIST",
@@ -640,6 +688,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "WORKTIME_SPECIAL",
@@ -652,6 +701,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "LEAVE_LIST",
@@ -663,6 +713,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "LEAVE_REPORT",
@@ -675,6 +726,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -688,6 +740,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -701,6 +754,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_INVESTIGATE",
@@ -713,6 +767,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_DISCIPLINARY",
@@ -725,6 +780,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_RESULT",
@@ -737,6 +793,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_SUSPEND",
@@ -749,6 +806,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_APPEAL",
@@ -761,6 +819,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_COMMAND",
@@ -773,6 +832,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DISCIPLINE_BASIC",
@@ -785,6 +845,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
 
         children: [
           {
@@ -798,6 +859,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "DISCIPLINE_CHANNEL",
@@ -810,6 +872,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
         ],
       },
@@ -826,6 +889,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -839,6 +903,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "EVALUATE_DIRECTOR_METTING",
@@ -851,6 +916,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
 
         children: [
           {
@@ -864,6 +930,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
           {
             key: "EVALUATE_METTING",
@@ -876,6 +943,7 @@ const systemLists = ref<any>([
             attrIsGet: false,
             attrIsUpdate: false,
             attrIsDelete: false,
+            attrPrivilege: "",
           },
         ],
       },
@@ -892,6 +960,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -905,6 +974,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "SALARY_EMPLOYEE_CHART",
@@ -917,6 +987,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "SALARY_ROUND",
@@ -929,6 +1000,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "SALARY_SLIP",
@@ -941,6 +1013,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "SALARY_EMPLOYEE_SLIP",
@@ -953,6 +1026,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "SALARY_COMMAND",
@@ -965,6 +1039,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -979,6 +1054,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -992,6 +1068,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "KPI_List",
@@ -1004,6 +1081,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
@@ -1018,6 +1096,7 @@ const systemLists = ref<any>([
     attrIsGet: false,
     attrIsUpdate: false,
     attrIsDelete: false,
+    attrPrivilege: "",
 
     children: [
       {
@@ -1031,6 +1110,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DEVELOPMENT_HISTORY",
@@ -1043,6 +1123,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DEVELOPMENT_HISTORY_EMPLOYEE",
@@ -1055,6 +1136,7 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
       {
         key: "DEVELOPMENT_SCHOLARSHIP",
@@ -1066,13 +1148,14 @@ const systemLists = ref<any>([
         attrIsGet: false,
         attrIsUpdate: false,
         attrIsDelete: false,
+        attrPrivilege: "",
       },
     ],
   },
 ]);
 
 function onSubmit() {
-  console.log(systemLists.value)
+  console.log(systemLists.value);
 }
 </script>
 
@@ -1114,7 +1197,6 @@ function onSubmit() {
                   v-model="formData.description"
                   outlined
                   dense
-                  :rules="[(val:string) => !!val || `${'กรุณากรอกคำอิบาย'}`,]"
                   lazy-rules
                   hide-bottom-space
                   class="inputgreen"
@@ -1152,11 +1234,28 @@ function onSubmit() {
                 >สิทธิ์ดำเนินการ (Permission)</q-th
               >
               <q-th
+                class="relative-position"
                 colspan="2"
                 rowspan="2"
                 style="text-align: center; font-size: 1rem"
-                >สิทธิ์ดำเนินการ<br />
-                (Permission)</q-th
+                >สิทธิการเข้าถึง<br />
+                (Privilege)
+                <q-btn
+                  class="absolute-customH"
+                  color="grey-4"
+                  round
+                  icon="info"
+                  flat
+                  size="12px"
+                  ><q-tooltip class="text-body1 ">
+                    <div class="column">
+                      <div class="row no-wrap"><strong>ROOT</strong>-มีสิทธิเข้าถึงข้อมูลในทุกระดับ ตั้งแต่ระดับของตัวเองลงไปชั้นล่างสุด และขึ้นไปถึงชั้นบนสุด</div>
+                      <div class="row no-wrap"><strong>CHILD</strong>-มีสิทธิเข้าถึงข้อมูลเฉพาะระดับชั้นปัจจุบันของตัวเอง ลงไปถึงชั้นล่างสุด</div>
+                      <div class="row no-wrap"><strong>NORMAL</strong>-มีสิทธิเข้าถึงข้อมูลเฉพาะในระดับชั้นตัวเองเท่านั้น ไม่สามารถขึ้นหรือลงได้</div>
+                      <div class="row no-wrap"><strong>SPECIFIC</strong>-มีสิทธิเข้าถึงข้อมูลเฉพาะเจาะจง ซึ่งจะต้องกำ หนด ID ของข้อมูลที่ต้องการเข้าถึงด้วย</div>
+                    </div>
+                  </q-tooltip></q-btn
+                ></q-th
               >
             </q-tr>
             <q-tr>
@@ -1164,7 +1263,7 @@ function onSubmit() {
                 >OWNER
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1179,7 +1278,7 @@ function onSubmit() {
                 >STAFF
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1195,7 +1294,7 @@ function onSubmit() {
                 >GUEST
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1209,7 +1308,7 @@ function onSubmit() {
                 >CREATE
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1223,7 +1322,7 @@ function onSubmit() {
                 >LIST
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1237,7 +1336,7 @@ function onSubmit() {
                 >GET
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1251,7 +1350,7 @@ function onSubmit() {
                 >UPDATE
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1265,7 +1364,7 @@ function onSubmit() {
                 >DELETE
                 <q-btn
                   class="absolute-custom"
-                  color="info"
+                  color="grey-4"
                   round
                   icon="info"
                   flat
@@ -1298,7 +1397,8 @@ function onSubmit() {
                   v-model="props.row.attrOwnership"
                   val="OWNER"
                   @update:model-value="
-                    props.row.attrOwnership === 'OWNER' && (props.row.attrIsCreate = true),
+                    props.row.attrOwnership === 'OWNER' &&
+                      (props.row.attrIsCreate = true),
                       (props.row.attrIsList = true),
                       (props.row.attrIsGet = true),
                       (props.row.attrIsUpdate = true),
@@ -1374,19 +1474,25 @@ function onSubmit() {
                   "
                 />
               </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 style="min-width: 120px">
+                <q-select
+                  v-if="!props.row.children"
+                  v-model="props.row.attrPrivilege"
+                  :options="attrPrivilegeOp"
+                  option-value="id"
+                  option-label="id"
+                  emit-value
+                  map-options
+                  dense
+                  outlined
+                  :disable="
+                    !props.row.selected ||
+                    (props.row.selected && props.row.attrOwnership === 'OWNER')
+                  "
+                  label="สิทธิเข้าถึงข้อมูล"
+                  style="min-width: 120px"
+                >
+                </q-select>
               </q-td>
             </q-tr>
             <q-tr
@@ -1414,7 +1520,8 @@ function onSubmit() {
                   v-model="item.attrOwnership"
                   val="OWNER"
                   @update:model-value="
-                    item.attrOwnership === 'OWNER' && (item.attrIsCreate = true),
+                    item.attrOwnership === 'OWNER' &&
+                      (item.attrIsCreate = true),
                       (item.attrIsList = true),
                       (item.attrIsGet = true),
                       (item.attrIsUpdate = true),
@@ -1441,7 +1548,8 @@ function onSubmit() {
                 <q-checkbox
                   v-model="item.attrIsCreate"
                   :disable="
-                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
@@ -1449,7 +1557,8 @@ function onSubmit() {
                 <q-checkbox
                   v-model="item.attrIsList"
                   :disable="
-                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
@@ -1457,7 +1566,8 @@ function onSubmit() {
                 <q-checkbox
                   v-model="item.attrIsGet"
                   :disable="
-                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
@@ -1465,7 +1575,8 @@ function onSubmit() {
                 <q-checkbox
                   v-model="item.attrIsUpdate"
                   :disable="
-                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
@@ -1473,11 +1584,30 @@ function onSubmit() {
                 <q-checkbox
                   v-model="item.attrIsDelete"
                   :disable="
-                    !item.selected || (item.selected && item.attrOwnership === 'OWNER')
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
                   "
                 />
               </q-td>
-              <q-td style="text-align: center"> </q-td>
+              <q-td style="min-width: 120px">
+                <q-select
+                  v-model="item.attrPrivilege"
+                  :options="attrPrivilegeOp"
+                  option-value="id"
+                  option-label="id"
+                  dense
+                  outlined
+                  emit-value
+                  map-options
+                  :disable="
+                    !item.selected ||
+                    (item.selected && item.attrOwnership === 'OWNER')
+                  "
+                  label="สิทธิเข้าถึงข้อมูล"
+                  style="min-width: 120px"
+                >
+                </q-select
+              ></q-td>
             </q-tr>
             <!-- <q-tr
             v-if="item.children"
@@ -1529,4 +1659,10 @@ function onSubmit() {
   top: -5px;
   right: -5px;
 }
+.absolute-customH{
+  position: absolute;
+  top: -2px;
+  right: -2px;
+}
+
 </style>