959 lines
No EOL
24 KiB
JavaScript
959 lines
No EOL
24 KiB
JavaScript
// 好友列表页面
|
||
const app = getApp();
|
||
const apiClient = require('../../../utils/api-client.js');
|
||
const friendAPI = require('../../../utils/friend-api.js');
|
||
const wsManager = require('../../../utils/websocket-manager-v2.js');
|
||
const { modernSystemInfo, initPageSystemInfo } = require('../../../utils/system-info-modern.js');
|
||
|
||
// 事件处理工具函数
|
||
const EventUtils = {
|
||
// 安全地阻止事件冒泡
|
||
safeStopPropagation(event) {
|
||
try {
|
||
if (event && typeof event.stopPropagation === 'function') {
|
||
event.stopPropagation();
|
||
}
|
||
} catch (error) {
|
||
console.warn('停止事件冒泡失败:', error);
|
||
}
|
||
},
|
||
|
||
// 安全地阻止默认行为
|
||
safePreventDefault(event) {
|
||
try {
|
||
if (event && typeof event.preventDefault === 'function') {
|
||
event.preventDefault();
|
||
}
|
||
} catch (error) {
|
||
console.warn('阻止默认行为失败:', error);
|
||
}
|
||
},
|
||
|
||
// 安全地从事件中提取数据
|
||
safeGetDataset(event) {
|
||
try {
|
||
return event?.currentTarget?.dataset || event?.target?.dataset || {};
|
||
} catch (error) {
|
||
console.warn('获取事件数据失败:', error);
|
||
return {};
|
||
}
|
||
},
|
||
|
||
// 验证好友数据
|
||
validateFriendData(friend) {
|
||
return friend &&
|
||
friend.customId &&
|
||
friend.nickname &&
|
||
typeof friend === 'object';
|
||
}
|
||
};
|
||
|
||
Page({
|
||
data: {
|
||
// 好友数据
|
||
friends: [],
|
||
filteredFriends: [],
|
||
|
||
// UI状态
|
||
loading: true,
|
||
refreshing: false,
|
||
searchKeyword: '',
|
||
|
||
// 统计数据
|
||
newFriendRequests: 0,
|
||
totalFriendsCount: 0,
|
||
onlineFriendsCount: 0,
|
||
recentActiveCount: 0,
|
||
mutualFriendsCount: 0,
|
||
|
||
// 系统适配信息
|
||
systemInfo: {},
|
||
statusBarHeight: 0,
|
||
menuButtonHeight: 0,
|
||
menuButtonTop: 0,
|
||
navBarHeight: 0,
|
||
windowHeight: 0,
|
||
safeAreaBottom: 0,
|
||
|
||
// 添加好友提示
|
||
showAddTip: false,
|
||
userInfo: {},
|
||
|
||
// 事件处理状态
|
||
eventHandlingState: {
|
||
lastEventTime: 0,
|
||
eventThrottleMs: 300, // 防止快速连续点击
|
||
errorCount: 0,
|
||
maxErrors: 5
|
||
}
|
||
},
|
||
|
||
onLoad: function (options) {
|
||
console.log('好友列表页面加载');
|
||
this.initSystemInfo();
|
||
this.checkAuthAndLoad();
|
||
},
|
||
|
||
onShow: function () {
|
||
console.log('好友列表页面显示');
|
||
|
||
// 检查是否需要刷新好友请求数量
|
||
const app = getApp();
|
||
if (app.globalData && app.globalData.needRefreshFriendRequests) {
|
||
console.log('🔄 检测到好友请求状态变化，强制刷新');
|
||
app.globalData.needRefreshFriendRequests = false;
|
||
}
|
||
|
||
// 刷新数据
|
||
this.loadFriends();
|
||
this.loadFriendRequestsCount();
|
||
},
|
||
|
||
// 初始化系统信息
|
||
// 初始化系统信息 - 使用现代化API
|
||
initSystemInfo() {
|
||
const pageSystemInfo = initPageSystemInfo();
|
||
|
||
console.log('系统适配信息:', {
|
||
statusBarHeight: pageSystemInfo.statusBarHeight,
|
||
menuButtonHeight: pageSystemInfo.menuButtonHeight,
|
||
menuButtonTop: pageSystemInfo.menuButtonTop,
|
||
navBarHeight: pageSystemInfo.navBarHeight,
|
||
windowHeight: pageSystemInfo.windowHeight,
|
||
safeAreaBottom: pageSystemInfo.safeAreaBottom,
|
||
screenWidth: pageSystemInfo.systemInfo.screenWidth,
|
||
screenHeight: pageSystemInfo.systemInfo.screenHeight,
|
||
platform: pageSystemInfo.systemInfo.platform
|
||
});
|
||
|
||
this.setData({
|
||
systemInfo: pageSystemInfo.systemInfo,
|
||
statusBarHeight: pageSystemInfo.statusBarHeight,
|
||
menuButtonHeight: pageSystemInfo.menuButtonHeight,
|
||
menuButtonTop: pageSystemInfo.menuButtonTop,
|
||
navBarHeight: pageSystemInfo.navBarHeight,
|
||
windowHeight: pageSystemInfo.windowHeight,
|
||
safeAreaBottom: pageSystemInfo.safeAreaBottom
|
||
});
|
||
},
|
||
|
||
// 检查认证状态并加载数据
|
||
async checkAuthAndLoad() {
|
||
try {
|
||
// 确保API客户端能获取到token
|
||
const currentToken = apiClient.getToken();
|
||
if (!currentToken) {
|
||
console.error('用户未登录，跳转到登录页');
|
||
wx.reLaunch({
|
||
url: '/pages/login/login'
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log('好友页面认证检查通过，开始加载数据');
|
||
|
||
// 获取用户信息 - 确保有完整的用户数据
|
||
await this.loadUserInfo();
|
||
|
||
// 🔥 初始化WebSocket好友功能
|
||
this.initWebSocketFriendFeatures();
|
||
|
||
// 开始加载数据
|
||
this.loadFriends();
|
||
this.loadFriendRequestsCount();
|
||
|
||
} catch (error) {
|
||
console.error('认证检查失败:', error);
|
||
wx.reLaunch({
|
||
url: '/pages/login/login'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 加载用户信息
|
||
async loadUserInfo() {
|
||
try {
|
||
// 先从全局数据获取
|
||
let userInfo = getApp().globalData.userInfo;
|
||
|
||
// 如果全局没有完整信息，从API获取
|
||
if (!userInfo || !userInfo.user || !userInfo.user.customId) {
|
||
console.log('从API获取用户信息...');
|
||
const response = await apiClient.getUserInfo();
|
||
if (response && response.code === 0) {
|
||
userInfo = {
|
||
...userInfo,
|
||
user: response.data
|
||
};
|
||
// 更新全局数据
|
||
getApp().globalData.userInfo = userInfo;
|
||
}
|
||
}
|
||
|
||
this.setData({
|
||
userInfo: userInfo
|
||
});
|
||
|
||
console.log('✅ 用户信息已更新:', {
|
||
hasUser: !!userInfo?.user,
|
||
customId: userInfo?.user?.customId || 'unknown'
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('❌ 获取用户信息失败:', error);
|
||
// 不影响主要功能，继续加载好友列表
|
||
}
|
||
},
|
||
|
||
// 加载好友列表 - 参考Flutter app的实现
|
||
async loadFriends() {
|
||
try {
|
||
this.setData({ loading: true });
|
||
|
||
console.log('🔥 开始加载好友列表...');
|
||
const response = await friendAPI.getFriendList();
|
||
|
||
if (response && response.code === 0) {
|
||
const friends = response.data || [];
|
||
console.log(`✅ 获取到 ${friends.length} 个好友:`, friends);
|
||
|
||
// 处理好友数据，参考Flutter app的数据结构
|
||
const processedFriends = this.processFriendsData(friends);
|
||
|
||
this.setData({
|
||
friends: processedFriends,
|
||
filteredFriends: processedFriends,
|
||
totalFriendsCount: processedFriends.length,
|
||
loading: false
|
||
});
|
||
|
||
// 计算在线好友数和其他统计
|
||
this.calculateFriendStats(processedFriends);
|
||
|
||
} else {
|
||
throw new Error(response?.message || '获取好友列表失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('❌ 加载好友列表失败:', error);
|
||
this.setData({ loading: false });
|
||
|
||
// 不要频繁弹出错误提示，影响用户体验
|
||
if (!error.message?.includes('401')) {
|
||
wx.showToast({
|
||
title: '加载好友失败',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
// 处理好友数据 - 参考Flutter app的数据结构
|
||
processFriendsData(friends) {
|
||
return friends.map(friend => {
|
||
// 适配不同的字段名，参考Flutter app的FriendModel
|
||
const nickname = friend.nickname || friend.username || friend.name || '未知用户';
|
||
const customId = friend.customId || friend.customID || friend.id;
|
||
|
||
return {
|
||
id: customId,
|
||
customId: customId,
|
||
name: nickname,
|
||
nickname: nickname,
|
||
avatar: friend.avatar || '', // 头像URL
|
||
personalSignature: friend.signature || friend.bio || friend.personalSignature || '',
|
||
isOnline: friend.isOnline || false,
|
||
isVip: friend.isVip || false,
|
||
gender: friend.gender || null, // male, female, null
|
||
remark: friend.remark || '',
|
||
relation: friend.relation || '好友',
|
||
location: friend.location || '',
|
||
distance: friend.distance || 0,
|
||
lastActiveTime: friend.lastActiveTime || '',
|
||
tags: friend.tags || [],
|
||
hasMutualFriends: friend.mutualFriends > 0,
|
||
isBirthdayToday: false, // 可以根据实际情况计算
|
||
isNewFriend: friend.isNewFriend || false
|
||
};
|
||
});
|
||
},
|
||
|
||
// 计算好友统计数据
|
||
calculateFriendStats(friends) {
|
||
const onlineCount = friends.filter(f => f.isOnline).length;
|
||
const recentActiveCount = friends.filter(f => {
|
||
if (!f.lastActiveTime) return false;
|
||
const oneHourAgo = Date.now() - (60 * 60 * 1000);
|
||
return new Date(f.lastActiveTime).getTime() > oneHourAgo;
|
||
}).length;
|
||
const mutualCount = friends.filter(f => f.hasMutualFriends).length;
|
||
|
||
this.setData({
|
||
onlineFriendsCount: onlineCount,
|
||
recentActiveCount: recentActiveCount,
|
||
mutualFriendsCount: mutualCount
|
||
});
|
||
},
|
||
|
||
// 获取好友请求数量 - 参考Flutter app的实现
|
||
async loadFriendRequestsCount() {
|
||
try {
|
||
console.log('🔥 获取好友请求数量...');
|
||
const response = await friendAPI.getFriendRequestCount();
|
||
|
||
if (response && response.code === 0) {
|
||
const count = response.data?.count || 0;
|
||
console.log(`✅ 获取到 ${count} 个好友请求`);
|
||
this.setData({
|
||
newFriendRequests: count
|
||
});
|
||
}
|
||
} catch (error) {
|
||
console.error('❌ 获取好友请求数量失败:', error);
|
||
// 不影响主要功能，只是数量显示为0
|
||
this.setData({
|
||
newFriendRequests: 0
|
||
});
|
||
}
|
||
},
|
||
|
||
// 搜索输入
|
||
onSearchInput(e) {
|
||
const keyword = e.detail.value;
|
||
this.setData({ searchKeyword: keyword });
|
||
this.filterFriends(keyword);
|
||
},
|
||
|
||
// 过滤好友
|
||
filterFriends(keyword) {
|
||
if (!keyword.trim()) {
|
||
this.setData({ filteredFriends: this.data.friends });
|
||
return;
|
||
}
|
||
|
||
const filtered = this.data.friends.filter(friend => {
|
||
const name = friend.remark || friend.nickname;
|
||
const signature = friend.personalSignature || '';
|
||
const searchText = keyword.toLowerCase();
|
||
|
||
return name.toLowerCase().includes(searchText) ||
|
||
signature.toLowerCase().includes(searchText);
|
||
});
|
||
|
||
this.setData({ filteredFriends: filtered });
|
||
},
|
||
|
||
// 清除搜索
|
||
clearSearch() {
|
||
this.setData({ searchKeyword: '' });
|
||
this.filterFriends('');
|
||
},
|
||
|
||
// 下拉刷新
|
||
async onRefresh() {
|
||
console.log('下拉刷新好友列表');
|
||
this.setData({ refreshing: true });
|
||
|
||
try {
|
||
await this.loadFriends();
|
||
await this.loadFriendRequestsCount();
|
||
|
||
wx.showToast({
|
||
title: '刷新成功',
|
||
icon: 'success',
|
||
duration: 1000
|
||
});
|
||
} catch (error) {
|
||
wx.showToast({
|
||
title: '刷新失败',
|
||
icon: 'none'
|
||
});
|
||
} finally {
|
||
this.setData({ refreshing: false });
|
||
}
|
||
},
|
||
|
||
// 打开聊天 - WXML中引用的方法
|
||
// 点击好友时查看个人资料
|
||
openChat(e) {
|
||
try {
|
||
// 安全地获取好友数据
|
||
const dataset = EventUtils.safeGetDataset(e);
|
||
const friend = dataset.friend;
|
||
|
||
// 验证好友数据
|
||
if (!EventUtils.validateFriendData(friend)) {
|
||
console.error('好友数据无效，无法查看个人资料');
|
||
wx.showToast({
|
||
title: '好友信息错误',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log('查看好友个人资料:', friend.nickname);
|
||
|
||
// 跳转到好友个人资料页面
|
||
wx.navigateTo({
|
||
url: `/pages/user-profile/user-profile?userId=${friend.customId}&from=friends`
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('查看好友个人资料失败:', error);
|
||
wx.showToast({
|
||
title: '查看资料失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 打开好友资料
|
||
openFriendProfile(e) {
|
||
const friend = e.currentTarget.dataset.friend;
|
||
console.log('打开好友资料:', friend.nickname);
|
||
|
||
wx.navigateTo({
|
||
url: `/pages/social/friend-detail/friend-detail?customId=${friend.customId}`
|
||
});
|
||
},
|
||
|
||
// 发送消息 - 参考Flutter app的实现
|
||
sendMessage(e) {
|
||
try {
|
||
// 安全地阻止事件冒泡
|
||
EventUtils.safeStopPropagation(e);
|
||
|
||
// 安全地获取好友数据
|
||
const dataset = EventUtils.safeGetDataset(e);
|
||
const friend = dataset.friend;
|
||
|
||
// 验证好友数据
|
||
if (!EventUtils.validateFriendData(friend)) {
|
||
console.error('好友数据无效或缺失');
|
||
wx.showToast({
|
||
title: '好友信息错误',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log('💬 开始与好友聊天:', friend.nickname);
|
||
|
||
// 🔥 修复：不传递conversationId，让聊天页面从API获取正确的会话ID
|
||
wx.navigateTo({
|
||
url: `/pages/message/chat/chat?targetId=${friend.customId}&name=${encodeURIComponent(friend.nickname)}&chatType=0`
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('发送消息失败:', error);
|
||
wx.showToast({
|
||
title: '发送消息失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 视频通话
|
||
startVideoCall(e) {
|
||
try {
|
||
// 安全地阻止事件冒泡
|
||
EventUtils.safeStopPropagation(e);
|
||
|
||
// 安全地获取好友数据
|
||
const dataset = EventUtils.safeGetDataset(e);
|
||
const friend = dataset.friend;
|
||
|
||
// 验证好友数据
|
||
if (!EventUtils.validateFriendData(friend)) {
|
||
console.error('好友数据无效，无法发起视频通话');
|
||
wx.showToast({
|
||
title: '好友信息错误',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
console.log('📹 发起视频通话:', friend.nickname);
|
||
|
||
wx.showToast({
|
||
title: '视频通话功能开发中',
|
||
icon: 'none'
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('视频通话失败:', error);
|
||
wx.showToast({
|
||
title: '视频通话失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 视频通话（WXML中使用的方法名）
|
||
videoCall(e) {
|
||
this.startVideoCall(e);
|
||
},
|
||
|
||
// 显示好友菜单
|
||
showFriendMenu(e) {
|
||
const friend = e.currentTarget.dataset.friend;
|
||
console.log('长按好友:', friend.nickname);
|
||
|
||
wx.showActionSheet({
|
||
itemList: ['发送消息', '音视频通话', '查看资料', '设置备注', '删除好友'],
|
||
success: (res) => {
|
||
switch (res.tapIndex) {
|
||
case 0:
|
||
this.sendMessage({ currentTarget: { dataset: { friend } } });
|
||
break;
|
||
case 1:
|
||
this.startVideoCall({ currentTarget: { dataset: { friend } } });
|
||
break;
|
||
case 2:
|
||
this.openFriendProfile({ currentTarget: { dataset: { friend } } });
|
||
break;
|
||
case 3:
|
||
this.setFriendRemark(friend);
|
||
break;
|
||
case 4:
|
||
this.deleteFriend(friend);
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 设置好友备注
|
||
setFriendRemark(friend) {
|
||
wx.showModal({
|
||
title: '设置备注',
|
||
editable: true,
|
||
placeholderText: '请输入备注名',
|
||
content: friend.remark || '',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
console.log('设置备注:', res.content);
|
||
// 这里调用API更新备注
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 删除好友
|
||
deleteFriend(friend) {
|
||
wx.showModal({
|
||
title: '删除好友',
|
||
content: `确定要删除好友"${friend.nickname}"吗？`,
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
console.log('删除好友:', friend.nickname);
|
||
// 这里调用API删除好友
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 好友请求 - 修改后的名称
|
||
openNewFriends() {
|
||
console.log('打开好友请求页面');
|
||
wx.navigateTo({
|
||
url: '/pages/social/friend-requests/friend-requests'
|
||
});
|
||
},
|
||
|
||
// 建群 - 修改后的功能
|
||
openGroupChats() {
|
||
console.log('打开建群页面');
|
||
wx.navigateTo({
|
||
url: '/pages/social/create-group/create-group'
|
||
});
|
||
},
|
||
|
||
// 标签管理
|
||
openTags() {
|
||
console.log('打开标签管理');
|
||
wx.showToast({
|
||
title: '标签功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 添加好友 - 跳转到搜索页面
|
||
addFriend() {
|
||
console.log('跳转到搜索用户页面');
|
||
wx.navigateTo({
|
||
url: '/pages/social/search/search'
|
||
});
|
||
},
|
||
|
||
// 显示菜单
|
||
showMenu() {
|
||
wx.showActionSheet({
|
||
itemList: ['好友设置', '隐私设置', '黑名单管理', '好友分组', '数据统计'],
|
||
success: (res) => {
|
||
switch (res.tapIndex) {
|
||
case 0:
|
||
this.openFriendSettings();
|
||
break;
|
||
case 1:
|
||
this.openPrivacySettings();
|
||
break;
|
||
case 2:
|
||
this.openBlacklist();
|
||
break;
|
||
case 3:
|
||
this.openFriendGroups();
|
||
break;
|
||
case 4:
|
||
this.showFriendStats();
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 好友设置
|
||
openFriendSettings() {
|
||
wx.showToast({
|
||
title: '好友设置功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 隐私设置
|
||
openPrivacySettings() {
|
||
wx.showToast({
|
||
title: '隐私设置功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 黑名单管理
|
||
openBlacklist() {
|
||
wx.showToast({
|
||
title: '黑名单管理功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 好友分组
|
||
openFriendGroups() {
|
||
wx.showToast({
|
||
title: '好友分组功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 好友统计
|
||
showFriendStats() {
|
||
const stats = {
|
||
total: this.data.totalFriendsCount,
|
||
online: this.data.onlineFriendsCount,
|
||
recent: this.data.recentActiveCount,
|
||
mutual: this.data.mutualFriendsCount
|
||
};
|
||
|
||
wx.showModal({
|
||
title: '好友统计',
|
||
content: `总好友数: ${stats.total}\n在线好友: ${stats.online}\n最近活跃: ${stats.recent}\n共同好友: ${stats.mutual}`,
|
||
showCancel: false
|
||
});
|
||
},
|
||
|
||
// 扫码添加
|
||
addByQR() {
|
||
this.setData({ showAddTip: false });
|
||
wx.scanCode({
|
||
success: (res) => {
|
||
console.log('扫码结果:', res.result);
|
||
// 处理扫码结果
|
||
}
|
||
});
|
||
},
|
||
|
||
// 搜索添加
|
||
addBySearch() {
|
||
this.setData({ showAddTip: false });
|
||
wx.navigateTo({
|
||
url: '/pages/social/search-user/search-user'
|
||
});
|
||
},
|
||
|
||
// 手机号添加
|
||
addByPhone() {
|
||
this.setData({ showAddTip: false });
|
||
wx.showToast({
|
||
title: '手机号添加功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 附近的人
|
||
addByNearby() {
|
||
this.setData({ showAddTip: false });
|
||
wx.navigateTo({
|
||
url: '/pages/map/map'
|
||
});
|
||
},
|
||
|
||
// 搜索好友
|
||
searchFriends() {
|
||
wx.navigateTo({
|
||
url: '/pages/social/search/search'
|
||
});
|
||
},
|
||
|
||
// 扫描二维码
|
||
scanQRCode() {
|
||
wx.scanCode({
|
||
success: (res) => {
|
||
console.log('扫码结果:', res.result);
|
||
// 处理扫码结果
|
||
}
|
||
});
|
||
},
|
||
|
||
// 邀请好友
|
||
inviteFriends() {
|
||
wx.showActionSheet({
|
||
itemList: ['微信邀请', '短信邀请', '复制邀请链接'],
|
||
success: (res) => {
|
||
switch (res.tapIndex) {
|
||
case 0:
|
||
wx.showToast({ title: '微信邀请功能开发中', icon: 'none' });
|
||
break;
|
||
case 1:
|
||
wx.showToast({ title: '短信邀请功能开发中', icon: 'none' });
|
||
break;
|
||
case 2:
|
||
wx.setClipboardData({
|
||
data: 'https://findme.app/invite',
|
||
success: () => {
|
||
wx.showToast({ title: '邀请链接已复制', icon: 'success' });
|
||
}
|
||
});
|
||
break;
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 🔥 ===== 新增的好友功能方法 =====
|
||
|
||
// 初始化WebSocket好友功能
|
||
initWebSocketFriendFeatures() {
|
||
try {
|
||
// 注册消息处理器 - 使用V2版本的统一API
|
||
wsManager.on('message', (message) => {
|
||
console.log('🔥 好友页面收到WebSocket消息:', message);
|
||
|
||
// 根据消息类型分发处理
|
||
switch (message.type) {
|
||
case 'friend_request':
|
||
this.handleNewFriendRequest(message.data);
|
||
break;
|
||
case 'friend_accepted':
|
||
this.handleFriendAccepted(message.data);
|
||
break;
|
||
case 'friend_rejected':
|
||
this.handleFriendRejected(message.data);
|
||
break;
|
||
case 'notification':
|
||
this.handleFriendNotification(message.data);
|
||
break;
|
||
default:
|
||
console.log('好友页面未处理的消息类型:', message.type);
|
||
}
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('初始化WebSocket好友功能失败:', error);
|
||
}
|
||
},
|
||
|
||
// 处理新的好友请求
|
||
handleNewFriendRequest(data) {
|
||
try {
|
||
// 更新好友请求数量
|
||
const currentCount = this.data.newFriendRequests;
|
||
this.setData({
|
||
newFriendRequests: currentCount + 1
|
||
});
|
||
|
||
// 显示通知
|
||
wx.showToast({
|
||
title: `${data.senderName} 请求添加您为好友`,
|
||
icon: 'none',
|
||
duration: 3000
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('处理新好友请求失败:', error);
|
||
}
|
||
},
|
||
|
||
// 处理好友请求被接受
|
||
handleFriendAccepted(data) {
|
||
try {
|
||
// 刷新好友列表
|
||
this.loadFriends();
|
||
|
||
// 显示通知
|
||
wx.showToast({
|
||
title: `${data.friendName} 接受了您的好友请求`,
|
||
icon: 'success',
|
||
duration: 2000
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('处理好友请求被接受失败:', error);
|
||
}
|
||
},
|
||
|
||
// 处理好友请求被拒绝
|
||
handleFriendRejected(data) {
|
||
try {
|
||
// 显示通知
|
||
wx.showToast({
|
||
title: '好友请求被拒绝',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('处理好友请求被拒绝失败:', error);
|
||
}
|
||
},
|
||
|
||
// 处理好友相关通知
|
||
handleFriendNotification(data) {
|
||
try {
|
||
switch (data.type) {
|
||
case 'new_friend_request':
|
||
this.handleNewFriendRequest(data);
|
||
break;
|
||
case 'friend_accepted':
|
||
this.handleFriendAccepted(data);
|
||
break;
|
||
case 'friend_rejected':
|
||
this.handleFriendRejected(data);
|
||
break;
|
||
default:
|
||
console.log('未知好友通知类型:', data.type);
|
||
}
|
||
} catch (error) {
|
||
console.error('处理好友通知失败:', error);
|
||
}
|
||
},
|
||
|
||
// 🔥 ===== 好友操作增强 =====
|
||
|
||
// 删除好友
|
||
async deleteFriend(friendId, friendName) {
|
||
try {
|
||
const result = await new Promise((resolve) => {
|
||
wx.showModal({
|
||
title: '删除好友',
|
||
content: `确定要删除好友 ${friendName} 吗？`,
|
||
success: resolve
|
||
});
|
||
});
|
||
|
||
if (!result.confirm) return;
|
||
|
||
await friendAPI.deleteFriend(friendId);
|
||
|
||
// 从本地数据中移除
|
||
const friends = this.data.friends.filter(friend => friend.id !== friendId);
|
||
this.setData({
|
||
friends: friends,
|
||
filteredFriends: friends,
|
||
totalFriendsCount: friends.length
|
||
});
|
||
|
||
// 重新计算统计数据
|
||
this.calculateFriendStats(friends);
|
||
|
||
wx.showToast({
|
||
title: '已删除好友',
|
||
icon: 'success'
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('删除好友失败:', error);
|
||
wx.showToast({
|
||
title: '删除失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 更新好友备注
|
||
async updateFriendRemark(friendId, newRemark) {
|
||
try {
|
||
await friendAPI.updateFriendRelation(friendId, {
|
||
remark: newRemark
|
||
});
|
||
|
||
// 更新本地数据
|
||
const friends = this.data.friends.map(friend => {
|
||
if (friend.id === friendId) {
|
||
return { ...friend, remark: newRemark };
|
||
}
|
||
return friend;
|
||
});
|
||
|
||
this.setData({
|
||
friends: friends,
|
||
filteredFriends: friends
|
||
});
|
||
|
||
wx.showToast({
|
||
title: '备注已更新',
|
||
icon: 'success'
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('更新好友备注失败:', error);
|
||
wx.showToast({
|
||
title: '更新失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 设置好友标签
|
||
async setFriendLabel(friendId, label) {
|
||
try {
|
||
await friendAPI.updateFriendRelation(friendId, {
|
||
relation: label
|
||
});
|
||
|
||
// 更新本地数据
|
||
const friends = this.data.friends.map(friend => {
|
||
if (friend.id === friendId) {
|
||
return { ...friend, relation: label };
|
||
}
|
||
return friend;
|
||
});
|
||
|
||
this.setData({
|
||
friends: friends,
|
||
filteredFriends: friends
|
||
});
|
||
|
||
wx.showToast({
|
||
title: '标签已设置',
|
||
icon: 'success'
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('设置好友标签失败:', error);
|
||
wx.showToast({
|
||
title: '设置失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
}
|
||
}); |