stash

pages/im/components/groupUserList.vue

@@ -18,9 +18,10 @@
             </view>
         </view>
 
-       <view class="loadmore">
-            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999" label="查看更多群成员" labelPos='left' labelSize='28rpx' size="14" />
-       </view>
+        <view class="loadmore">
+            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999"
+                label="查看更多群成员" labelPos="left" :labelSize="labelSize" :size="iconSize" />
+        </view>
 
         <u-action-sheet :actions="actionMap" :title="actionTitle" cancelText="取消" @close="hideAction"
             @select="handleAction" :show="actionShow">
@@ -32,12 +33,12 @@
     import {
         getGroupUsers,
         getGroupBase,
-
         removeGroupUser,
         setGroupAdmin,
         removeGroupAdmin,
         transferGroupOwner
     } from '@/apis/interfaces/im.js'
+    import utils from '@/utils/index.js'
 
     export default {
         props: {
@@ -61,7 +62,9 @@
                 actionMap: [],
                 actionTitle: '',
                 currentUser: {},
-                avatarSize: 40
+                avatarSize: 45,
+                labelSize: 14,
+                iconSize: 14
             }
         },
         computed: {
@@ -71,8 +74,10 @@
                 }
             }
         },
-        created() {
-            this.avatarSize = 90 / 750 * wx.getSystemInfoSync().windowWidth
+        created() {
+            this.avatarSize = utils.rpx2px(90)
+            this.labelSize = utils.rpx2px(24)
+            this.iconSize = utils.rpx2px(26)
         },
         mounted() {
             this.initGroupInfo()

pages/im/components/sentPopups.nvue

@@ -8,7 +8,7 @@
             <image class="icon" src="@/static/icon/popups-icon-01.png" mode="widthFix"></image>
             <text class="text">拍摄</text>
         </view>
-        <view class="item" @click="onPopupsItem('video')">
+        <view class="item" @click="onPopupsItem('video')" v-if="conversationType == 1">
             <image class="icon" src="@/static/icon/popups-icon-02.png" mode="widthFix"></image>
             <text class="text">视频通话</text>
         </view>
@@ -33,6 +33,7 @@
 
 <script>
     import im from '@/utils/im/index.js'
+    import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
 
     export default {
         data() {
@@ -70,14 +71,9 @@
         },
         methods: {
             singleCall(e) {
-                uni.showToast({
-                    icon: 'none',
-                    title: '功能正在开发中'
+                uni.navigateTo({
+                    url: '/pages/im/private/call?targetId=' + this.targetId + '&mediaType=' + e.type
                 })
-                // CallLib.startSingleCall(this.targetId, e.type, '');
-                // uni.redirectTo({
-                //     url: '/pages/im/private/call?targetId=' + this.targetId + '&mediaType=' + e.type
-                // })
             },
             onPopupsItem(type) {
                 switch (type) {

pages/im/private/call.nvue

@@ -10,11 +10,9 @@
 
         <view class="status" v-if="!connected || mediaType == 0">
             <view class="remote">
-                <u-avatar v-if="userInfo.portraitUrl" :src="userInfo.portraitUrl" shape="square" size="96"
+                <u-avatar :src="contact(targetId).portraitUrl" shape="square" size="96"
                     bgColor="#fff" />
-                <u-avatar size="80" v-if="!userInfo.portraitUrl" shape="square"
-                    :text="userInfo.name ? userInfo.name.substring(0,1) : '未'" font-size="44" randomBgColor />
-                <view><text class="nickname">{{userInfo.name}}</text></view>
+                <view><text class="nickname">{{ contact(targetId).name }}</text></view>
                 <view v-if="remoteRinging"><text class="mediaType">等待对方接听</text></view>
                 <view v-if="connected"><text class="mediaType">已接通</text></view>
                 <view v-else><text class="mediaType">{{ mediaType == 0 ? '邀请您语音通话' : '邀请您视频通话' }}</text></view>
@@ -52,17 +50,14 @@
 </template>
 
 <script>
-    import {
-        getFriendInfo
-    } from '@/apis/interfaces/im.js'
     import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
+    import * as IMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
 
     export default {
         data() {
             return {
                 targetId: '',
                 mediaType: 0, // 0 语音  1 视频
-                userInfo: {},
                 isOut: false,
                 connected: false,
                 micStatus: false,
@@ -73,10 +68,10 @@
         },
         onLoad(e) {
             this.targetId = e.targetId
-            this.mediaType = e.mediaType
-            getFriendInfo(this.targetId).then(res => {
-                this.userInfo = res
-            })
+            this.mediaType = e.mediaType
+            // 进入页面开启外呼
+            CallLib.startSingleCall(this.targetId, this.mediaType, '');
+            
             this.startRing()
             // 监听通话链接状态
             uni.$once('onCallConnected', this.onCallConnected)
@@ -87,6 +82,9 @@
             uni.$once('onRemoteUserJoined', () => {
                 this.remoteRinging = false
             })
+        },
+        beforeDestroy() {
+
         },
         computed: {
             windowWidth() {
@@ -94,6 +92,11 @@
             },
             windowHeight() {
                 return uni.getSystemInfoSync().windowHeight
+            },
+            contact() {
+                return function(targetId) {
+                    return this.$store.getters.contactInfo(targetId)
+                }
             }
         },
         methods: {
@@ -130,9 +133,7 @@
 
                 setTimeout(() => {
                     this.downRing()
-                    uni.switchTab({
-                        url: '/pages/im/index'
-                    })
+                    uni.navigateBack()
                 }, 200);
             },
             toHome() {