แก้ไข กล่องข้อความ

src/modules/01_dashboard/views/Dashboard.vue

@@ -87,7 +87,8 @@ onMounted(async () => {
 });
 const fetchlistInbox = async (index: number) => {
   index === 1 && showLoader();
-  await http
+  index != 0 &&
+    (await http
       .get(config.API.msgInbox + `?page=${index}&pageSize=${10}`)
       .then((res) => {
         let data = res.data.result.data;
@@ -115,7 +116,7 @@ const fetchlistInbox = async (index: number) => {
       })
       .finally(() => {
         hideLoader();
-    });
+      }));
 };
 
 const transferToPage = (path?: string) => {
@@ -149,23 +150,16 @@ function updateModalDetail(val: boolean) {
 
 const scrollTargetRef = ref<any>(null);
 const totalInbox = ref<number>(0);
-function onLoad(index: number, done: any) {
+async function onLoad(index: number, done: any) {
+  const num = index === 1 ? 0 : index++;
+
   if (inboxList.value.length < totalInbox.value) {
     setTimeout(() => {
-      fetchlistInbox(index + 1);
+      fetchlistInbox(num);
       done();
     }, 2000);
   }
 }
-
-// function onLoadRef(index: number, done: any) {
-//   if (inboxList.value.length < totalInbox.value) {
-//     setTimeout(() => {
-//       fetchlistInbox(index + 1);
-//       done();
-//     }, 2000);
-//   }
-// }
 </script>
 
 <template>
@@ -294,8 +288,11 @@ function onLoad(index: number, done: any) {
                 </q-item-section>
               </q-item>
             </div>
-            <template v-slot:loading v-if="inboxList.length < totalInbox">
+            <template v-slot:loading>
-              <div class="row justify-center q-my-md">
+              <div
+                class="row justify-center q-my-md"
+                v-if="inboxList.length < totalInbox"
+              >
                 <q-spinner-dots color="primary" size="40px" />
               </div>
             </template>