加入群成员列表功能

This commit is contained in:
liuwei
2025-04-08 15:15:28 +08:00
parent e33e0e5263
commit 2382f0ade3

View File

@@ -376,6 +376,24 @@
(this.currentPage - 1) * this.pageSize,
this.currentPage * this.pageSize
);
},
// 添加群成员过滤计算属性
filteredGroupMembers() {
const query = this.groupMemberSearchQuery.toLowerCase();
if (!query) {
return this.groupMembersList.slice(
(this.groupMembersCurrentPage - 1) * this.groupMembersPageSize,
this.groupMembersCurrentPage * this.groupMembersPageSize
);
}
return this.groupMembersList.filter(member =>
member.wxid.toLowerCase().includes(query) ||
(member.name && member.name.toLowerCase().includes(query))
).slice(
(this.groupMembersCurrentPage - 1) * this.groupMembersPageSize,
this.groupMembersCurrentPage * this.groupMembersPageSize
);
}
},
mounted() {
@@ -502,10 +520,16 @@
.then(response => {
if (response.data.success) {
const members = response.data.data.members;
console.log('获取到的群成员数据:', members); // 添加调试日志
this.groupMembersList = Object.entries(members).map(([wxid, name]) => ({
wxid,
name
name: name || wxid // 确保name不为空
}));
console.log('处理后的群成员列表:', this.groupMembersList); // 添加调试日志
} else {
console.error('获取群成员失败:', response.data.error);
this.$message.error('获取群成员失败');
}
})
.catch(error => {