🐞 fix(捐赠排行相关页面): 获取列表数据不全问题修复

@@ -2,7 +2,7 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-30 13:51:47
  * @Date: 2022-05-30 13:51:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-02 16:33:56
+ * @LastEditTime: 2022-06-24 23:43:11
  * @FilePath: /tswj/src/views/client/donateList.vue
  * @FilePath: /tswj/src/views/client/donateList.vue
  * @Description: 幼儿园捐赠人捐赠金额排行榜
  * @Description: 幼儿园捐赠人捐赠金额排行榜
 -->
 -->
@@ -34,7 +34,7 @@
       </van-col>
       </van-col>
     </van-row>
     </van-row>
   </div>
   </div>
-  <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" :immediate-check="false" @load="onLoad">
+  <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" @load="onLoad">
     <template v-for="(item, key) in donateList" :key="key">
     <template v-for="(item, key) in donateList" :key="key">
       <div class="van-hairline--bottom">
       <div class="van-hairline--bottom">
         <van-row style="padding: 0.5rem 1rem;">
         <van-row style="padding: 0.5rem 1rem;">
@@ -82,20 +82,13 @@ const offset = ref(0)
 const finishedTextStatus = ref(false);
 const finishedTextStatus = ref(false);
 const emptyStatus = ref(false);
 const emptyStatus = ref(false);
 
 
-onMounted(async () => {
+const onLoad = async () => {
   const { data } = await kgDonateListAPI({ kg_id, limit: limit.value, offset: offset.value });
   const { data } = await kgDonateListAPI({ kg_id, limit: limit.value, offset: offset.value });
   kgInfo.value = data;
   kgInfo.value = data;
-  donateList.value = data.donate_list;
-  offset.value = donateList.value.length;
   // 有空格分割name
   // 有空格分割name
   if (kgInfo.value.kg_name.indexOf(' ') > -1) {
   if (kgInfo.value.kg_name.indexOf(' ') > -1) {
     kgInfo.value.multi_name = kgInfo.value.kg_name.split(' ');
     kgInfo.value.multi_name = kgInfo.value.kg_name.split(' ');
   }
   }
-})
-
-
-const onLoad = async () => {
-  const { data } = await kgDonateListAPI({ kg_id, limit: limit.value, offset: offset.value });
   donateList.value = [...donateList.value, ...data.donate_list];
   donateList.value = [...donateList.value, ...data.donate_list];
   offset.value = donateList.value.length;
   offset.value = donateList.value.length;
   loading.value = false;
   loading.value = false;

@@ -2,8 +2,8 @@
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Author: hookehuyr hookehuyr@gmail.com
  * @Date: 2022-05-30 13:51:47
  * @Date: 2022-05-30 13:51:47
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-09 16:12:51
- * @FilePath: /tswj/src/views/client/donateList.vue
+ * @LastEditTime: 2022-06-24 23:35:50
+ * @FilePath: /tswj/src/views/client/rankList.vue
  * @Description: 幼儿园儿童捐赠金额排行榜
  * @Description: 幼儿园儿童捐赠金额排行榜
 -->
 -->
 <template>
 <template>
@@ -34,7 +34,7 @@
       </van-col>
       </van-col>
     </van-row>
     </van-row>
   </div>
   </div>
-  <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" :immediate-check="false" @load="onLoad">
+  <van-list v-model:loading="loading" :finished="finished" :finished-text="finishedTextStatus ? '没有更多了' : ''" @load="onLoad">
     <div v-for="(rank, indexKey) in donateRankList" :key="indexKey" class="van-hairline--bottom">
     <div v-for="(rank, indexKey) in donateRankList" :key="indexKey" class="van-hairline--bottom">
       <van-row style="padding: 0.5rem;">
       <van-row style="padding: 0.5rem;">
         <van-col span="2">
         <van-col span="2">
@@ -73,6 +73,8 @@ import { useTitle } from '@/utils/generatePackage.js'
 import { icon_avatar, icon_ranking1, icon_ranking2, icon_ranking3, icon_flower, icon_logo, no_image } from '@/utils/generateIcons.js'
 import { icon_avatar, icon_ranking1, icon_ranking2, icon_ranking3, icon_flower, icon_logo, no_image } from '@/utils/generateIcons.js'
 //import { } from '@/composables'
 //import { } from '@/composables'
 import { kgDonateRankAPI } from '@/api/C/kg.js'
 import { kgDonateRankAPI } from '@/api/C/kg.js'
+import { LIMIT, OFFSET } from '@/constant'
+
 const $route = useRoute();
 const $route = useRoute();
 useTitle($route.meta.title);
 useTitle($route.meta.title);
 
 
@@ -86,20 +88,13 @@ const offset = ref(0)
 const finishedTextStatus = ref(false);
 const finishedTextStatus = ref(false);
 const emptyStatus = ref(false);
 const emptyStatus = ref(false);
 
 
-onMounted(async () => {
+const onLoad = async () => {
   const { data } = await kgDonateRankAPI({ kg_id, limit: limit.value, offset: offset.value });
   const { data } = await kgDonateRankAPI({ kg_id, limit: limit.value, offset: offset.value });
   kgInfo.value = data;
   kgInfo.value = data;
-  donateRankList.value = data.rank_list;
-  offset.value = donateRankList.value.length;
   // 有空格分割name
   // 有空格分割name
   if (kgInfo.value.kg_name.indexOf(' ') > -1) {
   if (kgInfo.value.kg_name.indexOf(' ') > -1) {
     kgInfo.value.multi_name = kgInfo.value.kg_name.split(' ');
     kgInfo.value.multi_name = kgInfo.value.kg_name.split(' ');
   }
   }
-})
-
-
-const onLoad = async () => {
-  const { data } = await kgDonateRankAPI({ kg_id, limit: limit.value, offset: offset.value });
   donateRankList.value = [...donateRankList.value, ...data.rank_list];
   donateRankList.value = [...donateRankList.value, ...data.rank_list];
   offset.value = donateRankList.value.length;
   offset.value = donateRankList.value.length;
   loading.value = false;
   loading.value = false;