948 lines
21 KiB
JavaScript
948 lines
21 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,
|
||
|
||
// 群信息
|
||
groupId: '',
|
||
groupInfo: {},
|
||
memberCount: 0,
|
||
displayMembers: [],
|
||
|
||
// 用户权限
|
||
currentUserId: '',
|
||
userRole: 'member',
|
||
isOwner: false,
|
||
isOwnerOrAdmin: false,
|
||
canInviteMembers: false,
|
||
|
||
// 群设置
|
||
groupSettings: {
|
||
muteNotifications: false,
|
||
pinned: false,
|
||
saveToContacts: true
|
||
},
|
||
|
||
// 弹窗状态
|
||
showQRCodeModal: false,
|
||
showEditNameModal: false,
|
||
showEditDescModal: false,
|
||
|
||
// 编辑状态
|
||
editGroupName: '',
|
||
editGroupDescription: '',
|
||
|
||
// 二维码
|
||
qrCodeSize: 400,
|
||
|
||
// 加载状态
|
||
loading: false,
|
||
loadingText: '加载中...'
|
||
},
|
||
|
||
onLoad(options) {
|
||
|
||
// 获取系统信息
|
||
this.getSystemInfo();
|
||
|
||
// 获取群ID
|
||
if (options.groupId) {
|
||
this.setData({
|
||
groupId: options.groupId
|
||
});
|
||
|
||
// 加载群信息
|
||
this.loadGroupInfo();
|
||
} else {
|
||
wx.showToast({
|
||
title: '群聊ID不能为空',
|
||
icon: 'none'
|
||
});
|
||
setTimeout(() => {
|
||
wx.navigateBack();
|
||
}, 1500);
|
||
}
|
||
},
|
||
|
||
onShow() {
|
||
|
||
// 刷新群信息
|
||
if (this.data.groupId) {
|
||
this.loadGroupInfo();
|
||
}
|
||
},
|
||
|
||
// 获取系统信息
|
||
getSystemInfo() {
|
||
const systemInfo = wx.getSystemInfoSync();
|
||
this.setData({
|
||
statusBarHeight: systemInfo.statusBarHeight || 44,
|
||
navBarHeight: 88,
|
||
currentUserId: wx.getStorageSync('userId')
|
||
});
|
||
},
|
||
|
||
// 加载群信息
|
||
async loadGroupInfo() {
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '加载群信息中...'
|
||
});
|
||
|
||
// 获取群基本信息
|
||
const groupResponse = await apiClient.request({
|
||
url: `/api/v1/groups/${this.data.groupId}`,
|
||
method: 'GET'
|
||
});
|
||
|
||
if (!groupResponse.success) {
|
||
throw new Error(groupResponse.error || '获取群信息失败');
|
||
}
|
||
|
||
const groupInfo = groupResponse.data;
|
||
|
||
// 获取群成员列表
|
||
const membersResult = await groupChatManager.getGroupMembers(this.data.groupId, false);
|
||
|
||
if (!membersResult.success) {
|
||
throw new Error(membersResult.error || '获取群成员失败');
|
||
}
|
||
|
||
const members = membersResult.data;
|
||
|
||
// 获取当前用户角色
|
||
const currentUser = members.find(member => member.userId === this.data.currentUserId);
|
||
const userRole = currentUser ? currentUser.role : 'member';
|
||
|
||
// 计算权限
|
||
const isOwner = userRole === 'owner';
|
||
const isOwnerOrAdmin = userRole === 'owner' || userRole === 'admin';
|
||
const canInviteMembers = isOwnerOrAdmin || groupInfo.settings?.allowMemberInvite;
|
||
|
||
// 处理显示的成员（最多显示8个）
|
||
const displayMembers = members.slice(0, 8);
|
||
|
||
// 处理公告时间
|
||
let announcementTimeText = '';
|
||
if (groupInfo.announcementTime) {
|
||
const date = new Date(groupInfo.announcementTime);
|
||
announcementTimeText = this.formatDateTime(date);
|
||
}
|
||
|
||
this.setData({
|
||
groupInfo: groupInfo,
|
||
memberCount: members.length,
|
||
displayMembers: displayMembers,
|
||
userRole: userRole,
|
||
isOwner: isOwner,
|
||
isOwnerOrAdmin: isOwnerOrAdmin,
|
||
canInviteMembers: canInviteMembers,
|
||
announcementTimeText: announcementTimeText,
|
||
loading: false
|
||
});
|
||
|
||
// 加载群设置
|
||
this.loadGroupSettings();
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 加载群信息失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '加载群信息失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 加载群设置
|
||
async loadGroupSettings() {
|
||
try {
|
||
// 从本地存储获取群设置
|
||
const settings = wx.getStorageSync(`groupSettings_${this.data.groupId}`) || {};
|
||
|
||
this.setData({
|
||
groupSettings: {
|
||
muteNotifications: settings.muteNotifications || false,
|
||
pinned: settings.pinned || false,
|
||
saveToContacts: settings.saveToContacts !== false
|
||
}
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('❌ 加载群设置失败:', error);
|
||
}
|
||
},
|
||
|
||
// 👥 ===== 群信息编辑 =====
|
||
|
||
// 编辑群头像
|
||
editGroupAvatar() {
|
||
if (!this.data.isOwnerOrAdmin) {
|
||
wx.showToast({
|
||
title: '没有修改权限',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
wx.chooseImage({
|
||
count: 1,
|
||
sizeType: ['compressed'],
|
||
sourceType: ['album', 'camera'],
|
||
success: (res) => {
|
||
const tempFilePath = res.tempFilePaths[0];
|
||
this.updateGroupAvatar(tempFilePath);
|
||
},
|
||
fail: (error) => {
|
||
console.error('❌ 选择头像失败:', error);
|
||
wx.showToast({
|
||
title: '选择头像失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
|
||
// 更新群头像
|
||
async updateGroupAvatar(avatarPath) {
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '更新头像中...'
|
||
});
|
||
|
||
// 上传头像
|
||
const uploadResult = await this.uploadImage(avatarPath);
|
||
|
||
if (!uploadResult.success) {
|
||
throw new Error('头像上传失败');
|
||
}
|
||
|
||
// 更新群信息
|
||
const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
|
||
avatar: uploadResult.url
|
||
});
|
||
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
if (result.success) {
|
||
// 更新本地数据
|
||
this.setData({
|
||
'groupInfo.avatar': uploadResult.url
|
||
});
|
||
|
||
wx.showToast({
|
||
title: '头像更新成功',
|
||
icon: 'success'
|
||
});
|
||
} else {
|
||
throw new Error(result.error || '头像更新失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 更新群头像失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '头像更新失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 编辑群名称
|
||
editGroupName() {
|
||
if (!this.data.isOwnerOrAdmin) {
|
||
wx.showToast({
|
||
title: '没有修改权限',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
this.setData({
|
||
editGroupName: this.data.groupInfo.name || '',
|
||
showEditNameModal: true
|
||
});
|
||
},
|
||
|
||
// 群名称输入
|
||
onEditGroupNameInput(e) {
|
||
this.setData({
|
||
editGroupName: e.detail.value
|
||
});
|
||
},
|
||
|
||
// 确认修改群名称
|
||
async confirmEditGroupName() {
|
||
const newName = this.data.editGroupName.trim();
|
||
|
||
if (!newName) {
|
||
wx.showToast({
|
||
title: '群名称不能为空',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
if (newName === this.data.groupInfo.name) {
|
||
this.closeEditNameModal();
|
||
return;
|
||
}
|
||
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '更新群名称中...'
|
||
});
|
||
|
||
const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
|
||
name: newName
|
||
});
|
||
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
if (result.success) {
|
||
// 更新本地数据
|
||
this.setData({
|
||
'groupInfo.name': newName
|
||
});
|
||
|
||
this.closeEditNameModal();
|
||
|
||
wx.showToast({
|
||
title: '群名称更新成功',
|
||
icon: 'success'
|
||
});
|
||
} else {
|
||
throw new Error(result.error || '群名称更新失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 更新群名称失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '群名称更新失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 关闭编辑群名称弹窗
|
||
closeEditNameModal() {
|
||
this.setData({
|
||
showEditNameModal: false,
|
||
editGroupName: ''
|
||
});
|
||
},
|
||
|
||
// 编辑群描述
|
||
editGroupDescription() {
|
||
if (!this.data.isOwnerOrAdmin) {
|
||
wx.showToast({
|
||
title: '没有修改权限',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
this.setData({
|
||
editGroupDescription: this.data.groupInfo.description || '',
|
||
showEditDescModal: true
|
||
});
|
||
},
|
||
|
||
// 群描述输入
|
||
onEditGroupDescInput(e) {
|
||
this.setData({
|
||
editGroupDescription: e.detail.value
|
||
});
|
||
},
|
||
|
||
// 确认修改群描述
|
||
async confirmEditGroupDescription() {
|
||
const newDescription = this.data.editGroupDescription.trim();
|
||
|
||
if (newDescription === this.data.groupInfo.description) {
|
||
this.closeEditDescModal();
|
||
return;
|
||
}
|
||
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '更新群描述中...'
|
||
});
|
||
|
||
const result = await groupChatManager.updateGroupInfo(this.data.groupId, {
|
||
description: newDescription
|
||
});
|
||
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
if (result.success) {
|
||
// 更新本地数据
|
||
this.setData({
|
||
'groupInfo.description': newDescription
|
||
});
|
||
|
||
this.closeEditDescModal();
|
||
|
||
wx.showToast({
|
||
title: '群描述更新成功',
|
||
icon: 'success'
|
||
});
|
||
} else {
|
||
throw new Error(result.error || '群描述更新失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 更新群描述失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '群描述更新失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 关闭编辑群描述弹窗
|
||
closeEditDescModal() {
|
||
this.setData({
|
||
showEditDescModal: false,
|
||
editGroupDescription: ''
|
||
});
|
||
},
|
||
|
||
// 编辑群公告
|
||
editGroupAnnouncement() {
|
||
if (!this.data.isOwnerOrAdmin) {
|
||
wx.showToast({
|
||
title: '没有发布权限',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 跳转到群公告编辑页面
|
||
wx.navigateTo({
|
||
url: `/subpackages/group/group-announcement/group-announcement?groupId=${this.data.groupId}&mode=edit`
|
||
});
|
||
},
|
||
|
||
// 🔧 ===== 工具方法 =====
|
||
|
||
// 格式化日期时间
|
||
formatDateTime(date) {
|
||
const now = new Date();
|
||
const diff = now.getTime() - date.getTime();
|
||
|
||
if (diff < 60000) { // 1分钟内
|
||
return '刚刚';
|
||
} else if (diff < 3600000) { // 1小时内
|
||
return `${Math.floor(diff / 60000)}分钟前`;
|
||
} else if (diff < 86400000) { // 1天内
|
||
return `${Math.floor(diff / 3600000)}小时前`;
|
||
} else if (diff < 604800000) { // 1周内
|
||
return `${Math.floor(diff / 86400000)}天前`;
|
||
} else {
|
||
return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
|
||
}
|
||
},
|
||
|
||
// 上传图片
|
||
async uploadImage(filePath) {
|
||
return new Promise((resolve, reject) => {
|
||
wx.uploadFile({
|
||
url: `${app.globalData.apiBaseUrl}/api/v1/upload/image`,
|
||
filePath: filePath,
|
||
name: 'file',
|
||
header: {
|
||
'Authorization': `Bearer ${wx.getStorageSync('token')}`
|
||
},
|
||
success: (res) => {
|
||
try {
|
||
const data = JSON.parse(res.data);
|
||
if (data.success) {
|
||
resolve({ success: true, url: data.data.url });
|
||
} else {
|
||
reject(new Error(data.error || '上传失败'));
|
||
}
|
||
} catch (error) {
|
||
reject(new Error('上传响应解析失败'));
|
||
}
|
||
},
|
||
fail: (error) => {
|
||
reject(error);
|
||
}
|
||
});
|
||
});
|
||
},
|
||
|
||
// 👤 ===== 成员管理 =====
|
||
|
||
// 邀请成员
|
||
inviteMembers() {
|
||
if (!this.data.canInviteMembers) {
|
||
wx.showToast({
|
||
title: '没有邀请权限',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 跳转到邀请成员页面
|
||
wx.navigateTo({
|
||
url: `/subpackages/group/create-group-chat/create-group-chat?groupId=${this.data.groupId}`
|
||
});
|
||
},
|
||
|
||
// 查看所有成员
|
||
viewAllMembers() {
|
||
|
||
// 跳转到群成员列表页面
|
||
wx.navigateTo({
|
||
url: `/subpackages/group/group-members/group-members?groupId=${this.data.groupId}`
|
||
});
|
||
},
|
||
|
||
// 查看成员资料
|
||
viewMemberProfile(e) {
|
||
const userId = e.currentTarget.dataset.userId;
|
||
|
||
if (userId === this.data.currentUserId) {
|
||
// 查看自己的资料
|
||
wx.navigateTo({
|
||
url: '/subpackages/profile/profile/profile'
|
||
});
|
||
} else {
|
||
// 查看其他成员资料
|
||
wx.navigateTo({
|
||
url: `/subpackages/social/user-detail/user-detail?customId=${userId}`
|
||
});
|
||
}
|
||
},
|
||
|
||
// 📋 ===== 群功能 =====
|
||
|
||
// 搜索聊天记录
|
||
searchChatHistory() {
|
||
wx.showToast({
|
||
title: '搜索功能开发中',
|
||
icon: 'none'
|
||
});
|
||
// TODO: 集成 NIM SDK 的消息搜索功能
|
||
// wx.navigateTo({
|
||
// url: `/subpackages/search/global-search/global-search?conversationId=${this.data.groupId}&conversationName=${encodeURIComponent(this.data.groupInfo.name || '群聊')}`
|
||
// });
|
||
},
|
||
|
||
// 查看群文件
|
||
viewGroupFiles() {
|
||
|
||
wx.showToast({
|
||
title: '群文件功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 查看群相册
|
||
viewGroupPhotos() {
|
||
|
||
wx.showToast({
|
||
title: '群相册功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 显示群二维码
|
||
showGroupQRCode() {
|
||
|
||
this.setData({
|
||
showQRCodeModal: true
|
||
});
|
||
|
||
// 生成二维码
|
||
this.generateGroupQRCode();
|
||
},
|
||
|
||
// 生成群二维码
|
||
generateGroupQRCode() {
|
||
try {
|
||
// 构建二维码数据
|
||
const qrData = JSON.stringify({
|
||
type: 'group',
|
||
groupId: this.data.groupId,
|
||
groupName: this.data.groupInfo.name
|
||
});
|
||
|
||
// 这里应该使用二维码生成库，暂时用canvas模拟
|
||
const ctx = wx.createCanvasContext('groupQRCode', this);
|
||
|
||
// 绘制二维码背景
|
||
ctx.setFillStyle('#FFFFFF');
|
||
ctx.fillRect(0, 0, this.data.qrCodeSize, this.data.qrCodeSize);
|
||
|
||
// 绘制二维码内容（这里简化处理）
|
||
ctx.setFillStyle('#000000');
|
||
ctx.setTextAlign('center');
|
||
ctx.setFontSize(16);
|
||
ctx.fillText('群聊二维码', this.data.qrCodeSize / 2, this.data.qrCodeSize / 2);
|
||
ctx.fillText(this.data.groupInfo.name, this.data.qrCodeSize / 2, this.data.qrCodeSize / 2 + 30);
|
||
|
||
ctx.draw();
|
||
|
||
} catch (error) {
|
||
console.error('❌ 生成二维码失败:', error);
|
||
}
|
||
},
|
||
|
||
// 关闭二维码弹窗
|
||
closeQRCodeModal() {
|
||
this.setData({
|
||
showQRCodeModal: false
|
||
});
|
||
},
|
||
|
||
// 保存二维码到相册
|
||
saveQRCodeToAlbum() {
|
||
|
||
wx.canvasToTempFilePath({
|
||
canvasId: 'groupQRCode',
|
||
success: (res) => {
|
||
wx.saveImageToPhotosAlbum({
|
||
filePath: res.tempFilePath,
|
||
success: () => {
|
||
wx.showToast({
|
||
title: '保存成功',
|
||
icon: 'success'
|
||
});
|
||
},
|
||
fail: (error) => {
|
||
console.error('❌ 保存失败:', error);
|
||
wx.showToast({
|
||
title: '保存失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
fail: (error) => {
|
||
console.error('❌ 生成图片失败:', error);
|
||
wx.showToast({
|
||
title: '生成图片失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
}, this);
|
||
},
|
||
|
||
// 分享二维码
|
||
shareQRCode() {
|
||
|
||
wx.canvasToTempFilePath({
|
||
canvasId: 'groupQRCode',
|
||
success: (res) => {
|
||
wx.showShareImageMenu({
|
||
path: res.tempFilePath,
|
||
success: () => {
|
||
|
||
},
|
||
fail: (error) => {
|
||
console.error('❌ 分享失败:', error);
|
||
wx.showToast({
|
||
title: '分享失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
});
|
||
},
|
||
fail: (error) => {
|
||
console.error('❌ 生成图片失败:', error);
|
||
wx.showToast({
|
||
title: '生成图片失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
}, this);
|
||
},
|
||
|
||
// ⚙️ ===== 群设置 =====
|
||
|
||
// 消息免打扰设置变化
|
||
onMuteNotificationsChange(e) {
|
||
const checked = e.detail.value;
|
||
|
||
this.setData({
|
||
'groupSettings.muteNotifications': checked
|
||
});
|
||
|
||
this.saveGroupSettings();
|
||
},
|
||
|
||
// 置顶聊天设置变化
|
||
onPinnedChange(e) {
|
||
const checked = e.detail.value;
|
||
|
||
this.setData({
|
||
'groupSettings.pinned': checked
|
||
});
|
||
|
||
this.saveGroupSettings();
|
||
},
|
||
|
||
// 保存到通讯录设置变化
|
||
onSaveToContactsChange(e) {
|
||
const checked = e.detail.value;
|
||
|
||
this.setData({
|
||
'groupSettings.saveToContacts': checked
|
||
});
|
||
|
||
this.saveGroupSettings();
|
||
},
|
||
|
||
// 保存群设置
|
||
saveGroupSettings() {
|
||
try {
|
||
wx.setStorageSync(`groupSettings_${this.data.groupId}`, this.data.groupSettings);
|
||
|
||
} catch (error) {
|
||
console.error('❌ 保存群设置失败:', error);
|
||
}
|
||
},
|
||
|
||
// 打开群设置
|
||
openGroupSettings() {
|
||
|
||
// 跳转到群设置页面
|
||
wx.navigateTo({
|
||
url: `/subpackages/group/group-info/group-info?groupId=${this.data.groupId}`
|
||
});
|
||
},
|
||
|
||
// 📱 ===== 操作功能 =====
|
||
|
||
// 发消息
|
||
sendMessage() {
|
||
|
||
// 跳转到群聊页面
|
||
wx.navigateTo({
|
||
url: `/pages/message/chat/chat?chatType=1&targetId=${this.data.groupId}&chatName=${encodeURIComponent(this.data.groupInfo.name || '群聊')}`
|
||
});
|
||
},
|
||
|
||
// 显示退出群聊选项
|
||
showLeaveGroupOptions() {
|
||
|
||
if (this.data.isOwner) {
|
||
// 群主显示解散群聊选项
|
||
wx.showModal({
|
||
title: '解散群聊',
|
||
content: '解散后，所有成员将被移出群聊，且聊天记录将被清空。确定要解散群聊吗？',
|
||
confirmText: '解散',
|
||
confirmColor: '#FF3B30',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.dissolveGroup();
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
// 普通成员显示退出群聊选项
|
||
wx.showModal({
|
||
title: '退出群聊',
|
||
content: '退出后，将不再接收此群聊消息。确定要退出群聊吗？',
|
||
confirmText: '退出',
|
||
confirmColor: '#FF3B30',
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
this.leaveGroup();
|
||
}
|
||
}
|
||
});
|
||
}
|
||
},
|
||
|
||
// 解散群聊
|
||
async dissolveGroup() {
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '解散群聊中...'
|
||
});
|
||
|
||
const result = await groupChatManager.dissolveGroup(this.data.groupId);
|
||
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
if (result.success) {
|
||
wx.showToast({
|
||
title: '群聊已解散',
|
||
icon: 'success'
|
||
});
|
||
|
||
// 返回消息列表
|
||
setTimeout(() => {
|
||
wx.navigateBack({
|
||
delta: 2
|
||
});
|
||
}, 1500);
|
||
} else {
|
||
throw new Error(result.error || '解散群聊失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 解散群聊失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '解散群聊失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 退出群聊
|
||
async leaveGroup() {
|
||
try {
|
||
this.setData({
|
||
loading: true,
|
||
loadingText: '退出群聊中...'
|
||
});
|
||
|
||
const result = await groupChatManager.leaveGroup(this.data.groupId);
|
||
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
if (result.success) {
|
||
wx.showToast({
|
||
title: '已退出群聊',
|
||
icon: 'success'
|
||
});
|
||
|
||
// 返回消息列表
|
||
setTimeout(() => {
|
||
wx.navigateBack({
|
||
delta: 2
|
||
});
|
||
}, 1500);
|
||
} else {
|
||
throw new Error(result.error || '退出群聊失败');
|
||
}
|
||
|
||
} catch (error) {
|
||
this.setData({
|
||
loading: false
|
||
});
|
||
|
||
console.error('❌ 退出群聊失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '退出群聊失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 显示更多菜单
|
||
showMoreMenu() {
|
||
|
||
const itemList = [];
|
||
|
||
if (this.data.isOwnerOrAdmin) {
|
||
itemList.push('群管理');
|
||
}
|
||
|
||
itemList.push('举报群聊');
|
||
|
||
wx.showActionSheet({
|
||
itemList: itemList,
|
||
success: (res) => {
|
||
switch (res.tapIndex) {
|
||
case 0:
|
||
if (this.data.isOwnerOrAdmin) {
|
||
this.openGroupManagement();
|
||
} else {
|
||
this.reportGroup();
|
||
}
|
||
break;
|
||
case 1:
|
||
this.reportGroup();
|
||
break;
|
||
default:
|
||
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 打开群管理
|
||
openGroupManagement() {
|
||
|
||
// 跳转到群管理页面
|
||
wx.navigateTo({
|
||
url: `/subpackages/group/group-info/group-info?groupId=${this.data.groupId}&tab=management`
|
||
});
|
||
},
|
||
|
||
// 举报群聊
|
||
reportGroup() {
|
||
|
||
wx.showToast({
|
||
title: '举报功能开发中',
|
||
icon: 'none'
|
||
});
|
||
},
|
||
|
||
// 阻止事件冒泡
|
||
stopPropagation() {
|
||
// 阻止点击事件冒泡
|
||
},
|
||
|
||
// 🧭 ===== 页面导航 =====
|
||
|
||
// 返回上一页
|
||
goBack() {
|
||
wx.navigateBack();
|
||
},
|
||
|
||
// 设置tabBar选中状态
|
||
onShow() {
|
||
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
|
||
this.getTabBar().setData({
|
||
selected: 0
|
||
});
|
||
}
|
||
}
|
||
});
|
||
|