hulimall/pages/index/index.js

// pages/index/index.js
var app = getApp();
var zi = 0;
var cont_time = 0; //首页tab点击
var WXAPI = require('../../utils/server.js');
var util = require('../../utils/util.js')
Page({
  data: {
    pop: null,
    inforList: [], //公告
    banner: [],
    indicatorDots: true, // 是否显示面板指示点
    autoplay: true, // 是否自动切换
    interval: 5000, // 自动切换时间间隔
    duration: 1000, // 滑动动画时长
    circular: true, // 是否采用衔接滑动
    scrollLeft: 0, //tab标题的滚动条位置
    current: 0, //当前选中的Tab项
    current1: 0,
    page: 1,
    index: 1,
    cont: 1,
    tabid: 0,
    loading: false,
    remind: '加载中',
    showModal: false,
    plug: [],
    timestamp: 0,
    searchView: false,
    images: {},
    zjList: {},
    zjList_box: false,
    cart: 0, //购物车数量
    // mainHeight: 0,
  },
  //下拉事件
  onPullDownRefresh: function () {
    var that = this;
    that.getMore();
  },
  current1Change: function (e) {
    this.setData({
      current1: e.detail.current,
    })
  },
  imgW: function (e) {
    var $width = e.detail.width, //获取图片真实宽度
      $height = e.detail.height,
      ratio = $width / $height; //图片的真实宽高比例
    var viewWidth = 718, //设置图片显示宽度，左右留有16rpx边距
      viewHeight = 718 / ratio; //计算的高度值
    var image = this.data.images;
    //将图片的datadata-index作为image对象的key,然后存储图片的宽高值
    image[e.target.dataset.index] = {
      width: viewWidth,
      height: viewHeight
    }
    this.setData({
      images: image
    })
  },
  getMore: function (_e) {
    var that = this;
    var page = that.data.page;
    var index = that.data.tabid;
    var current = that.data.current;
    that.setData({
      page: page + 1
    });
    WXAPI.indexGetMore({
      page: page,
      index: index,
    }).then(res => {
      if (res.status == 1) {
        var data = res;
        wx.hideNavigationBarLoading() //完成停止加载
        wx.stopPullDownRefresh() //停止下拉刷新
        that.setData({
          loading: false,
        });

        if (data.prolist == '' || data.status == 0) {
          return false;
        } else {
          var twoList = that.data.twoList;
          twoList[current].twodata.push(...prolist)
          var indexTwoData = twoList[0].twodata
          that.setData({
            twoList: twoList,
            indexTwoData: indexTwoData
          });
        }
      }
    });
  },
  inputConfirm: function (e) {
    var that = this,
      value = e.detail.value;
    this.setData({
      value: e.detail.value,
    });

    if (value != '') {
      wx.navigateTo({
        url: "../listdetail/listdetail?keyword=" + value
      })
    }
  },
  searchView: function (e) {
    console.log(e);
    this.setData({
      searchView: !this.data.searchView,
    });
  },
  inputBlur: function (e) {
    this.setData({
      value: e.detail.value,
    });
    this.searchView();
  },
  search_cancel: function (e) {
    var formId = e.detail.formId;
    var value = e.detail.value.search_value;
    console.log(this.data.value, e);
    if (value.length > 0) {
      wx.navigateTo({
        url: "../listdetail/listdetail?keyword=" + value
      })
    } else {
      wx.showToast({
        title: '请输入关键词！',
        icon: 'none',
        duration: 2000
      });
    }
    if (formId != 'the formId is a mock one') {
      var page = 'pages/index/index'
      WXAPI.productSaveFormid({
        from_id: formId,
        userid: app.globalData.userInfo.openid
      }).then(res => {
        
      });
    }
  },
  search: function () {
    var that = this,
      value = this.data.value;
    if (value != '') {
      wx.navigateTo({
        url: "../listdetail/listdetail?keyword=" + value
      })
    }
  },

  loadProductDetail: function () {
    var that = this;
    var userinfo = wx.getStorageSync('userInfo');
    if (userinfo.nickName) {
      app.globalData.userInfo = userinfo;
    }
    var openid = app.globalData.userInfo.openid ? app.globalData.userInfo.openid : false;
    var user_id = '';
    if (openid) {
      user_id = app.globalData.userInfo.user_id;
    }
    WXAPI.homeIndex({
      user_id: user_id
    }).then(res => {
      // if (res.status == 1) {
        var data = res;
        var banner = data.banner; // 轮播图
        var twoList = data.twoList; //产品显示
        var bgcolor = data.bgcolor; //产品显示
        var plug = data.plug;
        var title = data.title;
        app.d.bgcolor = bgcolor;
        var arr = Object.keys(twoList[0].distributor);
        var banner_num = Object.keys(banner); // 轮播图
        var notice = data.notice;
        var indexTwoData = twoList[0].twodata // 获取首页的数据对象

        app.globalData.logoimg = data.logo
        app.globalData.title = data.title
        that.setData({
          distributor: arr,
          inforList: notice,
          banner: banner,
          banner_num: banner_num,
          twoList: twoList,
          indexTwoData: indexTwoData,
          bgcolor: bgcolor,
          plug: plug,
          mch_name: title,
          logo: data.logo,
          djname: data.djname,
          zjList: data.list
        });

        wx.setNavigationBarColor({
          frontColor: app.d.frontColor,
          backgroundColor: app.d.bgcolor //页面标题为路由参数
        });
        wx.setNavigationBarTitle({
          title: title,
          success: function () { },
        });
        that.setData({ remind: '' });
        console.log(data.list.length)
        if (data.list.length) {
          that.listnsg();
        }
      // }
      // else {
      //   that.showToast(data.err);
      // }
    });
  },
  onHide: function () {
    clearTimeout();
  },
  listnsg: function () {
    var zjList = this.data.zjList;
    var that = this;
    var time = 1500;
    if (zjList[zi].type == 2) {
      time = 6000;
    } else {
      time = 1500;
    }
    that.setData({
      zjList_box: false
    });
    that.listnsg();
    that.setData({
      headimgurl: zjList[zi].headimgurl,
      user_name: zjList[zi].user_name,
      pname: zjList[zi].name,
      zjList_box: true
    })
    zi++;
    if (zi == zjList.length) {
      zi = 0;
    }
  },
  //上拉事件
  onReachBottom: function () {
    var that = this;
    that.getMore();
  },
  obm: function () {
    var that = this;
    var timestamp = Date.parse(new Date());
    console.log(timestamp, that.data.timestamp)
    if (timestamp - that.data.timestamp > 2000) {
      that.setData({
        timestamp: timestamp,
      });
    }
    that.setData({
      loading: true,
      remind: ''
    });
    that.getMore();

  },
  /**
   * Tab的点击切换事件
   */
  tabItemClick: function (e) {
    //防止点击过快带来的闪屏问题
    var timestamp = Date.parse(new Date());
    timestamp = timestamp / 1000;
    var data = e.currentTarget.dataset;
    var that = this;
    if (cont_time) {
      if (timestamp - cont_time >= 1) {
        that.nextpic(data);
        cont_time = timestamp;
      } else {
        cont_time = timestamp;
      }
    } else {
      that.nextpic(data);
      cont_time = timestamp;
    }
    that.checkCor(e);
  },
  nextpic: function (data) {
    this.setData({
      current: data.pos,
      tabid: data.tabid
    });
  },
  //设置点击tab大于第七个是自动跳到后面
  checkCor: function (_e) {
    if (this.data.current > 4) {
      this.setData({
        scrollLeft: 800
      })
    } else {
      this.setData({
        scrollLeft: 0
      })
    }
  },
  /**
   * 内容区域swiper的切换事件
   */
  contentChange: function (e) {
    var that = this;
    var id = e.detail.current;
    var tabid = that.data.twoList[id].id;
    this.setData({
      current: id,
      tabid: tabid,
      page: 1,
    })
    this.checkCor();
  },
  onShow: function () {
    console.log(app)
    var indexchase = app.d.indexchase;
    var that = this;
    if (indexchase) {
      that.onLoad();
      app.d.indexchase = false;
    }
    util.getUesrBgplus(that, app, false)
  },
  onReady: function () {
    this.pop = this.selectComponent("#pop")
  },
  onLoad: function (_e) {
    var that = this;
    that.loadProductDetail();
  },

  preventTouchMove: function () {

  },

  go: function () {
    this.setData({
      showModal: false
    })
  },
  navigate_sign: function () {
    wx.navigateTo({
      url: '../sign_in/sign_in',
    })
  },

  //获取用户信息新接口
  agreeGetUser: function (e) {
    let that = this
    if (e.detail.errMsg == 'getUserInfo:ok') {
      //获取成功设置状态
      app.globalData.userlogin = true;
      wx.setStorageSync('userlogin', true);
      //设置用户信息本地存储
      try {
        wx.setStorageSync('userInfo', e.detail.userInfo);
      } catch (e) {
        wx.showToast({
          title: '系统提示:网络错误！',
          icon: 'warn',
          duration: 1500,
        })
      }
      wx.showLoading({
        title: '加载中...',
        duration: 1500,
      })
      that.setData({
        userlogin: false
      })
      that.getOP(e.detail.userInfo)
    }
  },
  login: function () {
    var that = this;
    //取出本地存储用户信息，解决需要每次进入小程序弹框获取用户信息
    var userInfo = wx.getStorageSync('userInfo');
    wx.login({
      success: res => {
        app.globalData.code = res.code
        wx.setStorageSync('code', res.code)
      },
      fail: function () {
        wx.showToast({
          title: '系统提示:网络错误！',
          icon: 'warn',
          duration: 1500,
        })
      }
    })

    wx.getSetting({
      success: (res) => {
        // 没有授权需要弹框 
        if (!res.authSetting['scope.userInfo']) {
          that.setData({
            userlogin: true
          });
        } else {
          //判断用户已经授权。不需要弹框
          if (app.globalData.userlogin) {
            that.setData({
              userlogin: false
            })
            app.globalData.userlogin = true;
            wx.setStorageSync('userlogin', true);
          } else {
            that.setData({
              userlogin: true
            });
          }
        }
      },
      fail: function () {
        wx.showToast({
          title: '系统提示:网络错误！',
          icon: 'warn',
          duration: 1500,
        })
      }
    })
  },
  getOP: function (res) {
    //提交用户信息 获取用户id
    let that = this
    let userInfo = res;
    var user = app.globalData.userInfo;
    app.globalData.userInfo['avatarUrl'] = userInfo.avatarUrl; // 头像
    app.globalData.userInfo['nickName'] = userInfo.nickName; // 昵称
    app.globalData.userInfo['gender'] = userInfo.gender; //  性别
    wx.setStorageSync('userInfo', app.globalData.userInfo);
    //写入缓存
    var nickName = userInfo.nickName;
    var avatarUrl = userInfo.avatarUrl;
    var gender = userInfo.gender; //性别 0：未知、1：男、2：女
    WXAPI.userMaterial({
      openid: app.globalData.userInfo.openid,
      nickName: nickName,
      avatarUrl: avatarUrl,
      gender: gender
    }).then(res => {
      if (res.status == 1) {
        wx.showToast({
          title: '授权成功!',
          success: 2000
        });
        that.onLoad();
      }      
    });
  },
  getqx(event) {
    let name = event.currentTarget.dataset.name

    if (name === "签到" || name === "钱包") {
      if (app.userlogin(1)) {
        this.pop.clickPup(this)
        return
      }
    }

    wx.navigateTo({
      url: event.currentTarget.dataset.path,
    })
  },
  onShareAppMessage: function (res) {
    var that = this;
    var id = that.data.productId;
    var type1 = that.data.type1;
    var uname = app.globalData.userInfo.nickName ? app.globalData.userInfo.nickName : '';
    var title = uname + '邀请你来' + that.data.mch_name;
    var user_id = app.globalData.userInfo.user_id;
    if (res.from === 'button') {
      // 来自页面内转发按钮
    }
    return {
      title: title,
      imageUrl: that.data.logo,
      path: 'pages/index/index?userid=' + user_id,
      success: function (_res) {
        console.log('转发成功');
      },
      fail: function (_res) {
        console.log('转发失败')
      }
    }
  },

});