fnvtk/ckb-SuperAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

私域操盘手 - 调整微信号详情页部分页面数据，使用跳转时传递的列表数据而不是接口数据

Browse Source
This commit is contained in:
柳清爽
2025-05-10 12:02:19 +08:00
parent 6d9d56008d
commit 2bb3f3de5d
4 changed files with 216 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
Cunkebao/app/wechat-accounts/[id]/page.tsx
View File

@@ -134,6 +134,28 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
const friendsLoadingRef = useRef<HTMLDivElement | null>(null)
const friendsContainerRef = useRef<HTMLDivElement | null>(null)
const [initialData, setInitialData] = useState<{
avatar: string;
nickname: string;
status: "normal" | "abnormal";
wechatId: string;
deviceName: string;
} | null>(null)
useEffect(() => {
// 从 URL 参数中获取初始数据
const searchParams = new URLSearchParams(window.location.search);
const dataParam = searchParams.get('data');
if (dataParam) {
try {
const decodedData = JSON.parse(decodeURIComponent(dataParam));
setInitialData(decodedData);
} catch (error) {
console.error('解析初始数据失败:', error);
}
}
}, []);
// 计算好友列表容器高度
const getFriendsContainerHeight = () => {
// 最少显示一条记录的高度，最多显示十条记录的高度
@@ -411,6 +433,14 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
if (response && response.code === 200) {
// 转换数据格式
const transformedAccount = transformWechatAccountDetail(response)
// 使用初始数据覆盖API返回的部分字段
if (initialData) {
transformedAccount.avatar = initialData.avatar;
transformedAccount.nickname = initialData.nickname;
transformedAccount.status = initialData.status;
transformedAccount.wechatId = initialData.wechatId;
transformedAccount.deviceName = initialData.deviceName;
}
setAccount(transformedAccount)
// 如果有好友总数，更新friendsTotal状态
@@ -425,6 +455,14 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
})
// 获取失败时使用模拟数据
const mockData = generateMockAccountData();
// 使用初始数据覆盖模拟数据的部分字段
if (initialData) {
mockData.avatar = initialData.avatar;
mockData.nickname = initialData.nickname;
mockData.status = initialData.status;
mockData.wechatId = initialData.wechatId;
mockData.deviceName = initialData.deviceName;
}
setAccount(mockData);
// 更新好友总数
setFriendsTotal(mockData.friendCount);
@@ -438,6 +476,14 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
})
// 请求出错时使用模拟数据
const mockData = generateMockAccountData();
// 使用初始数据覆盖模拟数据的部分字段
if (initialData) {
mockData.avatar = initialData.avatar;
mockData.nickname = initialData.nickname;
mockData.status = initialData.status;
mockData.wechatId = initialData.wechatId;
mockData.deviceName = initialData.deviceName;
}
setAccount(mockData);
// 更新好友总数
setFriendsTotal(mockData.friendCount);
@@ -447,7 +493,7 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
}
fetchAccount()
}, [params.id])
}, [params.id, initialData])
if (!account) {
return <div>加载中...</div>
@@ -534,7 +580,7 @@ export default function WechatAccountDetailPage({ params }: { params: { id: stri
<AvatarFallback>{account.nickname[0]}</AvatarFallback>
</Avatar>
{account.isVerified && (
<Badge variant="outline" className="absolute -top-2 -right-2 px-2 py-0.5 text-xs">
<Badge className="absolute -top-2 -right-2 px-2 py-0.5 text-xs bg-blue-500 text-white hover:bg-blue-600">
已认证
</Badge>
)}