<!-- 群聊邀请确认列表页面 -->
<template>
	<view class="reviewed">
		<view class="reviewed-item">
			<u-avatar class="avatar" src="require('@/static/user/cover.png')" shape="square" size="36" />
			<view style="flex:1;">
				<view class="nickname"><span>{{`艾米的猫儿 `}}</span>想邀请<span>{{` 用户8066`}}</span>加入群聊</view>
				<view> 申请原因：{{`呵呵哒。。`}}</view>
			</view>
			<view class="sure" @click="sure(2)"> 通过 </view>
		</view>
	</view>
</template>

<script>
	import im from '@/utils/im/index.js'
	export default {
		data() {
			return {
				lists: [],
			};
		},
		onLoad(e) {
			this.targetId = e.id
			this.getGroupPendinglist()
		},
		methods: {
			getGroupPendinglist() {
			    im.getGroupPendinglist(this.targetId,(pendings) => {
					console.log(pendings)
			        // this.pendings = pendings
			    })
			},
			sure(id) {
				uni.navigateTo({
					url: "/pages/im/group/reviewedInfo?id=" + id
				})
			}
		}
	};
</script>

<style lang="scss" scoped>
	.reviewed {
		.reviewed-item {
			margin: $padding - 10;
			display: flex;
			flex-direction: row;
			align-items: flex-start;
			justify-content: flex-start;
			box-sizing: border-box;
			border-bottom: solid 1rpx #f9f9f9;
			font-size: $title-size-m - 2;
			padding-bottom: 20rpx;
			color: $text-gray-m;

			.avatar {
				background-color: $main-color;
				border-radius: 6rpx;
				margin-right: 20rpx;
			}

			.nickname {
				font-size: $title-size-m;
				margin-bottom: 10rpx;

				span {
					color: $text-color;
					font-size: $title-size-m +1;
				}
			}

			.sure {
				background-color: $main-color;
				color: #Fff;
				text-align: center;
				font-size: $title-size-m;
				padding: 6rpx 20rpx;
				border-radius: 10rpx;
				margin-left: 10rpx;
			}
		}

	}
</style>
