ปรับการแสดงผลผู้รับการประเมิน ระบบ kpi

src/modules/08_KPI/views/form.vue

@@ -97,11 +97,6 @@ function getProfile() {
       store.dataProfile = data;
       store.checkCompetency();
       store.checkCompetencyDefaultCompetencyLevel();
-
-      formProfile.fullName = `${data.prefix}${data.firstName} ${data.lastName}`;
-      formProfile.position = data.position;
-      formProfile.type = data.posTypeName;
-      formProfile.level = data.posLevelName;
     })
     .catch((e) => {
       messageError($q, e);
@@ -117,7 +112,7 @@ async function fetchProfile(id: string) {
       config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, `profile-${id}`)
     )
     .then(async (res) => {
-      formProfile.avartar = res.data.downloadUrl;
+      store.dataProfile.avartar = res.data.downloadUrl;
     })
     .catch(() => {
       // profilePicture.value = avatar;
@@ -328,7 +323,7 @@ onMounted(async () => {
             style="left: 2%; top: 50%; transform: translateY(-50%)"
           >
             <q-avatar size="95px">
-              <q-img :src="formProfile.avartar" />
+              <q-img :src="store.dataProfile.avartar" />
             </q-avatar>
           </div>
           <div class="row col-12">
@@ -336,7 +331,7 @@ onMounted(async () => {
               <div class="col-12" style="padding-left: 12%">
                 <div class="row col-12 items-center">
                   <span class="text-h6 text-weight-medium text-primary">{{
-                    formProfile.fullName ? formProfile.fullName : "-"
+                    `${store.dataProfile.prefix}${store.dataProfile.firstName} ${store.dataProfile.lastName}`
                   }}</span>
                   <q-space />
                   <div class="q-gutter-x-sm">
@@ -396,7 +391,7 @@ onMounted(async () => {
                     <div class="column">
                       <span class="text-grey-6">ตำแหน่งในสายงาน</span>
                       <span class="text-weight-medium text-dark">{{
-                        formProfile.position
+                        store.dataProfile.position
                       }}</span>
                     </div>
                   </div>
@@ -404,7 +399,7 @@ onMounted(async () => {
                     <div class="column">
                       <span class="text-grey-6">ประเภทตำแหน่ง</span>
                       <span class="text-weight-medium text-dark">{{
-                        formProfile.type
+                        store.dataProfile.posTypeName
                       }}</span>
                     </div>
                   </div>
@@ -412,7 +407,7 @@ onMounted(async () => {
                     <div class="column">
                       <span class="text-grey-6">ระดับตำแหน่ง</span>
                       <span class="text-weight-medium text-dark">{{
-                        formProfile.level
+                        store.dataProfile.posLevelName
                       }}</span>
                     </div>
                   </div>