jzmall_uni/pages/tabBar/ucenter/index/index.vue

<template>
    <view>
        <view class="ucenter-page">
            <view class="top">
                <!-- <image class='profile-info-backimg' src='/static/images/myinfo.png'  mode="aspectFit"/> -->
                <view class="profile-info" @tap="goLogin">
                    <image class="avatar" :src="userInfo.avatarUrl ? userInfo.avatarUrl : '/static/images/new/icon-user.png'" mode="aspectFit"></image>
                    <view class="info">
                        <view class="user-name-wrapper">
                            <text class="name">{{ userInfo.nickName }}</text>
                            <!-- <view class="jz-badge" wx:if="{{hasLogin&&isMember}}">J</view> -->
                        </view>
                        <text class="cert" v-if="hasLogin">{{ userInfo.mobile }}</text>
						  <!-- #ifdef MP-TOUTIAO -->
                        <view v-if="hasLogin && !userInfo.avatarUrl" @tap="dyLogin" class="plus">完善信息</view>
						 <!-- #endif -->
						 
						 
                        <!-- open-type="getUserInfo" -->
                        <!-- <progress percent="50"  wx:if="{{hasLogin}}"  class="process" activeColor="white" backgroundColor="#808080" stroke-width="8rpx"></progress> -->
                    </view>
                    <!-- 超级鲸会员
<view class="jz-member-wrapper" wx:if="{{hasLogin}}">
   <view class="is-member" wx:if="{{isMember}}" bindtap="goMemberCenter"> 
   <view class="is-member-right">
    <text>超级鲸会员</text>
   <van-icon name="arrow" color="#5D3A11" />
  </view>
   </view> 
   <view class="not-member" wx:else bindtap="goMemberCenter">
   <text>开通超级鲸会员</text>
   <van-icon name="arrow" color="#5D3A11" />
   </view> 
</view> -->

                    <!-- <view>
      <image class='profile-info-qr-image' wx:if="{{hasLogin}}" src='/static/images/qrcode.png' 
      bindtap="createQrcode"></image> 
      </view> -->
                </view>
            </view>

            <!-- 引荐人 -->
            <!-- <view class="recommend-module" wx:if="{{hasLogin&&isdis}}">
      <view class="recommend-main">

      <view class="recommend-top">
         <image src='/static/images/new/icon-recommend.png'></image>
         <text>鲸致团长</text>
         <view class="recomend-center" bindtap="goReferee">
            <text>鲸致团长</text>
            <van-icon name="arrow" color="#2A2A2A" />
         </view> 
      </view>
      <view class="adv-text">鲸致团长|合作安心·月月分佣</view>
      </view>
  </view> -->

            <view class="container">
                <!-- <view class="main-module">
    <view class="coupon-block" bindtap='goCoupon'>
      <text class="num">{{couponCount}}</text>
      <text class="module-text">优惠券</text>
    </view>
 
    <view class="favor-good" bindtap='goCollect'>
      <text class="num">{{collectCount}}</text>
      <text class="module-text">收藏商品</text>

    </view>
</view> -->

                <!-- 我的订单 -->
                <view class="order-block" style="margin-top: 20rpx">
                    <!-- <view class="my-order-title">
  <view>我的订单</view>
  <view class="whole-order" bindtap='goOrder'>
     <text>全部订单</text>
  </view>
</view> -->
                    <view class="order-module">
                       
                        <view class="tool-item" @tap="goOrderIndex" data-index="1" data-route="/pages/ucenter/order/order">
                            <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ui/icon-dfk.png"></image>
                            <text class="tool-text">待付款</text>
                        </view>
                        <view class="tool-item" @tap="goOrderIndex" data-index="2" data-route="/pages/ucenter/order/order">
                            <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ui/icon-fwz.png"></image>
                            <text class="tool-text">服务中</text>
                        </view>
                        <!-- <view class="tool-item" bindtap='goOrderIndex' data-index='4' data-route='/pages/ucenter/order/order'>
          <image class="tool-img" mode="aspectFit" src='https://mall.zhaijieshi.cc/file/wx-dy/order-03.png'></image>
          <text class="tool-text">待评价</text>
        </view> -->
                        <view class="tool-item" @tap="goAftersaleList">
                            <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ui/icon-tksh.png"></image>
                            <text class="tool-text">退款售后</text>
                        </view>
						<view class="tool-item" @tap="goOrderIndex" data-index="0">
						    <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ui/icon-qbdd.png"></image>
						    <text class="tool-text">全部订单</text>
						</view>
                    </view>
                </view>
                <view>
                    <view class="tool-module middle-module dy-module">
                        <view class="tool-item" @tap="goAddress">
                            <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ui/icon-address.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">服务地址</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>

                        <view class="tool-item" @tap="goCoupon">
                            <image class="tool-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/ucenter/icon-01.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">卡券包</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>

                        <!-- <view class="tool-item">
        <contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="27">   </contact-button>
        <image class="tool-img" mode="aspectFit" src='https://mall.zhaijieshi.cc/file/jzmall/weixin/ucenter/icon-06.png'></image>
        <text class="tool-text">联系客服</text>
      </view> -->
                        <view class="tool-item contact-wrapper" @tap="goIM">
                            <!-- <button class="contact-btn" open-type="contact">客服</button> -->
                            <image
                                class="tool-img"
                                mode="aspectFit"
                                src="https://mall.zhaijieshi.cc/file/jzmall/weixin/ucenter/icon-06.png"
                                style="width: 34rpx; height: 28rpx"
                            ></image>
                            <view class="text-wrapper">
                                <text class="tool-text">联系客服</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>
                        <view class="tool-item" @tap="goSnow" v-if="isSnow">
                            <image class="tool-img" mode="aspectFit" src="/static/images/new/snow.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">直播小雪花</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>

                        <view class="tool-item" @tap="goHelp">
                            <image class="tool-img" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/icon-fwsm.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">服务说明</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>

                        <view class="tool-item" @tap="aboutUs">
                            <image class="tool-img" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/icon-us.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">关于我们</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>

                        <view class="tool-item" @tap="goFeedback">
                            <image
                                class="tool-img"
                                mode="aspectFit"
                                src="https://mall.zhaijieshi.cc/file/jzmall/weixin/ucenter/icon-07.png"
                                style="width: 34rpx; height: 24rpx"
                            ></image>
                            <view class="text-wrapper">
                                <text class="tool-text">意见反馈</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>
									  <!-- #ifdef MP-TOUTIAO -->
                        <view class="tool-item" @tap="aboutCompany">
                            <image class="tool-img" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/icon-us.png"></image>
                            <view class="text-wrapper">
                                <text class="tool-text">资质展示</text>
                                <image class="tool-img arrow" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png"></image>
                            </view>
                        </view>
						 <!-- #endif -->
                    </view>

                    <!-- 
<view class="tool-module bottom-module">
      <view class="tool-item" bindtap='goHelp'>
        <image class="tool-img" mode="aspectFit" src='https://mall.zhaijieshi.cc/file/jzmall/weixin/ucenter/icon-09.png'></image>
        <text class="tool-text">帮助中心</text>
      </view>
      
      <view class="tool-item">
    
      </view>
      <view class="tool-item">
    
  </view>
      <view class="tool-item">
      
      </view>
</view> -->
                </view>

                <!-- <view class="tool-module">
      <view class="tool-item" bindtap='goOrderIndex' data-index='1' data-route='/pages/ucenter/order/order'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-01.png'></image>
        <text class="tool-text">待付款</text>
      </view>
      <view class="tool-item" bindtap='goOrderIndex' data-index='3' data-route='/pages/ucenter/order/order'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-02.png'></image>
        <text class="tool-text">待上门</text>
      </view>
      <view class="tool-item" bindtap='goOrderIndex' data-index='4' data-route='/pages/ucenter/order/order'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-03.png'></image>
        <text class="tool-text">待评价</text>
      </view>
      <view class="tool-item" bindtap='goOrder'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-04.png'></image>
        <text class="tool-text">全部订单</text>
      </view>
</view>


<view class="tool-module">
      <view class="tool-item" bindtap='goAddress'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-05.png'></image>
        <text class="tool-text">服务地址</text>
      </view>
     
      <view class="tool-item">
        <contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="27">   </contact-button>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-06.png'></image>
        <text class="tool-text">联系客服</text>
      </view>
 
      <view class="tool-item" bindtap='goFeedback'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-07.png'></image>
        <text class="tool-text">意见反馈</text>
      </view>
      <view class="tool-item" bindtap='aboutUs'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-08.png'></image>
        <text class="tool-text">关于我们</text>
      </view>
</view>


<view class="tool-module">
      <view class="tool-item" bindtap='goHelp'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-09.png'></image>
        <text class="tool-text">帮助中心</text>
      </view>
      <view class="tool-item" bindtap='goStar'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-10.png'></image>
        <text class="tool-text">引荐人</text>
      </view>
      <view class="tool-item" bindtap='goAftersaleList'>
        <image class="tool-img" mode="aspectFit"
        src='/static/images/mycenter-04.png'></image>
        <text class="tool-text">售后列表</text>
      </view>
      <view class="tool-item">
    
      </view>
      <view class="tool-item">
      
      </view>
</view> -->

                <!-- <view class='user_tool'>
    <view class='user_tool_row' bindtap='goOrder'>
      <view class='user_row_left'>我的订单</view>
      <van-icon class='user_row_right' name="arrow" />      
    </view> -->

                <!-- <view class='user_column'>
      <view class='user_column_item' bindtap='goOrderIndex' data-index='1' data-route='/pages/ucenter/order/order'>
        <text class="user_column_item_badge" wx:if="{{order.unpaid != 0}}">{{order.unpaid}}</text>
        <image class='user_column_item_image' src='/static/images/money.png'>
        </image>
        <view class='user_column_item_text'>待付款</view>
      </view> -->
                <!-- <view class='user_column_item' bindtap='goOrderIndex' data-index='2' data-route='/pages/ucenter/order/order'>
        <text class="user_column_item_badge" wx:if="{{order.unship != 0}}">{{order.unship}}</text>
        <image class='user_column_item_image' src='/static/images/car.png'></image>
        <view class='user_column_item_text'>待发货</view>
      </view> -->
                <!-- <view class='user_column_item' bindtap='goOrderIndex' data-index='3' data-route='/pages/ucenter/order/order'>
        <text class="user_column_item_badge" wx:if="{{order.unrecv != 0}}">{{order.unrecv}}</text>
        <image class='user_column_item_image' src='/static/images/box.png'></image>
        <view class='user_column_item_text'>待上门</view>
      </view>
      <view class='user_column_item' bindtap='goOrderIndex' data-index='4' data-route='/pages/ucenter/order/order'>
        <text class="user_column_item_badge" wx:if="{{order.uncomment != 0}}">{{order.uncomment}}</text>
        <image class='user_column_item_image' src='/static/images/msg.png'></image>
        <view class='user_column_item_text'>待评价</view>
      </view>
      <view class='user_column_item' bindtap='goAfterSale'>
        <image class='user_column_item_image' src='/static/images/sale.png'></image>
        <view class='user_column_item_text'>售后</view>
      </view>
    </view>
  </view> 

  <view class='user_tool'> 
  <view class='user_tool_row'>
    <view class='user_tool_row_title'>核心服务</view>
  </view>
  <view class='user_column'>
   <view class='user_column_item' bindtap='goStar'>
      <image class='user_column_item_image' src='/static/images/group.png'></image>
      <view class='user_column_item_text' wx:if="{{isdis}}">合伙人</view>
      <view class='user_column_item_text' wx:if="{{!isdis}}">加入合伙人</view>
    </view> -->

                <!-- <view class='user_column_item' bindtap='goCoupon'>
      <image class='user_column_item_image' src='/static/images/coupon.png'></image>
      <view class='user_column_item_text'>优惠卷</view>
    </view>
    <view class='user_column_item' bindtap='goCollect'>
      <image class='user_column_item_image' src='/static/images/collect.png'></image>
      <view class='user_column_item_text'>商品收藏</view>
    </view> -->
                <!--<view class='user_column_item' bindtap='goFootprint'>
      <image class='user_column_item_image' src='https://zc-oss-wechat.oss-cn-zhangjiakou.aliyuncs.com/icon/footprint.png'></image>
      <view class='user_column_item_text'>浏览足迹</view>
    </view>
    

    <view class='user_column_item' bindtap='goGroupon'>
      <image class='user_column_item_image' src='/static/images/peoples.png'></image>
      <view class='user_column_item_text'>我的拼团</view>
    </view>-->

                <!-- <view class='user_column_item' bindtap='goAddress'>
      <image class='user_column_item_image' src='/static/images/address.png'></image>
      <view class='user_column_item_text'>地址管理</view>
    </view>
  </view> 
  </view> -->

                <!-- <view class="user_tool">
  <view class='user_tool_row'>
    <view class='user_tool_row_title'>必备工具</view>
  </view> 
 
  <view class='user_tool_column'>  -->
                <!--<view class='user_tool_column_item' bindtap='goRegistr' wx:if="{{!isnid}}">
      <image class='user_tool_column_item_image' src='/static/images/ic.png'></image>
      <view class='user_tool_column_item_text'>实名认证</view>
    </view>-->
                <!-- <view class='user_column_item' bindtap='goHelp'>
      <image class='user_column_item_image' src='/static/images/help.png'></image>
      <view class='user_column_item_text'>帮助中心</view>
    </view>
    <view class='user_column_item' bindtap='goFeedback'>
      <image class='user_column_item_image' src='/static/images/feedback.png'></image>
      <view class='user_column_item_text'>意见反馈</view>
    </view> 
    <view class='user_column_item'>
      <contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="27">
      </contact-button>
      <image class='user_column_item_image' src='/static/images/customer.png'></image>
      <view class='user_column_item_text'>联系客服</view>
    </view>
    <view class='user_column_item' bindtap='aboutUs'>
      <image class='user_column_item_image' src='/static/images/about.png'></image>
      <view class='user_column_item_text'>关于我们</view>
    </view>
  </view> -->

                <!-- </view> -->

                <view class="logout" v-if="hasLogin" @tap="exitLogin">退出登录</view>
            </view>
        </view>

        <view class="login-out-wrapper" v-if="logoutTipShow">
            <view class="login-out-tip">
                <image class="tip-img" mode="aspectFit" src="https://mall.zhaijieshi.cc/file/wx-dy/icon-alert.png"></image>
                <view class="tips">亲，确定退出此账号？</view>
                <view class="select-wrapper">
                    <view class="confirm" @tap="confOut">确定</view>
                    <view class="cancel" @tap="cancelOut">取消</view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
var util = require('../../../../utils/util.js');
var api = require('../../../../config/api.js');
var user = require('../../../../utils/user.js');
var app = getApp();
export default {
    data() {
        return {
            userInfo: {
                nickName: '点击登录',
                avatarUrl: '/static/images/new/icon-user.png',
                isDis: false,
                mobile: ''
            },

            order: {
                unpaid: 0,
                unship: 0,
                unrecv: 0,
                uncomment: 0
            },

            hasLogin: false,
            isdis: false,

            //是否分销员
            issign: true,

            //是否注册完成了信息,
            isMember: false,

            //是否是会员
            logoutTipShow: false,

            isSnow: false,

            //是否显示小雪花入口
            talentId: '',

            couponCount: ''
        };
    },
    onLoad: function (options) {
        // 页面初始化 options为页面跳转所带来的参数
        console.info('pages/tabBar/ucenter/index/index  onload');
    },
    onReady: function () {},
    onShow: function () {
        console.info(app.globalData.hasLogin);
        //获取用户的登录信息
        if (app.globalData.hasLogin) {
            let userInfo = uni.getStorageSync('userInfo');
            //console.info(userInfo);
            this.setData({
                userInfo: userInfo,
                hasLogin: true
            });
            app.globalData.userInfo = userInfo;
            //console.log(app.globalData.hasLogin);
            //console.log(userInfo);
// #ifdef MP-TOUTIAO
            let that = this;
            util.request(api.UserIndex).then(function (res) {
                if (res.errno === 0) {
                    console.log(res);
                    that.setData({
                        // collectCount: res.data.collectCount,
                        couponCount: res.data.couponCount,
                        order: res.data.order,
                        isdis: res.data.isdis,
                        issign: res.data.issign,
                        isMember: res.data.level == '1' ? true : false,
                        isSnow: res.data.isSnow,
                        talentId: res.data.talentId
                    });
                    app.globalData.isMember = res.data.level == '1' ? true : false;
                }
            });
			// #endif
        }
    },
    onHide: function () {
        // 页面隐藏
    },
    onUnload: function () {
        // 页面关闭
    },
    methods: {
        goAftersaleList() {
            console.log('来了');
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/aftersaleList/aftersaleList'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goLogin() {
            if (!this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goOrder() {
            if (this.hasLogin) {
                try {
                    uni.setStorageSync('tab', 0);
                } catch (e) {
                    console.log('CatchClause', e);
                    console.log('CatchClause', e);
                }
                uni.navigateTo({
                    url: '/pages/ucenter/order/order'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goOrderIndex(e) {
            if (this.hasLogin) {
                let tab = e.currentTarget.dataset.index;
                let route = e.currentTarget.dataset.route;
                uni.navigateTo({
                    url: '/pages/ucenter/order/order?tab=' + tab
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goSign() {
            uni.navigateTo({
                url: '/pages/ucenter/parter/sign/index'
            });
        },

        goStar() {
            if (this.hasLogin) {
                if (this.isdis) {
                    let url = '/pages/ucenter/parter/index';
                    // if(!this.data.isnid)//是否实名过
                    // url="/pages/auth/register/register";
                    //跳转
                    uni.navigateTo({
                        url: url
                    });
                } else {
                    uni.navigateTo({
                        url: '/pages/ucenter/parter/join/joinapply'
                    });
                }
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goCoupon() {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/couponList/couponList'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goCollect() {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/collect/collect'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goFeedback(e) {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/feedback/feedback'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goRegistr() {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/auth/register/register'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goFootprint() {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/footprint/footprint'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goAddress() {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/address/address'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        dyLogin: function () {
            let that = this;
            console.log();
            uni.getUserProfile({
                // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
                success: (res) => {
                    console.log(res);
                    let params = res;
                    if (params.userInfo == null) {
                        uni.showToast({
                            title: '未授权，无法完善信息',
                            icon: 'success',
                            duration: 3000
                        });
                        return;
                    }
                    // e.userInfo.encryptedData = e.encryptedData;
                    util.request(api.UserInfo, params.userInfo, 'POST')
                        .then((response) => {
                            if (response.errno == 0) {
                                app.globalData.userInfo = response.data;
                                uni.setStorageSync('userInfo', response.data);
                                that.setData({
                                    // issign: true,
                                    userInfo: response.data
                                });
                                uni.showToast({
                                    title: '信息完善成功',
                                    icon: 'success',
                                    duration: 3000
                                });
                            }
                        })
                        .catch((err) => {
                            console.info(err);
                            uni.showToast({
                                title: '请求失败，稍后再试',
                                icon: 'success',
                                duration: 3000
                            });
                        });
                },
                fail(res) {
                    uni.showToast({
                        title: '未授权，无法完善信息',
                        icon: 'success',
                        duration: 3000
                    });
                    return;
                }
            });
        },

        goAfterSale: function () {
            if (this.hasLogin) {
                uni.navigateTo({
                    url: '/pages/ucenter/aftersaleList/aftersaleList'
                });
            } else {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
            }
        },

        goSnow() {
            uni.navigateTo({
                url: '/pages/goods/snowGoodsList/snowGoodsList?talentId=' + this.talentId
            });
        },

        aboutUs: function () {
            uni.navigateTo({
                url: '/pages/ucenter/about/about'
            });
        },

        aboutCompany: function () {
            uni.navigateTo({
                url: '/pages/ucenter/company/company'
            });
        },

        goHelp: function () {
            uni.navigateTo({
                url: '/pages/ucenter/help/help'
            });
        },

        createQrcode: function () {
            //二维码生成
            util.request(
                api.QrCodeCreate,
                {
                    path: '/pages/index/index'
                },
                'POST'
            ).then(function (res) {
                console.log(res);
                uni.previewImage({
                    current: res.data.imgUrl,
                    // 当前显示图片的http链接
                    urls: [res.data.imgUrl] // 需要预览的图片http链接列表
                });
            });
        },

        exitLogin: function () {
            this.setData({
                logoutTipShow: true
            });
        },

        cancelOut: function () {
            this.setData({
                logoutTipShow: false
            });
        },

        confOut: function () {
            util.request(api.AuthLogout, {}, 'POST');
            app.globalData = {};
            uni.removeStorageSync('token');
            uni.removeStorageSync('userInfo');
            uni.removeStorageSync('addressInfo');
            uni.removeStorageSync('openId');
            uni.reLaunch({
                url: '/pages/tabBar/ucenter/index/index'
            });
        },

        exitLogin1: function () {
            uni.showModal({
                title: '',
                confirmColor: '#b4282d',
                content: '退出登录？',
                success: function (res) {
                    if (!res.confirm) {
                        return;
                    }
                    util.request(api.AuthLogout, {}, 'POST');
                    app.globalData = {};
                    uni.removeStorageSync('token');
                    uni.removeStorageSync('userInfo');
                    uni.removeStorageSync('addressInfo');
                    uni.reLaunch({
                        url: '/pages/tabBar/ucenter/index/index'
                    });
                    // wx.reLaunch({
                    //   url: '/pages/index/index'
                    // });
                }
            });
        },

        goMemberCenter() {
            uni.navigateTo({
                url: '/pages/member/memberCenter/memberCenter'
            });
        },

        goBuyMember() {
            uni.navigateTo({
                url: '/pages/member/buyMember/buyMember'
            });
        },

        goIM() {
            console.info('goIm');
            uni.navigateTo({
                url: '/pages/chat/im/im'
            });
        }
    }
};
</script>
<style>
page {
    height: 100%;
    width: 100%;
    background: #f4f4f4;
}

.container {
    /* background: #f4f4f4; */
    height: auto;
    /* overflow: hidden; */
    width: 750rpx;
    padding: 0 30rpx 40rpx;
    /* filter: blur(5rpx);*/
    background: transparent;
}

.top {
    /* height: 210rpx;
  background: #09afff; */
    /* position: relative; */
    height: 274rpx;
    background: url('https://mall.zhaijieshi.cc/file/wx-dy/top-bg.png') no-repeat center bottom;
    background-size: 750rpx 274rpx;
}
.profile-info {
    /*background-color: #ab956d; */
    display: flex;
    align-items: center;

    padding: 30rpx 0 0 42rpx;
    font-size: 28rpx;
    /* border-radius: 10rpx;
  margin:15rpx  ;*/
    /* margin-top: -180rpx; */
}
.profile-info-backimg {
    width: 100%;
    height: 180rpx;
    /* z-index: -1; */
    position: absolute;
}
.profile-info .avatar {
    height: 128rpx;
    width: 128rpx;
    border-radius: 50%;
    border: 2rpx solid #fff;
}

.profile-info .info {
    flex: 1;
    height: 108rpx;
    padding: 16rpx 0 0 48rpx;
    /* width: 414rpx; */
    color: #fff;
    margin: 0 20rpx 0 0;
}
.user-name-wrapper {
    height: 36rpx;
    margin: 0 0 20rpx 0;
    display: flex;
    align-items: center;
}
.profile-info .name {
    /* font-weight: bold; */
    font-size: 34rpx;
    margin-bottom: 5rpx;
    max-width: 340rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.profile-info .cert {
    line-height: 44rpx;
    font-size: 20rpx;
    /* width: 158px; */
    height: 44rpx;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 44px;

    padding: 0 10rpx;
    /* margin-bottom: 5rpx; */
}
.profile-info .plus {
    font-size: 24rpx;
    width: 120rpx;
    line-height: 40rpx;
    margin: -60rpx 0 0 300rpx;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 40px;
    height: 40rpx;
    color: #fff;
    text-align: center;
}

.profile-info-img-star {
    width: 10rpx;
    height: 10rpx;
}

.profile-info .level {
    display: block;
    height: 30rpx;
    line-height: 30rpx;
    margin-bottom: 10rpx;
    color: #7f7f7f;
    font-size: 30rpx;
}

.profile-info-qr-image {
    width: 80rpx;
    height: 80rpx;
    margin-top: 30rpx;
    margin-left: 150rpx;
}
.process {
    border-radius: 2rpx;
}

.user_tool {
    height: 250rpx;
    background: #fff;
    border-radius: 10rpx;
    margin: 15rpx 0;
}
.user_tool_row {
    /* border: 1px solid black; 
  border-bottom: 1px solid #fafafa;*/
    height: 86rpx;
    line-height: 86rpx;
}
.user_tool_row_title {
    height: 86rpx;
    font-weight: 550;
    line-height: 86rpx;
    margin-left: 35rpx;
    font-size: 32rpx;
    color: #000;
}
.user_tool_row_title_left {
    float: left;
}

.user_tool_column {
    height: 140rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_tool_column_item {
    width: 25%;
    height: 100rpx;
    background: #fff;
    text-align: center;
    position: relative;
    margin-top: 5rpx;
}
.user_tool_column_item_text {
    /* border: 1px solid black; */
    margin-top: 5rpx;
    font-size: 26rpx;
    color: #555;
}

.user_tool_column_item_image {
    width: 50rpx;
    height: 50rpx;
    margin-top: 5rpx;
}

.user_area {
    /* border: 1px solid black; */
    width: 100%;
    height: 226rpx;
    /* margin: 0 auto; */
    margin-top: -8rpx;
    background: #fff;
    /* border-top: 1px solid #f4f4f4; */
}

.user_row {
    /* border: 1px solid black; */
    height: 86rpx;
    line-height: 86rpx;
    border-bottom: 1px solid #fafafa;
}

.user_row_left {
    /* border: 1px solid #757575; */
    float: left;
    height: 86rpx;
    font-weight: 550;
    line-height: 86rpx;
    margin-left: 35rpx;
    font-size: 26rpx;
    letter-spacing: 1rpx;
    color: #000;
    font-size: 32rpx;
}

.user_row_right {
    /* border: 1px solid #757575; */
    float: right;
    height: 40rpx;
    width: 40rpx;
    font-weight: 550;
    line-height: 86rpx;
    margin-right: 30rpx;
    margin-top: 24rpx;
}

.user_column {
    /* border: 1px solid black; */
    height: 140rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_column_item {
    width: 30%;
    height: 140rpx;
    background: #fff;
    text-align: center;
    position: relative;
}

.user_column_item_badge {
    height: 30rpx;
    width: 30rpx;
    position: absolute;
    background: #b4282d;
    color: #fff;
    border-radius: 50%;
    margin-top: 20rpx;
    margin-left: 40rpx;
    font-size: 20rpx;
}

.user_column_item_image {
    width: 50rpx;
    height: 50rpx;
    margin-top: 30rpx;
}

.user_column_item_text {
    /* border: 1px solid black; */
    margin-top: 5rpx;
    font-size: 24rpx;
    color: #555;
    /*color: #252a48;*/
}

.separate {
    background: #e0e3da;
    width: 100%;
    height: 6rpx;
}

.user_column_item_phone {
    width: 30%;
    height: 140rpx;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: left;
    background: #fff;
    border-radius: 0;
}

.user_column_item_phone::after {
    border: none;
    border-radius: 0;
}

.logout {
    margin-top: 28rpx;
    height: 84rpx;
    width: 100%;
    line-height: 84rpx;
    text-align: center;
    background: #fff;
    font-size: 28rpx;
    border-radius: 14rpx;
}

/* 新版页面 */
.main-module {
    border-radius: 10rpx;
    background: #fff;
    height: 106rpx;
    margin: 28rpx 0;
    padding: 24rpx 40rpx 16rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.coupon-block,
.favor-good {
    display: flex;
    flex-direction: column;
    height: 66rpx;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    line-height: 24rpx;
}
.devide-line {
    height: 80rpx;
    width: 2rpx;
    background: #bbb;
}
.main-module .num {
    font-weight: bold;
    font-size: 24rpx;
}
.main-module .module-text {
    color: #000;
    font-size: 24rpx;
}
/* .order-block{
  height: 200rpx;
  padding:24rpx 22rpx;
  border-radius:10rpx;
  background:#fff;
  margin:0 0 28rpx;
} */
.my-order-title {
    height: 28rpx;
    font-size: 26rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40rpx 0;
}
.my-order-title > view:first-child {
    font-weight: bold;
}
.whole-order {
    color: #85868a;
    font-size: 24rpx;
    display: flex;
    align-items: center;
}
.order-module {
    height: 80rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tool-module {
    height: 80rpx;
    /* padding:24rpx 22rpx; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin:28rpx 0; */
}
.middle-module-wrapper {
    padding: 40rpx 22rpx 30rpx;
    border-radius: 10rpx;
    background: #fff;
}
.tool-img {
  /*  width: 60rpx;
    height: 50rpx; */
	 width:72rpx;
		height: 58rpx;
		margin-bottom:20rpx;
}
.tool-item {
   /* display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 82rpx;
    width: 110rpx; */
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-direction: column;
		/* flex:1; */
	  width:100rpx;
}
.tool-item .tool-text {
  	font-size: 24rpx;
  	line-height: 24rpx;
}
.tool-item .middle-module {
}
.tool-module.bottom-module {
    margin: 40rpx 0 0;
}
.member-crown {
    width: 48rpx;
    height: 48rpx;
    z-index: 999;
}
.jz-badge {
    width: 34rpx;
    height: 34rpx;
    background: linear-gradient(0deg, #f1e3c8 0%, #e6c162 100%);
    border-radius: 50%;
    margin: 0 0 14rpx 0;
    font-size: 32rpx;
    color: #5d3a11;
    line-height: 32rpx;
    text-align: center;
    margin: 0 0 0 14rpx;
}
.jz-member-wrappe {
    max-width: 210rpx;
}
.not-member {
    width: 210rpx;
    height: 42rpx;
    background: linear-gradient(78deg, #f1e3c8, #e6c162);
    border-radius: 22rpx 0 0 22rpx;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 24rpx;
    color: #5d3a11;
}
.is-member {
    width: 200rpx;
    height: 48rpx;
    display: flex;
    align-items: center;
    font-size: 24rpx;
    color: #5d3a11;
}
.is-member .is-member-right {
    background: url('https://mall.zhaijieshi.cc/file/jzmall/weixin/member/member-star1.png') no-repeat center center;
    background-size: 100% 100%;
    height: 48rpx;
    display: flex;
    align-items: center;
    width: 200rpx;
    padding-left: 52rpx;
}
.is-member .is-member-right text {
    font-size: 24rpx;
}
.recommend-module {
    height: 750rpx;
    height: 148rpx;
    padding: 0 28rpx;
    margin: -28rpx 0 0;
    background: #09afff;
}
.recommend-main {
    width: 696rpx;
    height: 148rpx;
    padding: 0 28rpx;
    background: url('https://mall.zhaijieshi.cc/file/jzmall/weixin/member/recommend-bg.png') no-repeat center top;
    background-size: 100% 100%;
    color: #fff;
}
.recommend-top {
    height: 84rpx;
    display: flex;
    font-size: 30rpx;
    font-weight: bold;
    align-items: center;
    justify-content: space-between;
}
.recommend-top image {
    width: 42rpx;
    height: 42rpx;
    margin: 0 30rpx 0 0;
}
.recommend-top > text {
    flex: 1;
}
.recomend-center {
    width: 168rpx;
    height: 44rpx;
    background: #efd671;
    border-radius: 22rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24rpx;
    color: #2a2a2a;
}
.adv-text {
    height: 64rpx;
    line-height: 64rpx;
    font-size: 24rpx;
}
.dy-module {
    width: 690rpx;
    height: auto;
    background: #ffffff;
    border-radius: 15rpx;
    padding: 10rpx 30rpx;
    flex-direction: column;
}
.dy-module .tool-item {
    flex-direction: row;
    width: 630rpx;
    height: 84rpx;
}
.text-wrapper {
    flex: 1;
    border-bottom: 1rpx solid #efefef;
    height: 84rpx;
    line-height: 84rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dy-module .tool-item:last-child .text-wrapper {
    border-bottom: none;
}
.dy-module .tool-img {
 /*   width: 34rpx;
    height: 34rpx;
    margin-right: 14rpx; */
	 width:28rpx;
		height: 28rpx;
		margin:0 18rpx 0 0;
}
.dy-module .tool-item .tool-text {
    font-size: 28rpx;
}
.dy-module .arrow.tool-img {
    width:28rpx;
    	height:20rpx;
    	opacity: 0.8;
		margin:0;
}
.order-module {
    width: 690rpx;
    height: 180rpx;
    background: #ffffff;
    border-radius: 15rpx;
    padding: 0 20rpx;
    margin: -82rpx 0 20rpx;

		padding:0 40rpx;
}
.order-module .tool-item {
    flex: 1;
    padding: 36rpx 0 38rpx;
    height: 180rpx;
}
.login-out-wrapper {
    width: 750rpx;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
}
.login-out-tip {
    width: 576rpx;
    height: 350rpx;
    background: #ffffff;
    border-radius: 20rpx;
    position: relative;
    padding: 142rpx 66rpx 50rpx;
}
.tip-img {
    position: absolute;
    width: 218rpx;
    height: 218rpx;
    top: -104rpx;
    left: 178rpx;
}
.login-out-wrapper .tips {
    /* font-weight: bold; */
    color: #333333;
    line-height: 38rpx;
    height: 38rpx;
    font-size: 36rpx;
    text-align: center;
    margin-bottom: 48rpx;
}
.select-wrapper {
    height: 70rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-wrapper .confirm {
    width: 200rpx;
    height: 70rpx;
    line-height: 70rpx;
    border: 2rpx solid #999999;
    border-radius: 70rpx;
    font-size: 30rpx;
    text-align: center;
}
.select-wrapper .cancel {
    width: 200rpx;
    height: 70rpx;
    line-height: 70rpx;
    background: #00c0ff;
    border-radius: 70rpx;
    color: #ffffff;
    font-size: 30rpx;
    text-align: center;
}
.contact-wrapper {
    position: relative;
}
.contact-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 630rpx;
    height: 90rpx;
    opacity: 0;
    z-index: 99;
}
</style>