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