课程学习时长的记录

src/api/phase2/stat.js

@@ -10,6 +10,7 @@ const baseURL = process.env.VUE_APP_STAT_BASE_API;
     "title": "浏览案例【案例名称】",//事件的标题
     "parameters":"",//用户自定义参数 name:value,name:value
     "content": "案例名称",//事件的内容
+    "source":"页面事件",
     "objId": "案例id",//关联的id
     "objType": "3",//关联的类型
     "objInfo": "记录一般折内容部分",

src/views/study/coursenew.vue

@@ -219,6 +219,7 @@
   import studyUtil from '@/utils/study.js';
   import { encrypt } from '@/utils/jsencrypt.js';
   import cookies from 'vue-cookies';
+  import apiStat from '@/api/phase2/stat.js';
   import apiStudy from '@/api/modules/courseStudy.js';
   import apiVideoStudy from "@/api/modules/videoStudy.js";
   import apiCourseGrade from '@/api/modules/courseGrade.js';
@@ -318,10 +319,10 @@
         isPraise: false,
         isTrample: false,
         appendStartTime: null, //记录追加的开始时间
-        appendHandle: null,
+        appendHandle: null, //追加学习时长的timeout句柄
         isAppendTime: false, //是否追加学习时长
-        appentId: '', //当前追加的学习时长的id
-        appentInterval: 30000, //追加学习时间的间隔 30秒加一次
+        appentId: '', //当前追加的学习时长的id,此字段已经不再使用
+        appentInterval: 5000, //追加学习时间的间隔 5秒加一次
         handleTimeout: null,
         completed: [],
         tab: 1,
@@ -371,20 +372,6 @@
       }
     },
     methods: {
-      /**
-       * 定时保存学习时长,每5秒保存在本地，每1分钟保存到服务端，清空本地数据
-       * 如果一进入，本地数据存在，就先保存到服务器，然后再重新计算时长
-       */
-      autoLocalStudying(){
-
-      },
-      autoSaveStudying(){
-          let timeStr = localStorage.getItem(this.localTimeKey);
-          if(timeStr){
-             let timeJson=JSON.parse(timeStr);
-
-          }
-      },
       //关注功能
       toFollow(item) {
         apiFollow.save(item.teacherId).then(res => {
@@ -429,7 +416,7 @@
         } else {
           this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
         }
-        console.log(this.blobUrl,'this.blobUrl');
+        //console.log(this.blobUrl,'this.blobUrl');
       },
       widthOpen(url) {
         window.open(url, '_blank');
@@ -536,7 +523,7 @@
         } else if (r.contentType == 62) {
           // 评估
           //评估不需要查找，因为内容就是content中
-          console.log('评估处理');
+          //console.log('评估处理');
         }
         if (this.contentData.status < 2) {
           this.contentData.status = 2; //进行中
@@ -737,6 +724,9 @@
         //console.log("开始播放");
         this.playerBoxShow = false;
         let $this = this;
+        //这里有些不准备，如果文件未能加载，这个事件就是错误的
+        this.isAppendTime=true;
+        this.appendStudyTime();//启动追加学习时长
         //console.log(this.contentData.status,'this.contentData.status');
         // if(this.contentData.status<9){
         //   let completeType=this.curriculumData.completeSetup;
@@ -777,16 +767,17 @@
       },
       onPlayerPause() {
         //console.log("暂停");
+        this.stopStudyTime();
       },
       onPlayerEnded() {
         this.playerBoxShow = true;
-        if (this.contentData.status < 9) {
+        this.stopStudyTime();
+        if(this.contentData.status < 9) {
           this.finishStudyItem();
         }
       },
       onPlayerPlaying(itme) {
-        this.isAppendTime = false;
-        this.appendStartTime = null;
+        this.isAppendTime = true;//可以追加学习时长
         this.intTimeNote = parseInt(itme);
         //console.log("当前播放"+itme);
         //console.log("当前播放11"+itme);
@@ -873,12 +864,16 @@
       audioPlay() {
         //console.log("开始播放");
         let $this = this;
+        this.isAppendTime=true;
+        this.appendStudyTime();//启动追加学习时长
       },
       audioPause() {
         //console.log("暂停");
+        this.stopStudyTime();//启动追加学习时长
       },
       audioEnd() {
         //console.log("播放结束");
+        this.stopStudyTime();//启动追加学习时长
         if (this.contentData.status < 9) {
           this.finishStudyItem();
         }
@@ -1035,30 +1030,63 @@
           }
         });
       },
-      saveStudyDuration() { //保存本地存储的学习时长
-        let duration = studyUtil.getStudyDuration();
+      saveStudyDuration(duration) { //保存本地存储的学习时长
         if (duration > 0) {
-          let postData = {
-            id: this.appentId,
-            studyId: this.studyId,
-            courseId: this.courseInfo.id,
-            contentId: this.contentData.id,
-            studyInfo: this.courseInfo.name +
-              "-" +
-              this.contentData.contentName,
-            duration: duration
-          };
-          apiStudy.appendStudyTime(postData).then(rs => {
-            if (rs.status == 200) {
-              this.appentId = rs.result;
-              studyUtil.clearStudyDuration(); //清除本地存储
-            } else {
-              console.log(rs.message);
+          //发送用户学习事件
+          console.log('保存到后台学习时长='+duration);
+          let postData={
+              "key": "StudyCourse",//课程学习的key
+              "title": "学习课程",//事件的标题
+              "parameters":"second:"+duration,//second:value,total:value 本次的学习时长
+              "content": "学习课程【"+this.courseInfo.name+"】",//事件的内容
+              "objId": this.courseInfo.id,//课程的id
+              "objType": "1",//类型
+              "source":"页面事件",
+              "objInfo": ""+this.courseInfo.name,
+              "aid":this.userInfo.aid, //当前登录人的id
+              "aname":this.userInfo.name,//当前人的姓名
+              "status": 1 //状态
             }
-          });
+            //静默处理
+            apiStat.sendEvent(postData).then(rs=>{
+                if(rs.status == 200) {
+                  this.appendStartTime = new Date();//重新计时
+                  studyUtil.clearStudyDuration(); //清除本地存储
+                } else {
+                  console.log(rs.message);
+                }
+            });
+          // let postData = {
+          //   id: this.appentId,
+          //   studyId: this.studyId,
+          //   courseId: this.courseInfo.id,
+          //   contentId: this.contentData.id,
+          //   studyInfo: this.courseInfo.name +
+          //     "-" +
+          //     this.contentData.contentName,
+          //   duration: duration
+          // };
+          // apiStudy.appendStudyTime(postData).then(rs => {
+          //   if (rs.status == 200) {
+          //     this.appentId = rs.result;
+          //     studyUtil.clearStudyDuration(); //清除本地存储
+          //   } else {
+          //     console.log(rs.message);
+          //   }
+          // });
         }
       },
-      appendStudyTime(flag) {
+      //结束追加学习时长
+      stopStudyTime(){
+          console.log('停止追加学习时长');
+          this.isAppendTime=false;
+          if (this.appendHandle != null) {
+              window.clearTimeout(this.appendHandle);
+          }
+      },
+      //追加学习时长， flag是否提交到后台
+      appendStudyTime() {
+        //console.log('开始追加学习时长',this.isAppendTime);
         if (this.studyId == '') {
           return;
         }
@@ -1075,50 +1103,53 @@
         }
         //首先从本地读取
         let duration = studyUtil.getStudyDuration();
-        
-        //追加学习时间
+        console.log('追加学习时长，当前本地积累的学习时长='+duration);
+        //追加学习长
         let $this = this;
         if (this.appendStartTime == null) {
           this.appendStartTime = new Date();
           this.appendHandle = setTimeout(function() {
             $this.appendStudyTime();
-          }, $this.appentInterval);
-          if (duration > 0 && flag) {
-            this.saveStudyDuration();
+          }, $this.appentInterval); //设置定时追加学习时长
+          //保存之前的
+          if (duration >0 ) {
+            this.saveStudyDuration(duration);
           }
           return;
         }
+        //如果当前追加开始时间不为空
         let now = new Date();
         let m = now.getTime() - this.appendStartTime.getTime(); //相差的毫秒数
         let sen = parseInt(m / 1000); //计算秒数
-        duration = duration + sen;
-        if (flag) {
-          if (duration > 0) {
-            let postData = {
-              id: this.appentId,
-              studyId: this.studyId,
-              courseId: this.courseInfo.id,
-              contentId: this.contentData.id,
-              studyInfo: this.courseInfo.name +
-                "-" +
-                this.contentData.contentName,
-              duration: duration
-            };
-            apiStudy.appendStudyTime(postData).then(rs => {
-              if (rs.status == 200) {
-                $this.appentId = rs.result;
-                $this.appendStartTime = new Date(); //重置开始时间
-                studyUtil.clearStudyDuration(); //清除本地存储
-                //this.appendHandle=setTimeout(function() {$this.appendStudyTime();}, $this.appentInterval);
-              } else {
-                console.log(rs.message);
-              }
-            });
-          }
+        duration = duration + $this.appentInterval/1000;//追加的是秒
+        if (sen>=60) { //一分钟保存一次
+          this.saveStudyDuration(duration);
+          // if (duration > 0) {
+          //   let postData = {
+          //     id: this.appentId,
+          //     studyId: this.studyId,
+          //     courseId: this.courseInfo.id,
+          //     contentId: this.contentData.id,
+          //     studyInfo: this.courseInfo.name +
+          //       "-" +
+          //       this.contentData.contentName,
+          //     duration: duration
+          //   };
+          //   apiStudy.appendStudyTime(postData).then(rs => {
+          //     if (rs.status == 200) {
+          //       $this.appentId = rs.result;
+          //       $this.appendStartTime = new Date(); //重置开始时间
+          //       studyUtil.clearStudyDuration(); //清除本地存储
+          //       //this.appendHandle=setTimeout(function() {$this.appendStudyTime();}, $this.appentInterval);
+          //     } else {
+          //       console.log(rs.message);
+          //     }
+          //   });
+          // }
         } else {
-          $this.appendStartTime = new Date(); //重置开始时间
           studyUtil.setStudyDuration(duration); //添加到本地存储中
         }
+        //启动下次追加学习时长
         this.appendHandle = setTimeout(function() {
           $this.appendStudyTime();
         }, $this.appentInterval);