pdf阅读优化

闫增涛

2024-11-05 50ca1ad0d141d7dc0ddf29b2d3051b85ceff8f56

 packageBookService/pages/components/webView/index.js

@@ -1,5 +1,8 @@
// packageBookService/pages/components/webView/index.js
const app = getApp()
import {
  loginInfo
} from '../../../../assets/js/login';
Page({

  /**
@@ -10,12 +13,18 @@
    link: false,
    epubObj: null,
    currentPage: '',
    pdfList: [],
    skeletonLoding: true,
    startTime: "", //进入页面当前时间
    pauseTime: 0 //暂停时间
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    console.log(options)

    if (options && options.link) {
      this.setData({
        src: decodeURIComponent(options.link),
@@ -29,9 +38,21 @@
      if (options) {
        wx.setNavigationBarTitle({
          title: options.fileName,
          skeletonLoding: true
        })
        this.getProgress(options)
      }
    }
    const token = wx.getStorageSync(app.config.tokenKey)
    if (!token) {
      loginInfo(app, (data) => {
        if (data) {
          this.getProgress(options)
        } else {
          this.getProgress(options)
        }
      })
    } else {
      this.getProgress(options)
    }
  },

@@ -44,21 +65,60 @@
  },

  setWebViewSrc: function (data) {
    var url = app.config.epubUrl +
      "?md5=" +
      data.md5 +
      "&bookName=" +
      data.fileName +
      "&url=" + app.config.requestCtx +
      "&token=" +
      wx.getStorageSync(app.config.tokenKey) +
      "&recordLocation=" +
      this.data.currentPage
    this.setData({
      src: url
    })
  },
    let that = this;
    var url = "";
    if (data.fileType == 'epub') {
      if (data.bookBuy == "true") {
        url = app.config.epubUrl +
          "?md5=" +
          data.md5 +
          "&bookName=" +
          data.fileName +
          "&url=" + app.config.requestCtx +
          "&token=" +
          wx.getStorageSync(app.config.tokenKey) +
          "&recordLocation=" +
          this.data.currentPage
      } else {
        url = app.config.epubUrl +
          "?md5=" +
          data.md5 +
          "&bookName=" +
          data.fileName +
          "&url=" + app.config.requestCtx +
          "&token=" +
          wx.getStorageSync(app.config.tokenKey) +
          "&recordLocation=" +
          that.data.currentPage + "&isPreview=true&freeEpubPage=" + data.freePage
      }
      that.setData({
        src: url,
        skeletonLoding: false,
      })
    } else {
      that.setData({
        navigationBarTitleText: data.fileName
      })
      app.MG.file.getPdfInfo({
        md5: data.md5
      }).then((res) => {
        let pageCount = data.bookBuy == "true" ? res.totalPages : Number(data.freePage)
        console.log(pageCount, "connt")
        if (pageCount) {
          let list = [];
          for (let i = 0; i < pageCount; i++) {
            const src = app.config.requestCtx + '/file/GetPdfPageImage?md5=' + data.md5 + '&index=' + (i + 1) + '&dpi=300'
            list.push(src)
          }
          that.setData({
            pdfList: list,
            skeletonLoding: false,
          })
        }
      })
    }

  },

  // 获取UserKey
  getProgress: function (dataObj) {
@@ -96,9 +156,9 @@
            domain: "bookReadProgress",
            key: this.data.epubObj.md5,
            value: JSON.stringify(data),
          },],
          }, ],
        })
        .then((res) => { });
        .then((res) => {});
    }
  },

@@ -108,7 +168,7 @@
      percentage,
      type
    } =
      e.detail.data[0];
    e.detail.data[0];
    if (type == "progress" && type != "backDetail") {
      this.setProgress({
        page: currentLocation,
@@ -132,21 +192,62 @@
   * 生命周期函数--监听页面显示
   */
  onShow() {

    this.setData({
      startTime: Date.now()
    })
  },

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

    this.setData({
      pauseTime: Date.now()
    })
    if (wx.getStorageSync(app.config.tokenKey) && this.data.epubObj.bookBuy) {
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {
    this.setData({
      pauseTime: Date.now()
    })
    if (wx.getStorageSync(app.config.tokenKey) && this.data.epubObj.bookBuy == 'true') {
      let duration = this.data.pauseTime - this.data.startTime
      this.count(duration)
    }
  },

  count(timeStr) {
    const data = {
      appRefCode: app.config.appRefCode,
      type: 'LearningTime', //统计类型--阅读时长
      data: timeStr + '', //统计内容--时长毫秒
      event: 'LearningTime',
      sysType: 'App'
    }
    //阅读商品的id
    if (this.data.epubObj.bookId) {
      data.productId = this.data.epubObj.bookId
    }
    //阅读资源的id
    // if (product.cmsItemId) {
    //   data.cmsItemId = product.cmsItemId
    // }
    app.MG.job.newJobWithApiNewEvent(data).then((res) => {})
  },

  //预览图片，放大预览
  preview(event) {
    let urls = [event.currentTarget.dataset.src]
    wx.previewImage({
      urls: urls // 需要预览的图片http链接列表
    })
  },

  /**
@@ -162,4 +263,9 @@
  onReachBottom() {

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