...

pages/im/group/invite.vue

@@ -1,6 +1,6 @@
 <template>
     <view>
-        <u-index-list :index-list="indexs" inactiveColor="#666" activeColor="#34CE98">
+       <!-- <u-index-list :index-list="indexs" inactiveColor="#666" activeColor="#34CE98">
             <view class="search">
                 <u--input class="search-input" placeholder="搜索" border="none" prefixIcon="search" v-model="searchTxt"
                     disabledColor="#Fff" prefixIconStyle="font-size: 22px;color: #909399" />
@@ -26,25 +26,49 @@
                     :src="searchTxt=== '' ? require('@/static/imgs/no-friend.png') :require('@/static/imgs/no-search.png')"
                     :lazy-load="true" />
                 <span>{{searchTxt=== ''?'暂无好友列表~':'暂无搜索内容~'}}</span>
-            </view>
+            </view> -->
+        <button type="default" @click="onInvite">确定</button>
+        <u-index-list :index-list="indexs" inactiveColor="#666" activeColor="#34CE98">
+            <u-checkbox-group v-if="friends.length > 0" v-model="checkboxValue" placement="column">
+                <u-index-item v-for="(item, fkey) in friends" :key="fkey">
+                    <u-index-anchor :text="indexs[fkey]" bgColor="#ededed" height="20" size="12" color="#666"
+                        style="padding:10rpx 30rpx" />
+                    <view v-for="(friendItem, index) in item" :key="index" class="friend-flex"
+                        @click="addContact(friendItem.targetId)">
+                        <u-checkbox :name="friendItem.targetId" shape="circle" />
+                        <u-avatar class="avatar-img" size="40" shape="square"
+                            :src="contact(friendItem.targetId).portraitUrl" />
+                        <view class="info">
+                            <view class="name">{{ contact(friendItem.targetId).name }}</view>
+                            <!-- <view class="address">Hash:{{ friendItem.address }}</view> -->
+                        </view>
+                    </view>
+                </u-index-item>
+            </u-checkbox-group>
         </u-index-list>
     </view>
 </template>
 
 <script>
     import {
-        getFriendsLetter
+        getFriendsLetter,
+        inviteGroupUser
+
     } from '@/apis/interfaces/im';
     import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
 
     export default {
         data() {
             return {
+                // indexs: [],
+                // friends: [],
+                // pendingCount: 0,
+                // searchTxt: '',
+                // checkboxValue: [],
+                targetId: '',
                 indexs: [],
                 friends: [],
-                pendingCount: 0,
-                searchTxt: '',
-                checkboxValue: [],
+                checkboxValue: []
             };
         },
         computed: {
@@ -54,39 +78,65 @@
                 }
             }
         },
-        onLoad() {
+        // onLoad() {
+        //     this.getFriendList()
+        //     this.checkNewFriendPending()
+        //     uni.$on('onContactNotification', this.checkNewFriendPending)
+        // },
+        // methods: {
+        //     // group事件
+        //     checkboxChange(n) {
+        //         console.log('change', n);
+        //     },
+        //     getFriendList() {
+        //         getFriendsLetter().then(res => {
+        //             console.log(res)
+        onLoad(e) {
+            this.targetId = e.targetId
             this.getFriendList()
-            this.checkNewFriendPending()
-            uni.$on('onContactNotification', this.checkNewFriendPending)
         },
         methods: {
-            // group事件
-            checkboxChange(n) {
-                console.log('change', n);
-            },
             getFriendList() {
                 getFriendsLetter().then(res => {
-                    console.log(res)
                     this.indexs = res.indexList
                     this.friends = res.itemArr
                 })
             },
             
-            selectFriend(targetId) {
-                console.log(targetId,typeof targetId)
-                let arr = this.checkboxValue
-                let index = arr.findIndex(item => item === targetId)
-                if(index>0){
-                    console.log('选择了再次点击清除数据le')
+            // selectFriend(targetId) {
+            //     console.log(targetId,typeof targetId)
+            //     let arr = this.checkboxValue
+            //     let index = arr.findIndex(item => item === targetId)
+            //     if(index>0){
+            //         console.log('选择了再次点击清除数据le')
                     
-                }else{
-                    console.log('没有选择过，添加数据')
+            //     }else{
+            //         console.log('没有选择过，添加数据')
                     
-                }
+            //     }
                 
-                console.log(this.checkboxValue,index)
-                console.log('奥克兰打开',targetId)
+            //     console.log(this.checkboxValue,index)
+            //     console.log('奥克兰打开',targetId)
+            // },
+            addContact(targetId) {
+                if (!this.checkboxValue.find(item => item == targetId)) {
+                    this.checkboxValue.push(targetId)
+                } else {
+                    const index = this.checkboxValue.findIndex(item => item == targetId)
+                    this.checkboxValue = this.checkboxValue.splice(index, 1)
+                }
             },
+            onInvite() {
+                inviteGroupUser(this.targetId, this.checkboxValue).then(res => {
+                    uni.navigateBack()
+                }).catch(err => {
+                    uni.showToast({
+                        icon: 'none',
+                        title: err.message
+                    })
+                })
+            }
+
         }
     };
 </script>