发送消息的回执请求完善

pages/im/components/sent/sentPopups.vue

@@ -133,6 +133,7 @@
                     case 'location':
                         uni.chooseLocation({
                             success: (location) => {
+                                console.log(location);
                                 im.sentLocation(this.conversationType, this.targetId, location).then(() => {
                                     this.success()
                                 })

pages/im/components/show/showLocation.vue

@@ -5,9 +5,11 @@
         <view class="">
             <view class="name" v-if="isGroup && isRemote">{{ contact(message.senderUserId).name }}</view>
             <view class="location" :class="isRemote ? 'left': 'right'" @click="showLocation">
-                {{ content.customFields.name }}
+                <view class="location--name">
-                {{ content.customFields.thumbnail }}
+                    {{ content.customFields.name }}
-                <!-- 缩略图，在考虑是否要通过截图后自动截屏来操作 -->
+                    {{ content.customFields.address }}
+                </view>
+                <image class="map" :src="content.customFields.thumbnail" />
             </view>
         </view>
     </view>
@@ -48,8 +50,16 @@
         },
         methods: {
             showLocation() {
-                console.log(this.content.customFields.longitude, this.content.customFields.latitude)
+                uni.openLocation({
-
+                    latitude: Number(this.content.customFields.latitude),
+                    longitude: Number(this.content.customFields.longitude),
+                    fail: (err) => {
+                        uni.showToast({
+                            icon: 'none',
+                            title: '打开地图失败'
+                        })
+                    }
+                })
             }
         }
     }
@@ -66,20 +76,27 @@
         }
 
         .location {
-            .image {
+            position: relative;
-                width: 180rpx;
+            width: 400rpx;
+            background: #FFFFFF;
+            padding: 10rpx;
+
+            .location--name {
+                overflow: hidden;
+                word-break: break-all;
+            }
+
+            .map {
+                width: 400rpx;
+                height: 200rpx;
             }
 
             &.left {
-                .image {
+                border-radius: 0 10rpx 10rpx 10rpx;
-                    border-radius: 0 10rpx 10rpx 10rpx;
-                }
             }
 
             &.right {
-                .image {
+                border-radius: 10rpx 0 10rpx 10rpx;
-                    border-radius: 10rpx 0 10rpx 10rpx;
-                }
             }
         }
     }

utils/im/message.js

@@ -137,12 +137,17 @@ const sentVoice = (conversationType, targetId, voiceUrl, time) => {
         }
         RongIMLib.sendMediaMessage(msg, {
             success: (messageId) => {
-                resolve(messageId);
+                if (conversationType == 3) {
+                    RongIMLib.sendReadReceiptRequest(messageId, (res) => {
+                        console.log('发送回执请求', res);
+                    })
+                }
+                resolve(messageId)
             },
             progress: (progress, messageId) => {},
             cancel: (messageId) => {},
             error: (errorCode, messageId) => {
-                reject(errorCode);
+                reject(errorCode)
             }
         })
     })
@@ -165,6 +170,11 @@ const sentImage = (conversationType, targetId, imageUrl) => {
                 }
                 RongIMLib.sendMediaMessage(msg, {
                     success: (messageId) => {
+                        if (conversationType == 3) {
+                            RongIMLib.sendReadReceiptRequest(messageId, (res) => {
+                                console.log('发送回执请求', res);
+                            })
+                        }
                         resolve(messageId)
                     },
                     progress: (progress, messageId) => {},
@@ -190,10 +200,13 @@ const sentFile = (conversationType, targetId, fileUrl) => {
             }
         }
 
-        console.log('发送文件', msg);
-
         RongIMLib.sendMediaMessage(msg, {
             success: (messageId) => {
+                if (conversationType == 3) {
+                    RongIMLib.sendReadReceiptRequest(messageId, (res) => {
+                        console.log('发送回执请求', res);
+                    })
+                }
                 resolve(messageId)
             },
             progress: (progress, messageId) => {},
@@ -217,6 +230,7 @@ const sentLocation = (conversationType, targetId, location) => {
                 objectName: 'RC:LBSMsg',
                 customFields: {
                     name: location.name,
+                    address: location.address,
                     latitude: Number(location.latitude),
                     longitude: Number(location.longitude),
                     thumbnail: ''