team member total 更改
This commit is contained in:
parent
4f858e2c7b
commit
5c52d6f0ec
@ -264,7 +264,7 @@ const goToTeamBill = () => {
|
||||
}
|
||||
|
||||
const goToTeamMember = () => {
|
||||
router.push('/team-member')
|
||||
router.push({ path: '/team-member', query: { source: 'agency-center', members: teamMemberCount.value } })
|
||||
}
|
||||
|
||||
const exchangeGoldCoins = () => {
|
||||
|
||||
@ -112,7 +112,7 @@ const getAgentMonth = async () => {
|
||||
}
|
||||
|
||||
const goToTeamMember = () => {
|
||||
router.push({ path: '/team-member', query: { source: 'bd-center' } })
|
||||
router.push({ path: '/team-member', query: { source: 'bd-center', members: teamMemberCount.value } })
|
||||
}
|
||||
|
||||
const exchangeGoldCoins = () => {
|
||||
|
||||
@ -52,7 +52,7 @@
|
||||
<div v-else-if="noMoreData && members.length > 0" class="no-more-data">
|
||||
<p>No more members</p>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- 无形的加载触发器 -->
|
||||
<div v-if="!noMoreData && members.length > 0" ref="loadMoreTrigger" class="load-more-trigger"></div>
|
||||
</div>
|
||||
@ -117,13 +117,6 @@ const loadMoreTrigger = ref(null)
|
||||
// 检查是否来自BD Center
|
||||
const isFromBdCenter = ref(false)
|
||||
|
||||
const fetchTeamTotal = async () => {
|
||||
const res = await getAgentMonthTarget()
|
||||
if (res.status === true) {
|
||||
membersTotal.value = res.body.agentQuantity
|
||||
}
|
||||
}
|
||||
|
||||
// 获取团队成员列表
|
||||
const fetchTeamMembers = async (isLoadMore = false) => {
|
||||
try {
|
||||
@ -141,7 +134,7 @@ const fetchTeamMembers = async (isLoadMore = false) => {
|
||||
if (lastId.value) {
|
||||
params.lastId = lastId.value
|
||||
}
|
||||
|
||||
|
||||
if (isFromBdCenter.value) {
|
||||
// BD代理商列表也支持分页
|
||||
response = await getBdAgentList(params)
|
||||
@ -172,7 +165,7 @@ const fetchTeamMembers = async (isLoadMore = false) => {
|
||||
if (newMembers.length < 20) {
|
||||
noMoreData.value = true
|
||||
}
|
||||
|
||||
|
||||
console.log('Fetched members:', {
|
||||
isLoadMore,
|
||||
newCount: newMembers.length,
|
||||
@ -251,7 +244,7 @@ const confirmDelete = async () => {
|
||||
// 监听滚动事件
|
||||
const handleScroll = () => {
|
||||
console.log('handleScroll triggered')
|
||||
|
||||
|
||||
if (loadingMore.value || noMoreData.value) {
|
||||
console.log('Skip loading:', { loadingMore: loadingMore.value, noMoreData: noMoreData.value })
|
||||
return
|
||||
@ -260,7 +253,7 @@ const handleScroll = () => {
|
||||
const scrollTop = window.pageYOffset || document.documentElement.scrollTop
|
||||
const windowHeight = window.innerHeight
|
||||
const documentHeight = document.documentElement.scrollHeight
|
||||
|
||||
|
||||
console.log('Scroll info:', {
|
||||
scrollTop,
|
||||
windowHeight,
|
||||
@ -278,12 +271,12 @@ const handleScroll = () => {
|
||||
// 设置 Intersection Observer
|
||||
const setupIntersectionObserver = () => {
|
||||
if (!loadMoreTrigger.value) return
|
||||
|
||||
|
||||
intersectionObserver.value = new IntersectionObserver(
|
||||
(entries) => {
|
||||
const entry = entries[0]
|
||||
console.log('Intersection observer triggered:', entry.isIntersecting)
|
||||
|
||||
|
||||
if (entry.isIntersecting && !loadingMore.value && !noMoreData.value) {
|
||||
console.log('Loading more via intersection observer')
|
||||
fetchTeamMembers(true)
|
||||
@ -293,7 +286,7 @@ const setupIntersectionObserver = () => {
|
||||
rootMargin: '100px'
|
||||
}
|
||||
)
|
||||
|
||||
|
||||
intersectionObserver.value.observe(loadMoreTrigger.value)
|
||||
console.log('Intersection observer set up')
|
||||
}
|
||||
@ -301,26 +294,26 @@ const setupIntersectionObserver = () => {
|
||||
// 组件挂载时获取数据
|
||||
onMounted(async () => {
|
||||
console.log('Component mounted')
|
||||
|
||||
|
||||
// 检查是否来自BD Center
|
||||
isFromBdCenter.value = route.query.source === 'bd-center'
|
||||
membersTotal.value = parseInt(route.query.members)
|
||||
|
||||
await fetchTeamMembers()
|
||||
await fetchTeamTotal()
|
||||
|
||||
// 添加滚动监听
|
||||
await nextTick()
|
||||
|
||||
|
||||
console.log('Adding scroll listener')
|
||||
window.addEventListener('scroll', handleScroll, { passive: true })
|
||||
|
||||
|
||||
// 也监听 document 的滚动
|
||||
document.addEventListener('scroll', handleScroll, { passive: true })
|
||||
|
||||
|
||||
// 设置 Intersection Observer
|
||||
setTimeout(() => {
|
||||
setupIntersectionObserver()
|
||||
|
||||
|
||||
const windowHeight = window.innerHeight
|
||||
const documentHeight = document.documentElement.scrollHeight
|
||||
console.log('Page height check:', {
|
||||
@ -328,7 +321,7 @@ onMounted(async () => {
|
||||
documentHeight,
|
||||
hasScroll: documentHeight > windowHeight
|
||||
})
|
||||
|
||||
|
||||
// 如果页面没有滚动条,但是数据不多,可能需要加载更多
|
||||
if (documentHeight <= windowHeight + 50 && !noMoreData.value && members.value.length > 0) {
|
||||
console.log('Auto loading more due to insufficient content height')
|
||||
@ -341,7 +334,7 @@ onMounted(async () => {
|
||||
onUnmounted(() => {
|
||||
window.removeEventListener('scroll', handleScroll)
|
||||
document.removeEventListener('scroll', handleScroll)
|
||||
|
||||
|
||||
if (intersectionObserver.value) {
|
||||
intersectionObserver.value.disconnect()
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user