พัฒนาบุคลากร

src/modules/15_development/views/History.vue

@@ -22,6 +22,7 @@ import type { ResHistory } from "@/modules/15_development/interface/response/Mai
  */
 import { useDevelopmentDataStore } from "@/modules/15_development/store/developmentStore";
 import { useCounterMixin } from "@/stores/mixin";
+import { checkPermission } from "@/utils/permissions";
 
 /** use*/
 const router = useRouter();
@@ -347,7 +348,7 @@ onMounted(() => {
         <q-space />
 
         <q-btn
-          v-if="formFilter.root !== null"
+          v-if="formFilter.root !== null && checkPermission($route)?.attrIsGet !== false"
           flat
           round
           dense
@@ -431,6 +432,7 @@ onMounted(() => {
       >
         <template v-slot:header="props">
           <q-tr :props="props">
+            <q-th auto-width v-if="checkPermission($route)?.attrIsGet"></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>
@@ -438,12 +440,23 @@ onMounted(() => {
         </template>
 
         <template v-slot:body="props">
-          <q-tr :props="props" class="cursor-pointer">
+          <q-tr :props="props">
+            <q-td auto-width v-if="checkPermission($route)?.attrIsGet">
+              <q-btn
+                flat
+                round
+                dense
+                icon="mdi-eye"
+                color="info"
+                @click="onEdit(props.row.id)"
+              >
+                <q-tooltip>รายละเอียด</q-tooltip>
+              </q-btn>
+            </q-td>
             <q-td
               v-for="col in props.cols"
               :key="col.name"
               :props="props"
-              @click="onEdit(props.row.id)"
             >
               <div class="table_ellipsis">
                 {{ col.value ? col.value : "-" }}