เครื่องราชฯ จัดการคำขอปรับการแสดงเงื่อนไขตรงคอลัมน์แจ้งเตือน

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

@@ -12,6 +12,8 @@ import { checkPermissionGet } from "@/utils/permissions";
 import InfoSalary from "@/modules/13_salary/components/InfoSalary.vue";
 import InfoDiscipline from "@/modules/13_salary/components/InfoDiscipline.vue";
 import InfoLeave from "@/modules/13_salary/components/InfoLeave.vue";
+import InfoAssessments from "@/modules/07_insignia/components/2_Manage/InfoAssessments.vue";
+import InfoInsignia from "@/modules/07_insignia/components/2_Manage/InfoInsignia.vue";
 
 /**
  * importStore
@@ -42,11 +44,8 @@ const avatar = ref<string>("");
 const fullName = ref<string>("");
 const position = ref<string>("");
 
-/**
- * function เรียกข้อมูลส่วนตัว
- */
+/** function เรียกข้อมูลส่วนตัว*/
 function fetchInformation() {
-  showLoader();
   http
     .get(config.API.orgProfileById(profileId.value, props.employeeClass))
     .then(async (res) => {
@@ -60,7 +59,6 @@ function fetchInformation() {
     })
     .catch((err) => {
       messageError($q, err);
-      hideLoader();
     });
 }
 
@@ -69,7 +67,7 @@ function fetchInformation() {
  * @param id profileId
  * @param avatarName ชื้อไฟล์
  */
-function fetchProfile(id: string, avatarName: string) {
+async function fetchProfile(id: string, avatarName: string) {
   http
     .get(config.API.fileByFile("ทะเบียนประวัติ", "โปรไฟล์", id, avatarName))
     .then(async (res) => {
@@ -155,41 +153,58 @@ watch(
             </div>
           </q-card>
 
-          <q-scroll-area style="height: 60vh; max-width: 100%">
-            <div class="q-gutter-md q-pa-sm">
-              <q-card bordered style="border: 1px solid #d6dee1">
-                <q-card-section style="padding-bottom: 0px">
-                  <div class="text-weight-bold row items-center">
-                    <span class="q-ml-md">
-                      {{
-                        type === "posSalary"
-                          ? "ข้อมูลเงินเดือน/ค่าจ้าง"
-                          : type === "discipline"
-                          ? "ข้อมูลวินัย"
-                          : "ข้อมูลการลา"
-                      }}
-                    </span>
-                  </div>
-                </q-card-section>
+          <div class="q-gutter-md q-pa-sm">
+            <q-card bordered style="border: 1px solid #d6dee1">
+              <q-card-section style="padding-bottom: 0px">
+                <div class="text-weight-bold row items-center">
+                  <span class="q-ml-md">
+                    {{
+                      type === "posSalary"
+                        ? "ข้อมูลเงินเดือน/ค่าจ้าง"
+                        : type === "discipline"
+                        ? "ข้อมูลวินัย"
+                        : type === "leave"
+                        ? "ข้อมูลการลา"
+                        : type === "assessments"
+                        ? "ข้อมูลผลการประเมินการปฏิบัติราชการ"
+                        : type === "insignia"
+                        ? "ข้อมูลเครื่องราชฯ"
+                        : ""
+                    }}
+                  </span>
+                </div>
+              </q-card-section>
 
-                <InfoSalary
-                  v-if="type === 'posSalary'"
-                  v-model:profileId="profileId"
-                  :employeeClass="employeeClass"
-                />
-                <InfoDiscipline
-                  v-if="type === 'discipline'"
-                  v-model:profileId="profileId"
-                  :employeeClass="employeeClass"
-                />
-                <InfoLeave
-                  v-if="type === 'leave'"
-                  v-model:profileId="profileId"
-                  :employeeClass="employeeClass"
-                />
-              </q-card>
-            </div>
-          </q-scroll-area>
+              <InfoSalary
+                v-if="type === 'posSalary'"
+                v-model:profileId="profileId"
+                :employeeClass="employeeClass"
+              />
+              <InfoDiscipline
+                v-if="type === 'discipline'"
+                v-model:profileId="profileId"
+                :employeeClass="employeeClass"
+              />
+
+              <InfoLeave
+                v-if="type === 'leave'"
+                v-model:profileId="profileId"
+                :employeeClass="employeeClass"
+              />
+
+              <InfoAssessments
+                v-if="type === 'assessments'"
+                v-model:profileId="profileId"
+                :employeeClass="employeeClass"
+              />
+
+              <InfoInsignia
+                v-if="type === 'insignia'"
+                v-model:profileId="profileId"
+                :employeeClass="employeeClass"
+              />
+            </q-card>
+          </div>
         </div>
       </q-card-section>
     </q-card>