// pages/morder/index/index.js
import { getStoreTradeList } from "../../api/ztb"
const util = require('../../../utils/util')
const event = require('../../../utils/event.js')
const app = getApp()
const status = ['', 1, 2, 3, 4, 5, 6, 7, 8, 9]

Page({

  /**
   * 页面的初始数据
   */
  data: {
    height: app.globalData.fragmentHeight,
    kg: app.globalData.kg,
    loading: true,
    requesting: false,
    finished: false,
    tabList: [ '全部', '待付诚意金', '待上传资料', '待上传资料确认', '待支付尾款', '待收货', '待扣点确认', '待退货确认', '已完成', '已关闭' ],
    tabIndex: 0,
    top: 0,
    orderList: [],
    form: {
      storeId: '',
      status: '',
      pageNum: 1
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      ['form.storeId']: options.storeId,
      height: app.globalData.fragmentHeight - 90,
      kg: app.globalData.kg,
      CustomBar: app.globalData.CustomBar
    })
    event.on('EventMessage', this, this.onEvent)
    this.fetchOrderList()
  },
  onEvent: function (message) {
    if (message.what == 320) {
      this.onRefreshList()
    }
  },
  onRefreshList: function () {
    this.setData({
      orderList: [],
      ['form.status']: this.data.form.status,
      ['form.pageNum']: 1,
      loading: true,
      finished: false
    })
    this.fetchOrderList()
  },
  fetchOrderList: function () {
    if (this.data.requesting || this.data.finished) {
      return
    }
    if (this.data.loading) {
      this.data.requesting = true
    } else {
      this.setData({ requesting: true })
    }
    getStoreTradeList(this.data.form).then(result => {
      if (result.data.records.length) {
        var respList = result.data.records
        let nowList = `orderList[${this.data.orderList.length}]`
        var num = this.data.form.pageNum
        var finished = this.data.form.pageNum >= result.data.pages
        if(this.data.form.pageNum == 1){
          this.setData({
            [nowList]: respList,
            total: result.data.total,
            ['form.pageNum']: (num + 1),
            top: 0,
            finished,
            requesting: false,
            loading: false
          })
        } else {
          this.setData({
            [nowList]: respList,
            total: result.data.total,
            ['form.pageNum']: (num + 1),
            finished,
            requesting: false,
            loading: false
          })
        }
      } else {
        this.setData({ finished: true, requesting: false, loading: false })
      }
    }).catch(err => {
      this.setData({ requesting: false, loading: false })
      util.showToast(err)
    })
  },
  lookItem: function (e) {
    var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index]
    wx.navigateTo({ url: '/pages/morder/detail/index?type=1&orderId=' + item.orderId })
  },
  onTabChange: function ({detail}) {
    if (this.data.tabIndex == detail.index) {
      return
    }
    this.data.tabIndex = detail.index
    this.data.form.status = status[this.data.tabIndex]
    this.onRefreshList()
  },
  onUnload: function(){
    event.remove('EventMessage', this)
  }
})