สิทธ์ ทดลองงาน

src/modules/05_placement/components/probation/MainProbation.vue

@@ -17,6 +17,7 @@ import router from "@/router";
 
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { checkPermission } from "@/utils/permissions";
 
 const $q = useQuasar(); //ใช้ noti quasar
 const rows = ref<FormMainProbation[]>([]);
@@ -505,8 +506,8 @@ onMounted(async () => {
 
             <div>
               <q-btn
+                v-if="checkPermission($route)?.attrIsCreate"
                 @click="onclickAddProbation"
-                size="12px"
                 flat
                 round
                 color="add"
@@ -575,17 +576,47 @@ onMounted(async () => {
         >
           <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">{{ col.label }}</span>
               </q-th>
             </q-tr>
           </template>
           <template v-slot:body="props">
-            <q-tr
-              :props="props"
-              class="cursor-pointer"
-              @click="router.push(`/probation/detail/${props.row.personal_id}`)"
-            >
+            <q-tr :props="props">
+              <q-td auto-width>
+                <q-btn
+                  v-if="checkPermission($route)?.attrIsGet"
+                  flat
+                  dense
+                  round
+                  color="info"
+                  icon="mdi-eye"
+                  @click="
+                    router.push(
+                      `/probation/detail-view/${props.row.personal_id}`
+                    )
+                  "
+                >
+                  <q-tooltip>รายละเอียด</q-tooltip>
+                </q-btn>
+                <q-btn
+                  v-if="
+                    checkPermission($route)?.attrIsGet &&
+                    checkPermission($route)?.attrIsUpdate
+                  "
+                  flat
+                  dense
+                  round
+                  color="edit"
+                  icon="edit"
+                  @click="
+                    router.push(`/probation/detail/${props.row.personal_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'">
                   {{ props.rowIndex + 1 }}