[修改]

分销列表接口对接
个人中心更换头像弹窗

src/views/Distribution.vue

@@ -86,12 +86,13 @@
         <ul v-infinite-scroll="loadScrollerLowerUsers" class="users-list" style="overflow: auto"
             :infinite-scroll-immediate="false"
             :infinite-scroll-disabled="scrollLowerUsers">
-          <li v-for="(item, index) in lowerUsers" :key="item.id">
+          <el-empty v-if="lowerUsers.length==0" :image-size="200" />
+          <li v-else v-for="(item, index) in lowerUsers" :key="item.id">
             <el-divider v-if="index!=0" border-style="dashed"/>
             <div class="users-item">
               <el-image
-                  :src="getImageUrl(item.voucher_url)"
-                  :preview-src-list="[getImageUrl(item.voucher_url)]"
+                  :src="getImageUrl(item.avatar)"
+                  :preview-src-list="[getImageUrl(item.avatar)]"
                   class="user-avatar"
                   fit="cover"
               >
@@ -104,7 +105,7 @@
                 </template>
               </el-image>
               <div class="user-text">
-                <div class="user-username">用户名：{{item.from_real_name}}</div>
+                <div class="user-username">用户名：{{ item.username }}</div>
                 <div class="user-date">时间：{{ item.created_at }}</div>
               </div>
             </div>
@@ -127,7 +128,7 @@ import {
   Loading, Picture
 } from '@element-plus/icons-vue'
 import QRCode from 'qrcode'
-import api from "@/utils/api.js";
+import {distributionAPI} from "@/utils/api.js";
 import {getImageUrl} from "@/config/index.js";
 
 const router = useRouter()
@@ -207,7 +208,7 @@ const scrollLowerUsers = ref(false)
 const lowerUsers = ref([])
 const params = {
   page: 1,
-  limit: 10
+  size: 10
 }
 const pages = ref(0)
 
@@ -217,11 +218,11 @@ const handleLowerUser = async () => {
 }
 
 const loadScrollerLowerUsers = async () => {
+  if (scrollLowerUsers.value) {
+    return
+  }
   params.page += 1
   await requestLowerUsers(params)
-  if (params.page > pages.value) {
-    scrollLowerUsers.value = true
-  }
 }
 
 const closeScrollerLowerUsers = () => {
@@ -231,9 +232,12 @@ const closeScrollerLowerUsers = () => {
 }
 
 const requestLowerUsers = async (params) => {
-  await api.get(`/transfers/user/3641`, {params}).then((res) => {
-    lowerUsers.value = lowerUsers.value.concat(res.data.data.transfers)
-    pages.value = res.data.data.pagination.pages
+  await distributionAPI.getLowerUsers(params).then((res) => {
+    lowerUsers.value = lowerUsers.value.concat(res.data.data)
+    pages.value = res.data.pagination.pages
+    if (params.page >= pages.value) {
+      scrollLowerUsers.value = true
+    }
   })
 }
 
@@ -426,13 +430,16 @@ onMounted(() => {
     height: 50px;
     object-fit: cover;
   }
+
   .user-text {
     .user-username {
       margin-bottom: 5px;
+      font-size: 14px;
     }
+
     .user-date {
       color: #666;
-      font-size: 14px;
+      font-size: 12px;
     }
   }
 }

src/views/MyProfile.vue

@@ -117,6 +117,7 @@
         v-model="showAvatarUpload"
         title="更换头像"
         width="400px"
+        :lockScroll="false"
     >
       <el-upload
           class="avatar-uploader"