import userApi from '../../../api/user';

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabIndex:0,
    tab1List:[],
    tab2List:[],
    tab3List:[],
    listViewHeight:0,
    pager:{
      tab1:{limit:10,loading:false,loadAll:false,pageIndex:0,refreshTrigger:false},
      tab2:{limit:10,loading:false,loadAll:false,pageIndex:0,refreshTrigger:false},
      tab3:{limit:10,loading:false,loadAll:false,pageIndex:0,refreshTrigger:false}
    },
    isShowUseCoupon:false
  },

  changeTab(event){
    const tabIndex = parseInt(event.currentTarget.dataset.index);
    this.setData({tabIndex})
    this.loadList(`tab${tabIndex+1}`);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const windowInfo = wx.getWindowInfo();
    console.log(windowInfo);
    this.setData({
      listViewHeight:windowInfo.windowHeight-57
    })
    this.data.pager.tab1.loading = false;
    this.data.pager.tab2.loading = false;
    this.data.pager.tab3.loading = false;
    this.loadList('tab1');
  },
  refreshList(){
    let tab = `tab${this.data.tabIndex+1}`
    this.data.pager[tab].pageIndex = 0;
    this.data.pager[tab].loadAll = false;
    this.setData({
      pager:this.data.pager
    });
    this.loadList(tab);
  },
  loadMore(){
    this.loadList(`tab${this.data.tabIndex+1}`);
  },
  loadList(tabName){
    console.log(tabName);
    if(this.data.pager[tabName].loading||this.data.pager[tabName].loadAll){
      return;
    }
    this.data.pager[tabName].loading = true;
    this.setData({
      pager:this.data.pager
    });
    const status = {
      tab1:userApi.coupon.status.unused,
      tab2:userApi.coupon.status.used,
      tab3:userApi.coupon.status.expired
    }
    userApi.coupon.list({
      status:status[tabName],
      skip:this.data.pager[tabName].limit*this.data.pager[tabName].pageIndex,
      limit:this.data.pager[tabName].limit
    }).then((data)=>{
      if(this.data.pager[tabName].pageIndex==0){
        this.data[tabName+'List'] = data;
      }else{
        this.data[tabName+'List'] = this.data[tabName+'List'].concat(data);
      }
      this.data.pager[tabName].loading = false;
      this.data.pager[tabName].pageIndex++;
      if(data.length<this.data.pager[tabName].limit){
        this.data.pager[tabName].loadAll = true;
      }

      this.setData({
        [tabName+'List']:this.data[tabName+'List'],
        [`pager.${tabName}`]:this.data.pager[tabName]
      });
      console.log(this.data.pager,this.data[tabName+'List']);
    })
  },

  showUseCoupon(event){
    const item = event.currentTarget.dataset.item;
    this.currentCoupon = item;
    this.setData({
      isShowUseCoupon:true
    })
  },
  useCoupon(){
    userApi.coupon.use(this.currentCoupon.id).then((data)=>{
      //刷新当前 tab
      this.refreshList();
      
      //手动刷新 tab2
      let tab = 'tab2';
      this.data.pager[tab].pageIndex = 0;
      this.data.pager[tab].loadAll = false;
      this.setData({
        pager:this.data.pager
      });
      this.loadList(tab);

      wx.showToast({
        title: '使用成功',
      })
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  }
})