app/pages/experience/index/index.js

// pages/experience/activityinfo/activityinfo.js
var app = getApp();
var util = require("../../../utils/util.js");
Page({
  data: {
    appAssetsUrl: app.appAssetsUrl,
    appAssetsUrl2: app.appAssetsUrl2,
    nodata: util.nodata(),
    timeList: [
      {
        code: "",
        name: "时间排序",
      },
      {
        code: 1,
        name: "最近三天",
      },
      {
        code: 2,
        name: "最近七天",
      },
      {
        code: 3,
        name: "最近一个月",
      },
    ],
    timeListIndex: 0,
    statusList: [],
    statusListIndex: 0,
    noBgImg:
      "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAFeCAIAAADG+XqSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NzU4NTQ0Qzk4QjgxMUU5OTMyOUY2RDUyN0ZCOTI5MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NzU4NTQ0RDk4QjgxMUU5OTMyOUY2RDUyN0ZCOTI5MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3NTg1NDRBOThCODExRTk5MzI5RjZENTI3RkI5MjkyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU3NTg1NDRCOThCODExRTk5MzI5RjZENTI3RkI5MjkyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ph3Y2gAADz1JREFUeNrs3eta2tjb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",
    params: {
      page: 1,
      limit: 10,
    },
    total: {
      currPage: 0,
      totalPage: 0,
    },
    noMore: false,
    cityListPickerData: [],
    cityListIndex: [0, 0],
    listData: [],
    statusBarHeight: 0,
    titleHeight: 0,
    conTop: 0,
    nameList: [{ itemname: "全部" }],
    nameListEle: [],
    nameIndex: 0,
    shaiHeight: 0,
    jwidth: 0,
    staHeight: 0,
  },
  onLoad: function (options) {
    this.loadCity();
    this.getNameList();
    let button = wx.getMenuButtonBoundingClientRect();
    let _this = this;
    wx.getSystemInfo({
      success: function (res) {
        _this.setData({
          scrollHeight: res.windowHeight,
          jwidth: button.width + 20 + "px",
        });
      },
    });
    this.height();
    let index = getApp().params.pePageToIndex;
    let nameIndex = this.data.nameIndex;
    console.log(nameIndex, "nameIndex");
    this.setData({
      nameIndex: 0,
    });
    if (this.data.nameList.length == 1) {
      this.getLabelList(0);
    } else {
      this.scroll(0);
    }
    this.loadList(true);

    console.log("res", button);
  },
  onShow() {
    // let index = getApp().params.pePageToIndex;
    // let nameIndex = this.data.nameIndex;
    // console.log(nameIndex,'nameIndex')
    // this.setData({
    // 	nameIndex:0
    // })
    // if(this.data.nameList.length==1){
    // 	this.getLabelList(0)
    // }else{
    // 	this.scroll(0)
    // }
  },
  nameHandler(e) {
    let nameIndex = e.currentTarget.dataset.index;
    getApp().params.pePageToIndex = nameIndex;
    this.setData({
      nameIndex,
    });
    console.log(e);
    this.scroll(nameIndex);
    this.loadList(true);
  },
  getLabelList(index) {
    let that = this;
    app._post_form(
      "bizcatelog/apiSelectBizcatelog/act_title",
      "",
      null,
      function (res) {
        console.log(res, 1112222);
        if (res.code == 0) {
          that.setData({
            nameList: [{ itemname: "全部" }, ...res.dictList],
          });
          wx.nextTick(() => {
            let query = wx.createSelectorQuery();
            query
              .selectAll(".nameitem")
              .boundingClientRect()
              .exec(function (res) {
                let nameListEle = [];
                for (let i in res[0]) {
                  nameListEle.push(res[0][i].width * 1);
                }
                that.setData({
                  nameListEle,
                });
              });
            setTimeout(() => {
              that.scroll(index);
            }, 500);
          });
        }
      }
    );
  },
  scroll(index) {
    let that = this;
    let leftNum = 0;
    if (index > 0) {
      for (let i in that.data.nameListEle) {
        if (i < index) {
          leftNum += that.data.nameListEle[i];
          leftNum += (20 / 750) * wx.getSystemInfoSync().windowWidth;
        }
      }
    }
    that.setData({
      navScrollWidth: leftNum,
    });
  },
  // 自定义高度处理
  height() {
    let that = this;
    const { platform, statusBarHeight } = wx.getSystemInfoSync();
    let height = statusBarHeight + 4; //ios 24px
    let mH = statusBarHeight + 4;
    if (platform.toLowerCase() == "android") {
      height += 4; //android 28px
      mH += 4;
    }

    height = height + 38;
    // 胶囊高度 32px 下边框6px height 状态栏高度
    const ButtonBounding = wx.getMenuButtonBoundingClientRect();
    wx.getSystemInfo({
      success: (res) => {
        let navHeight =
          ButtonBounding.height +
          res.statusBarHeight +
          (ButtonBounding.top - res.statusBarHeight) * 2;
        that.setData({
          statusBarHeight:
            ButtonBounding.height +
            res.statusBarHeight +
            (ButtonBounding.top - res.statusBarHeight) * 2 +
            "px",
          titleHeight: res.statusBarHeight + "px",
          conTop: 50 + 48 + "px",
          shaiHeight: navHeight + 48 + "px",
          staHeight: res.statusBarHeight,
        });
      },
    });

    // let res = uni.getSystemInfoSync()
    // return	ButtonBounding.height + (ButtonBounding.top - res.statusBarHeight) * 2
  },
  activeDetail: function (e) {
    if (e.currentTarget.dataset.id) {
      wx.navigateTo({
        url:
          "/pages/home/index/activityDetail/activityDetail?id=" +
          e.currentTarget.dataset.id,
      });
    }
  },
  getNameList(index) {
    let that = this;
    app._post_form("home/activityStatus", "", null, function (res) {
      if (res.code == 0) {
        that.setData({
          statusList: [{ itemname: "活动状态", itemcode: "" }, ...res.data],
        });
      }
    });
  },
  // 活动
  loadList(isRefresh) {
    let that = this;
    if (!isRefresh && this.data.noMore) {
      wx.showToast({
        title: "没有更多了~",
        icon: "none",
      });
      return false;
    }
    console.log(this.data.cityListPickerData);
    this.setData({
      listData: isRefresh ? [] : this.data.listData,
      params: {
        ...this.data.params,
        page: isRefresh ? 1 : this.data.params.page + 1,
        city: this.data.cityListPickerData[0][this.data.cityListIndex[0]].id,
        // area: this.data.cityListPickerData[1][this.data.cityListIndex[1]].id,
        time: this.data.timeList[this.data.timeListIndex].code,
        status: this.data.statusList[this.data.statusListIndex].itemcode,
        titleCode: that.data.nameList[that.data.nameIndex].itemcode,
      },
      noMore: isRefresh ? false : this.data.noMore,
    });
    wx.showLoading({
      title: "努力加载中...",
    });
    app._post_form(
      "act/list",
      "",
      this.data.params,
      function (res) {
        if (res.code == 0) {
          if (
            res.page.list.length > 0 &&
            that.data.listData.length > 0 &&
            res.page.list[0].id == that.data.listData[0].id
          ) {
            return;
          }
          res.page.list.map((v) => {
            (v.startTime = v.startTime.replace(/-/g, ".").split(" ")[0]),
              (v.endTime = v.endTime.replace(/-/g, ".").split(" ")[0]);
          });
          let listData = that.data.listData;
          listData.push(...res.page.list);
          that.setData({
            listData,
            currPage: res.page.currPage,
            totalPage: res.page.totalPage,
            noMore: res.page.totalPage == res.page.currPage,
          });
        }
      },
      function (res) {
        wx.hideLoading();
      }
    );
  },
  dateForm(val) {
    // if(typeof val == String) {
    // }
    // return val.split(' ')[0]
  },
  loadCity: function () {
    let _this = this;
    app._post_form("region/list", "", null, function (res) {
      if (res.data.length) {
        //设置城市下拉框数据
        let cityListPickerData = [res.data];
        let cityListIndex = [0, 0];
        //nowCity是之前首页的城市选择下拉框的数据
        let nowCity = wx.getStorageSync("CHOOSECITY");
        if (nowCity) {
          a: for (let i = 0; i < res.data.length; i++) {
            let cityName = res.data[i].name;
            if (nowCity.cityName === cityName) {
              cityListIndex[0] = i;
              b: for (
                let i2 = 0;
                i2 < res.data[i].childRegionList.length;
                i2++
              ) {
                let areaName = res.data[i].childRegionList[i2].name;
                if (nowCity.areaName === areaName) {
                  cityListIndex[1] = i2;
                  cityListPickerData.push(res.data[i].childRegionList);
                }
              }
            }
          }
        }
        //设置城市下拉框数据
        _this.setData({
          cityList: res.data,
          cityListPickerData,
          cityListIndex,
        });
        setTimeout(function () {
          _this.loadList(true);
        }, 300);
      }
    });
  },
  //重新选择城市
  cityPickerChange(e) {
    let cityListIndex = e.detail.value;
    this.setData({
      cityListIndex,
    });
    this.loadList(true);
  },
  cityPickerColumnChange(e) {
    if (e.detail.column == 0) {
      this.setData({
        cityListPickerData: [
          this.data.cityList,
          this.data.cityList[e.detail.value].childRegionList,
        ],
      });
    }
  },
  //选择时间排序
  timePickerChange(e) {
    let timeListIndex = e.detail.value;
    this.setData({
      timeListIndex,
    });
    this.loadList(true);
  },
  //选择报名状态
  statusPickerChange(e) {
    let statusListIndex = e.detail.value;
    this.setData({
      statusListIndex,
    });
    this.loadList(true);
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */

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

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

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    var that = this;
    this.loadCity();
    this.getNameList();
    // 处理完成后，终止下拉刷新
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.loadList();
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});