From 2aee9c9e9706d36224020e96fe078c20184dc7ad Mon Sep 17 00:00:00 2001
From: hzj <1304805162@qq.com>
Date: Tue, 9 Sep 2025 10:36:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E9=9D=9E=E9=80=80=E5=87=BA=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=8C=E4=BF=AE=E5=A4=8D=E9=A6=96?=
 =?UTF-8?q?=E9=A1=B5=E6=9C=AA=E8=8E=B7=E5=8F=96token=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=20feat:=20=E6=96=B0=E5=A2=9E=E5=B9=B6=E5=BC=95?=
 =?UTF-8?q?=E5=85=A5=E8=8E=B7=E5=8F=96BD=E5=92=8Cagency=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E6=8E=A5=E5=8F=A3=EF=BC=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/userInfo.js       |  34 +++++++--
 src/views/AdminCenter.vue | 149 +++++++++++++++++++++++++++-----------
 2 files changed, 134 insertions(+), 49 deletions(-)

diff --git a/src/api/userInfo.js b/src/api/userInfo.js
index e1138ac..216ba4a 100644
--- a/src/api/userInfo.js
+++ b/src/api/userInfo.js
@@ -1,12 +1,12 @@
-import { get, post } from "../utils/http.js";
+import { get, post } from '../utils/http.js';
 
 export const searchUser = async (userId) => {
   try {
     const response = await get(`/user/user-profile/search?account=${userId}`);
     return response;
   } catch (error) {
-    console.error("Failed to fetch search user:", error);
-    console.error("error:" + error.response.errorMsg);
+    console.error('Failed to fetch search user:', error);
+    console.error('error:' + error.response.errorMsg);
     throw error;
   }
 };
@@ -19,8 +19,32 @@ export const searchPayRechargeUser = async (params) => {
     );
     return response;
   } catch (error) {
-    console.error("Failed to fetch search pay recharge user:", error);
-    console.error("error:" + error.response.errorMsg);
+    console.error('Failed to fetch search pay recharge user:', error);
+    console.error('error:' + error.response.errorMsg);
+    throw error;
+  }
+};
+
+// 获取BD列表
+export const getBDList = async (userId) => {
+  try {
+    const response = await get(`/team/bd/page?sysOrigin=LIKEI&userId=${userId}`);
+    return response;
+  } catch (error) {
+    console.error('Failed to fetch get BD list:', error);
+    console.error('error:' + error.response.errorMsg);
+    throw error;
+  }
+};
+
+// 获取金币代理列表
+export const getAgencyList = async (data) => {
+  try {
+    const response = await post(`/wallet/freight-gold/client/pageFreight`, data);
+    return response;
+  } catch (error) {
+    console.error('Failed to fetch get agency list:', error);
+    console.error('error:' + error.response.errorMsg);
     throw error;
   }
 };
diff --git a/src/views/AdminCenter.vue b/src/views/AdminCenter.vue
index 0c96be0..3694954 100644
--- a/src/views/AdminCenter.vue
+++ b/src/views/AdminCenter.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="fullPage">
-    <MobileHeader title="Admin Center">
+    <MobileHeader title="Admin Center" :isHomePage="true">
       <template v-slot:extraFunction>
         <div style="color: rgba(187, 146, 255, 1) !important; font-weight: 600" @click="send">
           Send
@@ -88,6 +88,8 @@
           </div>
         </transition>
       </div>
+      <!-- 触发加载功能 -->
+      <div ref="loadmore" v-if="showLoading"></div>
     </div>
 
     <!-- agency列表 -->
@@ -158,24 +160,26 @@
 </template>
 
 <script setup>
-import MobileHeader from "../components/MobileHeader.vue";
-import { onMounted, ref, computed } from "vue";
-import { getAdminCenterList, giveProps } from "@/api/itemDistribution";
-import { searchUser } from "@/api/userInfo";
-import { showError, showWarning, showInfo, showSuccess } from "@/utils/toast.js";
-import { useRouter } from "vue-router";
-import { usePageInitializationWithConfig } from "@/utils/pageConfig.js";
+import MobileHeader from '../components/MobileHeader.vue';
+import { onMounted, ref, computed, watch } from 'vue';
+import { getAdminCenterList, giveProps } from '@/api/itemDistribution';
+import { getBDList, getAgencyList } from '@/api/userInfo';
+import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js';
+import { useRouter } from 'vue-router';
+import { usePageInitializationWithConfig } from '@/utils/pageConfig.js';
+import { getUserId } from '@/utils/userStore.js';
+import { useDebounce, useThrottle } from '@/utils/useDebounce';
 
 const router = useRouter();
 
 const tabList = ref([
   {
     id: 1,
-    name: "BD",
+    name: 'BD',
   },
   {
     id: 2,
-    name: "Recharge Agency",
+    name: 'Recharge Agency',
   },
 ]);
 
@@ -185,7 +189,7 @@ const tabItems = ref([]); // 存储标签DOM引用
 // 选择标签
 const setActiveTab = (index) => {
   if (activeIndex.value != index) {
-    console.log("切换标签");
+    console.log('切换标签');
     activeIndex.value = index;
     selectedBDIndex.value = -1;
     selectedAgencyIndex.value = -1;
@@ -194,17 +198,17 @@ const setActiveTab = (index) => {
 
 // 计算下划线样式
 const underlineStyle = computed(() => {
-  console.log("计算属性");
+  console.log('计算属性');
 
   if (tabItems.value.length === 0) return {}; //没有这个元素
   const activeTab = tabItems.value[activeIndex.value];
-  console.log("选中元素的左边距", activeTab.offsetLeft);
+  console.log('选中元素的左边距', activeTab.offsetLeft);
 
   return {
-    position: "absolute",
+    position: 'absolute',
     left: `${activeTab.offsetLeft + activeTab.offsetWidth / 2 - 15 / 2}px`,
-    bottom: "0",
-    transition: "left 0.3s ease", // 平滑过渡
+    bottom: '0',
+    transition: 'left 0.3s ease', // 平滑过渡
   };
 });
 
@@ -219,52 +223,109 @@ const showAgencyInfo = (index) => {
 }; //选中的agency用户
 
 const send = async () => {
-  router.push({ path: "/item-distribution" });
+  router.push({ path: '/item-distribution' });
 };
 
-const BDList = ref([
-  {
-    name: "BD1",
-    id: "123",
-    host: "111",
-    agency: "222",
-  },
-  {
-    name: "BD2",
-    id: "456",
-    host: "333",
-    agency: "444",
-  },
-]); // BD列表
+// const BDList = ref([]) // BD列表
+const BDList = ref(
+  Array.from(
+    { length: 20 },
+    (item) =>
+      (item = {
+        name: 'BD2',
+        id: '456',
+        host: '333',
+        agency: '444',
+      })
+  )
+); // BD列表
+
 const agencyList = ref([
   {
-    name: "agency1",
-    id: "666",
-    thisMonth: "112",
-    lastMonth: "223",
+    name: 'agency1',
+    id: '666',
+    thisMonth: '112',
+    lastMonth: '223',
   },
   {
-    name: "agency2",
-    id: "777",
-    thisMonth: "334",
-    lastMonth: "445",
+    name: 'agency2',
+    id: '777',
+    thisMonth: '334',
+    lastMonth: '445',
   },
 ]); // 代理列表
 
 const rechargeDetail = ref({
-  total: "123456",
-  lastMonth: "12345",
+  total: '123456',
+  lastMonth: '12345',
 }); //代理消费金额
 
 // 页面加载时获取申请记录
-usePageInitializationWithConfig("ADMIN_CENTER");
+usePageInitializationWithConfig('ADMIN_CENTER');
 
-onMounted(() => {
-  console.log("onMounted");
+const totalAgencyCurrent = ref(2); //代理的总数量
+const agencyCurrent = ref(1); //第几页
+const showLoading = ref(true);
 
+onMounted(async () => {
   if (tabItems.value.length > 0) {
     underlineStyle.value; // 触发计算属性更新
   }
+
+  const userId = getUserId();
+  const resBDList = await getBDList(userId);
+  console.log('resBDList:', resBDList);
+
+  getAgencise();
+
+  // 开始监听底部元素
+  if (loadmore.value) {
+    observer.observe(loadmore.value);
+  }
+});
+
+// 获取代理列表
+const getAgencise = async () => {
+  let agencyData = {
+    pageQuery: {
+      cursor: agencyCurrent.value,
+      limit: 20,
+      searchCount: true,
+    },
+    sysOrigin: 'LIKEI',
+    close: false,
+  };
+  const resagencyList = await getAgencyList(agencyData);
+  console.log('resagencyList:', resagencyList);
+  if (resagencyList.status && resagencyList.body) {
+    totalAgencyCurrent.value = resagencyList.body.total;
+    agencyCurrent.value = resagencyList.body.current;
+    if (resagencyList.body.total <= resagencyList.body.current * resagencyList.body.size) {
+      // showLoading.value = false
+    }
+  }
+};
+
+// 获取底部加载div
+const loadmore = ref(null);
+
+const test = () => {
+  console.log('加载数据1');
+};
+
+const debouceGetBDList = useThrottle(test, 1000);
+
+// IntersectionObserver配置
+const observer = new IntersectionObserver((entries) => {
+  entries.forEach((entry) => {
+    if (entry.intersectionRatio > 0) {
+      debouceGetBDList();
+      // 被观察者进入视口
+      if (totalAgencyCurrent.value > agencyCurrent.value) {
+        // console.log('加载数据')
+      }
+    }
+  });
 });
 </script>