1、模块设置了懒加载

2、添加了一个一个学习时长API用于和原有的汇报API提交的数据进行对比

1、模块设置了懒加载
2、添加了一个一个学习时长API用于和原有的汇报API提交的数据进行对比
c89fcb64 · xiaowenfeng · aad79c52 · c89fcb64 · c89fcb64 · c89fcb64
Commit c89fcb64 authored Sep 30, 2020 by xiaowenfeng
Showing with 73 additions and 20 deletions
babel.config.js
package.json
public/index.html
src/router/index.js
src/views/PreviewPDF.vue
--- a/babel.config.js
+++ b/babel.config.js
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"]
+  presets: ["@vue/cli-plugin-babel/preset"],
+  env: {
+    development: {
+      plugins: ["dynamic-import-node"]
+    }
+  }
 };
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
    "@vue/cli-service": "~4.4.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.1.0",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^6.2.2",

--- a/public/index.html
+++ b/public/index.html
@@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>

--- a/src/router/index.js
+++ b/src/router/index.js
 import Vue from "vue";
 import VueRouter from "vue-router";
-import previewPDF from "../views/PreviewPDF.vue";
-import faceDetect from "../views/FaceDetect.vue";
-import faceRegister from "../views/FaceRegister.vue";

 Vue.use(VueRouter);

 const routes = [
  {
    path: "/previewPDF",
-    component: previewPDF,
+    component: () =>
+      import(/* webpackChunkName:"name" */ "@/views/PreviewPDF.vue"),
    meta: {
      title: "PDF预览"
    }
  },
  {
    path: "/faceDetect",
-    component: faceDetect,
+    component: () =>
+      import(/* webpackChunkName:"name" */ "@/views/FaceDetect.vue"),
    meta: {
      title: "人脸识别"
    }
  },
  {
    path: "/faceRegister",
-    component: faceRegister,
+    component: () =>
+      import(/* webpackChunkName:"name" */ "@/views/FaceRegister.vue"),
    meta: {
      title: "人脸登记"
    }

--- a/src/views/PreviewPDF.vue
+++ b/src/views/PreviewPDF.vue
@@ -193,7 +193,8 @@ export default {
      draggradActive: false,
      isFirefox: false,
      playInitializationData: null,
-      isLoading: false
+      isLoading: false,
+      sessionTime: 0
    };
  },
  mounted() {
@@ -317,6 +318,7 @@ export default {
        canvas.height
      );
      $(".canvasWrapper").html(bufferCanvas);
+      this.startTimeout();
    },
    renderHtml(textLayerDiv, page, scale, viewport, bodyHeight, textContent) {
      $("#textLayerDiv").html("");
@@ -385,11 +387,8 @@ export default {
      if (this.isLoading) {
        return;
      }
+      this.save();
      this.pageIndex = this.pageIndex - 1;
-      this.LMSSetLocationPoint();
-      this.LMSSetLessProgress();
-      this.LMSSetSessionTime();
-      this.LMSCommit();
      this.preview();
    },
    next() {
@@ -399,14 +398,8 @@ export default {
      if (this.isLoading) {
        return;
      }
+      this.save();
      this.pageIndex = this.pageIndex + 1;
-      this.LMSSetLocationPoint();
-      this.LMSSetLessProgress();
-      this.LMSSetSessionTime();
-      if (this.pageIndex === this.pageLength) {
-        this.LMSSetLessonStatus("completed");
-      }
-      this.LMSCommit();
      this.preview();
    },
    changeSelected(index) {
@@ -626,6 +619,60 @@ export default {
        }
      });
    },
+    startTimeout() {
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.sessionTime = this.sessionTime += 1;
+        // console.log(this.sessionTime);
+        if (this.sessionTime % 30 === 0) {
+          this.save();
+          this.startTimeout();
+        } else {
+          this.startTimeout();
+        }
+      }, 1000);
+    },
+    save() {
+      this.LMSSetLocationPoint();
+      this.LMSSetLessProgress();
+      this.LMSSetSessionTime();
+      if (this.pageIndex === this.pageLength) {
+        this.LMSSetLessonStatus("completed");
+      }
+      this.LMSCommit();
+      let sessionTime = this.sessionTime;
+      this.sessionTime = 0;
+      this.checkingAPI(null, sessionTime);
+    },
+    checkingAPI(fn, sessionTime) {
+      $.ajax({
+        type: "post",
+        url: "/play/tracking/set.do",
+        data: {
+          crsId: this.playInitializationData.crsId,
+          crsSource: this.playInitializationData.crsSource,
+          itemId: this.playInitializationData.itemId,
+          lessonMode: this.playInitializationData.lessonMode,
+          clientType: "P",
+          endLocation: this.pageIndex,
+          sessionTime: sessionTime
+        },
+        dataType: "json",
+        async: false,
+        success: data => {
+          if (data.executeStatus !== 0) {
+            this.alert(
+              "提示！",
+              data.errorMsg + "\n错误代码：" + data.errorCode,
+              "30%"
+            );
+          }
+          if (!!fn && typeof fn == "function") {
+            fn(data);
+          }
+        }
+      });
+    },
    timeToFormat(times) {
      var result = "00:00:00";
      var hour, minute, second;