Compare commits

...

3 Commits

Author SHA1 Message Date
6e8d6b1c0d ```
fix(dealer): 解决客户重复报备问题

- 添加报备人身份验证逻辑,避免跨报备人抢单续报
- 当发现相同房号已被其他报备人报备时直接拦截提交
- 显示相应提示信息告知用户房号已报备
- 防止不同报备人对同一客户信息进行重复操作
```
2026-03-10 11:40:02 +08:00
a834f88aaa refactor(admin): 重构用户管理页面实现
- 将原有经销商团队页面重构为用户管理页面
- 集成分页用户查询功能替代原有团队数据获取
- 添加搜索栏和下拉刷新功能
- 实现无限滚动加载用户数据
- 添加用户角色显示和切换功能
- 优化页面布局和用户体验
- 移除原有的经销商相关代码逻辑refactor(admin): 重构用户管理页面实现角色切换功能

- 将原经销商团队页面重构为系统用户管理页面
- 集成分页用户列表查询功能
- 实现下拉刷新和无限滚动加载
- 添加用户搜索和筛选功能
- 实现用户角色切换功能
- 优化用户列表展示界面和交互体验
- 移除原有的经销商相关统计功能
- 统一使用Taro框架进行页面开发
- 修复系统角色API参数传递问题
2026-03-09 16:15:30 +08:00
d1fa0f3ec0 11 2026-03-09 16:02:49 +08:00
3 changed files with 227 additions and 406 deletions

View File

@@ -1,444 +1,256 @@
import React, {useState, useEffect, useCallback} from 'react' import {useRef, useState} from 'react'
import Taro, {useDidShow} from '@tarojs/taro'
import {View, Text} from '@tarojs/components' import {View, Text} from '@tarojs/components'
import {Phone, Edit, Message} from '@nutui/icons-react-taro' import {
import {Space, Empty, Avatar, Button} from '@nutui/nutui-react-taro' Avatar,
import Taro from '@tarojs/taro' Button,
import {useDealerUser} from '@/hooks/useDealerUser' Empty,
import {listShopDealerReferee} from '@/api/shop/shopDealerReferee' InfiniteLoading,
import {pageShopDealerOrder} from '@/api/shop/shopDealerOrder' Loading,
import type {ShopDealerReferee} from '@/api/shop/shopDealerReferee/model' PullToRefresh,
import FixedButton from "@/components/FixedButton"; SearchBar,
import navTo from "@/utils/common"; Tag
import {updateUser} from "@/api/system/user"; } from '@nutui/nutui-react-taro'
import type {User} from '@/api/system/user/model'
import {pageUsers} from '@/api/system/user'
import {listUserRole, updateUserRole} from '@/api/system/userRole'
import {listRoles} from '@/api/system/role'
interface TeamMemberWithStats extends ShopDealerReferee { const PAGE_SIZE = 10
name?: string
avatar?: string
nickname?: string;
alias?: string;
phone?: string;
orderCount?: number
commission?: string
status?: 'active' | 'inactive'
subMembers?: number
joinTime?: string
dealerAvatar?: string;
dealerName?: string;
dealerPhone?: string;
}
// 层级信息接口 const AdminUsers = () => {
interface LevelInfo { const [searchValue, setSearchValue] = useState('')
dealerId: number
dealerName?: string
level: number
}
const DealerTeam: React.FC = () => { const [users, setUsers] = useState<User[]>([])
const [teamMembers, setTeamMembers] = useState<TeamMemberWithStats[]>([])
const {dealerUser} = useDealerUser()
const [dealerId, setDealerId] = useState<number>()
// 层级栈,用于支持返回上一层
const [levelStack, setLevelStack] = useState<LevelInfo[]>([])
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
// 当前查看的用户名称 const [hasMore, setHasMore] = useState(true)
const [currentDealerName, setCurrentDealerName] = useState<string>('') const [page, setPage] = useState(1)
const [total, setTotal] = useState(0)
// 异步加载成员统计数据 const roleIdMapRef = useRef<Record<string, number>>({})
const loadMemberStats = async (members: TeamMemberWithStats[]) => { const roleMapLoadedRef = useRef(false)
// 分批处理,避免过多并发请求
const batchSize = 3
for (let i = 0; i < members.length; i += batchSize) {
const batch = members.slice(i, i + batchSize)
const batchStats = await Promise.all( const getRoleIdByCode = async (roleCode: string) => {
batch.map(async (member) => { if (!roleMapLoadedRef.current) {
try { const roles = await listRoles()
// 并行获取订单统计和下级成员数量 const nextMap: Record<string, number> = {}
const [orderResult, subMembersResult] = await Promise.all([ roles?.forEach(role => {
pageShopDealerOrder({ if (role.roleCode && role.roleId) nextMap[role.roleCode] = role.roleId
page: 1,
userId: member.userId
}),
listShopDealerReferee({
dealerId: member.userId,
deleted: 0
})
])
let orderCount = 0
let commission = '0.00'
let status: 'active' | 'inactive' = 'inactive'
if (orderResult?.list) {
const orders = orderResult.list
orderCount = orders.length
commission = orders.reduce((sum, order) => {
const levelCommission = member.level === 1 ? order.firstMoney :
member.level === 2 ? order.secondMoney :
order.thirdMoney
return sum + parseFloat(levelCommission || '0')
}, 0).toFixed(2)
// 判断活跃状态30天内有订单为活跃
const thirtyDaysAgo = new Date()
thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
const hasRecentOrder = orders.some(order =>
new Date(order.createTime || '') > thirtyDaysAgo
)
status = hasRecentOrder ? 'active' : 'inactive'
}
return {
...member,
orderCount,
commission,
status,
subMembers: subMembersResult?.length || 0
}
} catch (error) {
console.error(`获取成员${member.userId}数据失败:`, error)
return {
...member,
orderCount: 0,
commission: '0.00',
status: 'inactive' as const,
subMembers: 0
}
}
})
)
// 更新这一批成员的数据
setTeamMembers(prevMembers => {
const updatedMembers = [...prevMembers]
batchStats.forEach(updatedMember => {
const index = updatedMembers.findIndex(m => m.userId === updatedMember.userId)
if (index !== -1) {
updatedMembers[index] = updatedMember
}
})
return updatedMembers
}) })
roleIdMapRef.current = nextMap
// 添加小延迟,避免请求过于密集 roleMapLoadedRef.current = true
if (i + batchSize < members.length) {
await new Promise(resolve => setTimeout(resolve, 100))
}
} }
return roleIdMapRef.current[roleCode]
} }
// 获取团队数据 const reload = async (isRefresh = false, overrideKeywords?: string) => {
const fetchTeamData = useCallback(async () => { if (loading) return
if (!dealerUser?.userId && !dealerId) return
if (isRefresh) {
setPage(1)
setUsers([])
setHasMore(true)
}
setLoading(true)
try { try {
setLoading(true) const currentPage = isRefresh ? 1 : page
console.log(dealerId, 'dealerId>>>>>>>>>') const res = await pageUsers({
// 获取团队成员关系 page: currentPage,
const refereeResult = await listShopDealerReferee({ limit: PAGE_SIZE,
dealerId: dealerId ? dealerId : dealerUser?.userId keywords: overrideKeywords ?? searchValue
}) })
if (refereeResult) { if (res?.list) {
console.log('团队成员原始数据:', refereeResult) const nextUsers = isRefresh ? res.list : [...users, ...res.list]
// 处理团队成员数据 setUsers(nextUsers)
const processedMembers: TeamMemberWithStats[] = refereeResult.map(member => ({ setTotal(res.count || 0)
...member, setHasMore(res.list.length === PAGE_SIZE)
name: `${member.userId}`, setPage(isRefresh ? 2 : currentPage + 1)
orderCount: 0, } else {
commission: '0.00', setUsers([])
status: 'active' as const, setTotal(0)
subMembers: 0, setHasMore(false)
joinTime: member.createTime
}))
// 先显示基础数据,然后异步加载详细统计
setTeamMembers(processedMembers)
setLoading(false)
// 异步加载每个成员的详细统计数据
loadMemberStats(processedMembers)
} }
} catch (error) { } catch (error) {
console.error('获取团队数据失败:', error) console.error('获取用户列表失败:', error)
Taro.showToast({ Taro.showToast({title: '获取用户列表失败', icon: 'error'})
title: '获取团队数据失败',
icon: 'error'
})
} finally { } finally {
setLoading(false) setLoading(false)
} }
}, [dealerUser?.userId, dealerId])
// 查看下级成员
const getNextUser = (item: TeamMemberWithStats) => {
// 检查层级限制最多只能查看2层levelStack.length >= 1 表示已经是第2层了
if (levelStack.length >= 1) {
return
}
// 如果没有下级成员,不允许点击
if (!item.subMembers || item.subMembers === 0) {
return
}
console.log('点击用户:', item.userId, item.name)
// 将当前层级信息推入栈中
const currentLevel: LevelInfo = {
dealerId: dealerId || dealerUser?.userId || 0,
dealerName: currentDealerName || (dealerId ? '上级' : dealerUser?.realName || '我'),
level: levelStack.length
}
setLevelStack(prev => [...prev, currentLevel])
// 切换到下级
setDealerId(item.userId)
setCurrentDealerName(item.nickname || item.dealerName || `用户${item.userId}`)
} }
// 返回上一层 const getUserRoleCodes = (target: User): string[] => {
const goBack = () => { const fromRoles = target.roles?.map(r => r.roleCode).filter(Boolean) as string[] | undefined
if (levelStack.length === 0) { const fromSingle = target.roleCode ? [target.roleCode] : []
// 如果栈为空,返回首页或上一页 const merged = [...(fromRoles || []), ...fromSingle].filter(Boolean)
Taro.navigateBack() return Array.from(new Set(merged))
return
}
// 从栈中弹出上一层信息
const prevLevel = levelStack[levelStack.length - 1]
setLevelStack(prev => prev.slice(0, -1))
if (prevLevel.dealerId === (dealerUser?.userId || 0)) {
// 返回到根层级
setDealerId(undefined)
setCurrentDealerName('')
} else {
setDealerId(prevLevel.dealerId)
setCurrentDealerName(prevLevel.dealerName || '')
}
} }
// 一键拨打 const getPrimaryRoleCode = (target: User): string | undefined => {
const makePhoneCall = (phone: string) => { const codes = getUserRoleCodes(target)
Taro.makePhoneCall({ if (codes.includes('superAdmin')) return 'superAdmin'
phoneNumber: phone, if (codes.includes('admin')) return 'admin'
fail: () => { if (codes.includes('dealer')) return 'dealer'
Taro.showToast({ if (codes.includes('user')) return 'user'
title: '拨打取消', return codes[0]
icon: 'error' }
});
const renderRoleTag = (target: User) => {
const code = getPrimaryRoleCode(target)
if (code === 'superAdmin') return <Tag type="danger"></Tag>
if (code === 'admin') return <Tag type="danger"></Tag>
if (code === 'dealer') return <Tag type="primary"></Tag>
if (code === 'user') return <Tag type="success"></Tag>
return <Tag></Tag>
}
const toggleRole = async (target: User) => {
const current = getPrimaryRoleCode(target)
const nextRoleCode = current === 'dealer' ? 'user' : 'dealer'
const nextRoleName = nextRoleCode === 'user' ? '注册会员' : '业务员'
const confirmRes = await Taro.showModal({
title: '确认切换角色',
content: `确定将该用户切换为「${nextRoleName}」吗?`
})
if (!confirmRes.confirm) return
try {
const userId = target.userId
if (!userId) return
const nextRoleId = await getRoleIdByCode(nextRoleCode)
if (!nextRoleId) {
throw new Error(`未找到角色配置:${nextRoleCode}`)
} }
});
};
// 别名备注 const roles = await listUserRole({userId})
const editAlias = (item: any, index: number) => { const candidate = roles?.find(r => r.roleCode === 'dealer' || r.roleCode === 'user')
Taro.showModal({
title: '备注', if (candidate) {
// @ts-ignore await updateUserRole({
editable: true, ...candidate,
placeholderText: '真实姓名', roleId: nextRoleId
content: item.alias || '', })
success: async (res: any) => { } else {
if (res.confirm && res.content !== undefined) { await updateUserRole({
try { userId,
// 更新跟进情况 roleId: nextRoleId
await updateUser({ })
userId: item.userId,
alias: res.content.trim()
});
teamMembers[index].alias = res.content.trim()
setTeamMembers(teamMembers)
} catch (error) {
console.error('备注失败:', error);
Taro.showToast({
title: '备注失败,请重试',
icon: 'error'
});
}
}
} }
});
};
// 发送消息 Taro.showToast({title: '切换成功', icon: 'success'})
const sendMessage = (item: TeamMemberWithStats) => { await reload(true)
return navTo(`/user/chat/message/add?id=${item.userId}`, true) } catch (error) {
} console.error('切换角色失败:', error)
Taro.showToast({title: '切换失败', icon: 'error'})
// 监听数据变化,获取团队数据
useEffect(() => {
if (dealerUser?.userId || dealerId) {
fetchTeamData().then()
} }
}, [fetchTeamData]) }
// 初始化当前用户名称 const handleSearch = (value: string) => {
useEffect(() => { setSearchValue(value)
if (!dealerId && dealerUser?.realName && !currentDealerName) { reload(true, value).then()
setCurrentDealerName(dealerUser.realName) }
const loadMore = async () => {
if (!loading && hasMore) {
await reload(false)
} }
}, [dealerUser, dealerId, currentDealerName])
const renderMemberItem = (member: TeamMemberWithStats, index: number) => {
// 判断是否可以点击:有下级成员且未达到层级限制
const canClick = member.subMembers && member.subMembers > 0 && levelStack.length < 1
// 判断是否显示手机号只有本级levelStack.length === 0才显示
const showPhone = levelStack.length === 0
// 判断数据是否还在加载中初始值都是0或'0.00'
const isStatsLoading = member.orderCount === 0 && member.commission === '0.00' && member.subMembers === 0
return (
<View
key={member.id}
className={`bg-white rounded-lg p-4 mb-3 shadow-sm ${
canClick ? 'cursor-pointer' : 'cursor-default opacity-75'
}`}
onClick={() => getNextUser(member)}
>
<View className="flex items-center mb-3">
<Avatar
size="40"
src={member.avatar}
className="mr-3"
/>
<View className="flex-1">
<View className="flex items-center justify-between mb-1">
<View className="flex items-center">
<Space>
{member.alias ? <Text className="font-semibold text-blue-700 mr-2">{member.alias}</Text> :
<Text className="font-semibold text-gray-800 mr-2">{member.nickname}</Text>}
{/*别名备注*/}
<Edit size={16} className={'text-blue-500 mr-2'} onClick={(e) => {
e.stopPropagation()
editAlias(member, index)
}}/>
{/*发送消息*/}
<Message size={16} className={'text-orange-500 mr-2'} onClick={(e) => {
e.stopPropagation()
sendMessage(member)
}}/>
</Space>
</View>
{/* 显示手机号(仅本级可见) */}
{showPhone && member.phone && (
<Text className="text-sm text-gray-500" onClick={(e) => {
e.stopPropagation();
makePhoneCall(member.phone || '');
}}>
{member.phone}
<Phone size={12} className="ml-1 text-green-500"/>
</Text>
)}
</View>
<Space>
<Text>
<Text className="text-xs text-gray-500">UID{member.userId}</Text>
</Text>
<Text className="text-xs text-gray-500">
{member.joinTime}
</Text>
</Space>
</View>
</View>
<View className="grid grid-cols-3 gap-4 text-center">
<Space>
<Text className="text-xs text-gray-500"></Text>
<Text className="text-sm font-semibold text-blue-600">
{isStatsLoading ? '-' : member.orderCount}
</Text>
</Space>
<Space>
<Text className="text-xs text-gray-500"></Text>
<Text className="text-sm font-semibold text-green-600">
{isStatsLoading ? '-' : `¥${member.commission}`}
</Text>
</Space>
<Space>
<Text className="text-xs text-gray-500"></Text>
<Text className={`text-sm font-semibold ${
canClick ? 'text-purple-600' : 'text-gray-400'
}`}>
{isStatsLoading ? '-' : (member.subMembers || 0)}
</Text>
</Space>
</View>
</View>
)
} }
const renderOverview = () => ( useDidShow(() => {
<View className="rounded-xl p-4"> const init = async () => {
<View try {
className={'bg-white rounded-lg py-2 px-4 mb-3 shadow-sm text-right text-sm font-medium flex justify-between items-center'}> await reload(true)
<Text className="text-lg font-semibold"></Text> } catch (error) {
<Text className={'text-gray-500 '}>{teamMembers.length}</Text> console.error('初始化失败:', error)
</View> Taro.showToast({title: '初始化失败', icon: 'error'})
{teamMembers.map(renderMemberItem)} }
</View> }
) init().then()
})
// 渲染顶部导航栏
const renderHeader = () => {
if (levelStack.length === 0) return null
return (
<View className="bg-white p-4 mb-3 shadow-sm">
<View className="flex items-center justify-between">
<View className="flex items-center">
<Text className="text-lg font-semibold">
{currentDealerName}
</Text>
</View>
<Button
size="small"
type="primary"
onClick={goBack}
className="bg-blue-500"
>
</Button>
</View>
</View>
)
}
if (!dealerUser) {
return (
<Space className="flex items-center justify-center">
<Empty description="您还不是业务人员" style={{
backgroundColor: 'transparent'
}} actions={[{text: '立即申请', onClick: () => navTo(`/dealer/apply/add`, true)}]}
/>
</Space>
)
}
return ( return (
<> <View className="bg-gray-50 min-h-screen">
{renderHeader()}
{loading ? ( <View className="py-2 px-3">
<View className="flex items-center justify-center mt-20"> <SearchBar
<Text className="text-gray-500">...</Text> placeholder="搜索昵称/手机号/UID"
</View> value={searchValue}
) : teamMembers.length > 0 ? ( onChange={setSearchValue}
renderOverview() onSearch={handleSearch}
) : ( />
<View className="flex items-center justify-center mt-20"> </View>
<Empty description="暂无成员" style={{
backgroundColor: 'transparent' {total > 0 && (
}}/> <View className="px-4 py-2 text-sm text-gray-500">
{total}
</View> </View>
)} )}
<FixedButton text={'立即邀请'} onClick={() => navTo(`/dealer/qrcode/index`, true)}/> <PullToRefresh onRefresh={() => reload(true)} headHeight={60}>
</> <View className="px-4" style={{height: 'calc(100vh - 190px)', overflowY: 'auto'}} id="users-scroll">
{users.length === 0 && !loading ? (
<View className="flex flex-col justify-center items-center" style={{height: 'calc(100vh - 260px)'}}>
<Empty description="暂无成员数据" style={{backgroundColor: 'transparent'}}/>
</View>
) : (
<InfiniteLoading
target="users-scroll"
hasMore={hasMore}
onLoadMore={loadMore}
loadingText={
<View className="flex justify-center items-center py-4">
<Loading/>
<View className="ml-2">...</View>
</View>
}
loadMoreText={
<View className="text-center py-4 text-gray-500">
{users.length === 0 ? '暂无数据' : '没有更多了'}
</View>
}
>
{users.map((item, index) => {
const displayName = item.alias || item.nickname || item.realName || item.username || `用户${item.userId || ''}`
const phone = item.phone || item.mobile || '-'
const primaryRole = getPrimaryRoleCode(item)
const toggleText = primaryRole === 'dealer' ? '设为注册会员' : '设为业务员'
return (
<View key={item.userId || index} className="bg-white rounded-lg p-4 mb-3 shadow-sm">
<View className="flex items-center">
<Avatar size="40" src={item.avatar || item.avatarUrl} className="mr-3"/>
<View className="flex-1">
<View className="flex items-center justify-between">
<Text className="font-semibold text-gray-800">{displayName}</Text>
{renderRoleTag(item)}
</View>
<View className="text-xs text-gray-500 mt-1">
UID{item.userId || '-'} · {phone}
</View>
</View>
</View>
<View className="flex justify-end gap-2 pt-3 mt-3 border-t border-gray-100">
<Button
size="small"
fill="outline"
onClick={() => toggleRole(item)}
>
{toggleText}
</Button>
</View>
</View>
)
})}
</InfiniteLoading>
)}
</View>
</PullToRefresh>
</View>
) )
} }
export default DealerTeam; export default AdminUsers

View File

@@ -10,7 +10,7 @@ import {SERVER_API_URL} from "@/utils/server";
export async function pageRoles(params: RoleParam) { export async function pageRoles(params: RoleParam) {
const res = await request.get<ApiResult<PageResult<Role>>>( const res = await request.get<ApiResult<PageResult<Role>>>(
SERVER_API_URL + '/system/role/page', SERVER_API_URL + '/system/role/page',
{ params } params
); );
if (res.code === 0) { if (res.code === 0) {
return res.data; return res.data;
@@ -24,9 +24,7 @@ export async function pageRoles(params: RoleParam) {
export async function listRoles(params?: RoleParam) { export async function listRoles(params?: RoleParam) {
const res = await request.get<ApiResult<Role[]>>( const res = await request.get<ApiResult<Role[]>>(
SERVER_API_URL + '/system/role', SERVER_API_URL + '/system/role',
{ params
params
}
); );
if (res.code === 0 && res.data) { if (res.code === 0 && res.data) {
return res.data; return res.data;

View File

@@ -367,6 +367,17 @@ const AddShopDealerApply = () => {
}); });
if (existingCustomer) { if (existingCustomer) {
// 报备人不同:直接拦截(避免跨报备人“抢单/续报”)
const existingReporterId = Number(existingCustomer.userId);
if (Number.isFinite(existingReporterId) && existingReporterId > 0 && existingReporterId !== submitUserId) {
Taro.showToast({
title: '请改房号,该房号信息已报备',
icon: 'none',
duration: 2500
});
return false;
}
// 已签约/已取消:直接提示已报备 // 已签约/已取消:直接提示已报备
if (existingCustomer.applyStatus && existingCustomer.applyStatus !== 10) { if (existingCustomer.applyStatus && existingCustomer.applyStatus !== 10) {
Taro.showToast({ Taro.showToast({