fnvtk/cunkebao_v3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

私域操盘手 - 微信号详情增加备注显示

Browse Source
This commit is contained in:
柳清爽
2025-05-13 09:49:54 +08:00
parent eb2b7a6f39
commit f3d113a65d
3 changed files with 147 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
Cunkebao/api/wechat-accounts.ts
View File

@@ -166,4 +166,37 @@ export const fetchWechatAccountSummary = async (id: string): Promise<WechatAccou
console.error("获取账号概览失败:", error);
throw error;
}
};
/**
* 获取好友详情信息
* @param wechatId 微信账号ID
* @param friendId 好友ID
* @returns 好友详情信息
*/
export interface WechatFriendDetail {
id: number;
avatar: string;
nickname: string;
region: string;
wechatId: string;
addDate: string;
tags: string[];
playDate: string;
memo: string;
}
interface WechatFriendDetailResponse {
code: number;
msg: string;
data: WechatFriendDetail;
}
export const fetchWechatFriendDetail = async (wechatId: string, friendId: string): Promise<WechatFriendDetailResponse> => {
try {
return api.get<WechatFriendDetailResponse>(`/v1/wechats/${wechatId}/friend/${friendId}`);
} catch (error) {
console.error("获取好友详情失败:", error);
throw error;
}
};

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

@@ -4,7 +4,7 @@ import { useState, useEffect, useRef, useCallback } from "react"
import { useParams } from "next/navigation"
import { useRouter } from "next/navigation"
import { api } from "@/lib/api"
import { fetchWechatAccountSummary } from "@/api/wechat-accounts"
import { fetchWechatAccountSummary, fetchWechatFriendDetail, WechatFriendDetail } from "@/api/wechat-accounts"
import { Card } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import { Badge } from "@/components/ui/badge"
@@ -47,7 +47,6 @@ import {
PaginationNext,
PaginationPrevious,
} from "@/components/ui/pagination"
import { fetchWechatFriends } from "@/api/wechat-accounts"
interface ApiResponse<T> {
code: number;
@@ -177,6 +176,9 @@ export default function WechatAccountDetailPage() {
const [showTransferConfirm, setShowTransferConfirm] = useState(false)
const [showFriendDetail, setShowFriendDetail] = useState(false)
const [selectedFriend, setSelectedFriend] = useState<Friend | null>(null)
const [friendDetail, setFriendDetail] = useState<WechatFriendDetail | null>(null)
const [isLoadingFriendDetail, setIsLoadingFriendDetail] = useState(false)
const [friendDetailError, setFriendDetailError] = useState<string | null>(null)
const [searchQuery, setSearchQuery] = useState("")
const [activeTab, setActiveTab] = useState("overview")
const [isLoading, setIsLoading] = useState(false)
@@ -614,9 +616,25 @@ export default function WechatAccountDetailPage() {
setShowTransferConfirm(false)
}
const handleFriendClick = (friend: Friend) => {
const handleFriendClick = async (friend: Friend) => {
setSelectedFriend(friend)
setShowFriendDetail(true)
setIsLoadingFriendDetail(true)
setFriendDetailError(null)
try {
const response = await fetchWechatFriendDetail(account?.wechatId || id, friend.id)
if (response.code === 200) {
setFriendDetail(response.data)
} else {
setFriendDetailError(response.msg || "获取好友详情失败")
}
} catch (error) {
console.error("获取好友详情失败:", error)
setFriendDetailError("获取好友详情失败，请稍后再试")
} finally {
setIsLoadingFriendDetail(false)
}
}
// 修改获取限制等级颜色的函数
@@ -1043,7 +1061,92 @@ export default function WechatAccountDetailPage() {
<DialogHeader>
<DialogTitle>好友详情</DialogTitle>
</DialogHeader>
{selectedFriend && (
{isLoadingFriendDetail ? (
<div className="flex justify-center items-center py-10">
<Loader2 className="h-8 w-8 animate-spin text-blue-500" />
</div>
) : friendDetailError ? (
<div className="text-center py-8 text-red-500">
<p>{friendDetailError}</p>
<Button
variant="outline"
size="sm"
className="mt-4"
onClick={() => handleFriendClick(selectedFriend!)}
>
重新加载
</Button>
</div>
) : friendDetail ? (
<div className="space-y-4">
<div className="flex items-center space-x-3">
<Avatar className="h-16 w-16">
<AvatarImage src={friendDetail.avatar} />
<AvatarFallback>{friendDetail.nickname[0]}</AvatarFallback>
</Avatar>
<div>
<div className="text-xl font-medium">{friendDetail.nickname}</div>
<div className="text-sm text-gray-500">{friendDetail.wechatId}</div>
{friendDetail.memo && (
<div className="text-sm text-gray-500">备注: {friendDetail.memo}</div>
)}
</div>
</div>
<div className="grid grid-cols-2 gap-4">
<div className="space-y-1">
<div className="text-sm text-gray-500">添加时间</div>
<div className="font-medium">{friendDetail.addDate}</div>
</div>
<div className="space-y-1">
<div className="text-sm text-gray-500">最近互动</div>
<div className="font-medium">{friendDetail.playDate}</div>
</div>
{friendDetail.region && (
<div className="space-y-1">
<div className="text-sm text-gray-500">地区</div>
<div className="font-medium">{friendDetail.region || '未知地区'}</div>
</div>
)}
<div className="space-y-1">
<div className="text-sm text-gray-500">来源</div>
<div className="font-medium">微信好友</div>
</div>
</div>
<div className="space-y-2">
<div className="text-sm text-gray-500 flex items-center">
<Tag className="h-4 w-4 mr-1" />
标签
</div>
<div className="flex flex-wrap gap-2">
{friendDetail.tags.map((tag, index) => (
<span
key={index}
className={`text-sm px-2 py-1 rounded-full ${getRandomTagColor()}`}
>
{tag}
</span>
))}
{friendDetail.tags.length === 0 && <span className="text-sm text-gray-500">暂无标签</span>}
</div>
</div>
<div className="flex justify-end space-x-2">
<Button variant="outline" onClick={() => setShowFriendDetail(false)}>
关闭
</Button>
<Button
onClick={() => {
setShowFriendDetail(false)
router.push(`/traffic-pool?source=${friendDetail.wechatId}`)
}}
>
添加到流量池
</Button>
</div>
</div>
) : selectedFriend && (
<div className="space-y-4">
<div className="flex items-center space-x-3">
<Avatar className="h-16 w-16">
@@ -1084,7 +1187,7 @@ export default function WechatAccountDetailPage() {
标签
</div>
<div className="flex flex-wrap gap-2">
{selectedFriend.tags.map((tag: FriendTag) => (
{selectedFriend.tags.map((tag: FriendTag) => (
<span key={tag.id} className={`text-sm px-2 py-1 rounded-full ${tag.color}`}>
{tag.name}
</span>
@@ -1128,3 +1231,4 @@ export default function WechatAccountDetailPage() {
)
}

9
Server/application/cunkebao/controller/wechat/GetWechatOnDeviceFriendProfileV1Controller.php
View File

@@ -19,7 +19,7 @@ class GetWechatOnDeviceFriendProfileV1Controller extends BaseController
*/
protected function getLastPlayTime(string $wechatId): string
{
return date('Y-m-d H:i:s', strtotime('-1 day'));
return date('Y-m-d', strtotime('-1 day'));
}
/**
@@ -36,7 +36,7 @@ class GetWechatOnDeviceFriendProfileV1Controller extends BaseController
[
'w.id', 'w.avatar', 'w.nickname', 'w.region', 'w.wechatId',
'CASE WHEN w.alias IS NULL OR w.alias = "" THEN w.wechatId ELSE w.alias END AS wechatId',
'f.createTime addTime', 'f.tags'
'f.createTime addTime', 'f.tags', 'f.memo'
]
)
->join('wechat_friendship f', 'w.wechatId=f.wechatId')
@@ -63,8 +63,9 @@ class GetWechatOnDeviceFriendProfileV1Controller extends BaseController
return ResponseHelper::success(
array_merge($results, [
'play' => $this->getLastPlayTime($results['wechatId']),
'tags' => json_decode($results['tags'], true)
'playDate' => $this->getLastPlayTime($results['wechatId']),
'tags' => json_decode($results['tags'], true),
'addDate' => date('Y-m-d', $results['addTime']),
])
);
} catch (\Exception $e) {