income_payments_applet/pages/phonePassword/phonePassword.js

// pages/meeting/meeting.js
import UserApi from '../../assets/js/http/userApi'
import {
  encrypt
} from '../../assets/js/jsencrypt/rsa'
import {
  wxBind
} from '../../assets/js/common'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    statusBarHeight: wx.getSystemInfoSync()['statusBarHeight'],
    show: true, // 默认显示的是闭眼睛
    form: {
      currdatetime: '',
      requestCodeSuccess: true,
      randCodeImage: '' // 验证码
    },
    vals: [], // 禁止密码粘贴用到的数组
    password: '', // 密码
    rsaPublicKey: '', // 公钥
    flag: false
  },
  showPassword() {
    this.setData({
      show: !this.data.show
    })
  },
  goBack() {
    wx.navigateBack()
  },
  // 改变验证码
  handleChangeCheckCode() {
    this.data.currdatetime = new Date().getTime()
    UserApi.sendImage({
      time: this.data.currdatetime
    }).then(res => {
      if (res.success) {
        this.setData({
          "form.randCodeImage": res.result,
          "form.requestCodeSuccess": true
        })
      } else {
        this.setData({
          "form.requestCodeSuccess": false
        })
      }
    }).catch(() => {
      this.setData({
        "form.requestCodeSuccess": false
      })
    })
  },
  clearrepeatval() {
    this.data.vals = []
    this.setData({
      password: ''
    })
    return
  },
  handlePasswordInput(e) { //禁止输入中复制粘贴
    // 获取当前数组
    const vals = this.data.vals
    // 获取当前输入的值
    const currentval = e.detail.value.replace(/\s+/g, "")
    if (currentval) { // 如果值存在追加到vals中
      vals.push(currentval)
    }
    if (vals.length == 1) {
      const v = vals[vals.length - 1].length
      if (v > 1) { // 如果第一个的长度就大于1 说明是粘贴过来的
        this.clearrepeatval()
      }
    }
    if (vals.length > 1) {
      // 如果值数组大于1 就获取最后一个值长度和倒数第二个值长度 
      // 比较值长度差如果大于1 则粘贴的
      const lastv = vals[vals.length - 1].length // 获取最后一个值的长度
      const secondv = vals[vals.length - 2].length // 获取倒数第二个值得长度
      const dis = lastv - secondv
      if (dis > 1) {
        this.clearrepeatval()
      }
    }
    // 最后赋值
    this.data['password'] = currentval
  },
  // 提交
  formSubmit(e) {
    if (!e.detail.value.phone) {
      this.data.flag = false
      wx.showToast({
        title: '请输入手机号',
        icon: 'none',
        duration: 2000
      })
      return
    } else {
      let pattern = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
      if (!pattern.test(e.detail.value.phone)) {
        wx.showToast({
          title: '请输入正确的手机号!',
          icon: 'none',
          duration: 2000
        })
        this.data.flag = false
        return
      } else {
        this.data.flag = true
      }
    }
    if (!e.detail.value.password) {
      this.data.flag = false
      wx.showToast({
        title: '请输入密码',
        icon: 'none',
        duration: 2000
      })
      return
    } else {
      this.data.flag = true
    }
    if (!e.detail.value.captcha) {
      this.data.flag = false
      wx.showToast({
        title: '请输入验证码',
        icon: 'none',
        duration: 2000
      })
      return
    } else {
      this.data.flag = true
    }
    console.log('form发生了submit事件，携带数据为：', e.detail.value)
    let params = {
      username: encrypt(this.data.rsaPublicKey, e.detail.value.phone),
      password: encrypt(this.data.rsaPublicKey, e.detail.value.password),
      checkKey: this.data.currdatetime,
      captcha: e.detail.value.captcha,
      rsaPublicKey: this.data.rsaPublicKey,
    }
    if (this.data.flag) {
      UserApi.passWordLogin(params).then(res => {
        if (res.success) {
          if (res.message == '请先用手机号登录') {
            wx.showToast({
              title: '首次登录请用验证码方式登录',
              icon: 'none'
            })
            setTimeout(() => {
              wx.navigateBack()
            }, 2000);
            return
          } else {
            // 绑定微信
            this.wxBindPhone()
            // 存token和userInfo
            wx.setStorage({
              key: 'X-Access-Token',
              data: res.result.token
            })
            wx.setStorage({
              key: 'userInfo',
              data: res.result.userInfo
            })
            // 判断是否是微信扫描二维码签到 的登录 如果是 需要跳转到签到页面 
            wx.getStorage({
              key: 'isSignLogin',
              success(res) {
                console.log(res.data)
                if (res.data) {
                  wx.navigateTo({
                    url: `../scanSign/scanSign?isLoginSignIn=${res.data}`,
                  })
                }
              },
              fail() {
                console.log('fail');
                // 跳转首页
                wx.switchTab({
                  url: '../home/home',
                })
              }
            })
          }
        } else {
          wx.showToast({
            title: res.message,
            icon: 'none'
          })
          setTimeout(() => {
            this.handleChangeCheckCode()
          }, 2000);
        }
      }).catch(err => {
        wx.showToast({
          title: err.message,
          icon: 'none'
        })
      })
    }
  },

  // 绑定微信
  wxBindPhone() {
    const that = this
    // 获取openid进行手机号和微信的绑定
    wxBind((res) => {
      let params = {
        openId: encrypt(that.data.rsaPublicKey, res.result.openid),
        rsaPublicKey: that.data.rsaPublicKey
      }
      // 需要判断是否绑定过微信,再进行绑定请求
      UserApi.wxBind(params).then(res => {})
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.handleChangeCheckCode()
    const that = this
    wx.getStorage({
      key: 'rsaPublicKey',
      success(res) {
        that.setData({
          rsaPublicKey: res.data
        })
      },
      fail: function () {
        // 缓存中没有登录过默认app.json的登录页
      }
    })
  }
})