YNUtdPlatform/pages/YNEduApp/learnProj/pdfStudy.vue

<template>
  <view>
    <div>
      <PdfView v-if="isShow" :path="path" />
    </div>
  </view>
</template>

<script>
import PdfView from './components/PdfView.vue'
import config from '@/config'

export default {
  components: { PdfView },
  data() {
    return {
      isShow: true,
      path: '',
      params: {},
      timer: null,
      // 剩余时间
      surplusTime: null
    }
  },
  onLoad(opt) {
    opt = JSON.parse(opt.params)
    console.log('🚀 ~ onLoad ~ opt:', opt)
    this.params = JSON.parse(JSON.stringify(opt))
    this.params.studyDuration = Number(opt.studyDuration)
    this.params.allStudyDuration = Number(opt.allStudyDuration)
    if (Number(opt.studyDuration) < Number(opt.allStudyDuration)) {
      this.surplusTime = Number(opt.allStudyDuration) - Number(opt.studyDuration)
      console.log('🚀 ~ onLoad ~ surplusTime:', this.surplusTime)
      setTimeout(() => {
        this.countDown()
      }, 1300)
    } else {
      this.surplusTime = 0
      // 提示-学习时长已满
      uni.showToast({
        title: '学习时长已满, 随时可以结束学习',
        icon: 'none'
      })
    }
    // 如果路径中带有http或者https则直接使用路径，否则拼接路径
    if (opt.path.indexOf('http') !== -1) {
      this.path = opt.path + '?surplusTime=' + JSON.stringify(this.surplusTime)
    } else {
      this.path = config.fileUrl + opt.path + '?surplusTime=' + JSON.stringify(this.surplusTime)
    }
    console.log('🚀 ~ onLoad ~ this.params:', this.path)
    console.log('🚀 ~ onLoad ~ this.params:', Number(opt.studyDuration), Number(opt.allStudyDuration))
    
  },
  onHide() {
    clearInterval(this.timer)
    // 关闭页面时，修改项目进度
    this.updStudyDuration()
  },
  // 卸载
  onUnload() {
    console.log('🚀 ~ onUnload ~ 页面关闭')
    clearInterval(this.timer)
    // 关闭页面时，修改项目进度
    this.updStudyDuration()
  },
  methods: {
    // 根据allStudyDuration 倒计时
    countDown() {
      let allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
      this.timer = setInterval(() => {
        allStudyDuration--
        this.params.studyDuration++
        console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
        if (allStudyDuration <= 0) {
          this.params.studyDuration = this.params.allStudyDuration
          clearInterval(this.timer)
          setTimeout(() => {
            this.updStudyDuration()
            // 提示-学习时长已满
            uni.showToast({
              title: '学习时长已满',
              icon: 'none'
            })
          }, 1000)
        }
        console.log('🚀 ~ countDown ~ 剩余时间-->:', allStudyDuration)
        console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
      }, 1000)
    },
    // 修改项目进度
    updStudyDuration() {
      const params = {
        userId: this.params.userId,
        studyId: this.params.studyId,
        stageId: this.params.stageId,
        stageContentId: this.params.stageContentId,
        stageType: this.params.stageType,
        studyCourseId: this.params.studyCourseId,
        sourceId: this.params.sourceId,
        studyDuration: this.params.studyDuration,
        studyPercentage:
          Math.ceil((Number(this.params.studyDuration) / Number(this.params.allStudyDuration)) * 100).toFixed(2) > 100
            ? 100
            : Math.ceil((Number(this.params.studyDuration) / Number(this.params.allStudyDuration)) * 100).toFixed(2)
      }
      console.log('🚀 ~ updStudyDuration ~ params:', params)
      this.$verificationToken()
      uni.request({
        url: config.baseUrl + '/exam-student/student/updStudyDuration',
        method: 'post',
        data: params,
        header: {
          'Content-Type': 'application/x-www-form-urlencoded',
          Authorization: uni.getStorageSync('access_token')
        },
        success: res => {
          console.log('🚀 ~ handleEnd ~ res:', res)
          this.isShow = false
          uni.reLaunch({
            url: '/pages/YNEduApp/learnProj/learnProjDetail?id=' + this.params.studyId
          })
        },
        fail: err => {
          console.log('🚀 ~ handleEnd ~ err:', err)
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped></style>