avtar บรรจุ แต่งตั้ง

src/modules/05_placement/components/Other/Detail.vue

@@ -61,6 +61,7 @@ const organization = ref<string>("");
 const date = ref<Date | null>(null);
 const reason = ref<string>("");
 const Otherdata = ref<any>([]);
+const avatar = ref<string>("");
 
 onMounted(async () => {
   if (keycloak.tokenParsed != null) {
@@ -79,7 +80,7 @@ const fecthOther = async () => {
       const data = res.data.result;
       Otherdata.value = res.data.result;
       // console.log(data);
-
+      avatar.value = data.avatar ?? "";
       title.value.fullname = `${data.firstname ?? "-"} ${data.lastname ?? "-"}`;
       title.value.organizationPositionOld = data.organizationPositionOld ?? "-";
       title.value.positionLevelOld = data.positionLevelOld ?? "-";
@@ -197,11 +198,8 @@ const getClass = (val: boolean) => {
     <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="responseData.avataPath"
-            v-if="responseData.avataPath !== ''"
-          /> -->
-          <q-img src="@/assets/avatar_user.jpg" />
+          <q-img :src="avatar" v-if="avatar !== ''" />
+          <q-img src="@/assets/avatar_user.jpg" v-else />
         </div>
         <div class="col-xs-6 col-sm-3 row items-center">
           <div class="col-12 q-pl-md">