สิทธิ์ รายการให้ออก

src/modules/06_retirement/components/DismissOrder/DismissOrder.vue

@@ -9,6 +9,7 @@ import http from "@/plugins/http";
 import config from "@/app.config";
 import DialogSendToCommand from "@/modules/06_retirement/components/DismissOrder/DialogSendToCommand.vue";
 import type { ResponseData } from "@/modules/06_retirement/interface/response/out";
+import { checkPermission } from "@/utils/permissions";
 
 /** use */
 const $q = useQuasar();
@@ -208,6 +209,10 @@ const pagination = ref({
       <div class="col-12">
         <div class="row col-12">
           <q-btn
+            v-if="
+              checkPermission($route)?.attrIsGet &&
+              checkPermission($route)?.attrIsUpdate
+            "
             @click="openModalOrder"
             size="14px"
             flat
@@ -275,11 +280,43 @@ const pagination = ref({
               </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="checkPermission($route)?.attrIsGet"
+                    flat
+                    dense
+                    round
+                    color="info"
+                    icon="mdi-eye"
+                    @click="
+                      router.push(
+                        `/retirement/dismiss-order-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/dismiss-order/${props.row.id}`)
+                    "
+                  >
+                    <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+                  </q-btn>
+
+                  <q-btn
+                    v-if="checkPermission($route)?.attrIsDelete"
                     dense
-                    size="12px"
                     flat
                     round
                     :color="
@@ -296,13 +333,7 @@ const pagination = ref({
                     <q-tooltip>ลบข้อมูล</q-tooltip>
                   </q-btn>
                 </q-td>
-                <q-td
-                  v-for="col in props.cols"
-                  :key="col.id"
-                  @click="
-                    router.push(`/retirement/dismiss-order/${props.row.id}`)
-                  "
-                >
+                <q-td v-for="col in props.cols" :key="col.id">
                   <div v-if="col.name === 'no'">
                     {{ props.rowIndex + 1 }}
                   </div>

src/modules/06_retirement/components/DismissOrder/outRegistry.vue

@@ -18,6 +18,7 @@ import CardProfile from "@/components/CardProfile.vue";
 const $q = useQuasar();
 const route = useRoute();
 const router = useRouter();
+const checkRoutePermisson = ref<boolean>(route.name == "outDetailOnly");
 const mixin = useCounterMixin();
 const dataId = route.params.id.toString();
 const {
@@ -181,7 +182,7 @@ onMounted(async () => {
           แก้ไขข้อมูลเพื่อลงบัญชีแนบท้าย
         </div>
         <q-space />
-        <div v-if="status !== 'DONE' && status !== 'REPORT'">
+        <div v-if="status !== 'DONE' && status !== 'REPORT' && !checkRoutePermisson">
           <div class="q-gutter-sm" v-if="!edit">
             <q-btn
               outline

src/modules/06_retirement/router.ts

@@ -25,6 +25,8 @@ const dismissOrder = () =>
   import("@/modules/06_retirement/components/DismissOrder/DismissOrder.vue");
 const outDetail = () =>
   import("@/modules/06_retirement/components/DismissOrder/outRegistry.vue");
+const outDetailOnly = () =>
+  import("@/modules/06_retirement/components/DismissOrder/outRegistry.vue");
 // const dischargedMain = () =>
 //   import("@/modules/06_retirement/components/Discharged/dischargedMain.vue");
 // const dischargedDetails = () =>
@@ -228,6 +230,16 @@ export default [
       Role: "STAFF",
     },
   },
+  {
+    path: "/retirement/dismiss-order-detail/:id",
+    name: "outDetailOnly",
+    component: outDetailOnly,
+    meta: {
+      Auth: true,
+      Key: "SYS_DISMISS",
+      Role: "STAFF",
+    },
+  },
   // {
   //   path: "/retirement/discharged",
   //   name: "discharged",