import { queryMyPerformanc } from "../../../services/api/orders/index"
import { getPerformancestatus, getSteptype, userid } from "../../../services/utils"

// mMine/pages/myperformance/myperformance.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
    /// tab激活索引
    active: 0,
    /// tabs
    tabs: [{id: 0, name: '买履约'},  {id: 1, name: '卖履约'}],
    /// 列头
    titles: ['付款方式', '总金额', '已付金额', '履约冻结金额', '约剩余冻结', '买卖方', '履约状态', '当前步骤', '剩余天数'],
    /// 列表总宽度
    totalWidth: 0,
    /// 是否空数据
    isEmpty: false,
    /// 列表宽度
    widths: [80, 80, 80, 80, 80, 80, 80, 80, 80],
    /// 内容
    values: <any>[[]],
    /// 选中行数
    selectRow: -1,
  },

  /// 查询我的履约
  queryMyPerformanc(buyOrSell: number) {
    /// loding.....
    wx.showLoading({ title: '数据请求中....' })
    /// 发送请求
    queryMyPerformanc({
      data: {
        userid: userid(),
        buyorsell: buyOrSell
      },
      success: (res) => {
        this.setData({
          values: res.data.map(obj => {
            return [obj.paymenttype == 1 ? '冻结' : '扣款', 
                    obj.amount, 
                    obj.buyorsell == 0 ? obj.buypaidamount : obj.sellreceivedamount,
                    obj.buyorsell == 0 ? obj.buyerfreezeamount : obj.sellerfreezeamount, 
                    obj.buyorsell == 0 ? obj.buyerfreezeamountremain : obj.sellerfreezeamountremain,
                    obj.buyorsell == 0 ? obj.sellerinfo : obj.buyerinfo, 
                    getPerformancestatus(obj.performancestatus),
                    getSteptype(obj.steptypeid), 
                    obj.remaindays]
          })
        })
      },
      fail: (emsg) => {
        /// showToast
        wx.showToast({
          title: '数据请求失败, 原因：'+emsg,
          icon: 'error'
        })
      },
      complete: () => {
        /// hideLoading
        wx.hideLoading()
        /// 判断数据是否为空
        this.setData({
          isEmpty: this.data.values.length == 0
        })
      }
    })
  },

  /**  
   * tabbar点击事件
   */
  onTabChange(e: any) {
    console.log(e)
  },

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

  /**
   * 点击每行触发事件
   */
  onListItemClick(e: any) {
    this.setData({
      selectRow: this.data.selectRow == e.currentTarget.id ? -1 : e.currentTarget.id
    })
    console.log(this.data.selectRow)
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    /// 计算总高度
    let num = 0.0
    this.data.widths.forEach(function(v) {
      num += v
    })

    this.setData({
      /// 设置总高度
      totalWidth: num
    })
  },

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

  },

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

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

  },

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

  },

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

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

  },

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

  }
})