From 4e0781b18084f3b81da8977e235fbf0455b10d3c Mon Sep 17 00:00:00 2001
From: "STW_TTTY\\stwtt" <trx.setthawut@gmail.com>
Date: Tue, 13 Aug 2024 12:06:33 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=AA=E0=B8=B4=E0=B8=97=E0=B8=98=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=8C=20=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=9A=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B6=E0=B8=81?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A7=E0=B8=B5=E0=B8=A2=E0=B8=99=E0=B9=81=E0=B8=88?=
 =?UTF-8?q?=E0=B9=89=E0=B8=87=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=96=E0=B8=B6?=
 =?UTF-8?q?=E0=B8=87=E0=B9=81=E0=B8=81=E0=B9=88=E0=B8=81=E0=B8=A3=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/resign/Deceased.vue            | 43 ++++++++++++++-----
 .../components/resign/DetailDeceased.vue      |  3 +-
 src/modules/06_retirement/router.ts           | 12 ++++++
 3 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/src/modules/06_retirement/components/resign/Deceased.vue b/src/modules/06_retirement/components/resign/Deceased.vue
index 6ff563e4b..db7634cfe 100644
--- a/src/modules/06_retirement/components/resign/Deceased.vue
+++ b/src/modules/06_retirement/components/resign/Deceased.vue
@@ -6,6 +6,7 @@ import { useCounterMixin } from "@/stores/mixin";
 import { useRouter } from "vue-router";
 import http from "@/plugins/http";
 import config from "@/app.config";
+import { checkPermission } from "@/utils/permissions";
 
 /** Use */
 const router = useRouter();
@@ -224,22 +225,44 @@ const pagination = ref({
           >
             <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="nextPage(props.row.id)"
-              >
-                <q-td
-                  v-for="col in props.cols"
-                  :key="col.id"
-                  @click.stop.prevent="nextPage(props.row.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(`/retirement/deceased-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.stop.prevent="nextPage(props.row.id)"
+                  >
+                    <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+                  </q-btn>
+                </q-td>
+                <q-td v-for="col in props.cols" :key="col.id">
                   <div v-if="col.name === 'no'">
                     {{ props.rowIndex + 1 }}
                   </div>
diff --git a/src/modules/06_retirement/components/resign/DetailDeceased.vue b/src/modules/06_retirement/components/resign/DetailDeceased.vue
index c6977248c..ffbac1cae 100644
--- a/src/modules/06_retirement/components/resign/DetailDeceased.vue
+++ b/src/modules/06_retirement/components/resign/DetailDeceased.vue
@@ -19,6 +19,7 @@ import { useCounterMixin } from "@/stores/mixin";
 const $q = useQuasar();
 const router = useRouter();
 const route = useRoute();
+const checkRoutePermisson = ref<boolean>(route.name == "deceased-detailOnly");
 const mixin = useCounterMixin();
 const { showLoader, hideLoader, messageError, date2Thai } = mixin;
 const fullName = ref<string>("");
@@ -190,7 +191,7 @@ const fileDownload = async (type: string) => {
         </div>
       </div>
 
-      <div class="col-12">
+      <div class="col-12" v-if="!checkRoutePermisson">
         <div class="row">
           <q-space />
           <q-btn
diff --git a/src/modules/06_retirement/router.ts b/src/modules/06_retirement/router.ts
index 660015131..6b69bbc88 100644
--- a/src/modules/06_retirement/router.ts
+++ b/src/modules/06_retirement/router.ts
@@ -19,6 +19,8 @@ const deceased = () =>
   import("@/modules/06_retirement/components/resign/Deceased.vue");
 const detaildeceased = () =>
   import("@/modules/06_retirement/components/resign/DetailDeceased.vue");
+const detaildeceasedOnly = () =>
+  import("@/modules/06_retirement/components/resign/DetailDeceased.vue");
 const dismissOrder = () =>
   import("@/modules/06_retirement/components/DismissOrder/DismissOrder.vue");
 const outDetail = () =>
@@ -186,6 +188,16 @@ export default [
       Role: "STAFF",
     },
   },
+  {
+    path: "/retirement/deceased-detail/:id",
+    name: "deceased-detailOnly",
+    component: detaildeceasedOnly,
+    meta: {
+      Auth: true,
+      Key: "SYS_PASSAWAY",
+      Role: "STAFF",
+    },
+  },
   {
     path: "/retirement/deceased/detail/:id",
     name: "deceased-detailByid",