ll

liukangdong

2024-08-06 d41f1f707dc643b726a42b9d2a63b186dd9e4f28

 wechat_jiaxuan/components/disRealpic/index.js

@@ -1,5 +1,11 @@
import { getCataLogTagList, getZhongTaiRealcasePage, actionDo } from '../../api/index'
import { eventBus } from '../../utils/eventBus'
import {
  getCataLogTagList,
  getZhongTaiRealcasePage,
  actionDo
} from '../../api/index'
import {
  eventBus
} from '../../utils/eventBus'
let touchDot = 0
Component({
  /**
@@ -17,7 +23,7 @@
    activeParam: [],
    selParam: '',
    tagCodes: [],
    isLoading:false,
    isLoading: false,

    cateList: [],
    dataList: [],
@@ -28,25 +34,27 @@
    catalogCode: 'real_case'
  },
  pageLifetimes: {
    show: function() {
    show: function () {
      // 页面被展示
      console.log('组件被展示');
      eventBus.once('realpicDeBack', (info) => {
        const dataList = this.data.dataList
        dataList.forEach(item => {
          if(item.id === info.id){
            if(item.isCollection != info.isCollection){
              if(!item.isCollection){ 
                item.collectCount = (item.collectCount || 0)+1
              }else if(item.collectCount >0){
                item.collectCount = (item.collectCount || 0)-1
              }             
          if (item.id === info.id) {
            if (item.isCollection != info.isCollection) {
              if (!item.isCollection) {
                item.collectCount = (item.collectCount || 0) + 1
              } else if (item.collectCount > 0) {
                item.collectCount = (item.collectCount || 0) - 1
              }
            }
            item.isCollection = info.isCollection
            item.viewCount ++
            item.viewCount++
          }
        })
        this.setData({ dataList })
        this.setData({
          dataList
        })
      })
    },
  },
@@ -59,20 +67,26 @@
  },
  methods: {
    bindscrolltoupper() {
      this.setData({ showTouch: true })
      this.setData({
        showTouch: true
      })
      this.fadeIn();
    },
    touchstart(e){
    touchstart(e) {
      touchDot = e.detail.scrollTop;
    },
    touchmove(e) {
      var touchMove = e.detail.scrollTop;
      if(touchMove - touchDot > 60){
      if (touchDot - touchMove > 16) {
        touchDot = touchMove
        this.fadeOut();
      }
      if(touchDot - touchMove > 60){
        this.fadeIn();
        this.setData({ showTouch: true })
      if (touchDot - touchMove > 16) {
        touchDot = touchMove
        setTimeout(() => {
          this.setData({ showTouch: true })
          this.fadeIn();
        }, 200)
      }
    },
    fadeIn: function () {
@@ -87,15 +101,19 @@
        animationData: this.animation.export()
      });
      setTimeout(() => {
        this.setData({ showTouch: false });
      }, 500); // 动画持续时间
        this.setData({
          showTouch: false
        });
      }, 200); // 动画持续时间
    },
    getCatelist(){
      const { catalogCode } = this.data
    getCatelist() {
      const {
        catalogCode
      } = this.data
      getCataLogTagList({
        catalogCode
      }).then(res => {
        if(res.data && res.data.length > 0){
        if (res.data && res.data.length > 0) {
          this.setData({
            cateList: res.data
          })
@@ -106,33 +124,61 @@
      })
    },
    getList() {
      if(this.data.isLoading){
      if (this.data.isLoading) {
        return
      }
      this.setData({isLoading:true})
      const { sortType, query, tagCodes, pageNum, pageSize,catalogCode } = this.data
      this.setData({
        isLoading: true
      })
      const {
        sortType,
        query,
        tagCodes,
        pageNum,
        pageSize,
        catalogCode
      } = this.data
      getZhongTaiRealcasePage({
        catalogCode,tagCodes,pageNum,pageSize, sortType,query
        catalogCode,
        tagCodes,
        pageNum,
        pageSize,
        sortType,
        query
      }).then(res => {
        if (res.data && res.data.records) {
          this.setData({
            dataList: [...this.data.dataList, ...res.data.records],
            total: res.data.total,
          })
        }
      }).finally(() => {
        this.setData({
          dataList: [...this.data.dataList, ...res.data.records],
          total: res.data.total,
          isLoading: false
        })
      }).finally(()=>{
        this.setData({isLoading:false})
      })
    },
    scrolltoupper() {
      this.setData({ pageNum: 1,datalist: [],total: 0})
      this.setData({
        pageNum: 1,
        datalist: [],
        total: 0
      })
      this.getList()
    },
    scrolltolower() {
      console.log('触底事件');
      const { total, dataList, pageNum } = this.data
      if(total > dataList.length){
        this.setData({ pageNum: pageNum + 1 })
      const {
        total,
        dataList,
        pageNum
      } = this.data
      if (total > dataList.length) {
        this.setData({
          pageNum: pageNum + 1
        })
        this.getList()
      }else{
      } else {
        wx.showToast({
          title: '暂无更多数据',
          icon: 'none'
@@ -140,35 +186,46 @@
      }
    },
    videoClick(e) {
      const { videourl } = e.currentTarget.dataset
     
      let videoPlay = this.selectComponent('.videoPlay'); 
      if(videoPlay){ 
        videoPlay.startPlayVideo(videourl,this );
      } 
      console.log(videourl+"-------------------------------------")
      const {
        videourl
      } = e.currentTarget.dataset

      let videoPlay = this.selectComponent('.videoPlay');
      if (videoPlay) {
        videoPlay.startPlayVideo(videourl, this);
      }
      console.log(videourl + "-------------------------------------")
      // wx.previewMedia({
      //   sources: [{ url: videourl, type: 'video' }]
      // })
    },
    priviewFull(e){
    priviewFull(e) {
      const item = e.currentTarget.dataset.item
      console.log('item', item);
      wx.navigateTo({
        url: '/pages/webView/index?link=' + item.openContent,
        success: function(res) {
        success: function (res) {
          // 通过eventChannel向被打开页面传送数据
          res.eventChannel.emit('acceptDataFromOpenerPage', { link: item.openContent, title: item.title })
          res.eventChannel.emit('acceptDataFromOpenerPage', {
            link: item.openContent,
            title: item.title
          })
        }
      })
    },
    statusChange(e) {
      const sortType = e.currentTarget.dataset.status
      this.setData({sortType})
      this.setData({ pageNum: 1,dataList: [],total: 0})
      this.setData({
        sortType
      })
      this.setData({
        pageNum: 1,
        dataList: [],
        total: 0
      })
      this.getList()
    },
    handleAction(e){
    handleAction(e) {
      const actionType = e.currentTarget.dataset.code
      const id = e.currentTarget.dataset.id
      actionDo({
@@ -181,98 +238,137 @@
    handleDetail(e) {
      const item = e.currentTarget.dataset.item
      console.log('item', item);
      if(item.openType == 'video'){
        
        let videoPlay = this.selectComponent('.videoPlay'); 
        if(videoPlay){ 
          videoPlay.startPlayVideo(item.openContent,this );
        } 
      if (item.openType == 'video') {

        let videoPlay = this.selectComponent('.videoPlay');
        if (videoPlay) {
          videoPlay.startPlayVideo(item.openContent, this);
        }
        // wx.previewMedia({
        //   sources: [{ url: item.openContent, type: 'video' }]
        // })
      }
      if(item.openType == 'link'){
      if (item.openType == 'link') {
        wx.navigateTo({
          url: '/pages/webView/index?link=' + item.openContent,
          success: function(res) {
          success: function (res) {
            // 通过eventChannel向被打开页面传送数据
            res.eventChannel.emit('acceptDataFromOpenerPage', { link: item.openContent})
            res.eventChannel.emit('acceptDataFromOpenerPage', {
              link: item.openContent
            })
          }
        })
      }
      if(item.openType == 'page'){
      if (item.openType == 'page') {
        wx.navigateTo({
          url: '/pages/detailDis/realpic?id=' + item.id,
        })
      }
    },
    tagClick(e) {
      if(this.data.isLoading){
      if (this.data.isLoading) {
        return
      }
      const code = e.currentTarget.dataset.code
      const paramIndex = e.currentTarget.dataset.index
      const { cateList, tagCodes, activeParam, activeIndex } = this.data
      const index = tagCodes.indexOf(code) 
      if( cateList[activeIndex].tempParamIndex==null ||     cateList[activeIndex].tempParamIndex != paramIndex){ 
      const {
        cateList,
        tagCodes,
        activeParam,
        activeIndex
      } = this.data
      const index = tagCodes.indexOf(code)
      if (cateList[activeIndex].tempParamIndex == null || cateList[activeIndex].tempParamIndex != paramIndex) {
        cateList[activeIndex].tempParamIndex = paramIndex
        cateList[activeIndex].tempParamName = activeParam[paramIndex].labelValueName
        cateList[activeIndex].tempParamCode = code
      }else{
      } else {
        // tagCodes.splice(index, 1)
        cateList[activeIndex].tempParamIndex = -1
        cateList[activeIndex].tempParamName = null
        cateList[activeIndex].tempParamCode = null
      }
      // this.setData({ pageNum: 1,dataList: [],total: 0})
      this.setData({ cateList }) 
      this.setData({
        cateList
      })
    },
    cancelParam() {
      const { cateList } = this.data
      const {
        cateList
      } = this.data
      cateList.forEach(item => {
        item.tempParamIndex = item.paramIndex
        item.tempParamName =   item.paramName 
        item.tempParamCode =   item.paramCode
        item.tempParamName = item.paramName
        item.tempParamCode = item.paramCode
      })
      this.setData({    activeParam: [],cateList,activeIndex: -1 }) 
      this.setData({
        activeParam: [],
        cateList,
        activeIndex: -1
      })
    },
    bindblur() {
      this.setData({ pageNum: 1,dataList: [],total: 0})
      this.setData({
        pageNum: 1,
        dataList: [],
        total: 0
      })
      this.getList()
    },
    subParam() {
      const { cateList } = this.data
      var codes =[]
      cateList.forEach(item => { 
      const {
        cateList
      } = this.data
      var codes = []
      cateList.forEach(item => {
        item.paramIndex = item.tempParamIndex
        item.paramName =   item.tempParamName 
        item.paramCode =   item.tempParamCode
        if(item.tempParamIndex >-1 && item.tempParamCode){
        item.paramName = item.tempParamName
        item.paramCode = item.tempParamCode
        if (item.tempParamIndex > -1 && item.tempParamCode) {
          codes.push(item.tempParamCode)
        }
      }) 
      this.setData({ activeParam: [],tagCodes:codes })
      this.setData({ pageNum: 1,activeIndex: -1,dataList: [],total: 0})
      })
      this.setData({
        activeParam: [],
        tagCodes: codes
      })
      this.setData({
        pageNum: 1,
        activeIndex: -1,
        dataList: [],
        total: 0
      })
      this.getList()
    },
    changeShowParams(e){
      const { cateList } = this.data
    changeShowParams(e) {
      const {
        cateList
      } = this.data
      const activeIndex = e.currentTarget.dataset.index
      if(activeIndex === this.data.activeIndex){
        this.setData({ activeIndex: -1, activeParam: [], selParam: '' })
      }else{
        this.setData({ 
      if (activeIndex === this.data.activeIndex) {
        this.setData({
          activeIndex: -1,
          activeParam: [],
          selParam: ''
        })
      } else {
        this.setData({
          activeIndex,
          activeParam: cateList[activeIndex].valueVos
        })
      }
      

      // this.setData({showTwo: false})
    },
    changeTwo(){
    changeTwo() {
      const showTwo = !this.data.showTwo
      this.setData({showTwo})
      this.setData({showOne: false})
      this.setData({
        showTwo
      })
      this.setData({
        showOne: false
      })
    },
  }
})
})