wx-parent/subpackages/details/details.js

// subpackagestow/details/details.js
import { models, db, _ } from '../../utils/cloudbase.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    fileType: 'video',
    viewType: 'grid',
    courseList: [],
    shouchang: '',
    show_1: '',
    xiazi: '',
    xia: '',
    itemlist: {},
    isCollected: false,
    isPlaying: false,
    isAudioPlaying: false,
  },

  onLoad(options) {
    // 获取传递过来的数据
    const itemStr = decodeURIComponent(options.item);
    const item = JSON.parse(itemStr);
    // 设置到页面数据中
    this.setData({
      itemlist: item
    }, () => {
        // 转换云文件ID为临时链接
      if (item.url && item.url.length > 0) {
        wx.cloud.getTempFileURL({
          fileList: [item.url[0]],
          success: res => {
            if (res.fileList && res.fileList.length > 0) {
              this.setData({
                'itemlist.playUrl': res.fileList[0].tempFileURL
              });
            }
          },
          fail: err => {
            console.error('获取临时链接失败', err);
          }
        });
      }

      // 收藏
      // this.getcollect()
      // 相关推荐
      this.getcourseList()
    });
    
    // 获取图片
    const fileIDs = [
      'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/shouchang.png',
      'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/show_1.png',
      'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xiazi.png',
      'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xia_1.png'
    ];
    // 并发下载多个 fileID
    Promise.all(
      fileIDs.map(fileID => wx.cloud.downloadFile({ fileID }))
    ).then(results => {
      // 每个 result 对应一个下载结果
      const tempFilePaths = results.map(r => r.tempFilePath);
      console.log('全部下载成功:', tempFilePaths);
      this.setData({
        shouchang: tempFilePaths[0],
        show_1: tempFilePaths[1],
        xiazi: tempFilePaths[2],
        xia: tempFilePaths[3],
        shouchangs: tempFilePaths[4],
      });
    }).catch(err => {
      console.error('有文件下载失败:', err);
    });
  },

  // 相关课件推荐
  async getcourseList() {
    const { data } = await models.file_manage.list({
      filter: {
        where: {
          level: this.data.itemlist.level,
          dan: this.data.itemlist.dan, 
          tag_id: this.data.itemlist.tag_id
        }
      },
      pageSize: 20, // 分页大小，建议指定，如需设置为其它值，需要和 pageNumber 配合使用，两者同时指定才会生效
      pageNumber: 1, // 第几页
      getCount: true, // 开启用来获取总数
      // envType: pre 体验环境， prod 正式环境
      envType: "prod",
    });
    
    // 返回查询到的数据列表 records 和 总数 total
    console.log(data, 'data');
    this.setData({
      courseList: data.records
    })
  },

  // 下载
  goToGoodsLists(event) {
    // 获取绑定的数据
    const item = event.currentTarget.dataset.item;
    // 将数据转换为 JSON 字符串并传递
    const itemStr = encodeURIComponent(JSON.stringify(item));
    wx.navigateTo({
      url: `/subpackages/down/down?item=${itemStr}`
    });
  },

    // 相关课件点击详情
  goToGoodsList(event) {
    // 获取绑定的数据
    const item = event.currentTarget.dataset.item;
    // 将数据转换为 JSON 字符串并传递
    const itemStr = encodeURIComponent(JSON.stringify(item));
    wx.navigateTo({
      url: `/subpackagestow/details/details?item=${itemStr}`
    });
  },

  // // 是否收藏
  // async getcollect() {
  //   const { data } = await models.wx_collect.get({
  //     filter: {
  //       where: {
  //         file_manager_id: this.data.itemlist._id
  //       }
  //     },
  //     // envType: pre 体验环境， prod 正式环境
  //     envType: "prod",
  //   });
    
  //   // 返回查询到的数据
  //   console.log(data, '123321');
  //   // 判断是否有值
  //   if (data && Object.keys(data).length > 0) {
  //     this.setData({
  //       isCollected: true // 设置标志为 true
  //     });
  //   } else {
  //     this.setData({
  //       isCollected: false // 设置标志为 false
  //     });
  //   }
  // },
  // // 收藏
  // async goTocollect() {
  //   if (this.data.isCollected) {
  //     const { data } = await models.wx_collect.delete({
  //       filter: {
  //         where: {
  //           file_manager_id: _.eq(this.data.itemlist._id),  // 收藏文件id
  //         }
  //       },
  //       // envType: pre 体验环境， prod 正式环境
  //       envType: "prod",
  //     });
      
  //     // 返回删除成功的条数
  //     console.log(data, '删除');
  //     wx.showToast({ title: '取消收藏成功', icon: 'success' });
  //     this.setData({
  //       isCollected: false
  //     })

  //   } else {
  //     const userInfo = wx.getStorageSync('userInfo');
  //     const { data } = await models.wx_collect.create({
  //       data: {
  //           wx_user_id: userInfo._id,  // 收藏人_id
  //           file_manager_id: this.data.itemlist._id,  // 收藏文件id
  //           remark: "备注备注备注备注备注备注",  // 备注
  //         },
  //       // envType: pre 体验环境， prod 正式环境
  //       envType: "prod",
  //     });
      
  //     // 返回创建的数据 id
  //     console.log(data);
  //     wx.showToast({ title: '收藏成功', icon: 'success' });
  //     this.setData({
  //       isCollected: true // 设置标志为 true
  //     });
  //   }
  // },

  // 预览
  previewPDF() {
    wx.cloud.downloadFile({
      fileID: this.data.itemlist.url[0],
      success: res => {
        const filePath = res.tempFilePath;
        const extension = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase();
        console.log('文件后缀：', extension);
        // 根据文件类型处理
        if (['pdf', 'ppt', 'pptx'].includes(extension)) {
          wx.openDocument({
            filePath: filePath,
            fileType: extension,
            success: () => {
              console.log('文档打开成功');
            },
            fail: err => {
              console.error('文档打开失败', err);
            }
          });
        } else if (['mp3', 'aac', 'wav'].includes(extension)) {
          console.log('这是一个音频文件，可以跳转到播放页面或使用音频组件');
          this.toggleAudio()
        } else if (['mp4', 'mov'].includes(extension)) {
          console.log('这是一个视频文件，可以跳转到视频播放页');
          this.toggleVideo()
        } else {
          wx.showToast({
            title: '暂不支持该文件类型预览',
            icon: 'none'
          });
        }
      },
      fail: err => {
        console.error('文件下载失败', err);
      }
    });
  },

  // 视频播放还是暂停
  toggleVideo() {
    const videoContext = wx.createVideoContext('myVideo', this);

    if (this.data.isPlaying) {
      videoContext.pause();
      this.setData({ isPlaying: false });
    } else {
      videoContext.play();
      this.setData({ isPlaying: true });
    }
  },
  // 音频的播放暂停
  toggleAudio() {
    // 如果已经有临时播放链接，直接用它
    if (this.data.itemlist.playUrl) {
      this._playAudio(this.data.itemlist.playUrl);
    } else {
      // 否则判断 url 是否是 cloud:// 开头，需要转临时链接
      const cloudUrl = this.data.itemlist.url[0];
      if (cloudUrl && cloudUrl.startsWith('cloud://')) {
        wx.cloud.getTempFileURL({
          fileList: [cloudUrl],
          success: res => {
            if (res.fileList && res.fileList.length > 0) {
              const tempUrl = res.fileList[0].tempFileURL;
              this.setData({ 'itemlist.playUrl': tempUrl }, () => {
                this._playAudio(tempUrl);
              });
            }
          },
          fail: err => {
            wx.showToast({ title: '获取播放链接失败', icon: 'none' });
            console.error('获取临时链接失败', err);
          }
        });
      } else {
        // 不是 cloud:// 开头，直接播放原链接
        this._playAudio(cloudUrl);
      }
    }
  },

  _playAudio(url) {
    if (!this.audioContext) {
      this.audioContext = wx.createInnerAudioContext();
      this.audioContext.onPlay(() => this.setData({ isAudioPlaying: true }));
      this.audioContext.onPause(() => this.setData({ isAudioPlaying: false }));
      this.audioContext.onStop(() => this.setData({ isAudioPlaying: false }));
      this.audioContext.onEnded(() => this.setData({ isAudioPlaying: false }));
      this.audioContext.onError((res) => {
        wx.showToast({ title: '音频播放错误', icon: 'none' });
        this.setData({ isAudioPlaying: false });
        console.error('音频播放错误', res);
      });
    }
    
    if (this.data.isAudioPlaying) {
      this.audioContext.pause();
    } else {
      this.audioContext.src = url;
      this.audioContext.play();
    }
  },

  onUnload() {
    if (this.audioContext) {
      this.audioContext.stop();
      this.audioContext.destroy();
      this.audioContext = null;
    }
  },

  onHide() {
    if (this.audioContext) {
      this.audioContext.pause();
    }
  },

})