diff --git a/src/modules/05_placement/components/Transfer/transferMain.vue b/src/modules/05_placement/components/Transfer/transferMain.vue
index 66b45018c..78bd3f03a 100644
--- a/src/modules/05_placement/components/Transfer/transferMain.vue
+++ b/src/modules/05_placement/components/Transfer/transferMain.vue
@@ -65,7 +65,7 @@ const resetFilter = () => {
 // };
 const rows = ref<any>([
   {
-    personalId: "0a846508-4932-40de-9a9e-5b519492217c",
+    personalId: "08db721d-add6-47b0-8a13-5f45d106e8d1",
     fullname: "นางสาวอย พชช",
     position: "นักบริหาร",
     positionLevel: "ต้น",
@@ -73,15 +73,6 @@ const rows = ref<any>([
     agency: "กลุ่มงานกุมารเวชกรรม",
     status: "รออนุมัติ",
   },
-  {
-    personalId: "08db721d-add6-47b0-8a13-5f45d106e8d1",
-    fullname: "นางสาววญ สพ",
-    position: "นักจัดการงานทั่วไป",
-    positionLevel: "ปฏิบัติการ",
-    oc: "กลุ่มงานช่วยนักบริหาร",
-    agency: "กลุ่มงานข้อมูลเมือง",
-    status: "รออนุมัติ",
-  },
   {
     personalId: "08db721d-adf2-4842-8056-1abb1539356e",
     fullname: "นางสาววญ สพ",
@@ -92,7 +83,7 @@ const rows = ref<any>([
     status: "รออนุมัติ",
   },
   {
-    personalId: "08db721d-adff-47b0-8762-41cd5c991001",
+    personalId: "08db721d-ae3d-4b8c-8cf0-b86b5a2ed8bb",
     fullname: "นางสาววญ สพ",
     position: "นักจัดการงานทั่วไป",
     positionLevel: "ปฏิบัติการ",
@@ -101,7 +92,16 @@ const rows = ref<any>([
     status: "รออนุมัติ",
   },
   {
-    personalId: "08db721d-ae22-424d-8f4a-87ba30cc3ee7",
+    personalId: "08db721d-afde-4ed4-8bc6-f0ad83e61c4d",
+    fullname: "นางสาววญ สพ",
+    position: "นักจัดการงานทั่วไป",
+    positionLevel: "ปฏิบัติการ",
+    oc: "กลุ่มงานช่วยนักบริหาร",
+    agency: "กลุ่มงานข้อมูลเมือง",
+    status: "รออนุมัติ",
+  },
+  {
+    personalId: "08db721d-b24e-45d7-8a65-3f28ef4948a4",
     fullname: "นางสาววญ สพ",
     position: "นักจัดการงานทั่วไป",
     positionLevel: "ปฏิบัติการ",
@@ -372,7 +372,7 @@ const columns2 = ref<QTableProps["columns"]>([
               <q-tr
                 :props="props"
                 class="cursor-pointer"
-                @click="router.push(`/retirement/resign/${props.rowIndex + 1}`)"
+                @click="router.push(`/transfer/${props.row.personalId}`)"
               >
                 <q-td key="no" :props="props">
                   {{ props.rowIndex + 1 }}
diff --git a/src/modules/05_placement/components/Transfer/transferRegistry.vue b/src/modules/05_placement/components/Transfer/transferRegistry.vue
new file mode 100644
index 000000000..674f8d9a5
--- /dev/null
+++ b/src/modules/05_placement/components/Transfer/transferRegistry.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="toptitle text-dark col-12 row items-center">
+      <q-btn
+          icon="mdi-arrow-left"
+          unelevated
+          round
+          dense
+          flat
+          color="primary"
+          class="q-mr-sm"
+          @click="router.go(-1)"
+      />
+      รายละเอียดการขอโอนของ {{ name }}
+      
+  </div>
+  <q-card bordered class="row col-12 text-dark">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-subtitle2">{{ name }}</div>
+      <q-space />
+      <q-btn outline color="blue" dense icon-right="mdi-open-in-new" class="q-px-sm" label="ดูข้อมูลทะเบียนประวัติ" @click="router.push(`/registry/${personId}`)"/>
+    </div>
+    <div class="col-12"><q-separator/></div>
+    <div class="row col-12 q-pa-md">
+      <div class="col-12 row bg-white q-col-gutter-md">
+        <div class="col-xs-3 col-sm-2 col-md-1 row ">
+          <q-img src="@/assets/avatar_user.jpg" />
+        </div>
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12 q-pl-md">
+            <div class="col-12 text-top">ตำแหน่งในสายงาน</div>
+            <div class="col-12 text-detail">{{position}}</div>
+          </div>
+        </div>
+        <div class="col-xs-6 col-sm-2 row items-center">
+          <div class="col-12">
+            <div class="col-12 text-top">ระดับ</div>
+            <div class="col-12 text-detail">{{level}}</div>
+          </div>
+        </div>
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12">
+            <div class="col-12 text-top">สังกัด</div>
+            <div class="col-12 text-detail">{{institution}}</div>
+          </div>
+        </div>
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12">
+            <div class="col-12 text-top">สถานะการทดลองงาน</div>
+            <div class="col-12 text-detail">
+              <q-icon size="20px" v-if="status == 'อยู่ระหว่างการทดลองงาน'" name="mdi-timer-sand" color="deep-orange" />
+              <q-icon size="20px" v-else-if="status == 'ไม่ผ่านการทดลอง'" name="mdi-close" color="red" />
+              <q-icon size="20px" v-else name="mdi-check" color="teal" />
+              {{ status }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </q-card>
+
+<q-card bordered class="row col-12 text-dark q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-dark">ข้อมูลการขอโอน</div>
+      <q-space />
+        <q-btn outline color="primary" dense icon-right="arrow_forward" class="q-px-sm" label="ส่งคำร้องไปยัง สกจ." />
+    </div>
+    <div class="col-12"><q-separator/></div>
+    <div class="row col-12 q-pa-md">
+      <div class="col-12 row bg-white q-col-gutter-md">
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12 ">
+            <div class="col-12 text-top">หน่วยงานที่ขอโอนไป</div>
+            <div class="col-12 text-detail">{{organization}}</div>
+          </div>
+        </div>
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12">
+            <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
+            <div class="col-12 text-detail">{{reason}}</div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+    
+  </q-card>
+
+  <q-card bordered class="row col-12 text-dark q-mt-sm">
+    <div class="bg-grey-1 q-pa-sm col-12 row items-center text-primary">
+      <div class="q-pl-sm text-weight-bold text-dark">เอกสารเพิ่มเติม</div>
+    </div>
+    <div class="col-12"><q-separator/></div>
+    <div class="row col-12 q-pa-md">
+      <div class="col-12 row bg-white q-col-gutter-md">
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12 ">
+            <div class="col-12 text-top">หน่วยงานที่ขอโอนไป</div>
+            <div class="col-12 text-detail">{{organization}}</div>
+          </div>
+        </div>
+        <div class="col-xs-6 col-sm-3 row items-center">
+          <div class="col-12">
+            <div class="col-12 text-top">เหตุผลที่ลาออกจากราชการ</div>
+            <div class="col-12 text-detail">{{reason}}</div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+    
+  </q-card>
+</template>
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+import { ref } from "vue";
+import { useRoute } from "vue-router";
+
+const router = useRouter();
+const name = ref<string>('นายสมคิด ยอดใจ')
+const position = ref<string>('นักจัดการงานทั่วไป')
+const level = ref<string>('ชำนาญการพิเศษ')
+const institution = ref<string>('ฝ่ายบริหารงานทั่วไป')
+const status = ref<string>('อยู่ระหว่างการทดลองงาน')
+const organization = ref<string>('ก.ก.')
+const reason = ref<string>('เพราะxxx') 
+const route = useRoute();
+const personId = route.params.id;
+
+
+</script>
+<style lang="scss" scope>
+.q-img {
+border-radius: 5px;
+height: 70px;
+}
+.text-top{
+color: gray;
+font-weight: 400;
+padding-bottom: 3px;
+}
+.text-detail{
+font-weight: 500;
+
+}
+.custom-header-table {
+max-height: 64vh;
+
+.q-table tr:nth-child(odd) td {
+  background: white;
+}
+
+.q-table tr:nth-child(even) td {
+  background: #f8f8f8;
+}
+
+.q-table thead tr {
+  background: #ecebeb;
+}
+
+.q-table thead tr th {
+  position: sticky;
+  z-index: 1;
+}
+
+/* this will be the loading indicator */
+.q-table thead tr:last-child th {
+  /* height of all previous header rows */
+  top: 48px;
+}
+
+.q-table thead tr:first-child th {
+  top: 0;
+}
+}
+</style>
\ No newline at end of file
diff --git a/src/modules/05_placement/router.ts b/src/modules/05_placement/router.ts
index f8f597612..8b1d5a8d3 100644
--- a/src/modules/05_placement/router.ts
+++ b/src/modules/05_placement/router.ts
@@ -37,6 +37,8 @@ const probationWorkAdd = () =>
     import("@/modules/05_placement/components/probation/FormAssign.vue");
   const transfer = () =>
     import("@/modules/05_placement/components/Transfer/transferMain.vue");
+  const transferbyId = () =>
+    import("@/modules/05_placement/components/Transfer/transferRegistry.vue");
 
 
   // คำสั่งช่วยราชการ/ส่งตัวกลับ
@@ -176,6 +178,16 @@ const probationWorkAdd = () =>
         Role: "placement",
       }
     },
+    {
+      path: "/transfer/:id",
+      name: "transfer-id",
+      component: transferbyId,
+      meta: {
+        Auth: true,
+        Key: [6.4],
+        Role: "placement",
+      }
+    },
     {
       path: "/repatriation-order",
       name: "repatriation-order",
@@ -183,7 +195,7 @@ const probationWorkAdd = () =>
       meta: {
         Auth: true,
         Key: [6.6],
-        
+        Role: "placement",
       },
     },
     {