diff --git a/src/modules/06_retirement/components/ListRetirement/TableList.vue b/src/modules/06_retirement/components/ListRetirement/TableList.vue
index abf7be3e9..a171a9e5e 100644
--- a/src/modules/06_retirement/components/ListRetirement/TableList.vue
+++ b/src/modules/06_retirement/components/ListRetirement/TableList.vue
@@ -16,6 +16,7 @@ const personId = ref<string>("");
 /** Use */
 const route = useRoute();
 const router = useRouter();
+const checkRoutePermisson = ref<boolean>(route.name == "retirementidDetail");
 const $q = useQuasar();
 const mixin = useCounterMixin();
 const {
@@ -455,6 +456,7 @@ function updatemodalPersonal(modal: boolean) {
             :profile-id="profileId"
             :UpdateListId="UpdateListId"
             v-if="
+              !checkRoutePermisson &&
               statusReport === false &&
               (typeReport == 'ADD' || typeReport == '' || typeReport == null) &&
               statusUpload !== true
@@ -471,7 +473,7 @@ function updatemodalPersonal(modal: boolean) {
                     (modalUpload = true), (signDate = null), (fileUpload = null)
                   "
                   target="_blank"
-                  v-if="statusUpload !== true"
+                  v-if="statusUpload !== true && !checkRoutePermisson"
                 >
                   <q-item-section avatar
                     ><q-icon color="blue" name="attach_file"
@@ -479,6 +481,7 @@ function updatemodalPersonal(modal: boolean) {
                   <q-item-section>อัปโหลดไฟล์ </q-item-section>
                 </q-item>
                 <q-item
+                  v-if="!checkRoutePermisson"
                   clickable
                   v-close-popup
                   type="a"
@@ -490,7 +493,7 @@ function updatemodalPersonal(modal: boolean) {
                   /></q-item-section>
                   <q-item-section>แก้ไข มติ อ.ก.ก. </q-item-section>
                 </q-item>
-                <q-separator />
+                <q-separator v-if="!checkRoutePermisson" />
                 <q-item
                   clickable
                   v-close-popup
@@ -591,26 +594,6 @@ function updatemodalPersonal(modal: boolean) {
           <template v-slot:header="props">
             <q-tr :props="props">
               <q-th auto-width />
-              <q-th
-                auto-width
-                v-if="
-                  (typeReport === 'EDIT' ||
-                    typeReport === null ||
-                    typeReport === '') &&
-                  statusReport === false &&
-                  statusUpload !== true
-                "
-              />
-              <q-th
-                auto-width
-                v-if="
-                  (typeReport === 'REMOVE' ||
-                    typeReport === null ||
-                    typeReport === '') &&
-                  statusReport === false &&
-                  statusUpload !== true
-                "
-              />
               <q-th v-for="col in props.cols" :key="col.name" :props="props">
                 <div class="text-grey-7 text-weight-medium">
                   <span class="row">{{ col.title }}</span>
@@ -619,19 +602,20 @@ function updatemodalPersonal(modal: boolean) {
                   }}</span>
                 </div>
               </q-th>
-
             </q-tr>
           </template>
           <template v-slot:body="props">
             <q-tr
               :props="props"
-              class="cursor-pointer"
               :style="props.row.profileId === profileId && 'color: #26a69a;'"
-              @click.stop="onclickViewinfo(props.row.profileId)"
+              
             >
-            <q-td auto-width>
+              <q-td auto-width>
+                <q-btn flat round dense icon="mdi-eye" color="info" @click.stop="onclickViewinfo(props.row.profileId)">
+                  <q-tooltip>ดูข้อมูลในทะเบียนประวัติ</q-tooltip>
+                </q-btn>
                 <q-btn
-                  v-if="
+                  v-if="!checkRoutePermisson&&
                     (props.row.remove === 'EDIT' ||
                       props.row.remove === 'REMOVE') &&
                     statusUpload
@@ -649,18 +633,15 @@ function updatemodalPersonal(modal: boolean) {
                   "
                   ><q-tooltip>ข้อมูล</q-tooltip></q-btn
                 >
-              </q-td>
-              <q-td
-                auto-width
-                v-if="
-                  (typeReport === 'EDIT' ||
-                    typeReport === null ||
-                    typeReport === '') &&
-                  statusReport === false &&
-                  statusUpload !== true
-                "
-              >
                 <q-btn
+                  v-if="
+                    !checkRoutePermisson &&
+                    (typeReport === 'EDIT' ||
+                      typeReport === null ||
+                      typeReport === '') &&
+                    statusReport === false &&
+                    statusUpload !== true
+                  "
                   flat
                   round
                   color="primary"
@@ -675,21 +656,18 @@ function updatemodalPersonal(modal: boolean) {
                 >
                   <q-tooltip>กรอกเหตุผล</q-tooltip>
                 </q-btn>
-              </q-td>
-              <q-td
-                auto-width
-                v-if="
-                  (typeReport === 'REMOVE' ||
-                    typeReport === null ||
-                    typeReport === '') &&
-                  statusReport === false &&
-                  statusUpload !== true
-                "
-              >
                 <q-btn
+                  v-if="
+                    !checkRoutePermisson &&
+                    (typeReport === 'REMOVE' ||
+                      typeReport === null ||
+                      typeReport === '') &&
+                    statusReport === false &&
+                    statusUpload !== true
+                  "
                   flat
                   round
-                  class="text-red-14"
+                  color="red"
                   :icon="props.row.remove === 'REMOVE' ? 'info' : 'mdi-delete'"
                   dense
                   @click.stop="
@@ -727,8 +705,6 @@ function updatemodalPersonal(modal: boolean) {
               <q-td class="table_ellipsis" key="organization" :props="props">{{
                 props.row.organization ? props.row.organization : "-"
               }}</q-td>
-
-
             </q-tr>
           </template>
           <template v-slot:pagination="scope">
diff --git a/src/modules/06_retirement/components/ListRetirement/popupAdd.vue b/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
index 32dbacb10..dd2b76c7e 100644
--- a/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
+++ b/src/modules/06_retirement/components/ListRetirement/popupAdd.vue
@@ -109,7 +109,7 @@ const cerateRetirement = async (data: object) => {
     @click="clickAdd"
     :disable="checkjson"
   >
-    <q-tooltip>เพิ่ม</q-tooltip>
+    <q-tooltip>เพิ่มข้อมูล</q-tooltip>
   </q-btn>
   <q-dialog v-model="modal" persistent>
     <q-card style="width: 450px; max-width: 80vw">
diff --git a/src/modules/06_retirement/router.ts b/src/modules/06_retirement/router.ts
index 68e3cbcfe..a0d08948a 100644
--- a/src/modules/06_retirement/router.ts
+++ b/src/modules/06_retirement/router.ts
@@ -5,6 +5,8 @@
 const Main = () => import("@/modules/06_retirement/views/Main.vue");
 const Listretirement = () =>
   import("@/modules/06_retirement/components/ListRetirement/TableList.vue");
+const ListretirementDetail = () =>
+  import("@/modules/06_retirement/components/ListRetirement/TableList.vue");
 // const resignOrder = () =>
 //   import("@/modules/06_retirement/components/resign/ResignOrder.vue");
 const resign = () =>
@@ -60,6 +62,16 @@ export default [
       Role: "STAFF",
     },
   },
+  {
+    path: "/retirement-detail/:retirementId",
+    name: "retirementidDetail",
+    component: ListretirementDetail,
+    meta: {
+      Auth: true,
+      Key: "SYS_RETIREMENT",
+      Role: "STAFF",
+    },
+  },
   {
     path: "/retirement/listretire/:id/:type",
     name: "retirement/list/id/type",
diff --git a/src/modules/06_retirement/views/Main.vue b/src/modules/06_retirement/views/Main.vue
index 530b021b3..10f18e0ab 100644
--- a/src/modules/06_retirement/views/Main.vue
+++ b/src/modules/06_retirement/views/Main.vue
@@ -11,6 +11,8 @@ import type { resMain } from "@/modules/06_retirement/interface/response/Main";
 import { storeToRefs } from "pinia";
 import popupAdd from "../components/ListRetirement/popupAdd.vue";
 
+import { checkPermission } from "@/utils/permissions";
+
 const useStoreRetire = useDataStoreRetirement();
 const { clickTab } = useStoreRetire;
 const { tab, type } = storeToRefs(useDataStoreRetirement());
@@ -195,6 +197,9 @@ const paginationLabel = (start: string, end: string, total: string) => {
 const nextPage = (prop: any) => {
   router.push(`/retirement/${prop.id}`);
 };
+const nextPageDetail = (prop: any) => {
+  router.push(`/retirement-detail/${prop.id}`);
+};
 
 watch(type, () => {
   fetchRetirement(type.value, currentYear);
@@ -278,7 +283,7 @@ const typeReportChangeName = (val: string) => {
               </q-select>
 
               <!-- use-input -->
-              <div>
+              <div v-if="checkPermission($route)?.attrIsCreate">
                 <popupAdd
                   :type="useStoreRetire.type"
                   :year="fiscalyear"
@@ -345,6 +350,7 @@ const typeReportChangeName = (val: string) => {
               >
                 <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"
@@ -355,11 +361,34 @@ const typeReportChangeName = (val: string) => {
                   </q-tr>
                 </template>
                 <template v-slot:body="props">
-                  <q-tr
-                    :props="props"
-                    class="cursor-pointer"
-                    @click="nextPage(props.row)"
-                  >
+                  <q-tr :props="props">
+                    <q-td auto-width>
+                      <q-btn
+                        v-if="checkPermission($route)?.attrIsGet"
+                        flat
+                        round
+                        dense
+                        icon="mdi-eye"
+                        color="info"
+                        @click="nextPageDetail(props.row)"
+                      >
+                        <q-tooltip>รายละเอียด</q-tooltip>
+                      </q-btn>
+                      <q-btn
+                        v-if="
+                          checkPermission($route)?.attrIsGet &&
+                          checkPermission($route)?.attrIsUpdate
+                        "
+                        flat
+                        round
+                        dense
+                        icon="edit"
+                        color="edit"
+                        @click="nextPage(props.row)"
+                      >
+                        <q-tooltip>แก้ไขข้อมูล</q-tooltip>
+                      </q-btn>
+                    </q-td>
                     <q-td key="no" :props="props">
                       {{ props.rowIndex + 1 }}
                     </q-td>