miniprogram-doctor/user/pages/mobile_login/index.js

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: false,
    btn_color: "#ccc",
    static_host: api.getStaticHost()
  },
  onLoad(){
    let usertype =  wx.getStorageSync('usertype');
    if(!usertype){
      wx.navigateTo({
        url: "/Pages/index/index"
      })
    }
  },
  onShow(){
    let usertype =  wx.getStorageSync('usertype');
    if(!usertype){
      wx.navigateTo({
        url: "/Pages/index/index"
      })
    }
  },
  onChange(event) {
    this.setData({
      checked: event.detail,
    });
  },
  changeCheck(){
    let checked = this.data.checked
    this.setData({
      checked: !checked
    })
  },
  phone_change(e){
    let phone = e.detail.value;
    this.setData({
      phone: e.detail.value
    })
    let phone_reg = /^1[3-9]\d{9}$/;
    if(phone_reg.test(phone)){
      this.setData({
        btn_color: "#3CC7C0"
      })
    }else{
      this.setData({
        btn_color: "#ccc"
      })
    }
  },
 
  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 THIS=this;
    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 => {
            app.globalData.isLogin=true;
            const { envVersion } = wx.getAccountInfoSync().miniProgram;
            if(envVersion=='release'){
                wx.setStorageSync('AUTH_TOKEN_'+usertype, response.data.token);
            }else{
                wx.setStorageSync('DEV_AUTH_TOKEN_'+usertype, response.data.token);
                
            }
            // wx.setStorageSync('AUTH_TOKEN_'+usertype, response.data.token);
            wx.setStorageSync('user_id_'+usertype, response.data.user_id);
            wx.setStorageSync('client_user_id_'+usertype, response.data.client_user_id);
            app.globalData.config.userID = response.data.user_id;
            let handleGo=function(){
              wx.switchTab({
                url:  wx.getStorageSync('next_url')
              })
            }
            app.imInit({path:'Pages/mobile_login/index'},1,handleGo);
          
          }).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)
  },
  go(e){
    let url = e.currentTarget.dataset.url;
    app.go(url);
  }

})