Exit interview

src/modules/06_retirement/components/ExitInterview/exitMain.vue

@@ -12,6 +12,8 @@ import type { ResponseItems } from "@/modules/06_retirement/interface/response/e
 import DialogFooter from "@/modules/05_placement/components/PersonalList/DialogFooter.vue";
 import DialogHeader from "@/components/DialogHeader.vue";
 
+import { checkPermission } from "@/utils/permissions";
+
 /** use */
 const $q = useQuasar(); //ใช้ noti quasar
 const router = useRouter();
@@ -293,6 +295,10 @@ const openModalCalendar = (rows: any) => {
         <div class="row col-12 q-col-gutter-sm">
           <div>
             <q-btn
+              v-if="
+                checkPermission($route)?.attrIsGet &&
+                checkPermission($route)?.attrIsUpdate
+              "
               color="blue-9"
               icon="mdi-square-edit-outline"
               outline
@@ -354,12 +360,41 @@ const openModalCalendar = (rows: any) => {
               </q-tr>
             </template>
             <template v-slot:body="props">
-              <q-tr :props="props" class="cursor-pointer">
+              <q-tr :props="props">
                 <q-td auto-width>
                   <q-btn
-                    v-if="!props.row.appointDate"
+                    flat
+                    dense
+                    round
+                    v-if="checkPermission($route)?.attrIsGet"
+                    color="info"
+                    icon="mdi-eye"
+                    @click="
+                      router.push(
+                        `/retirement/exit-interview/questionnair-detail/${props.row.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(
+                        `/retirement/exit-interview/questionnair/${props.row.id}`
+                      )
+                    "
+                  >
+                    <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+                  </q-btn>
+                  <q-btn
+                    v-if="!props.row.appointDate && checkPermission($route)?.attrIsGet && checkPermission($route)?.attrIsUpdate"
                     icon="mdi-calendar"
-                    size="12px"
                     color="blue-7"
                     flat
                     round
@@ -369,25 +404,12 @@ const openModalCalendar = (rows: any) => {
                     <q-tooltip>วันนัดหมายเพื่อทําการสัมภาษณ์การลาออก</q-tooltip>
                   </q-btn>
                 </q-td>
-                <q-td
-                  key="no"
-                  :props="props"
-                  @click="
-                    router.push(
-                      `/retirement/exit-interview/questionnair/${props.row.id}`
-                    )
-                  "
-                >
+                <q-td key="no" :props="props">
                   {{ props.rowIndex + 1 }}
                 </q-td>
                 <q-td
                   key="fullname"
                   :props="props"
-                  @click="
-                    router.push(
-                      `/retirement/exit-interview/questionnair/${props.row.id}`
-                    )
-                  "
                 >
                   {{ props.row.fullname }}
                 </q-td>