jinhongjian/view/pages/user_phone/index.js

import { registerVerify, bindingPhone, verifyCode} from '../../api/api.js';
const app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    parameter: {
      'navbar': '1',
      'return': '1',
      'title': '绑定手机号',
      'color': true,
      'class': '0'
    },
    disabled: false,
    active: false,
    timetext: '获取验证码',
    userInfo: {},
    phone: '',
    key: '',
    imagesCode: false,
    httpUrl: '',
    captchaimg: ''
  },
  inputgetName(e) {
    let that = this;
    let name = e.currentTarget.dataset.name;
    let nameMap = {}
    if (name.indexOf('.') != -1) {
      let nameList = name.split('.')
      if (that.data[nameList[0]]) {
        nameMap[nameList[0]] = that.data[nameList[0]]
      } else {
        nameMap[nameList[0]] = {}
      }
      nameMap[nameList[0]][nameList[1]] = e.detail.value
    } else {
      nameMap[name] = e.detail.value
    }
    that.setData(nameMap);
  },
  onLoadFun:function(){

  },
  editPwd:function(){
    let that = this;
    if (!this.data.phone) return app.Tips({ title: '请填写手机号码！' });
    if (!(/^1[3456789]\d{9}$/.test(this.data.phone))) return app.Tips({ title: '请输入正确的手机号码！' });
    if (!this.data.captcha) return app.Tips({title:'请填写验证码'});
    bindingPhone({
      phone:this.data.phone,
      captcha: this.data.captcha
    }).then(res=>{
      if (res.data !== undefined && res.data.is_bind){
        wx.showModal({
          title:'是否绑定账号',
          content:res.msg,
          confirmText:'绑定',
          success(res){
            if (res.confirm){
              bindingPhone({
                phone: that.data.phone,
                captcha: that.data.captcha,
                step:1
              }).then(res=>{
                return app.Tips({ title: res.msg, icon: 'success' }, { tab: 5, url: '/pages/user_info/index' });
              }).catch(err => { return app.Tips({ title: err }); })
            } else if (res.cancel){
              return app.Tips({ title: '您已取消绑定！'}, { tab: 5, url: '/pages/user_info/index' });
            }
          }
        });
      }else
        return app.Tips({title:'绑定成功！',icon:'success'},{tab:5,url:'/pages/user_info/index'});
    }).catch(err=>{
      return app.Tips({title:err});
    })
  },
  /**
   * 发送验证码
   * 
  */
  code: function () {
    let that = this;
    if (!this.data.phone) return app.Tips({ title: '请填写手机号码！' });
    if (!(/^1[3456789]\d{9}$/.test(that.data.phone))) return app.Tips({ title: '请输入正确的手机号码！' });
    if (that.data.imagesCode) {
      if (!that.data.captchaimg) {
        return app.Tips({ title: '请输入图片验证码' });
      }
    };
    registerVerify(this.data.captchaimg, this.data.key,this.data.phone).then(res => {
      if (res.status == 402) {
        that.data.imagesCode = true;
        that.setData({
          imagesCode: that.data.imagesCode
        });
        if (this.data.captchaimg != '') {
          that.runNun();
        }
      } else {
        that.runNun();
      }
      return app.Tips({title:'发送成功',icon:'success'});
    }).catch(err => {
      return app.Tips({ title: err });
    });
  },
  runNun: function () {
    let that = this;
    let n = 60;
    let run = setInterval(function () {
      n--;
      if (n < 0) {
        clearInterval(run);
        that.setData({ disabled: false, active: false, timetext: '重新获取' })
      } else {
        that.setData({ timetext: "剩余 " + n + "s", disabled: true, active: true })
      }
    }, 1000);
  },
  // 获取key值；
  getVerifyCode: function () {
    let that = this;
    verifyCode().then(res => {
      that.setData({
        key: res.data.key,
        httpUrl: app.globalData.url + '/api/sms_captcha?key=' + res.data.key
      })
    }).catch(err => {
      return app.Tips({ title: err.msg });
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getVerifyCode();
  },
  imagesCodeTap: function () {
    this.setData({
      httpUrl: this.data.httpUrl + '&' + Date.parse(new Date())
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  }
})