สิทธิ์ รายการลงเวลาปฏิบัติงาน

src/modules/09_leave/components/1_Work/TableList.vue

@@ -12,6 +12,8 @@ import DialogEdit from "@/modules/09_leave/components/1_Work/DialogEdit.vue";
 import { useCounterMixin } from "@/stores/mixin";
 import { useWorklistDataStore } from "@/modules/09_leave/stores/WorkStore";
 
+import { checkPermission } from "@/utils/permissions";
+
 /** useStore */
 const mixin = useCounterMixin();
 const workStore = useWorklistDataStore();
@@ -132,16 +134,31 @@ onMounted(() => {
   >
     <template v-slot:header="props">
       <q-tr :props="props">
-        <q-th auto-width v-if="typeTab === 'time-record'"></q-th>
+        <q-th auto-width></q-th>
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium">{{ col.label }}</span>
         </q-th>
       </q-tr>
     </template>
     <template v-slot:body="props">
-      <q-tr :props="props" class="cursor-pointer">
+      <q-tr :props="props">
-        <q-td v-if="typeTab === 'time-record'">
+        <q-td auto-width>
           <q-btn
+            v-if="checkPermission($route)?.attrIsGet"
+            flat
+            dense
+            round
+            color="info"
+            icon="mdi-eye"
+            @click.prevent="clickDetail(props.row)"
+          >
+            <q-tooltip>รายละเอียด</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-if="
+              checkPermission($route)?.attrIsGet &&
+              checkPermission($route)?.attrIsUpdate && typeTab === 'time-record'
+            "
             flat
             dense
             round
@@ -149,15 +166,10 @@ onMounted(() => {
             icon="edit"
             @click.prevent="onClickEdit(props.row)"
           >
-            <q-tooltip>แก้ไข</q-tooltip>
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
           </q-btn>
         </q-td>
-        <q-td
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
-          v-for="col in props.cols"
-          :key="col.name"
-          :props="props"
-          @click.prevent="clickDetail(props.row)"
-        >
           <div v-if="col.name == 'no'">
             {{
               (currentPage - 1) * Number(pagination.rowsPerPage) +
@@ -189,7 +201,6 @@ onMounted(() => {
             {{ col.value }}
           </div>
         </q-td>
-
       </q-tr>
     </template>
     <template v-slot:pagination="scope">