好友资料页面

pages/im/friends/pending.vue

@@ -10,74 +10,94 @@
     <view class="pending">
         <u-sticky>
             <view class="header-search" @click="$Router.push({ name: 'SearchFriend' })">
-                <u-search placeholder="输入手机号码搜索" height="74" searchIcon="search" inputAlign="center" bgColor="white" :disabled="true" :show-action="false" />
+                <u-search placeholder="输入手机号码搜索" height="74" searchIcon="search" inputAlign="center" bgColor="white"
+                    :disabled="true" :show-action="false" />
             </view>
         </u-sticky>
-        <block v-if="pedings.length > 0"><applyFriend :lists="pedings" :isAgree="true" :isReject="false" @action="action" /></block>
+        <block v-if="pedings.length > 0">
+            <applyFriend :lists="pedings" :isAgree="true" :isReject="false" @action="action" />
+        </block>
         <view class="no-lists" v-else>
-            <u-image class="cover" radius="4" width="400rpx" height="400rpx" :src="require('@/static/imgs/no-friend.png')" :lazy-load="true" />
+            <u-image class="cover" radius="4" width="400rpx" height="400rpx"
+                :src="require('@/static/imgs/no-friend.png')" :lazy-load="true" />
             <span>暂无申请记录~</span>
         </view>
     </view>
 </template>
 
 <script>
-import { getPedings, resolveFriend, rejectFriend } from '@/apis/interfaces/im.js';
-import applyFriend from '@/components/friend-apply-reject-agree';
-export default {
-    components: {
-        applyFriend
-    },
-    data() {
-        return {
-            // pedings: [{userId:10990,name:'张三'}]
-            pedings: []
-        };
-    },
-    onLoad() {
-        this.getPeddingList();
-    },
-    methods: {
-        // 操作同意或拒绝
-        action(e) {
-            let url = e.type === 'agree' ? resolveFriend : rejectFriend;
-            uni.showModal({
-                title: e.type === 'agree' ? '通过' : '拒绝',
-                content: e.type === 'agree' ? '通过后即可与该用户畅所欲言' : '拒绝后将不会收到该用户发来信息',
-                success: res => {
-                    if (res.confirm) {
-                        url(e.item.userId).then(res => {
-                            this.getPeddingList();
-                        });
-                    }
-                }
-            });
+    import {
+        getPedings,
+        resolveFriend,
+        rejectFriend
+    } from '@/apis/interfaces/im.js';
+    import * as RongIMLib from '@rongcloud/imlib-uni'
+    import applyFriend from '@/components/friend-apply-reject-agree'
+
+    export default {
+        components: {
+            applyFriend
         },
-        getPeddingList() {
-            getPedings().then(res => {
-                this.pedings = res;
-            });
+        data() {
+            return {
+                pedings: []
+            }
+        },
+        onLoad() {
+            this.getPeddingList()
+        },
+        methods: {
+            // 操作同意或拒绝
+            action(e) {
+                let url = e.type === 'agree' ? resolveFriend : rejectFriend
+                uni.showModal({
+                    title: e.type === 'agree' ? '通过' : '拒绝',
+                    content: e.type === 'agree' ? '通过后即可与该用户畅所欲言' : '拒绝后将不会收到该用户发来信息',
+                    success: res => {
+                        if (res.confirm) {
+                            url(e.item.userId).then(res => {
+                                this.getPeddingList()
+                            })
+                        }
+                    }
+                })
+            },
+            getPeddingList() {
+                // 获取系统中的好友关系会话列表
+                // RongIMLib.getConversationList([RongIMLib.ConversationType.SYSTEM], 50, 0, (res) => {
+                //     if (res.code === 0) {
+                //         this.pedings = res.conversations.filter((item) => {
+                //             return item.objectName == RongIMLib.ObjectName.ContactNotification
+                //         })
+                //     }
+                // })
+                getPedings().then(res => {
+                    console.log(res)
+                    this.pedings = res
+                })
+            }
         }
-    }
-};
+    };
 </script>
 
 <style lang="scss" scoped>
-.header-search {
-    padding: $padding/2 $padding;
-    background: $window-color;
-}
-.no-lists{
-    padding-top: $padding * 3;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    font-size: $title-size-m;
-    color: $text-gray-m;
-    span{
-        padding-top: $padding ;
+    .header-search {
+        padding: $padding/2 $padding;
+        background: $window-color;
+    }
+
+    .no-lists {
+        padding-top: $padding * 3;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        box-sizing: border-box;
+        font-size: $title-size-m;
+        color: $text-gray-m;
+
+        span {
+            padding-top: $padding;
+        }
     }
-}
 </style>