From f9e2819cc7300352471e274a5ce2716ec619cfbe Mon Sep 17 00:00:00 2001
From: Jason <chenjxlg@163.com>
Date: Fri, 28 Jan 2022 11:24:10 +0800
Subject: [PATCH] =?UTF-8?q?IM=E7=9A=84=E9=93=BE=E6=8E=A5=E5=92=8C=E6=96=AD?=
 =?UTF-8?q?=E5=BC=80=E6=97=B6=E6=9C=BA=E8=B0=83=E6=95=B4=EF=BC=8CAPP?=
 =?UTF-8?q?=E6=89=93=E5=BC=80=E8=87=AA=E5=8A=A8=E5=88=A4=E6=96=AD=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=EF=BC=8C=E9=93=BE=E6=8E=A5=E3=80=82=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E5=90=8E=E6=96=AD=E5=BC=80=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=20=E6=96=B0=E6=9C=8B=E5=8F=8B=E6=95=B0=E9=87=8F=E6=8F=90?=
 =?UTF-8?q?=E9=86=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/interfaces/im.js      |  38 +-
 manifest.json              |   1 +
 pages/im/friends/index.vue |  26 +-
 pages/im/index.vue         |   8 +-
 pages/user/index.vue       | 993 ++++++++++++++++++++-----------------
 public/userAuth.js         | 249 +++++-----
 utils/im/index.js          |  28 +-
 7 files changed, 728 insertions(+), 615 deletions(-)

diff --git a/apis/interfaces/im.js b/apis/interfaces/im.js
index b179e16..b6ff4d4 100644
--- a/apis/interfaces/im.js
+++ b/apis/interfaces/im.js
@@ -22,14 +22,14 @@ const getImToken = () => {
         url: 'im/token',
     }, true)
 }
-
-// 删除好友
-const deleteFriend = (targetId) => {
-    return request({
-        method: 'DELETE',
-        url: 'im/friends/' + targetId,
-    })
-}
+
+// 删除好友
+const deleteFriend = (targetId) => {
+    return request({
+        method: 'DELETE',
+        url: 'im/friends/' + targetId,
+    })
+}
 
 // 获取用户信息
 const getUserInfo = (targetId) => {
@@ -37,9 +37,9 @@ const getUserInfo = (targetId) => {
         url: 'im/userInfo/' + targetId,
     })
 }
-
-/**
- * 查看好友资料，附带好友关系
+
+/**
+ * 查看好友资料，附带好友关系
  */
 const getFriendInfo = (userId) => {
     return request({
@@ -84,16 +84,26 @@ const pedingFriend = (recipient) => {
         url: 'im/friends/' + recipient
     })
 }
+
+/**
+ * 好友申请数量
+ */
+const getPendingCount = () => {
+    return request({
+        url: 'im/friends/pending/count'
+    })
+}
 
 export {
-    getImToken,
+    getImToken,
     deleteFriend,
     getFriends,
-    getUserInfo,
+    getUserInfo,
     getFriendInfo,
     getPedings,
     resolveFriend,
     rejectFriend,
     searchFriend,
-    pedingFriend
+    pedingFriend,
+    getPendingCount
 }
diff --git a/manifest.json b/manifest.json
index c09ce08..c681adb 100644
--- a/manifest.json
+++ b/manifest.json
@@ -32,6 +32,7 @@
                     "<uses-feature android:name=\"android.hardware.camera\"/>",
                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
diff --git a/pages/im/friends/index.vue b/pages/im/friends/index.vue
index 1811ed5..db6c55e 100644
--- a/pages/im/friends/index.vue
+++ b/pages/im/friends/index.vue
@@ -4,7 +4,9 @@
             <view>
                 <view class="friend-flex u-border-bottom" @click="toPending">
                     <u-avatar class="cover" size="40" shape="square" :src="require('@/static/im/im_01.png')"></u-avatar>
-                    <view class="name">新的朋友</view>
+                    <view class="name">
+                        新的朋友 ({{ pendingCount }})
+                    </view>
                 </view>
                 <view class="friend-flex" @click="showToast">
                     <u-avatar class="cover" size="40" shape="square" :src="require('@/static/im/im_00.png')"></u-avatar>
@@ -22,7 +24,8 @@
                         <u-index-anchor :text="indexs[friend]" bgColor="#F3F6FB" height="20" size="12" color="#666">
                         </u-index-anchor>
                         <!-- #endif -->
-                        <view v-for="(friendItem, index) in item" :key="friendItem.userId" class="friend-flex u-border-bottom"
+                        <view v-for="(friendItem, index) in item" :key="friendItem.userId"
+                            class="friend-flex u-border-bottom"
                             @click="$Router.push({ name: 'imFriendsInfo', params: { targetId: friendItem.userId } })">
                             <block v-if="friendItem.portraitUrl != ''">
                                 <u-avatar class="cover" size="40" shape="square" :src="friendItem.portraitUrl || ''"
@@ -47,24 +50,29 @@
 
 <script>
     import {
-        getFriends
+        getFriends,
+        getPendingCount
     } from '@/apis/interfaces/im';
+
     export default {
         data() {
             return {
                 indexs: [],
-                friends: []
+                friends: [],
+                pendingCount: 0
             };
         },
         onShow() {
             getFriends().then(res => {
-                this.indexs = res.indexList;
-                this.friends = res.itemArr;
-            });
+                this.indexs = res.indexList
+                this.friends = res.itemArr
+            })
+            getPendingCount().then(res => {
+                console.log(res);
+                this.pendingCount = res
+            })
         },
-        computed: {},
         methods: {
-            // 扫码提示
             showToast() {
                 uni.showToast({
                     title: '群聊功能暂未开放，敬请期待',
diff --git a/pages/im/index.vue b/pages/im/index.vue
index 4be35a2..f6a32be 100644
--- a/pages/im/index.vue
+++ b/pages/im/index.vue
@@ -102,12 +102,8 @@
             }
         },
         onShow() {
-            if (this.$store.state.token !== '') {
-                getImToken().then(res => {
-                    im.connect(res.token, res.userInfo, () => {
-                        this.getConversationList()
-                    })
-                })
+            if (this.$store.state.token !== '') {
+                this.getConversationList()
             }
             this.isShown = true
         },
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 84a04f2..91ff793 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -1,472 +1,531 @@
-<template>
-    <view class="content">
-        <!-- 用户信息 -->
-        <view class="info-box">
-            <image src="@/static/user/user_back.png" mode="aspectFill" />
-            <view class="user-flex">
-                <image class="cover" @click="$Router.push({ name: 'Setting' })" :src="userInfo.avatar || require('@/static/user/cover.png')" mode="aspectFill" />
-                <view class="user-content">
-                    <block v-if="$store.state.token != ''">
-                        <view class="name">{{ userInfo.nickname }}</view>
-                        <view class="tabs" v-if="userInfo.identity.length !== 0">
-                            <view class="tabs-item">
-                                <image src="@/static/user/icon_07.png" />
-                                VIP会员
-                            </view>
-                        </view>
-                        <view class="tabs" v-else>
-                            <view class="tabs-item">
-                                <image src="@/static/user/icon_07.png" />
-                                普通用户
-                            </view>
-                        </view>
-                        <view class="chainAddress" v-if="userInfo.chain_address">
-                            <u-icon labelPos="left" @click="copy(userInfo.chain_address)" labelSize="14" labelColor="#fff" :label="userInfo.chain_address.substr(0, 20)+'...'" space="10" :name="require('@/static/imgs/copy.png')" size="16" />
-                        </view>
-                    </block>
-                    <block v-else><view class="name" @click="isLogin()">未登录</view></block>
-                </view>
-            </view>
+<template>
+    <view class="content">
+        <!-- 用户信息 -->
+        <view class="info-box">
+            <image src="@/static/user/user_back.png" mode="aspectFill" />
+            <view class="user-flex">
+                <image class="cover" @click="$Router.push({ name: 'Setting' })"
+                    :src="userInfo.avatar || require('@/static/user/cover.png')" mode="aspectFill" />
+                <view class="user-content">
+                    <block v-if="$store.state.token != ''">
+                        <view class="name">{{ userInfo.nickname }}</view>
+                        <view class="tabs" v-if="userInfo.identity.length !== 0">
+                            <view class="tabs-item">
+                                <image src="@/static/user/icon_07.png" />
+                                VIP会员
+                            </view>
+                        </view>
+                        <view class="tabs" v-else>
+                            <view class="tabs-item">
+                                <image src="@/static/user/icon_07.png" />
+                                普通用户
+                            </view>
+                        </view>
+                        <view class="chainAddress" v-if="userInfo.chain_address">
+                            <u-icon labelPos="left" @click="copy(userInfo.chain_address)" labelSize="14"
+                                labelColor="#fff" :label="userInfo.chain_address.substr(0, 20)+'...'" space="10"
+                                :name="require('@/static/imgs/copy.png')" size="16" />
+                        </view>
+                    </block>
+                    <block v-else>
+                        <view class="name" @click="isLogin()">未登录</view>
+                    </block>
+                </view>
+            </view>
         </view>
-        
-        
-        <!-- 会员卡 -->
-        <view class="vip-card">
-            <view class="title">
-                <image src="@/static/user/icon_06.png" mode="widthFix" />
-                ZH会员
-            </view>
-            <view class="subtitle"><u-notice-bar :text="cardText" icon="" bgColor="" duration="3000" color="#fcc692" direction="column"></u-notice-bar></view>
-            <view class="btn" @click="openVip" v-if="userInfo.identity.length === 0">开通</view>
+
+
+        <!-- 会员卡 -->
+        <view class="vip-card">
+            <view class="title">
+                <image src="@/static/user/icon_06.png" mode="widthFix" />
+                ZH会员
+            </view>
+            <view class="subtitle">
+                <u-notice-bar :text="cardText" icon="" bgColor="" duration="3000" color="#fcc692" direction="column">
+                </u-notice-bar>
+            </view>
+            <view class="btn" @click="openVip" v-if="userInfo.identity.length === 0">开通</view>
         </view>
-        
-        <!-- 健康数据 -->
-        <view class="health-flex" v-if="userInfo.has_record">
-            <view class="health-flex-item">
-                <view class="title">
-                    体脂率
-                    <image class="icon" src="@/static/user/icon_04.png" mode="widthFix" />
-                </view>
-                <view class="num">
-                    {{ userInfo.record.fat.fat }}
-                    <text>%</text>
-                </view>
-                <view class="hith">{{ userInfo.record.fat.text }}</view>
-            </view>
-            <view class="health-flex-item">
-                <view class="title">
-                    体重
-                    <image class="icon" src="@/static/user/icon_05.png" mode="widthFix" />
-                </view>
-                <view class="num">
-                    {{ userInfo.record.weight.weight }}
-                    <text>KG</text>
-                </view>
-                <view class="hith">{{ userInfo.record.weight.text }}</view>
-            </view>
-        </view>
-        <!-- 订单 -->
-        <view class="order-box">
-            <view class="order-box-item" @click="onBtn('Order', { index: 0 })">
-                <image class="icon" src="@/static/user/order_icon_00.png" mode="widthFix" />
-                <view class="title">全部订单</view>
-            </view>
-            <view class="order-box-item" @click="onBtn('Order', { index: 1 })">
-                <image class="icon" src="@/static/user/order_icon_01.png" mode="widthFix" />
-                <view class="title">待付款</view>
-            </view>
-            <view class="order-box-item" @click="onBtn('Order', { index: 2 })">
-                <image class="icon" src="@/static/user/order_icon_02.png" mode="widthFix" />
-                <view class="title">待发货</view>
-            </view>
-            <view class="order-box-item" @click="onBtn('Order', { index: 3 })">
-                <image class="icon" src="@/static/user/order_icon_03.png" mode="widthFix" />
-                <view class="title">待收货</view>
-            </view>
-            <view class="order-box-item" @click="onBtn('Order', { index: 4 })">
-                <image class="icon" src="@/static/user/order_icon_04.png" mode="widthFix" />
-                <view class="title">已完成</view>
-            </view>
-        </view>
-        <!-- 功能块 -->
-        <view class="btns-box">
-            <view class="btns-box-item" @click="onWallet">
-                <image class="icon" src="@/static/user/userIcon_00.png" mode="widthFix" />
-                ZH钱包
-                <uni-icons class="forward" type="forward" color="#999" />
-            </view>
-            <view class="btns-box-item" @click="onFiles">
-                <image class="icon" src="@/static/user/userIcon_02.png" mode="widthFix" />
-                健康档案
-                <uni-icons class="forward" type="forward" color="#999" />
-            </view>
-            <view class="btns-box-item" @click="onBtn('Address', { type: 'edit' })">
-                <image class="icon" src="@/static/user/userIcon_03.png" mode="widthFix" />
-                地址管理
-                <uni-icons class="forward" type="forward" color="#999" />
-            </view>
-        </view>
-        <view class="btns-box" v-if="$store.state.token != ''">
-            <view class="btns-box-item" @click="logOut">
-                <image class="icon" src="@/static/user/userIcon_05.png" mode="widthFix" />
-                退出登录
-                <uni-icons class="forward" type="forward" color="#999" />
-            </view>
-        </view>
-        <view class="footer-text">
-            <view>ZH生态俱乐部</view>
-            <view>All Rights Reserved. ZH Eco Club</view>
-        </view>
-    </view>
-</template>
-
-<script>
-import { info } from '@/apis/interfaces/user';
-import userAuth from '@/public/userAuth';
-export default {
-    data() {
-        return {
-            cardText: ['新用户首单即赠会员', '老用户专属验证开通会员'],
-            userInfo: {
-                nickname: '',
-                avatar: '',
-                identity: []
-            }
-        };
-    },
-    onShow() {
-        this.getInfo();
-    },
-    methods: {
-        // 用户信息
-        getInfo() {
-            if (this.$store.state.token === '') return;
-            info()
-                .then(res => {
-                    console.log(res);
-                    uni.setNavigationBarTitle({
-                        title: res.nickname
-                    });
-                    this.userInfo = res;
-                    console.log(res);
-                })
-                .catch(err => {
-                    uni.showToast({
-                        title: err.message,
-                        icon: 'none'
-                    });
-                });
-        },
-        // 开通会员
-        openVip() {
-            if (this.isLogin()) {
-                uni.showActionSheet({
-                    itemList: ['我是新用户', '我是老用户'],
-                    success: res => {
-                        switch (res.tapIndex) {
-                            case 0:
-                                uni.showModal({
-                                    title: '开通提示',
-                                    content: '平台新用户完成首笔订单，即可获赠ZH健康会员',
-                                    showCancel: false,
-                                    cancelText: '去完成',
-                                    success: res => {
-                                        console.log(res);
-                                        this.$Router.pushTab({ name: 'Store' });
-                                    }
-                                });
-                                break;
-                            case 1:
-                                uni.showToast({
-                                    title: '老用户渠道暂未开放',
-                                    icon: 'none'
-                                });
-                                break;
-                        }
-                    }
-                });
-            }
-        },
-        // 开通钱包
-        onWallet() {
-            if (this.isLogin()) {
-                if (this.userInfo.is_wallet) this.$Router.push({ name: 'WalletProperty' });
-                else this.$Router.push({ name: 'WalletAdd' });
-            }
-        },
-        // 个人档案
-        onFiles() {
-            if (this.isLogin()) {
-                if (!this.userInfo.has_record) {
-                    this.$Router.push({ name: 'EssentialInfo' });
-                    return;
-                }
-                // this.$Router.push({ name: 'UserFiles',params:{id:this.userInfo.record_id} });
-                uni.navigateTo({
-                    url: `/pages/user/files?id=${this.userInfo.record.record_id}`
-                });
-            }
-        },
-        // 按钮导航
-        onBtn(name, params) {
-            if (this.isLogin()) {
-                this.$Router.push({ name, params });
-            }
-        },
-        // 检查登录
-        isLogin() {
-            if (this.$store.state.token === '') {
-                const Auth = new userAuth();
-                Auth.Login();
-                return false;
-            }
-            return true;
-        },
-        // 退出登录
-        logOut() {
-            this.userInfo = {
-                nickname: '',
-                avatar: '',
-                identity: []
-            };
-            this.$store.commit('setToken', '');
-        },
-        copy(data){
-            uni.setClipboardData({
-                data: data,
-                success: function () {
-                    uni.showToast({
-                        title:'复制成功',
-                        icon:'none'
-                    })
+
+        <!-- 健康数据 -->
+        <view class="health-flex" v-if="userInfo.has_record">
+            <view class="health-flex-item">
+                <view class="title">
+                    体脂率
+                    <image class="icon" src="@/static/user/icon_04.png" mode="widthFix" />
+                </view>
+                <view class="num">
+                    {{ userInfo.record.fat.fat }}
+                    <text>%</text>
+                </view>
+                <view class="hith">{{ userInfo.record.fat.text }}</view>
+            </view>
+            <view class="health-flex-item">
+                <view class="title">
+                    体重
+                    <image class="icon" src="@/static/user/icon_05.png" mode="widthFix" />
+                </view>
+                <view class="num">
+                    {{ userInfo.record.weight.weight }}
+                    <text>KG</text>
+                </view>
+                <view class="hith">{{ userInfo.record.weight.text }}</view>
+            </view>
+        </view>
+        <!-- 订单 -->
+        <view class="order-box">
+            <view class="order-box-item" @click="onBtn('Order', { index: 0 })">
+                <image class="icon" src="@/static/user/order_icon_00.png" mode="widthFix" />
+                <view class="title">全部订单</view>
+            </view>
+            <view class="order-box-item" @click="onBtn('Order', { index: 1 })">
+                <image class="icon" src="@/static/user/order_icon_01.png" mode="widthFix" />
+                <view class="title">待付款</view>
+            </view>
+            <view class="order-box-item" @click="onBtn('Order', { index: 2 })">
+                <image class="icon" src="@/static/user/order_icon_02.png" mode="widthFix" />
+                <view class="title">待发货</view>
+            </view>
+            <view class="order-box-item" @click="onBtn('Order', { index: 3 })">
+                <image class="icon" src="@/static/user/order_icon_03.png" mode="widthFix" />
+                <view class="title">待收货</view>
+            </view>
+            <view class="order-box-item" @click="onBtn('Order', { index: 4 })">
+                <image class="icon" src="@/static/user/order_icon_04.png" mode="widthFix" />
+                <view class="title">已完成</view>
+            </view>
+        </view>
+        <!-- 功能块 -->
+        <view class="btns-box">
+            <view class="btns-box-item" @click="onWallet">
+                <image class="icon" src="@/static/user/userIcon_00.png" mode="widthFix" />
+                ZH钱包
+                <uni-icons class="forward" type="forward" color="#999" />
+            </view>
+            <view class="btns-box-item" @click="onFiles">
+                <image class="icon" src="@/static/user/userIcon_02.png" mode="widthFix" />
+                健康档案
+                <uni-icons class="forward" type="forward" color="#999" />
+            </view>
+            <view class="btns-box-item" @click="onBtn('Address', { type: 'edit' })">
+                <image class="icon" src="@/static/user/userIcon_03.png" mode="widthFix" />
+                地址管理
+                <uni-icons class="forward" type="forward" color="#999" />
+            </view>
+        </view>
+        <view class="btns-box" v-if="$store.state.token != ''">
+            <view class="btns-box-item" @click="logOut">
+                <image class="icon" src="@/static/user/userIcon_05.png" mode="widthFix" />
+                退出登录
+                <uni-icons class="forward" type="forward" color="#999" />
+            </view>
+        </view>
+        <view class="footer-text">
+            <view>ZH生态俱乐部</view>
+            <view>All Rights Reserved. ZH Eco Club</view>
+        </view>
+    </view>
+</template>
+
+<script>
+    import {
+        info
+    } from '@/apis/interfaces/user';
+    import userAuth from '@/public/userAuth';
+    import im from '@/utils/im/index.js'
+
+    export default {
+        data() {
+            return {
+                cardText: ['新用户首单即赠会员', '老用户专属验证开通会员'],
+                userInfo: {
+                    nickname: '',
+                    avatar: '',
+                    identity: []
                 }
-            });
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-.content {
-    background: $window-color;
-    min-height: 100vh;
-}
-// 版权信息
-.footer-text {
-    text-align: center;
-    font-size: $title-size-sm;
-    padding: $padding $padding $padding * 2;
-    color: $text-gray-m;
-}
-// 用户信息
-.info-box {
-    position: relative;
-    background: linear-gradient(to right, #34ce98, #22aa98);
-    color: white;
-    @extend .ios-top;
-    & > image {
-        position: absolute;
-        top: 0;
-        right: 0;
-        width: 100%;
-        height: 100%;
-        // z-index: 100;
-    }
-    .user-flex {
-        position: relative;
-        padding: $padding * 2 $padding ($padding * 2 + 60);
-        height: 128rpx;
-        .cover {
-            position: absolute;
-            width: 128rpx;
-            height: 128rpx;
-            border-radius: 50%;
-            border: solid 6rpx white;
-            box-sizing: border-box;
-            z-index: 100;
-        }
-        .user-content {
-            padding-left: 158rpx;
-            height: 128rpx;
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            position: relative;
-            .chainAddress {
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-                font-size: $title-size-m;
-                padding-top: 10rpx;
-                display: flex;
-                flex-direction: row;
-                align-items: center;
-                justify-content: flex-start;
+            };
+        },
+        onShow() {
+            this.getInfo();
+        },
+        methods: {
+            // 用户信息
+            getInfo() {
+                if (this.$store.state.token === '') return;
+                info()
+                    .then(res => {
+                        console.log(res);
+                        uni.setNavigationBarTitle({
+                            title: res.nickname
+                        });
+                        this.userInfo = res;
+                        console.log(res);
+                    })
+                    .catch(err => {
+                        uni.showToast({
+                            title: err.message,
+                            icon: 'none'
+                        });
+                    });
+            },
+            // 开通会员
+            openVip() {
+                if (this.isLogin()) {
+                    uni.showActionSheet({
+                        itemList: ['我是新用户', '我是老用户'],
+                        success: res => {
+                            switch (res.tapIndex) {
+                                case 0:
+                                    uni.showModal({
+                                        title: '开通提示',
+                                        content: '平台新用户完成首笔订单，即可获赠ZH健康会员',
+                                        showCancel: false,
+                                        cancelText: '去完成',
+                                        success: res => {
+                                            console.log(res);
+                                            this.$Router.pushTab({
+                                                name: 'Store'
+                                            });
+                                        }
+                                    });
+                                    break;
+                                case 1:
+                                    uni.showToast({
+                                        title: '老用户渠道暂未开放',
+                                        icon: 'none'
+                                    });
+                                    break;
+                            }
+                        }
+                    });
+                }
+            },
+            // 开通钱包
+            onWallet() {
+                if (this.isLogin()) {
+                    if (this.userInfo.is_wallet) this.$Router.push({
+                        name: 'WalletProperty'
+                    });
+                    else this.$Router.push({
+                        name: 'WalletAdd'
+                    });
+                }
+            },
+            // 个人档案
+            onFiles() {
+                if (this.isLogin()) {
+                    if (!this.userInfo.has_record) {
+                        this.$Router.push({
+                            name: 'EssentialInfo'
+                        });
+                        return;
+                    }
+                    // this.$Router.push({ name: 'UserFiles',params:{id:this.userInfo.record_id} });
+                    uni.navigateTo({
+                        url: `/pages/user/files?id=${this.userInfo.record.record_id}`
+                    });
+                }
+            },
+            // 按钮导航
+            onBtn(name, params) {
+                if (this.isLogin()) {
+                    this.$Router.push({
+                        name,
+                        params
+                    });
+                }
+            },
+            // 检查登录
+            isLogin() {
+                if (this.$store.state.token === '') {
+                    const Auth = new userAuth();
+                    Auth.Login();
+                    return false;
+                }
+                return true;
+            },
+            // 退出登录
+            logOut() {
+                this.userInfo = {
+                    nickname: '',
+                    avatar: '',
+                    identity: []
+                };
+                this.$store.commit('setToken', '');
+                // 断开IM链接
+                im.disconnect()
+            },
+            copy(data) {
+                uni.setClipboardData({
+                    data: data,
+                    success: function() {
+                        uni.showToast({
+                            title: '复制成功',
+                            icon: 'none'
+                        })
+                    }
+                });
+            }
+        }
+    };
+</script>
+
+<style lang="scss" scoped>
+    .content {
+        background: $window-color;
+        min-height: 100vh;
+    }
+
+    // 版权信息
+    .footer-text {
+        text-align: center;
+        font-size: $title-size-sm;
+        padding: $padding $padding $padding * 2;
+        color: $text-gray-m;
+    }
+
+    // 用户信息
+    .info-box {
+        position: relative;
+        background: linear-gradient(to right, #34ce98, #22aa98);
+        color: white;
+        @extend .ios-top;
+
+        &>image {
+            position: absolute;
+            top: 0;
+            right: 0;
+            width: 100%;
+            height: 100%;
+            // z-index: 100;
+        }
+
+        .user-flex {
+            position: relative;
+            padding: $padding * 2 $padding ($padding * 2 + 60);
+            height: 128rpx;
+
+            .cover {
+                position: absolute;
+                width: 128rpx;
+                height: 128rpx;
+                border-radius: 50%;
+                border: solid 6rpx white;
+                box-sizing: border-box;
+                z-index: 100;
+            }
+
+            .user-content {
+                padding-left: 158rpx;
+                height: 128rpx;
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
                 position: relative;
-                z-index: 200;
-            }
-            .name {
-                line-height: 40rpx;
-                font-weight: bold;
-                font-size: $title-size + 8;
-                @extend .nowrap;
-            }
-            .tabs {
-                padding-top: 10rpx;
-                &-item {
-                    background: rgba($color: #000000, $alpha: 0.3);
-                    font-size: $title-size-sm - 4;
-                    display: inline-block;
-                    line-height: 36rpx;
-                    padding: 0 20rpx;
-                    border-radius: 20rpx;
-                    image {
-                        width: 26rpx;
-                        height: 26rpx;
-                        vertical-align: middle;
-                        margin-bottom: 2rpx;
-                        margin-right: 8rpx;
-                    }
-                }
-            }
-        }
-    }
-}
-// 会员卡
-.vip-card {
-    position: relative;
-    margin: -60rpx $margin $margin;
-    background: linear-gradient(to right bottom, #3e5364, #31364a);
-    border-radius: $radius;
-    box-sizing: border-box;
-    color: #fcc692;
-    padding: $padding ($padding + 170) $padding $padding;
-    .title {
-        font-weight: bold;
-        font-size: $title-size-lg;
-        line-height: 40rpx;
-        image {
-            width: 32rpx;
-            height: 32rpx;
-            margin-right: 10rpx;
-            vertical-align: middle;
-            margin-bottom: 4rpx;
-        }
-    }
-    .subtitle {
-        font-size: $title-size-sm;
-        margin-top: 10rpx;
-        .u-notice-bar {
-            padding: 0;
-        }
-    }
-    .btn {
-        position: absolute;
-        right: $margin;
-        margin-top: -30rpx;
-        top: 50%;
-        height: 60rpx;
-        line-height: 60rpx;
-        background: linear-gradient(to right, #fce3c5, #fcc590);
-        color: #31364a;
-        font-weight: bold;
-        width: 150rpx;
-        text-align: center;
-        font-size: $title-size-m;
-        border-radius: 30rpx;
-    }
-}
-// 订单信息
-.order-box {
-    margin: $margin;
-    background: white;
-    border-radius: $radius;
-    display: flex;
-    justify-content: space-between;
-    &-item {
-        width: 25%;
-        padding: $padding $padding/2;
-        text-align: center;
-        .icon {
-            width: 48rpx;
-            height: 48rpx;
-            vertical-align: top;
-        }
-        .title {
-            font-size: $title-size-sm;
-            margin-top: $margin/3;
-        }
-    }
-}
-// 健康数据
-.health-flex {
-    display: flex;
-    margin: $margin ($margin - 10);
-    &-item {
-        margin: 0 10rpx;
-        background: white;
-        width: calc(50% - 20rpx);
-        border-radius: $radius;
-        padding: $padding;
-        box-sizing: border-box;
-        .title {
-            font-size: $title-size-lg;
-            .icon {
-                width: 32rpx;
-                height: 32rpx;
-                vertical-align: middle;
-                margin-left: 10rpx;
-                margin-bottom: 2rpx;
-            }
-        }
-        .num {
-            font-weight: bold;
-            font-size: $title-size + 10;
-            padding: $padding/3 0;
-            text {
-                font-size: 70%;
-                padding-left: 10rpx;
-            }
-        }
-        .hith {
-            font-size: $title-size-sm;
-            color: $text-gray;
-        }
-    }
-}
-// 模块
-.btns-box {
-    background: white;
-    margin: $margin;
-    border-radius: $radius;
-    &-item {
-        position: relative;
-        line-height: 90rpx;
-        padding: $padding * 0.6 $padding;
-        font-size: $title-size-lg;
-        &::after {
-            position: absolute;
-            height: 1rpx;
-            content: ' ';
-            left: $margin;
-            right: $margin;
-            bottom: 0;
-            background-color: #f9f9f9;
-        }
-        &:last-child::after {
-            display: none;
-        }
-        .forward {
-            position: absolute;
-            right: $margin;
-        }
-        .icon {
-            width: 44rpx;
-            height: 44rpx;
-            vertical-align: middle;
-            margin-right: $margin/2;
-            margin-bottom: 8rpx;
-        }
-    }
-}
+
+                .chainAddress {
+                    overflow: hidden;
+                    white-space: nowrap;
+                    text-overflow: ellipsis;
+                    font-size: $title-size-m;
+                    padding-top: 10rpx;
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    justify-content: flex-start;
+                    position: relative;
+                    z-index: 200;
+                }
+
+                .name {
+                    line-height: 40rpx;
+                    font-weight: bold;
+                    font-size: $title-size + 8;
+                    @extend .nowrap;
+                }
+
+                .tabs {
+                    padding-top: 10rpx;
+
+                    &-item {
+                        background: rgba($color: #000000, $alpha: 0.3);
+                        font-size: $title-size-sm - 4;
+                        display: inline-block;
+                        line-height: 36rpx;
+                        padding: 0 20rpx;
+                        border-radius: 20rpx;
+
+                        image {
+                            width: 26rpx;
+                            height: 26rpx;
+                            vertical-align: middle;
+                            margin-bottom: 2rpx;
+                            margin-right: 8rpx;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // 会员卡
+    .vip-card {
+        position: relative;
+        margin: -60rpx $margin $margin;
+        background: linear-gradient(to right bottom, #3e5364, #31364a);
+        border-radius: $radius;
+        box-sizing: border-box;
+        color: #fcc692;
+        padding: $padding ($padding + 170) $padding $padding;
+
+        .title {
+            font-weight: bold;
+            font-size: $title-size-lg;
+            line-height: 40rpx;
+
+            image {
+                width: 32rpx;
+                height: 32rpx;
+                margin-right: 10rpx;
+                vertical-align: middle;
+                margin-bottom: 4rpx;
+            }
+        }
+
+        .subtitle {
+            font-size: $title-size-sm;
+            margin-top: 10rpx;
+
+            .u-notice-bar {
+                padding: 0;
+            }
+        }
+
+        .btn {
+            position: absolute;
+            right: $margin;
+            margin-top: -30rpx;
+            top: 50%;
+            height: 60rpx;
+            line-height: 60rpx;
+            background: linear-gradient(to right, #fce3c5, #fcc590);
+            color: #31364a;
+            font-weight: bold;
+            width: 150rpx;
+            text-align: center;
+            font-size: $title-size-m;
+            border-radius: 30rpx;
+        }
+    }
+
+    // 订单信息
+    .order-box {
+        margin: $margin;
+        background: white;
+        border-radius: $radius;
+        display: flex;
+        justify-content: space-between;
+
+        &-item {
+            width: 25%;
+            padding: $padding $padding/2;
+            text-align: center;
+
+            .icon {
+                width: 48rpx;
+                height: 48rpx;
+                vertical-align: top;
+            }
+
+            .title {
+                font-size: $title-size-sm;
+                margin-top: $margin/3;
+            }
+        }
+    }
+
+    // 健康数据
+    .health-flex {
+        display: flex;
+        margin: $margin ($margin - 10);
+
+        &-item {
+            margin: 0 10rpx;
+            background: white;
+            width: calc(50% - 20rpx);
+            border-radius: $radius;
+            padding: $padding;
+            box-sizing: border-box;
+
+            .title {
+                font-size: $title-size-lg;
+
+                .icon {
+                    width: 32rpx;
+                    height: 32rpx;
+                    vertical-align: middle;
+                    margin-left: 10rpx;
+                    margin-bottom: 2rpx;
+                }
+            }
+
+            .num {
+                font-weight: bold;
+                font-size: $title-size + 10;
+                padding: $padding/3 0;
+
+                text {
+                    font-size: 70%;
+                    padding-left: 10rpx;
+                }
+            }
+
+            .hith {
+                font-size: $title-size-sm;
+                color: $text-gray;
+            }
+        }
+    }
+
+    // 模块
+    .btns-box {
+        background: white;
+        margin: $margin;
+        border-radius: $radius;
+
+        &-item {
+            position: relative;
+            line-height: 90rpx;
+            padding: $padding * 0.6 $padding;
+            font-size: $title-size-lg;
+
+            &::after {
+                position: absolute;
+                height: 1rpx;
+                content: ' ';
+                left: $margin;
+                right: $margin;
+                bottom: 0;
+                background-color: #f9f9f9;
+            }
+
+            &:last-child::after {
+                display: none;
+            }
+
+            .forward {
+                position: absolute;
+                right: $margin;
+            }
+
+            .icon {
+                width: 44rpx;
+                height: 44rpx;
+                vertical-align: middle;
+                margin-right: $margin/2;
+                margin-bottom: 8rpx;
+            }
+        }
+    }
 </style>
diff --git a/public/userAuth.js b/public/userAuth.js
index a2464cf..0257a3a 100644
--- a/public/userAuth.js
+++ b/public/userAuth.js
@@ -1,115 +1,136 @@
-/**
- * Web唐明明
- * 匆匆数载恍如梦，岁月迢迢华发增。
- * 碌碌无为枉半生，一朝惊醒万事空。
- * moduleName: 登录
- */
-
-import { router } from '../router'
-import { keyAuth } from '../apis/interfaces/auth'
-import store from '../store'
-
-class userAuth {
-	constructor() {
-		this.univerfyConfig = {
-			fullScreen: true,
-			authButton: {
-				'title': '一键登录',
-				'normalColor': '#34CE98',
-				'highlightColor': '#16b17a',
-				'disabledColor': '#aae4cc',
-			},
-			otherLoginButton: {
-				'title': '其他手机号码',
-				'borderColor': '#34CE98',
-				'textColor': '#34CE98'
-			},
-			privacyTerms: {
-				'checkedImage': '/static/icon/checked-icon.png',
-				'uncheckedImage': '/static/icon/unchecked-icon.png',
-				'textColor': '#999',
-				'termsColor': '#34CE98',
-				'suffix': '并使用本机号码登录/注册',
-				'privacyItems': [{
-					'url': 'https://www.baidu.com',
-					'title': '隐私协议'
-				}, {
-					'url': 'https://www.baidu.com',
-					'title': '服务协议'
-				}]
-			},
-			buttons: {
-				'iconWidth': '45px',
-				'list': [{
-					"provider": '微信登录',
-					"iconPath": '/static/icons/wechat.png',
-				}]
-			}
-		}
-	}
-	// 预登录
-	Login() {
-		//#ifdef H5
-			router.push({ name: 'Auth' })
-			return
-		//#endif
-		
-		return new Promise((resolve, reject) => {
-			uni.showLoading({
-				title: '加载中',
-				mask: true
-			})
-			uni.preLogin({
-				provider: 'univerify',
-				success: res => {
-					this.keyLogin().then(() => {
-						resolve({
-							auth: true
-						})
-					}).catch(errMsg => {
-						reject(errMsg)
-					})
-				},
-				fail: err => {
-					router.push({ name: 'Auth' })
-				},
-				complete() {
-					uni.hideLoading()
-				}
-			})
-		})
-	}
-	// 一键登录
-	keyLogin() {
-		return new Promise((resolve, reject) => {
-			uni.login({
-				provider: 'univerify',
-				univerifyStyle: {
-					...this.univerfyConfig
-				},
-				success: authResult => {
-					keyAuth({
-						access_token: authResult.authResult.access_token,
-						openid: authResult.authResult.openid
-					}).then(res => {
-						uni.closeAuthView()
-						store.commit('setToken', res.token_type + ' ' + res.access_token)
-						resolve()
-					}).catch(err => {
-						reject(err)
-					})
-				},
-				fail: err => {
-					uni.closeAuthView()
-					switch (err.code) {
-						case 30002:
-							router.push({ name: 'Auth', params: { keyPhone: 1 }})
-							break
-					}
-				}
-			})
-		})
-	}
-}
-
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ * moduleName: 登录
+ */
+
+import {
+    router
+} from '../router'
+import {
+    keyAuth
+} from '../apis/interfaces/auth'
+import store from '../store'
+import {
+    getImToken
+} from '@/apis/interfaces/im.js'
+import im from '@/utils/im/index.js'
+
+class userAuth {
+    constructor() {
+        this.univerfyConfig = {
+            fullScreen: true,
+            authButton: {
+                'title': '一键登录',
+                'normalColor': '#34CE98',
+                'highlightColor': '#16b17a',
+                'disabledColor': '#aae4cc',
+            },
+            otherLoginButton: {
+                'title': '其他手机号码',
+                'borderColor': '#34CE98',
+                'textColor': '#34CE98'
+            },
+            privacyTerms: {
+                'checkedImage': '/static/icon/checked-icon.png',
+                'uncheckedImage': '/static/icon/unchecked-icon.png',
+                'textColor': '#999',
+                'termsColor': '#34CE98',
+                'suffix': '并使用本机号码登录/注册',
+                'privacyItems': [{
+                    'url': 'https://www.baidu.com',
+                    'title': '隐私协议'
+                }, {
+                    'url': 'https://www.baidu.com',
+                    'title': '服务协议'
+                }]
+            },
+            buttons: {
+                'iconWidth': '45px',
+                'list': [{
+                    "provider": '微信登录',
+                    "iconPath": '/static/icons/wechat.png',
+                }]
+            }
+        }
+    }
+    // 预登录
+    Login() {
+        //#ifdef H5
+        router.push({
+            name: 'Auth'
+        })
+        return
+        //#endif
+
+        return new Promise((resolve, reject) => {
+            uni.showLoading({
+                title: '加载中',
+                mask: true
+            })
+            uni.preLogin({
+                provider: 'univerify',
+                success: res => {
+                    this.keyLogin().then(() => {
+                        resolve({
+                            auth: true
+                        })
+                    }).catch(errMsg => {
+                        reject(errMsg)
+                    })
+                },
+                fail: err => {
+                    router.push({
+                        name: 'Auth'
+                    })
+                },
+                complete() {
+                    uni.hideLoading()
+                }
+            })
+        })
+    }
+    // 一键登录
+    keyLogin() {
+        return new Promise((resolve, reject) => {
+            uni.login({
+                provider: 'univerify',
+                univerifyStyle: {
+                    ...this.univerfyConfig
+                },
+                success: authResult => {
+                    keyAuth({
+                        access_token: authResult.authResult.access_token,
+                        openid: authResult.authResult.openid
+                    }).then(res => {
+                        uni.closeAuthView()
+                        store.commit('setToken', res.token_type + ' ' + res.access_token)
+                        // 在这里，登录成功，链接IM服务
+                        getImToken().then(res => {
+                            im.connect(res.token, res.userInfo)
+                        })
+                        resolve()
+                    }).catch(err => {
+                        reject(err)
+                    })
+                },
+                fail: err => {
+                    uni.closeAuthView()
+                    switch (err.code) {
+                        case 30002:
+                            router.push({
+                                name: 'Auth',
+                                params: {
+                                    keyPhone: 1
+                                }
+                            })
+                            break
+                    }
+                }
+            })
+        })
+    }
+}
+
 export default userAuth
diff --git a/utils/im/index.js b/utils/im/index.js
index 4cfaafb..a04ece5 100644
--- a/utils/im/index.js
+++ b/utils/im/index.js
@@ -3,13 +3,20 @@ import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
 import store from '@/store/index.js'
 import {
     getFriends,
-    getUserInfo
+    getUserInfo,
+    getImToken
 } from '@/apis/interfaces/im.js'
 
 const initIm = (KEY) => {
     RongIMLib.init(KEY)
     CallLib.init()
     addListeners()
+    // 初始化的时候 自动链接
+    if (store.getters.getToken !== '') {
+        getImToken().then(res => {
+            connect(res.token, res.userInfo, () => {})
+        })
+    }
 }
 
 const setNotifyBadge = () => {
@@ -19,6 +26,9 @@ const setNotifyBadge = () => {
         count
     }) => {
         if (code === 0) {
+            // #ifdef APP-PLUS
+            plus.runtime.setBadgeNumber(count)
+            // #endif
             if (count > 0) {
                 uni.setTabBarBadge({
                     index: 3,
@@ -31,6 +41,7 @@ const setNotifyBadge = () => {
             }
         }
     })
+
 }
 
 /**
@@ -60,6 +71,13 @@ const connect = (token, userInfo, callback) => {
 
 const disconnect = () => {
     RongIMLib.disconnect()
+    // 移除提醒数量
+    // #ifdef APP-PLUS
+    plus.runtime.setBadgeNumber(0)
+    // #endif
+    uni.removeTabBarBadge({
+        index: 3
+    })
 }
 
 // 允许通知的消息类型，触发更新消息列表操作
@@ -103,9 +121,9 @@ const addListeners = () => {
     // 监听通话呼入
     CallLib.onCallReceived(({
         data
-    }) => {
-        console.log('onCallReceived', data)
-        
+    }) => {
+        console.log('onCallReceived', data)
+
         uni.navigateTo({
             url: '/pages/im/private/call?targetId=' + data.targetId + '&mediaType=' +
                 data.mediaType
@@ -113,7 +131,7 @@ const addListeners = () => {
     })
 
     // 通话建立成功
-    CallLib.onCallConnected(() => {
+    CallLib.onCallConnected(() => {
         uni.$emit('onCallConnected');
     })