diff --git a/src/modules/04_registryNew/views/detailView.vue b/src/modules/04_registryNew/views/detailView.vue
index a687417d5..a5aff3266 100644
--- a/src/modules/04_registryNew/views/detailView.vue
+++ b/src/modules/04_registryNew/views/detailView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, watch } from "vue";
+import { ref, onMounted, reactive } from "vue";
 import axios from "axios";
 import { useRoute, useRouter } from "vue-router";
 import { useCounterMixin } from "@/stores/mixin";
@@ -55,7 +55,6 @@ const itemsMenu = ref<DataOption[]>([
 ]);
 
 const uploadUrl = ref<string>("");
-// const testFile = ref<File | null>(null);
 const fileName = ref<string>("");
 const profilePicture = ref<string>("");
 const profileFile = ref();
@@ -72,11 +71,6 @@ function selectFile() {
   input.click();
 }
 
-// watch(
-//   () => testFile.value,
-//   () => uploadProfile()
-// );
-
 async function uploadProfile() {
   await http
     .post(config.API.file("ทะเบียนประวัติ", "โปรไฟล์", profileId.value), {
@@ -124,31 +118,30 @@ async function fetchProfile(id: string) {
   await http
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, fileName.value))
     .then(async (res) => {
-      console.log(res.data);
       profilePicture.value = res.data.downloadUrl;
     })
-    .catch((err) => {
+    .catch(() => {
       profilePicture.value = avatar;
-      console.log(profilePicture.value);
     })
     .finally(() => {
       hideLoader();
     });
 }
 
-function fetchDataPersonal() {
-  const data = {
-    id: "1526d9d3-d8b1-43ab-81b5-a84dfbe99201",
-    prefix: "นาย",
-    firstName: "ณัฐพงศ์",
-    lastName: "ดิษยบุตร",
-    citizenId: "0000000000001",
-    position: "นักบริหาร",
-    posLevelId: "1526d9d3-d8b1-43ab-81b5-a84dfbe09362",
-    posTypeId: "1526d9d3-d8b1-43ab-81b5-a84dfbe08091",
-  };
-
-  formDetail.value = data;
+async function fetchDataPersonal() {
+  showLoader();
+  await http
+    .get(config.API.registryNewByProfileId(profileId.value))
+    .then((res) => {
+      formDetail.value = res.data.result;
+      console.log(formDetail.value);
+    })
+    .catch((err) => {
+      messageError($q, err);
+    })
+    .finally(() => {
+      hideLoader();
+    });
 }
 
 function onClickDownloadKp7(type: string) {
@@ -268,7 +261,7 @@ onMounted(async () => {
           </div>
           <div class="col-2">
             <div class="col-sm-3 col-md-3">
-              <div class="col text-grey-6">ระดับตำแหน่งง</div>
+              <div class="col text-grey-6">ระดับตำแหน่ง</div>
               <div class="col">ชำนาญการพิเศษ</div>
             </div>
           </div>