374 lines
8.8 KiB
JavaScript
374 lines
8.8 KiB
JavaScript
// 👥 创建群聊页面逻辑
|
|
const app = getApp();
|
|
const groupChatManager = require('../../../utils/group-chat-manager.js');
|
|
const apiClient = require('../../../utils/api-client.js');
|
|
|
|
Page({
|
|
data: {
|
|
// 系统信息
|
|
statusBarHeight: 44,
|
|
navBarHeight: 88,
|
|
|
|
// 群信息
|
|
groupName: '',
|
|
groupDescription: '',
|
|
groupAvatar: '',
|
|
|
|
// 配置限制
|
|
maxGroupNameLength: 20,
|
|
maxDescriptionLength: 200,
|
|
|
|
// 成员选择
|
|
friendsList: [],
|
|
filteredFriends: [],
|
|
selectedMembers: [],
|
|
searchKeyword: '',
|
|
|
|
// 群设置
|
|
allowMemberInvite: true,
|
|
saveToContacts: true,
|
|
showQRCode: true,
|
|
|
|
// 状态
|
|
isCreating: false,
|
|
canCreate: false
|
|
},
|
|
|
|
onLoad(options) {
|
|
console.log('👥 创建群聊页面加载');
|
|
|
|
// 获取系统信息
|
|
this.getSystemInfo();
|
|
|
|
// 加载好友列表
|
|
this.loadFriendsList();
|
|
|
|
// 处理预选成员
|
|
if (options.preSelectedMembers) {
|
|
try {
|
|
const preSelected = JSON.parse(decodeURIComponent(options.preSelectedMembers));
|
|
this.setData({
|
|
selectedMembers: preSelected
|
|
});
|
|
this.updateCanCreate();
|
|
} catch (error) {
|
|
console.error('❌ 解析预选成员失败:', error);
|
|
}
|
|
}
|
|
},
|
|
|
|
onShow() {
|
|
console.log('👥 创建群聊页面显示');
|
|
},
|
|
|
|
// 获取系统信息
|
|
getSystemInfo() {
|
|
const systemInfo = wx.getSystemInfoSync();
|
|
this.setData({
|
|
statusBarHeight: systemInfo.statusBarHeight || 44,
|
|
navBarHeight: 88
|
|
});
|
|
},
|
|
|
|
// 加载好友列表
|
|
async loadFriendsList() {
|
|
try {
|
|
wx.showLoading({
|
|
title: '加载好友列表...'
|
|
});
|
|
|
|
const response = await apiClient.request({
|
|
url: '/api/v1/friends',
|
|
method: 'GET'
|
|
});
|
|
|
|
wx.hideLoading();
|
|
|
|
if (response.success) {
|
|
const friends = response.data || [];
|
|
|
|
// 标记已选择的好友
|
|
const friendsWithSelection = friends.map(friend => ({
|
|
...friend,
|
|
selected: this.data.selectedMembers.some(member => member.userId === friend.userId)
|
|
}));
|
|
|
|
this.setData({
|
|
friendsList: friendsWithSelection,
|
|
filteredFriends: friendsWithSelection
|
|
});
|
|
|
|
console.log('✅ 好友列表加载完成:', friends.length);
|
|
} else {
|
|
throw new Error(response.error || '加载好友列表失败');
|
|
}
|
|
|
|
} catch (error) {
|
|
wx.hideLoading();
|
|
console.error('❌ 加载好友列表失败:', error);
|
|
wx.showToast({
|
|
title: '加载好友列表失败',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
},
|
|
|
|
// 👥 ===== 群信息设置 =====
|
|
|
|
// 选择群头像
|
|
selectGroupAvatar() {
|
|
console.log('👥 选择群头像');
|
|
|
|
wx.chooseImage({
|
|
count: 1,
|
|
sizeType: ['compressed'],
|
|
sourceType: ['album', 'camera'],
|
|
success: (res) => {
|
|
const tempFilePath = res.tempFilePaths[0];
|
|
this.setData({
|
|
groupAvatar: tempFilePath
|
|
});
|
|
console.log('✅ 群头像选择成功');
|
|
},
|
|
fail: (error) => {
|
|
console.error('❌ 选择群头像失败:', error);
|
|
wx.showToast({
|
|
title: '选择头像失败',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
});
|
|
},
|
|
|
|
// 群名称输入
|
|
onGroupNameInput(e) {
|
|
const value = e.detail.value;
|
|
this.setData({
|
|
groupName: value
|
|
});
|
|
this.updateCanCreate();
|
|
},
|
|
|
|
// 群描述输入
|
|
onGroupDescInput(e) {
|
|
const value = e.detail.value;
|
|
this.setData({
|
|
groupDescription: value
|
|
});
|
|
},
|
|
|
|
// 👤 ===== 成员选择 =====
|
|
|
|
// 搜索输入
|
|
onSearchInput(e) {
|
|
const keyword = e.detail.value;
|
|
this.setData({
|
|
searchKeyword: keyword
|
|
});
|
|
this.filterFriends(keyword);
|
|
},
|
|
|
|
// 清除搜索
|
|
clearSearch() {
|
|
this.setData({
|
|
searchKeyword: ''
|
|
});
|
|
this.filterFriends('');
|
|
},
|
|
|
|
// 过滤好友
|
|
filterFriends(keyword) {
|
|
let filtered = this.data.friendsList;
|
|
|
|
if (keyword.trim()) {
|
|
filtered = this.data.friendsList.filter(friend => {
|
|
const name = (friend.nickname || friend.username || '').toLowerCase();
|
|
return name.includes(keyword.toLowerCase());
|
|
});
|
|
}
|
|
|
|
this.setData({
|
|
filteredFriends: filtered
|
|
});
|
|
},
|
|
|
|
// 切换成员选择
|
|
toggleMember(e) {
|
|
const userId = e.currentTarget.dataset.userId;
|
|
const friend = this.data.friendsList.find(f => f.userId === userId);
|
|
|
|
if (!friend) return;
|
|
|
|
console.log('👤 切换成员选择:', friend.nickname || friend.username);
|
|
|
|
let selectedMembers = [...this.data.selectedMembers];
|
|
let friendsList = [...this.data.friendsList];
|
|
let filteredFriends = [...this.data.filteredFriends];
|
|
|
|
const isSelected = selectedMembers.some(member => member.userId === userId);
|
|
|
|
if (isSelected) {
|
|
// 移除选择
|
|
selectedMembers = selectedMembers.filter(member => member.userId !== userId);
|
|
} else {
|
|
// 添加选择
|
|
selectedMembers.push(friend);
|
|
}
|
|
|
|
// 更新好友列表的选择状态
|
|
friendsList = friendsList.map(f => ({
|
|
...f,
|
|
selected: selectedMembers.some(member => member.userId === f.userId)
|
|
}));
|
|
|
|
filteredFriends = filteredFriends.map(f => ({
|
|
...f,
|
|
selected: selectedMembers.some(member => member.userId === f.userId)
|
|
}));
|
|
|
|
this.setData({
|
|
selectedMembers: selectedMembers,
|
|
friendsList: friendsList,
|
|
filteredFriends: filteredFriends
|
|
});
|
|
|
|
this.updateCanCreate();
|
|
},
|
|
|
|
// 移除成员
|
|
removeMember(e) {
|
|
const userId = e.currentTarget.dataset.userId;
|
|
console.log('👤 移除成员:', userId);
|
|
|
|
let selectedMembers = this.data.selectedMembers.filter(member => member.userId !== userId);
|
|
let friendsList = [...this.data.friendsList];
|
|
let filteredFriends = [...this.data.filteredFriends];
|
|
|
|
// 更新好友列表的选择状态
|
|
friendsList = friendsList.map(f => ({
|
|
...f,
|
|
selected: selectedMembers.some(member => member.userId === f.userId)
|
|
}));
|
|
|
|
filteredFriends = filteredFriends.map(f => ({
|
|
...f,
|
|
selected: selectedMembers.some(member => member.userId === f.userId)
|
|
}));
|
|
|
|
this.setData({
|
|
selectedMembers: selectedMembers,
|
|
friendsList: friendsList,
|
|
filteredFriends: filteredFriends
|
|
});
|
|
|
|
this.updateCanCreate();
|
|
},
|
|
|
|
// ⚙️ ===== 群设置 =====
|
|
|
|
// 允许成员邀请设置变化
|
|
onAllowInviteChange(e) {
|
|
this.setData({
|
|
allowMemberInvite: e.detail.value
|
|
});
|
|
},
|
|
|
|
// 保存到通讯录设置变化
|
|
onSaveContactsChange(e) {
|
|
this.setData({
|
|
saveToContacts: e.detail.value
|
|
});
|
|
},
|
|
|
|
// 显示群二维码设置变化
|
|
onShowQRCodeChange(e) {
|
|
this.setData({
|
|
showQRCode: e.detail.value
|
|
});
|
|
},
|
|
|
|
// 🎯 ===== 群聊创建 =====
|
|
|
|
// 更新是否可以创建
|
|
updateCanCreate() {
|
|
const canCreate = this.data.groupName.trim().length > 0 && this.data.selectedMembers.length > 0;
|
|
this.setData({
|
|
canCreate: canCreate
|
|
});
|
|
},
|
|
|
|
// 创建群聊
|
|
async createGroup() {
|
|
if (!this.data.canCreate || this.data.isCreating) {
|
|
return;
|
|
}
|
|
|
|
console.log('👥 开始创建群聊');
|
|
|
|
try {
|
|
this.setData({
|
|
isCreating: true
|
|
});
|
|
|
|
// 构建群聊信息
|
|
const groupInfo = {
|
|
name: this.data.groupName.trim(),
|
|
description: this.data.groupDescription.trim(),
|
|
avatar: this.data.groupAvatar,
|
|
memberIds: this.data.selectedMembers.map(member => member.userId),
|
|
settings: {
|
|
allowMemberInvite: this.data.allowMemberInvite,
|
|
saveToContacts: this.data.saveToContacts,
|
|
showQRCode: this.data.showQRCode
|
|
}
|
|
};
|
|
|
|
// 调用群聊管理器创建群聊
|
|
const result = await groupChatManager.createGroup(groupInfo);
|
|
|
|
this.setData({
|
|
isCreating: false
|
|
});
|
|
|
|
if (result.success) {
|
|
wx.showToast({
|
|
title: '群聊创建成功',
|
|
icon: 'success'
|
|
});
|
|
|
|
console.log('✅ 群聊创建成功:', result.data.groupId);
|
|
|
|
// 跳转到群聊页面
|
|
setTimeout(() => {
|
|
wx.redirectTo({
|
|
url: `/pages/message/chat/chat?chatType=1&targetId=${result.data.groupId}&chatName=${encodeURIComponent(result.data.name)}`
|
|
});
|
|
}, 1500);
|
|
|
|
} else {
|
|
wx.showToast({
|
|
title: result.error || '创建群聊失败',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
|
|
} catch (error) {
|
|
this.setData({
|
|
isCreating: false
|
|
});
|
|
|
|
console.error('❌ 创建群聊失败:', error);
|
|
wx.showToast({
|
|
title: '创建群聊失败',
|
|
icon: 'none'
|
|
});
|
|
}
|
|
},
|
|
|
|
// 🧭 ===== 页面导航 =====
|
|
|
|
// 返回上一页
|
|
goBack() {
|
|
wx.navigateBack();
|
|
}
|
|
});
|