minixyz/pages/postage/postage.js

import recordSource from '../../utils/recordSource';
const config = require('../../config.js')
const getReq = config.getReq
const buyVGoods = config.buyVGoods

let appInstance = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentIndex: 0,            //页签索引
    rechargeGearActiveIndex: 0, //挡位项目索引
    tips:'',      //顶部tips
    goods:[],     //挡位数据
    goods_id:'',  //当前选中挡位的goods_id
    card_type: 'sinopec', //油卡类型 （中石化/中石油）
    card_no: '',          //油卡号
    cards: [],
    sinopec: {},
    petrochina: {},    
    phone: {},
    firstLoad: true,

    tabsData: [
      { id: 0, icon: '/image/postage/sinopec.png', title: '中国石化',  tips: '选择油卡',    card_type: 'sinopec', card_no: '' },
      { id: 1, icon: '/image/postage/petrochina.png', title: '中国石油', tips: '选择油卡', card_type: 'petrochina', card_no: '' }
    ],
    fromSource: ''
  },

  // 页签切换
  handlerClickTabItem(e) {
    var dataset = e.currentTarget.dataset
    const { activeindex, cardtype } = dataset
    const { cards } = this.data
    const card = appInstance.getValueByKey(cardtype ,cards)
    const { card_no, card_type } = card
    if(card_type === 'sinopec'){
      this.setData({ sinopec: { ...this.data.sinopec, card_no } })
    }else if(card_type === 'petrochina'){
      this.setData({ petrochina: { ...this.data.petrochina, card_no } })
    }
    this.setData({
      currentIndex: activeindex,
      card_no,
      card_type
    });
  },

  //充值档位切换
  handlerClickRechargeGear(e) {
    var dataset = e.currentTarget.dataset
    this.setData({
      rechargeGearActiveIndex: dataset.activeindex,
      goods_id: dataset.currentvalue
    });
  },

  //跳转到油卡管理页面
  handlerAddCard(e){
    const { cardtype } = e.currentTarget.dataset
    wx.navigateTo({
      url: `/pages/postageManage/postageManage?card_type=${cardtype}`,
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) 
  {    
    let fromSource = recordSource(appInstance, `act=index&op=card_goods`)
    this.setData({
      fromSource: appInstance.globalData.fromSource,
      // card_no: this.data.tabsData[0].card_no
    });

    getReq({
      act: 'index',
      op: 'card_goods',
      page_type: 'oil',
      from: fromSource
    }, (res) => {
      this.setData({
        firstLoad: false
      });
      if (res.code == 200) {
        if(res.datas && res.datas.goods){
          const datas = res.datas
          const { tips = '', goods = [], cards = [], } = datas
          const phone = appInstance.getValueByKey('phone', cards)
          const petrochina = appInstance.getValueByKey('petrochina', cards)
          const sinopec = appInstance.getValueByKey('sinopec', cards)   
          this.setData({ tips, goods, cards, sinopec, petrochina, phone, card_no: sinopec.card_no, goods_id: datas.goods[0].goods_id });
        }
      } else {
        appInstance.showToast(res.message)
      }
    })
  },

  // 立即充值
  handlerRecharge(){
    console.table(this.data)
    const { goods_id, card_no, card_type } = this.data
    if(!card_no){
      appInstance.showToast('卡号不能为空')
      return
    }
    buyVGoods(goods_id,1,{ card_no,card_type }, (res) => {
      console.table({card_no,card_type})
      // console.log('res',res)  成功回调
    }, (err) => {
      // 失败回调
    })
  },

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

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    if(!this.data.firstLoad) {
      const record = appInstance.globalData.record || {}
      const { card_no = '', card_type = '' } = record
      appInstance.setFromSource(this.data.fromSource)
      if (record) {
        if(card_type === 'sinopec'){
          this.setData({ sinopec: { ...this.data.sinopec, card_no } })
        }else if(card_type === 'petrochina'){
          this.setData({ petrochina: { ...this.data.petrochina, card_no } })
        }
        this.setData({ card_no, card_type })
      }
    }
  },

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

  },

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

  },

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

  },

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

  }
})