import { API } from './../../utils/network/api'
const api = new API()
const app = getApp()
Page({
  data: {
    navbarData: {
      showCapsule: 1, //是否显示左上角图标   1表示显示    0表示不显示
      title: '手机号登录', //导航栏 中间的标题
    },
    checked: false,
    phone: "",
    sms: "",
    btn_msg: "获取验证码",
    btn_disabled: false,
    login_disabled: true,
    btn_color: "#ccc"
  },
  onChange(event) {
    this.setData({
      checked: event.detail,
    });
  },
  phone_change(e){
    let phone = this.data.phone;
    if(phone != ""){
      this.setData({
        btn_color: "#3CC7C0"
      })
    }
  },
  getCodePhone(e){
    let phone_reg = /^1[3-9]\d{9}$/;
    let phone = this.data.phone;
    //判断用户输入的真实姓名是否为空
    if(phone.length == 0){
      wx.showToast({title: '手机号不能为空', icon:'error'})
      return false;
    }else if(!phone_reg.test(phone)){//检测姓名的格式是否匹配
      wx.showToast({title: '手机号输入有误', icon:'error'})
      return false;
    }

    if(!this.data.checked){
      wx.showToast({
        title: '请同意协议',
        icon: "error"
      })
      return;
    }
    this.setData({
      btn_disabled: true
    })
    //获取手机号验证码
    var params = {};
    params.phone = this.data.phone;
    params.scene = 1;
    api.getCodePhone(params).then(response => {
      console.log(response);
      this.beginDaoJiShi();
      this.setData({
        login_disabled: false
      })
    }).catch(errors => {
      this.setData({
        btn_disabled: false
      })
      console.error(errors);
    })
  },
  mobileLogin(e){

    let phone_reg = /^1[3-9]\d{9}$/;
    let phone = this.data.phone;
    let sms = this.data.sms;
    //判断用户输入的真实姓名是否为空
    if(phone.length == 0){
      wx.showToast({title: '手机号不能为空', icon:'error'})
      return false;
    }else if(!phone_reg.test(phone)){//检测姓名的格式是否匹配
      wx.showToast({title: '手机号输入有误', icon:'error'})
      return false;
    }

    if(sms.length == 0){
      wx.showToast({title: '验证码不能为空', icon:'error'})
      return false;
    }

    if(!this.data.checked){
      wx.showToast({
        title: '请同意协议',
        icon: "error"
      })
      return;
    }
    let usertype = wx.getStorageSync('usertype');
    wx.login({
      success: (res) => {
        console.log(res)
        if (res.code) {
          var params = {};
          params.phone = this.data.phone;
          params.code = this.data.sms;
          params.user_type = usertype;
          params.wx_code = res.code;
      
          api.mobileLogin(params).then(response => {
            console.log(response);
            wx.setStorageSync('AUTH_TOKEN_'+usertype, response.data.token);
            wx.setStorageSync('user_id', response.data.user_id);
            wx.setStorageSync('client_user_id', response.data.client_user_id);
            app.globalData.config.userID = response.data.user_id;
            app.imInit();
            wx.switchTab({
              url:  wx.getStorageSync('next_url')
            })
          }).catch(errors => {console.error(errors);})
        } else {
          wx.showToast({
            title: '登录失败',
            icon: "error"
          })
        }
      },
    })
   
  },
  beginDaoJiShi(){
    console.log("开始倒计时")
    let _this = this;
    let time = 60;
    let time_index = setInterval(function(){
      console.log("time: ", time);
      if(time > 1){
        time--;
        _this.setData({
          btn_msg: time+" 秒后获取",
          btn_disabled: true
        })
      }else{
        _this.setData({
          btn_msg: "获取验证码",
          btn_disabled: false
        })
        clearInterval(time_index);
      }
    },1000)


  }

})