This commit is contained in:
2022-02-17 13:04:20 +08:00
11 changed files with 132 additions and 76 deletions

View File

@@ -2,7 +2,10 @@
<view class="group--chat">
<list class="body" :show-scrollbar="false">
<cell class="cell" v-for="(item, index) in messages" :key="index">
<view class="cell-item" :class="item.messageDirection == 1 ? 'right' : 'left'">
<view class="cell-system" v-if="item.senderUserId === '__system__'">
<text class="text">{{ item.content.message }}</text>
</view>
<view v-else :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
<u-avatar class="avatar" @click="toUser(item)" size="36" shape="square"
:src="contact(item.senderUserId).portraitUrl" />
<view class="msg">
@@ -25,6 +28,9 @@
import {
timeCustomCN
} from '@/utils/filters.js'
import {
getGroupBase
} from '@/apis/interfaces/im.js'
import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
import im from '@/utils/im/index.js'
import showVoice from '../components/showVoice'
@@ -73,12 +79,21 @@
uni.setNavigationBarTitle({
title: this.groupInfo.name
})
// 获取群成员数量
getGroupBase(this.targetId).then(res => {
uni.setNavigationBarTitle({
title: this.groupInfo.name + `(${res.members})`
})
})
// 获取历史消息列表
this.getMessageList()
// 监听收到本群的消息,追加消息
uni.$on('onReceiveMessage', (msg) => {
if (msg.targetId == this.targetId) {
this.getNewMessage()
}
})
// 清理聊天记录
uni.$once('cleanGroupMessage', this.getMessageList)
},
onNavigationBarButtonTap() {
@@ -87,6 +102,7 @@
})
},
methods: {
// 转到好友资料页面
toUser(item) {
if (item.senderUserId == '__system__') {
return
@@ -106,9 +122,9 @@
this.conversationType,
this.targetId,
this.latestMessage.sentTime,
1,
10,
false,
(messages) => {
(messages) => {
this.messages = this.messages.concat(messages)
this.scrollBottom()
})
@@ -122,7 +138,8 @@
100,
true,
(messages) => {
this.messages = messages.reverse()
console.log(messages);
this.messages = messages.reverse()
this.scrollBottom()
})
},
@@ -161,6 +178,15 @@
.cell {
padding: 10rpx 30rpx;
.cell-system {
align-items: center;
.text {
font-size: 24rpx;
color: $text-gray-m;
}
}
.cell-item {
width: 690rpx;
justify-content: flex-start;

View File

@@ -64,13 +64,14 @@
uni.showToast({
title: '创建成功'
})
this.initData()
this.onHideModal()
}).catch(err => {
uni.showToast({
icon: 'none',
title: err
title: err.message
})
}).finally(() => {
this.initData()
this.onHideModal()
})
},
toGroup(targetId) {

View File

@@ -273,6 +273,7 @@
success: (res) => {
if (res.confirm) {
dismissGroup(this.targetId).then(res => {
console.log('解散群', res);
uni.showToast({
icon: 'none',
title: '解散成功'