twong329/view/xcx/pages/user_payment/index.js

// pages/mall/payment/payment.js
import { getUserInfo, rechargeRoutine, getRechargeApi } from '../../api/user.js'

var app = getApp()

Page({
  /**
   * 页面的初始数据
   */
  data: {
    picList: [],
    parameter: {
      navbar: '1',
      return: '1',
      title: '余额充值',
      color: false
    },
    navRecharge: ['账户充值', '佣金转入'],
    active: 0,
    number: '',
    focus: true,
    userinfo: {},
    placeholder: '0.00',
    placeholderOther: '其他',
    activePic: 0,
    numberPic: '',
    rechar_id: 0,
    recharge_attention: []
  },

  /**
   * 登录授权回调
   */
  onLoadFun: function () {
    this.getUserInfo()
    this.getRecharge()
  },

  setPlaceholderStatus: function (event) {
    if (event.detail.value.length == 0)
      this.setData({
        placeholder: '0.00'
      })
  },

  setPlaceholder: function () {
    this.setData({
      placeholder: ''
    })
  },

  setOtherPlaceholder: function () {
    this.setData({
      placeholderOther: ''
    })
  },

  setOtherPlaceholderStatus: function (event) {
    if (event.detail.value.length == 0)
      this.setData({
        placeholderOther: '其他'
      })
  },

  navRecharge: function (e) {
    this.setData({
      active: e.currentTarget.dataset.id,
      activePic: 0
    })
    if (this.data.picList.length) {
      this.setData({
        rechar_id: this.data.picList[0].id,
        numberPic: this.data.picList[0].price
      })
    }
  },

  /**
   * 选择金额
   */
  picCharge: function (e) {
    if (e.currentTarget.dataset.id == 0) {
      this.setData({
        activePic: e.currentTarget.dataset.index,
        rechar_id: 0,
        numberPic: ''
      })
    } else {
      this.setData({
        number: '',
        activePic: e.currentTarget.dataset.index,
        rechar_id: e.currentTarget.dataset.id,
        numberPic: e.currentTarget.dataset.quota,
        placeholderOther: '其他'
      })
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},

  /**
   * 充值额度选择
   */
  getRecharge: function () {
    var that = this
    getRechargeApi().then(res => {
      that.setData({
        picList: res.data.recharge_quota,
        rechar_id: res.data.recharge_quota[0].id,
        numberPic: res.data.recharge_quota[0].price,
        recharge_attention: res.data.recharge_attention || []
      })
    })
  },

  /**
   * 获取用户信息
   */
  getUserInfo: function () {
    var that = this
    getUserInfo().then(res => {
      that.setData({
        userinfo: res.data
      })
      // app.globalData.unread = res.data.notice
      app.setUnread(res.data.notice)
    })
  },

  /*
   * 用户充值
   */
  submitSub: function (e) {
    let that = this,
      value = e.detail.value.number,
      commissionCount = that.data.userinfo.commissionCount
    if (that.data.active) {
      if (parseFloat(value) < 0 || !value)
        return app.Tips({
          title: '请输入金额'
        })
      if (Number(value) > Number(commissionCount))
        return app.Tips({
          title: '转入金额不能大于' + commissionCount
        })
      wx.showModal({
        title: '转入余额',
        content: '转入余额后无法再次转出，确认是否转入余额',
        success(res) {
          if (res.confirm) {
            rechargeRoutine({
              price: value,
              type: 1
            })
              .then(res => {
                that.setData({
                  'userinfo.now_money': app.help().Add(value, that.data.userinfo.now_money)
                })
                return app.Tips(
                  {
                    title: '转入成功',
                    icon: 'success'
                  },
                  {
                    tab: 5,
                    url: '/pages/user_money/index'
                  }
                )
              })
              .catch(err => {
                return app.Tips({
                  title: err
                })
              })
          } else if (res.cancel) {
            return app.Tips({
              title: '已取消'
            })
          }
        }
      })
    } else {
      if (this.data.picList.length == this.data.activePic && !value)
        return app.Tips({
          title: '请输入金额'
        })
      wx.showLoading({
        title: '正在支付'
      })
      rechargeRoutine({
        price: that.data.rechar_id == 0 ? value : that.data.numberPic,
        type: 0,
        rechar_id: that.data.rechar_id
      })
        .then(res => {
          wx.hideLoading()
          let jsConfig = res.data
          wx.requestPayment({
            timeStamp: jsConfig.timestamp,
            nonceStr: jsConfig.nonceStr,
            package: jsConfig.package,
            signType: jsConfig.signType,
            paySign: jsConfig.paySign,
            success: function (res) {
              that.setData({
                'userinfo.now_money': app.help().Add(value, that.data.userinfo.now_money)
              })
              return app.Tips(
                {
                  title: '支付成功',
                  icon: 'success'
                },
                {
                  tab: 5,
                  url: '/pages/user_money/index'
                }
              )
            },
            fail: function () {
              return app.Tips({
                title: '支付失败'
              })
            },
            complete: function (res) {
              if (res.errMsg == 'requestPayment:cancel')
                return app.Tips({
                  title: '取消支付'
                })
            }
          })
        })
        .catch(err => {
          wx.hideLoading()
          return app.Tips({
            title: err
          })
        })
    }
  }
})