crm/resources/zqxg/zqxgxcx/index/pages/communitycase/communitycase.js

const app=getApp();
var utils=require("../../../utils/http");
const util=require("../../../utils/util");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ordertype:'time',
    leftcaselist:[],
    rightcaselist:[],
    imgUrl:app.globalData.imgUrl,
    datashow:false,
    filtrateflag:false,
    casekeytext:'',
    casefiltratetype:1,
    square_end:'',
    square_start:'',
    casestyletype:'',
    housestylelist:[],
    nowstyleid:'',
    casestylelist:[],
    commu_id:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      commu_id:options.cid
    })
    wx.setNavigationBarTitle({
      title: options.text,
    })
    this.casestylefun();
    this.housestylefun();
    this.caselistfun();
  },
  casestylefun:function(){
    var that=this;
    utils.$get({
      url: app.globalData.webUrl + 'api/stylelist',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{},
      success: function (res) {
        if(res.data.code=='0'){
          that.setData({
            casestylelist:res.data.data
          })
        }
      }
    })
  },
  housestylefun:function(){
    var that=this;
    utils.$get({
      url: app.globalData.webUrl + 'api/material/housetypelist',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{},
      success: function (res) {
        if(res.data.code=='0'){
          that.setData({
            housestylelist:res.data.data
          })
        }
      }
    })
  },
  caseimgload:function(){
    var that=this;
    var leftlist=that.data.leftcaselist;
    var rightlist=that.data.rightcaselist;
    var indexlist=that.data.caselist;
    if(indexlist.length==0){
      return false;
    }

    if(leftlist.length==0){
      leftlist.push(indexlist[0]);
      indexlist.shift();
      that.setData({
        caselist:indexlist,
        leftcaselist:leftlist,
        rightcaselist:rightlist
      })

    }else{
      var leftheight,rightheight;
      wx.createSelectorQuery().select('.leftcasebox').boundingClientRect(function(res){
        leftheight=res.height;
        wx.createSelectorQuery().select('.rightcasebox').boundingClientRect(function(rs){
          leftlist=that.data.leftcaselist;
          rightlist=that.data.rightcaselist;
          indexlist=that.data.caselist;
          rightheight=rs.height;
          if(leftheight<=rightheight){
            leftlist.push(indexlist[0]);
            indexlist.shift();
          }else{
            rightlist.push(indexlist[0]);
            indexlist.shift();
          }
          that.setData({
            caselist:indexlist,
            leftcaselist:leftlist,
            rightcaselist:rightlist
          })
        }).exec();
      }).exec();
    }
  },
  setordertypetap(e){
    this.setData({
      ordertype:e.currentTarget.dataset.type
    })
    this.caselistfun();
  },
  allfiltratetap:function(){
    this.setData({
      filtrateflag:true
    })
  },
  closefiltratetap:function(){
    this.setData({
      filtrateflag:false
    })
  },
  casemsgtap:function(e){
    wx.navigateTo({
      url: '/index/pages/casemsg/casemsg?cid='+e.currentTarget.dataset.cid,
    })
  },
  casesharetap:function(e){
    var that=this;
    that.setData({
      nowtype:'materialCase',
      nowid:e.currentTarget.dataset.cid,
      nowtitle:e.currentTarget.dataset.title,
      nowimg:e.currentTarget.dataset.img,
      wshareshow:true,
      islist:false,
    })
  },
  casecollectap:function(e){
    var that=this;
    let caselist='';
    if(e.currentTarget.dataset.type=='rightcaselist'){
      caselist=that.data.rightcaselist;
    }else{
      caselist=that.data.leftcaselist;
    }
    utils.$post({
      url: app.globalData.webUrl + 'api/collect',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        user_id:app.globalData.personMsg.id,
        content_type:"materialCase",
        content_id:e.currentTarget.dataset.cid
      },
      success: function (res) {
        if(res.data.code=='0'){
          wx.showToast({
            title: res.data.msg,
            icon: 'none',
            duration: 2000
          })
          caselist[e.currentTarget.dataset.idx].collected=!caselist[e.currentTarget.dataset.idx].collected;
          
          if(e.currentTarget.dataset.type=='rightcaselist'){
            that.setData({
              rightcaselist:caselist
            })
          }else{
            that.setData({
              leftcaselist:caselist
            })
          }
        }
      }
    })
  },
  dothis(){},
  casefiltratetap:function(e){
    this.setData({
      casefiltratetype:e.currentTarget.dataset.type
    })
  },
  deltap(e) {
    var that=this;
    that.setData({
      commu_id:'',
      communame:''
    })
    that.caselistfun();
  },
  elareatap:function(e){
    var that=this;
    that.setData({
      square_start:'',
      square_end:'',
    })
    that.caselistfun();
  },
  casestyletap:function(e){
    this.setData({
      casestyletype:e.currentTarget.dataset.type
    })
    this.caselistfun();
  },
  selectareatap:function(e){
    var that=this;
    that.setData({
      square_start:e.currentTarget.dataset.start,
      square_end:e.currentTarget.dataset.end,
    })
    that.caselistfun();
  },
  onChoose(e) {
    var that=this;
    that.setData({
      commu_id:e.detail.item.currentTarget.dataset.cid,
      communame:e.detail.item.currentTarget.dataset.item.name
    })
    that.caselistfun();
  },
  housestyletap:function(e){
    this.setData({
      nowstyleid:e.currentTarget.dataset.type
    })
    this.caselistfun();
  },
  caselistfun:function(e){
    var that=this;
    if(!!e){
      that.setData({
        filtrateflag:false
      })
    }
    that.setData({
      casepage:1,
    })
    utils.$get({
      url: app.globalData.webUrl + 'api/caselist',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        uid:app.globalData.personMsg.id,
        page:1,
        commu_id:that.data.commu_id,// 小区id
        style_id:that.data.casestyletype,//风格id
        square_start:that.data.square_start,//面积开始值
        square_end:that.data.square_end,//面积结束值
        keyword:that.data.casekeytext,
        housetype_id:that.data.nowstyleid,
        order:that.data.ordertype=='time'?'addtime':'view_times'
      },
      success: function (res) {
        that.setData({
          datashow:true
        })
        if(res.data.code=='0'){
          that.setData({
            caselist:res.data.data,
            leftcaselist:[],
            rightcaselist:[],
            datashow:true
          })
          that.caseimgload();
        }
        setTimeout(function(){
          wx.hideLoading()
        },1000)
      },fail(){
        wx.hideLoading()
      }
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },
  setpostertap: function () {
    let that=this;
    let type=that.data.nowtype,usrl="";
    type="materialCase";
    usrl='&u='+app.globalData.personMsg.id +'&c=' + that.data.commu_id + '&s=' + that.data.casestyletype + '&st=' + that.data.square_start + '&e=' + that.data.square_end + '&h=' + that.data.nowstyleid

    wx.navigateTo({
      url: '/index/pages/setposter/setposter?type='+type+'&aid='+this.data.nowid+"&listshare="+(that.data.listshare?'123':'')+usrl,
    })
  },

  sharelogtap:function(e){
    var that=this;
    utils.$post({
      url: app.globalData.webUrl + 'api/share/addlog',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data: {
        id:that.data.nowid,
        type:'materialCase'
      },
      success: function (r) {
      }
    })
  },
  shareurltap:function(){
    let that=this;
    wx.showLoading({
      title: '加载中...',
    })
    util.schemefun('/share/pages/materialcase/materialcase','cid='+that.data.nowid+'&uid='+app.globalData.personMsg.id,that.data.nowid+'&ctp='+app.globalData.clientype,'materialCase','');
    this.sharelogtap();
    
  },
  sendfriendtap:function(){
    this.sharelogtap();
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    const that=this;
    that.setData({
      casepage:1
    })
    let casepage=that.data.casepage;
    utils.$get({
      url: app.globalData.webUrl + 'api/caselist',
      header: {
        'Authorization':'bearer '+app.globalData.token
      },
      data:{
        uid:app.globalData.personMsg.id,
        page:casepage,
        commu_id:that.data.commu_id,// 小区id
        style_id:that.data.casestyletype,//风格id
        square_start:that.data.square_start,//面积开始值
        square_end:that.data.square_end,//面积结束值
        keyword:that.data.casekeytext,
        housetype_id:that.data.nowstyleid,
        order:that.data.ordertype=='time'?'addtime':'view_times'
      },
      success: function (res) {
        wx.stopPullDownRefresh();
        if(res.data.code=='0'){
          that.setData({
            caselist:res.data.data,
            leftcaselist:[],
            rightcaselist:[],
          })
          that.caseimgload();
        }
      }
    })
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    const that=this;
    let casepage=that.data.casepage;
        casepage=casepage*1+1;
        that.setData({
          casepage:casepage
        })
        utils.$get({
          url: app.globalData.webUrl + 'api/caselist',
          header: {
            'Authorization':'bearer '+app.globalData.token
          },
          data:{
            uid:app.globalData.personMsg.id,
            page:casepage,
            commu_id:that.data.commu_id,// 小区id
            style_id:that.data.casestyletype,//风格id
            square_start:that.data.square_start,//面积开始值
            square_end:that.data.square_end,//面积结束值
            keyword:that.data.casekeytext,
            housetype_id:that.data.nowstyleid,
            order:that.data.ordertype=='time'?'addtime':'view_times'
          },
          success: function (res) {
            if(res.data.code=='0'){
              let arrflag=false;
              let caselist=that.data.caselist;
              if(caselist.length!=0){
                arrflag=true;
              }
              caselist=caselist.concat(res.data.data)
              that.setData({
                caselist:caselist
              })
              if(!arrflag){
                that.caseimgload();
              }
            }
          }
        })
  },

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

  }
})