作业提交

src/components/study.vue

@@ -1,17 +1,8 @@
 <template>
   <div class="pb_content" style="overflow: unset">
     <div class="pb_content_body" style="display: flex; min-height: 800px">
-      <div
-        style="
-          width: 20%;
-          margin-right: 10px;
-          background: #fff;
-          padding-right: 10px;
-        "
-      >
-        <div class="courseTitle">
-          {{ courseDetail.title }}
-        </div>
+      <div style="width: 20%; margin-right: 10px; background: #fff; padding-right: 10px">
+        <div class="courseTitle">{{ courseDetail.title }}</div>
         <div class="ml">目录</div>
         <div v-for="(item, stageIndex) in navList" :key="stageIndex">
           <div class="blue_box_one" @click="get(stageIndex)">
@@ -19,22 +10,14 @@
             <div>{{ item.dyName }}</div>
           </div>
           <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
                 class="navTask"
                 @click="openTask(stageIndex, navIndex, nav.id)"
                 :class="{ openTaskActive: nav.id == navId }"
               >
-                <div class="vedioNav" style="margin: 0">
-                  任务{{ navIndex + 1 }}
-                </div>
-                <div class="navTaskname">
-                  {{ nav.taskName }}
-                </div>
+                <div class="vedioNav" style="margin: 0">任务{{ navIndex + 1 }}</div>
+                <div class="navTaskname">{{ nav.taskName }}</div>
               </div>
             </div>
           </div>
@@ -51,14 +34,7 @@
             style="position: absolute; right: 0"
             class="returnBtn"
             @click.stop="
-              goTo(
-                '/courseDetail?userid=' +
-                  userid +
-                  '&oid=' +
-                  oid +
-                  '&courseId=' +
-                  id
-              )
+              goTo('/courseDetail?userid=' + userid + '&oid=' + oid + '&courseId=' + id)
             "
           >
             返回
@@ -67,8 +43,7 @@
 
         <div
           class="study_top"
-          v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
-            .taskJson"
+          v-for="(task, index) in chapInfoList[courseType].chapterInfo[0].taskJson"
           :key="index"
         >
           <div class="checkbox">
@@ -76,10 +51,7 @@
               {{ index + 1 }} {{ task.task }}
             </div>
           </div>
-          <div
-            class="project_box"
-            style="margin-top: 15px; margin-bottom: 20px"
-          >
+          <div class="project_box" style="margin-top: 15px; margin-bottom: 20px">
             <div
               style="
                 display: flex;
@@ -91,11 +63,9 @@
               <div class="queTop">
                 <!-- <div class="question">
                 <img src="../assets/icon/homeWork.png" alt="" />
-              </div> -->
+                </div>-->
                 <div class="queTitle">
-                  <div style="color: #000">
-                    {{ task.task ? task.task : "暂无名称" }}
-                  </div>
+                  <div style="color: #000">{{ task.task ? task.task : "暂无名称" }}</div>
                 </div>
               </div>
               <div style="padding: 20px" v-if="task.taskDetail != ''">
@@ -106,7 +76,7 @@
                 cols=""
                 style="width: 70.5% !important; height: 90px"
                 v-model="chapInfo.taskDetail"
-              ></textarea> -->
+                ></textarea>-->
                 {{ task.taskDetail ? task.taskDetail : "暂无描述" }}
               </div>
             </div>
@@ -129,28 +99,20 @@
               </div>
               <!-- <div v-else style="margin: 0px 25% 0px 35%">
                 <img src="../assets/icon/noVedio.png" alt="" />
-              </div> -->
+              </div>-->
               <div
                 class="vedioList"
                 :class="vedio.length == 0 ? 'listNoVedio' : ''"
                 v-if="
                   (vedio.length && vedio[index] && vedio[index].length > 0) ||
-                  (textList.length &&
-                    textList[index] &&
-                    textList[index].length > 0) ||
+                  (textList.length && textList[index] && textList[index].length > 0) ||
                   (chapToolList.length &&
                     chapToolList[index] &&
                     chapToolList[index].length > 0) ||
-                  (lineList.length &&
-                    lineList[index] &&
-                    lineList[index].length > 0)
+                  (lineList.length && lineList[index] && lineList[index].length > 0)
                 "
               >
-                <div
-                  v-show="
-                    vedio.length && vedio[index] && vedio[index].length > 0
-                  "
-                >
+                <div v-show="vedio.length && vedio[index] && vedio[index].length > 0">
                   <div class="vedioNav">视频</div>
                   <div
                     class="media"
@@ -167,7 +129,7 @@
                             : mr
                           : mr
                       "
-                      alt=""
+                      alt
                       @click="lookVedio(media.url)"
                     />
                     <div class="vedioName">{{ media.name }}</div>
@@ -175,9 +137,7 @@
                 </div>
                 <div
                   v-show="
-                    textList.length &&
-                    textList[index] &&
-                    textList[index].length > 0
+                    textList.length && textList[index] && textList[index].length > 0
                   "
                   class="newNav"
                   v-for="(text, textIndex) in textList[index]"
@@ -209,9 +169,7 @@
                 </div>
                 <div
                   v-show="
-                    lineList.length &&
-                    lineList[index] &&
-                    lineList[index].length > 0
+                    lineList.length && lineList[index] && lineList[index].length > 0
                   "
                   class="newNav"
                   v-for="(lines, lineIndex) in lineList[index]"
@@ -228,7 +186,7 @@
                       >
                       <!-- {{
                       lineList.length > 0 ? lines.url : ""
-                    }} -->
+                      }}-->
                     </div>
                   </div>
                 </div>
@@ -241,22 +199,14 @@
                 class="vedioList hangVedioList"
                 v-if="
                   (vedio.length && vedio[index] && vedio[index].length > 0) ||
-                  (textList.length &&
-                    textList[index] &&
-                    textList[index].length > 0) ||
+                  (textList.length && textList[index] && textList[index].length > 0) ||
                   (chapToolList.length &&
                     chapToolList[index] &&
                     chapToolList[index].length > 0) ||
-                  (lineList.length &&
-                    lineList[index] &&
-                    lineList[index].length > 0)
+                  (lineList.length && lineList[index] && lineList[index].length > 0)
                 "
               >
-                <div
-                  v-show="
-                    vedio.length && vedio[index] && vedio[index].length > 0
-                  "
-                >
+                <div v-show="vedio.length && vedio[index] && vedio[index].length > 0">
                   <div class="vedioNav">视频</div>
                   <div
                     class="media"
@@ -273,7 +223,7 @@
                             : mr
                           : mr
                       "
-                      alt=""
+                      alt
                       @click="lookVedio(media.url)"
                     />
                     <div class="vedioName">{{ media.name }}</div>
@@ -281,9 +231,7 @@
                 </div>
                 <div
                   v-show="
-                    textList.length &&
-                    textList[index] &&
-                    textList[index].length > 0
+                    textList.length && textList[index] && textList[index].length > 0
                   "
                   class="newNav"
                   v-for="(text, textIndex) in textList[index]"
@@ -308,19 +256,14 @@
                 >
                   <div class="vedioNav">工具</div>
                   <div>
-                    <div
-                      class="noNavText"
-                      @click="lookTools(index, toolsIndex)"
-                    >
+                    <div class="noNavText" @click="lookTools(index, toolsIndex)">
                       {{ chapToolList[index].length > 0 ? tools.name : "" }}
                     </div>
                   </div>
                 </div>
                 <div
                   v-show="
-                    lineList.length &&
-                    lineList[index] &&
-                    lineList[index].length > 0
+                    lineList.length && lineList[index] && lineList[index].length > 0
                   "
                   class="newNav"
                   v-for="(lines, lineIndex) in lineList[index]"
@@ -337,7 +280,7 @@
                       >
                       <!-- {{
                       lineList.length > 0 ? lines.url : ""
-                    }} -->
+                      }}-->
                     </div>
                   </div>
                 </div>
@@ -351,7 +294,7 @@
             >
               <div class="queTop">
                 <div class="question" style="width: 30px">
-                  <img src="../assets/icon/fileIcon.png" alt="" />
+                  <img src="../assets/icon/fileIcon.png" alt />
                 </div>
                 <div class="queTitle">
                   <div>附件</div>
@@ -364,7 +307,7 @@
                   :key="fileIndex"
                   @click="downFile(f, fileIndex)"
                 >
-                  <img :src="require('../assets/file.png')" alt="" />
+                  <img :src="require('../assets/file.png')" alt />
                   <div>{{ f.name }}</div>
                 </div>
               </div>
@@ -373,7 +316,7 @@
             <div class="project_box">
               <div class="queTop">
                 <div class="question" style="width: 30px">
-                  <img src="../assets/icon/toolIcon.png" alt="" />
+                  <img src="../assets/icon/toolIcon.png" alt />
                 </div>
                 <div class="queTitle">
                   <div>工具</div>
@@ -397,7 +340,7 @@
                     "
                   >
                     <!-- v-for="(itemTool, indexTool) in toolTypeList"
-                  :key="indexTool" -->
+                    :key="indexTool"-->
                     <div
                       class="addPoint"
                       v-for="(tooC, toolCIndex) in tool.tool"
@@ -406,7 +349,7 @@
                       <div v-if="tooC == 8">
                         <img
                           src="../assets/icon/secondToolList/library.png"
-                          alt=""
+                          alt
                           @click="addTools(tooC, toolIndex)"
                         />
                         <div style="margin: 5px 0">素材库</div>
@@ -415,7 +358,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/secondToolList/whiteBoard.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">电子白板</div>
                       </div>
@@ -423,7 +366,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/secondToolList/note.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">便签</div>
                       </div>
@@ -431,7 +374,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/secondToolList/mindMapping.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">思维导图</div>
                       </div>
@@ -439,7 +382,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/secondToolList/doc.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">协同文档</div>
                       </div>
@@ -447,7 +390,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/secondToolList/mindNetwork.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">思维网格</div>
                       </div>
@@ -455,7 +398,7 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/thirdToolList/ask.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">问卷调查</div>
                       </div>
@@ -463,15 +406,31 @@
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/thirdToolList/score.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">量规评分</div>
                       </div>
-                      <div v-if="tooC == 9">
+                      <!-- <div v-if="tooC == 10">
+                        <img
+                          @click="addTools(tooC, toolIndex)"
+                          src="../assets/icon/thirdToolList/time.png"
+                          alt
+                        />
+                        <div style="margin: 5px 0">倒计时</div>
+                      </div>
+                      <div v-if="tooC == 15">
+                        <img
+                          @click="addTools(tooC, toolIndex)"
+                          src="../assets/icon/thirdToolList/answer.png"
+                          alt
+                        />
+                        <div style="margin: 5px 0">问答工具</div>
+                      </div> -->
+                      <div v-if="tooC == 16">
                         <img
                           @click="addTools(tooC, toolIndex)"
                           src="../assets/icon/thirdToolList/work.png"
-                          alt=""
+                          alt
                         />
                         <div style="margin: 5px 0">作业提交</div>
                       </div>
@@ -482,9 +441,7 @@
                     v-if="tool.toolDetail != ''"
                   >
                     <div style="margin: 0 0 20px 0">工具描述</div>
-                    <div>
-                      {{ tool.toolDetail != "" ? tool.toolDetail : "暂无描述" }}
-                    </div>
+                    <div>{{ tool.toolDetail != "" ? tool.toolDetail : "暂无描述" }}</div>
                   </div>
                 </div>
               </div>
@@ -529,7 +486,7 @@
                   </div>
                 </div>
               </div>
-            </div> -->
+            </div>-->
           </div>
         </div>
         <el-dialog
@@ -551,17 +508,16 @@
             rows="7"
             placeholder="输入文字描述..."
             v-model="studyJuri[0].content"
-          >
-          </el-input>
+          ></el-input>
           <div class="marginT">
             <div>上传图片</div>
             <div class="chapter_add" @click="addImg($event)">
               <div class="up_photo">
-                <img src="../assets/photo.png" alt="" />
+                <img src="../assets/photo.png" alt />
               </div>
               <input
                 type="file"
-                accept="image/png,image/gif,image/jpeg"
+                accept="image/png, image/gif, image/jpeg"
                 style="display: none"
                 @change="beforeUpload1($event, 1)"
               />
@@ -582,11 +538,11 @@
                 :key="cIndex"
                 class="upCover"
               >
-                <img :src="c.url != null && c.url != '' ? c.url : mr" alt="" />
+                <img :src="c.url != null && c.url != '' ? c.url : mr" alt />
                 <span class="picName">{{ c.name }}</span>
 
                 <div class="deleteWord" @click="clean(1)">
-                  <img src="../assets/icon/delete.png" alt="" />
+                  <img src="../assets/icon/delete.png" alt />
                 </div>
               </div>
             </div>
@@ -595,11 +551,11 @@
             <div>上传视频</div>
             <div class="chapter_add" @click="addImg($event)">
               <div class="up_photo">
-                <img src="../assets/vidio.png" alt="" />
+                <img src="../assets/vidio.png" alt />
               </div>
               <input
                 type="file"
-                accept="video/mp4,video/quicktime,video/x-msvideo"
+                accept="video/mp4, video/quicktime, video/x-msvideo"
                 style="display: none"
                 @change="beforeUpload2($event, 2)"
               />
@@ -631,10 +587,10 @@
                   v-for="(v, vIndex) in studyJuri[0].upVedio"
                   :key="vIndex"
                 >
-                  <img src="../assets/uploadMp4.png" alt="" />
+                  <img src="../assets/uploadMp4.png" alt />
                   <span>{{ v.name }}</span>
                   <div class="deleteWord" @click="clean(2)">
-                    <img src="../assets/icon/delete.png" alt="" />
+                    <img src="../assets/icon/delete.png" alt />
                   </div>
                 </div>
               </div>
@@ -646,9 +602,7 @@
     </div>
     <div v-if="proVisible" class="mask">
       <div class="progressBox">
-        <div class="lbox">
-          <img src="../assets/loading.gif" />上传中，请稍后
-        </div>
+        <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
         <el-progress
           :text-inside="true"
           :stroke-width="20"
@@ -658,7 +612,7 @@
       </div>
     </div>
     <el-dialog :visible.sync="pictureDialog" size="tiny">
-      <img width="100%" :src="dialogImageUrl" alt="" />
+      <img width="100%" :src="dialogImageUrl" alt />
     </el-dialog>
     <el-dialog
       title="查看问卷调查"
@@ -742,16 +696,11 @@
         </el-form-item>
         <div>富文本内容</div>
         <!-- <editor-bar v-model="AttText.text" @change="change"></editor-bar> -->
-        <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>
       <span slot="footer" class="dialog-footer">
         <!-- <el-button @click="clearAttText">取 消</el-button> -->
-        <el-button type="primary" @click="dialogVisible1 = false"
-          >确定</el-button
-        >
+        <el-button type="primary" @click="dialogVisible1 = false">确定</el-button>
       </span>
     </el-dialog>
     <el-dialog
@@ -763,125 +712,83 @@
       class="dialog_diy toolsCss"
     >
       <div class="toolHeng">
-        <div
-          class="filebox"
-          style="min-width: 480px; flex-wrap: nowrap; width: 100%"
-        >
+        <div class="filebox" style="min-width: 480px; flex-wrap: nowrap; width: 100%">
           <div style="display: flex; flex-flow: row wrap; width: 70%">
             <div class="addPoint">
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(8) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(8) != -1 : undefined">
                 <img
                   src="../assets/icon/secondToolList/library.png"
-                  alt=""
+                  alt
                   @click="addTools(8)"
                 />
                 <div style="margin: 5px 0">素材库</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(1) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(1) != -1 : undefined">
                 <img
                   @click="addTools(1)"
                   src="../assets/icon/secondToolList/whiteBoard.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">电子白板</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(2) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(2) != -1 : undefined">
                 <img
                   @click="addTools(2)"
                   src="../assets/icon/secondToolList/note.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">便签</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(3) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(3) != -1 : undefined">
                 <img
                   @click="addTools(3)"
                   src="../assets/icon/secondToolList/mindMapping.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">思维导图</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(6) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(6) != -1 : undefined">
                 <img
                   @click="addTools(6)"
                   src="../assets/icon/secondToolList/doc.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">协同文档</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(7) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(7) != -1 : undefined">
                 <img
                   @click="addTools(7)"
                   src="../assets/icon/secondToolList/mindNetwork.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">思维网格</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(4) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(4) != -1 : undefined">
                 <img
                   @click="addTools(4)"
                   src="../assets/icon/thirdToolList/ask.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">问卷调查</div>
               </div>
-              <div
-                v-if="
-                  chapTools.url ? chapTools.url.indexOf(5) != -1 : undefined
-                "
-              >
+              <div v-if="chapTools.url ? chapTools.url.indexOf(5) != -1 : undefined">
                 <img
                   @click="addTools(5)"
                   src="../assets/icon/thirdToolList/score.png"
-                  alt=""
+                  alt
                 />
                 <div style="margin: 5px 0">量规评分</div>
               </div>
             </div>
           </div>
-          <div
-            style="padding: 0 0 20px 30px; width: 30%"
-            v-if="chapTools.name != ''"
-          >
+          <div style="padding: 0 0 20px 30px; width: 30%" v-if="chapTools.name != ''">
             <div style="margin: 0 0 20px 0">工具描述</div>
-            <div>
-              {{ chapTools.name != "" ? chapTools.name : "暂无描述" }}
-            </div>
+            <div>{{ chapTools.name != "" ? chapTools.name : "暂无描述" }}</div>
           </div>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="dialogVisible2 = false"
-          >确定</el-button
-        >
+        <el-button type="primary" @click="dialogVisible2 = false">确定</el-button>
       </span>
     </el-dialog>
     <el-dialog
@@ -891,12 +798,7 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <iframe
-        :src="pptImgUrl"
-        frameborder="0"
-        width="100%"
-        height="600"
-      ></iframe>
+      <iframe :src="pptImgUrl" frameborder="0" width="100%" height="600"></iframe>
     </el-dialog>
     <el-dialog
       title="提示"
@@ -909,14 +811,70 @@
       <div>此功能暂未开放！</div>
       <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
     </el-dialog>
+    <el-dialog
+      title="问答"
+      :visible.sync="answerDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div
+          style="
+            display: flex;
+            flex-wrap: nowrap;
+            flex-direction: column;
+            position: relative;
+          "
+        >
+          <div class="queTop">
+            <div class="question">
+              <img src="../assets/icon/question.png" alt />
+            </div>
+            <div class="queTitle">
+              <div>提问：</div>
+              <div>{{ answerQ }}</div>
+            </div>
+          </div>
+          <div class="ediBottom">
+            <editor-bar
+              style="width: 100%; padding: 10px 0 20px 0px; margin: 0"
+              v-model="questionAnswer"
+              @change="change"
+            ></editor-bar>
+          </div>
+        </div>
+      </div>
+      <div slot="footer">
+        <el-button @click="answerDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addQuestion">提 交</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="倒计时"
+      :visible.sync="timeDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <Time v-if="timeDialogVisible"></Time>
+      </div>
+      <div slot="footer">
+        <el-button @click="timeDialogVisible = false">关 闭</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import "../common/aws-sdk-2.235.1.min.js";
 import EditorBar from "../components/tools/wangEnduit.vue";
+import Time from "../components/tools/time.vue";
 export default {
-  components: { EditorBar },
+  components: { EditorBar, Time },
   data() {
     return {
       dialogVisible: false,
@@ -986,6 +944,7 @@ export default {
       proVisible: false,
       progress: 0,
       questionAnswer: "",
+      answerQ: "", //问答标题
       wbCount: 0,
       wordCount: 0,
       mindCount: 0,
@@ -995,6 +954,8 @@ export default {
       mindNetWorkCount: 0,
       libraryCount: 0,
       workCount: 0,
+      timeCount: 0,
+      answerCount: 0,
       dialogImageUrl: "",
       pictureDialog: false,
       toolTypeList: [],
@@ -1004,6 +965,8 @@ export default {
       dialogVisible4: false,
       isNoHomeWork: false,
       dialogVisible5: false,
+      answerDialogVisible: false,
+      timeDialogVisible: false,
       radio: [],
       isAsk: false,
       askJson: {
@@ -1355,8 +1318,7 @@ export default {
         .then((res) => {
           loading.close();
           // element.imgUrl = JSON.parse(element.chapters).poster;
-          var a = JSON.parse(res.data[0][0].chapters)[t].chapterInfo[0]
-            .taskJson;
+          var a = JSON.parse(res.data[0][0].chapters)[t].chapterInfo[0].taskJson;
           // // var a = JSON.parse(res.data[0][0].chapters)[t].chapterInfo[0]
           // // .chapterData;
           var b = [
@@ -1420,8 +1382,7 @@ export default {
               }
             }
             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.courseDetail = res.data[0][0];
@@ -1454,10 +1415,8 @@ export default {
 
           this.$nextTick(function () {
             setTimeout(() => {
-              var a =
-                document.getElementsByClassName("video-player")[0].offsetHeight;
-              document.getElementsByClassName("vedioList")[0].style.height =
-                a + "px";
+              var a = document.getElementsByClassName("video-player")[0].offsetHeight;
+              document.getElementsByClassName("vedioList")[0].style.height = a + "px";
             }, 500);
           });
           // this.addToolsType(0);
@@ -1490,17 +1449,9 @@ export default {
     },
     isAssetTypeAnImage(ext) {
       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) {
@@ -1525,12 +1476,9 @@ export default {
     downFile(f, i) {
       var a = ["PPT", "PPTX", "PDF", "XLSX", "XLS", "DOC", "DOCX"];
       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.pptImgUrl =
-          "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
+        this.pptImgUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
         this.dialogVisible3 = true;
       } else {
         window.open(this.file[i].url);
@@ -1721,8 +1669,12 @@ export default {
               this.mindNetWorkCount = res.data[0][i].count;
             } else if (res.data[0][i].tools == 8) {
               this.libraryCount = res.data[0][i].count;
-            } else if (res.data[0][i].tools == 9) {
+            } else if (res.data[0][i].tools == 16) {
               this.workCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 10) {
+              this.timeCount = res.data[0][i].count;
+            } else if (res.data[0][i].tools == 15) {
+              this.answerCount = res.data[0][i].count;
             }
           }
         })
@@ -1790,18 +1742,15 @@ export default {
           this.toolsCount(a, t);
         }
         if (!this.dialogVisible2) {
-          this.askJson.askJson =
-            this.chapInfo.chapterInfo[0].taskJson[this.taskCount].toolChoose[
-              i
-            ].askJson[0];
-          this.askJson.askTitle =
-            this.chapInfo.chapterInfo[0].taskJson[this.taskCount].toolChoose[
-              i
-            ].askTitle;
-          this.askJson.askCount =
-            this.chapInfo.chapterInfo[0].taskJson[this.taskCount].toolChoose[
-              i
-            ].askCount;
+          this.askJson.askJson = this.chapInfo.chapterInfo[0].taskJson[
+            this.taskCount
+          ].toolChoose[i].askJson[0];
+          this.askJson.askTitle = this.chapInfo.chapterInfo[0].taskJson[
+            this.taskCount
+          ].toolChoose[i].askTitle;
+          this.askJson.askCount = this.chapInfo.chapterInfo[0].taskJson[
+            this.taskCount
+          ].toolChoose[i].askCount;
         } else {
           this.askJson.askJson = this.chapTools.askJson.askJson[0];
           this.askJson.askTitle = this.chapTools.askJson.askTitle;
@@ -1837,7 +1786,7 @@ export default {
           this.toolsCount(a, t);
         }
         window.parent.postMessage({ tools: "7" }, "*");
-      } else if (t == 9) {
+      } else if (t == 16) {
         if (this.workCount > 0) {
           this.updateCount(this.workCount, t);
         } else {
@@ -1846,7 +1795,7 @@ export default {
           this.toolsCount(a, t);
         }
         this.dialogVisible = true;
-      } else {
+      } else if (t == 8) {
         if (this.libraryCount > 0) {
           this.updateCount(this.libraryCount, t);
         } else {
@@ -1855,6 +1804,28 @@ export default {
           this.toolsCount(a, t);
         }
         window.parent.postMessage({ tools: "8" }, "*");
+      } else if (t == 10) {
+        if (this.timeCount > 0) {
+          this.updateCount(this.timeCount, t);
+        } else {
+          this.timeCount++;
+          a = this.timeCount;
+          this.toolsCount(a, t);
+        }
+        this.timeDialogVisible = true;
+      } else if (t == 15) {
+        if (this.answerCount > 0) {
+          this.updateCount(this.answerCount, t);
+        } else {
+          this.answerCount++;
+          a = this.answerCount;
+          this.toolsCount(a, t);
+        }
+        this.answerQ = this.chapInfo.chapterInfo[0].taskJson[this.taskCount].toolChoose[i]
+          .answerQ
+          ? this.chapInfo.chapterInfo[0].taskJson[this.taskCount].toolChoose[i].answerQ
+          : "";
+        this.answerDialogVisible = true;
       }
     },
     toolsCount(a, t) {
@@ -2459,6 +2430,7 @@ export default {
   justify-content: flex-start;
   align-items: center;
   border-bottom: 1px solid #eeeeee;
+  box-sizing: border-box;
 }
 .question {
   width: 40px;
@@ -2546,7 +2518,7 @@ export default {
   margin: 0 15px 0 0;
 }
 .ediBottom {
-  margin-left: 20px;
+  /* margin-left: 20px; */
 }
 .binfo_input {
   font: inherit;

src/components/tools/time.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="box">
+    <div>
+      <input type="number" id="min" value />
+      <span id="timetext">分</span>
+      <input id="sec" type="number" value />
+      <span id="timetext">秒</span>
+    </div>
+    <el-button type="primary" onclick="start()">开始</el-button>
+    <el-button type="primary" onclick="stop()">暂停</el-button>
+    <el-button type="primary" onclick="Reset()">重置</el-button>
+    <div>
+      <span id="timetext">00时00分00秒</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style></style>