import {
  getBindtapData
} from '../../utils/util'

let app = getApp();
Page({
  data: {
    authorizeVisible: false,
    total: 0,
    page: 1,
    size: 10,
    dataList: [],
    tabList: [], // 标签列表
    bannerList: [],
    curTab: {},
    queueCode: "", // 队列标识，每次请求，会返回一个队列标识，用户加载更多时候请携带queueCode参数
    active: 0,
  },
  onShareAppMessage() {},
  showAuth() {
    this.setData({
      authorizeVisible: true
    })
  },
  onLoad(options) {
    this.initData();
  },
  initData() {
    this.queryTabList().then((result) => {
      this.setData({
        curTab: this.data.tabList[0]
      })
      this.resetPage();
      this.queryBannerList();
      this.queryVideoList();
    });
  },
  /**
   * 到达底部
   * 做加载更多操作
   */
  onReachBottom() {
    console.log("onReachBottom");
    if (this.data.dataList.length < this.data.total) {
      this.setData({
        page: this.data.page + 1
      });
      this.queryVideoList();
    }
  },

  // 重置页面列表 点击搜索条件时需要
  resetPage() {
    this.setData({
      page: 1,
      dataList: [],
      queueCode: "",
    })
  },
  onTabsChange(event) {
    // console.log("this.data.tabList:", this.data.tabList);
    // if (this.data.tabList && this.data.tabList.length > 0) {
    //   this.setData({
    //     curTab: this.data.tabList[event.detail.index]
    //   })
    //   this.resetPage();
    //   this.queryVideoList();
    // }
  },
  onVanTabsHandler(event) {
    let {
      index,
      title
    } = event.detail;
    if (this.data.tabList && this.data.tabList.length > 0) {
      this.setData({
        curTab: this.data.tabList[event.detail.index]
      })
      this.resetPage();
      this.queryVideoList();
    }
  },
  onDetailHandler(evt) {
    let curItem = getBindtapData(evt);
    app.router.push({
      path: "detail",
      query: {
        c: curItem.videoCode || ""
      }
    })
  },
  /**
   * 获取tab列表
   */
  queryTabList() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.tabList,
        data: {}
      }).then((result) => {
        this.setData({
          tabList: result
        })
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },

  /**
   * 获取banner列表
   */
  queryBannerList() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: false,
        url: app.api.bannerList,
        data: {
          tabCode: this.data.curTab.tabCode || "",
        }
      }).then((result) => {
        this.setData({
          bannerList: result
        })
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },

  /**
   * 获取视频列表
   */
  queryVideoList() {
    return new Promise((resolve, reject) => {
      app.post({
        sid: true,
        url: app.api.videoList,
        data: {
          page: this.data.page,
          size: this.data.size,
          queueCode: this.data.queueCode,
          tabCode: this.data.curTab.tabCode || "",
        }
      }).then((result) => {
        let dataList = result.list;
        dataList = this.data.dataList.concat(dataList);
        this.setData({
          dataList: dataList,
          total: result.total,
          queueCode: result.queueCode,
        })
        resolve(result);
      }).catch((err) => {
        reject(err)
      });
    });
  },
  /**
   * 隐藏蒙层
   */
  hideMask() {
    this.setData({
      productDetailVisible: false,
      authorizeVisible: false,
    })
  },
  /**
   * 子组件事件
   * @param {*} evt
   */
  evtcomp(evt) {
    let {
      name,
      data
    } = evt.detail;
    switch (name) {

      // 隐藏蒙层
      case "_evt_hide_mask":
        this.hideMask();
        break;

        /**
         * 重拉数据已在
         */
      case "_evt_auth_complete":
        // this.initData();
        this.hideMask();
        break;

      default:
        break;
    }
  },
})