wxappb2b/GuangZuan/miniprogram/mMine/pages/myperformance/his/index.ts

import Toast from "../../../../miniprogram_npm/@vant/weapp/toast/toast"
import { queryMyPerformanc } from "../../../../services/api/orders/index"
import { getPerformancestatus, getSteptype, userid } from "../../../../services/utils"
import { isnullstr } from "../../../../utils/util"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// tab激活索引
    active: 0,
    /// tabs
    tabs: [{id: 0, name: '买履约'},  {id: 1, name: '卖履约'}],
    /// 是否空数据
    isEmpty: false,
    /// 当前页签
    page: 1,
    /// 列头
    titles: [['价格 | 已付金额 | 剩余冻结金额', '当前步骤 | 剩余天数'], 
             ['形状 | 颜色 | 重量 | 对手方', '状态']],
    /// 查询数据
    datas: <GuangZuan.MyPerformanc[]>[],
    /// 显示的值
    values: [{ up: [''], dwn: [''] }],
    /// 左滑宽度
    width: 50
  },

  /// 查询我的履约
  queryMyPerformanc(buyOrSell: number) {
    /// loding.....
    Toast.loading({ message: '数据请求中....' })
    /// 发送请求
    queryMyPerformanc({
      data: {
        userid: userid(),
        buyorsell: buyOrSell,
        ishis: true,
        page: this.data.page
      },
      success: (res) => {
        if (res.code != 200) {
          Toast.fail({ message: '查询失败，原因：'+res.msg })
          return
        }
        /// 查询成功
        this.setData({ 
          datas: res.data,
          /// 显示的值
          values: res.data.map(obj => {
            return {up: [obj.zscurrencytypedisplayunit+obj.price.toString()+' | '+ 
                        obj.zscurrencytypedisplayunit+(this.data.active == 0 ? obj.buypaidamount : obj.sellreceivedamount).toString()+' | '+ 
                         obj.zscurrencytypedisplayunit+(this.data.active == 0 ? obj.buyerfreezeamount : obj.sellerfreezeamount).toString(), 
                        getSteptype(obj.steptypeid)+' | '+ obj.remaindays.toString()+'天'], 
                    dwn: [isnullstr(obj.zsshapetypedisplay)+' | '+
                          isnullstr(obj.zscolortype1display)+' | '+
                          '--'+' | '+
                          isnullstr(obj.accountname),
                        getPerformancestatus(obj.performancestatus)]}
          })
        })
      },
      fail: (emsg) => {
        /// showToast
        Toast.fail({ message: '查询失败，原因：'+emsg })
      },
      complete: () => {
        /// hideLoading
        Toast.clear()
        /// 判断数据是否为空
        this.setData({ isEmpty: this.data.datas.length == 0 })
        /// 停止下拉刷新
        wx.stopPullDownRefresh()
      }
    })
  },

  /**  
   * tabbar点击事件
   */
  onTabChange(e: any) {
    /// 设置激活项
    this.setData({ active: e.detail.index })
    /// 查询履约数据
    this.queryMyPerformanc(this.data.active)
  },

  /**
   * 返回上层视图
   */
  backToParent() {
    /// 返回上层视图
    wx.navigateBack()
  },

  /**
   * 按钮点击响应事件
   */
  onButtonPressed(e: any) {
    /// 获取对应的id
    const ids = (<string> e.target.id).split(' ')
    let id = (<string> e.target.id).split(' ')[0]
    const index = <number> <unknown>ids[1]

    switch (id) {
      case "detail":  /// 详情
        wx.navigateTo({
          url: '/mMine/pages/myperformance/detail/index?id='+JSON.stringify(this.data.datas[index])
        })
        break;
      default:
        break;
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 查询我的买履约
    this.queryMyPerformanc(0)
  },

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

  },

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

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {
    /// 设置页签
    this.setData({ page: 1 })
    /// 查询我的买卖履约
    this.queryMyPerformanc(this.data.active)
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    /// 设置页签
    this.setData({ page: this.data.page+1 })
    /// 查询我的买卖履约
    this.queryMyPerformanc(this.data.active)
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})