...

pages.json

@@ -373,19 +373,6 @@
         {
             "path": "pages/im/private/chat",
             "style": {
-                "navigationBarBackgroundColor":"#FFFFFF",
-                "disableScroll": false,
-                "app-plus": {
-                    "titleNView": {
-                        "type": "default",
-                        "buttons": [{
-                            "float": "right",
-                            "fontSrc": "/static/iconfont.ttf",
-                            "text": "\ue607",
-                            "fontSize": "20px"
-                        }]
-                    }
-                }
             }
         },
         {

pages/im/components/conversationList.vue

@@ -1,10 +1,9 @@
 <template>
     <view>
-        <view v-for="(item, index) in conversations" :key="index" :class="['message', { 'is-top': item.isTop }]"
+        <view v-for="(item, index) in conversations" :key="index" :class="['message', { 'is-top': item.isTop, 'is-active': pickedItem.targetId == item.targetId }]"
             :data-item="item" @longpress="onLongPress" @click="toDetail(item)">
             <message-cell :item="item" />
         </view>
-
         <view class="shade" @click="hidePop" v-show="showPop">
             <view class="pop" :style="popStyle" :class="{'show':showPop}">
                 <view v-for="(item, index) in popButton" :key="index" @click="pickerMenu" :data-index="index">
@@ -132,6 +131,10 @@
         &.is-top {
             background: $window-color;
         }
+        
+        &.is-active {
+            background: #F8FAFF;
+        }
     }
 
     /* 遮罩 */

pages/im/components/groupUserList.vue

@@ -61,8 +61,13 @@
                 actionMap: [],
                 actionTitle: '',
                 currentUser: {},
+<<<<<<< HEAD
                 avatarSize: 45,
                 labelSize: 14,
+=======
+                avatarSize: 84,
+                labelSize: 14,
+>>>>>>> d8b90f97d110aed79b35d385dbc0eeb481ef4eab
                 iconSize: 14
             }
         },
@@ -73,10 +78,17 @@
                 }
             }
         },
+<<<<<<< HEAD
         created() {
             this.avatarSize = utils.rpx2px(90)
             this.labelSize = utils.rpx2px(24)
             this.iconSize = utils.rpx2px(26)
+=======
+        created() {
+            this.avatarSize = utils.rpx2px(84)
+            this.labelSize = utils.rpx2px(24)
+            this.iconSize = utils.rpx2px(26)
+>>>>>>> d8b90f97d110aed79b35d385dbc0eeb481ef4eab
         },
         mounted() {
             this.initGroupInfo()
@@ -273,8 +285,8 @@
             .avatar {
                 border-radius: 0 8rpx 0 0;
                 position: relative;
-                width: 90rpx;
+                width: 84rpx;
-                height: 90rpx;
+                height: 84rpx;
                 overflow: hidden;
 
                 .admin {

pages/im/components/messageCell.vue

@@ -2,7 +2,7 @@
     <view class="message--cell">
         <view class="avatar">
             <u-badge max="99" shape="horn" absolute :offset="[-5, -8]" :value="item.unreadMessageCount" />
-            <u-avatar :src="contact(item.targetId).portraitUrl" shape="square" size="44" />
+            <u-avatar :src="contact(item.targetId).portraitUrl" shape="square" :size="avatarSize" />
         </view>
         <view class="content">
             <view class="header">
@@ -18,6 +18,7 @@
 
 <script>
     import messagePreview from './messagePreview'
+    import utils from '@/utils/index.js'
 
     export default {
         props: {
@@ -28,7 +29,15 @@
                 }
             }
         },
+        data() {
+            return {
+                avatarRpx: 84
+            }
+        },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             contact() {
                 return function(targetId) {
                     return this.$store.getters.contactInfo(targetId)
@@ -48,6 +57,7 @@
 
         .avatar {
             position: relative;
+            padding-top: 5rpx;
 
             .u-badge {
                 z-index: 998;
@@ -59,10 +69,8 @@
             box-sizing: border-box;
             position: relative;
             flex: 1;
-
-
             border-bottom-width: 0.5px !important;
-            border-color: #f9f9f9 !important;
+            border-color: #eee !important;
             border-bottom-style: solid;
 
             .header {

pages/im/components/messagePreview.vue

@@ -22,10 +22,10 @@
             <view class="preview" v-if="msg.objectName=='RC:LBSMsg'">
                 <text v-if="conversationType == 3">{{ user.name }}：</text>[位置]
             </view>
-            <view class="preview" v-if="msg.objectName=='RC:InfoNtf' && JSON.parse(msg.message).mediaType=='0'">
+            <view class="preview" v-if="msg.objectName=='RC:InfoNtf' && JSON.parse(msg.message).mediaType==0">
                 <text v-if="conversationType == 3">{{ user.name }}：</text>[语音通话]
             </view>
-            <view class="preview" v-if="msg.objectName=='RC:InfoNtf' && JSON.parse(msg.message).mediaType=='1'">
+            <view class="preview" v-if="msg.objectName=='RC:InfoNtf' && JSON.parse(msg.message).mediaType==1">
                 <text v-if="conversationType == 3">{{ user.name }}：</text>[视频通话]
             </view>
             <view class="preview" v-if="msg.objectName=='RC:GrpNtf'">

pages/im/components/showCall.vue

@@ -1,29 +1,18 @@
 <template>
-    <view class="msg--text">
+    <view class="msg--call">
-        <text class="name" v-if="!guest && name">{{ name }}</text>
+        <view class="name" v-if="!guest && name">{{ name }}</view>
-        <view>
+        <view class="im--text" :class="guest ? 'right': 'left'">
-            <text class="im--text" :class="guest ? 'right': 'left'" v-if="message.mediaType == '1'">
+            <u-icon name="camera" size="22" v-if="message.mediaType == 1"
-                <u-icon name="camera" /> {{ message.connected ? '通话时长' + message.duration : '未接通' }}
+                :label="message.connected ? '通话时长：' + duration : '未接通'" />
-            </text>
+            <u-icon name="phone" size="22" v-else :label="message.connected ? '通话时长：' + duration : '未接通'" />
-            <text class="im--text" :class="guest ? 'right': 'left'" v-else>
-                <u-icon name="phone" /> {{ message.connected ? '通话时长' + message.duration : '未接通' }}
-            </text>
         </view>
     </view>
 </template>
-<!--  msg 
+
-{
-    "message": "1",
-    "objectName": "RC:InfoNtf",
-    "userInfo": {
-        "userId": "10051",
-        "name": "Jason.电信",
-        "extra": "",
-        "portraitUrl": "http://storage.zh.shangkelian.cn/uploads/2022/02/16/29b13f5301694721ad7acd8b8b67bbd9.jpg"
-    }
-}
- -->
 <script>
+    import utils from '@/utils/index.js'
+    import moment from 'moment'
+    
     export default {
         name: 'showText',
         props: {
@@ -45,16 +34,20 @@
         computed: {
             message() {
                 return JSON.parse(this.msg.message)
-            }
             },
-        mounted() {
+            duration() {
-            console.log(this.message);
+                if (this.message.duration > 3600) {
+                    return moment.utc(this.message.duration * 1000).format('HH:mm:ss')
+                } else {
+                    return moment.utc(this.message.duration * 1000).format('mm:ss')
+                }
+            }
         }
     }
 </script>
 
 <style scoped lang="scss">
-    .msg--text {
+    .msg--call {
         .name {
             font-size: 26rpx;
             color: $text-gray-m;
@@ -67,8 +60,8 @@
             line-height: 46rpx;
             font-size: 32rpx;
             color: $text-color;
-            display: inline-block;
+            display: flex;
-            word-break: break-all;
+            flex-direction: row;
 
             &.left {
                 border-radius: 0 20rpx 20rpx 20rpx;
@@ -79,6 +72,10 @@
                 border-radius: 20rpx 0 20rpx 20rpx;
                 background: $main-color;
                 color: white;
+
+                .u-icon {
+                    color: white;
+                }
             }
         }
     }

pages/im/group/chat.vue

@@ -7,7 +7,7 @@
                 <view class="cell" v-for="(item, index) in messages" :key="index">
                     <view class="time" v-if="item.senderUserId === '__system__'">{{ item.content.message }}</view>
                     <view v-else :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
-                        <u-avatar class="avatar" @click="toUser(item)" size="36" shape="square"
+                        <u-avatar class="avatar" @click="toUser(item)" :size="avatarSize" shape="square"
                             :src="contact(item.senderUserId).portraitUrl" />
                         <view class="msg">
                             <show-voice v-if="item.objectName === 'RC:HQVCMsg'" :guest="item.messageDirection == 1"
@@ -37,6 +37,7 @@
     import showImage from '../components/showImage'
     import showText from '../components/showText'
     import sentMessageBar from '../components/sentMessageBar'
+    import utils from '@/utils/index.js'
 
     export default {
         components: {
@@ -47,6 +48,7 @@
         },
         data() {
             return {
+                avatarRpx: 84,
                 targetId: '',
                 conversationType: RongIMLib.ConversationType.GROUP,
                 messages: [],
@@ -56,6 +58,9 @@
             }
         },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             latestMessage() {
                 if (this.messages.length) {
                     return this.messages[0]
@@ -174,6 +179,7 @@
 
                 .cell {
                     padding: 10rpx 30rpx;
+
                     .time {
                         text-align: center;
                         font-size: 24rpx;

pages/im/group/invite.vue

@@ -1,7 +1,7 @@
 <template>
     <view class="invite">
-        <view class="search">
+        <view class="search u-border-bottom">
-            <u--input class="search-input" placeholder="搜索" border="none" prefixIcon="search" v-model="searchTxt"
+            <u--input class="search-input" placeholder="搜索好友" border="none" prefixIcon="search" v-model="searchTxt"
                 disabledColor="#Fff" prefixIconStyle="font-size: 22px;color: #909399" @change="onSearch" />
         </view>
         <block v-if="friends.length > 0">
@@ -74,18 +74,17 @@
         methods: {
             onSearch() {
                 if (this.searchTxt) {
-					console.log(this.searchTxt)
                     this.friends = this.orignalFriends.map((list, index) => {
-                        const resList = list.filter(item => item.name.indexOf(this.searchTxt) > 0)
+                        const resList = list.filter(item => {
-                        if (resList.length > 0) {
+                            return item.name.indexOf(this.searchTxt) >= 0
-                            this.indexs = this.orignalIndexs.map((t, i) => {})
+                        })
-                        } else {
-                            return;
-                        }
                         return resList
                     })
-                    this.friends = this.friends.filter(n => n)
+                    this.indexs = this.orignalIndexs.map((t, i) => {
-
+                        if (this.friends[i].length > 0) {
+                            return t
+                        }
+                    })
                 } else {
                     this.friends = this.orignalFriends
                     this.indexs = this.orignalIndexs
@@ -124,7 +123,6 @@
             },
             onInvite() {
                 inviteGroupUser(this.targetId, this.checkboxValue).then(res => {
-                    console.log(res, 'res')
                     uni.navigateBack({
                         delta: 1,
                         animationType: 'pop-out',

pages/im/group/reviewed.vue

@@ -138,6 +138,7 @@
         }
 
     }
+<<<<<<< HEAD
 
     .no-lists {
         padding-top: $padding * 5;
@@ -153,4 +154,6 @@
             padding-top: $padding;
         }
     }
+=======
+>>>>>>> d8b90f97d110aed79b35d385dbc0eeb481ef4eab
 </style>

pages/im/index.vue

@@ -77,12 +77,6 @@
             uni.$off('onReceiveMessage')
         },
         methods: {
-            onDemo(){
-                console.log('1111')
-                uni.navigateTo({
-                    url: '/pages/im/chatDemo'
-                })
-            },
             checkNewFriendPending() {
                 im.getPendingList((pendings) => {
                     this.hasNewFriends = pendings.length

pages/im/private/call.nvue

@@ -75,7 +75,8 @@
                 // 关闭扬声器
                 volumeOff: false,
                 // 通话时长
-                duration: 0
+                duration: 0,
+                interval: null
             }
         },
         onLoad(e) {
@@ -86,7 +87,7 @@
             // 进入页面开启外呼
             if (this.isCall) {
                 CallLib.startSingleCall(this.targetId, this.mediaType, '');
-                if (this.mediaType == '1') {
+                if (this.mediaType == 1) {
                     const session = CallLib.getCurrentCallSession()
                     setTimeout(() => {
                         CallLib.setVideoView(session.mine.userId, this.$refs.bigVideoView.ref, 0, false)
@@ -107,7 +108,6 @@
             this.bigVideoStyle = {
                 width: this.windowWidth + 'px',
                 height: this.windowHeight + 'px',
-                // backgroundImage: `url("${this.contact(this.targetId).portraitUrl}")`
             }
             this.movableAreaStyle = {
                 width: this.windowWidth + 'px',
@@ -132,7 +132,7 @@
         },
         methods: {
             afterHangup() {
-                const conversationType = IMLib.ConversationType.PRIVATE // 会话类型
+                clearInterval(this.interval)
                 const targetId = this.targetId
                 const sentStatus = 30
                 const messageContent = {
@@ -144,19 +144,12 @@
                         duration: this.duration
                     })
                 }
-                const sentTime = 0 // 消息的发送时间
+                const sentTime = 0
-                IMLib.insertOutgoingMessage(conversationType, targetId, sentStatus, messageContent, sentTime,
+                if (this.isCall) {
-                    ({
+                    IMLib.insertOutgoingMessage(1, targetId, sentStatus, messageContent, sentTime)
-                        code,
+                } else {
-                        message
+                    IMLib.insertIncomingMessage(1, targetId, targetId, sentStatus, messageContent, sentTime)
-                    }) => {
-                        console.log(code);
-                        // 插入消息成功
-                        if (code === 0) {
-                            console.log(message)
                 }
-                    }
-                )
                 uni.$emit('onReceiveMessage', {
                     targetId: this.targetId
                 })
@@ -180,34 +173,37 @@
                 // 设置链接状态
                 this.connected = true
                 // 视频通话，才开摄像头
-                if (this.mediaType == '1') {
+                if (this.mediaType == 1) {
                     const session = CallLib.getCurrentCallSession()
                     setTimeout(() => {
                         CallLib.setVideoView(session.targetId, this.$refs.bigVideoView.ref, 0, false)
                         CallLib.setVideoView(session.mine.userId, this.$refs.smallVideoView.ref, 0, true)
                     }, 200)
                 }
+                this.interval = setInterval(() => {
+                    this.duration++
+                }, 1000)
             },
             // 切换主屏显示人
             changeMine() {
-                if (this.isCall) {
+                // if (this.isCall) {
-                    const session = CallLib.getCurrentCallSession()
+                //     const session = CallLib.getCurrentCallSession()
-                    setTimeout(() => {
+                //     setTimeout(() => {
-                        CallLib.setVideoView(session.targetId, this.$refs.bigVideoView.ref, 0, false)
+                //         CallLib.setVideoView(session.targetId, this.$refs.bigVideoView.ref, 0, false)
-                        CallLib.setVideoView(session.mine.userId, this.$refs.smallVideoView.ref, 0, true)
+                //         CallLib.setVideoView(session.mine.userId, this.$refs.smallVideoView.ref, 0, true)
-                    }, 200)
+                //     }, 200)
-                } else {
+                // } else {
-                    const session = CallLib.getCurrentCallSession()
+                //     const session = CallLib.getCurrentCallSession()
-                    setTimeout(() => {
+                //     setTimeout(() => {
-                        CallLib.setVideoView(session.targetId, this.$refs.smallVideoView.ref, 0, true)
+                //         CallLib.setVideoView(session.targetId, this.$refs.smallVideoView.ref, 0, true)
-                        CallLib.setVideoView(session.mine.userId, this.$refs.bigVideoView.ref, 0, false)
+                //         CallLib.setVideoView(session.mine.userId, this.$refs.bigVideoView.ref, 0, false)
-                    }, 200)
+                //     }, 200)
-                }
+                // }
-                this.isCall = !this.isCall
+                // this.isCall = !this.isCall
             },
             hangup() {
-                this.afterHangup()
                 CallLib.hangup()
+                this.afterHangup()
                 this.stopRing()
 
                 setTimeout(() => {

pages/im/private/chat.vue

@@ -7,7 +7,7 @@
                 <view class="cell" v-for="(item, index) in messages" :key="index">
                     <view class="time">{{ item.sentTime|timeCustomCN }}</view>
                     <view :class="['cell-item', item.messageDirection == 1 ? 'right' : 'left']">
-                        <u-avatar class="avatar" size="40" shape="square"
+                        <u-avatar class="avatar" :size="avatarSize" shape="square"
                             @click="showUser(item.senderUserId, item.messageDirection)"
                             :src="contact(item.senderUserId).portraitUrl" />
                         <view class="msg">
@@ -38,6 +38,8 @@
     import showText from '../components/showText'
     import showCall from '../components/showCall'
     import sentMessageBar from '../components/sentMessageBar'
+    import utils from '@/utils/index.js'
+    
     export default {
         components: {
             sentMessageBar,
@@ -48,6 +50,7 @@
         },
         data() {
             return {
+                avatarRpx: 84,
                 targetId: '',
                 messages: [],
                 conversationType: 1,
@@ -59,6 +62,9 @@
             }
         },
         computed: {
+            avatarSize() {
+                return utils.rpx2px(this.avatarRpx)
+            },
             latestMessage() {
                 if (this.messages.length) {
                     return this.messages[0]
@@ -180,6 +186,7 @@
                         text-align: center;
                         font-size: 24rpx;
                         color: #666;
+                        margin-bottom: 10rpx;
                     }
 
                     .cell-item {