Home Explore Help
Sign In
CocoRoboLabs
/
pbl-student-table
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

study

lsc 2 years ago
parent
7ee642028a
commit
647dffadba
13 changed files with 1590 additions and 356 deletions
Unified View Show Diff Stats
  1. 1 1
      dist/index.html
  2. 0 0
      dist/static/css/app.b3e52626e043cba04077785d58785170.css
  3. 0 0
      dist/static/css/app.b3e52626e043cba04077785d58785170.css.map
  4. 0 0
      dist/static/js/app.88091999263880dc5d74.js
  5. 0 0
      dist/static/js/app.88091999263880dc5d74.js.map
  6. 0 0
      dist/static/js/app.b3284c71728c5b45580a.js
  7. 0 0
      dist/static/js/app.b3284c71728c5b45580a.js.map
  8. 0 0
      dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
  9. 0 0
      dist/static/js/vendor.012023abf7091247f996.js.map
  10. 8 0
      src/components/components/pdf.vue
  11. 3 6
      src/components/components/pdf2.vue
  12. 1442 0
      src/components/liveProjectDetailxin.vue
  13. 136 349
      src/components/study.vue

+ 1 - 1
dist/index.html
View File 

@@ -18,4 +18,4 @@
 
       border-radius: 10px;
 
       border-radius: 10px;
 
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 
       -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 
       background-color: rgba(0, 0, 0, 0.1);
 
       background-color: rgba(0, 0, 0, 0.1);
 
-    }</style><link href=./static/css/app.5f18fd3ce4139f22a0a3294a0194922d.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.012023abf7091247f996.js></script><script type=text/javascript src=./static/js/app.b3284c71728c5b45580a.js></script></body></html><script>document.domain = "cocorobo.cn"</script>
 
+    }</style><link href=./static/css/app.b3e52626e043cba04077785d58785170.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.012023abf7091247f996.js></script><script type=text/javascript src=./static/js/app.88091999263880dc5d74.js></script></body></html><script>document.domain = "cocorobo.cn"</script>

File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.b3e52626e043cba04077785d58785170.css


File diff suppressed because it is too large
+ 0 - 0
dist/static/css/app.b3e52626e043cba04077785d58785170.css.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.88091999263880dc5d74.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.88091999263880dc5d74.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.b3284c71728c5b45580a.js


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/app.b3284c71728c5b45580a.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map


File diff suppressed because it is too large
+ 0 - 0
dist/static/js/vendor.012023abf7091247f996.js.map


+ 8 - 0
src/components/components/pdf.vue
View File 

@@ -62,6 +62,7 @@ export default {
 
       pageRotate: 0,
 
       pageRotate: 0,
 
       // 单击内部链接时触发 (目前我没有遇到使用场景)
 
       // 单击内部链接时触发 (目前我没有遇到使用场景)
 
       page: 0,
 
       page: 0,
 
+      loading: null,
 
     };
 
     };
 
   },
 
   },
 
   watch: {
 
   watch: {
 
@@ -69,12 +70,19 @@ export default {
 
       this.pageNum = val;
 
       this.pageNum = val;
 
     },
 
     },
 
     pageTotalNum(val) {
 
     pageTotalNum(val) {
 
+      if (val) {
 
+        this.loading.close();
 
+      }
 
       this.$emit("getPageTotal", val);
 
       this.$emit("getPageTotal", val);
 
     },
 
     },
 
   },
 
   },
 
   computed: {},
 
   computed: {},
 
   created() {},
 
   created() {},
 
   mounted() {
 
   mounted() {
 
+    this.loading = this.$loading.service({
 
+      background: "rgba(255, 255, 255, 0.7)",
 
+      target: document.querySelector(".pdf"),
 
+    });
 
     this.pageNum = this.ppage;
 
     this.pageNum = this.ppage;
 
     var a = document.getElementsByClassName("pdf")[0].offsetWidth;
 
     var a = document.getElementsByClassName("pdf")[0].offsetWidth;
 
     let _this = this;
 
     let _this = this;

+ 3 - 6
src/components/components/pdf2.vue
View File 

@@ -71,7 +71,7 @@ export default {
 
       this.pageNum = val;
 
       this.pageNum = val;
 
     },
 
     },
 
     pageTotalNum(val) {
 
     pageTotalNum(val) {
 
-      if(val){
 
+      if (val) {
 
         this.loading.close();
 
         this.loading.close();
 
       }
 
       }
 
       this.$emit("getPageTotal", val);
 
       this.$emit("getPageTotal", val);
 
@@ -190,10 +190,7 @@ export default {
 
       this.$refs.pdf.pdf.forEachPage(function (page) {
 
       this.$refs.pdf.pdf.forEachPage(function (page) {
 
         return page.getTextContent().then(function (content) {
 
         return page.getTextContent().then(function (content) {
 
           let text = content.items.map((item) => item.str);
 
           let text = content.items.map((item) => item.str);
 
-          let allStr = content.items.reduce(
 
-            (initVal, item) => (initVal += item.str),
 
-            ""
 
-          );
 
+          let allStr = content.items.reduce((initVal, item) => (initVal += item.str), "");
 
           console.log(allStr); // 内容字符串
 
           console.log(allStr); // 内容字符串
 
           console.log(text); // 内容数组
 
           console.log(text); // 内容数组
 
         });
 
         });
 
@@ -274,7 +271,7 @@ export default {
 
 /*定义滚动条轨道 内阴影+圆角*/
 
 /*定义滚动条轨道 内阴影+圆角*/
 
 .pdf::-webkit-scrollbar {
 
 .pdf::-webkit-scrollbar {
 
   border-radius: 10px;
 
   border-radius: 10px;
 
-  background-color: #B8BDC9;
 
+  background-color: #b8bdc9;
 
 }
 
 }
 
 
 
 /*定义滑块 内阴影+圆角*/
 
 /*定义滑块 内阴影+圆角*/

+ 1442 - 0
src/components/liveProjectDetailxin.vue
View File 

@@ -0,0 +1,1442 @@
 
+<template>
 
+  <div
 
+    style="
 
+      background: rgb(230, 234, 240);
 
+      width: 100%;
 
+      margin: 0;
 
+      position: relate;
 
+      height: 100%;
 
+    "
 
+  >
 
+    <div class="blackBottom">
 
+      <div
 
+        style="
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: stretch;
 
+          padding-left: 10px;
 
+        "
 
+      >
 
+        <div class="logoLive">
 
+          <img src="../assets/icon/logo.png" alt />
 
+        </div>
 
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">展示课件</div>
 
+      </div>
 
+    </div>
 
+    <div class="isNoOther">
 
+      <div
 
+        class="imgMiddle"
 
+        :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
 
+        v-show="!full"
 
+      >
 
+        <pdf
 
+          :pdfUrl="pdfUrl"
 
+          style="width: 100%; height: 100%"
 
+          :ppage="ppage"
 
+          @getPageTotal="getPageTotal"
 
+        ></pdf>
 
+      </div>
 
+      <div
 
+        style="
 
+          background: #d0d6e4;
 
+          width: 40%;
 
+          height: 100%;
 
+          max-width: 40%;
 
+          overflow: auto;
 
+        "
 
+        :class="{ fullStyle: full }"
 
+        v-if="isBlock > 0"
 
+      >
 
+        <div
 
+          style="
 
+            background: #fff;
 
+            width: 96%;
 
+            margin: 10px auto;
 
+            height: 96%;
 
+            position: relative;
 
+          "
 
+        >
 
+          <div
 
+            style="color: #bfbfbf; padding: 15px 0 15px 25px; font-size: 20px"
 
+            v-if="isBlock == 3"
 
+          >
 
+            课堂评价
 
+          </div>
 
+          <div
 
+            style="
 
+              margin-left: 25px;
 
+              border-bottom: 3px solid #2c83ee;
 
+              width: 70px;
 
+              padding-bottom: 3px;
 
+              text-align: center;
 
+              padding-top: 15px;
 
+            "
 
+            v-if="isBlock == 1"
 
+          >
 
+            开始答题
 
+          </div>
 
+          <div class="answerBox" v-if="isBlock == 1">
 
+            <div class="answerBox">
 
+              <div
 
+                style="
 
+                  display: flex;
 
+                  flex-direction: column;
 
+                  flex-wrap: wrap;
 
+                  align-items: center;
 
+                  justify-content: center;
 
+                "
 
+                v-for="item in 1"
 
+                :key="item"
 
+              >
 
+                <div class="choose_style">
 
+                  <span
 
+                    @click="isChooseActive(1)"
 
+                    :class="typeC.indexOf(1) != -1 ? 'isChoose' : ''"
 
+                    >A</span
 
+                  >
 
+                  <span
 
+                    @click="isChooseActive(2)"
 
+                    :class="typeC.indexOf(2) != -1 ? 'isChoose' : ''"
 
+                    >B</span
 
+                  >
 
+                  <span
 
+                    @click="isChooseActive(3)"
 
+                    :class="typeC.indexOf(3) != -1 ? 'isChoose' : ''"
 
+                    >C</span
 
+                  >
 
+                  <span
 
+                    @click="isChooseActive(4)"
 
+                    :class="typeC.indexOf(4) != -1 ? 'isChoose' : ''"
 
+                    >D</span
 
+                  >
 
+                </div>
 
+                <el-button style="margin: 0 auto" @click="showMember(item)"
 
+                  >提交</el-button
 
+                >
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div
 
+            class="answerBox tools_box"
 
+            v-if="isBlock == 4"
 
+            style="padding: 10px 0 0 25px; width: 100%; max-width: 100%"
 
+          >
 
+            <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
 
+            <div
 
+              style="
 
+                margin: 20px 0 20px 0;
 
+                border-bottom: 4px solid #3e86f3;
 
+                width: 75px;
 
+                text-align: center;
 
+                padding-bottom: 3px;
 
+              "
 
+            >
 
+              选择工具
 
+            </div>
 
+            <div
 
+              style="
 
+                display: flex;
 
+                flex-direction: row;
 
+                flex-wrap: wrap;
 
+                width: 100%;
 
+                justify-content: flex-start;
 
+                align-items: center;
 
+              "
 
+            >
 
+              <div
 
+                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(1) != -1"
 
+                @click="checkTools(1)"
 
+                class="toolCss"
 
+              >
 
+                <div class="toolImg">
 
+                  <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                  <div>电子白板</div>
 
+                </div>
 
+              </div>
 
+              <div
 
+                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(3) != -1"
 
+                @click="checkTools(3)"
 
+                class="toolCss"
 
+              >
 
+                <div class="toolImg">
 
+                  <img src="../assets/icon/secondToolList/mindMapping.png" alt />
 
+                  <div>思维导图</div>
 
+                </div>
 
+              </div>
 
+              <div
 
+                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(4) != -1"
 
+                @click="checkTools(4)"
 
+                class="toolCss"
 
+              >
 
+                <div class="toolImg">
 
+                  <img src="../assets/icon/thirdToolList/ask.png" alt />
 
+                  <div>问卷调查</div>
 
+                </div>
 
+              </div>
 
+              <div
 
+                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(6) != -1"
 
+                @click="checkTools(6)"
 
+                class="toolCss"
 
+              >
 
+                <div class="toolImg">
 
+                  <img src="../assets/icon/secondToolList/doc.png" alt />
 
+                  <div>协同文档</div>
 
+                </div>
 
+              </div>
 
+              <div
 
+                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(7) != -1"
 
+                @click="checkTools(7)"
 
+                class="toolCss"
 
+              >
 
+                <div class="toolImg">
 
+                  <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                  <div>思维网格</div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div
 
+            class="answerBox"
 
+            style="height: 100%"
 
+            v-if="isBlock == 2"
 
+            ref="qrcodePicture"
 
+          >
 
+            <div style="height: 100%; width: 100%">
 
+              <div v-if="toolCount == 1" class="tools_child_box">
 
+                <div class="tools_title">
 
+                  <span>电子白板</span>
 
+                  <div>
 
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
 
+                  </div>
 
+                </div>
 
+                <iframe
 
+                  style="width: 100%; height: 100%; border: none"
 
+                  src="https://iwb.cocorobo.cn/"
 
+                  ref="whiteBoard"
 
+                ></iframe>
 
+              </div>
 
+              <div v-if="toolCount == 3" class="tools_child_box">
 
+                <div class="tools_title">
 
+                  <span>思维导图</span>
 
+                  <div>
 
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
 
+                  </div>
 
+                </div>
 
+                <iframe
 
+                  style="width: 100%; height: 100%; border: none"
 
+                  src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
 
+                  ref="mind"
 
+                ></iframe>
 
+              </div>
 
+              <div v-if="toolsList[0].tools[howTools] == 6" class="tools_child_box">
 
+                <div class="tools_title">
 
+                  <span>协同文档</span>
 
+                  <div>
 
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
 
+                  </div>
 
+                </div>
 
+                <iframe
 
+                  style="width: 100%; height: 100%; border: none"
 
+                  src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
 
+                ></iframe>
 
+              </div>
 
+              <div v-if="toolCount == 7" class="tools_child_box">
 
+                <div class="tools_title">
 
+                  <span>思维网格</span>
 
+                  <div>
 
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
 
+                  </div>
 
+                </div>
 
+                <iframe
 
+                  style="width: 100%; height: 100%; border: none"
 
+                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
 
+                  ref="grid"
 
+                ></iframe>
 
+              </div>
 
+              <div
 
+                id="shishi_loading"
 
+                style="
 
+                  width: 100%;
 
+                  height: 100%;
 
+                  background: #0000008f;
 
+                  position: absolute;
 
+                  top: 0;
 
+                  left: 0;
 
+                  z-index: 99999999999999;
 
+                  display: none;
 
+                  justify-content: center;
 
+                  align-items: center;
 
+                "
 
+              >
 
+                <div
 
+                  style="
 
+                    color: #fff;
 
+                    padding: 15px;
 
+                    background: #00000070;
 
+                    border-radius: 5px;
 
+                    font-size: 18px;
 
+                    display: flex;
 
+                    align-items: center;
 
+                  "
 
+                >
 
+                  <img
 
+                    src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif"
 
+                    alt
 
+                    style="width: 26px; margin-right: 10px"
 
+                  />
 
+                  <span>上传中...</span>
 
+                </div>
 
+              </div>
 
+              <div class="nextStepBox">
 
+                <div class="nextStepOne" @click="isBlock = 4">返回</div>
 
+              </div>
 
+              <div
 
+                class="nextStepOne"
 
+                style="float: right"
 
+                @click="getImg"
 
+                v-if="toolCount == 1 || toolCount == 3 || toolCount == 7"
 
+              >
 
+                截图
 
+              </div>
 
+              <div
 
+                class="nextStepOne"
 
+                style="float: right"
 
+                @click="addImg($event)"
 
+                v-if="toolCount == 1 || toolCount == 3 || toolCount == 7"
 
+              >
 
+                上传文件
 
+                <input
 
+                  type="file"
 
+                  accept="image/png, image/gif, image/jpeg"
 
+                  style="display: none"
 
+                  @change="beforeUpload1($event, 1)"
 
+                />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="answerBox" v-if="isBlock == 3" style="padding: 0 0 0 25px">
 
+            <div>
 
+              <div class="score_box">
 
+                <span>自我评价</span>
 
+                <el-rate v-model="rateList.ca"></el-rate>
 
+              </div>
 
+              <div class="score_box">
 
+                <span>他人评价</span>
 
+                <el-rate v-model="rateList.sia"></el-rate>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <div style="padding-bottom: 15px; sont-size: 14px">备注</div>
 
+              <div class="bz">
 
+                <el-input
 
+                  type="textarea"
 
+                  placeholder="请输入备注…"
 
+                  :rows="6"
 
+                  resize="none"
 
+                  v-model="rateList.content"
 
+                ></el-input>
 
+              </div>
 
+            </div>
 
+            <span
 
+              slot="footer"
 
+              class="dialog-footer sztFooter"
 
+              style="padding: 0 0 30px 0px; position: absolute; right: 20px; bottom: 0"
 
+            >
 
+              <el-button @click="isBlock = 0">取消</el-button>
 
+              <el-button type="primary" @click="dialogVisible = true">确定</el-button>
 
+            </span>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="blackBottomB"></div>
 
+    <div v-if="proVisible" class="mask">
 
+      <div class="progressBox">
 
+        <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
 
+        <el-progress
 
+          :text-inside="true"
 
+          :stroke-width="20"
 
+          :percentage="progress"
 
+          style="width: 80%"
 
+        ></el-progress>
 
+      </div>
 
+    </div>
 
+    <el-dialog
 
+      :visible.sync="dialogVisible"
 
+      :append-to-body="true"
 
+      width="500px"
 
+      :before-close="handleClose"
 
+      class="dialog_diy"
 
+    >
 
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
 
+        提交成功
 
+      </div>
 
+      <div
 
+        style="
 
+          width: 200px;
 
+          background: #4d8ae0;
 
+          height: 35px;
 
+          margin: 0 auto;
 
+          text-align: center;
 
+          line-height: 35px;
 
+          color: #fff;
 
+          border-radius: 5px;
 
+          cursor: pointer;
 
+        "
 
+        @click="dialogVisible = false"
 
+      >
 
+        确定
 
+      </div>
 
+    </el-dialog>
 
+    <div v-html="iframeInnerHtml" ref="iframeIh" class="iframeBox"></div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import pdf from "./components/pdf";
 
+import html2canvas from "html2canvas";
 
+export default {
 
+  components: {
 
+    pdf,
 
+  },
 
+  data() {
 
+    return {
 
+      iframeInnerHtml: "",
 
+      pdfUrl:
 
+        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E4%B8%8A%E8%AF%BE%E8%AF%BE%E4%BB%B6---%E4%BA%94%E4%B8%8Bintroduce%20a%20festival%20%28Final%20%29_202208231345451661233676307.pdf",
 
+      ppage: 2,
 
+      full: false,
 
+      pageTotal: 0,
 
+      howTools: 0,
 
+      toolsList: [],
 
+      timer: null,
 
+      isLoading: false,
 
+      formLabelWidth: "100px",
 
+      userid: this.$route.query.userid,
 
+      cid: this.$route.query.courseId,
 
+      oid: this.$route.query.oid,
 
+      mr: require("../assets/kc1.png"),
 
+      timu: [],
 
+      dialogVisible: false,
 
+      answerBox: "",
 
+      isNoHomeWork: false,
 
+      answer: [
 
+        { name: "A.1568" },
 
+        { name: "B.720" },
 
+        { name: "C.1728" },
 
+        { name: "D.480" },
 
+      ],
 
+      steps: 0,
 
+      isBlock: 0,
 
+      isNext: false,
 
+      isAnswer: false,
 
+      upload: [
 
+        {
 
+          upImg: [],
 
+          upVedio: [],
 
+          upIntro: "",
 
+        },
 
+      ],
 
+      noneBtnImg: false,
 
+      proVisible: false,
 
+      progress: 0,
 
+      typeC: [],
 
+      toolCount: 0,
 
+      tools: [
 
+        "",
 
+        "",
 
+        { tools: [9] }, //选择题
 
+        "", //倒计时
 
+        "", //问答题
 
+        "", //问答题
 
+        { tools: [3] }, //思维导图/电子白板
 
+        { tools: [12] }, //选人回答
 
+        "", //倒计时、分小组
 
+        { tools: [3] }, //思维导图/电子白板/思维网格
 
+        { tools: [14] }, //查看作业
 
+        { tools: [14] }, //查看作业
 
+        "", //查看作业
 
+        //1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价
 
+      ],
 
+      rateList: {
 
+        ca: 0,
 
+        sia: 0,
 
+        content: "",
 
+      },
 
+      imgUrl: "",
 
+      imgFile: "",
 
+      imgFileUp: [],
 
+    };
 
+  },
 
+  methods: {
 
+    change(val) {
 
+      console.log(val);
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    tableRowClassName({ row, rowIndex }) {
 
+      if ((rowIndex + 1) % 2 === 0) {
 
+        return "even_row";
 
+      } else {
 
+        return "";
 
+      }
 
+    },
 
+    jump(cid) {
 
+      window.parent.postMessage({ cid: cid, type: "1" }, "*");
 
+    },
 
+    handleCurrentChange(val) {
 
+      // console.log(`当前页: ${val}`);
 
+      this.page = val;
 
+    },
 
+    init() {},
 
+    handleClose(done) {
 
+      done();
 
+    },
 
+    handleRemove(file, fileList) {
 
+      console.log(file, fileList);
 
+    },
 
+    onExceed() {
 
+      this.$message.error("课程海报仅支持上传一张，请删除后再进行上传");
 
+    },
 
+    //uuid生成
 
+    guid() {
 
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
 
+        var r = (Math.random() * 16) | 0,
 
+          v = c == "x" ? r : (r & 0x3) | 0x8;
 
+        return v.toString(16);
 
+      });
 
+    },
 
+    time() {
 
+      if (!this.now) {
 
+        this.now = new Date().getTime();
 
+        return true;
 
+      } else {
 
+        let time = new Date().getTime();
 
+        if (time - this.now > 3000) {
 
+          this.now = time;
 
+          return true;
 
+        } else {
 
+          return false;
 
+        }
 
+      }
 
+    },
 
+    // answerWork() {
 
+    //   this.steps++;
 
+    // },
 
+    addTool(t) {
 
+      if (t == 1) {
 
+        window.parent.postMessage({ tools: "1" }, "*");
 
+      } else if (t == 3) {
 
+        window.parent.postMessage({ tools: "3" }, "*");
 
+      } else if (t == 7) {
 
+        window.parent.postMessage({ tools: "7" }, "*");
 
+      }
 
+    },
 
+    answerQue() {
 
+      this.dialogVisible = true;
 
+    },
 
+    isChooseActive(t) {
 
+      if (this.isAnswer == true) {
 
+        return;
 
+      } else {
 
+        if (this.typeC.length == 0) {
 
+          this.typeC.push(t);
 
+        } else {
 
+          if (this.typeC.indexOf(t) != -1) {
 
+            this.typeC.splice(this.typeC.indexOf(t), 1);
 
+          } else {
 
+            this.typeC.push(t);
 
+          }
 
+        }
 
+      }
 
+    },
 
+    showMember(i) {
 
+      if (this.typeC.length > 0) {
 
+        // this.steps = 2;
 
+        this.isAnswer = true;
 
+        this.dialogVisible = true;
 
+      } else {
 
+        this.$message.error("至少选择一个答案！");
 
+      }
 
+    },
 
+    clean(type) {
 
+      if (type == 1) {
 
+        this.upload[0].upImg.splice(0, 1);
 
+      } else if (type == 2) {
 
+        this.upload[0].upVedio.splice(0, 1);
 
+      }
 
+    },
 
+    addImg(e) {
 
+      var el = e.currentTarget;
 
+      el.getElementsByTagName("input")[0].click();
 
+    },
 
+    imgChange(file, fileList, type) {
 
+      if (type == 1) {
 
+        var _tmp = this.upload[0].upImg;
 
+      } else if (type == 2) {
 
+        var _tmp = this.upload[0].upVedio;
 
+      } else if (type == 100) {
 
+        var _tmp = this.imgFileUp;
 
+      }
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    beforeUpload1(event, type) {
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+      _this.progress = 0;
 
+      _this.proVisible = true;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+            _this.progress = parseInt((evt.loaded * 80) / evt.total);
 
+          })
 
+          .send(function (err, data) {
 
+            _this.progress = 100;
 
+            setTimeout(() => {
 
+              _this.proVisible = false;
 
+            }, 1000);
 
+            if (err) {
 
+              var a = _this.$refs.upload1.uploadFiles;
 
+              a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (type == 1) {
 
+                _this.upload[0].upImg.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange(null, null, type);
 
+                _this.addSWork();
 
+              } else if (type == 2) {
 
+                _this.upload[0].upVedio.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange(null, null, type);
 
+              }
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUpload2(event) {
 
+      var file = event;
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+      _this.progress = 0;
 
+      _this.proVisible = true;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key: file.name.split(".")[0] + new Date().getTime() + "." + "png",
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+            _this.progress = parseInt((evt.loaded * 80) / evt.total);
 
+          })
 
+          .send(function (err, data) {
 
+            _this.progress = 100;
 
+            setTimeout(() => {
 
+              _this.proVisible = false;
 
+            }, 1000);
 
+            if (err) {
 
+              var a = _this.$refs.upload1.uploadFiles;
 
+              a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.imgFileUp.push({
 
+                name: file.name,
 
+                url: data.Location,
 
+                uid: file.uid,
 
+              });
 
+              _this.imgChange(null, null, type);
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    addWork() {
 
+      if (this.upload[0].upImg.length == 0) {
 
+        this.$message.error("请上传图片");
 
+        return;
 
+      }
 
+      //  else if (this.upload[0].upVedio.length == 0) {
 
+      //   this.$message.error("请上传视频");
 
+      //   return;
 
+      // }
 
+      else if (this.upload[0].upIntro == "") {
 
+        this.$message.error("请填写简要描述");
 
+        return;
 
+      }
 
+      if (this.isNoHomeWork == true) {
 
+        this.$confirm(
 
+          "您已经提交了该作业了，如果您再提交将覆盖上次提交的作业！",
 
+          "提示",
 
+          {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          }
 
+        )
 
+          .then(() => {
 
+            this.addSWork();
 
+          })
 
+          .catch(() => {});
 
+      } else {
 
+        this.addSWork();
 
+      }
 
+    },
 
+    addSWork() {
 
+      let params = {
 
+        uid: this.userid,
 
+        cid: this.cid,
 
+        upload: JSON.stringify(this.upload),
 
+        // upload: JSON.stringify(this.imgFileUp),
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "insertSWork", params)
 
+        .then((res) => {
 
+          // this.isNoHomeWork = true;
 
+          // this.dialogVisible = true;
 
+          // this.selectSWork(); // this.upload = res.data[0][0].upload;
 
+          this.$message({
 
+            message: "截图上传成功",
 
+            type: "success",
 
+          });
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("截图上传失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectSWork() {
 
+      let params = {
 
+        uid: this.userid,
 
+        cid: this.cid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectSWork", params)
 
+        .then((res) => {
 
+          if (res.data[0].length > 0) {
 
+            this.isNoHomeWork = true;
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("暂无作业");
 
+          console.error(err);
 
+        });
 
+    },
 
+    getImg() {
 
+      var iframeHtml;
 
+      let iframeBody;
 
+      if (this.toolCount == 1) {
 
+        iframeHtml = this.$refs.whiteBoard;
 
+      } else if (this.toolCount == 3) {
 
+        iframeHtml = this.$refs.mind;
 
+      } else if (this.toolCount == 7) {
 
+        iframeHtml = this.$refs.grid;
 
+      }
 
+      iframeBody = iframeHtml.contentWindow.document.body;
 
+      this.iframeInnerHtml = iframeBody.innerHTML;
 
+      var iframeIh = this.$refs.iframeIh;
 
+      iframeIh.innerHTML = this.iframeInnerHtml;
 
+      this.$forceUpdate();
 
+      console.log(iframeIh);
 
+
 
+      // var iframeHtml = this.$refs.whiteBoard;
 
+      document.getElementById("shishi_loading").style.display = "flex";
 
+      var _ajs = iframeHtml.contentWindow.document.createElement("script");
 
+      _ajs.type = "text/javascript";
 
+      _ajs.innerHTML =
 
+        'var _js = document.createElement("script");\n' +
 
+        '_js.type="text/javascript";\n' +
 
+        '_js.src="https://html2canvas.hertzen.com/dist/html2canvas.min.js";\n' +
 
+        "_js.onload = function(){\n" +
 
+        ' var a = document.getElementsByTagName("img")\n' +
 
+        ' for(var i = 0;i<a.length;i++){a[i].crossOrigin="anonymous"}\n' +
 
+        " html2canvas(document.body).then(canvas => {\n" +
 
+        '  var base64Url = canvas.toDataURL("image/png");\n' +
 
+        'var base64 = "<img src=" + base64Url + " />"\n' +
 
+        'var file = dataURLtoFile_shishi(base64Url, "截图")\n' +
 
+        "beforeUpload_shishi(file," +
 
+        "'" +
 
+        this.userid +
 
+        "'" +
 
+        ", " +
 
+        "'" +
 
+        this.cid +
 
+        "'" +
 
+        ")\n" +
 
+        " });\n" +
 
+        "}\n" +
 
+        "document.head.appendChild(_js);\n";
 
+      iframeHtml.contentWindow.document.head.appendChild(_ajs);
 
+
 
+      // iframeHtml.contentWindow.jietu_shishi(this.userid, this.cid);
 
+
 
+      // 第一个参数是需要生成截图的元素,第二个是自己需要配置的参数,宽高等
 
+      // html2canvas(iframeBody, {
 
+      //   allowTaint: true,
 
+      //   backgroundColor: null, //画出来的图片有白色的边框,不要可设置背景为透明色（null）
 
+      //   useCORS: true, //支持图片跨域
 
+      //   scale: 1, //设置放大的倍数
 
+      // }).then((canvas) => {
 
+      //   // 把生成的base64位图片上传到服务器,生成在线图片地址
 
+      //   let url = canvas.toDataURL("image/png"); // toDataURL: 图片格式转成 base64
 
+      //   this.imgUrl = url; //将图片下载到本地
 
+      //   let a = document.createElement("a"); // 生成一个a元素
 
+      //   let event = new MouseEvent("click"); // 创建一个单击事件
 
+      //   a.download = "作业"; // 设置图片名称没有设置则为默认
 
+      //   a.href = this.imgUrl; // 将生成的URL设置为a.href属性
 
+      //   a.dispatchEvent(event); // 触发a的单击事件
 
+      //   let file = this.dataURLtoFile(url, "作业");
 
+      //   this.imgFile = file;
 
+      //   this.beforeUpload2(this.imgFile);
 
+      //   this.addSWork();
 
+      //   console.log(this.imgFile);
 
+      // });
 
+    },
 
+    dataURLtoFile(dataurl, filename) {
 
+      let arr = dataurl.split(","),
 
+        mime = arr[0].match(/:(.*?);/)[1],
 
+        bstr = atob(arr[1]),
 
+        n = bstr.length,
 
+        u8arr = new Uint8Array(n);
 
+      while (n--) {
 
+        u8arr[n] = bstr.charCodeAt(n);
 
+      }
 
+      return new File([u8arr], filename, { type: mime });
 
+    },
 
+    search() {},
 
+    howPage(page) {
 
+      if (!this.pageTotal) {
 
+        return;
 
+      }
 
+      if (page == this.pageTotal) {
 
+        this.isBlock = 3;
 
+      } else {
 
+        this.isBlock = 0;
 
+
 
+        if (tools[page - 1].tools && tools[page - 1].tools.indexOf(9) != -1) {
 
+          this.isBlock = 1;
 
+        }
 
+        if (this.ppage > 3) {
 
+          this.isBlock = 2;
 
+        }
 
+        this.full = false;
 
+        this.howTools = 0;
 
+        this.toolCount = 0;
 
+        if (
 
+          this.tools[page - 1].tools &&
 
+          (this.tools[page - 1].tools[0] == 14 || this.tools[page - 1].tools[0] == 12)
 
+        ) {
 
+          this.isBlock = 0;
 
+        }
 
+        if (
 
+          this.tools[page - 1].tools &&
 
+          (this.tools[page - 1].tools.indexOf(1) != -1 ||
 
+            this.tools[page - 1].tools.indexOf(3) != -1 ||
 
+            this.tools[page - 1].tools.indexOf(7) != -1)
 
+        ) {
 
+          this.isBlock = 4;
 
+        }
 
+        if (this.tools[page - 1].tools && this.tools[page - 1].tools.length > 1) {
 
+          this.isBlock = 4;
 
+        }
 
+        if (this.tools[page - 1].tools && !this.tools[page - 1].tools.length) {
 
+          this.isBlock = 0;
 
+        }
 
+      }
 
+    },
 
+
 
+    setPage() {
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectPptPage", "")
 
+        .then((res) => {
 
+          if (res.data[0].length > 0) {
 
+            if (this.ppage == res.data[0][0].page) {
 
+              return;
 
+            } else {
 
+              this.ppage = res.data[0][0].page;
 
+              console.log(1);
 
+              this.howPage(this.ppage);
 
+            }
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          // this.$message.error("查询失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    getPageTotal(total) {
 
+      this.pageTotal = total;
 
+    },
 
+    fullTools() {
 
+      this.full = !this.full;
 
+    },
 
+    checkTools(tcount) {
 
+      this.isBlock = 2;
 
+      this.toolCount = tcount;
 
+      let _this = this;
 
+      _this.$nextTick(() => {
 
+        setTimeout(() => {
 
+          const script1 = document.createElement("script");
 
+          script1.type = "text/javascript";
 
+          script1.src =
 
+            "https://pbl.cocorobo.cn/pbl-student-table/dist/jquery-3.6.0.min.js";
 
+          const script2 = document.createElement("script");
 
+          script2.type = "text/javascript";
 
+          script2.src =
 
+            "https://pbl.cocorobo.cn/pbl-student-table/dist/aws-sdk-2.235.1.min.js";
 
+          const script3 = document.createElement("script");
 
+          script3.type = "text/javascript";
 
+          script3.src = "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
 
+          const script4 = document.createElement("script");
 
+          script4.type = "text/javascript";
 
+          script4.src = "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
 
+
 
+          if (_this.toolCount == 1) {
 
+            _this.$refs.whiteBoard.onload = () => {
 
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script1);
 
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script2);
 
+              // _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script3);
 
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script4);
 
+            };
 
+          } else if (_this.toolCount == 3) {
 
+            _this.$refs.mind.onload = () => {
 
+              _this.$refs.mind.contentWindow.document.body.appendChild(script1);
 
+              _this.$refs.mind.contentWindow.document.body.appendChild(script2);
 
+              // _this.$refs.mind.contentWindow.document.body.appendChild(script3);
 
+              _this.$refs.mind.contentWindow.document.body.appendChild(script4);
 
+            };
 
+          } else if (_this.toolCount == 7) {
 
+            _this.$refs.grid.onload = () => {
 
+              _this.$refs.grid.contentWindow.document.body.appendChild(script1);
 
+              _this.$refs.grid.contentWindow.document.body.appendChild(script2);
 
+              // _this.$refs.grid.contentWindow.document.body.appendChild(script3);
 
+              _this.$refs.grid.contentWindow.document.body.appendChild(script4);
 
+            };
 
+          }
 
+        }, 0);
 
+      });
 
+    },
 
+  },
 
+  beforeDestroy() {
 
+    clearInterval(this.timer);
 
+    this.timer = null;
 
+    // window.removeEventListener("message");
 
+  },
 
+  created() {
 
+    // this.selectSWork();
 
+    let _this = this;
 
+    this.timer = setInterval(() => {
 
+      _this.setPage();
 
+    }, 1000);
 
+    // window.addEventListener("message", function (e) {
 
+    //   // 监听 message 事件
 
+    //   if (e.data.type && e.data.type == "shishi_canvas") {
 
+    //     console.log(e.data.data);
 
+    //   }
 
+    // });
 
+  },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.dialog_diy >>> .el-dialog__header {
 
+  background: #3d67bc !important;
 
+  padding: 15px 20px;
 
+}
 
+.dialog_diy >>> .el-dialog__title {
 
+  color: #fff;
 
+}
 
+.dialog_diy >>> .el-dialog__headerbtn {
 
+  top: 9px;
 
+}
 
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
 
+  color: #fff;
 
+}
 
+.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
 
+  color: #fff;
 
+}
 
+
 
+.blackBottom {
 
+  background: rgb(0, 0, 0);
 
+  height: 45px;
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.imgMiddle {
 
+  width: 100%;
 
+}
 
+
 
+.imgMiddle > img,
 
+.imghalf > img,
 
+.szt > img,
 
+.uploadImg > img,
 
+.uploadVedio > img,
 
+.uploadImgPic > img,
 
+.logoLive > img,
 
+.close > img,
 
+.deleteWord > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+.deleteWord {
 
+  width: 22px !important;
 
+  height: 22px;
 
+  position: absolute;
 
+  right: -5px;
 
+  top: -5px;
 
+  cursor: pointer;
 
+}
 
+.blackBottomB {
 
+  position: absolute;
 
+  bottom: 0px;
 
+  left: 0px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-content: center;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  background: rgb(0, 0, 0);
 
+  height: 45px;
 
+  width: 100%;
 
+}
 
+
 
+.blackBottomB > div:nth-child(1) {
 
+  margin-left: 10px !important;
 
+}
 
+
 
+.blackButton {
 
+  color: #fff;
 
+  background: #066ebe;
 
+  width: 100px;
 
+  height: 30px;
 
+  line-height: 30px;
 
+  text-align: center;
 
+  margin: 0 25px;
 
+  border-radius: 5px;
 
+  font-size: 15px;
 
+  cursor: pointer;
 
+}
 
+
 
+.isNoOther {
 
+  width: 100%;
 
+  display: flex;
 
+  height: calc(100% - 90px);
 
+}
 
+
 
+.imghalf {
 
+  width: 60% !important;
 
+}
 
+.answerBox {
 
+  padding: 25px;
 
+  overflow: auto;
 
+  height: 70%;
 
+  box-sizing: border-box;
 
+}
 
+.answerTimuBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  padding-bottom: 15px;
 
+}
 
+.memberBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+}
 
+.memberBox > div {
 
+  background: rgb(240, 185, 204);
 
+  width: 120px;
 
+  color: #fff;
 
+  height: 40px;
 
+  text-align: center;
 
+  line-height: 40px;
 
+  border-radius: 5px;
 
+  margin: 0 15px 15px 0;
 
+  cursor: pointer;
 
+}
 
+.viewSta {
 
+  background: rgb(97, 97, 97);
 
+  color: #bebebe;
 
+  margin: 20% auto 20px;
 
+  width: 300px;
 
+  height: 40px;
 
+  text-align: center;
 
+  line-height: 40px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+.szt {
 
+  width: 450px;
 
+  margin: 20px auto;
 
+}
 
+.sztFooter {
 
+  padding: 20px 10px 50px 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: flex-end;
 
+  align-items: center;
 
+}
 
+
 
+.timuButton {
 
+  background: #649ef2;
 
+  width: 75px;
 
+  height: 27px;
 
+  line-height: 27px;
 
+  text-align: center;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  margin-right: 20px;
 
+  display: inline-block;
 
+}
 
+.anserBoxCss {
 
+  margin: 30px 0 20px 0;
 
+}
 
+.anserBoxCss >>> .el-radio__label {
 
+  font-size: 18px;
 
+}
 
+.anserBoxCss >>> .el-radio__inner {
 
+  border-radius: 0px !important;
 
+}
 
+.nextStepBox {
 
+  display: flex;
 
+  justify-content: center;
 
+  margin-top: 10px;
 
+}
 
+.nextStepOne {
 
+  background: #6b92c9;
 
+  color: #fff;
 
+  width: 110px;
 
+  text-align: center;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.nextStepOne,
 
+.nextStepOne {
 
+  margin-left: 10px;
 
+}
 
+.toolList {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+}
 
+.tools {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  margin-right: 20px;
 
+}
 
+.tools > div:nth-child(1) {
 
+  width: 60px;
 
+}
 
+.tools > div:nth-child(1) > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+.uploadImg {
 
+  width: 100px;
 
+  margin: 10px 0 0 15px;
 
+  cursor: pointer;
 
+}
 
+.upImg {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: rgb(182, 182, 182);
 
+  font-size: 20px;
 
+}
 
+
 
+.binfo_input {
 
+  font: inherit;
 
+  color: currentColor;
 
+  width: 100%;
 
+  margin: 0;
 
+  padding: 15px 14px;
 
+  display: block;
 
+  min-width: 0;
 
+  outline: none;
 
+  box-sizing: content-box;
 
+  background: none;
 
+  -webkit-tap-highlight-color: transparent;
 
+  border: 1px solid rgba(0, 0, 0, 0.23);
 
+  border-radius: 4px;
 
+  box-sizing: border-box;
 
+  resize: none;
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1px solid rgba(61, 103, 188);
 
+}
 
+.hengCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  padding: 5px 0 0 20px;
 
+}
 
+.uploadImgPic {
 
+  width: 100px;
 
+  height: 100px;
 
+  position: relative;
 
+  margin: 0 20px 0 0;
 
+}
 
+.uploadImgPic > div {
 
+  width: 100px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+.mask {
 
+  background-color: rgba(0, 0, 0, 0);
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  z-index: 20000;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+.progressBox {
 
+  width: 500px;
 
+  height: 180px;
 
+  background: #fff;
 
+  border-radius: 10px;
 
+  box-shadow: 0 0 6px 1px #bfbfbf;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  flex-direction: column;
 
+}
 
+.progressBox .lbox {
 
+  height: 100px;
 
+  font-size: 19px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.progressBox .lbox img {
 
+  width: 40px;
 
+  margin-right: 20px;
 
+}
 
+
 
+.progressBox >>> .el-progress-bar__outer {
 
+  background-color: #d1dfff !important;
 
+}
 
+.progressBox .lbox {
 
+  height: 100px;
 
+  font-size: 19px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.progressBox .lbox img {
 
+  width: 40px;
 
+  margin-right: 20px;
 
+}
 
+.logoLive {
 
+  width: 35px;
 
+}
 
+.choose_style {
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  width: 100%;
 
+  margin: 10px 0 30px;
 
+}
 
+
 
+.choose_style span {
 
+  background: #f8f9ff;
 
+  color: #677fff;
 
+  border: 1px solid #95b5ff;
 
+  padding: 15px 20px;
 
+  font-size: 25px;
 
+  border-radius: 18px;
 
+  cursor: pointer;
 
+}
 
+
 
+.choose_style span + span {
 
+  margin-left: 25px;
 
+}
 
+
 
+.isChoose {
 
+  color: #fff !important;
 
+  background: #5e78fa !important;
 
+}
 
+.close {
 
+  position: absolute;
 
+  right: 10px;
 
+  top: 10px;
 
+  width: 20px;
 
+  cursor: pointer;
 
+}
 
+.score_box {
 
+  font-size: 14px;
 
+}
 
+.score_box >>> .el-rate {
 
+  margin: 10px 0 20px 0;
 
+}
 
+.score_box >>> .el-rate__icon {
 
+  font-size: 23px;
 
+}
 
+.bz >>> .el-textarea__inner {
 
+  width: 80%;
 
+  background: #f9f9f9;
 
+  border: 1px solid #afafaf;
 
+  border-radius: 0px;
 
+}
 
+
 
+.tools_title {
 
+  background: #000;
 
+  position: absolute;
 
+  width: 100%;
 
+  top: 0;
 
+  left: 0;
 
+  display: flex;
 
+  align-items: center;
 
+  height: 40px;
 
+  justify-content: space-between;
 
+  padding: 0 15px;
 
+  box-sizing: border-box;
 
+}
 
+.tools_title span {
 
+  color: #fff;
 
+}
 
+.tools_title div {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.full,
 
+.closeImg {
 
+  height: 22px;
 
+  cursor: pointer;
 
+}
 
+.tools_title img,
 
+img {
 
+  margin-left: 10px;
 
+}
 
+
 
+.tools_box {
 
+  width: 38.5%;
 
+  max-width: 38.5%;
 
+  overflow: auto;
 
+  background: rgb(255, 255, 255);
 
+  height: 91.5%;
 
+  position: relative;
 
+  margin: 10px 15px;
 
+}
 
+
 
+.tools_child_box {
 
+  width: 100%;
 
+  height: calc(90% - 40px);
 
+  padding-top: 40px;
 
+}
 
+
 
+.fullStyle {
 
+  width: 100% !important;
 
+  max-width: 100% !important;
 
+}
 
+.toolCss {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: wrap;
 
+  width: calc(100% / 6);
 
+  align-items: center;
 
+  text-align: center;
 
+}
 
+.toolImg {
 
+  width: 70px;
 
+  height: 70px;
 
+  cursor: pointer;
 
+}
 
+.toolImg > img {
 
+  width: 100%;
 
+  height: 100%;
 
+  margin: 0 !important;
 
+}
 
+.toolImg > div {
 
+  font-size: 14px;
 
+}
 
+.iframeBox {
 
+  overflow: auto;
 
+  position: absolute;
 
+  top: 0;
 
+  z-index: -2;
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+</style>

+ 136 - 349
src/components/study.vue
View File 

@@ -1,9 +1,6 @@
 
 <template>
 
 <template>
 
   <div class="pb_content" style="overflow: unset; background: #eff7ff">
 
   <div class="pb_content" style="overflow: unset; background: #eff7ff">
 
-    <div
 
-      class="pb_content_body"
 
-      style="display: flex; height: 900px; position: relative"
 
-    >
 
+    <div class="pb_content_body" style="display: flex; height: 900px; position: relative">
 
       <div class="pb_left">
 
       <div class="pb_left">
 
         <div class="courseTitle">{{ courseDetail.title }}</div>
 
         <div class="courseTitle">{{ courseDetail.title }}</div>
 
         <div class="ml">目录</div>
 
         <div class="ml">目录</div>
 
@@ -14,11 +11,7 @@
 
               <div>{{ item.dyName }}</div>
 
               <div>{{ item.dyName }}</div>
 
             </div>
 
             </div>
 
             <div class="twoChild" :class="{ navActive: item.isOpen }">
 
             <div class="twoChild" :class="{ navActive: item.isOpen }">
 
-              <div
 
-                class="navChild"
 
-                v-for="(nav, navIndex) in item.task"
 
-                :key="navIndex"
 
-              >
 
+              <div class="navChild" v-for="(nav, navIndex) in item.task" :key="navIndex">
 
                 <div
 
                 <div
 
                   class="navTask"
 
                   class="navTask"
 
                   @click="openTask(stageIndex, navIndex, nav.id)"
 
                   @click="openTask(stageIndex, navIndex, nav.id)"
 
@@ -106,17 +99,14 @@
 
             class="vedioBox"
 
             class="vedioBox"
 
             v-if="
 
             v-if="
 
               vedio[taskCount].length > 0 ||
 
               vedio[taskCount].length > 0 ||
 
-              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                .taskDetail != ''
 
+              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].taskDetail != ''
 
             "
 
             "
 
           >
 
           >
 
             <div class="checkbox">
 
             <div class="checkbox">
 
               <div
 
               <div
 
                 class="check"
 
                 class="check"
 
                 style="font-size: 25px"
 
                 style="font-size: 25px"
 
-                :id="
 
-                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
 
-                "
 
+                :id="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id"
 
               >
 
               >
 
                 <!-- {{ taskCount + 1 }}
 
                 <!-- {{ taskCount + 1 }}
 
                 {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
 
                 {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
 
@@ -129,8 +119,8 @@
 
                 vedio[taskCount].length > 0 ||
 
                 vedio[taskCount].length > 0 ||
 
                 textList[taskCount].length > 0 ||
 
                 textList[taskCount].length > 0 ||
 
                 file[taskCount].length > 0 ||
 
                 file[taskCount].length > 0 ||
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .taskDetail != ''
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].taskDetail !=
 
+                  ''
 
               "
 
               "
 
             >
 
             >
 
               <div class="taskBox">
 
               <div class="taskBox">
 
@@ -150,17 +140,14 @@
 
                       overflow: auto;
 
                       overflow: auto;
 
                     "
 
                     "
 
                     v-if="
 
                     v-if="
 
-                      chapInfoList[courseType].chapterInfo[0].taskJson[
 
-                        taskCount
 
-                      ].taskDetail != ''
 
+                      chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+                        .taskDetail != ''
 
                     "
 
                     "
 
                     v-html="
 
                     v-html="
 
-                      chapInfoList[courseType].chapterInfo[0].taskJson[
 
-                        taskCount
 
-                      ].taskDetail
 
-                        ? chapInfoList[courseType].chapterInfo[0].taskJson[
 
-                            taskCount
 
-                          ].taskDetail
 
+                      chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+                        .taskDetail
 
+                        ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+                            .taskDetail
 
                         : '暂无描述'
 
                         : '暂无描述'
 
                     "
 
                     "
 
                   >
 
                   >
 
@@ -257,27 +244,21 @@
 
                       : ''
 
                       : ''
 
                   "
 
                   "
 
                   v-if="
 
                   v-if="
 
-                    (vedio.length &&
 
-                      vedio[taskCount] &&
 
-                      vedio[taskCount].length > 0) ||
 
+                    (vedio.length && vedio[taskCount] && vedio[taskCount].length > 0) ||
 
                     (textList.length &&
 
                     (textList.length &&
 
                       textList[taskCount] &&
 
                       textList[taskCount] &&
 
                       textList[taskCount].length > 0) ||
 
                       textList[taskCount].length > 0) ||
 
                     (lineList.length &&
 
                     (lineList.length &&
 
                       lineList[taskCount] &&
 
                       lineList[taskCount] &&
 
                       lineList[taskCount].length > 0) ||
 
                       lineList[taskCount].length > 0) ||
 
-                    (file.length &&
 
-                      file[taskCount] &&
 
-                      file[taskCount].length > 0)
 
+                    (file.length && file[taskCount] && file[taskCount].length > 0)
 
                   "
 
                   "
 
                 >
 
                 >
 
                   <div class="navTitile">内容列表：</div>
 
                   <div class="navTitile">内容列表：</div>
 
                   <div class="navBox">
 
                   <div class="navBox">
 
                     <div
 
                     <div
 
                       v-show="
 
                       v-show="
 
-                        vedio.length &&
 
-                        vedio[taskCount] &&
 
-                        vedio[taskCount].length > 0
 
+                        vedio.length && vedio[taskCount] && vedio[taskCount].length > 0
 
                       "
 
                       "
 
                     >
 
                     >
 
                       <div
 
                       <div
 
@@ -344,13 +325,8 @@
 
                         文档
 
                         文档
 
                       </div>
 
                       </div>
 
                       <div>
 
                       <div>
 
-                        <div
 
-                          class="navText"
 
-                          @click="lookText(taskCount, textIndex)"
 
-                        >
 
-                          {{
 
-                            textList[taskCount].length > 0 ? text.name : ""
 
-                          }}.doc
 
+                        <div class="navText" @click="lookText(taskCount, textIndex)">
 
+                          {{ textList[taskCount].length > 0 ? text.name : "" }}.doc
 
                         </div>
 
                         </div>
 
                       </div>
 
                       </div>
 
                     </div>
 
                     </div>
 
@@ -413,9 +389,7 @@
 
                     <div
 
                     <div
 
                       class="newNav"
 
                       class="newNav"
 
                       v-show="
 
                       v-show="
 
-                        file.length &&
 
-                        file[taskCount] &&
 
-                        file[taskCount].length > 0
 
+                        file.length && file[taskCount] && file[taskCount].length > 0
 
                       "
 
                       "
 
                       v-for="(f, fileIndex) in file[taskCount]"
 
                       v-for="(f, fileIndex) in file[taskCount]"
 
                       :key="fileIndex"
 
                       :key="fileIndex"
 
@@ -476,21 +450,17 @@
 
             <div
 
             <div
 
               class="vedioBox"
 
               class="vedioBox"
 
               v-if="
 
               v-if="
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .toolChoose[0].tool &&
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .toolChoose[0].tool.length &&
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .toolChoose[0].tool.length > 0
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
 
+                  .tool &&
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
 
+                  .tool.length &&
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
 
+                  .tool.length > 0
 
               "
 
               "
 
             >
 
             >
 
               <div
 
               <div
 
                 class="queTop"
 
                 class="queTop"
 
-                style="
 
-                  font-size: 25px;
 
-                  padding: 20px 0 20px 30px;
 
-                  font-weight: bold;
 
-                "
 
+                style="font-size: 25px; padding: 20px 0 20px 30px; font-weight: bold"
 
               >
 
               >
 
                 <!-- <div class="question" style="width: 30px">
 
                 <!-- <div class="question" style="width: 30px">
 
                   <img src="../assets/icon/toolIcon.png" alt />
 
                   <img src="../assets/icon/toolIcon.png" alt />
 
@@ -504,8 +474,8 @@
 
                 <div
 
                 <div
 
                   class="filebox"
 
                   class="filebox"
 
                   style="flex-wrap: nowrap; margin: 0 20px"
 
                   style="flex-wrap: nowrap; margin: 0 20px"
 
-                  v-for="(tool, toolIndex) in chapInfoList[courseType]
 
-                    .chapterInfo[0].taskJson[taskCount].toolChoose"
 
+                  v-for="(tool, toolIndex) in chapInfoList[courseType].chapterInfo[0]
 
+                    .taskJson[taskCount].toolChoose"
 
                   :key="toolIndex"
 
                   :key="toolIndex"
 
                 >
 
                 >
 
                   <div class="bzBox">
 
                   <div class="bzBox">
 
@@ -699,10 +669,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 240px; height: 170px; overflow: hidden"
 
                         style="width: 240px; height: 170px; overflow: hidden"
 
@@ -711,11 +678,7 @@
 
                         :class="w.type == 1 ? 'isTypeOne' : ''"
 
                         :class="w.type == 1 ? 'isTypeOne' : ''"
 
                       >
 
                       >
 
                         <div class="workImg" v-if="w.type == 0">
 
                         <div class="workImg" v-if="w.type == 0">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="workImg" v-if="w.type == 1">
 
                         <div class="workImg" v-if="w.type == 1">
 
                           <img
 
                           <img
 
@@ -750,10 +713,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 240px; height: 170px"
 
                         style="width: 240px; height: 170px"
 
@@ -761,11 +721,7 @@
 
                         :key="wIndex"
 
                         :key="wIndex"
 
                       >
 
                       >
 
                         <div class="workImg" v-if="w.type == 0">
 
                         <div class="workImg" v-if="w.type == 0">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="workImg" v-if="w.type == 1">
 
                         <div class="workImg" v-if="w.type == 1">
 
                           <img
 
                           <img
 
@@ -814,13 +770,7 @@
 
                             <img
 
                             <img
 
                               src="../assets/icon/works/noImg.png"
 
                               src="../assets/icon/works/noImg.png"
 
                               @click="
 
                               @click="
 
-                                openTools(
 
-                                  4,
 
-                                  toolIndex,
 
-                                  taskCount,
 
-                                  w.works,
 
-                                  w.sName
 
-                                )
 
+                                openTools(4, toolIndex, taskCount, w.works, w.sName)
 
                               "
 
                               "
 
                               alt
 
                               alt
 
                             />
 
                             />
 
@@ -859,10 +809,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="
 
                         style="
 
@@ -879,15 +826,7 @@
 
                         <div class="workImg">
 
                         <div class="workImg">
 
                           <img
 
                           <img
 
                             src="../assets/icon/works/noImg.png"
 
                             src="../assets/icon/works/noImg.png"
 
-                            @click="
 
-                              openTools(
 
-                                4,
 
-                                toolIndex,
 
-                                taskCount,
 
-                                w.works,
 
-                                w.sName
 
-                              )
 
-                            "
 
+                            @click="openTools(4, toolIndex, taskCount, w.works, w.sName)"
 
                             alt
 
                             alt
 
                           />
 
                           />
 
                         </div>
 
                         </div>
 
@@ -908,10 +847,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
 
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
 
@@ -960,10 +896,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
 
                         v-for="(w, wIndex) in worksStudent[toolIndex]"
 
@@ -1002,10 +935,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1014,11 +944,7 @@
 
                       >
 
                       >
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1046,10 +972,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1057,11 +980,7 @@
 
                         :key="wIndex"
 
                         :key="wIndex"
 
                       >
 
                       >
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1079,10 +998,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1091,11 +1007,7 @@
 
                       >
 
                       >
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1123,10 +1035,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1134,11 +1043,7 @@
 
                         :key="wIndex"
 
                         :key="wIndex"
 
                       >
 
                       >
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1156,10 +1061,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1168,11 +1070,7 @@
 
                       >
 
                       >
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1200,10 +1098,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1211,11 +1106,7 @@
 
                         :key="wIndex"
 
                         :key="wIndex"
 
                       >
 
                       >
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1233,10 +1124,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="worksStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1245,11 +1133,7 @@
 
                       >
 
                       >
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <!-- @click="previewImg(w.works)" -->
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1277,10 +1161,7 @@
 
                     >
 
                     >
 
                       作业预览
 
                       作业预览
 
                     </div>
 
                     </div>
 
-                    <div
 
-                      class="worksDetailBox"
 
-                      v-if="workStudent[toolIndex].length > 0"
 
-                    >
 
+                    <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
 
                       <div
 
                       <div
 
                         class="works"
 
                         class="works"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
                         style="width: 200px; height: 140px; padding-top: 25px"
 
@@ -1288,11 +1169,7 @@
 
                         :key="wIndex"
 
                         :key="wIndex"
 
                       >
 
                       >
 
                         <div class="workImg">
 
                         <div class="workImg">
 
-                          <img
 
-                            :src="w.works"
 
-                            @click="previewImg(w.works)"
 
-                            alt
 
-                          />
 
+                          <img :src="w.works" @click="previewImg(w.works)" alt />
 
                         </div>
 
                         </div>
 
                         <div class="worksName">
 
                         <div class="worksName">
 
                           <div>{{ w.sName }}</div>
 
                           <div>{{ w.sName }}</div>
 
@@ -1315,21 +1192,16 @@
 
             <div
 
             <div
 
               class="vedioBox"
 
               class="vedioBox"
 
               v-if="
 
               v-if="
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .eList &&
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .eList.length &&
 
-                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
-                  .eList.length > 0
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList &&
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
 
+                  .length &&
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList.length >
 
+                  0
 
               "
 
               "
 
             >
 
             >
 
               <div
 
               <div
 
                 class="queTop"
 
                 class="queTop"
 
-                style="
 
-                  font-size: 25px;
 
-                  padding: 20px 0 20px 30px;
 
-                  font-weight: bold;
 
-                "
 
+                style="font-size: 25px; padding: 20px 0 20px 30px; font-weight: bold"
 
               >
 
               >
 
                 <!-- <div class="question" style="width: 30px">
 
                 <!-- <div class="question" style="width: 30px">
 
                   <img src="../assets/icon/toolIcon.png" alt />
 
                   <img src="../assets/icon/toolIcon.png" alt />
 
@@ -1342,12 +1214,12 @@
 
               <div class="evaCss">
 
               <div class="evaCss">
 
                 <div class="elist_input">
 
                 <div class="elist_input">
 
                   <div
 
                   <div
 
-                    v-for="(eItem, eIndex) in chapInfoList[courseType]
 
-                      .chapterInfo[0].taskJson[taskCount].eList"
 
+                    v-for="(eItem, eIndex) in chapInfoList[courseType].chapterInfo[0]
 
+                      .taskJson[taskCount].eList"
 
                     :key="eIndex"
 
                     :key="eIndex"
 
                     class="elist_input_box"
 
                     class="elist_input_box"
 
                   >
 
                   >
 
-                    <div style="width:95%">
 
+                    <div style="width: 95%">
 
                       <div
 
                       <div
 
                         style="
 
                         style="
 
                           display: flex;
 
                           display: flex;
 
@@ -1356,7 +1228,7 @@
 
                           align-items: center;
 
                           align-items: center;
 
                         "
 
                         "
 
                       >
 
                       >
 
-                        <div style="max-width: calc(100% - 285px);">
 
+                        <div style="max-width: calc(100% - 285px)">
 
                           <span>{{ eItem.value }} </span>
 
                           <span>{{ eItem.value }} </span>
 
                         </div>
 
                         </div>
 
                         <div
 
                         <div
 
@@ -1377,7 +1249,7 @@
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
 
                 <div
 
                 <div
 
-                  v-if="evalua != ''"
 
+                  v-if="evalua"
 
                   style="
 
                   style="
 
                     border: 1px solid #e5e5e5;
 
                     border: 1px solid #e5e5e5;
 
                     width: 650px;
 
                     width: 650px;
 
@@ -1392,12 +1264,7 @@
 
                       <img
 
                       <img
 
                         src="../assets/line.png"
 
                         src="../assets/line.png"
 
                         class="cru_line"
 
                         class="cru_line"
 
-                        style="
 
-                          width: 125px;
 
-                          height: 20px;
 
-                          bottom: -10px;
 
-                          left: 120px;
 
-                        "
 
+                        style="width: 125px; height: 20px; bottom: -10px; left: 120px"
 
                       />
 
                       />
 
                       <!-- <el-input
 
                       <!-- <el-input
 
                         v-model="eTitle"
 
                         v-model="eTitle"
 
@@ -1411,19 +1278,13 @@
 
                       <div class="e_add_list_pbox_title">
 
                       <div class="e_add_list_pbox_title">
 
                         <span class="type_title">切换模式</span>
 
                         <span class="type_title">切换模式</span>
 
                         <div class="type_content">
 
                         <div class="type_content">
 
-                          <span
 
-                            :class="{ active: typeMode == 1 }"
 
-                            @click="typeMode = 1"
 
+                          <span :class="{ active: typeMode == 1 }" @click="typeMode = 1"
 
                             >目标树</span
 
                             >目标树</span
 
                           >
 
                           >
 
-                          <span
 
-                            :class="{ active: typeMode == 2 }"
 
-                            @click="typeMode = 2"
 
+                          <span :class="{ active: typeMode == 2 }" @click="typeMode = 2"
 
                             >目标罗盘</span
 
                             >目标罗盘</span
 
                           >
 
                           >
 
-                          <span
 
-                            :class="{ active: typeMode == 3 }"
 
-                            @click="typeMode = 3"
 
+                          <span :class="{ active: typeMode == 3 }" @click="typeMode = 3"
 
                             >目标看板</span
 
                             >目标看板</span
 
                           >
 
                           >
 
                         </div>
 
                         </div>
 
@@ -1535,11 +1396,7 @@
 
               v-if="studyJuri[0].cover.length > 0"
 
               v-if="studyJuri[0].cover.length > 0"
 
             >
 
             >
 
               <div class="upCover">
 
               <div class="upCover">
 
-                <img
 
-                  :src="studyJuri[0].cover[0].url"
 
-                  alt
 
-                  v-if="fileType == 0"
 
-                />
 
+                <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
 
                 <img :src="word" alt v-else />
 
                 <img :src="word" alt v-else />
 
                 <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
 
                 <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
 
 
 
@@ -1654,9 +1511,7 @@
 
     </div>
 
     </div>
 
     <div v-if="proVisible" class="mask">
 
     <div v-if="proVisible" class="mask">
 
       <div class="progressBox">
 
       <div class="progressBox">
 
-        <div class="lbox">
 
-          <img src="../assets/loading.gif" />上传中，请稍后
 
-        </div>
 
+        <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
 
         <el-progress
 
         <el-progress
 
           :text-inside="true"
 
           :text-inside="true"
 
           :stroke-width="20"
 
           :stroke-width="20"
 
@@ -1706,8 +1561,7 @@
 
               <div class="a_add_input">
 
               <div class="a_add_input">
 
                 <el-radio-group v-model="radio[index1]">
 
                 <el-radio-group v-model="radio[index1]">
 
                   <el-radio
 
                   <el-radio
 
-                    v-for="(item2, checkIndex) in askJson.askJson[index1]
 
-                      .checkList"
 
+                    v-for="(item2, checkIndex) in askJson.askJson[index1].checkList"
 
                     :key="checkIndex"
 
                     :key="checkIndex"
 
                     :label="checkIndex"
 
                     :label="checkIndex"
 
                     class="redioStyle"
 
                     class="redioStyle"
 
@@ -1720,8 +1574,7 @@
 
               <div class="a_add_input">
 
               <div class="a_add_input">
 
                 <el-radio-group v-model="radio[index1]">
 
                 <el-radio-group v-model="radio[index1]">
 
                   <el-radio
 
                   <el-radio
 
-                    v-for="(item2, checkIndex) in askJson.askJson[index1]
 
-                      .checkList"
 
+                    v-for="(item2, checkIndex) in askJson.askJson[index1].checkList"
 
                     :key="checkIndex"
 
                     :key="checkIndex"
 
                     :label="checkIndex"
 
                     :label="checkIndex"
 
                     disabled
 
                     disabled
 
@@ -1756,15 +1609,10 @@
 
           <div style="font-size: 20px">{{ text.name }}</div>
 
           <div style="font-size: 20px">{{ text.name }}</div>
 
         </el-form-item>
 
         </el-form-item>
 
         <div>富文本内容</div>
 
         <div>富文本内容</div>
 
-        <div
 
-          v-html="text.url"
 
-          style="font-size: 18px; padding: 40px 0 0 0"
 
-        ></div>
 
+        <div v-html="text.url" style="font-size: 18px; padding: 40px 0 0 0"></div>
 
       </el-form>
 
       </el-form>
 
       <span slot="footer" class="dialog-footer">
 
       <span slot="footer" class="dialog-footer">
 
-        <el-button type="primary" @click="dialogVisible1 = false"
 
-          >确定</el-button
 
-        >
 
+        <el-button type="primary" @click="dialogVisible1 = false">确定</el-button>
 
       </span>
 
       </span>
 
     </el-dialog>
 
     </el-dialog>
 
     <el-dialog
 
     <el-dialog
 
@@ -1779,13 +1627,7 @@
 
         :pdfUrl="pptImgUrl"
 
         :pdfUrl="pptImgUrl"
 
         style="width: 100%; height: 520px; overflow: auto"
 
         style="width: 100%; height: 520px; overflow: auto"
 
       ></pdf>
 
       ></pdf>
 
-      <iframe
 
-        v-else
 
-        :src="pptImgUrl"
 
-        frameborder="0"
 
-        width="100%"
 
-        height="600"
 
-      ></iframe>
 
+      <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600"></iframe>
 
     </el-dialog>
 
     </el-dialog>
 
     <el-dialog
 
     <el-dialog
 
       title="文件预览"
 
       title="文件预览"
 
@@ -1794,12 +1636,7 @@
 
       :before-close="handleClose"
 
       :before-close="handleClose"
 
       class="dialog_diy"
 
       class="dialog_diy"
 
     >
 
     >
 
-      <iframe
 
-        :src="pptImgUrl1"
 
-        frameborder="0"
 
-        width="100%"
 
-        height="600"
 
-      ></iframe>
 
+      <iframe :src="pptImgUrl1" frameborder="0" width="100%" height="600"></iframe>
 
     </el-dialog>
 
     </el-dialog>
 
     <el-dialog
 
     <el-dialog
 
       title="提示"
 
       title="提示"
 
@@ -2190,10 +2027,9 @@ export default {
 
       this.ajax
 
       this.ajax
 
         .get(this.$store.state.api + "selectStudentWorks", params)
 
         .get(this.$store.state.api + "selectStudentWorks", params)
 
         .then((res) => {
 
         .then((res) => {
 
-          var a =
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-              this.taskCount
 
-            ].toolChoose;
 
+          var a = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            this.taskCount
 
+          ].toolChoose;
 
           var b = res.data[0];
 
           var b = res.data[0];
 
           var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
           var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
 
 
@@ -2248,10 +2084,9 @@ export default {
 
       this.ajax
 
       this.ajax
 
         .get(this.$store.state.api + "selectSWorks", params)
 
         .get(this.$store.state.api + "selectSWorks", params)
 
         .then((res) => {
 
         .then((res) => {
 
-          var a =
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-              this.taskCount
 
-            ].toolChoose;
 
+          var a = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            this.taskCount
 
+          ].toolChoose;
 
           var b = res.data[0];
 
           var b = res.data[0];
 
           var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
           var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
 
 
@@ -2270,17 +2105,15 @@ export default {
 
                     }
 
                     }
 
                     if (!this.checkJson[i][z].checkCount.length) {
 
                     if (!this.checkJson[i][z].checkCount.length) {
 
                       this.checkJson[i][z].checkCount = [];
 
                       this.checkJson[i][z].checkCount = [];
 
-                      let _askItemCount = JSON.parse(data.content)[0].askJson
 
-                        .askJson[z].askItem;
 
+                      let _askItemCount = JSON.parse(data.content)[0].askJson.askJson[z]
 
+                        .askItem;
 
                       for (var aic = 0; aic < _askItemCount; aic++) {
 
                       for (var aic = 0; aic < _askItemCount; aic++) {
 
                         this.checkJson[i][z].checkCount.push(0);
 
                         this.checkJson[i][z].checkCount.push(0);
 
                       }
 
                       }
 
                     }
 
                     }
 
                     this.checkJson[i][z].checkCount[parseInt(checkL[z])]
 
                     this.checkJson[i][z].checkCount[parseInt(checkL[z])]
 
                       ? this.checkJson[i][z].checkCount[parseInt(checkL[z])]++
 
                       ? this.checkJson[i][z].checkCount[parseInt(checkL[z])]++
 
-                      : (this.checkJson[i][z].checkCount[
 
-                          parseInt(checkL[z])
 
-                        ] = 1);
 
+                      : (this.checkJson[i][z].checkCount[parseInt(checkL[z])] = 1);
 
                   }
 
                   }
 
                 }
 
                 }
 
                 if (b[j].type == 1 || b[j].type == 4) {
 
                 if (b[j].type == 1 || b[j].type == 4) {
 
@@ -2325,11 +2158,7 @@ export default {
 
                 if (data.type == 2) {
 
                 if (data.type == 2) {
 
                   for (var z = 0; z < this.checkJson[i].length; z++) {
 
                   for (var z = 0; z < this.checkJson[i].length; z++) {
 
                     this.checkJson[i][z].checkPerent = [];
 
                     this.checkJson[i][z].checkPerent = [];
 
-                    for (
 
-                      var k = 0;
 
-                      k < this.checkJson[i][z].checkCount.length;
 
-                      k++
 
-                    ) {
 
+                    for (var k = 0; k < this.checkJson[i][z].checkCount.length; k++) {
 
                       this.checkJson[i][z].checkPerent.push(
 
                       this.checkJson[i][z].checkPerent.push(
 
                         Math.round(
 
                         Math.round(
 
                           (this.checkJson[i][z].checkCount[k] /
 
                           (this.checkJson[i][z].checkCount[k] /
 
@@ -2509,8 +2338,7 @@ export default {
 
             this.navList[this.courseType].isOpen = false;
 
             this.navList[this.courseType].isOpen = false;
 
             this.courseType = b;
 
             this.courseType = b;
 
             this.taskCount =
 
             this.taskCount =
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
 
-                .length - 1;
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1;
 
             this.navList[this.courseType].isOpen = true;
 
             this.navList[this.courseType].isOpen = true;
 
           } else {
 
           } else {
 
             this.taskCount--;
 
             this.taskCount--;
 
@@ -2520,8 +2348,7 @@ export default {
 
             this.navList[this.courseType].isOpen = false;
 
             this.navList[this.courseType].isOpen = false;
 
             this.courseType--;
 
             this.courseType--;
 
             this.taskCount =
 
             this.taskCount =
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
 
-                .length - 1;
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1;
 
             this.navList[this.courseType].isOpen = true;
 
             this.navList[this.courseType].isOpen = true;
 
           } else {
 
           } else {
 
             this.taskCount--;
 
             this.taskCount--;
 
@@ -2532,8 +2359,7 @@ export default {
 
         if (this.courseType == b) {
 
         if (this.courseType == b) {
 
           if (
 
           if (
 
             this.taskCount ==
 
             this.taskCount ==
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
 
-              1
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1
 
           ) {
 
           ) {
 
             this.navList[this.courseType].isOpen = false;
 
             this.navList[this.courseType].isOpen = false;
 
             this.courseType = 0;
 
             this.courseType = 0;
 
@@ -2545,8 +2371,7 @@ export default {
 
         } else {
 
         } else {
 
           if (
 
           if (
 
             this.taskCount ==
 
             this.taskCount ==
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
 
-              1
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1
 
           ) {
 
           ) {
 
             this.navList[this.courseType].isOpen = false;
 
             this.navList[this.courseType].isOpen = false;
 
             this.courseType++;
 
             this.courseType++;
 
@@ -2567,12 +2392,10 @@ export default {
 
       }
 
       }
 
       this.navId = this.navList[this.courseType].task[this.taskCount].id;
 
       this.navId = this.navList[this.courseType].task[this.taskCount].id;
 
       if (this.vedio[this.taskCount].length > 0) {
 
       if (this.vedio[this.taskCount].length > 0) {
 
-        var a =
 
-          document.getElementsByClassName("box_course")[this.taskCount]
 
-            .offsetHeight;
 
-        document.getElementsByClassName("vedioList")[
 
-          this.taskCount
 
-        ].style.height = a + "px";
 
+        var a = document.getElementsByClassName("box_course")[this.taskCount]
 
+          .offsetHeight;
 
+        document.getElementsByClassName("vedioList")[this.taskCount].style.height =
 
+          a + "px";
 
         document.getElementsByClassName("navBox")[this.taskCount].style.height =
 
         document.getElementsByClassName("navBox")[this.taskCount].style.height =
 
           a - 40 + "px";
 
           a - 40 + "px";
 
       }
 
       }
 
@@ -2668,8 +2491,8 @@ export default {
 
         .get(this.$store.state.api + "selectCourseDetail", params)
 
         .get(this.$store.state.api + "selectCourseDetail", params)
 
         .then((res) => {
 
         .then((res) => {
 
           loading.close();
 
           loading.close();
 
-          var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
 
-            .chapterInfo[0].taskJson;
 
+          var a = JSON.parse(res.data[0][0].chapters)[this.courseType].chapterInfo[0]
 
+            .taskJson;
 
           var b = [
 
           var b = [
 
             "AVI",
 
             "AVI",
 
             "NAVI",
 
             "NAVI",
 
@@ -2731,15 +2554,12 @@ export default {
 
               }
 
               }
 
             }
 
             }
 
             var d = JSON.parse(JSON.stringify(this.playerOptions));
 
             var d = JSON.parse(JSON.stringify(this.playerOptions));
 
-            d.sources[0].src =
 
-              this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
 
+            d.sources[0].src = this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
 
             this.playerO[i] = d;
 
             this.playerO[i] = d;
 
           }
 
           }
 
           this.courseDetail = res.data[0][0];
 
           this.courseDetail = res.data[0][0];
 
           this.evalua = res.data[0][0].evaId;
 
           this.evalua = res.data[0][0].evaId;
 
-          this.chapInfo = JSON.parse(this.courseDetail.chapters)[
 
-            this.courseType
 
-          ];
 
+          this.chapInfo = JSON.parse(this.courseDetail.chapters)[this.courseType];
 
           this.chapInfoList = JSON.parse(this.courseDetail.chapters);
 
           this.chapInfoList = JSON.parse(this.courseDetail.chapters);
 
           if (this.navList.length == 0) {
 
           if (this.navList.length == 0) {
 
             this.navList = [];
 
             this.navList = [];
 
@@ -2768,26 +2588,18 @@ export default {
 
               w[m].id = l + "-" + m;
 
               w[m].id = l + "-" + m;
 
             }
 
             }
 
           }
 
           }
 
-          if (
 
-            !this.vedio[this.taskCount][0] ||
 
-            this.vedio[this.taskCount][0].url == ""
 
-          ) {
 
+          if (!this.vedio[this.taskCount][0] || this.vedio[this.taskCount][0].url == "") {
 
             if (
 
             if (
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-                this.taskCount
 
-              ].chapterData.length > 0 &&
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-                this.taskCount
 
-              ].chapterData[0].type == 3
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
 
+                .chapterData.length > 0 &&
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
 
+                .chapterData[0].type == 3
 
             ) {
 
             ) {
 
-              let _url =
 
-                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-                  this.taskCount
 
-                ].chapterData[0].url;
 
+              let _url = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                this.taskCount
 
+              ].chapterData[0].url;
 
               if (
 
               if (
 
-                _url
 
-                  .split(".")
 
-                  [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
+                _url.split(".")[_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
               ) {
 
               ) {
 
                 this.showType = 3;
 
                 this.showType = 3;
 
                 this.pptImgUrl1 = _url;
 
                 this.pptImgUrl1 = _url;
 
@@ -2797,12 +2609,10 @@ export default {
 
                   "https://view.officeapps.live.com/op/view.aspx?src=" + _url;
 
                   "https://view.officeapps.live.com/op/view.aspx?src=" + _url;
 
               }
 
               }
 
             } else if (
 
             } else if (
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-                this.taskCount
 
-              ].chapterData.length > 0 &&
 
-              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-                this.taskCount
 
-              ].chapterData[0].type == 6
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
 
+                .chapterData.length > 0 &&
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
 
+                .chapterData[0].type == 6
 
             ) {
 
             ) {
 
               this.showType = 1;
 
               this.showType = 1;
 
               this.text = this.textList[this.taskCount][0];
 
               this.text = this.textList[this.taskCount][0];
 
@@ -2820,12 +2630,9 @@ export default {
 
           }, 5000);
 
           }, 5000);
 
           _this.$nextTick(function () {
 
           _this.$nextTick(function () {
 
             setTimeout(() => {
 
             setTimeout(() => {
 
-              var a =
 
-                document.getElementsByClassName("box_course")[0].offsetHeight;
 
-              document.getElementsByClassName("vedioList")[0].style.height =
 
-                a + "px";
 
-              document.getElementsByClassName("navBox")[0].style.height =
 
-                a - 40 + "px";
 
+              var a = document.getElementsByClassName("box_course")[0].offsetHeight;
 
+              document.getElementsByClassName("vedioList")[0].style.height = a + "px";
 
+              document.getElementsByClassName("navBox")[0].style.height = a - 40 + "px";
 
             }, 500);
 
             }, 500);
 
           });
 
           });
 
           if (_this.vedio[_this.taskCount].length > 0) {
 
           if (_this.vedio[_this.taskCount].length > 0) {
 
@@ -2860,17 +2667,9 @@ export default {
 
     },
 
     },
 
     isAssetTypeAnImage(ext) {
 
     isAssetTypeAnImage(ext) {
 
       return (
 
       return (
 
-        [
 
-          "png",
 
-          "jpg",
 
-          "jpeg",
 
-          "bmp",
 
-          "gif",
 
-          "webp",
 
-          "psd",
 
-          "svg",
 
-          "tiff",
 
-        ].indexOf(ext) !== -1
 
+        ["png", "jpg", "jpeg", "bmp", "gif", "webp", "psd", "svg", "tiff"].indexOf(
 
+          ext
 
+        ) !== -1
 
       );
 
       );
 
     },
 
     },
 
     switchVideo(media) {
 
     switchVideo(media) {
 
@@ -2899,17 +2698,11 @@ export default {
 
     openFile(f) {
 
     openFile(f) {
 
       this.pptImgUrl = "";
 
       this.pptImgUrl = "";
 
       var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
 
       var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
 
-      if (
 
-        a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
 
-        -1
 
-      ) {
 
-        this.pptImgUrl =
 
-          "https://view.officeapps.live.com/op/view.aspx?src=" + f;
 
+      if (a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) != -1) {
 
+        this.pptImgUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + f;
 
         this.showPDF = false;
 
         this.showPDF = false;
 
         this.dialogVisible3 = true;
 
         this.dialogVisible3 = true;
 
-      } else if (
 
-        f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
-      ) {
 
+      } else if (f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF") {
 
         this.pptImgUrl = f;
 
         this.pptImgUrl = f;
 
         this.showPDF = true;
 
         this.showPDF = true;
 
         this.dialogVisible3 = true;
 
         this.dialogVisible3 = true;
 
@@ -2919,17 +2712,13 @@ export default {
 
       this.pptImgUrl1 = "";
 
       this.pptImgUrl1 = "";
 
       var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
 
       var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
 
       if (
 
       if (
 
-        a.indexOf(
 
-          f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
 
-        ) != -1
 
+        a.indexOf(f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()) != -1
 
       ) {
 
       ) {
 
-        this.pptImgUrl1 =
 
-          "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
 
+        this.pptImgUrl1 = "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
 
         // this.dialogVisible3 = true;
 
         // this.dialogVisible3 = true;
 
         this.showType = 2;
 
         this.showType = 2;
 
       } else if (
 
       } else if (
 
-        f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
 
-        "PDF"
 
+        f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
       ) {
 
       ) {
 
         this.pptImgUrl1 = f.url;
 
         this.pptImgUrl1 = f.url;
 
         // this.dialogVisible3 = true;
 
         // this.dialogVisible3 = true;
 
@@ -3178,18 +2967,15 @@ export default {
 
           this.toolsCount(a, t);
 
           this.toolsCount(a, t);
 
         }
 
         }
 
         if (!this.dialogVisible2) {
 
         if (!this.dialogVisible2) {
 
-          this.askJson.askJson =
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-              index
 
-            ].toolChoose[i].askJson;
 
-          this.askJson.askTitle =
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-              index
 
-            ].toolChoose[i].askTitle;
 
-          this.askJson.askCount =
 
-            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
-              index
 
-            ].toolChoose[i].askCount;
 
+          this.askJson.askJson = this.chapInfoList[
 
+            this.courseType
 
+          ].chapterInfo[0].taskJson[index].toolChoose[i].askJson;
 
+          this.askJson.askTitle = this.chapInfoList[
 
+            this.courseType
 
+          ].chapterInfo[0].taskJson[index].toolChoose[i].askTitle;
 
+          this.askJson.askCount = this.chapInfoList[
 
+            this.courseType
 
+          ].chapterInfo[0].taskJson[index].toolChoose[i].askCount;
 
         } else {
 
         } else {
 
           this.askJson.askJson = this.chapTools.askJson.askJson;
 
           this.askJson.askJson = this.chapTools.askJson.askJson;
 
           this.askJson.askTitle = this.chapTools.askJson.askTitle;
 
           this.askJson.askTitle = this.chapTools.askJson.askTitle;
 
@@ -3299,10 +3085,11 @@ export default {
 
           a = this.answerCount;
 
           a = this.answerCount;
 
           this.toolsCount(a, t);
 
           this.toolsCount(a, t);
 
         }
 
         }
 
-        this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
 
-          .taskJson[index].toolChoose[i].answerQ
 
-          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
 
-              .toolChoose[i].answerQ
 
+        this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
 
+          .toolChoose[i].answerQ
 
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index].toolChoose[
 
+              i
 
+            ].answerQ
 
           : "";
 
           : "";
 
         this.answerDialogVisible = true;
 
         this.answerDialogVisible = true;
 
       } else if (t == 21) {
 
       } else if (t == 21) {

Some files were not shown because too many files changed in this diff