permission => โครงสร้างอัตรากำลัง,อัตรากำลังลูกจ้างประจำ,ทะเบียนประวัติ, ทะเบียนประวัติลูกจ้าง,ตั้งค่าเว็บสรรหา, สอบแข่งขัน

src/modules/04_registryPerson/components/TableView.vue

@@ -343,10 +343,20 @@ watch(
                 </q-item-section>
                 <q-item-section>
                   <div
-                    class="text-weight-medium text-primary cursor-pointer"
-                    @click="onClickViewDetail(props.row.id)"
+                    :class="
+                      checkPermission($route)?.attrIsGet
+                        ? 'text-weight-medium text-primary cursor-pointer'
+                        : 'cursor-pointer text-weight-medium'
+                    "
+                    @click="
+                      checkPermission($route)?.attrIsGet
+                        ? onClickViewDetail(props.row.id)
+                        : undefined
+                    "
                   >
-                    <q-tooltip>ดูทะเบียนประวัติ</q-tooltip>
+                    <q-tooltip v-if="checkPermission($route)?.attrIsGet"
+                      >ดูทะเบียนประวัติ</q-tooltip
+                    >
                     {{
                       `${props.row.prefix ? props.row.prefix : ""}${
                         props.row.firstName
@@ -421,8 +431,9 @@ watch(
               </q-card-section>
             </q-card>
           </q-card-section>
-          <q-separator inset />
+          <q-separator inset v-if="checkPermission($route)?.attrIsGet" />
           <q-btn
+            v-if="checkPermission($route)?.attrIsGet"
             flat
             color="black"
             label="ดูเพิ่มเติม"