From 0a8d0c5471fe64fac8b2aaac90949371ceeb8bd0 Mon Sep 17 00:00:00 2001
From: "DESKTOP-1R2VSQH\\Lenovo ThinkPad E490" <nicey2t1096@gmail.com>
Date: Tue, 5 Aug 2025 15:35:14 +0700
Subject: [PATCH] fix load

---
 src/modules/01_dashboard/views/Dashboard.vue         |  6 +++++-
 .../06_evaluate/components/EvaluateStepMain.vue      |  7 -------
 src/modules/06_evaluate/components/step/step2.vue    |  2 +-
 src/modules/06_evaluate/components/step/step3.vue    | 11 +++--------
 src/modules/06_evaluate/components/step/step7.vue    | 12 ++++--------
 5 files changed, 13 insertions(+), 25 deletions(-)

diff --git a/src/modules/01_dashboard/views/Dashboard.vue b/src/modules/01_dashboard/views/Dashboard.vue
index 9dec0e0..c1b5d02 100644
--- a/src/modules/01_dashboard/views/Dashboard.vue
+++ b/src/modules/01_dashboard/views/Dashboard.vue
@@ -355,7 +355,11 @@ onMounted(async () => {
           v-if="isLoadingInbox"
           style="height: calc(100% - 60px)"
         >
-          <q-skeleton height="100%" square />
+          <div v-for="(item, index) in 3">
+            <q-skeleton type="text" width="10%" class="text-subtitle1" />
+            <q-skeleton type="text" width="50%" class="text-subtitle1" />
+            <q-skeleton type="text" class="text-caption" />
+          </div>
         </div>
 
         <div
diff --git a/src/modules/06_evaluate/components/EvaluateStepMain.vue b/src/modules/06_evaluate/components/EvaluateStepMain.vue
index c175ab4..638556c 100644
--- a/src/modules/06_evaluate/components/EvaluateStepMain.vue
+++ b/src/modules/06_evaluate/components/EvaluateStepMain.vue
@@ -826,13 +826,6 @@ 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>
diff --git a/src/modules/06_evaluate/components/step/step2.vue b/src/modules/06_evaluate/components/step/step2.vue
index 1568b02..e480695 100644
--- a/src/modules/06_evaluate/components/step/step2.vue
+++ b/src/modules/06_evaluate/components/step/step2.vue
@@ -349,7 +349,7 @@ onMounted(async () => {
   <div class="col-12 q-pa-sm">
     <!-- ผลงาน -->
     <div class="col-12">
-      <q-skeleton type="Qcard" height="100px" v-if="isLoading" />
+      <q-skeleton type="Qcard" height="100px" v-if="isLoading" class="q-mb-sm" />
       <q-card v-else bordered class="cardSp1 col-12">
         <div class="text-weight-medium bg-grey-1 col-12 q-py-sm q-px-md">
           ผลงาน
diff --git a/src/modules/06_evaluate/components/step/step3.vue b/src/modules/06_evaluate/components/step/step3.vue
index 9866fa5..93ae4b8 100644
--- a/src/modules/06_evaluate/components/step/step3.vue
+++ b/src/modules/06_evaluate/components/step/step3.vue
@@ -106,13 +106,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-skeleton
-    v-if="isLoading"
-    class="q-pa-md"
-    type="Qcard"
-    style="width: 100%; height: 100%"
-  />
-  <q-list separator v-else>
+  <q-list separator>
     <q-item
       v-for="(item, index) in formTemplates"
       :key="index"
@@ -123,7 +117,8 @@ onMounted(async () => {
       @click="handleItemClick(index + 1)"
       class="cursor-pointer"
     >
-      <q-item-section>{{ item.title }}</q-item-section>
+      <q-skeleton v-if="isLoading" type="text" width="100%" />
+      <q-item-section v-else>{{ item.title }}</q-item-section>
     </q-item>
   </q-list>
 </template>
diff --git a/src/modules/06_evaluate/components/step/step7.vue b/src/modules/06_evaluate/components/step/step7.vue
index 9528391..40562d6 100644
--- a/src/modules/06_evaluate/components/step/step7.vue
+++ b/src/modules/06_evaluate/components/step/step7.vue
@@ -73,13 +73,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <q-skeleton
-    v-if="isLoading"
-    class="q-pa-md"
-    type="Qcard"
-    style="width: 100%; height: 100%"
-  />
-  <q-list separator v-else>
+  <q-list separator>
     <q-item
       clickable
       v-ripple
@@ -87,7 +81,9 @@ onMounted(async () => {
       active-class="text-primary"
       class="cursor-pointer"
     >
-      <q-item-section>เอกสารเล่ม 2</q-item-section>
+      <q-skeleton v-if="isLoading" type="text" width="100%" />
+
+      <q-item-section v-else>เอกสารเล่ม 2</q-item-section>
     </q-item>
   </q-list>
 </template>