<view class="user">
    <view class="header">
        <view class="login-wrap" bindtap="goDetail">
            <view class="user-img">
                <image src="{{userImg}}" wx:if="{{userImg}}"></image>
                <image src="../../image/defaultuser.png" wx:else></image>
            </view>
            <view class="user-name">{{userName || '去登录'}} ></view>
        </view>
    </view>
    <view class="list section">
        <navigator url="{{isLogin ? '../address/address' : '../login/login'}}" >
            <view class="flex-con">
                <span class="icon icon-map"></span>
                <text>配送地址管理</text>
                <span class="icon icon-right"></span>
            </view>
        </navigator>
        <navigator url="{{isLogin ? '../coupon-list/coupon-list' : '../login/login'}}">
            <view class="flex-con">
                <span class="icon icon-mendianyouhuiquan"></span>
                <text>门店优惠券</text>
                <span class="icon icon-right"></span>
            </view>
        </navigator>

        <view class="flex-con">
            <span class="icon icon-handshake"></span>
            <text>招商加盟</text>
            <span class="icon icon-right"></span>
        </view>

    </view>
</view>

.user {
    color: #222;
    -webkit-tap-highlight-color: transparent;
}
.user .header {
    height: 340rpx;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(../../image/ucenterbg.jpg) no-repeat left top;
    background-size: cover;
}
.user .user-img{
    overflow: hidden;
    margin-bottom: 20rpx;
    text-align: center;
}
.user .user-img  image {
    width: 90rpx;
    height: 90rpx;
    border-radius: 50%;
}
.user .user-name {
    text-align: center;
    font-size: 30rpx;
}
.section {
    background: #fff;
    padding: 0 20rpx;
}

.list .flex-con {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 30rpx 0;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
}
.list .flex-con .icon {
    font-size: 28rpx;
}
.list .flex-con .icon.icon-map{
    color: #30ba78;
}
.list .flex-con .icon.icon-mendianyouhuiquan{
    color: #e61773;
}
.list .flex-con .icon.icon-handshake{
    color: #4b95fa;
}

.list .flex-con text {
    display: block;
    flex: 1;
    margin: 0 20rpx;
    font-size: 28rpx;
}

@import "../../css/font.wxss";

// pages/account/account.js
var util = require('../../utils/util.js');
var ports = require('../../utils/ports.js');
var polyfill = require('../../utils/polyfill.js');
//获取app实例
var appInstance = getApp();
Page({
  data:{
    isLogin: false,
    userImg: null,
    userName: null,
    userInfo: {}
  },
  goDetail: function(){
    if(this.data.isLogin){
        wx.navigateTo({
          url: '../user-detail/user-detail'
        });
    }else{
        wx.navigateTo({
          url: '../login/login'
        });
    }
  },
  getInfo: function(){
    var _self = this;
    util.getToken().then(token => {
      return util.wxRequest({
          url: ports.userInfo,
          header: { 'X-Auth-Token': token }
      })
    }).then((res) => {
        _self.setData({
          isLogin: true
        });
        res.data.hasData = true;
        // 传递给全局变量cartData（购物车数据）
        appInstance.globalData.userInfo = polyfill.object.assignIn(appInstance.globalData.userInfo, res.data);
        _self.setData({
          userImg: appInstance.globalData.userInfo.avatar,
          userName: appInstance.globalData.userInfo.nickname,
          userInfo: appInstance.globalData.userInfo
        });
    }).catch(err => {
        if(err.status === 4002) {
            wx.navigateTo({
              url: '../login/login'
            });
        }
    })
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    this.getInfo();
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
    if(!polyfill.object.isObjectValueEqual(appInstance.globalData.userInfo, this.data.userInfo)){
        this.setData({
          userImg: appInstance.globalData.userInfo.avatar,
          userName: appInstance.globalData.userInfo.nickname,
          userInfo: appInstance.globalData.userInfo
        });
    }
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  }
})