公告模块重构样式

pages/im/group/reviewed.vue

@@ -1,79 +1,85 @@
-<!-- 群聊邀请确认列表页面 -->
-<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 {
-        getGroupMakeSure,
-        getGroupMakeSureAllow
-    } from "@/apis/interfaces/im.js"
-    export default {
-        data() {
-            return {
-                lists: [],
-            };
-        },
-        methods: {
-
-            sure(id) {
-                console.log(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;
-
-                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;
-            }
-        }
-
-    }
+<!-- 群聊邀请确认列表页面 -->
+<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>