fix insignia

src/modules/07_insignia/components/2_Manage/Tab1.vue

@@ -853,10 +853,13 @@ const employeeClass = ref<string>("");
  * @param id id ที่ต้องการดู
  */
 function onClickViewInfo(type: string, id: string, empClass: string) {
+  console.log(empClass);
+
   infoType.value = type;
   profileId.value = id;
   modalDialogInfo.value = true;
-  employeeClass.value = empClass === "officer" ? "" : "-employee";
+  employeeClass.value =
+    empClass.toLocaleLowerCase() === "officer" ? "" : "-employee";
 }
 
 /** Hook*/

src/modules/07_insignia/store.ts

@@ -93,7 +93,7 @@ export const useInsigniaDataStore = defineStore("insignia", () => {
         insigniaLevel: e.level ? e.level : "",
         dateSend: e.requestDate ? date2Thai(e.requestDate) : null,
         requestNote: e.requestNote ? e.requestNote : "",
-        employeeType: profileType(e.profileType) || null,
+        employeeType: profileType(e.profileType.toLocaleLowerCase()) || null,
         employeeClass: e.profileType,
         reason: e.reason ? e.reason : "",
         markDiscipline: e.markDiscipline,

src/modules/13_salary/components/DialogInfoMain.vue

@@ -44,9 +44,11 @@ const props = defineProps({
 const avatar = ref<string>("");
 const fullName = ref<string>("");
 const position = ref<string>("");
+const isSkeleton = ref<boolean>(false);
 
 /** function เรียกข้อมูลส่วนตัว*/
 function fetchInformation() {
+  isSkeleton.value = false;
   http
     .get(config.API.orgProfileById(profileId.value, props.employeeClass))
     .then(async (res) => {
@@ -63,6 +65,7 @@ function fetchInformation() {
     })
     .catch((err) => {
       messageError($q, err);
+      isSkeleton.value = true;
     });
 }
 
@@ -76,9 +79,6 @@ async function fetchProfile(id: string, avatarName: string) {
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, avatarName))
     .then(async (res) => {
       avatar.value = res.data.downloadUrl;
-    })
-    .catch(() => {
-      avatar.value = avatarMain;
     });
 }
 
@@ -124,12 +124,14 @@ watch(
                   style="object-fit: cover"
                 />
                 <img
+                  v-else
                   src="@/assets/avatar_user.jpg"
                   class="bg-grey-3"
                   style="object-fit: cover"
                 />
               </q-avatar>
             </div>
+
             <div
               class="q-mt-md text-subtitle2 text-bold"
               style="font-size: 18px"