diff --git a/src/modules/08_KPI/views/form.vue b/src/modules/08_KPI/views/form.vue
index 4c44598..5ee322d 100644
--- a/src/modules/08_KPI/views/form.vue
+++ b/src/modules/08_KPI/views/form.vue
@@ -64,6 +64,8 @@ const evaluatorId = ref<any>(null); // ตัวแปรเก็บ id ผู
 const commanderId = ref<any>(null); // ตัวแปรเก็บ id ผู้บังคับบัญชา
 const commanderHighId = ref<any>(null); // ตัวแปรเก็บ id ผู้บังคับบัญชาเหนือไปอีกขั้น
 
+const imgProfile = ref<string>(""); // ตัวแปรเก็บรูปโปรไฟล์
+
 const formProfile = reactive<FormProfile>({
   fullName: "",
   position: "",
@@ -112,6 +114,7 @@ async function fetchProfile(id: string, avatarName: string) {
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, avatarName))
     .then(async (res) => {
       store.dataEvaluation.avartar = res.data.downloadUrl;
+      imgProfile.value = res.data.downloadUrl;
     });
 }
 
@@ -684,10 +687,7 @@ onMounted(async () => {
         <q-card bordered flat class="relative-position">
           <div class="row justify-center q-pa-md" v-if="!$q.screen.gt.xs">
             <q-avatar :size="sizeImg">
-              <q-img
-                :src="store.dataEvaluation.avartar"
-                v-if="store.dataEvaluation.avartar !== undefined"
-              />
+              <q-img :src="imgProfile" v-if="imgProfile !== ''" />
               <q-img src="@/assets/avatar_user.jpg" v-else />
             </q-avatar>
           </div>
@@ -697,10 +697,7 @@ onMounted(async () => {
             style="left: 2%; top: 50%; transform: translateY(-50%)"
           >
             <q-avatar :size="sizeImg">
-              <q-img
-                :src="store.dataEvaluation.avartar"
-                v-if="store.dataEvaluation.avartar !== undefined"
-              />
+              <q-img :src="imgProfile" v-if="imgProfile !== ''" />
               <q-img src="@/assets/avatar_user.jpg" v-else />
             </q-avatar>
           </div>