学习任务-防作弊

pages/YNEduApp/learn/learn.vue

@@ -29,6 +29,7 @@
 
 <script>
 import config from '@/config'
+import { pathToBase64, base64ToPath } from 'image-tools'
 import { updStudyDuration } from '@/api/eduApp'
 
 export default {
@@ -55,7 +56,10 @@ export default {
       currentTime: 0,
       showModal: false, // 是否显示弹窗
       content: '是否确认结束学习？',
-      isEnd: false
+      isEnd: false,
+      video: null,
+      isHide: false,
+      oldTime: 0
     }
   },
   onLoad(opt) {
@@ -75,17 +79,18 @@ export default {
     if (opt.isEnd) {
       this.studyDuration = 0
     }
+    this.video = uni.createVideoContext('myVideo')
   },
   onHide() {
     console.log('🚀 ~ onHide ~ 页面隐藏')
-    if (!this.isEnd) {
+    if (!this.isEnd && !this.isHide) {
       // 关闭页面时，修改项目进度
       this.handleEnd()
     }
   },
   onUnload() {
     console.log('🚀 ~ onUnload ~ 页面关闭')
-    if (!this.isEnd) {
+    if (!this.isEnd && !this.isHide) {
       // 关闭页面时，修改项目进度
       this.handleEnd()
     }
@@ -96,8 +101,19 @@ export default {
     },
     // 视频播放时间更新
     videoTimeUpdate(e) {
-      console.log('视频播放时间：', e.detail.currentTime)
       this.currentTime = Math.ceil(e.detail.currentTime)
+      console.log('🚀 ~ 视频播放时间： ~ this.currentTime:', this.currentTime)
+      console.log('🚀 ~ 视频总时长： ~ this.allStudyDuration:', this.allStudyDuration)
+      const random1 = (this.allStudyDuration / 3) * 2
+      const random2 = this.allStudyDuration / 3
+
+      if (this.currentTime != this.oldTime) {
+        if (this.currentTime == random1 || this.currentTime == random2) {
+          this.oldTime = this.currentTime // 记录当前时间, 防止重复执行, 如果下次时间等于当前时间, 则不执行
+          this.video.pause()
+          this.openPhotograph()
+        }
+      }
     },
     openModal() {
       this.showModal = true
@@ -119,8 +135,7 @@ export default {
         return
       }
       // 手动暂停视频
-      const video = uni.createVideoContext('myVideo')
+      this.video.pause()
-      video.pause()
       // 获取当前播放时间 - 用于记录学习时长
       console.log('当前播放时间：', this.currentTime, this.allStudyDuration)
       this.studyDuration = this.currentTime
@@ -171,6 +186,92 @@ export default {
           console.log('🚀 ~ handleEnd ~ err:', err)
         }
       })
+    },
+    // 拍照录入
+    openPhotograph() {
+      this.isHide = true
+      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.handleEnd()
+          }, 1000)
+        }
+      })
+    },
+    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: '人脸识别成功',
+              icon: ''
+            })
+            this.isHide = false
+            this.video.play()
+          } else {
+            uni.showToast({
+              title: '人脸识别失败',
+              icon: ''
+            })
+            setTimeout(() => {
+              this.handleEnd()
+            }, 1000)
+          }
+        },
+        fail(err) {
+          console.log('🚀 ~ openFaceScan ~ 人脸识别失败', err)
+          uni.showToast({
+            title: '人脸识别失败',
+            icon: ''
+          })
+          setTimeout(() => {
+            this.handleEnd()
+          }, 1000)
+        }
+      })
     }
   }
 }

pages/YNEduApp/learnProj/imageStudy.vue

@@ -10,6 +10,7 @@
 
 <script>
 import config from '@/config'
+import { pathToBase64, base64ToPath } from 'image-tools'
 
 export default {
   data() {
@@ -20,7 +21,10 @@ export default {
       timer: null,
       isEnd: false,
       isShowImg: false,
-      time: ''
+      time: '',
+      isHide: false,
+      allStudyDuration: 0,
+      random: 0
     }
   },
   onLoad(opt) {
@@ -33,6 +37,8 @@ export default {
     // this.path = opt.path
     console.log('🚀 ~ onLoad ~ this.params:', this.path)
     console.log('🚀 ~ onLoad ~ this.params:', Number(opt.studyDuration), Number(opt.allStudyDuration))
+    this.allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
+    this.random = (this.allStudyDuration / 2).toFixed(0)
 
     if (Number(opt.studyDuration) < Number(opt.allStudyDuration)) {
       this.isEnd = false
@@ -55,7 +61,7 @@ export default {
   // 卸载 隐藏是调用 onHide
   onHide() {
     console.log('🚀 ~ onHide ~ 页面关闭')
-    if (this.isEnd) {
+    if (this.isEnd || this.isHide) {
       return
     }
     // 关闭页面时，修改项目进度
@@ -78,17 +84,24 @@ export default {
   methods: {
     // 根据allStudyDuration 倒计时
     countDown() {
-      let allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
+      // let allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
-      // let studyDuration = Number(this.params.studyDuration)
+      let minute = Math.floor(this.allStudyDuration / 60)
-      let minute = Math.floor(allStudyDuration / 60)
       minute = String(minute).padStart(2, '0')
-      let second = allStudyDuration % 60
+      let second = this.allStudyDuration % 60
+      second = String(second).padStart(2, '0')
       this.time = minute + ':' + second
       this.timer = setInterval(() => {
-        allStudyDuration--
+        if (!this.isHide) {
+          this.allStudyDuration--
           this.params.studyDuration++
+        }
+        if (this.allStudyDuration == this.random) {
+          this.isShow = false
+          clearInterval(this.timer)
+          this.openPhotograph()
+        }
         console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
-        if (allStudyDuration <= 0) {
+        if (this.allStudyDuration <= 0) {
           this.params.studyDuration = this.params.allStudyDuration
           this.isEnd = true
           clearInterval(this.timer)
@@ -120,7 +133,7 @@ export default {
           }
         }
         this.time = minute + ':' + second
-        console.log('🚀 ~ countDown ~ 剩余时间-->:', allStudyDuration)
+        console.log('🚀 ~ countDown ~ 剩余时间-->:', this.allStudyDuration)
         console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
       }, 1000)
     },
@@ -168,6 +181,93 @@ export default {
       uni.previewImage({
         urls: [this.path]
       })
+    },
+    // 拍照录入
+    openPhotograph() {
+      this.isHide = true
+      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)
+        }
+      })
+    },
+    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: '人脸识别成功',
+              icon: ''
+            })
+            this.isHide = false
+            this.isShow = true
+            this.countDown()
+          } else {
+            uni.showToast({
+              title: '人脸识别失败',
+              icon: ''
+            })
+            setTimeout(() => {
+              this.updStudyDuration()
+            }, 1000)
+          }
+        },
+        fail(err) {
+          console.log('🚀 ~ openFaceScan ~ 人脸识别失败', err)
+          uni.showToast({
+            title: '人脸识别失败',
+            icon: ''
+          })
+          setTimeout(() => {
+            this.updStudyDuration()
+          }, 1000)
+        }
+      })
     }
   }
 }

pages/YNEduApp/learnProj/pdfStudy.vue

@@ -9,6 +9,7 @@
 <script>
 import PdfView from './components/PdfView.vue'
 import config from '@/config'
+import { pathToBase64, base64ToPath } from 'image-tools'
 
 export default {
   components: { PdfView },
@@ -19,7 +20,11 @@ export default {
       params: {},
       timer: null,
       // 剩余时间
-      surplusTime: null
+      surplusTime: null,
+      isHide: false,
+      allStudyDuration: 0,
+      random1: 0,
+      random2: 0
     }
   },
   onLoad(opt) {
@@ -30,6 +35,9 @@ export default {
     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()
@@ -50,29 +58,45 @@ export default {
     }
     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() {
-    console.log('🚀 ~ 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)
+      // let allStudyDuration = Number(this.params.allStudyDuration) - Number(this.params.studyDuration)
       this.timer = setInterval(() => {
-        allStudyDuration--
+        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 (allStudyDuration <= 0) {
+        if (this.allStudyDuration <= 0) {
           this.params.studyDuration = this.params.allStudyDuration
           clearInterval(this.timer)
           setTimeout(() => {
@@ -84,7 +108,7 @@ export default {
             })
           }, 1000)
         }
-        console.log('🚀 ~ countDown ~ 剩余时间-->:', allStudyDuration)
+        console.log('🚀 ~ countDown ~ 剩余时间-->:', this.allStudyDuration)
         console.log('🚀 ~ countDown ~ this.params.studyDuration:', this.params.studyDuration)
       }, 1000)
     },
@@ -125,6 +149,100 @@ export default {
           console.log('🚀 ~ handleEnd ~ err:', err)
         }
       })
+    },
+    // 拍照录入
+    openPhotograph() {
+      this.isHide = true
+      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)
+        }
+      })
+    },
+    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: '人脸识别成功',
+              icon: ''
+            })
+            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 {
+            uni.showToast({
+              title: '人脸识别失败',
+              icon: ''
+            })
+            setTimeout(() => {
+              this.updStudyDuration()
+            }, 1000)
+          }
+        },
+        fail(err) {
+          console.log('🚀 ~ openFaceScan ~ 人脸识别失败', err)
+          uni.showToast({
+            title: '人脸识别失败',
+            icon: ''
+          })
+          setTimeout(() => {
+            this.updStudyDuration()
+          }, 1000)
+        }
+      })
     }
   }
 }