litian
2024-09-06 8dc4e50769a7ebc5f0a3d766f61aa08b8f23b772
packageDomain/pages/resourceDetails/myVideo/index.js
@@ -16,6 +16,7 @@
    dialogKey: false,
    style: 'border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;',
    activeId: '',
    storeInfo: '',
    bookId: '',
    bookName: '',
    cmsId: '',
@@ -24,6 +25,7 @@
    productLinkPath: '',
    threeLeveData: [],
    showData: '',
    showDataVod: '',
    src: '',
    selectedId: null,
    topicId: '',
@@ -34,6 +36,17 @@
    style: 'height: 248rpx',
    submitType: "new", //  新建 or 编辑
    noteId: '',
    videoChange: true,
    startTime: "", //进入页面当前时间
    pauseTime: 0, //暂停时间
    formPath: '',
    loading: false,
    hidden: true,
    videoError: false,
    videoLoading: false,
    progress: 0,
    playerList: [],
    videoLoaidng: true
  },
  // 格式化笔记时间
  convertTimestamp(timestamp) {
@@ -51,26 +64,38 @@
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    wx.setNavigationBarTitle({
      title: '资源详情-视频'
    });
    const systInfo = wx.getSystemInfoSync();
    const menu = wx.getMenuButtonBoundingClientRect(); // 胶囊信息
    const navBarHeight = (menu.top - systInfo.statusBarHeight) * 2 + menu.height; // 导航栏高度
    console.log(options, 'options');
    this.setData({
      navBarHeight: navBarHeight,
      barHeight: systInfo.statusBarHeight,
      activeId: options.activeId,
      storeInfo: options.storeInfo,
      bookId: options.bookId,
      bookName: options.bookName,
      cmsId: options.cmsId,
      parentName: options.parentName,
      parentProductLinkPath: options.parentProductLinkPath,
      productLinkPath: options.productLinkPath,
      formPath: options.formPath,
      flag: false
    })
    if (options.parentName !== "教学资源" && options.parentName !== "云学习") {
      this.setData({
        parentName: options.parentName,
      })
    }
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        if (data) {} else {}
      })
    }
    this.resourceDetailsData()
    this.getNoteList()
  },
  /**
@@ -84,6 +109,9 @@
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.setData({
      startTime: Date.now()
    })
  },
@@ -91,16 +119,47 @@
   * 生命周期函数--监听页面隐藏
   */
  onHide() {
    this.setData({
      pauseTime: Date.now()
    })
    if (wx.getStorageSync(app.config.tokenKey)) {
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
    this.setPlayerList()
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    this.setData({
      pauseTime: Date.now()
    })
    if (wx.getStorageSync(app.config.tokenKey)) {
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
    this.setPlayerList()
  },
  count(timeStr) {
    const data = {
      appRefCode: app.config.appRefCode,
      type: 'LearningTime', //统计类型--阅读时长
      data: timeStr + '', //统计内容--时长毫秒
      event: 'LearningTime',
      sysType: 'App'
    }
    //阅读商品的id
    if (this.data.bookId) {
      data.productId = this.data.bookId
    }
    //阅读资源的id
    if (this.data.cmsId) {
      data.cmsItemId = this.data.cmsId
    }
    app.MG.job.newJobWithApiNewEvent(data).then((res) => {})
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
@@ -122,12 +181,13 @@
  },
  onTabsChange(event) {
    console.log(event, 234)
    let tabValue = event.detail.value
    if (tabValue == '1') {
      this.getNoteList()
    }
  },
  onTabsClick(event) {
  },
  handleChange(e) {
    this.setData({
      activeValues: e.detail.value,
@@ -137,18 +197,14 @@
  },
  showDialog(e) {
    this.setData({
      submitTitle: this.data.bookName,
      dialogKey: true,
      // textvalue: ''
      textvalue: '',
      submitTitle: this.data.titleName
    });
  },
  closeDialog() {
    this.setData({
      dialogKey: false,
      textvalue: '',
@@ -159,7 +215,12 @@
    wx.navigateBack();
  },
  resourceDetailsData() {
    this.setData({
      videoLoaidng: true,
      loading: true
    })
    let query = {
      storeInfo: this.data.storeInfo,
      path: '*',
      queryType: '*',
      productId: this.data.bookId,
@@ -183,65 +244,157 @@
        size: 999
      }
    }
    app.MG.store.getProductDetail(query).then(res => {
      res.datas.cmsDatas[0].datas.forEach((item) => {
        if (item.selectType === "video") {
        if (item.selectType === "video" || item.learnSelectType === "video") {
          this.data.threeLeveData.push(item)
          this.setData({
            threeLeveData: this.data.threeLeveData
          })
          if (this.data.productLinkPath == item.productLinkPath) {
            this.setData({
              showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file,
              titleName: item.name
            })
          }
        }
      })
      this.data.threeLeveData.forEach((item) => {
        console.log(item.name);
      this.data.threeLeveData.forEach((items, index) => { // 修改此处添加index参数
        if (this.data.productLinkPath == items.productLinkPath) {
          if (this.data.formPath === "jsek_cloudLearning") {
            let file
            items.protectedFile || item.file ? file = items.protectedFile || item.file : file = items.freeFile
            this.setData({
              showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey),
              titleName: items.name
            })
            this.aliVod(file, this.data.showData)
          } else {
            this.setData({
              showData: items.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + items.freeFile,
              titleName: items.name
            })
            this.aliVod(items.file, this.data.showData)
          }
          let selectedIndex = index; // 存储选中项的索引
          this.setData({
            selectedId: selectedIndex // 设置选中项的索引
          });
        }
      });
      this.setData({
        loading: false,
        hidden: false
      })
    })
  },
  onVideo(e) {
    if (this.data.showData != '') {
      this.setData({
        showData: ''
      })
    }
    this.setData({
      selectedId: e.currentTarget.dataset.index,
    })
    this.setPlayerList()
    const item = e.currentTarget.dataset.item
    this.setData({
      videoLoaidng: true,
      selectedId: e.currentTarget.dataset.index,
      activeId: item.id,
      // showData: '',
      titleName: item.name
    })
    if (item.selectType == "video") {
      this.setData({
        showData: app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file
      })
    if (item.selectType == "video" || item.learnSelectType === "video") {
      if (this.data.formPath === "jsek_cloudLearning") {
        let file
        item.protectedFile || item.file ? file = item.protectedFile || item.file : file = item.freeFile
        this.setData({
          showData: app.config.requestCtx + '/file/api/ApiDownloadForAuthorize?md5=' + file + '&token=' + wx.getStorageSync(app.config.tokenKey)
        })
        this.aliVod(file, this.data.showData)
      } else {
        this.setData({
          showData: item.file ? app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.file : app.config.requestCtx + '/file/api/ApiDownload?md5=' + item.freeFile,
        })
        this.aliVod(item.file, this.data.showData)
      }
    }
  },
  aliVod(md5, currentVideo) {
    let query = {
      md5: md5,
      appRefCode: app.config.appRefCode
    }
    app.MG.file.getAliVod(query).then((res) => {
      if (res) {
        if (res && res.data == '') {
          this.setData({
            showDataVod: currentVideo,
          })
        } else {
          this.setData({
            showDataVod: res,
          })
        }
      } else if (currentVideo) {
        this.setData({
          showDataVod: currentVideo,
        })
      } else {
        return ElMessage.error('无法获取视频资源')
      }
    })
  },
  timeUpdate(e) {
    console.log(2);
    let {
      currentTime,
      duration
    } = e.detail
    this.setData({
      progress: ((currentTime / duration) * 100).toFixed(2)
    })
  },
  //获取视频学习
  getPlayerList() {
    app.MG.identity
      .getUserKey({
        domain: 'videoPlayer',
        keys: [this.data.bookId]
      })
      .then((res) => {
        if (res.length > 0) {
          this.setData({
            playerList: JSON.parse(res[0].value)
          })
        }
      })
  },
  setPlayerList() {
    let that = this
    if (that.data.progress > 0) {
      let index = that.data.playerList.findIndex((itemData) => itemData.cmsItemId == that.data.activeId)
      if (index > -1) {
        that.data.playerList.splice(index, 1)
      }
      that.data.playerList.push({
        cmsItemId: that.data.activeId,
        progress: that.data.progress
      })
      app.MG.identity
        .setUserKey({
          setKeyRequests: [{
            domain: 'videoPlayer',
            key: that.data.bookId,
            value: JSON.stringify(that.data.playerList)
          }]
        })
        .then((res) => {})
    }
  },
  getProductUserSubmitTopicGet() {
    app.MG.ugc.getProductUserSubmitTopic({
      productId: this.data.bookId,
      appRefCode: app.config.appRefCode
    }).then((res) => {
      console.log(res);
      this.setData({
        topicId: res.id
      })
    })
  },
  newTopicMessageGet() {
    let query = {
@@ -259,7 +412,6 @@
  // 标题改变
  changeTitle(e) {
    console.log(e.currentTarget.dataset.value);
    this.setData({
      flag: e.currentTarget.dataset.value
    })
@@ -267,18 +419,17 @@
  // 标题输入框值
  inputChange(e) {
    this.setData({
      titleName: e.detail.value
      submitTitle: e.detail.value
    })
  },
  confirmSuggest() {
    if (!this.data.textvalue) {
    if (!this.data.textvalue.trim()) {
      return wx.showToast({
        icon: 'error',
        title: '请填写笔记内容',
      })
    } else if (!this.data.titleName) {
    } else if (!this.data.submitTitle) {
      return wx.showToast({
        icon: 'error',
        title: '请填写笔记标题',
@@ -289,8 +440,6 @@
    } else if (this.data.submitType == 'edit') {
      this.updateNote()
    }
    console.log(this.data.textvalue);
    console.log(this.data.titleName);
    this.setData({
      dialogKey: false
    });
@@ -303,13 +452,11 @@
      textvalue: e.detail.value
    })
  },
  // 获取笔记列表
  async getNoteList() {
    // this.setData({
    //   loading: true
    // })
    this.setData({
      loading: true
    })
    let topicId
    await app.MG.ugc
      .getProductUserSubmitTopic({
@@ -345,13 +492,11 @@
        // item.deleteHover = false
        item.createDate = this.convertTimestamp(item.createDate)
      })
      console.log(res, 'res');
      this.setData({
        "pageCount.total": res.totalSize,
        noteList: res.datas,
        loading: false
      })
      console.log('笔记列表', res.datas);
    })
  },
  // 编辑按钮
@@ -361,9 +506,9 @@
      submitType: "edit",
      textvalue: note.content,
      submitTitle: note.name,
      noteId: note.id
      noteId: note.id,
      dialogKey: true,
    })
    this.showDialog()
  },
  // 删除笔记
@@ -373,13 +518,15 @@
    messageIds.push(id)
    wx.showModal({
      title: '提示',
      content: '确认删除该笔记吗?',//editable如果为true,这就是输入框的内容
      editable: false,//是否显示输入框
      placeholderText: '请输入内容吧',//输入框的默认内容
      content: '确认删除该笔记吗?', //editable如果为true,这就是输入框的内容
      editable: false, //是否显示输入框
      placeholderText: '请输入内容吧', //输入框的默认内容
      success: (res) => {
        if (res.confirm) {
          app.MG.ugc
            .delTopicMessage({ messageIds })
            .delTopicMessage({
              messageIds
            })
            .then((res) => {
              wx.showToast({
                title: '删除成功',
@@ -481,5 +628,18 @@
      submitType: "new"
    })
  },
  videoErrorCallback(e) {
    console.log(e);
  },
  videoError: function (e) {
    this.setData({
      videoError: true
    });
  },
  loadedmetadata(e) {
    console.log(1);
    this.setData({
      videoLoaidng: false
    })
  }
})