成员管理的基础

pages/im/group/info.vue

@@ -2,7 +2,8 @@
     <view class="container">
         <view class="members u-border-bottom">
             <view class="users">
-                <view class="user" v-for="(item, index) in users" :key="index" @click="toUser(item)"
+                <view :class="['user', {'active': item.targetId == currentUser.targetId}]"
+                    v-for="(item, index) in users" :key="index" @click="toUser(item)"
                     @longpress="showUserActionSheet(item)">
                     <u-avatar size="44" shape="square" :src="item.portraitUrl">
                     </u-avatar>
@@ -71,7 +72,12 @@
         getGroupInfo,
         updateGroup,
         quitGroup,
-        dismissGroup
+        removeGroupUser,
+        setGroupAdmin,
+        removeGroupAdmin,
+        dismissGroup,
+        transferGroupOwner,
+        getGroupUsers
     } from '@/apis/interfaces/im.js'
     import {
         uploads
@@ -133,18 +139,23 @@
                 }
             })
             this.initData()
+            this.initUsers()
             uni.$on('groupAnnouncementCreated', this.initData)
         },
         onUnload() {
             uni.$off('groupAnnouncementCreated')
         },
         methods: {
+            initUsers() {
+                getGroupUsers(this.targetId, 14).then(res => {
+                    this.users = res
+                })
+            },
             initData() {
                 getGroupInfo(this.targetId).then(res => {
                     this.group = res.group
                     this.groupName = res.group.name
                     this.announcement = res.announcement
-                    this.users = res.users
                     this.members = res.members
                     this.loaded = true
                     this.joinTypeMap = res.join_type_map.map(item => {
@@ -191,7 +202,10 @@
                 }
             },
             inviteUser() {
-
+                uni.showToast({
+                    icon: 'none',
+                    title: '开发中'
+                })
             },
             loadMore() {
                 uni.navigateTo({
@@ -375,11 +389,54 @@
                 this.showUserAction = false
             },
             handleUserAction(e) {
-                uni.showToast({
-                    icon: 'none',
-                    title: e.name
-                })
-                console.log(e);
+                switch (e.key) {
+                    case 0:
+                        removeGroupUser(this.targetId, this.currentUser.targetId).then(res => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: '成员移除成功'
+                            })
+                        }).catch(err => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: err.message
+                            })
+                        }).finally(() => {
+                            this.initUsers()
+                        })
+                        break;
+                    case 1:
+                        setGroupAdmin(this.targetId, this.currentUser.targetId).then(res => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: '设置管理成功'
+                            })
+                        }).catch(err => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: err.message
+                            })
+                        }).finally(() => {
+                            this.initUsers()
+                        })
+                        break;
+                    case 2:
+                        transferGroupOwner(this.targetId, this.currentUser.targetId).then(res => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: '群主转让成功'
+                            })
+                        }).catch(err => {
+                            uni.showToast({
+                                icon: 'none',
+                                title: err.message
+                            })
+                        }).finally(() => {
+                            this.initUsers()
+                            this.initData()
+                        })
+                        break;
+                }
             }
         }
     }
@@ -415,6 +472,10 @@
                 justify-content: center;
                 align-items: center;
 
+                &.active {
+                    background-color: $window-color;
+                }
+
                 .name {
                     color: $text-gray-m;
                     width: 126rpx;