‘’

liukangdong

2024-08-05 00bf17838b496e6fcfed2e521f9c27f8f0e3e3c7

 wechat_jiaxuan/pages/productVideo/index.js

@@ -1,44 +1,89 @@
import { getZhongTaiVideoPage, getCataLogTagList } from '../../api/index'
import { getZhongTaiVideoPage, actionDo, getCataLogTagList } from '../../api/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    category: [],
    activeCate: '',
    seActiveCate: '',
    acVid: '',
    viewIdList: [],

    videoContext:null,
    category: [],
    tagCodes: '',
    videoUrl: '',
    showVideo: false,
    isShow:false,
    curVideoSrc:'',
    dataList: [],
    total: 0,
    pageSize: 10,
    pageNum: 1,

  },
  onReachBottom() {
    console.log('触底事件');
    const { total, dataList, pageNum } = this.data
    if(total > dataList.length){
      this.setData({ pageNum: pageNum + 1 })
      this.getList()
    }else{
      wx.showToast({
        title: '暂无更多数据',
        icon: 'none'
      })
    }
  },
  getList() {
    const { pageSize, pageNum } = this.data
    const { pageSize, pageNum, tagCodes } = this.data
    getZhongTaiVideoPage({
      pageSize,pageNum
      pageSize,pageNum, tagCodes: tagCodes ? [tagCodes] : null
    }).then(res => {
      this.setData({ dataList: res.data.records })
      this.setData({
        dataList: [...this.data.dataList, ...res.data.records],
        total: res.data.total
      })
    })
  },
  getTagList() {
    getCataLogTagList({
      catalogCode: 'video_rec'
    }).then(res => {
      this.setData({ category: res.data.valueVos })
      this.setData({ category: res.data })
    })
  },
  itemClick(e) {
    const { videourl } = e.currentTarget.dataset
    wx.previewMedia({
      sources: [{ url: videourl, type: 'video' }]
    const { id } = e.currentTarget.dataset.item
    const { dataList, acVid, viewIdList } = this.data
    const index = viewIdList.findIndex(i => i === id)
    if(acVid){
      if(id != acVid){
        wx.createVideoContext(acVid).pause()
        wx.createVideoContext(id).play()
        this.setData({ acVid: id })
      }
    }else{
      this.setData({ acVid: id })
      wx.createVideoContext(id).play()
    }
    dataList.forEach(ite => {
      if(id === ite.id && index === -1){
        ite.viewCount += 1
        viewIdList.push(id)
        actionDo({
          actionType: 'view',
          id: id
        })
        this.setData({ viewIdList })
      }
    })
    this.setData({ dataList })
  },
  cateClick(e) {
    const { index } = e.target.dataset
    console.log(index);
    const { code } = e.target.dataset
    this.setData({ tagCodes: code })
    this.setData({ total: 0, dataList: [], pageNum: 1 })
    this.getList()
  },
  seCateClick(e) {
    const { index } = e.target.dataset
@@ -46,7 +91,8 @@
  },
  onLoad(options) {
    this.getTagList()
    this.getList()
    this.getList() 
    this.videoContext = wx.createVideoContext('myVideo') 
  },

  /**
@@ -83,18 +129,23 @@
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

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

  },
  startPlayVideo(videourl){
    this.setData({isShow:true, curVideoSrc:videourl})
    console.log(videourl) 
    this.videoContext.requestFullScreen({
      // direction: 0  
    });  
  },
  onClose(){
    this.setData({isShow:false}) 
    if(this.videoContext){
      this.videoContext.exitFullScreen() 
    }
  }
})