สิทธิ์ สอบสวนความผิดทางวินัย

src/modules/11_discipline/components/3_InvestigateDisciplinary/Table.vue

@@ -3,6 +3,8 @@ import { ref, useAttrs, watch } from "vue";
 import type { Pagination } from "@/modules/04_registry/interface/index/Main";
 import { useInvestigateDisStore } from "@/modules/11_discipline/store/InvestigateDisStore";
 
+import { checkPermission } from "@/utils/permissions";
+
 const dataInvestigateDis = useInvestigateDisStore();
 const table = ref<any>(null);
 const filterRef = ref<any>(null);
@@ -29,6 +31,10 @@ const props = defineProps({
     type: Function,
     default: () => console.log("not function"),
   },
+  openDetail: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
   fetchListDisciplinary: {
     type: Function,
     default: () => console.log("not function"),
@@ -169,11 +175,14 @@ function filterOptionFn(val: string, update: Function) {
         <template v-if="statusFilter !== 'ALL'" v-slot:append>
           <q-icon
             name="cancel"
-            @click.stop.prevent="(option = dataInvestigateDis.statusOptions),(statusFilter = 'ALL'), dataUpdate()"
+            @click.stop.prevent="
+              (option = dataInvestigateDis.statusOptions),
+                (statusFilter = 'ALL'),
+                dataUpdate()
+            "
             class="cursor-pointer"
           />
         </template>
-
       </q-select>
     </div>
     <q-space />
@@ -242,6 +251,7 @@ function filterOptionFn(val: string, update: Function) {
     </template>
     <template v-slot:header="props">
       <q-tr :props="props">
+        <q-th auto-width></q-th>
         <q-th v-for="col in props.cols" :key="col.name" :props="props">
           <span class="text-weight-medium" v-html="col.label" />
         </q-th>
@@ -249,12 +259,34 @@ function filterOptionFn(val: string, update: Function) {
     </template>
     <template v-slot:body="props">
       <q-tr :props="props" class="cursor-pointer">
-        <q-td
-          v-for="col in props.cols"
-          :key="col.name"
-          :props="props"
-          @click="openEdit(props.row.id)"
-        >
+        <q-td auto-width>
+          <q-btn
+            v-if="checkPermission($route)?.attrIsGet"
+            flat
+            dense
+            round
+            icon="mdi-eye"
+            color="info"
+            @click="openDetail(props.row.id)"
+          >
+            <q-tooltip>รายละเอียด</q-tooltip>
+          </q-btn>
+          <q-btn
+            v-if="
+              checkPermission($route)?.attrIsUpdate &&
+              checkPermission($route)?.attrIsGet
+            "
+            flat
+            dense
+            round
+            icon="edit"
+            color="edit"
+            @click="openEdit(props.row.id)"
+          >
+            <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+          </q-btn>
+        </q-td>
+        <q-td v-for="col in props.cols" :key="col.name" :props="props">
           <div v-if="col.name == 'no'">
             {{
               (currentPage - 1) * Number(pagination.rowsPerPage) +