fix loading Skeleton

src/modules/06_evaluate/components/EvaluateStepMain.vue

@@ -198,7 +198,7 @@ const formDataStep1 = ref<PersonInformation>();
  * @param id id ประเมิน
  */
 async function fetchDataStep1(id: string) {
-  showLoader();
+  // showLoader();
   showLoadStatus.value = false;
   await http
     .get(config.API.evaluationCheckspecByid(id))
@@ -211,9 +211,6 @@ async function fetchDataStep1(id: string) {
     })
     .finally(() => {
       showLoadStatus.value = true;
-      setTimeout(() => {
-        hideLoader();
-      }, 3000);
     });
 }
 
@@ -581,7 +578,9 @@ async function saveStep7() {
     .then(() => {
       route.params.id && fetchCheckStep(route.params.id.toString());
     })
-    .catch(() => {})
+    .catch((err) => {
+      messageError($q, err);
+    })
     .finally(() => {
       hideLoader();
     });
@@ -827,6 +826,13 @@ onMounted(async () => {
                 />
               </q-card-actions>
             </div>
+
+            <div v-else class="col-xs-12 col-sm-9 q-pa-md">
+              <div class="toptitle2">
+                {{ store.step }}.{{ store.title[store.step - 1] }}
+              </div>
+              <q-skeleton height="450px" type="Qcard" square />
+            </div>
           </q-form>
         </q-card>
       </div>