From 9bae48eb68ebb22d6dedd5e5058432d7e45805fa Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Mon, 20 May 2024 10:11:43 +0700
Subject: [PATCH] =?UTF-8?q?=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=88=E0=B8=B8?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=95=E0=B9=88=E0=B8=87=E0=B8=95=E0=B8=B1?=
 =?UTF-8?q?=E0=B9=89=E0=B8=87=20=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=E0=B8=A2=E0=B9=89=E0=B8=B2=E0=B8=A2=20>=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A1=E0=B8=99=E0=B8=B9=E0=B8=82=E0=B8=AD=E0=B9=82?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=20=E0=B8=9B=E0=B8=A3=E0=B8=B1=E0=B8=9A=20car?=
 =?UTF-8?q?d=20profile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CardProfile.vue                           | 4 +++-
 .../components/Transfer/transferRegistry.vue             | 9 +++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/CardProfile.vue b/src/components/CardProfile.vue
index 9bd8a66e9..fb3745005 100644
--- a/src/components/CardProfile.vue
+++ b/src/components/CardProfile.vue
@@ -40,7 +40,9 @@ function fetchDataProfile(data: DataProfile) {
     fetchProfile(data.profileId);
   }
   profile.id = data.profileId;
-  profile.fullName = `${data.prefix}${data.firstName} ${data.lastName}`;
+  profile.fullName = `${data.prefix ?? ""}${data.firstName ?? ""} ${
+    data.lastName ?? ""
+  } `;
   profile.position =
     data.position == "" || data.position === null ? "-" : data.position;
   if (data.posTypeName && data.posLevelName) {
diff --git a/src/modules/05_placement/components/Transfer/transferRegistry.vue b/src/modules/05_placement/components/Transfer/transferRegistry.vue
index 06232eb6a..f5c56f2a9 100644
--- a/src/modules/05_placement/components/Transfer/transferRegistry.vue
+++ b/src/modules/05_placement/components/Transfer/transferRegistry.vue
@@ -10,12 +10,14 @@ import config from "@/app.config";
 import keycloak from "@/plugins/keycloak";
 
 import type { QTableProps, QForm } from "quasar";
+import type { DataProfile } from "@/modules/05_placement/interface/index/Main";
 import type {
   TypeFile,
   ResponseDataDetail,
   rowFile,
 } from "@/modules/05_placement/interface/response/Transfer";
 import PopupPersonal from "@/components/Dialogs/PopupPersonal.vue";
+import CardProfile from "@/components/CardProfile.vue";
 
 const modalPersonal = ref<boolean>(false);
 const personId = ref<string>("");
@@ -28,6 +30,7 @@ const dataId = route.params.id as string;
 const myForm = ref<QForm | null>(null);
 const roleAdmin = ref<boolean>(false);
 const edit = ref<boolean>(false);
+const dataProfile = ref<DataProfile>();
 
 const organizationPositionOld = ref<string>("");
 const positionTypeOld = ref<string>("");
@@ -164,6 +167,7 @@ const getData = async () => {
     .get(config.API.transferId(dataId.toString()))
     .then((res: any) => {
       const data = res.data.result;
+      dataProfile.value = res.data.result as unknown as DataProfile;
       id.value = data.id;
       let list: TypeFile[] = [];
       if (data.docs.length > 0) {
@@ -319,7 +323,8 @@ onMounted(async () => {
     />
     รายละเอียดการขอโอนของ {{ responseData.fullname }}
   </div>
-  <q-card bordered class="row col-12 text-dark">
+  <CardProfile :data="dataProfile as DataProfile" />
+  <!-- <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">
         {{ responseData.fullname }}
@@ -371,7 +376,7 @@ onMounted(async () => {
         </div>
       </div>
     </div>
-  </q-card>
+  </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">