群头像修改时不同步的问题

pages/im/components/groupUserList.vue

@@ -3,13 +3,14 @@
         <view class="users">
             <view :class="['user', {'active': item.targetId == currentUser.targetId}]" @longpress="showAction(item)"
                 v-for="(item, index) in users" :key="index" @click="toUser(item)">
-                <u-avatar size="44" shape="square" :src="item.portraitUrl"></u-avatar>
+                <u-avatar :size="avatarSize" shape="square" :src="item.portraitUrl"></u-avatar>
                 <view class="name">{{ item.name }}</view>
                 <view class="admin" v-if="item.is_admin">管理</view>
                 <view class="owner" v-if="item.targetId === adminUid">群主</view>
             </view>
             <view class="user" v-if="isAdmin">
-                <u-avatar @click="inviteUser" size="44" shape="square" icon="plus" bg-color="#eeeeee" color="#999999">
+                <u-avatar @click="inviteUser" size="126rpx" shape="square" icon="plus" bg-color="#eeeeee"
+                    color="#999999">
                 </u-avatar>
                 <view class="name">邀请好友</view>
             </view>
@@ -55,9 +56,14 @@
                 actionShow: false,
                 actionMap: [],
                 actionTitle: '',
-                currentUser: {}
+                currentUser: {},
+                avatarSize: 40
             }
         },
+        created() {
+            this.avatarSize = 126 / 750 * wx.getSystemInfoSync().windowWidth
+            console.log(this.avatarSize)
+        },
         mounted() {
             this.initGroupInfo()
             this.initUsers()
@@ -79,8 +85,6 @@
             },
             hideAction(item) {
                 this.actionShow = false
-                this.actionTitle = ''
-                this.currentUser = {}
             },
             showAction(item) {
                 this.currentUser = item
@@ -180,6 +184,7 @@
                             content: '这个操作不可逆转，确定要转让群主身份么？',
                             success: (res) => {
                                 if (res.confirm) {
+                                    console.log(this.targetId, this.currentUser.targetId);
                                     transferGroupOwner(this.targetId, this.currentUser.targetId).then(
                                         res => {
                                             uni.showToast({

pages/im/group/chat.nvue

@@ -5,7 +5,6 @@
                 <view class="cell-item" :class="item.messageDirection == 1 ? 'right' : 'left'">
                     <u-avatar class="avatar" @click="toUser(item)" size="36" shape="square"
                         :src="contact(item.senderUserId).portraitUrl" />
-                        <!-- item.content.userInfo.portraitUrl -->
                     <view class="msg">
                         <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
                             :msg="item.content" :name="contact(item.senderUserId).name" />
@@ -54,7 +53,7 @@
         },
         computed: {
             latestMessage() {
-                if (this.messages.length > 1) {
+                if (this.messages.length) {
                     return this.messages[this.messages.length - 1]
                 } else {
                     return {

pages/im/group/info.vue

@@ -17,8 +17,8 @@
 
         <u-cell-group class="cells" v-if="group.is_admin">
             <u-cell isLink title="修改群聊名称" :value="groupName" @click="onGroupName"></u-cell>
-            <u-cell isLink title="修改群头像">
+            <u-cell isLink title="修改群头像" @click="onGroupAvatar">
-                <u-avatar slot="value" size="25" shape="square" @click="onGroupAvatar" :src="group.cover"></u-avatar>
+                <u-avatar slot="value" size="25" shape="square" :src="group.cover"></u-avatar>
             </u-cell>
             <u-cell isLink v-if="group.is_owner" title="准入方式" :value="joinType" @click="onChangeJoinType"></u-cell>
         </u-cell-group>

pages/im/private/chat.nvue

@@ -62,7 +62,7 @@
         },
         computed: {
             latestMessage() {
-                if (this.messages.length > 1) {
+                if (this.messages.length) {
                     return this.messages[this.messages.length - 1]
                 } else {
                     return {

store/modules/im.js

@@ -68,7 +68,6 @@ export default {
                     // 没有数据，直接新增一条
                     dispatch('initContact', contactInfo)
                 } else if (contactInfo.hash != result[0].hash) {
-                    commit('updateContactInfo', contactInfo)
                     if (contactInfo.portraitUrl && contactInfo.portraitUrl != result[0].portraitUrl) {
                         saveAvatar(contactInfo, (savedFilePath) => {
                             const info = {
@@ -79,8 +78,8 @@ export default {
                                 localAvatar: savedFilePath
                             }
                             model.update('targetId="' + contactInfo.targetId + '"', info, (err,
-                            res) => {
+                                res) => {
-                                console.log('UPDATE AVATAR, ERR', err);
+                                console.log('UPDATE AVATAR, ERR', err, info);
                             })
                             commit('updateContactInfo', info)
                         })
@@ -93,8 +92,9 @@ export default {
                             localAvatar: result[0].localAvatar
                         }
                         model.update('targetId="' + contactInfo.targetId + '"', info, (err, res) => {
-                            console.log('UPDATE NAME, ERR', err);
+                            console.log('UPDATE NAME, ERR', err, info);
                         })
+                        commit('updateContactInfo', info)
                     }
                 } else {
                     console.log('updateContact, 无操作');

utils/im/index.js

@@ -151,6 +151,7 @@ const addListeners = () => {
             }
             newMessage(message)
         } else if (message.objectName === RongIMLib.ObjectName.ProfileNotification) {
+            // 更新会话信息
             store.dispatch('updateContact', JSON.parse(message.content.data))
             // 调用完更新之后，删除这条消息
             RongIMLib.deleteMessagesByIds([message.messageId], ({