feat: 接口对接完成

src/pages-sub/team/index.vue

@@ -22,8 +22,8 @@
         mode="aspectFit"
       />
       <view class="flex flex-col">
-        <view class="text-14 text-#6784C7">看看人数</view>
-        <view class="text-35 font-bold text-#476FFF mt-10 leading-35">1234</view>
+        <view class="text-14 text-#6784C7">邀请人数</view>
+        <view class="text-35 font-bold text-#476FFF mt-10 leading-35">{{ totalCount }}</view>
       </view>
     </view>
     <image
@@ -45,25 +45,24 @@
         <view class="text-14 mt-10 text-center">{{ item.title }}</view>
       </view>
     </view>
-    <view class="mt-25 bg-white rounded-10 w-345 mx-auto">
-      <view class="flex p-15 items-center" v-for="item in 10" :key="item">
-        <Avatar class="w-40 h-40" />
+    <view class="mt-25 bg-white rounded-10 w-345 mx-auto" v-if="list.length">
+      <view class="flex p-15 items-center" v-for="item in list" :key="item">
+        <Avatar class="w-40 h-40" :src="item.avatar" />
         <view class="flex-1 flex flex-col ml-15">
-          <view class="text-14 text-#333">用户名</view>
-          <view class="text-12 mt-10 text-#999">1234567890</view>
-          <view class="text-12 mt-10 text-#999">2024-12-27 12:00:00</view>
+          <view class="text-14 text-#333">{{ item.nickname }}</view>
+          <view class="text-12 mt-10 text-#999">{{ item.username }}</view>
+          <view class="text-12 mt-10 text-#999">{{ item.jointime }}</view>
         </view>
         <!-- <view class="bg-#71C78A80 text-white text-12 rounded-10 px-10 py-5">邀请成功</view> -->
-        <view class="text-14 font-bold text-#FF5F5F">+20 股</view>
+        <view class="text-14 font-bold text-#FF5F5F">+{{ item.score }} 股</view>
       </view>
     </view>
+    <view class="mt-25 bg-white rounded-10 w-345 mx-auto p-15" v-else>
+      <wd-status-tip image="content" tip="暂无内容" />
+    </view>
     <wd-action-sheet v-model="showRule" title="邀请奖励规则">
       <view class="text-16 text-#333 p-15">
-        <view class="mb-10">1.每邀请一人可以获得1万投资金，2000数字人民币 1点认购点</view>
-        <view class="mb-10">2.邀请满5人可以额外获得5万投资金。1万数字人民币 5点认购点</view>
-        <view class="mb-10">3.邀请满10人可以额外获得10万投资金。2万数字人民币 10点认购点</view>
-        <view class="mb-10">4.邀请满20人可以额外获得20万投资金。5万数字人民币 20点认购点</view>
-        <view class="mb-10">5.邀请满50人可以额外获得50万投资金。10万数字人民币 50点认购点</view>
+        <view class="mb-10 text-center">每邀请一人可以获得20股马尔代夫股权</view>
       </view>
     </wd-action-sheet>
   </view>
@@ -72,6 +71,7 @@
 <script setup lang="ts">
 import Avatar from '@/components/Avatar.vue'
 import NavBar from '@/components/NavBar.vue'
+import { getMyTeamAPI, getMyTeamApi } from '@/service'
 import Level1 from '@/static/images/page-sub/team/level-1.png'
 import Level2 from '@/static/images/page-sub/team/level-2.png'
 import Level3 from '@/static/images/page-sub/team/level-3.png'
@@ -87,16 +87,37 @@ const levelList = ref([
   {
     title: '一级用户',
     icon: Level1,
+    level: 1,
   },
   {
     title: '二级用户',
     icon: Level2,
+    level: 2,
   },
   {
     title: '三级用户',
     icon: Level3,
+    level: 3,
   },
 ])
+
+const totalCount = ref(0)
+const { list, onReload } = useListPageRequest((...rest) => {
+  return getMyTeamAPI(...rest).then((res) => {
+    totalCount.value = (res.data as any).num
+    res.data.data = res.data.list
+    return res.data
+  })
+})
+
+watch(
+  () => unref(levelList)[currentLevelIndex.value].level,
+  (level) => {
+    onReload({
+      level,
+    })
+  },
+)
 </script>
 
 <style lang="scss" scoped>