<style lang="less">
.login-box {
  padding-top: 40px;
  .avatar-wrapper {
    padding: 0px;
    width: 196rpx;
    height: 196rpx;
    border-radius: 50%;
    image {
      width: 196rpx;
      height: 196rpx;
      border-radius: 50%;
    }
  }
  .avatar-tip {
    text-align: center;
    font-family: PingFang SC;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 44rpx;
    text-align: center;
  }

  .bind-btn-box {
    position: fixed;
    bottom: 228rpx;
    left: 50%;
    transform: translateX(-50%);
    .bind-btn {
      width: 548rpx;
      height: 100rpx;
      line-height: 100rpx;
      border-radius: 56rpx;
      background: rgba(61, 203, 204, 1);
      border: none;
      font-family: PingFang SC;
      font-size: 32rpx;
      font-weight: 400;
      letter-spacing: 0px;
      text-align: center;
      color: #fff;
    }
    .bind-btn-tip {
      //styleName: 14/常规;
      font-family: PingFang SC;
      padding-top: 32rpx;
      font-size: 28rpx;
      font-weight: 400;
      line-height: 44rpx;
      text-align: center;
      color: rgba(139, 148, 158, 1);
    }
  }

  .home-btn {
    margin-top: 240rpx;
    width: 548rpx;
    height: 100rpx;
    line-height: 100rpx;
    border-radius: 56rpx;
    border: 1px solid rgba(61, 203, 204, 1);
  }
}
</style>
<template>
 <div class="login-box">
  <button class="avatar-wrapper"
    v-if="canIUseGetUserProfile"
    open-type="chooseAvatar" 
    bind:chooseavatar="onChooseAvatar">
    <image class="avatar" src="{{avatarUrl}}"/>
  </button>  
  <div class="avatar-tip" v-if="canIUseGetUserProfile">可点击获取头像</div>
  <div class="bind-btn-box">
   <button class="bind-btn"
   open-type="getPhoneNumber"
   bindgetphonenumber="phonenumberAuth"
   >微信手机号认证</button>
   <!-- @click="goBindTenant" -->
   <!-- bindgetphonenumber="phonenumberAuth" -->
   <div class="bind-btn-tip">确保是入职公司使用的手机号</div>
  </div>
  <button class="home-btn" @click="goHome">首页</button>
 </div>
</template>

<script>
import wepy from '@wepy/core';
import { mapState } from '@wepy/x';
import store from '@/store';
import config from '@/config';
import { setAvatar, setUserInfoByAuth } from '@/service/user';
import { getCompanyByPhone } from '@/api/user';
let defaultAvatarUrl =
  config.h5StaticPath + '/page-bind-tenant/default_avatar.svg';
wepy.page({
  store,
  config: {
    navigationBarTitleText: 'test'
  },
  data: {
    nicknameValue: '',
    avatarUrl: defaultAvatarUrl,
    msg: '测试数据',
    canIUseGetUserProfile: false,
    userInformation: wx.getStorageSync('userInformation')
  },
  onLoad() {
    if (wx.getUserProfile) {
      this.canIUseGetUserProfile = true;
    }
  },
  onShow() {},
  methods: {
    // 绑定租户
    bindTenant() {},
    onChooseAvatar(e) {
      this.avatarUrl = e.$wx.detail.avatarUrl;
      let avatarUrl = this.avatarUrl;
      let that = this;
      wx.getFileSystemManager().readFile({
        filePath: avatarUrl,
        encoding: 'base64',
        success: function(res) {
          console.log(res.data);
          that.avatarUrl = 'data:image/png;base64,' + res.data;
          setAvatar(that.avatarUrl);
        }
      });
    },
    getPageCompanyByPhone() {},
    goHome() {
      wx.navigateTo({
        url: '/packagesEnv/pages/home/index'
      });
    },
    // 手机号认证
    phonenumberAuth(e) {
      console.log(e);
      // this.goBindTenant();
      let detail = e.$wx.detail;
      let code = detail.code;
      let errMsg = detail.errMsg;
      console.log(detail);
      store.commit('setUserPhone', 15321277745);
      // wx.setStorage('userPhone', 15321277745);
      // wx.navigateTo({
      //   url: '/pages/bindTenant/index'
      // });
    },
    goBindTenant() {
      console.log('被点击了');
      wx.navigateTo({
        url: '/pages/bindTenant/index'
      });
    }
  },
  created() {}
});
</script>
<config>
{
navigationBarTitleText: '首页',
}
</config>