ljydlv
/
video_ca
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

群成员管理，同意加入群功能

This commit is contained in:
junleea 2024-10-07 17:20:19 +08:00
parent b795f89b86
commit 4f735d82f7
3 changed files with 120 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/api/chat.js
View File

@ -29,6 +29,22 @@ export const getGroupFriendListService = (data) => {
}
);
}
export const getGroupUsersListService = (data) => {
const params = new URLSearchParams();
for (let d in data) {
params.append(d, data[d]);
}
// request.headers["Content-Type"] = "application/json";
request.defaults.headers["token"] = data.token.value;
return request.post('/im/get_group_users_info', params, {
headers: {
'token': data.token, // 将 token <20><>换为您的令牌值
}
}
);
}
export const getMessageService = (data) => {
const params = new URLSearchParams();
for (let d in data) {

108
src/views/Group.vue
View File

@ -7,8 +7,10 @@ import { addDeviceService } from "@/api/device.js";
import {sendMessageService } from "@/api/chat.js";
import {getGroupFriendListService } from "@/api/chat.js";
import {acceptInviteService } from "@/api/user.js";
import { rejectInviteService } from "@/api/user.js";
import { deleteDeviceService } from "@/api/device.js";
import { getFriendListService } from "@/api/chat.js";
import { getGroupUsersListService } from "@/api/chat.js";
import { addGroupService} from "@/api/chat.js";
import {DelFGService} from "@/api/user.js";
import { updateDeviceService } from "@/api/device.js";
@ -22,6 +24,7 @@ export default {
FriendsTableIsDisplay:false,
tableData: [],
group_id:0,
is_del_group_user:false,
GroupRequestIsDisplay : false,
GroupRequestList:[],
tokenData: {
@ -112,6 +115,7 @@ export default {
this.FriendsGList = result.data.friends;
this.GroupList=result.data.groups;
this.FriendsTableIsDisplay = true;
this.is_del_group_user=false;
}else{
ElMessage.error("获取好友列表失败");
}
@ -119,6 +123,27 @@ export default {
console.log(e);
}
},
async displayGroupUsersInfo(index){
this.group_id = this.tableData[index].ID;
let result ={}
try{
let req={
token: this.tokenData.token,
group_id: this.group_id,
}
result = await getGroupUsersListService(req);
if(result.code ===0){
this.FriendsGList = result.data;
this.FriendsTableIsDisplay = true;
this.is_del_group_user=true;
}else{
ElMessage.error("获取群用户列表失败");
}
}catch(e){
console.log(e);
}
},
//邀请好友加入群组
async inviteUser(index) {
@ -236,6 +261,33 @@ export default {
console.log(e);
}
},
async delGroupUser(index){
var id = this.FriendsGList[index].id;
let req={
token: localStorage.getItem("token"),
from_user_id: localStorage.getItem("userId"),
to_user_id: id,
group_id: this.group_id,
msg: "踢出群聊",
type: 4,
}
if (id === parseInt(req.userId)){
ElMessage.error("不能删除自己，若自己要退出，请解散群聊！")
return
}
try {
var d_re = await DelFGService(req);
if (d_re.code == 0) {
//alert("邀请成功");
ElMessage.success("删除成功");
} else {
//alert("操作失败");
ElMessage.error("操作失败:"+d_re.error);
}
} catch (e) {
console.log(e);
}
},
async getIpClient() {
try {
const response = await axios.get("https://ipinfo.io/json");
@ -249,7 +301,11 @@ export default {
async displayGroupReq(){
let result ={}
try{
result =await getGroupFriendListService(this.tokenData)
let req={
token:this.tokenData.token,
type:1
}
result =await getGroupFriendListService(req)
if(result.code ===0){
this.GroupRequestList = result.data;
this.GroupRequestIsDisplay = true;
@ -295,9 +351,35 @@ export default {
id: im_id,
from_user_id: localStorage.getItem("userId"),
to_user_id: id,
group_id: this.GroupRequestList[index].group_id,
msg: "接受加入群组请求",
index: 1,
type: 4,
type: 2,
});
if(result.code ===0){
ElMessage.success("接受请求成功");
this.displayGroupReq();
}else{
ElMessage.error("接受请求失败");
}
}catch(e){
console.log(e);
}
},
async RefuseFriendsOrGroup(index){
var id = this.GroupRequestList[index].id;
var im_id = this.GroupRequestList[index].im_id;
let result ={}
try{
result =await rejectInviteService({
token: localStorage.getItem("token"),
id: im_id,
from_user_id: localStorage.getItem("userId"),
to_user_id: id,
group_id: this.GroupRequestList[index].group_id,
msg: "接受加入群组请求",
index: 1,
type: 2,
});
if(result.code ===0){
ElMessage.success("接受请求成功");
@ -480,7 +562,7 @@ export default {
</el-form>
<el-dialog
title="用户好友"
title="成员列表"
width="40%"
v-model="FriendsTableIsDisplay"
center>
@ -503,8 +585,16 @@ export default {
type="primary"
size="mini"
@click.prevent="inviteFriendAddGroup(scope.$index)"
v-if="is_del_group_user === false"
>邀请</el-button
>
<el-button
type="primary"
size="mini"
@click.prevent="delGroupUser(scope.$index)"
v-if="is_del_group_user === true"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
@ -529,9 +619,9 @@ export default {
width="180"
></el-table-column>
<el-table-column
prop="age"
label="用户Age"
width="120"
prop="group_id"
label="群id"
width="180"
></el-table-column>
<el-table-column>
<template #default="scope">
@ -591,6 +681,12 @@ export default {
@click.prevent="displayFriends(scope.$index)"
>邀请</el-button
>
<el-button
type="primary"
size="mini"
@click.prevent="displayGroupUsersInfo(scope.$index)"
>成员管理</el-button
>
<el-button
type="primary"
size="mini"

4
src/views/UserList.vue
View File

@ -179,7 +179,7 @@ export default {
to_user_id: id,
msg: "接受好友请求",
index: 1,
type: 4,
type: 1,
});
if(result.code ===0){
ElMessage.success("接受好友请求成功");
@ -224,7 +224,7 @@ export default {
to_user_id: id,
msg: "拒绝好友请求",
index: 1,
type: 4,
type: 1,
});
if(result.code ===0){
ElMessage.success("拒绝请求成功");