群聊消息回执的部分测试

pages/im/group/chat.vue

@@ -89,14 +89,25 @@
                     this.getNewMessage()
                 }
             })
-            uni.$on('onReceiptRequested', (msg) => {
+            uni.$on('onReceiptRequest', (msg) => {
                 if (msg.targetId == this.targetId) {
-                    console.log('群聊消息是否已读', msg);
+                    RongIMLib.getMessageByUId(msg.messageUId, (result) => {
+                        RongIMLib.sendReadReceiptResponse(3, this.targetId, [result.message], (res) => {
+                            console.error('发送群聊已读回执成功', res);
+                        })
+                    })
                 }
             })
+            uni.$on('onReceiptResponse', (msg) => {
+                console.log('远端消息已读，本地获取有几个人读了', msg);
+            })
             // 清理聊天记录
             uni.$once('cleanGroupMessage', this.getMessageList)
         },
+        onUnload() {
+            uni.$off('onReceiptRequest')
+            uni.$off('onReceiptResponse')
+        },
         onNavigationBarButtonTap() {
             uni.navigateTo({
                 url: '/pages/im/group/info?targetId=' + this.targetId
@@ -138,30 +149,13 @@
                     20,
                     true,
                     (messages) => {
+                        RongIMLib.sendReadReceiptResponse(3, this.targetId, messages, (res) => {
+                            console.error('发送群聊已读回执成功', res);
+                        })
                         this.messages = messages
                         this.scrollBottom()
                     })
             },
-            // 发送已读回执
-            sendReadReceiptResponse(messages) {
-                const msgs = messages.map((item) => {
-                    if (item.receivedStatus == 0) {
-                        return {
-                            conversationType: 3,
-                            targetId: this.targetId,
-                            messageId: item.messageId,
-                            messageDirection: item.messageDirection,
-                            objectName: item.objectName
-                        }
-                    }
-                }).filter(Boolean)
-                if (msgs.length) {
-                    console.error('发送群聊已读回执', msgs);
-                    RongIMLib.sendReadReceiptResponse(3, this.targetId, msgs, (res) => {
-                        console.error('发送群聊已读回执成功', res);
-                    })
-                }
-            },
             // 滚动到底部
             scrollBottom(type) {
                 if (this.latestMessage) {

utils/im/listeners.js

@@ -101,11 +101,11 @@ const imLibListeners = () => {
         data
     }) => {
         console.error('onReceiptRequested', data);
-        uni.$emit('onReceiptRequested', data)
+        uni.$emit('onReceiptRequest', data)
     })
     // 群消息已读的回执
     IMLib.addReceiptResponseListener((res) => {
-        console.error('addReceiptResponseListener', res);
+        console.error('onReceiptResponse', res);
     })
 }