var api = require("../../utils/activity.js")
import {
  getTimestamp
} from "../../utils/common"
Page({
  data: {
    index: 0,
    zml: false,
    qkdat: false,
    loadMoreVisible: false, //false
    loadMoreType: "none", //loading none
    indexPage: 1,
    indexPage2: 1,
    pageSize: 10,
    tabs: [{
      key: "tab1",
      title: "Tab 1",
    },
    {
      key: "tab2",
      title: "Tab 2",
    },
    {
      key: "tab3",
      title: "Tab 3",
    },
    ],
    key: "",
    actId: "",
    banner: [],
    indicatorDots: false, //指示点
    autoplay: false, //true,//自动播放
    circular: false, //衔接滑动
    interval: 2000, //自动播放间隔时长(ms)
    duration: 500, //幻灯片切换时长(ms)
    currentSwiper: 0
  },
  onLoad: function (options) {
    this.getBannerList()
    const temp = Number(options.state) + 1
    this.setData({
      key: "tab" + temp,
      index: 0 //options.state
    })
    let parms = {
      pageIndex: this.data.indexPage,
      pageSize: this.data.pageSize,
      timestamp: getTimestamp(),
      actType: 0,
      qkdat: true
    }
    this.selectComponent("#state-0").getActivityList(parms)
  },
  onShow () {
    if (this.data.key === "tab3") {
      this.setData({
        key: "tab1",
        zml: false,
        qkdat: true
      })
      let parms = {
        pageIndex: 1,
        pageSize: this.data.pageSize,
        qkdat: this.data.qkdat,
        timestamp: getTimestamp(),
        actType: 0
      }
      this.selectComponent("#state-0").getActivityList(parms)
    }
    if (this.data.actId) {
      this.updateActivityList()
    }
  },
  onPullDownRefresh: function () {
    this.getBannerList()
  },
  getBannerList: function () {
    let that = this
    api.bannerList().then(function (res) {
      that.setData({
        banner: res.data
      })
      wx.stopPullDownRefresh();
    })
  },
  onReachBottom: function () {

    if (this.data.listLength !== this.data.pageSize) {
      this.setData({
        loadMoreVisible: true,
        loadMoreType: "none",
      })
    } else {
      this.setData({
        loadMoreVisible: true,
        loadMoreType: "loading",
      })
    }
    if (this.data.key == "tab1") {
      this.setData({
        index: 0
      })
    }
    if (this.data.index == 0) {
      this.setData({
        indexPage: this.data.indexPage + 1
      })
      let parms = {
        pageIndex: this.data.indexPage,
        pageSize: this.data.pageSize,
        timestamp: getTimestamp(),
        actType: 0
      }
      this.selectComponent("#state-" + this.data.index).getActivityList(parms)
    } else {
      this.setData({
        indexPage2: this.data.indexPage2 + 1
      })
      let parms = {
        pageIndex: this.data.indexPage2,
        pageSize: this.data.pageSize,
        timestamp: getTimestamp(),
        actType: 1
      }
      this.selectComponent("#state-" + this.data.index).getActivityList(parms)
    }
  },
  changeProperty: function (e) {
    var propertyName = e.currentTarget.dataset.propertyName
    var newData = {}
    newData[propertyName] = e.detail.value
    this.setData(newData)
  },
  swiperChange: function (e) {
    this.setData({
      currentSwiper: e.detail.current
    })
  },
  onTabsChange (e) {
    this.setData({
      loadMoreVisible: false,
      loadMoreType: "none",
    })
    const {
      key
    } = e.detail
    const index = this.data.tabs.map((n) => n.key).indexOf(key)
    if (index == 0) {
      this.setData({
        zml: false
      })
    } else {
      this.setData({
        zml: true
      })
    }
    this.setData({
      key,
      index,
      indexPage: 1,
      indexPage2: 1
    })
    if (key == "tab3") {
      wx.navigateTo({
        url: "/subpages/heart/pages/signed/signed"
      })
    } else {
      let parms = {
        pageIndex: this.data.indexPage,
        pageSize: this.data.pageSize,
        timestamp: getTimestamp(),
        actType: this.data.index,
        qkdat: true
      }
      this.selectComponent("#state-" + this.data.index).getActivityList(parms)
    }
  },

  toActDetail (e) {
    const id = e.currentTarget.dataset.id
    wx.navigateTo({
      url: `/subpages/heart/pages/heartDetail/heartDetail?id=${id}`
    })
  },

  toActDetailDown (e) {
    if (e.detail.listLength !== this.data.pageSize) {
      this.setData({
        loadMoreVisible: true,
        loadMoreType: "none",
      })
    }
    this.setData({
      actId: e.detail.actId,
      listLength: e.detail.listLength
    })
  },
  toLeaderboard () {
    wx.navigateTo({
      url: "/subpages/heart/pages/leaderboard/leaderboard"
    })
  },
  updateActivityList () {
    if ((this.data.key === "tab1")) {
      this.setData({
        index: 0
      })
    } else if (this.data.key === "tab2") {
      this.setData({
        index: 1
      })
    }
    let params = {
      pageIndex: 1,
      pageSize: 10,
      timestamp: getTimestamp(),
      actType: this.data.index,
      actId: this.data.actId
    }
    this.selectComponent("#state-" + this.data.index).updateActivityList(params)
    this.setData({
      actId: ""
    })
  }
})