268 lines
8.6 KiB
Vue
268 lines
8.6 KiB
Vue
<template>
|
||
<view>
|
||
<div>
|
||
<PdfView v-if="isShow" :path="path" />
|
||
</div>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import PdfView from './components/PdfView.vue'
|
||
import config from '@/config'
|
||
import { pathToBase64, base64ToPath } from 'image-tools'
|
||
|
||
export default {
|
||
components: { PdfView },
|
||
data() {
|
||
return {
|
||
isShow: true,
|
||
path: '',
|
||
params: {},
|
||
timer: null,
|
||
// 剩余时间
|
||
surplusTime: null,
|
||
isHide: false,
|
||
allStudyDuration: 0,
|
||
random1: 0,
|
||
random2: 0,
|
||
// 失败次数
|
||
failCount: 3
|
||
}
|
||
},
|
||
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)
|
||
this.allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
|
||
this.random1 = (this.allStudyDuration / 3).toFixed(0)
|
||
this.random2 = ((this.allStudyDuration / 3) * 2).toFixed(0)
|
||
console.log('🚀 ~ onLoad ~ surplusTime:', this.surplusTime)
|
||
setTimeout(() => {
|
||
this.countDown()
|
||
}, 1000)
|
||
} 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() {
|
||
if (!this.isHide) {
|
||
console.log('🚀 ~ onHide ~ 页面隐藏')
|
||
clearInterval(this.timer)
|
||
// 关闭页面时，修改项目进度
|
||
this.updStudyDuration()
|
||
}
|
||
},
|
||
// 卸载
|
||
onUnload() {
|
||
if (!this.isHide) {
|
||
console.log('🚀 ~ onHide ~ 页面隐藏')
|
||
clearInterval(this.timer)
|
||
// 关闭页面时，修改项目进度
|
||
this.updStudyDuration()
|
||
}
|
||
},
|
||
methods: {
|
||
// 根据allStudyDuration 倒计时
|
||
countDown() {
|
||
// let allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
|
||
this.timer = setInterval(() => {
|
||
if (!this.isHide) {
|
||
this.allStudyDuration--
|
||
this.params.studyDuration++
|
||
}
|
||
// if (this.allStudyDuration == this.random1) {
|
||
// this.isShow = false
|
||
// clearInterval(this.timer)
|
||
// this.openPhotograph()
|
||
// }
|
||
// if (this.allStudyDuration == this.random2) {
|
||
// this.isShow = false
|
||
// clearInterval(this.timer)
|
||
// this.openPhotograph()
|
||
// }
|
||
console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
|
||
if (this.allStudyDuration <= 0) {
|
||
this.params.studyDuration = this.params.allStudyDuration
|
||
clearInterval(this.timer)
|
||
setTimeout(() => {
|
||
this.updStudyDuration()
|
||
// 提示-学习时长已满
|
||
uni.showToast({
|
||
title: '学习时长已满',
|
||
icon: 'none'
|
||
})
|
||
}, 1000)
|
||
}
|
||
console.log('🚀 ~ countDown ~ 剩余时间-->:', this.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)
|
||
}
|
||
})
|
||
},
|
||
// 拍照录入
|
||
openPhotograph() {
|
||
this.isHide = true
|
||
setTimeout(() => {
|
||
uni.chooseImage({
|
||
count: 1,
|
||
sizeType: ['compressed'],
|
||
sourceType: ['camera'],
|
||
success: res => {
|
||
let url = ''
|
||
console.log('🚀 ~ res-拍照:', res)
|
||
this.imgToBase64(res.tempFilePaths[0]).then(base64 => {
|
||
url = base64
|
||
console.log('🚀 ~ this.imgToBase64 ~ base64:', url)
|
||
this.getFaceRecognition({ userId: uni.getStorageSync('userId'), img: url })
|
||
})
|
||
},
|
||
fail(err) {
|
||
console.log('🚀 ~ openFaceScan ~ 人脸识别失败', err)
|
||
uni.showToast({
|
||
title: '人脸识别失败',
|
||
icon: ''
|
||
})
|
||
setTimeout(() => {
|
||
this.updStudyDuration()
|
||
}, 1000)
|
||
}
|
||
})
|
||
}, 500)
|
||
},
|
||
imgToBase64(data) {
|
||
return new Promise((resolve, reject) => {
|
||
pathToBase64(data)
|
||
.then(base64 => {
|
||
resolve(base64)
|
||
})
|
||
.catch(error => {
|
||
console.error(error)
|
||
reject(error)
|
||
})
|
||
})
|
||
},
|
||
// 发送请求
|
||
getFaceRecognition(params) {
|
||
console.log('🚀 ~ getFaceRecognition ~ params:', params)
|
||
this.$verificationToken()
|
||
uni.request({
|
||
url: config.baseUrl + '/exam-student/personalCenter/getFaceRecognition',
|
||
method: 'POST',
|
||
header: {
|
||
'content-type': 'application/json',
|
||
Authorization: uni.getStorageSync('access_token')
|
||
},
|
||
data: params,
|
||
success: res => {
|
||
console.log('🚀 ~ openFaceScan ~ res-人脸识别:', res)
|
||
res = res.data
|
||
console.log('🚀 ~ openFaceScan ~ res-人脸识别:', res.code)
|
||
if (res.code == 200) {
|
||
// 提示
|
||
uni.showToast({
|
||
title: '人脸识别成功'
|
||
})
|
||
this.failCount = 3
|
||
this.isHide = false
|
||
// 重新计算 this.surplusTime
|
||
this.surplusTime = this.allStudyDuration
|
||
if (this.params.path.indexOf('http') !== -1) {
|
||
this.path = this.params.path + '?surplusTime=' + JSON.stringify(this.surplusTime)
|
||
} else {
|
||
this.path = config.fileUrl + this.params.path + '?surplusTime=' + JSON.stringify(this.surplusTime)
|
||
}
|
||
this.isShow = true
|
||
this.countDown()
|
||
} else {
|
||
this.failCount--
|
||
if (this.failCount == 0) {
|
||
uni.showToast({
|
||
title: '人脸识别失败, 即将结束学习',
|
||
icon: 'none'
|
||
})
|
||
setTimeout(() => {
|
||
this.updStudyDuration()
|
||
}, 1000)
|
||
} else {
|
||
uni.showToast({
|
||
title: '人脸识别失败, 请重新录入, 剩余次数: ' + this.failCount + '次',
|
||
icon: 'none',
|
||
duration: 1500
|
||
})
|
||
setTimeout(() => {
|
||
this.openPhotograph()
|
||
}, 1500)
|
||
}
|
||
}
|
||
},
|
||
fail(err) {
|
||
console.log('🚀 ~ openFaceScan ~ 人脸识别失败', err)
|
||
uni.showToast({
|
||
title: '人脸识别失败',
|
||
icon: ''
|
||
})
|
||
setTimeout(() => {
|
||
this.updStudyDuration()
|
||
}, 1000)
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped></style>
|