diff --git a/apis/interfaces/im.js b/apis/interfaces/im.js
index 2eb828a..ac954f5 100644
--- a/apis/interfaces/im.js
+++ b/apis/interfaces/im.js
@@ -117,9 +117,10 @@ const getGroupBase = (groupId) => {
     })
 }
 
-const getGroupUsers = (groupId) => {
+const getGroupUsers = (groupId, limit) => {
+    limit = limit || 0
     return request({
-        url: 'im/groups/' + groupId + '/users'
+        url: 'im/groups/' + groupId + '/users?limit=' + limit
     })
 }
 
@@ -210,6 +211,59 @@ const dismissGroup = (groupId) => {
     })
 }
 
+/**
+ * 移除群成员
+ */
+const removeGroupUser = (groupId, userId) => {
+    return request({
+        method: 'DELETE',
+        url: 'im/groups/' + groupId + '/users/' + userId
+    })
+}
+
+/**
+ * 邀请群成员
+ */
+const inviteGroupUser = (groupId, userIds) => {
+    return request({
+        method: 'POST',
+        url: 'im/groups/' + groupId + '/invite',
+        data: {
+            userIds
+        }
+    })
+}
+
+/**
+ * 设置群管理
+ */
+const setGroupAdmin = (groupId, userId) => {
+    return request({
+        method: 'POST',
+        url: 'im/groups/' + groupId + '/admin/' + userId
+    })
+}
+
+/**
+ * 移除群管理
+ */
+const removeGroupAdmin = (groupId, userId) => {
+    return request({
+        method: 'DELETE',
+        url: 'im/groups/' + groupId + '/admin/' + userId
+    })
+}
+
+/**
+ * 转移群主
+ */
+const transferGroupOwner = (groupId, userId) => {
+    return request({
+        method: 'DELETE',
+        url: 'im/groups/' + groupId + '/owner/' + userId
+    })
+}
+
 export {
     getImToken,
     deleteFriend,
@@ -235,5 +289,10 @@ export {
     joinGroupPre,
     joinGroup,
     quitGroup,
-    dismissGroup
+    dismissGroup,
+    inviteGroupUser,
+    removeGroupUser,
+    setGroupAdmin,
+    removeGroupAdmin,
+    transferGroupOwner
 }
diff --git a/pages/im/group/info.vue b/pages/im/group/info.vue
index 9da3ed2..cfe3242 100644
--- a/pages/im/group/info.vue
+++ b/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;
diff --git a/pages/setting/setting.vue b/pages/setting/setting.vue
index 124931b..fa6f7f5 100644
--- a/pages/setting/setting.vue
+++ b/pages/setting/setting.vue
@@ -1,211 +1,213 @@
-<template>
-	<view class="setting">
-		<!-- 更多管理 -->
-		<view class="list">
-			<view class="list-item" @click="updImgs">
-				<view class="list-item-left"> <span>修改头像</span> </view>
-				<view class="avatar" >
-					<image :src="avatar.showPath || require('@/static/user/cover.png')" mode="aspectFill" />
-					<u-icon name="arrow-right" color="#999" size="20"></u-icon>
-				</view>
-			</view>
-			<view class="list-item">
-				<view class="list-item-left"> <span>修改昵称</span> </view>
-				<view class="input">
-					<input type="text" :value="nickname" @blur='blur' placeholder="请输入用户的昵称" maxlength="12" />
-					<u-icon name="arrow-right" color="#999"  size="20"></u-icon>
-				</view>
-			</view>
-		</view>
-		<u-toast ref="uToast" />
-	</view>
-</template>
-
-<script>
-	import {
-		getUserSettingInfo,
-		resetUserInfo
-	} from '@/apis/interfaces/setting.js'
-	import {
-		uploads
-	} from '@/apis/interfaces/uploading'
-	export default {
-		data() {
-			return {
-				canLogin: true,
-				nickname: '',
-				avatar: {
-					path: '',
-					showPath: ''
-				},
-				is_bind: true
-			}
-		},
-		onShow() {
-			this.getUserInfo()
-		},
-		onPullDownRefresh() {
-			this.getUserInfo()
-		},
-		methods: {
-			// 获取当前用户得基本信息
-			getUserInfo() {
-				getUserSettingInfo().then(res => {
-					this.avatar.showPath = res.avatar
-					this.nickname = res.nickname
-					this.is_bind = res.is_bind
-					uni.stopPullDownRefresh()
-				}).catch(err => {
-					this.$refs.uToast.show({
-						title: err.message,
-						type: 'primary',
-						duration: 3000
-					})
-				})
-			},
-			// 上传头像
-			updImgs(type) {
-				uni.chooseImage({
-					crop: {
-						width: 80,
-						height: 80
-					},
-					success: res => {
-						let path = res.tempFiles.map((val, index) => {
-							return {
-								name: 'uploads' + index,
-								uri: val.path
-							}
-						})
-						uploads(path).then(pathRes => {
-							this.avatar.path = pathRes.path[0]
-							this.avatar.showPath = pathRes.url[0]
-							this.resetUserInfo('avatar',pathRes.url[0])
-						}).catch(err => {
-                            uni.showToast({
-                                title: err.message,
-                                icon: "none",
-                                duration: 2000,
-                                mask: true
-                            })
-                        })
-					}
-				})
-			},
-			// 修改姓名
-			blur(e){
-				let value = e.detail.value
-				if(value !== this.nickname){
-					this.resetUserInfo('nickname',value)
-				}
-			},
-			// 修改头像或昵称
-			resetUserInfo(key, value) {
-				let data ={
-					key:key,
-					value:value
-				}
-				resetUserInfo(data).then(res=>{
-					uni.showToast({
-						title: res,
-						icon: 'none'
-					})
-					this.getUserInfo()
-				}).catch(err => {
-                    uni.showToast({
-                        title: err.message,
-                        icon: "none",
-                        duration: 2000,
-                        mask: true
-                    })
-                })
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	page {
-		background-color: #F8F8F8;
-	}
-
-	.setting {
-		position: relative;
-		background-color: #fff;
-
-		// 更多管理
-		.list {
-			display: flex;
-			flex-direction: column;
-			align-items: flex-start;
-			justify-content: flex-start;
-			box-sizing: border-box;
-			position: relative;
-			top: -10rpx;
-			border-radius: 20rpx;
-			margin: 0 $margin;
-			padding: 30rpx 0;
-			width: calc(100% - 80rpx);
-
-			.list-item {
-				width: 100%;
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: space-between;
-				padding: 40rpx 0;
-				border-bottom: solid 1rpx #f9f9f9;
-				box-sizing: border-box;
-				font-size: $title-size;
-
-				.avatar {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: center;
-					box-sizing: border-box;
-					
-
-					image {
-						width: 100rpx;
-						height: 100rpx;
-						border-radius: 50%;
-						margin-right: 20rpx;
-					}
-				}
-
-				.input {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: center;
-					box-sizing: border-box;
-					text-align: right;
-					flex: 1;
-
-					input {
-						padding-right: $padding - 10;
-						width: 100%;
-					}
-				}
-
-				.list-item-left {
-					display: flex;
-					flex-direction: row;
-					align-items: center;
-					justify-content: flex-start;
-					box-sizing: border-box;
-
-					image {
-						width: 40rpx;
-					}
-
-					span {
-						margin-left: 20rpx;
-					}
-				}
-			}
-		}
-
-	}
+<template>
+    <view class="setting">
+        <!-- 更多管理 -->
+        <view class="list">
+            <view class="list-item" @click="updImgs">
+                <view class="list-item-left"> <span>修改头像</span> </view>
+                <view class="avatar">
+                    <image :src="avatar.showPath || require('@/static/user/cover.png')" mode="aspectFill" />
+                    <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+                </view>
+            </view>
+            <view class="list-item">
+                <view class="list-item-left"> <span>修改昵称</span> </view>
+                <view class="input">
+                    <input type="text" :value="nickname" @blur='blur' placeholder="请输入用户的昵称" maxlength="12" />
+                    <u-icon name="arrow-right" color="#999" size="20"></u-icon>
+                </view>
+            </view>
+        </view>
+        <u-toast ref="uToast" />
+    </view>
+</template>
+
+<script>
+    import {
+        getUserSettingInfo,
+        resetUserInfo
+    } from '@/apis/interfaces/setting.js'
+    import {
+        uploads
+    } from '@/apis/interfaces/uploading'
+    export default {
+        data() {
+            return {
+                canLogin: true,
+                nickname: '',
+                avatar: {
+                    path: '',
+                    showPath: ''
+                },
+                is_bind: true
+            }
+        },
+        onShow() {
+            this.getUserInfo()
+        },
+        onPullDownRefresh() {
+            this.getUserInfo()
+        },
+        methods: {
+            // 获取当前用户得基本信息
+            getUserInfo() {
+                getUserSettingInfo().then(res => {
+                    this.avatar.showPath = res.avatar
+                    this.nickname = res.nickname
+                    this.is_bind = res.is_bind
+                    uni.stopPullDownRefresh()
+                }).catch(err => {
+                    this.$refs.uToast.show({
+                        title: err.message,
+                        type: 'primary',
+                        duration: 3000
+                    })
+                })
+            },
+            // 上传头像
+            updImgs(type) {
+                uni.chooseImage({
+                    crop: {
+                        quality: 100,
+                        width: 128,
+                        height: 128,
+                        resize: true
+                    },
+                    success: res => {
+                        let path = res.tempFiles.map((val, index) => {
+                            return {
+                                name: 'uploads' + index,
+                                uri: val.path
+                            }
+                        })
+                        uploads(path).then(pathRes => {
+                            this.avatar.path = pathRes.path[0]
+                            this.avatar.showPath = pathRes.url[0]
+                            this.resetUserInfo('avatar', pathRes.url[0])
+                        }).catch(err => {
+                            uni.showToast({
+                                title: err.message,
+                                icon: "none",
+                                duration: 2000,
+                                mask: true
+                            })
+                        })
+                    }
+                })
+            },
+            // 修改姓名
+            blur(e) {
+                let value = e.detail.value
+                if (value !== this.nickname) {
+                    this.resetUserInfo('nickname', value)
+                }
+            },
+            // 修改头像或昵称
+            resetUserInfo(key, value) {
+                let data = {
+                    key: key,
+                    value: value
+                }
+                resetUserInfo(data).then(res => {
+                    uni.showToast({
+                        title: res,
+                        icon: 'none'
+                    })
+                    this.getUserInfo()
+                }).catch(err => {
+                    uni.showToast({
+                        title: err.message,
+                        icon: "none",
+                        duration: 2000,
+                        mask: true
+                    })
+                })
+            }
+        }
+    }
+</script>
+
+<style lang="scss" scoped>
+    page {
+        background-color: #F8F8F8;
+    }
+
+    .setting {
+        position: relative;
+        background-color: #fff;
+
+        // 更多管理
+        .list {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            justify-content: flex-start;
+            box-sizing: border-box;
+            position: relative;
+            top: -10rpx;
+            border-radius: 20rpx;
+            margin: 0 $margin;
+            padding: 30rpx 0;
+            width: calc(100% - 80rpx);
+
+            .list-item {
+                width: 100%;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                justify-content: space-between;
+                padding: 40rpx 0;
+                border-bottom: solid 1rpx #f9f9f9;
+                box-sizing: border-box;
+                font-size: $title-size;
+
+                .avatar {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: center;
+                    box-sizing: border-box;
+
+
+                    image {
+                        width: 100rpx;
+                        height: 100rpx;
+                        border-radius: 50%;
+                        margin-right: 20rpx;
+                    }
+                }
+
+                .input {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: center;
+                    box-sizing: border-box;
+                    text-align: right;
+                    flex: 1;
+
+                    input {
+                        padding-right: $padding - 10;
+                        width: 100%;
+                    }
+                }
+
+                .list-item-left {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: flex-start;
+                    box-sizing: border-box;
+
+                    image {
+                        width: 40rpx;
+                    }
+
+                    span {
+                        margin-left: 20rpx;
+                    }
+                }
+            }
+        }
+
+    }
 </style>