KPI => ปรับ load

src/modules/14_KPI/components/Tab/01_Assessment.vue

@@ -199,14 +199,22 @@ watch(
   }
 );
 
-onMounted(() => {
-  getCriteria();
-  fetchListPlanned();
-  fetchListRole();
-  fetchAssigned();
-  setTimeout(() => {
-    hideLoader();
-  }, 1000);
+onMounted(async () => {
+  showLoader();
+  try {
+    await Promise.all([
+      getCriteria(),
+      fetchListPlanned(),
+      fetchListRole(),
+      fetchAssigned(),
+    ]);
+  } catch (err) {
+    messageError($q, err);
+  } finally {
+    setTimeout(() => {
+      hideLoader();
+    }, 4000);
+  }
 });
 </script>
 

src/modules/14_KPI/components/Tab/TabMain.vue

@@ -43,14 +43,6 @@ const splitterModel = ref<number>(12);
         class="text-grey-7 text-weight-light"
         active-class="bg-blue-1 text-blue-8 text-weight-bold"
       >
-        <!-- <q-tab
-          class="hover-tab"
-          v-for="(tab, index) in itemsTab"
-          :key="index"
-          :name="tab.name"
-          :icon="tab.icon"
-          :label="tab.label"
-        /> -->
         <q-tab name="1" label="จัดทำข้อตกลง" />
         <q-tab
           name="2"
@@ -62,12 +54,7 @@ const splitterModel = ref<number>(12);
           label="รายงานผลสำเร็จของงาน"
           :disable="store.tabOpen < 3"
         />
-        <!-- <q-tab name="3" label="ผู้บังคับบัญชา">
-          <div class="text-caption">เหนือขึ้นไป</div>
-        </q-tab>
-        <q-tab name="4" label="ผู้บังคับบัญชา">
-          <div class="text-caption">เหนือขึ้นไปอีกชั้นหนึ่ง</div>
-        </q-tab> -->
+
         <q-tab name="5" label="ไฟล์เอกสาร" />
       </q-tabs>
     </template>