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

update

lsc 1 year ago
parent
d09dfc8215
commit
03cf15100e
16 changed files with 15639 additions and 315 deletions
Unified View Show Diff Stats
  1. 1 1
      config/index.js
  2. 1 1
      dist/index.html
  3. 0 0
      dist/static/css/app.418fe8c89e8ec5c845a4bf5547c1dd21.css
  4. 0 0
      dist/static/css/app.418fe8c89e8ec5c845a4bf5547c1dd21.css.map
  5. 0 0
      dist/static/css/app.fb82ddf08fe44cda3ace146e9cabb7d8.css
  6. 0 0
      dist/static/css/app.fb82ddf08fe44cda3ace146e9cabb7d8.css.map
  7. 0 0
      dist/static/js/app.0ecd170586bb5ab4b9ac.js
  8. 0 0
      dist/static/js/app.0ecd170586bb5ab4b9ac.js.map
  9. 0 0
      dist/static/js/app.a14e6cfc3e8da6fe108a.js
  10. 0 0
      dist/static/js/manifest.3ad1d5771e9b13dbdad2.js.map
  11. BIN
      src/assets/icon/leftIcon.png
  12. BIN
      src/assets/icon/rightIcon.png
  13. 1920 0
      src/components/noTerminal/courseDetail.vue
  14. 13380 0
      src/components/noTerminal/studyStudent.vue
  15. 324 313
      src/components/studyStudent.vue
  16. 13 0
      src/router/index.js

+ 1 - 1
config/index.js
View File 

@@ -14,7 +14,7 @@ module.exports = {
 
 
 
     // Various Dev Server settings
 
     // Various Dev Server settings
 
     host: 'localhost', // can be overwritten by process.env.HOST
 
     host: 'localhost', // can be overwritten by process.env.HOST
 
-    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
 
+    port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
 
     autoOpenBrowser: false,
 
     autoOpenBrowser: false,
 
     errorOverlay: true,
 
     errorOverlay: true,
 
     notifyOnErrors: true,
 
     notifyOnErrors: true,

+ 1 - 1
dist/index.html
View File 

@@ -18,7 +18,7 @@
 
       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.418fe8c89e8ec5c845a4bf5547c1dd21.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.8d7171b1fe858bda1433.js></script><script type=text/javascript src=./static/js/app.a14e6cfc3e8da6fe108a.js></script></body></html><script>function stopSafari() {
 
+    }</style><link href=./static/css/app.fb82ddf08fe44cda3ace146e9cabb7d8.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.8d7171b1fe858bda1433.js></script><script type=text/javascript src=./static/js/app.0ecd170586bb5ab4b9ac.js></script></body></html><script>function stopSafari() {
 
     //阻止safari浏览器双击放大功能
 
     //阻止safari浏览器双击放大功能
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     document.documentElement.addEventListener("touchstart", function (event) {
 
     document.documentElement.addEventListener("touchstart", function (event) {

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


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


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


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


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


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


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


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


BIN
src/assets/icon/leftIcon.png
View File


BIN
src/assets/icon/rightIcon.png
View File


+ 1920 - 0
src/components/noTerminal/courseDetail.vue
View File 

@@ -0,0 +1,1920 @@
 
+<template>
 
+  <div class="pb_content">
 
+    <div class="pb_content_body" style="height: 100%">
 
+      <div class="body_student">
 
+        <div class="student_head">
 
+          <div v-if="screenType != 2" class="return" @click.stop="
 
+            goTo(
 
+              '/index?userid=' +
 
+              userid +
 
+              '&oid=' +
 
+              oid +
 
+              '&org=' +
 
+              org +
 
+              '&cid=' +
 
+              classId +
 
+              '&tType=' +
 
+              tType +
 
+              '&screenType=' +
 
+              screenType
 
+            )
 
+          ">
 
+            返回
 
+            <!-- <img src="../../assets/icon/return.png" alt="" /> -->
 
+          </div>
 
+          <div class="box_course">
 
+            <div class="wheel">
 
+              <img style="object-fit: cover" :src="
 
+                this.courseDetail.cover != null &&
 
+                  this.courseDetail.cover != ''
 
+                  ? JSON.parse(this.courseDetail.cover).length > 0
 
+                    ? JSON.parse(this.courseDetail.cover)[0].url
 
+                    : mr
 
+                  : mr
 
+              " alt />
 
+            </div>
 
+            <div class="right_box">
 
+              <div class="rightT">
 
+                <div class="right_box_title">{{ courseDetail.title }}</div>
 
+                <div class="jd">{{ chapInfo.length }}阶段</div>
 
+                <div class="jd">{{ rw }}任务</div>
 
+              </div>
 
+              <div class="cType">
 
+                <div class="all_choose" v-for="(item, index) in courseType" :key="index">
 
+                  <span style="color: #6c6c6c">{{ item + ":" }}</span>
 
+                  <span class="type_children" v-for="(item2, index2) in courseTypeJson[item]" :key="index2">{{ item2
 
+                  }}</span>
 
+                </div>
 
+              </div>
 
+              <div class="cType" style="font-size: 18px; color: #6c6c6c; align-items: flex-start">
 
+                <div style="min-width: 150px">
 
+                  创建者：<span style="color: #000">{{
 
+                    courseDetail.username
 
+                  }}</span>
 
+                </div>
 
+                <div class="Tname" v-if="Tname.length > 0" style="margin-left: 32px" @click="TnameCheck = !TnameCheck">
 
+                  协同人员：<span v-for="(tname, tIndex) in TnameCheck ? Tname : Tname.slice(0, 6)" :key="tIndex"
 
+                    style="margin: 0 5px; color: #000">{{ tname }}</span><span style="margin: 0 5px; color: #b2b2b2"
 
+                    v-if="!TnameCheck && Tname.length > 6">更多....</span>
 
+                </div>
 
+              </div>
 
+              <div class="cType" style="font-size: 18px; color: #6c6c6c">
 
+                <div style="display: flex; align-items: center">
 
+                  <div>参与人数：</div>
 
+                  <div class="man">
 
+                    <img src="../../assets/people.png" alt />
 
+                  </div>
 
+                  <div class="person" style="color: #000">
 
+                    {{
 
+                      courseDetail.vcount != null ? courseDetail.vcount : 0
 
+                    }}人
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="cType" style="font-size: 18px; color: #6c6c6c" v-if="classList.length && tType != 2">
 
+                <div>
 
+                  授课班级:<el-button @click="gotoCourse('')"
 
+                    style="background: #4a9eed; color: #fff; margin: 0 5px">全部</el-button><el-button
 
+                    @click="gotoCourse(item.id)" v-for="(item, index) in classList" :key="index"
 
+                    style="background: #4a9eed; color: #fff; margin: 0 5px">{{ item.name }}</el-button>
 
+                </div>
 
+              </div>
 
+              <div class="btnBox">
 
+                <div class="now_study" @click="dialogVisible = true">
 
+                  立即学习
 
+                </div>
 
+              <!-- <div class="now_study" @click="dialogVisibleGroup = true">
 
+                 {{courseDetail.userid != userid ? '加入分组' : '设置分组'}}
 
+              </div> -->
 
+            </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="student_body">
 
+          <div class="sLeft" v-if="courseDetail.brief">
 
+            <div class="courseT">项目详情</div>
 
+            <div class="courseTd">{{ courseDetail.brief }}</div>
 
+          </div>
 
+          <div :class="courseDetail.brief != '' ? 'rightTd' : 'noBRight'">
 
+            <div v-if="tType == 1 || tType == 4" class="checkBox">
 
+              <span :class="{ active: type == 2 }" @click="type = 2">阶段选择</span>
 
+              <span :class="{ active: type == 1 }" @click="getCTwo">课程分析</span>
 
+            </div>
 
+            <div v-if="((tType == 1 || tType == 4) && type == 2) || tType == 2"
 
+              :class="courseDetail.brief != '' ? 'rightTd' : 'noBRight'" style="width: 100%">
 
+              <div class="blue_box_one" v-for="(item, index) in chapInfo" :key="index" @click="addUserRate(index)">
 
+                <div>第{{ index + 1 }}阶段</div>
 
+                <div :title="item.dyName">{{ item.dyName }}</div>
 
+                <div>{{ item.chapterInfo[0].taskJson.length }}个任务</div>
 
+              </div>
 
+            </div>
 
+            <div v-if="
 
+              (tType == 1 || tType == 4) &&
 
+              Object.keys(chaptersJson).length &&
 
+              type == 1
 
+            " class="detail">
 
+              <div class="detail_box">
 
+                <div class="title">
 
+                  <span class="toolIcon">工具分析</span>
 
+                  <div class="statebox">
 
+                    <div>
 
+                      <span class="taskIcon">全部阶段:</span><span>{{ chaptersJson.state.stage }}</span>
 
+                    </div>
 
+                    <div>
 
+                      <span class="finishIcon">已进行:</span><span>{{ chaptersJson.state.finish }}</span>
 
+                    </div>
 
+                    <div>
 
+                      <span class="learningIcon">未进行:</span><span>{{ chaptersJson.state.learing }}</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="box" v-if="chaptersJson.tool.length">
 
+                  <div class="progress">
 
+                    <div v-for="(item, index) in chaptersJson.tool" :key="index" class="chapter">
 
+                      <div class="stage stageCss" :style="{
 
+                        width:
 
+                          item.array.length * 180 +
 
+                          (item.array.length - 1) * 10 +
 
+                          'px',
 
+                      }" @click="addUserRate(index)">
 
+                        <div style="
 
+                              width: 100%;
 
+                              display: flex;
 
+                              justify-content: center;
 
+                            ">
 
+                          <el-tooltip class="item" effect="light" :content="item.name" placement="top">
 
+                            <div class="titleCss" style="width: 80%; max-width: unset">
 
+                              第{{ index + 1 }}阶段 {{ item.name }}
 
+                            </div>
 
+                          </el-tooltip>
 
+                        </div>
 
+                      </div>
 
+
 
+                      <!-- {{ chaptersJson.chapterState[index].isFinsh ? '已完成' : '进行中' }} -->
 
+                      <div class="task">
 
+                        <div v-for="(item2, index2) in item.array" :key="index + '-' + index2" class="taskBox">
 
+                          <div class="taskName">
 
+                            <div class="navIndex">任务{{ index2 + 1 }}</div>
 
+                            <div>
 
+                              <el-tooltip class="item" effect="light" :content="item2.name" placement="top">
 
+                                <div class="titleCss">{{ item2.name }}</div>
 
+                              </el-tooltip>
 
+                            </div>
 
+                          </div>
 
+                          <div class="p_tool_box">
 
+                            <span v-for="(item3, index3) in item2.array" :key="index + '-' + index2 + '-' + index3"
 
+                              class="p_tool">
 
+                              <div v-if="item3.tool == 1">
 
+                                <img src="../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                                <div>电子白板</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 3">
 
+                                <img src="../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                                <div>思维导图</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 6">
 
+                                <img src="../../assets/icon/secondToolList/doc.png" alt />
 
+                                <div>协同文档</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 7">
 
+                                <img src="../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                                <div>思维网格</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 8">
 
+                                <img src="../../assets/icon/secondToolList/library.png" alt />
 
+                                <div>素材库</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 17">
 
+                                <img src="../../assets/icon/secondToolList/library.png" alt />
 
+                                <div>学习资料</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 2">
 
+                                <img src="../../assets/icon/secondToolList/note.png" alt />
 
+                                <div>便签</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 4">
 
+                                <img src="../../assets/icon/thirdToolList/ask.png" alt />
 
+                                <div>问卷调查</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 45">
 
+                                <img src="../../assets/icon/thirdToolList/choose.png" alt />
 
+                                <div>选择题</div>
 
+                              </div>
 
+                              <!-- <div v-if="item3.tool == 5">
 
+                            <img
 
+                              
+                              src="../../assets/icon/thirdToolList/score.png"
 
+                              alt
 
+                            />
 
+                            <div >量规评分</div>
 
+                          </div> -->
 
+                              <div v-if="item3.tool == 10">
 
+                                <img src="../../assets/icon/thirdToolList/time.png" alt />
 
+                                <div>倒计时</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 15">
 
+                                <img src="../../assets/icon/thirdToolList/answer.png" alt />
 
+                                <div>问答工具</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 26">
 
+                                <img src="../../assets/icon/thirdToolList/courseDesign.png" alt />
 
+                                <div>课程设计</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 18">
 
+                                <img src="../../assets/icon/thirdToolList/trainPlatform.png" alt />
 
+                                <div>训练服务器</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 16">
 
+                                <img src="../../assets/icon/thirdToolList/work.png" alt />
 
+                                <div>作业提交</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 21">
 
+                                <img src="../../assets/icon/fourthToolList/program.png" alt />
 
+                                <div>编程平台</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 22">
 
+                                <img src="../../assets/icon/fourthToolList/program.png" alt />
 
+                                <div>AI体验</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 23">
 
+                                <img src="../../assets/icon/fourthToolList/program.png" alt />
 
+                                <div>Python</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 24">
 
+                                <img src="../../assets/icon/fourthToolList/AIprogram.png" alt />
 
+                                <div>AI平台</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 25">
 
+                                <img src="../../assets/icon/thirdToolList/evalua.png" alt />
 
+                                <div>目标管理</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 31">
 
+                                <img src="../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                <div>数学画板</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 28">
 
+                                <img src="../../assets/icon/secondToolList/translation.png" alt />
 
+                                <div>翻译</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 37">
 
+                                <img src="../../assets/icon/secondToolList/mohe.png" alt />
 
+                                <div>魔盒识字</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 38">
 
+                                <img src="../../assets/icon/secondToolList/24game.png" alt />
 
+                                <div>24点</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 39">
 
+                                <img src="../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                <div>GeoGebra</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 32">
 
+                                <img src="../../assets/icon/thirdToolList/code.png" alt />
 
+                                <div>源码编辑</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 40">
 
+                                <img src="../../assets/icon/secondToolList/eval.png" alt />
 
+                                <div>学生评价</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 41">
 
+                                <img src="../../assets/icon/thirdToolList/select.png" alt />
 
+                                <div>选择填空</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 44">
 
+                                <img src="../../assets/icon/thirdToolList/hanClass.png" alt />
 
+                                <div>汉字宫</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 47">
 
+                                <img src="../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                <div>连词成句</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 48">
 
+                                <img src="../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                <div>表格</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 49">
 
+                                <img src="../../assets/icon/fourthToolList/group.png" alt />
 
+                                <div>学生分组</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 50">
 
+                                <img src="../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                <div>批量上传</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 57">
 
+                                <img src="../../assets/icon/fourthToolList/cocopi.png" alt />
 
+                                <div>CocoPi</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 58">
 
+                                <img src="../../assets/icon/fourthToolList/car.png"
 
+                                  alt />
 
+                                <div>模拟驾驶</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 59">
 
+                                <img src="../../assets/icon/fourthToolList/lineSearch.png" alt />
 
+                                <div>路径搜索</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == 60">
 
+                                <img src="../../assets/icon/fourthToolList/deepLearning.png" alt />
 
+                                <div>深度学习</div>
 
+                              </div>
 
+                              <div v-if="item3.tool == undefined">
 
+                                <img src="../../assets/icon/empytool.png" alt style="width: 64px; height: 75px" />
 
+                              </div>
 
+                            </span>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="detail_box" v-if="Object.keys(chaptersJson.time).length">
 
+                <div class="title">
 
+                  <span class="frequencyIcon">活跃频率</span>
 
+                </div>
 
+                <div class="box">
 
+                  <div>
 
+                    <Heatmap :Josn="chaptersJson.time" :num="chaptersJson.studentCount"></Heatmap>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="detail_box">
 
+                <div class="title"><span class="timeIcon">实施时间</span></div>
 
+                <div class="box">
 
+                  <div style="font-size: 22px; margin: 15px 0 45px">
 
+                    {{ courseDetail.title }}
 
+                  </div>
 
+                  <div class="chapter_time_box" style="margin-left: 170px">
 
+                    <div v-for="(item, index) in chaptersJson.work" :key="index" class="c_box">
 
+                      <div class="stage_box" style="left: -195px">
 
+                        <div style="
 
+                              min-width: 150px;
 
+                              position: relative;
 
+                              left: -5px;
 
+                            ">
 
+                          {{ item.time }}
 
+                        </div>
 
+                        <div class="yuan"></div>
 
+                        <div class="stage">
 
+                          第{{ index + 1 }}阶段 {{ item.name }}
 
+                        </div>
 
+                        <div class="s_up" :class="{ s_up2: !item.is }" @click="item.is = !item.is">
 
+                          <img src="../../assets/icon/up.png" alt="" />
 
+                        </div>
 
+                      </div>
 
+                      <div v-show="item.is">
 
+                        <div v-for="(item2, index2) in item.chapter" :key="index + '-' + index2">
 
+                          <div style="
 
+                                display: flex;
 
+                                flex-direction: row;
 
+                                flex-wrap: nowrap;
 
+                                align-items: center;
 
+                              " v-if="
 
+                                item2.task[0].tool != undefined && item2.isWork
 
+                              ">
 
+                            <div style="
 
+                                  width: 13px;
 
+                                  height: 13px;
 
+                                  background: #5a82cb 100%;
 
+                                  border-radius: 50%;
 
+                                  margin-right: 10px;
 
+                                "></div>
 
+                            <div style="
 
+                                  color: #4376c3;
 
+                                  font-size: 20px;
 
+                                  font-weight: bold;
 
+                                ">
 
+                              任务{{ index2 + 1 }}：{{ item2.name }}
 
+                            </div>
 
+                          </div>
 
+
 
+                          <div class="p_tool_box2">
 
+                            <span v-for="(item3, index3) in item2.task" :key="index + '-' + index2 + '-' + index3"
 
+                              class="p_tool2">
 
+                              <div class="toolBigBox" style="
 
+                                    display: flex;
 
+                                    flex-direction: row;
 
+                                    flex-wrap: nowrap;
 
+                                    align-items: center;
 
+                                  " v-if="item3.works.length">
 
+                                <div style="
 
+                                      display: flex;
 
+                                      flex-direction: row;
 
+                                      flex-wrap: nowrap;
 
+                                      align-items: flex-end;
 
+                                      min-width: 140px;
 
+                                    ">
 
+                                  <div class="lineBox"></div>
 
+                                  <div class="toolbox">
 
+                                    <div style="font-size: 16px; font-weight: bold">
 
+                                      步骤{{ index3 + 1 }}：
 
+                                    </div>
 
+                                    <div v-if="item3.tool == 1">电子白板</div>
 
+                                    <div v-if="item3.tool == 3">思维导图</div>
 
+                                    <div v-if="item3.tool == 6">协同文档</div>
 
+                                    <div v-if="item3.tool == 7">思维网格</div>
 
+                                    <div v-if="item3.tool == 8">素材库</div>
 
+                                    <div v-if="item3.tool == 17">学习资料</div>
 
+                                    <div v-if="item3.tool == 2">便签</div>
 
+                                    <div v-if="item3.tool == 4">问卷调查</div>
 
+                                    <div v-if="item3.tool == 45">选择题</div>
 
+                                    <div v-if="item3.tool == 10">倒计时</div>
 
+                                    <div v-if="item3.tool == 15">问答工具</div>
 
+                                    <div v-if="item3.tool == 26">课程设计</div>
 
+                                    <div v-if="item3.tool == 18">
 
+                                      训练服务器
 
+                                    </div>
 
+                                    <div v-if="item3.tool == 16">作业提交</div>
 
+                                    <div v-if="item3.tool == 21">编程平台</div>
 
+                                    <div v-if="item3.tool == 22">AI体验</div>
 
+                                    <div v-if="item3.tool == 23">Python</div>
 
+                                    <div v-if="item3.tool == 24">AI平台</div>
 
+                                    <div v-if="item3.tool == 25">目标管理</div>
 
+                                    <div v-if="item3.tool == 31">数学画板</div>
 
+                                    <div v-if="item3.tool == 28">翻译</div>
 
+                                    <div v-if="item3.tool == 37">魔盒识字</div>
 
+                                    <div v-if="item3.tool == 38">24点</div>
 
+                                    <div v-if="item3.tool == 39">GeoGebra</div>
 
+                                    <div v-if="item3.tool == 32">源码编辑</div>
 
+                                    <div v-if="item3.tool == 40">学生评价</div>
 
+                                    <div v-if="item3.tool == 41">选择填空</div>
 
+                                    <div v-if="item3.tool == 44">汉字宫</div>
 
+                                    <div v-if="item3.tool == 47">连词成句</div>
 
+                                    <div v-if="item3.tool == 48">表格</div>
 
+                                    <div v-if="item3.tool == 49">学生分组</div>
 
+                                    <div v-if="item3.tool == 50">批量上传</div>
 
+                                    <div v-if="item3.tool == 57">CocoPi</div>
 
+                                    <div v-if="item3.tool == 58">模拟驾驶</div>
 
+                                    <div v-if="item3.tool == 59">路径搜索</div>
 
+                                    <div v-if="item3.tool == 60">深度学习</div>
 
+                                  </div>
 
+                                </div>
 
+                                <div v-if="item3.works.length" style="
 
+                                      display: flex;
 
+                                      flex-direction: row;
 
+                                      flex-wrap: wrap;
 
+                                      align-items: center;
 
+                                      margin-left: 10px;
 
+                                    ">
 
+                                  <!-- works:[],likeCount: 0, commentCount: 0, score: 0, isScore: 0  -->
 
+                                  <div class="disCss">
 
+                                    <div class="blueBtn">
 
+                                      作业数量：{{ item3.works.length }}
 
+                                    </div>
 
+                                    <div v-if="chaptersJson.studentCount" class="blueBtn">
 
+                                      任务完成率：{{
 
+                                        (
 
+                                          (item3.works.length /
 
+                                            chaptersJson.studentCount) *
 
+                                          100
 
+                                        ).toFixed(2) > 100.0
 
+                                        ? 100 + "%"
 
+                                        : (
 
+                                          (item3.works.length /
 
+                                            chaptersJson.studentCount) *
 
+                                          100
 
+                                        ).toFixed(2) + "%"
 
+                                      }}
 
+                                    </div>
 
+                                    <div class="blueBtn">
 
+                                      <div>点赞：{{ item3.likeCount }}</div>
 
+                                      <div style="margin-left: 15px">
 
+                                        评论：{{ item3.commentCount }}
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div v-if="item3.isScore">
 
+                                    <div class="disCss">
 
+                                      <div class="blueBtn">
 
+                                        作业评价量：{{ item3.isScore }}
 
+                                      </div>
 
+                                      <div class="blueBtn">
 
+                                        评价平均分：{{
 
+                                          (item3.score / item3.isScore).toFixed(
 
+                                            2
 
+                                          )
 
+                                        }}分
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </span>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!-- <div v-for="(item, index) in Object.keys(chaptersJson.time)" :key="index">
 
+                {{ '时间:' + item + '次数:' + chaptersJson.time[item] }}</div> -->
 
+              <!-- <div>实施时间：{{ chaptersJson.startTime }}</div> -->
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+        <!-- <div
 
+          style="
 
+            text-align: center;
 
+            padding: 30px 0 20px 0;
 
+            box-sizing: border-box;
 
+          "
 
+        >
 
+          此处滚动加载..
 
+        </div>-->
 
+        <el-dialog title="阶段选择" :visible.sync="dialogVisible" :append-to-body="true" width="700px"
 
+          :before-close="handleClose" class="dialog_change">
 
+          <div style="font-size: 20px">请选择阶段</div>
 
+          <div style="
 
+                padding: 20px 30px;
 
+                display: flex;
 
+                flex-direction: row;
 
+                flex-wrap: wrap;
 
+              ">
 
+            <div class="blue_box" v-for="(item, index) in chapInfo" :key="index" @click="addUserRate(index)">
 
+              <div>第{{ index + 1 }}阶段</div>
 
+              <div>{{ item.dyName }}</div>
 
+              <div>{{ item.chapterInfo[0].taskJson.length }}个任务</div>
 
+            </div>
 
+          </div>
 
+        </el-dialog>
 
+        <Group :dialogVisibleGroup.sync="dialogVisibleGroup" :classList="classList" :cid="id" :courseDetail="courseDetail" :userid="userid" :type="tType" :classId="classId"></Group>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import Heatmap from "../tools/heatmap.vue";
 
+import Group from "../group/group.vue"
 
+export default {
 
+  components: {
 
+    Heatmap,
 
+    Group
 
+  },
 
+  data() {
 
+    return {
 
+      choose: 0,
 
+      dialogVisible: false,
 
+      dialogVisibleGroup:false,
 
+      id: this.$route.query.courseId,
 
+      userid: this.$route.query.userid,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      classId: this.$route.query.cid,
 
+      tType: this.$route.query.tType,
 
+      screenType: this.$route.query.screenType,
 
+      courseDetail: {},
 
+      classList: [],
 
+      aStudentName: [],
 
+      chapInfo: [],
 
+      courseType: [],
 
+      Tname: [],
 
+      TnameCheck: false,
 
+      courseTypeJson: {},
 
+      userinfo: [],
 
+      mr: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/noBanner1656409780264.jpg",
 
+      rw: 0,
 
+      chaptersJson: {},
 
+      type: 2,
 
+      inviteCode: []
 
+    };
 
+  },
 
+  methods: {
 
+    handleClose(done) {
 
+      done();
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    gotoCourse(id) {
 
+      if (this.classList.length) {
 
+        this.goTo(
 
+          "/studyStudentNT?type=0&courseId=" +
 
+          this.id +
 
+          "&userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&cid=" +
 
+          this.classId +
 
+          "&tType=" +
 
+          this.tType +
 
+          "&screenType=" +
 
+          this.screenType +
 
+          "&tcid=" +
 
+          id
 
+        );
 
+      } else {
 
+        this.goTo(
 
+          "/studyStudentNT?type=0&courseId=" +
 
+          this.id +
 
+          "&userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&cid=" +
 
+          this.classId +
 
+          "&tType=" +
 
+          this.tType +
 
+          "&screenType=" +
 
+          this.screenType
 
+        );
 
+      }
 
+    },
 
+    addUserRate(i) {
 
+      // var suid = this.userid;
 
+      // if (
 
+      //   JSON.parse(this.courseDetail.course_student).indexOf(suid) == -1 &&
 
+      //   JSON.parse(this.courseDetail.userid) != suid
 
+      // ) {
 
+      //   this.$message.error("你没有该权限");
 
+      //   return;
 
+      // }
 
+      // var a =
 
+      //   this.courseDetail.course_student != ""
 
+      //     ? JSON.parse(this.courseDetail.course_student)
 
+      //     : "";
 
+      // if (this.courseDetail.userid != suid) {
 
+      //   if (this.userinfo.type == 2) {
 
+      //     if (a != "") {
 
+      //       if (
 
+      //         JSON.parse(this.courseDetail.course_student).indexOf(suid) == -1
 
+      //       ) {
 
+      //         this.$message.error("你没有该权限");
 
+      //         return;
 
+      //       }
 
+      //     } else {
 
+      //       this.$message.error("暂无项目学员，请联系老师添加项目学员!");
 
+      //       return;
 
+      //     }
 
+      //   }
 
+      // }
 
+      let params = {
 
+        uid: this.userid,
 
+        cid: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "addUserR", params)
 
+        .then((res) => {
 
+          console.log(res.data);
 
+          this.updateVc();
 
+          if (this.tType == 1 || this.tType == 4) {
 
+            this.goTo(
 
+              "/studyStudentNT?type=" +
 
+              i +
 
+              "&courseId=" +
 
+              this.id +
 
+              "&userid=" +
 
+              this.userid +
 
+              "&oid=" +
 
+              this.oid +
 
+              "&org=" +
 
+              this.org +
 
+              "&cid=" +
 
+              this.classId +
 
+              "&tType=" +
 
+              this.tType +
 
+              "&screenType=" +
 
+              this.screenType
 
+            );
 
+          } else if (this.tType == 2) {
 
+            this.gotoCourse(this.classId);
 
+          } else {
 
+            this.goTo(
 
+              "/study?type=" +
 
+              i +
 
+              "&courseId=" +
 
+              this.id +
 
+              "&userid=" +
 
+              this.userid +
 
+              "&oid=" +
 
+              this.oid +
 
+              "&org=" +
 
+              this.org +
 
+              "&cid=" +
 
+              this.classId +
 
+              "&tType=" +
 
+              this.tType +
 
+              "&screenType=" +
 
+              this.screenType
 
+            );
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateVc() {
 
+      let params = {
 
+        cid: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "updateVc", params)
 
+        .then((res) => {
 
+          console.log(res.data);
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    async getCourseDetail1() {
 
+      const loading = this.$loading.service({
 
+        background: "rgba(255, 255, 255, 0.7)",
 
+        target: document.querySelector(".student_table"),
 
+      });
 
+      let params = {
 
+        courseId: this.id,
 
+      };
 
+       let res = await this.ajax.get(this.$store.state.api + "selectCourseDetail2", params);
 
+      loading.close();
 
+      // this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
 
+      this.courseDetail = res.data[0][0];
 
+      this.classList = res.data[3];
 
+      var a = res.data[0];
 
+      var b = res.data[1];
 
+      var c = res.data[2];
 
+      for (var i = 0; i < b.length; i++) {
 
+        // if (!this.id) {
 
+        //   this.courseType[b[i].id] = [];
 
+        // }
 
+        for (var j = 0; j < a.length; j++) {
 
+          if (b[i].id == a[j].pid) {
 
+            if (!this.courseTypeJson[b[i].name]) {
 
+              this.courseType.push(b[i].name);
 
+              this.courseTypeJson[b[i].name] = [];
 
+            }
 
+            this.courseTypeJson[b[i].name].push(a[j].name);
 
+          }
 
+        }
 
+      }
 
+      for (var k = 0; k < c.length; k++) {
 
+        this.Tname.push(c[k].name);
 
+      }
 
+      console.log(this.courseTypeJson.length);
 
+      this.aStudentName = res.data[2];
 
+      this.chapInfo = JSON.parse(this.courseDetail.chapters);
 
+      for (var z = 0; z < this.chapInfo.length; z++) {
 
+        this.rw += this.chapInfo[z].chapterInfo[0].taskJson.length;
 
+      }
 
+      this.inviteCode = []
 
+      for (var i = 0; i < res.data[4].length; i++) {
 
+        this.inviteCode.push({ cid: res.data[4][i].classid, ic: res.data[4][i].code });
 
+      }
 
+      if (res.data[3].length != this.inviteCode.length) {
 
+        let classArray = []
 
+        let noClassArray = []
 
+        for (var i = 0; i < res.data[3].length; i++) {
 
+          classArray.push(res.data[3][i].id);
 
+          noClassArray.push(res.data[3][i].id);
 
+        }
 
+
 
+        this.inviteCode = this.inviteCode.filter((el) => {
 
+          if (classArray.indexOf(el.cid) != -1) {
 
+            noClassArray.splice(noClassArray.indexOf(el.cid), 1)
 
+            return el
 
+          }
 
+        })
 
+
 
+        for (var i = 0; i < noClassArray.length; i++) {
 
+          await this.getInviteCode(noClassArray[i])
 
+        }
 
+        let a = this.inviteCode
 
+        console.log(this.inviteCode);
 
+        this.addInviteCode();
 
+      }
 
+      // debugger
 
+    },
 
+    addInviteCode() {
 
+      let params = [{
 
+        courseId: this.id,
 
+        inviteCode: JSON.stringify(this.inviteCode),
 
+      }];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addInviteCode", params)
 
+        .then((res) => {
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    getCTwo() {
 
+      this.type = 1;
 
+      this.getCourseDetail2();
 
+    },
 
+    getCourseDetail2() {
 
+      const loading = this.$loading.service({
 
+        background: "rgba(255, 255, 255, 0.7)",
 
+        target: document.querySelector(".student_table"),
 
+      });
 
+      let params = {
 
+        courseId: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectCourseDetail", params)
 
+        .then((res) => {
 
+          loading.close();
 
+          // this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
 
+          this.courseDetail = res.data[0][0];
 
+          var a = res.data[0];
 
+          var b = res.data[1];
 
+          var c = res.data[2];
 
+          var d = res.data[3];
 
+          for (var i = 0; i < b.length; i++) {
 
+            // if (!this.id) {
 
+            //   this.courseType[b[i].id] = [];
 
+            // }
 
+            for (var j = 0; j < a.length; j++) {
 
+              if (b[i].id == a[j].pid) {
 
+                if (!this.courseTypeJson[b[i].name]) {
 
+                  this.courseType.push(b[i].name);
 
+                  this.courseTypeJson[b[i].name] = [];
 
+                }
 
+                this.courseTypeJson[b[i].name].push(a[j].name);
 
+              }
 
+            }
 
+          }
 
+          for (var k = 0; k < c.length; k++) {
 
+            this.Tname.push(c[k].name);
 
+          }
 
+          console.log(this.courseTypeJson.length);
 
+          this.aStudentName = res.data[2];
 
+          this.chapInfo = JSON.parse(this.courseDetail.chapters);
 
+          for (var z = 0; z < this.chapInfo.length; z++) {
 
+            this.rw += this.chapInfo[z].chapterInfo[0].taskJson.length;
 
+          }
 
+
 
+          let _chapters = JSON.parse(a[0].chapters);
 
+          let _works = res.data[3];
 
+          let _sCont = res.data[4];
 
+          let _comment = res.data[5];
 
+          let _chaptersJson = {
 
+            chapterState: _chapters,
 
+            state: {
 
+              stage: _chapters.length,
 
+              finish: 0,
 
+              learing: 0,
 
+            },
 
+            tool: [],
 
+            chapter: [],
 
+            time: {},
 
+            startTime: _works.length ? _works[0].time : "",
 
+            work: [],
 
+            studentCount: _sCont[0].usercount,
 
+          };
 
+          let timeAarry = [];
 
+          for (var j = 0; j < _works.length; j++) {
 
+            timeAarry.push(_works[j].vtime);
 
+          }
 
+          timeAarry.forEach((item) => {
 
+            _chaptersJson.time[item] = _chaptersJson.time[item] + 1 || 1;
 
+          });
 
+          for (var i = 0; i < _chapters.length; i++) {
 
+            _chaptersJson.chapterState[i].isFinsh = false;
 
+            // _chaptersJson.tool[i] = []
 
+            _chaptersJson.tool[i] = { array: [], name: _chapters[i].dyName };
 
+            _chaptersJson.chapter[i] = [];
 
+            _chaptersJson.work[i] = {
 
+              name: _chapters[i].dyName,
 
+              chapter: [],
 
+              time: "",
 
+            };
 
+            for (var j = 0; j < _works.length; j++) {
 
+              if (i == _works[j].stage) {
 
+                _chaptersJson.chapterState[i].isFinsh = true;
 
+                _chaptersJson.work[i].time = _works[j].time;
 
+                _chaptersJson.state.finish++;
 
+                break;
 
+              }
 
+            }
 
+            let el = _chapters[i].chapterInfo[0].taskJson;
 
+            for (var z = 0; z < el.length; z++) {
 
+              // _chaptersJson.tool[i][z] = [];
 
+              _chaptersJson.tool[i].array[z] = { array: [], name: el[z].task };
 
+              _chaptersJson.chapter[i][z] = [];
 
+              _chaptersJson.work[i].chapter[z] = {
 
+                name: el[z].task,
 
+                task: [],
 
+                isWork: false,
 
+              };
 
+              if (d.length > 0) {
 
+                _chaptersJson.work[i].chapter[z].isWork = true;
 
+              }
 
+              _chaptersJson.work[i].is = false;
 
+              let tools = el[z].toolChoose;
 
+              for (var k = 0; k < tools.length; k++) {
 
+                _chaptersJson.work[i].chapter[z].task[k] = {
 
+                  tool: tools[k].tool[0],
 
+                  works: [],
 
+                  likeCount: 0,
 
+                  commentCount: 0,
 
+                  score: 0,
 
+                  isScore: 0,
 
+                };
 
+                for (var j = 0; j < _works.length; j++) {
 
+                  if (
 
+                    i == _works[j].stage &&
 
+                    z == _works[j].task &&
 
+                    k == _works[j].tool
 
+                  ) {
 
+                    _chaptersJson.work[i].chapter[z].task[k].works.push(
 
+                      _works[j]
 
+                    );
 
+                    if (_works[j].score) {
 
+                      _chaptersJson.work[i].chapter[z].task[k].score +=
 
+                        JSON.parse(_works[j].score).wScore;
 
+                      _chaptersJson.work[i].chapter[z].task[k].isScore++;
 
+                    }
 
+                  }
 
+                }
 
+                for (var j = 0; j < _comment.length; j++) {
 
+                  if (
 
+                    i == _comment[j].stage &&
 
+                    z == _comment[j].task &&
 
+                    k == _comment[j].tool
 
+                  ) {
 
+                    if (_comment[j].cType == 1) {
 
+                      _chaptersJson.work[i].chapter[z].task[k].likeCount++;
 
+                    }
 
+
 
+                    if (_comment[j].cType == 2) {
 
+                      _chaptersJson.work[i].chapter[z].task[k].commentCount++;
 
+                    }
 
+                  }
 
+                }
 
+                // if (_chaptersJson.chapter[i][z].indexOf(tools[k].tool[0]) == -1) {
 
+                //   _chaptersJson.tool[i][z].push(tools[k].tool[0])
 
+                // }
 
+                _chaptersJson.chapter[i][z][k] = { tool: tools[k].tool[0] };
 
+                // _chaptersJson.tool[i][z][k] = { tool: tools[k].tool[0] };
 
+                _chaptersJson.tool[i].array[z].array[k] = {
 
+                  tool: tools[k].tool[0],
 
+                };
 
+              }
 
+            }
 
+          }
 
+          _chaptersJson.state.learing =
 
+            _chaptersJson.state.stage - _chaptersJson.state.finish;
 
+          this.chaptersJson = _chaptersJson;
 
+          // debugger
 
+        })
 
+        .catch((err) => {
 
+          loading.close();
 
+          console.error(err);
 
+        });
 
+    },
 
+    getUser() {
 
+      let params = { uid: this.userid };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getUser", params)
 
+        .then((res) => {
 
+          this.userinfo = res.data[0][0];
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    // getSName() {
 
+    // 	let params = {
 
+    // 		uid: JSON.stringify(this.courseDetail.course_student),
 
+    // 	};
 
+    // 	this.ajax
 
+    // 		.get(this.$store.state.api + "selectSName", params)
 
+    // 		.then((res) => {
 
+    // 			this.aStudentName = res.data[0];
 
+    // 		})
 
+    // 		.catch((err) => {
 
+    // 			console.error(err);
 
+    // 		});
 
+    // },
 
+    async getInviteCode(cid) {
 
+      let code = this.randomNumber();
 
+      // let params = {
 
+      //   code: code,
 
+      //   oid: this.oid,
 
+      // }
 
+      // let type = 1
 
+      // for (var i = 0; i < this.inviteCode.length; i++) {
 
+      //   if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
 
+      //     type = 2
 
+      //   }
 
+      // }
 
+      // if (type == 2) {
 
+      //   this.getInviteCode(cid)
 
+      //   return;
 
+      // }
 
+      // const res = await this.ajax.get(this.$store.state.api + "selectInviteCode2", params)
 
+      // if (res.data.length && res.data[0].length && res.data[0][0].courseId != this.cid) {
 
+      //   this.getInviteCode(cid)
 
+      //   return;
 
+      // }
 
+
 
+      let array = []
 
+      for (var i = 0; i < this.inviteCode.length; i++) {
 
+        array.push(this.inviteCode[i].cid);
 
+      }
 
+      if (array.indexOf(cid) != -1) {
 
+        this.inviteCode[array.indexOf(cid)].ic = code
 
+      } else {
 
+        this.inviteCode.push({ cid: cid, ic: code })
 
+      }
 
+
 
+    },
 
+    randomNumber() {
 
+      // 随机生成两位数
 
+      // let num = Math.floor(Math.random() * 900) + 100;
 
+      // 生成 0 到 99 之间的随机整数
 
+      const randomNumber = Math.floor(Math.random() * 100);
 
+
 
+      // 如果随机数小于 10，补上前导零
 
+      const num = randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();
 
+
 
+      // 随机生成两个大写字母
 
+      let letters = '';
 
+      let chars2 = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
 
+      for (let i = 0; i < 3; i++) {
 
+        letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
 
+      }
 
+
 
+      // 随机生成两位数字和字母的组合
 
+      let mix = '';
 
+      let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
 
+      for (let i = 0; i < 3; i++) {
 
+        let char = chars.charAt(Math.floor(Math.random() * chars.length));
 
+        mix += char;
 
+      }
 
+
 
+      // 随机选择一种类型
 
+      let type = Math.floor(Math.random() * 3);
 
+
 
+
 
+      return num;
 
+      // 根据类型输出结果
 
+      switch (type) {
 
+        case 0:
 
+          console.log(num); // 输出两位数
 
+          return num;
 
+        case 1:
 
+          console.log(letters); // 输出两个大写字母
 
+          return letters;
 
+        case 2:
 
+          console.log(mix); // 输出两位数字和字母的组合
 
+          return mix;
 
+      }
 
+    }
 
+  },
 
+  created() {
 
+    // if(this.tType == 1 || this.tType == 4){
 
+    //   this.getCourseDetail2();
 
+    // }else{
 
+    //   this.getCourseDetail1();
 
+    // }
 
+    this.getCourseDetail1();
 
+    this.getUser();
 
+    document.scrollingElement.scrollTop = 0;
 
+    // this.getSName();
 
+  },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+@media screen and (max-width: 1024px) {
 
+  /* .Tname {
 
+    width: 500px;
 
+    white-space: nowrap;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+  } */
 
+}
 
+
 
+.body_student {
 
+  margin: 10px auto;
 
+  width: 98%;
 
+  height: 100%;
 
+}
 
+
 
+.student_head {
 
+  width: 100%;
 
+  background: #fff;
 
+  height: 30%;
 
+  position: relative;
 
+}
 
+
 
+.wheel {
 
+  width: 250px;
 
+  max-height: 146px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.man {
 
+  width: 16px;
 
+  height: 16px;
 
+}
 
+
 
+.wheel>img,
 
+.man>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.box_course {
 
+  display: flex;
 
+  padding: 25px 0 20px 60px;
 
+}
 
+
 
+.right_box {
 
+  display: flex;
 
+  flex-direction: column;
 
+  margin-left: 30px;
 
+  align-items: flex-start;
 
+  width: calc(100% - 350px);
 
+}
 
+
 
+.right_box_title {
 
+  font-size: 23px;
 
+  max-width: calc(100% - 190px);
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.people {
 
+  display: flex;
 
+  margin-top: 20px;
 
+}
 
+
 
+.person {
 
+  margin-left: 10px;
 
+  /* line-height: 18px; */
 
+}
 
+.btnBox{
 
+  display: flex;
 
+}
 
+
 
+.now_study {
 
+  width: 150px;
 
+  height: 35px;
 
+  color: #fff;
 
+  background: #4a9eed;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 5px;
 
+  font-size: 13px;
 
+  cursor: pointer;
 
+  margin-top: 30px;
 
+}
 
+.now_study + .now_study{
 
+  margin-left: 10px;
 
+}
 
+.choose_who {
 
+  display: flex;
 
+  margin: 15px 0 0 25px;
 
+}
 
+
 
+.who_choose {
 
+  height: 28px;
 
+  cursor: pointer;
 
+}
 
+
 
+.choose_who>div:nth-child(2) {
 
+  margin-left: 35px;
 
+}
 
+
 
+.choose {
 
+  border-bottom: 5px solid #4a9eed;
 
+  color: #4a9eed;
 
+}
 
+
 
+.student_body {
 
+  display: flex;
 
+}
 
+
 
+.student_body,
 
+.right {
 
+  width: 100%;
 
+  margin: 10px auto;
 
+  min-height: 688px;
 
+}
 
+
 
+.nav {
 
+  margin: auto 25px;
 
+  width: 80%;
 
+  padding-top: 5px;
 
+  text-indent: 25px;
 
+}
 
+
 
+.pic {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  height: 100%;
 
+  justify-content: space-evenly;
 
+}
 
+
 
+.Img {
 
+  /*width: 30%; */
 
+  width: 300px;
 
+  margin: 20px 50px;
 
+  margin: 20px 10px;
 
+  border: 1px solid #dbdbdb;
 
+  border-radius: 5px;
 
+  overflow: hidden;
 
+}
 
+
 
+.Img>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.student_body_one,
 
+.right_one {
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  background: #fff;
 
+  margin-top: 10px;
 
+  min-height: 688px;
 
+}
 
+
 
+.student {
 
+  width: 85%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  margin: auto 10px;
 
+}
 
+
 
+.student>div {
 
+  width: 12%;
 
+  height: 35px;
 
+  background: #e3759a;
 
+  text-align: center;
 
+  border: 1px solid #e3759a;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  line-height: 35px;
 
+  margin: 10px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog {
 
+  border-radius: 5px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__header {
 
+  background: #303030;
 
+  height: 36px;
 
+  line-height: 36px;
 
+  padding-left: 10px;
 
+  padding: 0px 10px 0px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__headerbtn {
 
+  top: 10px !important;
 
+  right: 10px !important;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__title {
 
+  color: #fff;
 
+  font-size: 14px;
 
+  line-height: 5px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__body {
 
+  background: #f5f5f5;
 
+}
 
+
 
+.blue_box {
 
+  align-items: center;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+
 
+.blue_box,
 
+.blue_box_one {
 
+  width: 30%;
 
+  height: 100px;
 
+  text-align: center;
 
+  color: #fff;
 
+  background-image: linear-gradient(90deg, #477cd7, #65b9fc);
 
+  border-radius: 15px;
 
+  margin: 15px 0 15px 15px;
 
+  cursor: pointer;
 
+}
 
+
 
+.blue_box_one {
 
+  width: 200px;
 
+  height: 200px;
 
+  background-image: linear-gradient(90deg, #477cd7, #65b9fc);
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.blue_box_one>div {
 
+  margin: 5px 0;
 
+}
 
+
 
+.blue_box_one>div:nth-child(1) {
 
+  font-size: 20px;
 
+  font-weight: bold;
 
+}
 
+
 
+.blue_box>div:nth-child(2) {
 
+  margin-top: 10px;
 
+}
 
+
 
+.blue_box_one>div:nth-child(2) {
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  word-break: break-all;
 
+  width: 100%;
 
+  text-align: center;
 
+  max-width: calc(100% - 85px);
 
+  margin: 0 auto;
 
+}
 
+
 
+.return {
 
+  background: #205cc6;
 
+  width: 70px;
 
+  height: 30px;
 
+  color: #fff;
 
+  text-align: center;
 
+  line-height: 32px;
 
+  margin-right: 20px;
 
+  cursor: pointer;
 
+  border-radius: 5px;
 
+  position: absolute;
 
+  right: 0;
 
+  top: 24px;
 
+  font-size: 14px;
 
+}
 
+
 
+.return>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.cType {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-top: 20px;
 
+}
 
+
 
+.cType>div>span {
 
+  font-size: 18px;
 
+}
 
+
 
+.type_children+.type_children {
 
+  margin-left: 10px;
 
+}
 
+
 
+.all_choose {
 
+  margin-right: 10px;
 
+  max-width: 250px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.rightT {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  width: calc(100% - 20px);
 
+}
 
+
 
+.jd {
 
+  background: #4a9eed;
 
+  margin-left: 15px;
 
+  border-radius: 10px;
 
+  color: #fff;
 
+  width: 70px;
 
+  height: 25px;
 
+  text-align: center;
 
+  line-height: 25px;
 
+}
 
+
 
+.sLeft {
 
+  width: 14%;
 
+  margin-right: 10px;
 
+  background: rgb(255, 255, 255);
 
+  padding: 20px 15px 0 15px;
 
+  box-sizing: border-box;
 
+  border-radius: 10px;
 
+}
 
+
 
+.courseT {
 
+  border-left: 3px solid #2e66c9;
 
+  padding-left: 5px;
 
+  color: #2e66c9;
 
+  font-weight: bold;
 
+}
 
+
 
+.courseTd {
 
+  padding-top: 15px;
 
+  height: 700px;
 
+  overflow: auto;
 
+  word-break: break-word;
 
+}
 
+
 
+.courseTd::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.courseTd::-webkit-scrollbar {
 
+  border-radius: 10px;
 
+  background-color: #eee;
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.courseTd::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+.rightTd,
 
+.noBRight {
 
+  width: calc(100% - 14% - 10px);
 
+  background: #fff;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-content: flex-start;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+}
 
+
 
+.noBRight {
 
+  width: 100%;
 
+}
 
+
 
+.Tname {
 
+  margin-left: 40px;
 
+  word-break: break-all;
 
+  width: auto;
 
+  /* overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis; */
 
+}
 
+
 
+/* .TnameC{
 
+  width:auto;
 
+  overflow: unset;
 
+  white-space: unset;
 
+  text-overflow: unset;
 
+} */
 
+
 
+.Tname>span {
 
+  cursor: pointer;
 
+  color: #1463eb;
 
+  margin-left: 10px;
 
+}
 
+
 
+.detail {
 
+  width: 100%;
 
+  padding: 15px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.statebox {
 
+  display: flex;
 
+  align-items: center;
 
+  box-sizing: border-box;
 
+  margin-left: 30px;
 
+}
 
+
 
+.statebox div {
 
+  padding: 10px 20px;
 
+  border-radius: 5px;
 
+  background: #fff;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.statebox div+div {
 
+  margin-left: 20px;
 
+}
 
+
 
+.statebox div span {
 
+  font-size: 16px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.statebox div span+span {
 
+  margin-left: 10px;
 
+  color: #1463eb;
 
+}
 
+
 
+.p_tool_box {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  background: rgb(217, 227, 239);
 
+  /* color: #fff; */
 
+  padding: 0 15px 10px;
 
+  align-items: center;
 
+  justify-content: space-evenly;
 
+  border-radius: 5px;
 
+  height: 200px;
 
+  overflow: auto;
 
+  max-width: 150px;
 
+}
 
+
 
+.p_tool {
 
+  display: flex;
 
+  margin-top: 10px;
 
+}
 
+
 
+.p_tool>div {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  min-width: 60px;
 
+}
 
+
 
+.p_tool>div img {
 
+  width: 50px;
 
+  height: 50px;
 
+}
 
+
 
+.p_tool>div>div {
 
+  margin-top: 5px;
 
+  font-size: 12px;
 
+}
 
+
 
+.p_tool_box2 {
 
+  padding: 10px 15px;
 
+}
 
+
 
+.p_tool2 {
 
+  margin-right: 20px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+  /* margin-bottom: 10px; */
 
+}
 
+
 
+.p_tool2>div:nth-child(1) {
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.toolBigBox {
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.toolSta {
 
+  display: flex;
 
+  margin: 20px 0 0;
 
+}
 
+
 
+.toolSta>div {
 
+  display: flex;
 
+}
 
+
 
+.toolSta>div+div {
 
+  margin-left: 50px;
 
+}
 
+
 
+.toolSta>div>div:nth-child(1) {
 
+  margin: 10px 10px 0 0;
 
+}
 
+
 
+.blueBtn {
 
+  background: rgb(79, 140, 223);
 
+  color: #fff;
 
+  display: flex;
 
+  padding: 10px 15px;
 
+  /* min-width: 150px; */
 
+  min-width: 165px;
 
+  font-size: 16px;
 
+  align-items: center;
 
+  border-radius: 5px;
 
+}
 
+
 
+.toolSta>div>div:nth-child(2)>div+div {
 
+  margin-top: 10px;
 
+}
 
+
 
+.toolSta>div>div:nth-child(2)>div>div+div {
 
+  margin: 0 20px;
 
+}
 
+
 
+.p_tool2 .toolbox {
 
+  display: flex;
 
+  align-items: center;
 
+  margin-top: 10px;
 
+}
 
+
 
+.p_tool2 .toolbox>div {
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+}
 
+
 
+.checkBox {
 
+  display: flex;
 
+  padding: 20px 0 0 20px;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+}
 
+
 
+.checkBox span {
 
+  padding: 0 10px 5px;
 
+  cursor: pointer;
 
+  font-size: 18px;
 
+}
 
+
 
+.checkBox span+span {
 
+  margin-left: 20px;
 
+}
 
+
 
+.checkBox .active {
 
+  border-bottom: 2px solid rgb(75, 151, 229);
 
+  cursor: pointer;
 
+}
 
+
 
+.detail_box {
 
+  background-color: rgb(231, 240, 247);
 
+  padding: 15px 20px;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+}
 
+
 
+.detail_box+.detail_box {
 
+  margin-top: 20px;
 
+}
 
+
 
+.detail_box .title {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.detail_box .title>span:nth-child(1) {
 
+  font-size: 20px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.detail_box .box {
 
+  margin-top: 20px;
 
+  background-color: #fff;
 
+  padding: 15px 20px;
 
+  border-radius: 5px;
 
+  /* width: 100%; */
 
+  box-sizing: border-box;
 
+  overflow: auto;
 
+}
 
+
 
+.progress {
 
+  display: -webkit-box;
 
+  display: -ms-flexbox;
 
+  width: 100%;
 
+  overflow: auto;
 
+  padding: 15px 0;
 
+}
 
+
 
+.chapter {
 
+  margin-right: 30px;
 
+  min-width: 180px;
 
+}
 
+
 
+.chapter+.chapter {
 
+  padding-left: 10px;
 
+  border-left: 1px solid rgb(220, 220, 220);
 
+}
 
+
 
+.chapter .stage {
 
+  width: 100%;
 
+  color: #fff;
 
+  background: linear-gradient(90deg, #477cd7, #65b9fc);
 
+  border-radius: 5px;
 
+  height: 50px;
 
+  line-height: 50px;
 
+  font-size: 18px;
 
+  text-align: center;
 
+  min-width: 180px;
 
+}
 
+
 
+.chapter .task {
 
+  display: flex;
 
+  width: 100%;
 
+  min-width: 180px;
 
+}
 
+
 
+.chapter .task .taskBox {
 
+  min-width: 180px;
 
+  height: 100%;
 
+}
 
+
 
+.chapter .task .taskBox+.taskBox {
 
+  margin-left: 10px;
 
+}
 
+
 
+.chapter .task .taskBox .taskName {
 
+  text-align: center;
 
+  margin: 10px 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  min-width: 180px;
 
+  width: 100%;
 
+}
 
+
 
+.toolIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/toolion.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.toolIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/toolion.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.taskIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/task.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.finishIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/finish.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.learningIcon::before {
 
+  content: "";
 
+  width: 22px;
 
+  height: 22px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/learning.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.frequencyIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/frequency.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.timeIcon::before {
 
+  content: "";
 
+  width: 26px;
 
+  height: 26px;
 
+  display: inline-block;
 
+  background-image: url(../../assets/icon/time.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.chapter_time_box {
 
+  border-left: 5px solid #f0f0f0;
 
+  padding: 0 30px;
 
+  box-sizing: border-box;
 
+  margin-top: 35px;
 
+}
 
+
 
+.c_box {
 
+  padding-top: 40px;
 
+  position: relative;
 
+  margin-top: 45px;
 
+}
 
+
 
+.c_box .stage_box {
 
+  display: flex;
 
+  align-items: center;
 
+  position: absolute;
 
+  top: -20px;
 
+  left: -45px;
 
+}
 
+
 
+.c_box .stage_box .yuan {
 
+  width: 25px;
 
+  height: 25px;
 
+  background: rgb(244, 244, 244);
 
+  border-radius: 25px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-right: 10px;
 
+}
 
+
 
+.c_box .stage_box .yuan::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  background: rgb(59, 149, 238);
 
+  border-radius: 25px;
 
+}
 
+
 
+.c_box .stage_box .stage {
 
+  background: linear-gradient(90deg, #477cd7, #65b9fc);
 
+  border-radius: 5px;
 
+  height: 50px;
 
+  line-height: 50px;
 
+  font-size: 18px;
 
+  color: #fff;
 
+  width: fit-content;
 
+  padding: 0 20px;
 
+}
 
+
 
+.s_up {
 
+  cursor: pointer;
 
+  transition: all 0.5s;
 
+}
 
+
 
+.s_up img {
 
+  width: 35px;
 
+}
 
+
 
+.s_up2 {
 
+  transform: rotate(90deg);
 
+}
 
+
 
+.lineBox {
 
+  width: 5px;
 
+  height: 20px;
 
+  background-image: linear-gradient(180deg, #3c65ba, #a1c6ec);
 
+  margin-right: 5px;
 
+}
 
+
 
+.disCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.disCss>div {
 
+  margin: 10px 10px 0 0;
 
+}
 
+
 
+.titleCss {
 
+  text-align: center;
 
+  max-width: 100px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  word-break: break-word;
 
+  margin-left: 10px;
 
+}
 
+
 
+.navIndex {
 
+  border-bottom: 1px solid #d7d7d7;
 
+  padding-bottom: 5px;
 
+  background: #96d1ff;
 
+  width: 55px;
 
+  min-width: 55px;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  text-align: center;
 
+  height: 20px;
 
+  line-height: 26px;
 
+  font-size: 14px;
 
+}
 
+
 
+.stageCss {
 
+  cursor: pointer;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+</style>

+ 13380 - 0
src/components/noTerminal/studyStudent.vue
View File 

@@ -0,0 +1,13380 @@
 
+<template>
 
+  <div class="pb_content" style="overflow: unset">
 
+    <div class="pb_content_body" style="display: flex; height: 900px; position: relative">
 
+      <div class="pButton" style="
 
+                                          left: 0;
 
+                                          background-image: linear-gradient(90deg, #477cd7, #65b9fc);
 
+                                        " v-if="mlDialog == false" @click="setContent2(true)">
 
+        <!-- 批 , getCourseDetail()-->
 
+        <img src="../../assets/mlBtn.png" style="width: 25px" alt="" />
 
+      </div>
 
+      <div class="pb_left" v-else>
 
+        <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
 
+        <div class="courseTitle">
 
+          <div style="width:calc(100% - 25px)">
 
+            <el-tooltip effect="light" :content="courseDetail.title" placement="top">
 
+              <div class="ctitle">{{ courseDetail.title }}</div>
 
+            </el-tooltip>
 
+            <!-- <div class="inviteBox" v-if="tcid && inviteCode">
 
+              <div><span>随机码：{{ inviteCode }}</span></div>
 
+            </div> -->
 
+          </div>
 
+          <el-tooltip effect="light" content="收缩" placement="top">
 
+            <div class="mlImg" @click="setContent2(false)">
 
+              <img src="../../assets/mlBtn.png" alt="" />
 
+            </div>
 
+          </el-tooltip>
 
+        </div>
 
+
 
+        <div class="ml">目录</div>
 
+        <div class="cru_selectBox">
 
+          <div v-for="(item, stageIndex) in navList" :key="stageIndex">
 
+            <div class="blue_box_one" @click="get(stageIndex)">
 
+              <div>第{{ stageIndex + 1 }}阶段</div>
 
+              <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="navTask" @click="openTask(stageIndex, navIndex, nav.id)" :class="{
 
+                  openTaskActive:
 
+                    navIndex == taskCount &&
 
+                    nav.id == navId &&
 
+                    stageIndex == courseType,
 
+                }">
 
+                  <div class="vedioNav" :class="{
 
+                    isClick:
 
+                      navIndex == taskCount &&
 
+                      nav.id == navId &&
 
+                      stageIndex == courseType,
 
+                  }" style="margin: 0">
 
+                    任务{{ navIndex + 1 }}
 
+                  </div>
 
+                  <el-tooltip class="navTaskname item" effect="light" :content="nav.taskName" placement="top">
 
+                    <div :style="{
 
+                      width:
 
+                        IsLookOpen && !nav.isLook
 
+                          ? 'calc(100% - 75px)'
 
+                          : 'auto',
 
+                    }">
 
+                      {{ nav.taskName }}
 
+                    </div>
 
+                  </el-tooltip>
 
+                  <img src="../../assets/lock.png" v-if="IsLookOpen && !nav.isLook" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="body_student" :class="{ navLeftCss: !mlDialog }">
 
+        <div class="new_top" style="
 
+                                            position: fixed;
 
+                                            top: 0;
 
+                                            left: 20.7%;
 
+                                            width: 80%;
 
+                                            z-index: 999;
 
+                                            box-shadow: 0px 9px 0 0 #f2f2f2;
 
+                                          " :class="{ navLeftCss: !mlDialog }">
 
+          <div class="courseIndex">
 
+            <div>第{{ courseType - 0 + 1 }}阶段</div>
 
+            <el-tooltip effect="light" :content="chapInfoList[courseType].dyName" placement="top">
 
+              <div>{{ chapInfoList[courseType].dyName }}</div>
 
+            </el-tooltip>
 
+            <div>任务{{ taskCount + 1 }}</div>
 
+          </div>
 
+          <div class="btnAll">
 
+            <div class="returnBtn" @click="nextOrpreSteps(0)">上一步</div>
 
+            <div class="returnBtn" @click="nextOrpreSteps(1)">下一步</div>
 
+            <div class="returnBtn" @click="allScrell">全屏</div>
 
+            <!-- <div class="returnBtn" @click="startRecording" v-if="!videoStart && (tType == 1 || tType == 4)">
 
+              开始录制
 
+            </div>
 
+            <div class="returnBtn" @click="stopRecording" v-else-if="tType == 1 || tType == 4"
 
+              style="background: #ee5255">
 
+              下载录制
 
+            </div>
 
+            <div class="returnBtn" @click="juriVisible = true" v-if="tType == 1">
 
+              权限
 
+            </div> -->
 
+            <div class="returnBtn" style="background: #225bc7" @click.stop="
 
+              goTo(
 
+                '/courseDetailNT?userid=' +
 
+                userid +
 
+                '&oid=' +
 
+                oid +
 
+                '&org=' +
 
+                org +
 
+                '&cid=' +
 
+                classId +
 
+                '&courseId=' +
 
+                id +
 
+                '&tType=' +
 
+                tType +
 
+                '&screenType=' +
 
+                screenType
 
+              )
 
+            ">
 
+              返回
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
 
+            .taskJson"
 
+        :key="index"-->
 
+        <div class="isNoMessage" v-if="
 
+          chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+            .chapterData.length == 0 &&
 
+          chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+            .toolChoose[0].tool.length == 0 &&
 
+          chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
 
+          chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+            .taskDetail == '' &&
 
+          !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
 
+        ">
 
+          <img src="../../assets/icon/isNoMessage.png" alt />
 
+        </div>
 
+        <div class="study_top" :class="{ pzClass: pzDialog }">
 
+          <div class="vedioBox" v-if="
 
+            vedio[taskCount].length > 0 ||
 
+            chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+              .taskDetail != '' ||
 
+            chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+              .chapterData.length > 0
 
+          ">
 
+            <div class="checkbox">
 
+              <div class="check" style="font-size: 25px" :id="
 
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
 
+              ">
 
+                学一学
 
+              </div>
 
+            </div>
 
+            <div class="student_head" v-if="
 
+              vedio[taskCount].length > 0 ||
 
+              textList[taskCount].length > 0 ||
 
+              lineList[taskCount].length > 0 ||
 
+              file[taskCount].length > 0 ||
 
+              fileC[taskCount].length > 0 ||
 
+              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
 
+                .taskDetail != ''
 
+            ">
 
+              <div class="taskBox">
 
+                <div style="
 
+                                                    display: flex;
 
+                                                    flex-wrap: nowrap;
 
+                                                    flex-direction: column;
 
+                                                    position: relative;
 
+                                                  ">
 
+                  <div style="padding: 15px 0 15px 20px; line-height: 25px" class="cont" v-if="
 
+                    chapInfoList[courseType].chapterInfo[0].taskJson[
 
+                      taskCount
 
+                    ].taskDetail != ''
 
+                  " v-html="
 
+  chapInfoList[courseType].chapterInfo[0].taskJson[
 
+    taskCount
 
+  ].taskDetail
 
+    ? chapInfoList[courseType].chapterInfo[0].taskJson[
 
+      taskCount
 
+    ].taskDetail
 
+    : '暂无描述'
 
+"></div>
 
+                </div>
 
+              </div>
 
+              <div class="vedioTaskBox">
 
+                <div :class="
 
+                  contentDialog == false
 
+                    ? 'box_course isContentCss'
 
+                    : 'box_course'
 
+                " v-if="
 
+  vedio[taskCount].length > 0 ||
 
+  textList[taskCount].length > 0 ||
 
+  lineList[taskCount].length > 0 ||
 
+  file[taskCount].length > 0
 
+">
 
+                  <div class="wheel" style="height: auto;" v-if="
 
+                    vedio.length &&
 
+                    vedio[taskCount] &&
 
+                    vedio[taskCount].length > 0 &&
 
+                    showType == 0
 
+                  ">
 
+                    <div class="workd_media" style="height: 650px; width: calc(100% - 50px)">
 
+                      <video-player class="video-player vjs-custom-skin"
 
+                        :class="contentDialog == false ? 'isAllWidth' : ''" :playsinline="true"
 
+                        :options="playerO[taskCount]" @play="onPlayerPlay($event)"
 
+                        style="width: 100%; height: 100%; margin: 0 0 0 30px"></video-player>
 
+                    </div>
 
+                  </div>
 
+                  <div class="wheel" v-if="showType == 1" style="
 
+                                                      box-shadow: 0 0 6px 1px #f2f2f2;
 
+                                                      width: 95%;
 
+                                                      margin: 0 auto;
 
+                                                      background: #f1f1f1;
 
+                                                    ">
 
+                    <div class="title">查看文档</div>
 
+                    <el-form class="textBox">
 
+                      <el-form-item class="textTitle">
 
+                        <div style="font-size: 22px">
 
+                          {{ text.name }}
 
+                        </div>
 
+                      </el-form-item>
 
+                      <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
 
+                      <div v-html="text.url" class="textContent cont"></div>
 
+                    </el-form>
 
+                  </div>
 
+                  <div class="wheel" v-if="showType == 2" style="width: 95%; margin: 0 auto">
 
+                    <iframe style="width: 100%; height: 100%; border: none" security="restricted"
 
+                      sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
 
+                      :src="pptImgUrl1"></iframe>
 
+                  </div>
 
+                  <div class="wheel" v-if="showType == 3" style="width: 95%; margin: 0 auto">
 
+                    <pdf :pdfUrl="pptImgUrl1" style="width: 100%; height: 100%; overflow: auto"></pdf>
 
+                  </div>
 
+                  <div class="wheel" v-if="showType == 4" style="width: 95%; margin: 0 auto">
 
+                    <el-image :src="pptImgUrl1" fit="cover" style="width: 100%"></el-image>
 
+                  </div>
 
+                </div>
 
+                <div class="pButton" style="
 
+                                                    position: absolute;
 
+                                                    right: 20px;
 
+                                                    top: 0;
 
+                                                    background: #205cc6;
 
+                                                    z-index: 998;
 
+                                                    opacity: .8;
 
+                                                  " v-if="!contentDialog" @click="setContent(true)">
 
+                  <!-- 批 -->
 
+                  <img src="../../assets/navBtn2.png" style="width: 25px" alt="" />
 
+                </div>
 
+                <div v-if="contentDialog == true" :style="{
 
+                  width: (!vedio[taskCount].length > 0 &&
 
+                    !textList[taskCount].length > 0 &&
 
+                    !lineList[taskCount].length > 0 &&
 
+                    !file[taskCount].length > 0 && fileC[taskCount].length) ? 'calc(100%)' : 'calc(100% - 83%)', margin: (!vedio[taskCount].length > 0 &&
 
+                      !textList[taskCount].length > 0 &&
 
+                      !lineList[taskCount].length > 0 &&
 
+                      !file[taskCount].length > 0 && fileC[taskCount].length) ? '0 15px' : '0 15px 0 0'
 
+                }">
 
+                  <div class="vedioList" v-if="
 
+                    (vedio.length &&
 
+                      vedio[taskCount] &&
 
+                      vedio[taskCount].length > 0) ||
 
+                    (textList.length &&
 
+                      textList[taskCount] &&
 
+                      textList[taskCount].length > 0) ||
 
+                    (lineList.length &&
 
+                      lineList[taskCount] &&
 
+                      lineList[taskCount].length > 0) ||
 
+                    (file.length &&
 
+                      file[taskCount] &&
 
+                      file[taskCount].length > 0) ||
 
+                    (fileC.length &&
 
+                      fileC[taskCount] &&
 
+                      fileC[taskCount].length > 0)
 
+                  " style="height: 650px">
 
+                    <div class="navCorOpenBox">
 
+                      <div class="navTitile">内容列表：</div>
 
+                      <div class="navCorOpen" @click="setContent(false)">
 
+                        <img src="../../assets/navBtn2.png" alt="" />
 
+                      </div>
 
+                    </div>
 
+                    <div class="navBox">
 
+                      <div v-show="
 
+                        vedio.length &&
 
+                        vedio[taskCount] &&
 
+                        vedio[taskCount].length > 0
 
+                      ">
 
+                        <div class="vedioTimeBox" v-for="(media, vedioIndex) in vedio[taskCount]" :key="vedioIndex + '1'"
 
+                          @click="lookVedio(media.url, vedioIndex)">
 
+                          <div class="vedioName" :class="
 
+                            isClickNav == 'video' + vedioIndex
 
+                              ? 'isClickNav'
 
+                              : ''
 
+                          ">
 
+                            <span v-if="media.text">{{ media.text }}-</span>{{ media.name }}
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div v-show="
 
+                        textList.length &&
 
+                        textList[taskCount] &&
 
+                        textList[taskCount].length > 0
 
+                      " class="newNav" v-for="(text, textIndex) in textList[taskCount]" :key="textIndex + '2'"
 
+                        @click="lookText(taskCount, textIndex)">
 
+                        <div style="width: calc(100% - 0px)">
 
+                          <div class="navText" :class="
 
+                            isClickNav == 'text' + textIndex
 
+                              ? 'isClickNav'
 
+                              : ''
 
+                          ">
 
+                            {{
 
+                              textList[taskCount].length > 0 ? text.name : ""
 
+                            }}.doc
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div v-show="
 
+                        lineList.length &&
 
+                        lineList[taskCount] &&
 
+                        lineList[taskCount].length > 0
 
+                      " class="newNav" v-for="(lines, lineIndex) in lineList[taskCount]" :key="lineIndex + '4'"
 
+                        @click="doUrl(lines.url, lineIndex)">
 
+                        <div style="width: calc(100% - 0px)">
 
+                          <div class="navText" :class="
 
+                            isClickNav == 'line' + lineIndex
 
+                              ? 'isClickNav'
 
+                              : ''
 
+                          ">
 
+                            {{ lines.title ? lines.title : lines.url }}
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="newNav" v-show="
 
+                        file.length &&
 
+                        file[taskCount] &&
 
+                        file[taskCount].length > 0
 
+                      " v-for="(f, fileIndex) in file[taskCount]" :key="fileIndex" @click="downFile(f, fileIndex)">
 
+                        <div style="width: calc(100% - 0px)">
 
+                          <div class="navText" :class="
 
+                            isClickNav == 'word' + fileIndex
 
+                              ? 'isClickNav'
 
+                              : ''
 
+                          ">
 
+                            <span v-if="f.text">{{ f.text }}-</span>{{ f.name }}
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="newNav" v-show="
 
+                        fileC.length &&
 
+                        fileC[taskCount] &&
 
+                        fileC[taskCount].length > 0
 
+                      " v-for="(f, fileIndex) in fileC[taskCount]" :key="fileIndex" @click="downloadFile2(f)">
 
+                        <div style="width: calc(100% - 0px)">
 
+                          <div class="navText">
 
+                            <span v-if="f.text">{{ f.text }}-</span>{{ f.name }}
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div style="width: 81%">
 
+                <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 2 || showType == 3">
 
+                  <el-button type="primary" @click="checkFileFull(showType, pptImgUrl1)">全屏查看</el-button>
 
+                  <el-button type="primary" @click="downloadFile(pptImgUrl1)"
 
+                    v-if="isClickNav.indexOf('line') == -1">文件下载</el-button>
 
+                  <el-button v-if="isClickNav.indexOf('line') != -1" type="primary" @click="openLine(pptImgUrl1)">打开链接
 
+                  </el-button>
 
+                </div>
 
+                <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 1">
 
+                  <el-button type="primary" @click="checkFileFull(showType, text)">全屏查看</el-button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+
 
+          <div class="student_body" v-resize="resize">
 
+            <div class="vedioBox" 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
 
+            ">
 
+              <div class="queTop" style="
 
+                                                  font-size: 25px;
 
+                                                  padding: 15px 0 15px 30px;
 
+                                                  font-weight: bold;
 
+                                                ">
 
+                任务发布区
 
+              </div>
 
+              <div class="toolHeng2" style="position: relative">
 
+                <div class="filebox" style="flex-wrap: nowrap; margin: 0 20px"
 
+                  v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose.length">
 
+                  <div class="bzBox">
 
+                    <div></div>
 
+                    <div>步骤{{ toolIndex + 1 }}</div>
 
+                  </div>
 
+
 
+                  <div class="toolBox">
 
+                    <div class="toolBoxSteps" @click="nextToolindex('last')"><img src="../../assets/icon/leftIcon.png" />
 
+                    </div>
 
+                    <div class="toolBoxSteps" @click="nextToolindex('next')"><img src="../../assets/icon/rightIcon.png" />
 
+                    </div>
 
+                    <div>
 
+                      <div class="noiframeBox">
 
+                        <div class="addPoint" v-for="(tooC, toolCIndex) in tool.tool" :key="toolCIndex">
 
+                          <div v-if="tooC == 1">
 
+                            <img src="../../assets/icon/secondToolList/whiteBoard.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">电子白板</div>
 
+                          </div>
 
+                          <div v-if="tooC == 3">
 
+                            <img src="../../assets/icon/secondToolList/mindMapping.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">思维导图</div>
 
+                          </div>
 
+                          <div v-if="tooC == 6">
 
+                            <img src="../../assets/icon/secondToolList/doc.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">协同文档</div>
 
+                          </div>
 
+                          <div v-if="tooC == 7">
 
+                            <img src="../../assets/icon/secondToolList/mindNetwork.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">思维网格</div>
 
+                          </div>
 
+                          <div v-if="tooC == 8">
 
+                            <img src="../../assets/icon/secondToolList/library.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">素材库</div>
 
+                          </div>
 
+                          <div v-if="tooC == 17">
 
+                            <img src="../../assets/icon/secondToolList/library.png" alt
 
+                              @click="addTools(tooC, toolIndex, taskCount)" />
 
+                            <div style="margin: 5px 0">学习资料</div>
 
+                          </div>
 
+                          <div v-if="tooC == 2">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/note.png" alt />
 
+                            <div style="margin: 5px 0">便签</div>
 
+                          </div>
 
+                          <div v-if="tooC == 4">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/ask.png" alt />
 
+                            <div style="margin: 5px 0">问卷调查</div>
 
+                          </div>
 
+                          <div v-if="tooC == 45">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/choose.png" alt />
 
+                            <div style="margin: 5px 0">选择题</div>
 
+                          </div>
 
+                          <!-- <div v-if="tooC == 5">
 
+                            <img
 
+                              @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/score.png"
 
+                              alt
 
+                            />
 
+                            <div style="margin: 5px 0">量规评分</div>
 
+                          </div> -->
 
+                          <div v-if="tooC == 10">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/time.png" alt />
 
+                            <div style="margin: 5px 0">倒计时</div>
 
+                          </div>
 
+                          <div v-if="tooC == 15">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/answer.png" alt />
 
+                            <div style="margin: 5px 0">问答工具</div>
 
+                          </div>
 
+                          <div v-if="tooC == 26">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/courseDesign.png" alt />
 
+                            <div style="margin: 5px 0">课程设计</div>
 
+                          </div>
 
+                          <div v-if="tooC == 18">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/trainPlatform.png" alt />
 
+                            <div style="margin: 5px 0">训练服务器</div>
 
+                          </div>
 
+                          <div v-if="tooC == 16">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/work.png" alt />
 
+                            <div style="margin: 5px 0">作业提交</div>
 
+                          </div>
 
+                          <div v-if="tooC == 50">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/plwork.png" alt />
 
+                            <div style="margin: 5px 0">批量上传</div>
 
+                          </div>
 
+                          <div v-if="tooC == 21">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/program.png" alt />
 
+                            <div style="margin: 5px 0">编程平台</div>
 
+                          </div>
 
+                          <div v-if="tooC == 22">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/program.png" alt />
 
+                            <div style="margin: 5px 0">AI体验</div>
 
+                          </div>
 
+                          <div v-if="tooC == 23">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/program.png" alt />
 
+                            <div style="margin: 5px 0">Python</div>
 
+                          </div>
 
+                          <div v-if="tooC == 24">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/AIprogram.png" alt />
 
+                            <div style="margin: 5px 0">AI平台</div>
 
+                          </div>
 
+                          <div v-if="tooC == 25">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/evalua.png" alt />
 
+                            <div style="margin: 5px 0">目标管理</div>
 
+                          </div>
 
+                          <div v-if="tooC == 31">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                            <div style="margin: 5px 0">数学画板</div>
 
+                          </div>
 
+                          <div v-if="tooC == 28">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/translation.png" alt />
 
+                            <div style="margin: 5px 0">翻译</div>
 
+                          </div>
 
+                          <div v-if="tooC == 37">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/mohe.png" alt />
 
+                            <div style="margin: 5px 0">魔盒识字</div>
 
+                          </div>
 
+                          <div v-if="tooC == 38">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/24game.png" alt />
 
+                            <div style="margin: 5px 0">24点</div>
 
+                          </div>
 
+                          <div v-if="tooC == 39">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                            <div style="margin: 5px 0">GeoGebra</div>
 
+                          </div>
 
+                          <div v-if="tooC == 32">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/code.png" alt />
 
+                            <div style="margin: 5px 0">源码编辑</div>
 
+                            <!-- <div class="upload_toolBtn" @click="addImg($event)"
 
+                              style="position: absolute;left: 110px;bottom: 30px;">
 
+                              上传文件
 
+                              <input type="file" accept="*" style="display: none"
 
+                                @change="beforeUpload1($event, 7, toolIndex)" />
 
+                            </div> -->
 
+                          </div>
 
+                          <div v-if="tooC == 40">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/secondToolList/eval.png" alt />
 
+                            <div style="margin: 5px 0">个人评价</div>
 
+                          </div>
 
+                          <div v-if="tooC == 41">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/select.png" alt />
 
+                            <div style="margin: 5px 0">选择填空</div>
 
+                          </div>
 
+                          <div v-if="tooC == 44">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/thirdToolList/hanClass.png" alt />
 
+                            <div style="margin: 5px 0">汉字宫</div>
 
+                          </div>
 
+                          <div v-if="tooC == 47">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                            <div style="margin: 5px 0">连词成句</div>
 
+                          </div>
 
+                          <div v-if="tooC == 48">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/table.png" alt />
 
+                            <div style="margin: 5px 0">表格</div>
 
+                          </div>
 
+                          <div v-if="tooC == 52">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/text.png" alt />
 
+                            <div style="margin: 5px 0">文档</div>
 
+                          </div>
 
+                          <div v-if="tooC == 49">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/group.png" alt />
 
+                            <div style="margin: 5px 0">学生分组</div>
 
+                          </div>
 
+                          <div v-if="tooC == 57">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/cocopi.png" alt />
 
+                            <div style="margin: 5px 0">CocoPi</div>
 
+                          </div>
 
+                          <div v-if="tooC == 58">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/car.png" alt />
 
+                            <div style="margin: 5px 0">模拟驾驶</div>
 
+                          </div>
 
+                          <div v-if="tooC == 59">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/lineSearch.png" alt />
 
+                            <div style="margin: 5px 0">路径搜索</div>
 
+                          </div>
 
+                          <div v-if="tooC == 60">
 
+                            <img @click="addTools(tooC, toolIndex, taskCount)"
 
+                              src="../../assets/icon/fourthToolList/deepLearning.png" alt />
 
+                            <div style="margin: 5px 0">深度学习</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="tooldetail" v-if="tool.toolDetail != ''">
 
+                      <!-- <div class="toolTitle">工具描述</div> -->
 
+                      <div v-html="contentConvent(tool.toolDetail)"></div>
 
+                    </div>
 
+                    <el-button type="primary" v-if="tool.tool[0] == 32" style="
 
+                                                        position: absolute;
 
+                                                        right: 30px;
 
+                                                        transform: translateY(-130%);
 
+                                                      " @click="addImg($event)">上传作业<input type="file" accept="*"
 
+                        style="display: none" @change="beforeUpload1($event, 7, toolIndex)" /></el-button>
 
+                    <el-button type="primary" v-if="tool.tool[0] == 57" style="
 
+                                                        position: absolute;
 
+                                                        right: 30px;
 
+                                                        transform: translateY(-130%);
 
+                                                      " @click="addImg($event)">上传作业<input type="file" accept="*"
 
+                        style="display: none" @change="beforeUpload1($event, 8, toolIndex)" /></el-button>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="vedioBox" v-if="arrayToArray(tool.tool, isWorkTool).length && worksTeacher.length && worksTeacher[toolIndex].length">
 
+              <div class="queTop" style="
 
+                                                  font-size: 25px;
 
+                                                  padding: 15px 0 15px 30px;
 
+                                                  font-weight: bold;
 
+                                                ">
 
+                教师工作区
 
+              </div>
 
+              <div class="tool_work_box">
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(16) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <!-- @click="commentOther(w, toolIndex, wIndex)" -->
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 3">
 
+                        <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 12">
 
+                        <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(32) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(57) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <span>作业预览</span>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <!-- @click="commentOther(w, toolIndex, wIndex)" -->
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" style="cursor: pointer" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 3">
 
+                        <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid)">
 
+                            {{ w.sName }}
 
+                          </div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(4) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+
 
+                  </div>
 
+                  <div>
 
+                    <div class="worksDetailBox" v-if="
 
+                      worksTeacher.length &&
 
+                      worksTeacher[toolIndex].length > 0
 
+                    ">
 
+                      <div v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex" class="isWorksName" @click="
 
+    openTools(4, toolIndex, taskCount, w.works, w.sName)
 
+  ">
 
+                        {{ w.sName }}
 
+                        <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(45) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div>
 
+                    <div class="worksDetailBox" v-if="
 
+                      worksTeacher.length &&
 
+                      worksTeacher[toolIndex].length > 0
 
+                    ">
 
+                      <div v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex" class="isWorksName" @click="
 
+    openTools(
 
+      45,
 
+      toolIndex,
 
+      taskCount,
 
+      w.works,
 
+      w.sName
 
+    )
 
+  ">
 
+                        {{ w.sName }}
 
+                        <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(15) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex">
 
+                      <div class="workImg" style="
 
+                                                            border-radius: 15px;
 
+                                                            box-shadow: #eee 0px 0px 5px 5px;
 
+                                                          ">
 
+                        <!-- <img
 
+                            src="../../assets/icon/works/noImg.png"
 
+                            @click="openTools(15, toolIndex, taskCount, w.works)"
 
+                            alt=""
 
+                          />-->
 
+                        <div class="answerBg" style="border-radius: 15px 15px 0 0"
 
+                          @click="commentOther(w, toolIndex, wIndex)">
 
+                          <!-- <div>{{ w.sName }}</div> -->
 
+                          <el-tooltip class="item" effect="light" :content="JSON.parse(w.works)[0].answer"
 
+                            placement="top">
 
+                            <div class="answerContent">
 
+                              {{ JSON.parse(w.works)[0].answer }}
 
+                            </div>
 
+                          </el-tooltip>
 
+                          <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4,
 
+                          }">
 
+                            {{ JSON.parse(w.score).wScore }}分
 
+                          </div>
 
+                          <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                            :class="{
 
+                              rightW:
 
+                                w.userid == userid ||
 
+                                tType == 1 ||
 
+                                tType == 4,
 
+                            }">
 
+                            评分
 
+                          </div>
 
+                          <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                            w.userid == userid || tType == 1 || tType == 4
 
+                          " @click.stop="deleteWorks(w.wid)" alt />
 
+                        </div>
 
+                        <div class="comment">
 
+                          <div class="worksName">
 
+                            <div>{{ w.sName }}</div>
 
+                          </div>
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(1) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(3) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(6) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(7) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(26) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="width: 240px; height: 140px; overflow: hidden" v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="worksName">
 
+                        <div>{{ w.sName }}</div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(40) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img src="../../assets/icon/works/noImg.png" @click="openPj(w.works, toolIndex)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(41) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex" class="isWorksName"
 
+                      @click="openXz(w, toolIndex)">
 
+                      {{ w.sName }}
 
+                      <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png"
 
+                        v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(47) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <!-- @click="openXz(w, toolIndex)" -->
 
+                    <div v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex" class="isWorksName"
 
+                      @click="openSen(w, toolIndex)">
 
+                      {{ w.sName }}
 
+                      <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png"
 
+                        v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(48) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word" @click="openTable(w)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(52) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksTeacher.length &&
 
+                    worksTeacher[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in worksTeacher[toolIndex]" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word" @click="openTable(w)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+
 
+            <div class="vedioBox" v-if="arrayToArray(tool.tool, isWorkTool).length">
 
+              <div class="queTop" style="
 
+                                                  font-size: 25px;
 
+                                                  padding: 15px 0 15px 30px;
 
+                                                  font-weight: bold;
 
+                                                ">
 
+                学生工作区
 
+              </div>
 
+              <div class="tool_work_box">
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(16) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <!-- @click="commentOther(w, toolIndex, wIndex)" -->
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 3">
 
+                        <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 12">
 
+                        <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
 
+                      @click="teacherWorkSubmit(16, toolIndex, taskCount, s)">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(32) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
 
+                      @click="teacherWorkSubmit(16, toolIndex, taskCount, s)">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(57) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word2" @click="downloadFile(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
 
+                      @click="teacherWorkSubmit(16, toolIndex, taskCount, s)">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <span>作业预览</span>
 
+                    <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                          worksStudent2[toolIndex].length > 6 &&
 
+                          isCloseList[toolIndex].isClose == 0
 
+                        ">
 
+                          收缩
 
+                        </div>
 
+                        <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                          展开
 
+                        </div>
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                0
 
+                                                ? worksStudent2[toolIndex]
 
+                                                : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <!-- @click="commentOther(w, toolIndex, wIndex)" -->
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" style="cursor: pointer" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 3">
 
+                        <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
 
+                        <!--  @click="openVideo(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div style="cursor: pointer" @click="openSname(w.sName, w.wid)">
 
+                            {{ w.sName }}
 
+                          </div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
 
+                      @click="teacherWorkSubmit(16, toolIndex, taskCount, s)">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(4) != -1 &&
 
+                  (tool.askJson[0].answer ||
 
+                    tool.askJson[0].answer === 0) &&
 
+                  checkJson[toolIndex].length
 
+                " class="xuan_right_box">
 
+                  <div class="tool_right_box" v-for="(item, index) in tool.askJson" :key="index">
 
+                    <div>
 
+                      <span>{{ index + 1 + "、" + item.askstitle }}</span>
 
+                    </div>
 
+                    <div class="right_box_xuan">
 
+                      <span>正确率</span>
 
+                      <span>{{
 
+                        (checkJson[toolIndex][index].right
 
+                          ? checkJson[toolIndex][index].right
 
+                          : 0) + "%"
 
+                      }}</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="xuan_right_box" style="background: unset" v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(4) != -1
 
+                ">
 
+                  <AskStatic v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  " :askJSON="tool" :checkJson="checkJson[toolIndex]"></AskStatic>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(4) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+
 
+                  </div>
 
+                  <div>
 
+                    <div class="worksDetailBox" v-if="
 
+                      worksStudent2.length &&
 
+                      worksStudent2[toolIndex].length > 0
 
+                    ">
 
+                      <div v-for="(w, wIndex) in isCloseList[toolIndex]
 
+                        .isClose == 0
 
+                        ? worksStudent2[toolIndex]
 
+                        : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName" @click="
 
+    openTools(4, toolIndex, taskCount, w.works, w.sName)
 
+  ">
 
+                        {{ w.sName }}
 
+                        <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(45) != -1 &&
 
+                  (tool.testJson.testJson[0].answer ||
 
+                    tool.testJson.testJson[0].answer === 0) &&
 
+                  checkJson[toolIndex].length
 
+                " class="xuan_right_box">
 
+                  <div class="tool_right_box" v-for="(item, index) in tool.testJson.testJson" :key="index">
 
+                    <div>
 
+                      <span>{{ index + 1 + "、" + item.teststitle }}</span>
 
+                    </div>
 
+                    <div class="right_box_xuan">
 
+                      <span>正确率</span>
 
+                      <span>{{
 
+                        (checkJson[toolIndex][index].right
 
+                          ? checkJson[toolIndex][index].right
 
+                          : 0) + "%"
 
+                      }}</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="xuan_right_box" style="background: unset" v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(45) != -1
 
+                ">
 
+                  <AskStatic2 v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  " :askJSON="tool" :checkJson="checkJson[toolIndex]"></AskStatic2>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(45) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div>
 
+                    <div class="worksDetailBox" v-if="
 
+                      worksStudent2.length &&
 
+                      worksStudent2[toolIndex].length > 0
 
+                    ">
 
+                      <div v-for="(w, wIndex) in isCloseList[toolIndex]
 
+                        .isClose == 0
 
+                        ? worksStudent2[toolIndex]
 
+                        : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName" @click="
 
+    openTools(
 
+      45,
 
+      toolIndex,
 
+      taskCount,
 
+      w.works,
 
+      w.sName
 
+    )
 
+  ">
 
+                        {{ w.sName }}
 
+                        <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(15) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                      0
 
+                      ? worksStudent2[toolIndex]
 
+                      : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex">
 
+                      <div class="workImg" style="
 
+                                                            border-radius: 15px;
 
+                                                            box-shadow: #eee 0px 0px 5px 5px;
 
+                                                          ">
 
+                        <!-- <img
 
+                            src="../../assets/icon/works/noImg.png"
 
+                            @click="openTools(15, toolIndex, taskCount, w.works)"
 
+                            alt=""
 
+                          />-->
 
+                        <div class="answerBg" style="border-radius: 15px 15px 0 0"
 
+                          @click="commentOther(w, toolIndex, wIndex)">
 
+                          <!-- <div>{{ w.sName }}</div> -->
 
+                          <el-tooltip class="item" effect="light" :content="JSON.parse(w.works)[0].answer"
 
+                            placement="top">
 
+                            <div class="answerContent">
 
+                              {{ JSON.parse(w.works)[0].answer }}
 
+                            </div>
 
+                          </el-tooltip>
 
+                          <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4,
 
+                          }">
 
+                            {{ JSON.parse(w.score).wScore }}分
 
+                          </div>
 
+                          <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                            :class="{
 
+                              rightW:
 
+                                w.userid == userid ||
 
+                                tType == 1 ||
 
+                                tType == 4,
 
+                            }">
 
+                            评分
 
+                          </div>
 
+                          <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                            w.userid == userid || tType == 1 || tType == 4
 
+                          " @click.stop="deleteWorks(w.wid)" alt />
 
+                        </div>
 
+                        <div class="comment">
 
+                          <div class="worksName">
 
+                            <div>{{ w.sName }}</div>
 
+                          </div>
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(1) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(3) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(6) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(7) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex">
 
+                      <!-- @click="previewImg(w.works)" -->
 
+                      <div class="workImg">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid || tType == 1 || tType == 4,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid || tType == 1 || tType == 4,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(26) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="width: 240px; height: 140px; overflow: hidden" v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                      0
 
+                      ? worksStudent2[toolIndex]
 
+                      : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg" v-if="w.type == 0">
 
+                        <img :src="w.works" @click="previewImg(w.works)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="workImg" v-if="w.type == 1">
 
+                        <img :src="word" @click="openFile(w.works)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="worksName">
 
+                        <div>{{ w.sName }}</div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(40) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img src="../../assets/icon/works/noImg.png" @click="openPj(w.works, toolIndex)" alt />
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(41) != -1
 
+                ">
 
+                  <AnswerData2 v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  " :problemJson="tool.selectJson.answer" :people="worksStudent2[toolIndex]"></AnswerData2>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(41) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                      0
 
+                      ? worksStudent2[toolIndex]
 
+                      : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName"
 
+                      @click="openXz(w, toolIndex)">
 
+                      {{ w.sName }}
 
+                      <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png"
 
+                        v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(47) != -1
 
+                ">
 
+                  <AnswerData v-if="
 
+                    checkJson[toolIndex].length &&
 
+                    (tool.sentenceList || tool.sentenceList.length > 0)
 
+                  " :people="checkJson[toolIndex]"></AnswerData>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(47) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <!-- @click="openXz(w, toolIndex)" -->
 
+                    <div v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                      0
 
+                      ? worksStudent2[toolIndex]
 
+                      : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName"
 
+                      @click="openSen(w, toolIndex)">
 
+                      {{ w.sName }}
 
+                      <img class="deleteImg deleteImg2" src="../../assets/deleteworks.png"
 
+                        v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(48) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word" @click="openTable(w)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="
 
+                  tType &&
 
+                  ((tType == 2 && sIsOpen == true) ||
 
+                    tType == 1 ||
 
+                    tType == 4) &&
 
+                  tool.tool.indexOf(52) != -1
 
+                " class="worksBox">
 
+                  <div class="zuoyeYulan" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="worksTop">
 
+                      <div>作业预览</div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="
 
+                        worksStudent2[toolIndex].length > 6 &&
 
+                        isCloseList[toolIndex].isClose == 0
 
+                      ">
 
+                        收缩
 
+                      </div>
 
+                      <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
 
+                        展开
 
+                      </div>
 
+                    </div>
 
+
 
+                  </div>
 
+                  <div class="worksDetailBox" v-if="
 
+                    worksStudent2.length &&
 
+                    worksStudent2[toolIndex].length > 0
 
+                  ">
 
+                    <div class="works" style="
 
+                                                          width: 200px;
 
+                                                          height: 140px;
 
+                                                          margin: 10px 10px 10px 0;
 
+                                                          border-radius: 15px;
 
+                                                          box-shadow: 0 0 6px 1px #dfdada;
 
+                                                        " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
 
+                                                          0
 
+                                                          ? worksStudent2[toolIndex]
 
+                                                          : worksStudent2[toolIndex].slice(0, 6)" :key="wIndex"
 
+                      :class="w.type == 1 ? 'isTypeOne' : ''">
 
+                      <div class="workImg">
 
+                        <img :src="word" @click="openTable(w)" alt />
 
+                        <!-- @click="openFile(w.works)" -->
 
+                        <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
 
+                          rightW:
 
+                            w.userid == userid ||
 
+                            tType == 1 ||
 
+                            tType == 4 ||
 
+                            w.ateacher == userid,
 
+                        }">
 
+                          {{ JSON.parse(w.score).wScore }}分
 
+                        </div>
 
+                        <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
 
+                          :class="{
 
+                            rightW:
 
+                              w.userid == userid ||
 
+                              tType == 1 ||
 
+                              tType == 4 ||
 
+                              w.ateacher == userid,
 
+                          }">
 
+                          评分
 
+                        </div>
 
+                        <img class="deleteImg" src="../../assets/deleteworks.png" v-if="
 
+                          w.userid == userid || tType == 1 || tType == 4
 
+                        " @click.stop="deleteWorks(w.wid)" alt />
 
+                      </div>
 
+
 
+                      <div class="comment" style="min-width: 200px">
 
+                        <div class="worksName">
 
+                          <div>{{ w.sName }}</div>
 
+                        </div>
 
+                        <div class="commentList">
 
+                          <div class="commentList">
 
+                            <div class="commentImg" @click="
 
+                              isLikes(w.wid, userid, 1, null, w.isLikes)
 
+                            ">
 
+                              <img :src="w.isLikes == true ? likes : noLikes" alt="" />
 
+                            </div>
 
+                            <div>{{ w.likesCount }}</div>
 
+                          </div>
 
+                          <div class="commentList" style="margin-right: 15px">
 
+                            <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
 
+                              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+                            </div>
 
+                            <div>{{ w.commentCount }}</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="noWorksS">
 
+                    <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
 
+                      {{ s.student }}
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="vedioBox" v-if="
 
+              false
 
+            ">
 
+              <div class="queTop" style="
 
+                                                  font-size: 25px;
 
+                                                  padding: 15px 0 15px 30px;
 
+                                                  font-weight: bold;
 
+                                                ">
 
+                评一评
 
+              </div>
 
+              <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
 
+                <div class="elist_input">
 
+                  <div v-for="(eItem, eIndex) in chapInfoList[courseType]
 
+                    .chapterInfo[0].taskJson[taskCount].eList" :key="eIndex" class="elist_input_box">
 
+                    <div style="width: 95%">
 
+                      <div style="
 
+                                                          display: flex;
 
+                                                          flex-direction: row;
 
+                                                          flex-wrap: nowrap;
 
+                                                          align-items: center;
 
+                                                        ">
 
+                        <div style="max-width: calc(100% - 285px)">
 
+                          <span>{{ eItem.value }}</span>
 
+                        </div>
 
+                        <div style="
 
+                                                            padding-left: 25px;
 
+                                                            display: flex;
 
+                                                            flex-direction: row;
 
+                                                            align-items: center;
 
+                                                          ">
 
+                          <el-rate v-model="eItem.score" :colors="colors" disabled></el-rate>
 
+                        </div>
 
+                      </div>
 
+                      <div class="elist_inptu_text" style="padding-left: 10px">
 
+                        <span v-if="eItem.detail != ''">{{
 
+                          eItem.detail
 
+                        }}</span>
 
+                        <span v-else style="color: #b2b1b3; font-size: 14px">暂无描述...</span>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div v-if="evalua" style="
 
+                                                    border: 1px solid #e5e5e5;
 
+                                                    max-width: 650px;
 
+                                                    width: 100%;
 
+                                                    margin-top: 20px;
 
+                                                    box-shadow: 3px 1px 15px 3px #e0e0e0;
 
+                                                  ">
 
+                  <div class="e_add_top">
 
+                    <div class="e_add_title">
 
+                      <span>目标管理名称</span>
 
+                      <span>{{ eTitle }}</span>
 
+                      <img src="../../assets/line.png" class="cru_line" style="
 
+                                                          width: 125px;
 
+                                                          height: 20px;
 
+                                                          bottom: -10px;
 
+                                                          left: 120px;
 
+                                                        " />
 
+                      <!-- <el-input
 
+                        v-model="eTitle"
 
+                        placeholder="请输入名称"
 
+                        @change="setMindData"
 
+                      ></el-input>-->
 
+                    </div>
 
+                  </div>
 
+                  <div class="e_add_content">
 
+                    <div class="e_add_list_pbox">
 
+                      <div class="e_add_list_pbox_title">
 
+                        <span class="type_title">切换模式</span>
 
+                        <div class="type_content">
 
+                          <span :class="{ active: typeMode == 1 }" @click="typeMode = 1">目标树</span>
 
+                          <span :class="{ active: typeMode == 2 }" @click="typeMode = 2">目标罗盘</span>
 
+                          <span :class="{ active: typeMode == 3 }" @click="typeMode = 3">目标看板</span>
 
+                        </div>
 
+                      </div>
 
+                      <div class="e_add_list_pbox_content">
 
+                        <Mind :showBar="false" :mindData="data" style="width: 100%" v-show="typeMode == 1"></Mind>
 
+                        <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
 
+                        <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%" v-if="typeMode == 3">
 
+                        </SeeBoard>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <el-dialog title="作业提交" :visible.sync="dialogVisible" :append-to-body="true" width="500px"
 
+          :before-close="handleClose" class="dialog_change">
 
+          <div class="marginT">
 
+            <div>上传文件</div>
 
+            <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
 
+              <div class="up_photo">
 
+                <img src="../../assets/icon/uploadImg.png" alt />
 
+              </div>
 
+              <!-- <input
 
+                type="file"
 
+                accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
 
+                style="display: none"
 
+                @change="beforeUpload1($event, 1)"
 
+              /> -->
 
+              <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
 
+              <!-- <input
 
+                type="file"
 
+                accept="image/*"
 
+                capture="camera"
 
+                style="display: none"
 
+                @change="beforeUpload1($event, 1)"
 
+              /> -->
 
+            </div>
 
+            <div class="chapter_add" style="
 
+                                                display: flex;
 
+                                                width: 100%;
 
+                                                flex-direction: row;
 
+                                                flex-wrap: wrap;
 
+                                                justify-content: flex-start;
 
+                                                padding: 15px 0;
 
+                                              " v-if="studyJuri[0].cover.length > 0">
 
+              <div class="upCover">
 
+                <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
 
+                <img :src="word" alt v-else-if="fileType == 1" />
 
+                <img :src="video" alt v-else-if="fileType == 2" />
 
+                <img :src="word2" alt v-else-if="fileType == 3" />
 
+                <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
 
+
 
+                <div class="deleteWord" @click="clean(1)">
 
+                  <img src="../../assets/icon/deleteWorks.png" alt />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="upload_send" @click="addCourseWorks(taskCount)" v-if="!proVisible">
 
+            提交
 
+          </div>
 
+        </el-dialog>
 
+      </div>
 
+    </div>
 
+    <div class="pButton" @click="(pzDialog = true), selectPz()" v-if="tType == 4">
 
+      <!-- 批 -->
 
+      <img src="../../assets/pzBtn2.png" style="width: 25px" alt="" />
 
+    </div>
 
+    <div v-if="pzDialog == true" class="newDialogCss">
 
+      <div class="pzTop2">
 
+        <!-- <div>批注</div>
 
+        <div @click="pzDialog = false">
 
+          <img src="../../assets/close1.png" alt="" />
 
+        </div> -->
 
+        <div class="checkbox">
 
+          <div class="check" style="font-size: 25px">评课笔记</div>
 
+          <img src="../../assets/pzBtn.png" @click="pzDialog = false" alt="" />
 
+        </div>
 
+      </div>
 
+      <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
 
+        <div class="pzListBox" v-if="pzList && pzList.length">
 
+          <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
 
+            <div class="pzNavTop">
 
+              <div>批</div>
 
+              <div>
 
+                {{
 
+                  pz.username && pz.username.length > 5
 
+                  ? pz.username.substring(0, 5) + "..."
 
+                  : pz.username
 
+                }}的批注
 
+              </div>
 
+              <div class="pzDelete" v-if="pz.userid == userid" @click="deletePz(pz.id)">
 
+                删除
 
+              </div>
 
+            </div>
 
+            <div class="pzContent cont" v-html="pz.content" v-if="pz.type == '1'"></div>
 
+            <div class="pzContent" v-if="pz.type == '2'">
 
+              <audio :src="pz.content" controls="controls" ref="audio">
 
+                Your browser does not support the audio element.
 
+              </audio>
 
+            </div>
 
+            <div class="pzContent" v-if="pz.type == '3'">
 
+              <img :src="pz.content" style="width: 90%; margin: 0 auto; display: block" @click="previewImg(pz.content)" />
 
+            </div>
 
+            <div class="time">
 
+              {{ pz.time }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="noPz" v-else>
 
+          <img src="../../assets/icon/noPz.png" alt="" />
 
+        </div>
 
+        <div class="addPzButton">
 
+          <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
 
+            添加批注
 
+          </div>
 
+          <!-- <div class="img1">
 
+            <div @click="(addPzDialog = true), (pzType = 2)">
 
+              <img src="../../assets/audio.png" /><span>音频</span>
 
+            </div>
 
+          </div> -->
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div v-if="addPzDialog == true" class="addDialogCss">
 
+      <div class="pzTop">
 
+        <div class="teacherPz">
 
+          <div class="teacherPzImg">
 
+            <img src="../../assets/icon/teacherPz.png" alt="" />
 
+          </div>
 
+          <div style="margin-left: 10px; height: 25px">教师批注</div>
 
+        </div>
 
+        <div @click="addPzDialog = false">
 
+          <img src="../../assets/close1.png" alt="" />
 
+        </div>
 
+      </div>
 
+      <div class="addPzBox">
 
+        <div class="addPzCheck">
 
+          <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1">文本</span>
 
+          <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
 
+          <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2">音频</span>
 
+        </div>
 
+        <div style="height: calc(100% - 95px)">
 
+          <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
 
+            v-if="pzType == 1"></textarea> -->
 
+          <editor-bar class="binfo_input pzConText" style="width: 100% !important" placeholder="请输入任务描述"
 
+            v-model="pzConText" @change="change" v-if="pzType == 1"></editor-bar>
 
+          <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
 
+          <!-- <div class="pzAudioClass" v-if="pzType == 3">
 
+            <div @click="addImg($event)">
 
+              <el-button type="primary">上传图片</el-button>
 
+              <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
 
+                @change="beforeUpload1($event, 4)" />
 
+            </div>
 
+          </div> -->
 
+        </div>
 
+        <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
 
+          确定
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div v-if="proVisible" class="mask">
 
+      <div class="progressBox">
 
+        <!-- <div id="closePro" class="closeCss">
 
+                                            <img src="../../assets/icon/close.png" alt />
 
+                                        </div> -->
 
+        <div class="lbox">
 
+          <img src="../../assets/loading.gif" />上传中，请稍后
 
+        </div>
 
+        <div style="margin-bottom: 10px">
 
+          <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
 
+        </div>
 
+        <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress>
 
+      </div>
 
+    </div>
 
+    <div v-if="proVisible2" 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="pictureDialog" size="tiny">
 
+      <img width="100%" :src="dialogImageUrl" alt />
 
+    </el-dialog>
 
+    <el-dialog :title="noteName != '' ? noteName : '查看问卷'" :visible.sync="dialogVisible5" :append-to-body="true"
 
+      width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
 
+      <div>
 
+        <div class="a_add_title" style="
 
+                                            display: flex;
 
+                                            flex-direction: row;
 
+                                            align-items: center;
 
+                                            justify-content: center;
 
+                                          ">
 
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
 
+          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
 
+        </div>
 
+        <div class="a_addBox">
 
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
 
+          <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
 
+            <div class="a_add_head">
 
+              <div style="display: flex">
 
+                {{ index1 + 1 + "、" }}
 
+                <div>题目：{{ askJson.askJson[index1].askstitle }}</div>
 
+              </div>
 
+              <img v-if="askJson.askJson[index1].img" :src="askJson.askJson[index1].img"
 
+                style="height: 300px; margin-top: 10px; max-width: 100%" />
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input">
 
+                <el-radio-group v-model="radio[index1]">
 
+                  <el-radio v-for="(item2, checkIndex) in askJson.askJson[index1]
 
+                    .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle"><span
 
+                      v-html="item2"></span></el-radio>
 
+                </el-radio-group>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible5 = false" v-show="noteName == ''">取 消</el-button>
 
+        <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog :title="noteName != '' ? noteName : '查看选择题'" :visible.sync="dialogVisibleChoice" :append-to-body="true"
 
+      width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
 
+      <div>
 
+        <div class="a_addBox">
 
+          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
 
+          <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
 
+            <div class="a_add_head">
 
+              <div style="display: flex">
 
+                {{ index1 + 1 + "、" }}
 
+                <div v-if="testJson.testJson[index1].type == '1'" style="margin-right: 5px">
 
+                  (单选题)
 
+                </div>
 
+                <div v-if="testJson.testJson[index1].type == '2'" style="margin-right: 5px">
 
+                  (多选题)
 
+                </div>
 
+                <div>题目：{{ testJson.testJson[index1].teststitle }}</div>
 
+              </div>
 
+              <img v-if="testJson.testJson[index1].img" :src="testJson.testJson[index1].img"
 
+                style="height: 300px; margin-top: 10px; max-width: 100%" />
 
+            </div>
 
+            <div class="timuImgBox" v-if="
 
+              testJson.testJson[index1].timuList &&
 
+              testJson.testJson[index1].timuList.length
 
+            ">
 
+              <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
 
+                @click.stop="previewImg(timg.src)">
 
+                <img :src="timg.src" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input">
 
+                <el-radio-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '1'">
 
+                  <div class="radioBox">
 
+                    <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
 
+                      .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
 
+                      <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
 
+                        <div class="inImg" @click.stop="previewImg(item2.src)">
 
+                          <img :src="item2.src" alt="" />
 
+                        </div>
 
+                      </div>
 
+                      <span v-else v-html="item2"></span>
 
+                    </el-radio>
 
+                  </div>
 
+                </el-radio-group>
 
+                <el-checkbox-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '2'">
 
+                  <div class="radioBox">
 
+                    <el-checkbox v-for="(item2, checkIndex) in testJson.testJson[index1]
 
+                      .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
 
+                      <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
 
+                        <div class="inImg" @click.stop="previewImg(item2.src)">
 
+                          <img :src="item2.src" alt="" />
 
+                        </div>
 
+                      </div>
 
+                      <span v-else v-html="item2"></span>
 
+                    </el-checkbox>
 
+                  </div>
 
+                </el-checkbox-group>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''">取 消</el-button>
 
+        <el-button type="primary" @click="addStudentTest" v-show="noteName == ''">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="查看富文本" :visible.sync="dialogVisible1" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy textCss">
 
+      <el-form style="font-size: 20px">
 
+        <el-form-item label="文本标题" class="textTitle">
 
+          <div style="font-size: 20px">{{ text.name }}</div>
 
+        </el-form-item>
 
+        <div>富文本内容</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 type="primary" @click="dialogVisible1 = false">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="文件预览" :visible.sync="dialogVisible3" width="50%" :before-close="handleClose" class="dialog_diy"
 
+      :class="{ fullStyle: full }">
 
+      <div slot="title" class="header-title">
 
+        <div style="color: #fff">文件预览</div>
 
+        <div style="position: absolute; top: 19px; right: 50px">
 
+          <img src="../../assets/full.png" style="height: 16px; cursor: pointer" alt="" @click="fullTools" />
 
+        </div>
 
+      </div>
 
+      <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
 
+        :class="{ fullStyle: full }"></pdf>
 
+      <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"
 
+        security="restricted"
 
+        sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts  allow-popups"></iframe>
 
+    </el-dialog>
 
+    <el-dialog title="文件预览" :visible.sync="dialogVisible6" width="50%" :before-close="handleClose" class="dialog_diy">
 
+      <iframe :src="pptImgUrl1" frameborder="0" width="100%" height="600" security="restricted"
 
+        sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts  allow-popups"></iframe>
 
+    </el-dialog>
 
+    <el-dialog title="提示" :visible.sync="dialogVisible4" :append-to-body="true" width="800px" :before-close="handleClose"
 
+      class="dialog_diy notice">
 
+      <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" style="padding: 20px 0 20px 0">
 
+            <div class="question">
 
+              <img src="../../assets/icon/question.png" alt />
 
+            </div>
 
+            <div class="queTitle">
 
+              <div style="width: 90px; min-width: 90px">提问：</div>
 
+              <div>{{ answerQ }}</div>
 
+            </div>
 
+          </div>
 
+          <div class="ediBottom">
 
+            <textarea rows="6" class="binfo_input" cols style="width: 95%; height: 120px"
 
+              v-model="questionAnswer"></textarea>
 
+          </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 :preTime="preTime" v-if="timeDialogVisible"></Time>
 
+      </div>
 
+      <div slot="footer">
 
+        <el-button @click="timeDialogVisible = false">关 闭</el-button>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="权限设置" :visible.sync="juriVisible" :append-to-body="true" width="400px" :before-close="handleClose"
 
+      class="dialog_diy">
 
+      <div>
 
+        <div class="open_box">
 
+          <div class="switch_box">
 
+            <span>允许学生查看所有作业</span>
 
+            <el-switch v-model="sIsOpen" active-text="" class="switchCss" @change="updateSLook"></el-switch>
 
+          </div>
 
+          <div class="switch_box" v-if="
 
+            courseDetail.userid == userid ||
 
+            (courseDetail.course_teacher &&
 
+              courseDetail.course_teacher.indexOf(userid) != -1)
 
+          ">
 
+            <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
 
+            <span>禁止学生查看所有阶段</span>
 
+            <el-switch v-model="IsLookOpen" active-text="" class="switchCss" @change="updateLookOpen"></el-switch>
 
+          </div>
 
+          <div class="switch_box" v-if="courseDetail.userid == userid">
 
+            <span>开启跟随模式</span>
 
+            <el-switch v-model="IsFollow" active-text="" class="switchCss" @change="updateFollow"></el-switch>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div slot="footer">
 
+        <el-button style="background: #409efe; color: #fff" @click="juriVisible = false">关 闭</el-button>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="查看视频" :visible.sync="videoVisible" :append-to-body="true" width="1000px" :before-close="handleClose"
 
+      class="dialog_diy1">
 
+      <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
 
+        <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
 
+          @play="onPlayerPlay($event)" style="width: 100%; height: 100%"></video-player>
 
+      </div>
 
+      <div slot="footer">
 
+        <el-button style="background: #409efe; color: #fff"
 
+          @click="(videoVisible = false), (videoDetail.sources[0].src = '')">
 
+          关 闭</el-button>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="查看详情" :visible.sync="commentDialogVisible" :append-to-body="true" width="800px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="commentTop">
 
+        <div class="studentDetail">
 
+          <div class="tx"><img src="../../assets/avatar.png" alt="" /></div>
 
+          <div class="nameAndTime">
 
+            <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
 
+            <div>{{ commentDetail.time }}</div>
 
+          </div>
 
+          <div class="returnBtn" style="margin-left: auto; width: 80px" v-if="
 
+            commentDetail.works &&
 
+            commentDetail.type == 0 &&
 
+            (tType == 1 || tType == 4)
 
+          " @click="
 
+  showPicturePaint(
 
+    commentDetail.img ? commentDetail.img : commentDetail.works
 
+  )
 
+">
 
+            教师批注
 
+          </div>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 2">
 
+          {{ JSON.parse(commentDetail.works)[0].answer }}
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 1">
 
+          <img src="../../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" />
 
+          <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
 
+            :class="{ fullStyle: full }"></pdf>
 
+          <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"
 
+            security="restricted"
 
+            sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts  allow-popups"></iframe>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 0">
 
+          <img src="../../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" style="right: 105px" />
 
+          <img :src="commentDetail.works" alt="" @click="previewImg(commentDetail.works)" />
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 3">
 
+          <img src="../../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" />
 
+          <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
 
+            @play="onPlayerPlay($event)" style="width: 90%; height: 100%; margin: 0 0 0 30px"></video-player>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 10">
 
+          <div class="cont" v-html="commentDetail.works.text"></div>
 
+        </div>
 
+        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 12"
 
+          @click="downloadFile(commentDetail.works)">
 
+          <img src="../../assets/icon/codeFile.png" />
 
+          <div>点击下载文件</div>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 13">
 
+          <div v-html="JSON.parse(commentDetail.works).text"></div>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 4">
 
+          <div class="evalCss">
 
+            <div class="nav">请选择星星进行评分</div>
 
+            <div class="middleBox" v-if="eScore.eStar">
 
+              <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
 
+                <div class="nameAndrate">
 
+                  <div>{{ e.value }}</div>
 
+                  <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
 
+                </div>
 
+                <div v-if="e.detail">{{ e.detail }}</div>
 
+              </div>
 
+              <div class="bz">
 
+                <textarea disabled rows="4" class="pj" style="
 
+                                                    padding: 10px 5px;
 
+                                                    width: 70%;
 
+                                                    background: #f7f6f9;
 
+                                                    font-size: 14px;
 
+                                                    text-indent: 10px;
 
+                                                    color: #000;
 
+                                                  " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="comment">
 
+          <div class="commentList">
 
+            <div class="commentImg">
 
+              <img @click="
 
+                isLikes(
 
+                  commentDetail.wid,
 
+                  userid,
 
+                  1,
 
+                  null,
 
+                  commentDetail.isLikes
 
+                )
 
+              " :src="commentDetail.isLikes == true ? likes : noLikes" alt="" />
 
+            </div>
 
+            <div>{{ commentDetail.likesCount }}</div>
 
+          </div>
 
+          <div class="commentList">
 
+            <div class="commentImg">
 
+              <img src="../../assets/icon/comment/comment.png" alt="" />
 
+            </div>
 
+            <div>{{ commentDetail.commentCount }}</div>
 
+          </div>
 
+        </div>
 
+        <div class="drawPBox" v-if="commentDetail.img">
 
+          <span>教师批注</span>
 
+          <img :src="commentDetail.img" alt="" @click="previewImg(commentDetail.img)" />
 
+          <span class="deleteImg" v-if="tType == 1 || tType == 4" @click.stop="deletePicturePaint(commentDetail.wid)"
 
+            style="
 
+                                              font-size: 14px;
 
+                                              width: auto !important;
 
+                                              color: #b4b4b4;
 
+                                              top: unset;
 
+                                              bottom: 0;
 
+                                              border: none;
 
+                                              padding: 0;
 
+                                              height: auto !important;
 
+                                              margin: 0;
 
+                                            ">删除</span>
 
+        </div>
 
+      </div>
 
+      <div class="commentBox">
 
+        <div class="pl">评论：</div>
 
+        <div style="max-height: 200px; overflow: auto">
 
+          <div v-if="commentDetail.commentJson && commentDetail.commentJson.length" style="padding: 10px 0 0 0">
 
+            <div class="studentDetail" style="padding-top: 10px" v-for="(co, coIndex) in commentDetail.commentJson"
 
+              :key="coIndex">
 
+              <div class="tx" style="min-width: 50px">
 
+                <img src="../../assets/avatar.png" alt="" />
 
+              </div>
 
+              <div class="plPerson">
 
+                <div class="plName">
 
+                  <div>{{ co.commentPeople }}</div>
 
+                  <div style="margin-left: 5px">
 
+                    {{ co.commentTime }}
 
+                  </div>
 
+                  <div class="deleteComment" v-if="userid == co.userid" @click="deleteComment(co.wid)">删除</div>
 
+                </div>
 
+                <div class="plContent">{{ co.commentText }}</div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div v-else style="padding: 10px 0 0 0">暂无评论</div>
 
+        </div>
 
+      </div>
 
+      <div style="margin-top: 10px">
 
+        <div class="displayBox">
 
+          <div style="
 
+                                              color: #556db4;
 
+                                              font-size: 14px;
 
+                                              font-weight: bold;
 
+                                              padding-bottom: 10px;
 
+                                            ">
 
+            评价
 
+          </div>
 
+          <div class="easy_comment" v-if="false">
 
+            <div v-for="(p, pIndex) in PlTextList" :key="pIndex" @click="fastText(p, 1)">
 
+              {{ p }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+        <div>
 
+          <textarea rows="3" class="pj" style="padding: 10px 5px" cols v-model="commentText"
 
+            placeholder="请输入对该学生的评价"></textarea>
 
+        </div>
 
+      </div>
 
+
 
+      <div slot="footer">
 
+        <el-button @click="
 
+          (commentDialogVisible = false),
 
+          (commentIndexJson = {}),
 
+          videoDetail.sources && videoDetail.sources[0]
 
+            ? (videoDetail.sources[0].src = '')
 
+            : ''
 
+        ">取 消</el-button>
 
+        <el-button type="primary" @click="addComment(commentDetail.wid, userid, 2)">确 定</el-button>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="查看文档" :visible.sync="fullDialogVisible" :append-to-body="true" width="100%"
 
+      :before-close="handleClose" :show-close="false" class="dialog_diy full_diy" :class="{ full_diy2: fulltype == 3 }">
 
+      <div slot="title" class="header-title">
 
+        <div style="color: #fff">查看文档</div>
 
+        <div @click="fullDialogVisible = false" style="
 
+                                            cursor: pointer;
 
+                                            position: absolute;
 
+                                            top: 20px;
 
+                                            right: 20px;
 
+                                            color: #fff;
 
+                                          ">
 
+          退出全屏
 
+        </div>
 
+      </div>
 
+      <div style="height: 100%">
 
+        <iframe v-if="fulltype == 2" style="width: 100%; height: 100%; border: none" :src="fullUrl" security="restricted"
 
+          sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts  allow-popups"></iframe>
 
+        <pdf v-else-if="fulltype == 3" :pdfUrl="fullUrl" style="width: 100%; height: 100%; overflow: auto"></pdf>
 
+        <div class="wheel" v-if="fulltype == 1" style="
 
+                                            box-shadow: 0 0 6px 1px #f2f2f2;
 
+                                            width: 100%;
 
+                                            background: #f1f1f1;
 
+                                          ">
 
+          <div class="title" style="width: 100%; box-sizing: border-box">
 
+            查看文档
 
+          </div>
 
+          <el-form class="textBox" style="height: 90%">
 
+            <el-form-item class="textTitle">
 
+              <div style="font-size: 22px">
 
+                {{ fullUrl.name }}
 
+              </div>
 
+            </el-form-item>
 
+            <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
 
+            <div v-html="fullUrl.url" class="textContent" style="height: auto"></div>
 
+          </el-form>
 
+        </div>
 
+      </div>
 
+      <!-- <div slot="footer">
 
+        <el-button @click="fullDialogVisible = false">关 闭</el-button>
 
+      </div> -->
 
+    </el-dialog>
 
+    <el-dialog title="个人评价" :visible.sync="studentEvalDialogVisible" :append-to-body="true" width="800px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="evalCss">
 
+        <div class="nav">请选择星星进行评分</div>
 
+        <div class="middleBox" v-if="eScore.eStar">
 
+          <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
 
+            <div class="nameAndrate">
 
+              <div>{{ e.value }}</div>
 
+              <el-rate v-model="eScore.eStar[eIndex]" :disabled="isStar"></el-rate>
 
+            </div>
 
+            <div v-if="e.detail">{{ e.detail }}</div>
 
+          </div>
 
+          <div class="easy_comment" v-if="isStar == false">
 
+            <div v-for="(p, pIndex) in PlTextList" :key="pIndex" @click="fastText(p, 2)">
 
+              {{ p }}
 
+            </div>
 
+          </div>
 
+          <div class="bz">
 
+            <textarea :disabled="isStar" rows="4" class="pj" style="
 
+                                                padding: 10px 5px;
 
+                                                width: 70%;
 
+                                                background: #f7f6f9;
 
+                                                font-size: 14px;
 
+                                                text-indent: 10px;
 
+                                              " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div slot="footer">
 
+        <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
 
+        <el-button type="primary" @click="addBzWorks" v-if="!isStar">确 定</el-button>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="选择填空" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="90%"
 
+      :before-close="handleClose" class="dialog_diy dialog_diy3">
 
+      <div v-if="selectJson">
 
+        <div class="select_box2">
 
+          <div class="select_box2_title">
 
+            <div>选择填空</div>
 
+            <div>请选择对应的答案进行答题！</div>
 
+          </div>
 
+          <div class="select_box2_box">
 
+            <div class="select_box2_img">
 
+              <img :src="selectJson.url" @click="previewImg(selectJson.url)" alt="" />
 
+            </div>
 
+            <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
 
+              <div style="padding-top: 15px">
 
+                <div class="select_answer_title" v-if="isSelect">
 
+                  {{ selectAnswer.stu }}
 
+                </div>
 
+                <div class="select_answer_title" v-else>
 
+                  根据题目选择对应答案
 
+                </div>
 
+                <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
 
+                  <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
 
+                  <el-select :disabled="isSelect" v-model="selectAnswer.answer[checkIndex]" placeholder="请选择正确答案">
 
+                    <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
 
+                    </el-option>
 
+                  </el-select>
 
+                </div>
 
+              </div>
 
+              <div class="rightAnswerCss" v-if="isSelect && (tType == 1 || tType == 4)">
 
+                <div v-for="(a, aIndex) in selectJson.answer" :key="aIndex" class="rightAnswer">
 
+                  <div v-if="selectAnswer.answer[aIndex] === a" style="color: #767de1">
 
+                    回答正确
 
+                  </div>
 
+                  <div v-else>回答错误</div>
 
+                  <div style="margin-left: 10px" v-if="selectAnswer.answer[aIndex] !== a">
 
+                    正确答案：
 
+                  </div>
 
+                  <div :class="
 
+                    selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
 
+                  ">
 
+                    {{ selectJson.select[a] }}
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+
 
+            <div class="upAnswerCss">
 
+              <el-button type="primary" @click="addSelectAnswer" v-if="!isSelect">提交答案</el-button>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="教师评分" :visible.sync="dialogVisibleScore" :append-to-body="true" width="800px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="studentDetail">
 
+          <div class="tx"><img src="../../assets/avatar.png" alt="" /></div>
 
+          <div class="nameAndTime">
 
+            <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
 
+            <div>{{ commentDetail.time }}</div>
 
+          </div>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 2">
 
+          {{ JSON.parse(commentDetail.works)[0].answer }}
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 1">
 
+          <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
 
+            :class="{ fullStyle: full }"></pdf>
 
+          <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"
 
+            security="restricted"
 
+            sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"></iframe>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 0">
 
+          <img :src="commentDetail.works" alt="" @click="previewImg(commentDetail.works)" />
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 3">
 
+          <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
 
+            @play="onPlayerPlay($event)" style="width: 90%; height: 100%; margin: 0 0 0 30px"></video-player>
 
+        </div>
 
+        <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 12"
 
+          @click="downloadFile(commentDetail.works)">
 
+          <img src="../../assets/icon/codeFile.png" />
 
+          <div>点击下载文件</div>
 
+        </div>
 
+        <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 13">
 
+          <div v-html="JSON.parse(commentDetail.works).text"></div>
 
+        </div>
 
+        <div class="scoreBox">
 
+          <span class="t">请输入分数</span>
 
+          <el-input-number :disabled="courseDetail.userid != userid" v-model="wScore" :controls="false" :min="0"
 
+            :max="100"></el-input-number>
 
+        </div>
 
+        <div class="scoreDetailBox">
 
+          <span class="t">评分评论</span>
 
+          <el-input type="textarea" :rows="5" :disabled="courseDetail.userid != userid" resize="none"
 
+            v-model="scoreDetail" placeholder="请输入对学生的评价">
 
+          </el-input>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="
 
+          (dialogVisibleScore = false),
 
+          (commentIndexJson = {}),
 
+          videoDetail.sources && videoDetail.sources[0]
 
+            ? (videoDetail.sources[0].src = '')
 
+            : ''
 
+        ">取 消</el-button>
 
+        <el-button type="primary" v-if="courseDetail.userid == userid" @click="scoreWork(commentDetail.wid)">确 定
 
+        </el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="连词成句" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
 
+      :before-close="handleClose" class="dialog_diy dialog_diy3">
 
+      <div>
 
+        <div class="sentenBox">
 
+          <div v-for="(st, stIndex) in sentenceList" :key="stIndex" style="padding-bottom: 20px">
 
+            <div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
 
+            <div class="cardList" v-if="st.chooseSenList">
 
+              <div class="cardBox">
 
+                <div v-for="(r, rIndex) in st.chooseSenList" :key="rIndex" @click="returnCard(r, stIndex, rIndex)">
 
+                  <el-tooltip class="item" effect="light" :content="r" placement="top" v-if="r != '' && r != undefined">
 
+                    <div :class="{
 
+                      isCard: r,
 
+                      isChooseCard: r == '' || r == undefined,
 
+                    }">
 
+                      <div>{{ r }}</div>
 
+                    </div>
 
+                  </el-tooltip>
 
+                  <div :class="{
 
+                    isCard: r,
 
+                    isChooseCard: r == '' || r == undefined,
 
+                  }" v-else>
 
+                    <div>{{ r }}</div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="cardList" v-if="st.addChangeSen">
 
+              <div class="cardBox">
 
+                <div v-for="(s, sIndex) in st.addChangeSen" :key="sIndex" @click="setRightAnswer(s, stIndex, sIndex)">
 
+                  <el-tooltip class="item" effect="light" :content="s" placement="top" v-if="s != '' && s != undefined">
 
+                    <div :class="{ noCard: s == '' || s == undefined, isCard: s }">
 
+                      <div>{{ s }}</div>
 
+                    </div>
 
+                  </el-tooltip>
 
+                  <div :class="{ noCard: s == '' || s == undefined, isCard: s }" v-else>
 
+                    <div>{{ s }}</div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleSentence = false">取 消</el-button>
 
+        <el-button type="primary" @click="addSenWorks">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="连词成句" :visible.sync="dialogVisibleSentence1" :append-to-body="true" width="1000px"
 
+      :before-close="handleClose" class="dialog_diy dialog_diy3">
 
+      <div>
 
+        <div class="sentenBox">
 
+          <div style="padding: 15px 0 10px 20px; font-size: 20px">
 
+            {{ sentenceList1.stuName }}的作业
 
+          </div>
 
+          <div v-for="(st, stIndex) in sentenceList1" :key="stIndex" style="padding-bottom: 20px">
 
+            <div style="padding: 15px 0 10px 20px; font-size: 20px">
 
+              第{{ stIndex + 1 }}题
 
+            </div>
 
+            <div class="isWrong">
 
+              <div class="cardList1" v-if="st.chooseSenList">
 
+                <div class="cardBox">
 
+                  <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
 
+                    <el-tooltip class="item" effect="light" :content="s" placement="top">
 
+                      <div class="isCard">
 
+                        <div>{{ s }}</div>
 
+                      </div>
 
+                    </el-tooltip>
 
+                  </div>
 
+                </div>
 
+                <div class="cardAnswerBox">
 
+                  组成句子：{{ st.chooseSenList.join(" ") }}
 
+                </div>
 
+              </div>
 
+              <div class="answerRight isTj" v-if="
 
+                st.chooseSenList.toString() == st.rightAnswer.toString() &&
 
+                (tType == 1 || tType == 4)
 
+              ">
 
+                <div class="isTjImg">
 
+                  <img src="../../assets/icon/conSentences/right.png" alt="" />
 
+                </div>
 
+                <div>回答正确</div>
 
+              </div>
 
+              <div class="answerRight isTj" v-if="
 
+                st.chooseSenList.toString() != st.rightAnswer.toString() &&
 
+                (tType == 1 || tType == 4)
 
+              ">
 
+                <div class="isTjImg">
 
+                  <img src="../../assets/icon/conSentences/wrong.png" alt="" />
 
+                </div>
 
+                <div>回答错误</div>
 
+              </div>
 
+            </div>
 
+            <div v-if="
 
+              st.chooseSenList.toString() != st.rightAnswer.toString() &&
 
+              (tType == 1 || tType == 4)
 
+            ">
 
+              <div style="padding: 15px 0 10px 20px">正确答案如下：</div>
 
+              <div class="cardList" v-if="st.rightAnswer" style="border: none; padding: 10px 0 10px 10px; margin: 0">
 
+                <div class="cardBox">
 
+                  <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
 
+                    <el-tooltip class="item" effect="light" :content="r" placement="top">
 
+                      <div class="isCard1">
 
+                        <div>{{ r }}</div>
 
+                      </div>
 
+                    </el-tooltip>
 
+                  </div>
 
+                </div>
 
+                <div class="cardAnswerBox">
 
+                  组成句子：{{ st.rightAnswer.join(" ") }}
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
 
+        <el-button type="primary" @click="dialogVisibleSentence1 = false">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="教师提交作业" :visible.sync="dialogVisibleWorks" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_change">
 
+      <div class="marginT">
 
+        <div class="w_name">
 
+          学生姓名：<span>{{ sStudent.student }}</span>
 
+        </div>
 
+        <div>上传文件</div>
 
+        <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
 
+          <div class="up_photo">
 
+            <img src="../../assets/uploadImg2.png" alt />
 
+          </div>
 
+          <!-- <input
 
+            type="file"
 
+            accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
 
+            style="display: none"
 
+            @change="beforeUpload1($event, 1)"
 
+          /> -->
 
+          <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
 
+        </div>
 
+        <!-- capture="camera" -->
 
+        <div class="chapter_add" style="
 
+                                            display: flex;
 
+                                            width: 100%;
 
+                                            flex-direction: row;
 
+                                            flex-wrap: wrap;
 
+                                            justify-content: flex-start;
 
+                                            padding: 15px 0;
 
+                                          " v-if="studyJuri[0].cover.length > 0">
 
+          <div class="upCover">
 
+            <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
 
+            <img :src="word" alt v-else-if="fileType == 1" />
 
+            <img :src="video" alt v-else-if="fileType == 2" />
 
+            <img :src="word2" alt v-else-if="fileType == 3" />
 
+            <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
 
+
 
+            <div class="deleteWord" @click="clean(1)">
 
+              <img src="../../assets/icon/deleteWorks.png" alt />
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="upload_send" @click="addCourseWorksTeacher(taskCount)" v-if="!proVisible">
 
+        提交
 
+      </div>
 
+    </el-dialog>
 
+    <ImgDraw :drawShow="drawShow" @closeDraw="closeDraw" @addImgDraw="addImgDraw" :bg="bg"></ImgDraw>
 
+    <el-dialog title="表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <div>表格内容</div>
 
+        <Table v-model="tableJson.text" @change="change"></Table>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleTable = false">取 消</el-button>
 
+        <el-button type="primary" @click="addTableWorks">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="95%" :before-close="handleClose"
 
+      class="dialog_diy">
 
+      <el-form>
 
+        <div>文档内容</div>
 
+        <editor-bar v-model="wordJson.text"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleWord = false">取 消</el-button>
 
+        <el-button type="primary" @click="addWordWorks">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="表格" :visible.sync="dialogVisibleTable2" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <div class="cont" v-html="tableJson.text"></div>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div v-if="dialogVisibleGroup">
 
+        <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
 
+          <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
 
+            提示：需要锁定位置，才能点击头像修改座位。
 
+          </div>
 
+          <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
 
+            @click="lockChair">
 
+            锁定位置
 
+          </div>
 
+          <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
 
+            解锁位置
 
+          </div>
 
+          <div type="primary" @click="updateGroup" class="returnBtn" style="background-color: #225bc7">
 
+            分组设置
 
+          </div>
 
+        </div>
 
+        <div>
 
+          <div class="g_d_box" v-if="groupJson.group && groupStudent[toolindex]">
 
+            <div class="g_d_group" v-for="(g, gindex) in groupJson.group" :key="gindex">
 
+              <div class="g_d_group_chair">
 
+                <div v-if="groupJson.number > 1">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][0],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][0] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][0]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][0]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][0].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+                <div v-if="groupJson.number > 4">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][4],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][4] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][4]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][4]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][4].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+                <div v-if="groupJson.number > 8">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][8],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][8] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][8]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][8]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][8].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+              </div>
 
+              <div class="g_d_group_tableBox">
 
+                <div class="g_d_group_chair2">
 
+                  <div v-if="groupJson.number > 2">
 
+                    <span :class="{
 
+                      isChair:
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][2],
 
+                      updateChair:
 
+                        courseDetail.userid == userid &&
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][2] &&
 
+                        groupJson.islock == 2,
 
+                    }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][2]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][2]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][2].name
 
+  : "空位置"
 
+}}</span>
 
+                  </div>
 
+                  <div v-if="groupJson.number > 6">
 
+                    <span :class="{
 
+                      isChair:
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][6],
 
+                      updateChair:
 
+                        courseDetail.userid == userid &&
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][6] &&
 
+                        groupJson.islock == 2,
 
+                    }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][6]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][6]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][6].name
 
+  : "空位置"
 
+}}</span>
 
+                  </div>
 
+                </div>
 
+                <div class="g_d_group_table">
 
+                  <div>
 
+                    {{ g.name }}
 
+                  </div>
 
+                  <div>
 
+                    <div v-if="
 
+                      courseDetail.userid == userid && groupJson.islock == 2
 
+                    " @click="deleteGroupChair(gindex)">
 
+                      移除组员
 
+                    </div>
 
+                    <div @click="selectGroup(gindex)" v-else-if="
 
+                      groupStudentUid[toolindex] &&
 
+                      groupStudentUid[toolindex][gindex].indexOf(userid) == -1
 
+                    ">
 
+                      加入分组
 
+                    </div>
 
+                    <div @click="
 
+                      exitGroup(
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][
 
+                          groupStudentUid[toolindex][gindex].indexOf(userid)
 
+                        ].id
 
+                      )
 
+                    " v-else-if="
 
+  groupStudentUid[toolindex] &&
 
+  groupStudentUid[toolindex][gindex].indexOf(userid) != -1
 
+">
 
+                      退出分组
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="g_d_group_chair2">
 
+                  <div v-if="groupJson.number > 3">
 
+                    <span :class="{
 
+                      isChair:
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][3],
 
+                      updateChair:
 
+                        courseDetail.userid == userid &&
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][3] &&
 
+                        groupJson.islock == 2,
 
+                    }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][3]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][3]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][3].name
 
+  : "空位置"
 
+}}</span>
 
+                  </div>
 
+                  <div v-if="groupJson.number > 7">
 
+                    <span :class="{
 
+                      isChair:
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][7],
 
+                      updateChair:
 
+                        courseDetail.userid == userid &&
 
+                        groupStudent[toolindex][gindex] &&
 
+                        groupStudent[toolindex][gindex][7] &&
 
+                        groupJson.islock == 2,
 
+                    }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][7]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][7]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][7].name
 
+  : "空位置"
 
+}}</span>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="g_d_group_chair">
 
+                <div v-if="groupJson.number > 1">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][1],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][1] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][1]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][1]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][1].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+                <div v-if="groupJson.number > 5">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][5],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][5] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][5]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][5]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][5].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+                <div v-if="groupJson.number > 9">
 
+                  <span :class="{
 
+                    isChair:
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][9],
 
+                    updateChair:
 
+                      courseDetail.userid == userid &&
 
+                      groupStudent[toolindex][gindex] &&
 
+                      groupStudent[toolindex][gindex][9] &&
 
+                      groupJson.islock == 2,
 
+                  }"><span class="updateChairBtn" @click="
 
+  updateGroupChair(
 
+    groupStudent[toolindex][gindex] &&
 
+    groupStudent[toolindex][gindex][9]
 
+  )
 
+">修改</span></span><span>{{
 
+  groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][9]
 
+  ? groupStudent[toolindex][gindex] &&
 
+  groupStudent[toolindex][gindex][9].name
 
+  : "空位置"
 
+}}</span>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup2" :append-to-body="true" width="650px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="groupBox">
 
+        <div v-if="groupJson2.group" class="groupContent">
 
+          <div class="groupTitle">请设置小组数量</div>
 
+          <div v-for="(item, index) in groupJson2.group" :key="index" class="groupName">
 
+            <span class="groupn">组{{ index + 1 }}名称:</span>
 
+            <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
 
+            <!-- <div class="groupBtn">
 
+              <el-button type="primary" size="small" @click="addGroup(index)">
 
+                添加</el-button>
 
+              <el-button type="primary" size="small" @click="deleteGroup(index)"
 
+                v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
 
+            </div> -->
 
+          </div>
 
+        </div>
 
+        <div class="groupContent">
 
+          <div class="groupTitle">请设置每组人数数量</div>
 
+          <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
 
+            style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
 
+          <el-input-number v-model="groupJson2.number" :controls="false" :min="2" :max="10"
 
+            placeholder="2-10人以内"></el-input-number>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
 
+        <el-button type="primary" @click="updateGroupJson">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="作业提交" :visible.sync="dialogVisibleGroupWork" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_change">
 
+      <div class="marginT">
 
+        <div>上传文件</div>
 
+        <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
 
+          <div class="up_photo">
 
+            <img src="../../assets/icon/uploadImg.png" alt />
 
+          </div>
 
+          <!-- <input
 
+            type="file"
 
+            accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
 
+            style="display: none"
 
+            @change="beforeUpload1($event, 1)"
 
+          /> -->
 
+          <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
 
+        </div>
 
+        <!-- capture="camera" -->
 
+        <div class="chapter_add" style="
 
+                                            display: flex;
 
+                                            width: 100%;
 
+                                            flex-direction: row;
 
+                                            flex-wrap: wrap;
 
+                                            justify-content: flex-start;
 
+                                            padding: 15px 0;
 
+                                          " v-if="studyJuri[0].cover.length > 0">
 
+          <div class="upCover">
 
+            <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
 
+            <img :src="word" alt v-else-if="fileType == 1" />
 
+            <img :src="video" alt v-else-if="fileType == 2" />
 
+            <img :src="word2" alt v-else-if="fileType == 3" />
 
+            <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
 
+
 
+            <div class="deleteWord" @click="clean(1)">
 
+              <img src="../../assets/icon/deleteWorks.png" alt />
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="upload_send" @click="addCourseWorks2(taskCount)" v-if="!proVisible">
 
+        提交
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="修改分组" :visible.sync="dialogVisibleUpdateGroup" :append-to-body="true" width="350px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <h2>
 
+          {{ this.updateGroupUser.name }}
 
+        </h2>
 
+        <div style="color: rgb(171 171 171); margin-top: 10px">
 
+          请选择要进入的分组
 
+        </div>
 
+        <el-radio-group v-model="checkChair">
 
+          <el-radio style="display: block; margin-top: 20px" v-for="(item, index) in updateGroupArray" :label="item.label"
 
+            :key="index">{{ item.name }}</el-radio>
 
+        </el-radio-group>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
 
+        <el-button type="primary" @click="updateChair">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="移除组员" :visible.sync="dialogVisibleDeleteGroup" :append-to-body="true" width="350px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <h2>
 
+          {{ this.deleteGroupArray.name }}
 
+        </h2>
 
+        <div style="color: rgb(171 171 171); margin-top: 10px">
 
+          请选择要删除的组员
 
+        </div>
 
+        <el-checkbox-group v-model="checkDeleteGroup">
 
+          <el-checkbox style="display: block; margin-top: 20px" v-for="(item, index) in deleteGroupUser"
 
+            :label="item.userid" :key="index">{{ item.name }}</el-checkbox>
 
+        </el-checkbox-group>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
 
+        <el-button type="primary" @click="deleteChair">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="批量上传" :visible.sync="dialogVisiblePl" :append-to-body="true" width="700px"
 
+      :before-close="handleClose" class="dialog_change">
 
+      <div class="marginT">
 
+        <div>上传文件</div>
 
+        <div class="plworkBox">
 
+          <div class="chapter_add" style="
 
+                                              display: flex;
 
+                                              width: 150px;
 
+                                              flex-direction: row;
 
+                                              flex-wrap: wrap;
 
+                                              justify-content: flex-start;
 
+                                              margin: 0 10px 10px 0;
 
+                                            " v-for="(item, index) in plworkFile" :key="index">
 
+            <div class="upCover2">
 
+              <img :src="item.url" alt v-if="item.fileType == 1" />
 
+              <img :src="word" alt v-else-if="item.fileType == 4" />
 
+              <img :src="video" alt v-else />
 
+              <!-- <span class="picName">{{ item.name }}</span> -->
 
+              <!-- <el-input
 
+                v-model="item.username"
 
+                placeholder="请输入学生名字"
 
+                style="margin-top: 10px"
 
+              ></el-input> -->
 
+
 
+              <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
 
+                <el-option v-for="item1 in uploadStudentJuri" :key="item1.userid"
 
+                  :label="item1.name ? item1.name : item1.username" :value="item1.userid">
 
+                </el-option>
 
+              </el-select>
 
+
 
+              <div class="deleteWord" @click="clean2(index)">
 
+                <img src="../../assets/icon/deleteWorks.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="chapter_add" style="width: auto" @click="addImg($event)">
 
+            <div class="up_photo2">
 
+              <img src="../../assets/icon/plwork.png" alt />
 
+              <span>点击批量上传文件</span>
 
+            </div>
 
+            <input type="file"
 
+              accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
 
+              multiple="multiple" style="display: none" @change="beforeUpload3($event, 6)" />
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <!-- capture="camera" -->
 
+      <div class="upload_send" @click="addCourseWorksPl(taskCount)" v-if="!proVisible2">
 
+        提交
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="修改名称" :visible.sync="dialogVisibleSname" width="500px" :before-close="handleClose"
 
+      class="dialog_diy" center>
 
+      <div style="text-align: center">
 
+        <span class="tian1">名称</span>
 
+        <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
 
+          placeholder="请选择学生">
 
+          <el-option v-for="item in classJuri" :key="item.userid" :label="item.name ? item.name : item.username"
 
+            :value="item.userid">
 
+          </el-option>
 
+        </el-select>
 
+        <!-- <el-input
 
+          v-model="worksSName"
 
+          style="width: 250px; margin: 15px 0px"
 
+        ></el-input> -->
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleSname = false">取 消</el-button>
 
+        <el-button type="primary" @click="updateName">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import "../../common/aws-sdk-2.235.1.min.js";
 
+// import pdf from "../components/pdf3";
 
+import pdf from "../components/vpdf";
 
+import AskStatic from "../components/askStatic";
 
+import AskStatic2 from "../components/askStatic2";
 
+import AnswerData2 from "../components/answerData2";
 
+import AnswerData from "../components/answerData";
 
+import EditorBar from "../tools/wangEnduit.vue";
 
+import Table from "../tools/table.vue";
 
+import Time from "../tools/time.vue";
 
+import Mind from "../tools/jsmind.vue";
 
+import Sunburst from "../tools/sunburst";
 
+import SeeBoard from "../tools/seeBoard";
 
+import * as imageConversion from "image-conversion";
 
+import Audio from "../components/audio.vue";
 
+import ImgDraw from "../tools/imgDraw/imgDraw";
 
+import { Empty } from "element-ui";
 
+import RecordRTC from "recordrtc";
 
+
 
+export default {
 
+  components: {
 
+    EditorBar,
 
+    Time,
 
+    pdf,
 
+    AskStatic,
 
+    AskStatic2,
 
+    Mind,
 
+    Sunburst,
 
+    SeeBoard,
 
+    AnswerData2,
 
+    AnswerData,
 
+    Audio,
 
+    ImgDraw,
 
+    Table,
 
+  },
 
+  data() {
 
+    return {
 
+      bg: null,
 
+      drawShow: false,
 
+      dialogVisible: false,
 
+      dialogVisiblePl: false,
 
+      commentDialogVisible: false,
 
+      videoVisible: false,
 
+      isStar: false,
 
+      studentEvalDialogVisible: false,
 
+      dialogVisibleSelect: false,
 
+      dialogVisibleScore: false,
 
+      dialogVisibleSentence: false,
 
+      dialogVisibleSentence1: false,
 
+      dialogVisibleWorks: false,
 
+      dialogVisibleTable: false,
 
+      dialogVisibleWord: false,
 
+      dialogVisibleTable2: false,
 
+      dialogVisibleGroupWork: false,
 
+      dialogVisibleUpdateGroup: false,
 
+      dialogVisibleDeleteGroup: false,
 
+      dialogVisibleSname: false,
 
+      worksSName: "",
 
+      classJuri: [],
 
+      uploadStudentJuri: [],
 
+      uploadCid: "",
 
+      snameWid: "",
 
+      sStudent: {},
 
+      bzText: "",
 
+      commentDetail: [],
 
+      selectAnswer: [],
 
+      videoDetail: {},
 
+      selectJson: {},
 
+      eScore: { eBzText: "", eStar: [] },
 
+      id: this.$route.query.courseId,
 
+      userid: this.$route.query.userid,
 
+      classId: this.$route.query.cid,
 
+      // courseTypeLine: this.$route.query.type,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      tType: this.$route.query.tType,
 
+      courseType: this.$route.query.type,
 
+      screenType: this.$route.query.screenType,
 
+      tcid2: this.$route.query.tcid,
 
+      tcid: "",
 
+      pptImgUrl: "",
 
+      pptImgUrl1: "",
 
+      commentText: "",
 
+      full: false,
 
+      sIsOpen: false,
 
+      IsLookOpen: false,
 
+      IsFollow: false,
 
+      pzDialog: false,
 
+      contentDialog: false,
 
+      mlDialog: false,
 
+      type: 1,
 
+      sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
 
+      sentenceList1: [],
 
+      tableJson: [],
 
+      wordJson: [],
 
+      vedio: [],
 
+      text: [],
 
+      textList: [],
 
+      line: [],
 
+      lineList: [],
 
+      chapTools: [],
 
+      chapToolList: [],
 
+      file: [],
 
+      fileC: [],
 
+      vedioTime: [],
 
+      upToolImg: "",
 
+      preTime: 0,
 
+      rateList: {
 
+        ca: 0,
 
+      },
 
+      rateParams: [],
 
+      colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
 
+      studyJuri: [
 
+        {
 
+          content: "",
 
+          cover: [],
 
+          upVedio: [],
 
+          upFile: [],
 
+        },
 
+      ],
 
+      plworkFile: [],
 
+      mr: require("../../assets/vedioPic.png"),
 
+      word: require("../../assets/icon/isWord.png"),
 
+      word2: require("../../assets/icon/word2.png"),
 
+      video: require("../../assets/icon/isVideo.png"),
 
+      noLikes: require("../../assets/icon/comment/noLikes.png"),
 
+      likes: require("../../assets/icon/comment/likes.png"),
 
+      scoreImg: require("../../assets/score.png"),
 
+      courseDetail: {},
 
+      isSelect: false,
 
+      chapInfo: [],
 
+      chapInfoList: [],
 
+      taskCount: 0,
 
+      imgList: [],
 
+      noImgList: [],
 
+      pzList: [],
 
+      PlTextList: [
 
+        "Excellent！",
 
+        "nice！",
 
+        "很有创意！",
 
+        "还不错哦～",
 
+        "继续努力哦～",
 
+      ],
 
+      isClickNav: "",
 
+      navId: "",
 
+      playerOptions: {
 
+        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
 
+        autoplay: false, //如果true,浏览器准备好时开始回放。
 
+        muted: false, // 默认情况下将会消除任何音频。
 
+        loop: false, // 导致视频一结束就重新开始。
 
+        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
 
+        language: "zh-CN",
 
+        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
 
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
 
+        sources: [
 
+          {
 
+            type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
 
+            src: "", //url地址require("../../../../assets/media/aaa.mp4")
 
+          },
 
+        ],
 
+        // poster: require("../../../../assets/tu31.png"), //你的封面地址
 
+        // poster: dataRes.imgUrl, //你的封面地址
 
+        notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
 
+        controlBar: {
 
+          timeDivider: true, //当前时间和持续时间的分隔符
 
+          durationDisplay: true, //显示持续时间
 
+          remainingTimeDisplay: false, //是否显示剩余时间功能
 
+          fullscreenToggle: true, //全屏按钮
 
+        },
 
+      },
 
+      playerOptions1: {
 
+        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
 
+        autoplay: false, //如果true,浏览器准备好时开始回放。
 
+        muted: false, // 默认情况下将会消除任何音频。
 
+        loop: false, // 导致视频一结束就重新开始。
 
+        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
 
+        language: "zh-CN",
 
+        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
 
+        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
 
+        sources: [
 
+          {
 
+            type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
 
+            src: "", //url地址require("../../../../assets/media/aaa.mp4")
 
+          },
 
+        ],
 
+        // poster: require("../../../../assets/tu31.png"), //你的封面地址
 
+        // poster: dataRes.imgUrl, //你的封面地址
 
+        notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
 
+        controlBar: {
 
+          timeDivider: true, //当前时间和持续时间的分隔符
 
+          durationDisplay: true, //显示持续时间
 
+          remainingTimeDisplay: false, //是否显示剩余时间功能
 
+          fullscreenToggle: true, //全屏按钮
 
+        },
 
+      },
 
+      playerO: {},
 
+      noneBtnImg: false,
 
+      proVisible: false,
 
+      proVisible2: false,
 
+      progress: 0,
 
+      isFinishSize: 0,
 
+      isAllSize: 0,
 
+      questionAnswer: "",
 
+      answerQ: "", //问答标题
 
+      rateJson: [],
 
+      wbCount: 0,
 
+      wordCount: 0,
 
+      mindCount: 0,
 
+      askCount: 0,
 
+      noteCount: 0,
 
+      mindNetWorkCount: 0,
 
+      libraryCount: 0,
 
+      workCount: 0,
 
+      timeCount: 0,
 
+      answerCount: 0,
 
+      trainCount: 0,
 
+      evalCount: 0,
 
+      dialogImageUrl: "",
 
+      pictureDialog: false,
 
+      toolTypeList: [],
 
+      dialogVisible1: false,
 
+      dialogVisible2: false,
 
+      dialogVisible3: false,
 
+      dialogVisible6: false,
 
+      dialogVisible4: false,
 
+      isNoHomeWork: false,
 
+      dialogVisible5: false,
 
+      dialogVisibleChoice: false,
 
+      answerDialogVisible: false,
 
+      juriVisible: false,
 
+      timeDialogVisible: false,
 
+      radio: [],
 
+      isAsk: false,
 
+      askJson: {
 
+        askCount: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+      },
 
+      testJson: {},
 
+      checkJson: [],
 
+      askList: [],
 
+      answerList: [],
 
+      navList: [],
 
+      addPzDialog: false,
 
+      pzConText: "",
 
+      worksStudent: [],
 
+      worksStudent2: [],
 
+      worksTeacher: [],
 
+      isCloseList: [],
 
+      workStudent: [],
 
+      groupStudent: [],
 
+      groupStudentUid: [],
 
+      noWorksS: [],
 
+      isWorksS: [],
 
+      noWorksStudent: [],
 
+      toolindex: 0,
 
+      groupIndex: 0,
 
+      workTypeB: false,
 
+      workTypeC: false,
 
+      isAnswer: false,
 
+      timer: null,
 
+      opertimer: null,
 
+      showType: 0,
 
+      fileType: 0,
 
+      showPDF: false,
 
+      noteName: "",
 
+      evaJuri: [],
 
+      evalua: "",
 
+      eTitle: "",
 
+      eName: "",
 
+      eJson: {},
 
+      fid: "", //一级
 
+      sid: "", //二级
 
+      tid: "", //二级
 
+      typeMode: 1,
 
+      eJSONNum: 0,
 
+      Etype: 1,
 
+      data: {
 
+        meta: {
 
+          name: "example",
 
+          author: "dd@163.com",
 
+          version: "0.2",
 
+        },
 
+        format: "node_array",
 
+        data: [{ id: "root", isroot: true, topic: "" }],
 
+      },
 
+      fullDialogVisible: false,
 
+      fulltype: "",
 
+      fullUrl: "",
 
+      commentIndexJson: {},
 
+      Stbodywidth: 0,
 
+      pzType: 1,
 
+      wScore: 0,
 
+      scoreDetail: "",
 
+      videoStart: false,
 
+      recorder: null,
 
+      groupJson: {},
 
+      groupJson2: {},
 
+      dialogVisibleGroup: false,
 
+      dialogVisibleGroup2: false,
 
+      updateGroupArray: [],
 
+      updateGroupUser: {},
 
+      deleteGroupUser: [],
 
+      deleteGroupArray: {},
 
+      checkChair: "",
 
+      checkDeleteGroup: [],
 
+      inviteCode: "",
 
+      courseGroupStudent: [],
 
+      courseGroupStudentUid: [],
 
+      courseGroup: {},
 
+      isGroup: false,
 
+      toolIndex: null,
 
+      tool: {},
 
+      isWorkTool: [16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 40, 41, 47, 48, 52]
 
+    };
 
+  },
 
+  methods: {
 
+    jump() {
 
+      window.parent.postMessage({ tools: "43" }, "*");
 
+    },
 
+    previewImg(url) {
 
+      this.$hevueImgPreview(url);
 
+    },
 
+    change(val) {
 
+      console.log(val);
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    handlePictureCardPreview(url) {
 
+      this.dialogImageUrl = url;
 
+      this.pictureDialog = true;
 
+    },
 
+    clean(type) {
 
+      if (type == 1) {
 
+        this.studyJuri[0].cover.splice(0, 1);
 
+      } else if (type == 2) {
 
+        this.studyJuri[0].upVedio.splice(0, 1);
 
+      } else {
 
+        this.studyJuri[0].upFile.splice(0, 1);
 
+      }
 
+    },
 
+    clean2(index) {
 
+      this.plworkFile.splice(index, 1);
 
+    },
 
+    handleClose(done) {
 
+      if (this.videoDetail.sources && this.videoDetail.sources[0]) {
 
+        this.videoDetail.sources[0].src = "";
 
+      }
 
+      this.commentIndexJson = {};
 
+      done();
 
+    },
 
+    fullTools() {
 
+      this.full = !this.full;
 
+    },
 
+    imgChange(file, fileList, type) {
 
+      if (type == 1) {
 
+        var _tmp = this.studyJuri[0].cover;
 
+      } else if (type == 2) {
 
+        var _tmp = this.studyJuri[0].upVedio;
 
+      } else {
 
+        var _tmp = this.studyJuri[0].upFile;
 
+      }
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    setContent(bool) {
 
+      this.contentDialog = bool
 
+      if (bool && this.mlDialog) {
 
+        document.querySelector('.workd_media').style.height = "650px"
 
+      } else {
 
+        document.querySelector('.workd_media').style.height = "auto"
 
+      }
 
+    },
 
+    setContent2(bool) {
 
+      this.mlDialog = bool
 
+      if (bool && this.contentDialog) {
 
+        document.querySelector('.workd_media').style.height = "650px"
 
+      } else {
 
+        document.querySelector('.workd_media').style.height = "auto"
 
+      }
 
+    },
 
+    addImg(e) {
 
+      var el = e.currentTarget;
 
+      // this.$message.success('触发上传')
 
+      el.getElementsByTagName("input")[0].click();
 
+      e.target.value = "";
 
+    },
 
+    addSelectAnswer() {
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: this.selectAnswer.answer,
 
+          type: 7,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.dialogVisibleSelect = false;
 
+          // this.selectAnswer = {};
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addSenWorks() {
 
+      for (var i = 0; i < this.sentenceList.length; i++) {
 
+        for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
 
+          if (
 
+            this.sentenceList[i].chooseSenList[j] == undefined ||
 
+            this.sentenceList[i].chooseSenList[j] == ""
 
+          ) {
 
+            this.$message.error("请将答案填写完整！");
 
+            return;
 
+          }
 
+        }
 
+      }
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.sentenceList),
 
+          type: 9,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.dialogVisibleSentence = false;
 
+          // this.selectAnswer = {};
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addTableWorks() {
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
 
+          type: 10,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.dialogVisibleTable = false;
 
+          // this.selectAnswer = {};
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addWordWorks() {
 
+      let params = {
 
+        uid: this.userid,
 
+        cid: this.id,
 
+        stage: this.courseType,
 
+        task: this.taskCount,
 
+        tool: this.toolindex,
 
+        content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
 
+        type: 13,
 
+        atool: 52,
 
+      };
 
+      console.log(params);
 
+      this.ajax
 
+        .get(this.$store.state.api + "addCourseWorks3", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.dialogVisibleWord = false;
 
+          // this.selectAnswer = {};
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addCourseWorks(i) {
 
+      var typesql;
 
+      if (this.fileType === 0) {
 
+        typesql = 1;
 
+      } else if (this.fileType === 1) {
 
+        typesql = 4;
 
+      } else if (this.fileType === 2) {
 
+        typesql = 5;
 
+      } else if (this.fileType === 3) {
 
+        typesql = 12;
 
+      }
 
+
 
+      if (!this.studyJuri[0].cover[0].url) {
 
+        this.$message.error("请上传文件");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: i,
 
+          tool: this.toolindex,
 
+          content: this.studyJuri[0].cover[0].url,
 
+          type: typesql,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorksR", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.studyJuri[0].cover = [];
 
+          this.dialogVisible = false;
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+
 
+    addCourseWorksPl(i) {
 
+      let _files = this.plworkFile;
 
+      var c = 1;
 
+      for (var k = 0; k < _files.length; k++) {
 
+        if (!_files[k].username) {
 
+          c = 2;
 
+        }
 
+      }
 
+      if (c == 2) {
 
+        this.$message.error("请填写学生姓名");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          ateacher: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: i,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorksPl", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.plworkFile = [];
 
+          this.dialogVisiblePl = false;
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addCourseWorks2(i) {
 
+      var typesql;
 
+      if (this.fileType === 0) {
 
+        typesql = 0;
 
+      } else if (this.fileType === 1) {
 
+        typesql = 1;
 
+      } else if (this.fileType === 2) {
 
+        typesql = 3;
 
+      } else if (this.fileType === 3) {
 
+        typesql = 12;
 
+      }
 
+
 
+      if (!this.studyJuri[0].cover[0].url) {
 
+        this.$message.error("请上传文件");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: i,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify({
 
+            type: typesql,
 
+            groupIndex: this.groupIndex,
 
+            url: this.studyJuri[0].cover[0].url,
 
+          }).replaceAll(/%/g, "%25"),
 
+          type: 11,
 
+          atool: 49,
 
+          text: "",
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks5", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.studyJuri[0].cover = [];
 
+          this.dialogVisibleGroupWork = false;
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addCourseWorksGong(i, data, tool) {
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: i,
 
+          content: data,
 
+          type: 12,
 
+          atool: tool,
 
+          text: "",
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks5", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.studyJuri[0].cover = [];
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addCourseWorksTeacher(i) {
 
+      var typesql;
 
+      if (this.fileType === 0) {
 
+        typesql = 1;
 
+      } else if (this.fileType === 1) {
 
+        typesql = 4;
 
+      } else if (this.fileType === 2) {
 
+        typesql = 5;
 
+      } else if (this.fileType === 3) {
 
+        typesql = 12;
 
+      }
 
+
 
+      if (!this.studyJuri[0].cover[0].url) {
 
+        this.$message.error("请上传文件");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          uid: this.sStudent.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: i,
 
+          tool: this.toolindex,
 
+          content: this.studyJuri[0].cover[0].url,
 
+          type: typesql,
 
+          ateacher: this.userid,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorksTeacher", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.studyJuri[0].cover = [];
 
+          this.dialogVisibleWorks = false;
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+
 
+    selectCStudent() {
 
+      let params = {
 
+        cid: this.classId,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectSnameByCid", params)
 
+        .then((res) => {
 
+          this.classJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectUploadStudent() {
 
+      let params = {
 
+        cid: this.uploadCid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectSnameByCid", params)
 
+        .then((res) => {
 
+          this.uploadStudentJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    arrayToArray(arrayo, arrayt) {
 
+      let array1 = arrayo;
 
+      let array2 = arrayt;
 
+
 
+      let commonElements = [];
 
+
 
+      for (let i = 0; i < array1.length; i++) {
 
+        for (let j = 0; j < array2.length; j++) {
 
+          if (array1[i] === array2[j]) {
 
+            commonElements.push(array1[i]);
 
+          }
 
+        }
 
+      }
 
+      return commonElements
 
+    },
 
+    selectWorksStudent() {
 
+      let params = {
 
+        oid: this.oid,
 
+        cid: this.courseDetail.juri,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectWorksStudent", params)
 
+        .then((res) => {
 
+          var a = res.data[0];
 
+          for (var i = 0; i < this.isWorksS.length; i++) {
 
+            this.noWorksS[i] = [];
 
+            var studentK = [];
 
+            if (this.isWorksS[i].length > 0) {
 
+              for (var z = 0; z < this.isWorksS[i].length; z++) {
 
+                studentK.push(this.isWorksS[i][z].uid);
 
+              }
 
+              studentK = studentK.join(",");
 
+              for (var j = 0; j < a.length; j++) {
 
+                // if (studentK.indexOf(a[j].userid) == -1) {
 
+                if (this.tcid) {
 
+                  // a[j].classid.indexOf(this.tcid) != -1  
+                  if (this.arrayToArray(a[j].classid.split(","), this.tcid.split(",")).length) {
 
+                    this.noWorksS[i].push({
 
+                      student: a[j].name,
 
+                      userid: a[j].userid,
 
+                    });
 
+                  }
 
+                } else {
 
+                  this.noWorksS[i].push({
 
+                    student: a[j].name,
 
+                    userid: a[j].userid,
 
+                  });
 
+                }
 
+                // }
 
+              }
 
+            } else {
 
+              for (var k = 0; k < a.length; k++) {
 
+                if (this.tcid) {
 
+                  if (this.arrayToArray(a[k].classid.split(","), this.tcid.split(",")).length) {
 
+                    this.noWorksS[i].push({
 
+                      student: a[k].name,
 
+                      userid: a[k].userid,
 
+                    });
 
+                  }
 
+                } else {
 
+                  this.noWorksS[i].push({
 
+                    student: a[k].name,
 
+                    userid: a[k].userid,
 
+                  });
 
+                }
 
+              }
 
+            }
 
+          }
 
+          this.$forceUpdate();
 
+          if (
 
+            Object.keys(this.commentDetail).length &&
 
+            Object.keys(this.commentIndexJson).length &&
 
+            !this.dialogVisibleScore
 
+          ) {
 
+            let a = 1;
 
+            let c = this.commentIndexJson;
 
+            console.log(c);
 
+            if (
 
+              this.commentIndexJson.gindex ||
 
+              this.commentIndexJson.gindex === 0
 
+            ) {
 
+              for (
 
+                var i = 0;
 
+                i < this.worksStudent[this.commentIndexJson.toolIndex].length;
 
+                i++
 
+              ) {
 
+                let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
 
+                groupA: for (var k = 0; k < _el.length; k++) {
 
+                  let el = _el[k];
 
+                  if (el.wid == this.commentDetail.wid) {
 
+                    a = 2;
 
+                    this.commentOther(
 
+                      this.worksStudent[this.commentIndexJson.toolIndex][i][k],
 
+                      this.commentIndexJson.toolIndex,
 
+                      k,
 
+                      this.commentIndexJson.gindex
 
+                    );
 
+                    break groupA;
 
+                  }
 
+                }
 
+              }
 
+              if (a === 1) {
 
+                this.commentDetail = [];
 
+                this.commentIndexJson = {};
 
+                this.commentDialogVisible = false;
 
+                this.$message("此作业已被删除");
 
+              }
 
+            } else {
 
+
 
+              if (this.isGroup && this.commentIndexJson.gid) {
 
+                groupA: for (
 
+                  var i = 0;
 
+                  i < this.courseGroup.group.length;
 
+                  i++
 
+                ) {
 
+                  let _group = this.courseGroup.group[i]
 
+                  if (_group.id == this.commentIndexJson.gid) {
 
+                    let _el2 = _group.works[this.commentIndexJson.toolIndex];
 
+                    for (var k = 0; k < _el2.length; k++) {
 
+                      let el2 = _el2[k];
 
+                      if (el2.wid == this.commentDetail.wid) {
 
+                        a = 2;
 
+                        this.commentOther(
 
+                          _el2[k],
 
+                          this.commentIndexJson.toolIndex,
 
+                          k,
 
+                          null,
 
+                          this.commentIndexJson.gid
 
+                        );
 
+                        break groupA;
 
+                      }
 
+                    }
 
+                  }
 
+                }
 
+              }
 
+              if (a == 1) {
 
+                for (
 
+                  var i = 0;
 
+                  i < this.worksStudent[this.commentIndexJson.toolIndex].length;
 
+                  i++
 
+                ) {
 
+                  let el = this.worksStudent[this.commentIndexJson.toolIndex][i];
 
+                  if (el.wid == this.commentDetail.wid) {
 
+                    a = 2;
 
+                    this.commentOther(
 
+                      this.worksStudent[this.commentIndexJson.toolIndex][i],
 
+                      this.commentIndexJson.toolIndex,
 
+                      i
 
+                    );
 
+                    break;
 
+                  }
 
+                }
 
+              }
 
+              if (a === 1) {
 
+                this.commentDetail = [];
 
+                this.commentIndexJson = {};
 
+                this.commentDialogVisible = false;
 
+                this.$message("此作业已被删除");
 
+              }
 
+            }
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectStudent() {
 
+    },
 
+    openVideo(w) {
 
+      this.videoDetail = {};
 
+      this.playerOptions1.sources[0].src = w.works;
 
+      this.videoDetail = this.playerOptions1;
 
+      this.videoVisible = true;
 
+    },
 
+    isLikes(wid, uid, t, c, isLikes) {
 
+      if (isLikes == false) {
 
+        let params = [
 
+          {
 
+            wid: wid,
 
+            lid: uid,
 
+            t: t,
 
+            c: c,
 
+          },
 
+        ];
 
+        this.ajax
 
+          .post(this.$store.state.api + "insertComment", params)
 
+          .then((res) => {
 
+            this.$message({
 
+              message: "点赞成功",
 
+              type: "success",
 
+            });
 
+            this.selectSWorks();
 
+            this.selectStudent();
 
+          })
 
+          .catch((err) => {
 
+            this.$message.error("点赞失败");
 
+            console.error(err);
 
+          });
 
+      } else {
 
+        let params = {
 
+          wid: wid,
 
+          lid: uid,
 
+          type: t,
 
+        };
 
+        this.ajax
 
+          .get(this.$store.state.api + "deleteComment", params)
 
+          .then((res) => {
 
+            this.$message({
 
+              message: "取消点赞成功",
 
+              type: "success",
 
+            });
 
+            this.selectSWorks();
 
+            this.selectStudent();
 
+          })
 
+          .catch((err) => {
 
+            console.error(err);
 
+          });
 
+      }
 
+    },
 
+    deleteComment(wid) {
 
+      this.$confirm("确定删除此评论吗？", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning",
 
+      })
 
+        .then(() => {
 
+          let params = {
 
+            id: wid,
 
+          };
 
+          this.ajax
 
+            .get(this.$store.state.api + "deleteComment2", params)
 
+            .then((res) => {
 
+              this.$message({
 
+                message: "删除评论成功",
 
+                type: "success",
 
+              });
 
+              this.selectSWorks();
 
+              this.selectStudent();
 
+            })
 
+            .catch((err) => {
 
+              console.error(err);
 
+            });
 
+        })
 
+        .catch(() => { });
 
+    },
 
+    commentOther(w, toolIndex, wIndex, gindex, gid) {
 
+      this.commentIndexJson = {
 
+        toolIndex: toolIndex,
 
+        wIndex: wIndex,
 
+        gindex: gindex,
 
+        gid: gid
 
+      };
 
+      this.commentDetail = [];
 
+      this.commentDialogVisible = true;
 
+      this.commentDetail = w;
 
+      if (w.works && w.type == 1) {
 
+        this.pptImgUrl = "";
 
+        var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
 
+        if (
 
+          a.indexOf(
 
+            w.works
 
+              .split(".")
 
+            [w.works.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1
 
+        ) {
 
+          this.pptImgUrl =
 
+            "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
 
+          this.showPDF = false;
 
+        } else if (
 
+          w.works
 
+            .split(".")
 
+          [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
+        ) {
 
+          this.pptImgUrl = w.works;
 
+          this.showPDF = true;
 
+        }
 
+      } else if (w.works && w.type == 3) {
 
+        this.videoDetail = {};
 
+        this.playerOptions1.sources[0].src = w.works;
 
+        this.videoDetail = this.playerOptions1;
 
+        // this.videoVisible = true;
 
+      } else if (w.works && w.type == 4) {
 
+        this.eScore = JSON.parse(w.works);
 
+        this.rateJson =
 
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            this.taskCount
 
+          ].toolChoose[toolIndex].rateJson;
 
+      } else if (w.works && w.type == 10) {
 
+        this.commentDetail.works = JSON.parse(this.commentDetail.works);
 
+      } else if (w.works && w.type == 13) {
 
+        this.wordJson =
 
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            this.taskCount
 
+          ].toolChoose[toolIndex].wordJson;
 
+      }
 
+    },
 
+    openScore(w) {
 
+      this.wScore = 0;
 
+      this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
 
+      this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
 
+      this.commentDetail = [];
 
+      this.dialogVisibleScore = true;
 
+      this.commentDetail = w;
 
+
 
+      if (w.works && w.type == 1) {
 
+        this.pptImgUrl = "";
 
+        var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
 
+        if (
 
+          a.indexOf(
 
+            w.works
 
+              .split(".")
 
+            [w.works.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1
 
+        ) {
 
+          this.pptImgUrl =
 
+            "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
 
+          this.showPDF = false;
 
+        } else if (
 
+          w.works
 
+            .split(".")
 
+          [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
+        ) {
 
+          this.pptImgUrl = w.works;
 
+          this.showPDF = true;
 
+        }
 
+      } else if (w.works && w.type == 3) {
 
+        this.videoDetail = {};
 
+        this.playerOptions1.sources[0].src = w.works;
 
+        this.videoDetail = this.playerOptions1;
 
+      }
 
+    },
 
+    addComment(wid, uid, t) {
 
+      if (this.commentText == "") {
 
+        this.$message.error("请输入对该学生的评价");
 
+        return;
 
+      }
 
+      let params2 = [
 
+        {
 
+          wid: wid,
 
+          lid: uid,
 
+          t: t,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "getComment", params2)
 
+        .then((res) => {
 
+          if (res.data[0].length > 0) {
 
+            this.$message.error("一个作业只能评论一条");
 
+          } else {
 
+            let params = [
 
+              {
 
+                wid: wid,
 
+                lid: uid,
 
+                t: t,
 
+                c: this.commentText,
 
+              },
 
+            ];
 
+            this.ajax
 
+              .post(this.$store.state.api + "insertComment", params)
 
+              .then((res) => {
 
+                this.$message({
 
+                  message: "评论成功",
 
+                  type: "success",
 
+                });
 
+                this.commentText = "";
 
+                this.selectSWorks();
 
+                this.selectStudent();
 
+              })
 
+              .catch((err) => {
 
+                this.$message.error("评论失败");
 
+                console.error(err);
 
+              });
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          // this.$message.error("评论失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    scoreWork(wid) {
 
+      if (this.wScore == 0) {
 
+        this.$message.error("请评分");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          wid: wid,
 
+          score: JSON.stringify({
 
+            wScore: this.wScore,
 
+            detail: this.scoreDetail,
 
+          }),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "scoreWork", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "评分成功",
 
+            type: "success",
 
+          });
 
+          this.wScore = 0;
 
+          this.scoreDetail = "";
 
+          this.dialogVisibleScore = false;
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("评分失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    openXz(w, i) {
 
+      this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
 
+        .taskJson[this.taskCount].toolChoose[i].selectJson
 
+        ? JSON.parse(
 
+          JSON.stringify(
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+              this.taskCount
 
+            ].toolChoose[i].selectJson
 
+          )
 
+        )
 
+        : { url: "", select: [], answer: [] };
 
+      var a = w.works.split(",");
 
+      for (var k = 0; k < a.length; k++) {
 
+        a[k] = parseInt(a[k]);
 
+      }
 
+      this.selectAnswer = { answer: a, stu: w.sName };
 
+      this.isSelect = true;
 
+      this.dialogVisibleSelect = true;
 
+    },
 
+    openSen(w, i) {
 
+      this.sentenceList1 = JSON.parse(w.works);
 
+      this.sentenceList1.stuName = w.sName;
 
+      this.dialogVisibleSentence1 = true;
 
+    },
 
+    openPj(w, toolindex) {
 
+      this.isStar = true;
 
+      this.eScore = JSON.parse(w);
 
+      this.rateJson =
 
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[toolindex].rateJson;
 
+      this.studentEvalDialogVisible = true;
 
+    },
 
+    deleteWorks(id) {
 
+      this.$confirm("确定删除此作业吗？", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning",
 
+      })
 
+        .then(() => {
 
+          let params = [
 
+            {
 
+              id: id,
 
+            },
 
+          ];
 
+          this.ajax
 
+            .post(this.$store.state.api + "deleteCourseWork", params)
 
+            .then((res) => {
 
+              this.$message({
 
+                message: "删除成功",
 
+                type: "success",
 
+              });
 
+              this.selectStudent();
 
+              this.selectSWorks();
 
+              this.selectSLook();
 
+            })
 
+            .catch((err) => {
 
+              this.$message.error("网络异常");
 
+              console.error(err);
 
+            });
 
+        })
 
+        .catch(() => { });
 
+    },
 
+    selectSWorks(gindex) {
 
+      //教师查看全部作业
 
+      let params = {
 
+        cid: this.id,
 
+        s: this.courseType,
 
+        t: this.taskCount,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectSWorks", params)
 
+        .then((res) => {
 
+          var a =
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+              this.taskCount
 
+            ].toolChoose;
 
+          var b = res.data[0];
 
+          var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
+          var y = [
 
+            "AVI",
 
+            "NAVI",
 
+            "MPEG",
 
+            "ASF",
 
+            "MOV",
 
+            "WMV",
 
+            "3GP",
 
+            "RM",
 
+            "RMVB",
 
+            "FLV",
 
+            "F4V",
 
+            "H.264",
 
+            "H.265",
 
+            "REAL VIDEO",
 
+            "MKV",
 
+            "WebM",
 
+            "HDDVD",
 
+            "MP4",
 
+            "MPG",
 
+            "M4V",
 
+            "MGV",
 
+            "OGV",
 
+            "QTM",
 
+            "STR",
 
+            "AMC",
 
+            "DVX",
 
+            "EVO",
 
+            "DAT",
 
+            "OGG",
 
+            "OGM",
 
+          ];
 
+          var d = res.data[1];
 
+          var e = res.data[2];
 
+          var f = res.data[3];
 
+          for (var i = 0; i < a.length; i++) {
 
+
 
+            this.worksStudent[i] = [];
 
+            this.worksTeacher[i] = [];
 
+            this.worksStudent2[i] = [];
 
+            if (
 
+              !this.isCloseList[i] ||
 
+              this.isCloseList[i].isClose == undefined
 
+            ) {
 
+              this.isCloseList[i] = { isClose: 0 };
 
+            }
 
+            this.groupStudent[i] = [];
 
+            this.groupStudentUid[i] = [];
 
+            this.isWorksS[i] = [];
 
+            this.checkJson[i] = [];
 
+            if (a[i].tool[0] == 49) {
 
+              for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
 
+                this.groupStudent[i][gA] = [];
 
+                this.groupStudentUid[i][gA] = [];
 
+                this.worksStudent[i][gA] = [];
 
+                this.isCloseList[i][gA] = [];
 
+
 
+                for (var g = 0; g < f.length; g++) {
 
+                  if (
 
+                    f[g].ttype == 2 &&
 
+                    this.tcid &&
 
+                    this.arrayToArray(f[g].classid.split(","), this.tcid.split(",")).length == 0
 
+                  ) {
 
+                    continue;
 
+                  }
 
+                  if (gA == f[g].group && f[g].tool == i) {
 
+                    this.groupStudent[i][gA].push(f[g]);
 
+                    this.groupStudentUid[i][gA].push(f[g].userid);
 
+                  }
 
+                }
 
+              }
 
+              this.$forceUpdate();
 
+            }
 
+            for (var j = 0; j < b.length; j++) {
 
+              if (b[j].ttype == 2 && this.tcid && this.arrayToArray(b[j].classid.split(","), this.tcid.split(",")).length == 0) {
 
+                continue;
 
+              }
 
+              var likesCount = 0;
 
+              var commentCount = 0;
 
+              var isLikes = false;
 
+              var commentJson = [];
 
+              var data = b[j];
 
+              if (i == b[j].tool) {
 
+                if (data.type == 2 && a[i].tool[0] == 4) {
 
+                  // if(JSON.parse(data.content)[0].anwer){
 
+                  var checkL = JSON.parse(data.content)[0].anwer.split(",");
 
+                  for (var z = 0; z < checkL.length; z++) {
 
+                    if (!this.checkJson[i][z]) {
 
+                      this.checkJson[i].push({
 
+                        checkCount: [],
 
+                        checkPerson: [],
 
+                        rightPerson: [],
 
+                      });
 
+                    }
 
+                    if (!this.checkJson[i][z].checkCount.length) {
 
+                      this.checkJson[i][z].checkCount = [];
 
+                      let _askItemCount = JSON.parse(data.content)[0].askJson
 
+                        .askJson[z].askItem;
 
+                      for (var aic = 0; aic < _askItemCount; aic++) {
 
+                        this.checkJson[i][z].checkCount.push(0);
 
+                      }
 
+                    }
 
+                    if (
 
+                      (JSON.parse(data.content)[0].askJson.askJson[z].answer ||
 
+                        JSON.parse(data.content)[0].askJson.askJson[z].answer ==
 
+                        0) &&
 
+                      JSON.parse(data.content)[0].askJson.askJson[z].answer ==
 
+                      checkL[z]
 
+                    ) {
 
+                      this.checkJson[i][z].rightPerson.push(data.name);
 
+                    }
 
+                    this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
 
+                      ? this.checkJson[i][z].checkPerson[
 
+                        parseInt(checkL[z])
 
+                      ].push(data.name)
 
+                      : (this.checkJson[i][z].checkPerson[parseInt(checkL[z])] =
 
+                        [data.name]);
 
+                    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);
 
+                    // }
 
+                  }
 
+                } else if (data.type == 8 && a[i].tool[0] == 45) {
 
+                  var checkL = JSON.parse(data.content)[0].anwer;
 
+                  for (var z = 0; z < checkL.length; z++) {
 
+                    if (!this.checkJson[i][z]) {
 
+                      this.checkJson[i].push({
 
+                        checkCount: [],
 
+                        checkPerson: [],
 
+                        rightPerson: [],
 
+                      });
 
+                    }
 
+
 
+                    if (!this.checkJson[i][z].checkCount.length) {
 
+                      this.checkJson[i][z].checkCount = [];
 
+                      let _askItemCount = JSON.parse(data.content)[0].testJson
 
+                        .testJson[z].testItem;
 
+                      console.log(_askItemCount);
 
+                      for (var aic = 0; aic < _askItemCount; aic++) {
 
+                        this.checkJson[i][z].checkCount.push(0);
 
+                      }
 
+                    }
 
+
 
+                    if (checkL[z] instanceof Array) {
 
+                      if (
 
+                        JSON.parse(data.content)[0]
 
+                          .testJson.testJson[z].answer.sort()
 
+                          .join(",") == checkL[z].sort().join(",")
 
+                      ) {
 
+                        this.checkJson[i][z].rightPerson.push(data.name);
 
+                      }
 
+                      for (var q = 0; q < checkL[z].length; q++) {
 
+                        this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
 
+                          ? this.checkJson[i][z].checkPerson[
 
+                            parseInt(checkL[z][q])
 
+                          ].push(data.name)
 
+                          : (this.checkJson[i][z].checkPerson[
 
+                            parseInt(checkL[z][q])
 
+                          ] = [data.name]);
 
+                        this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
 
+                          ? this.checkJson[i][z].checkCount[
 
+                          parseInt(checkL[z][q])
 
+                          ]++
 
+                          : (this.checkJson[i][z].checkCount[
 
+                            parseInt(checkL[z][q])
 
+                          ] = 1);
 
+                      }
 
+                    } else {
 
+                      if (
 
+                        JSON.parse(data.content)[0].testJson.testJson[z]
 
+                          .answer == checkL[z]
 
+                      ) {
 
+                        this.checkJson[i][z].rightPerson.push(data.name);
 
+                      }
 
+                      if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
 
+                        this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
 
+                          ? this.checkJson[i][z].checkPerson[
 
+                            parseInt(checkL[z])
 
+                          ].push(data.name)
 
+                          : (this.checkJson[i][z].checkPerson[
 
+                            parseInt(checkL[z])
 
+                          ] = [data.name]);
 
+                        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);
 
+                      }
 
+                    }
 
+                  }
 
+                } else if (data.type == 9 && a[i].tool[0] == 47) {
 
+                  var checkL = JSON.parse(data.content);
 
+                  for (var z = 0; z < checkL.length; z++) {
 
+                    if (!this.checkJson[i][z]) {
 
+                      this.checkJson[i].push({
 
+                        checkCount: [],
 
+                        checkPerson: [],
 
+                        rightPerson: [],
 
+                      });
 
+                    }
 
+                    this.checkJson[i][z].checkPerson.push(data.name);
 
+                    if (
 
+                      checkL[z].chooseSenList.toString() ==
 
+                      checkL[z].rightAnswer.toString()
 
+                    ) {
 
+                      this.checkJson[i][z].rightPerson.push(data.name);
 
+                    }
 
+                  }
 
+                }
 
+                for (var k = 0; k < d.length; k++) {
 
+                  //点赞
 
+                  if (d[k].workId == b[j].id) {
 
+                    likesCount++;
 
+
 
+                    if (d[k].likesId == this.userid) {
 
+                      isLikes = true;
 
+                    }
 
+                  }
 
+                }
 
+                for (var l = 0; l < e.length; l++) {
 
+                  //评论
 
+                  if (e[l].workId == b[j].id) {
 
+                    if (e[l].comment != "") {
 
+                      commentCount++;
 
+                      commentJson.push({
 
+                        commentText: e[l].comment,
 
+                        commentTime: e[l].commentTime,
 
+                        commentPeople: e[l].commentPeople,
 
+                        userid: e[l].userid,
 
+                        wid: e[l].id,
 
+                      });
 
+                    }
 
+                  }
 
+                }
 
+                if (
 
+                  (b[j].type == 1 ||
 
+                    b[j].type == 4 ||
 
+                    b[j].type == 5 ||
 
+                    b[j].type == 6 ||
 
+                    b[j].type == 12 ||
 
+                    b[j].type == 7) &&
 
+                  a[i].tool[0] != 15 &&
 
+                  a[i].tool[0] != 4 &&
 
+                  a[i].tool[0] != 45 &&
 
+                  a[i].tool[0] != 50 &&
 
+                  a[i].tool[0] != 32 &&
 
+                  a[i].tool[0] != 57 &&
 
+                  a[i].tool[0] != 52
 
+                ) {
 
+                  if (
 
+                    c.indexOf(
 
+                      b[j].content
 
+                        .split(".")
 
+                      [b[j].content.split(".").length - 1].toLocaleUpperCase()
 
+                    ) != -1 &&
 
+                    a[i].tool[0] == 16 &&
 
+                    b[j].atool != 50
 
+                  ) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 1,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  } else if (
 
+                    y.indexOf(
 
+                      b[j].content
 
+                        .split(".")
 
+                      [b[j].content.split(".").length - 1].toLocaleUpperCase()
 
+                    ) != -1 &&
 
+                    a[i].tool[0] == 16 &&
 
+                    b[j].atool != 50
 
+                  ) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 3,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  } else if (b[j].type == 6 && b[j].atool != 50) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 4,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  } else if (b[j].type == 7 && b[j].atool != 50) {
 
+                    let works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 5,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 12,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 0,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+
 
+                  } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
 
+                    let _works = {
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: b[j].content,
 
+                      sName: b[j].name,
 
+                      type: 0,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    }
 
+                    if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                  }
 
+                } else if (b[j].type == 3 && a[i].tool[0] == 15) {
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 2,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+
 
+                } else if (b[j].type == 2 && a[i].tool[0] == 4) {
 
+                  //问卷
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 2,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                  }
 
+                  this.worksStudent[i].push(_works);
 
+                } else if (b[j].type == 8 && a[i].tool[0] == 45) {
 
+                  //选择题
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 8,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                  }
 
+                  this.worksStudent[i].push(_works);
 
+                } else if (b[j].type == 9 && a[i].tool[0] == 47) {
 
+                  //选择题
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 9,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                  }
 
+                  this.worksStudent[i].push(_works);
 
+                } else if (b[j].type == 10 && a[i].tool[0] == 48) {
 
+                  //选择题
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 10,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                  }
 
+                  this.worksStudent[i].push(_works);
 
+                } else if (b[j].type == 13 && a[i].tool[0] == 52) {
 
+                  //选择题
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name,
 
+                    type: 13,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                  }
 
+                  this.worksStudent[i].push(_works);
 
+                } else if (b[j].type == 11 && a[i].tool[0] == 49) {
 
+                  let _gindex = JSON.parse(b[j].content);
 
+                  if (
 
+                    this.groupStudentUid[i][_gindex.groupIndex].indexOf(
 
+                      b[j].userid
 
+                    ) != -1
 
+                  ) {
 
+                    this.worksStudent[i][_gindex.groupIndex].push({
 
+                      userid: b[j].userid,
 
+                      ateacher: b[j].ateacher,
 
+                      wid: b[j].id,
 
+                      works: _gindex.url,
 
+                      sName: b[j].name,
 
+                      type: _gindex.type,
 
+                      time: b[j].time,
 
+                      score: b[j].score,
 
+                      img: b[j].img,
 
+                      likesCount: likesCount,
 
+                      commentCount: commentCount,
 
+                      isLikes: isLikes,
 
+                      commentJson: commentJson,
 
+                    });
 
+                  }
 
+                } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name ? b[j].name : b[j].userid,
 
+                    type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name ? b[j].name : b[j].userid,
 
+                    type: 12,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                } else if (a[i].tool[0] == 57 && b[j].atool == 57) {
 
+                  let _works = {
 
+                    userid: b[j].userid,
 
+                    ateacher: b[j].ateacher,
 
+                    wid: b[j].id,
 
+                    works: b[j].content,
 
+                    sName: b[j].name ? b[j].name : b[j].userid,
 
+                    type: 12,
 
+                    time: b[j].time,
 
+                    score: b[j].score,
 
+                    img: b[j].img,
 
+                    likesCount: likesCount,
 
+                    commentCount: commentCount,
 
+                    isLikes: isLikes,
 
+                    commentJson: commentJson,
 
+                  }
 
+                  if (b[j].ttype == 1) {
 
+                      this.worksTeacher[i].push(_works);
 
+                    } else {
 
+                      this.worksStudent2[i].push(_works);
 
+                    }
 
+                    this.worksStudent[i].push(_works);
 
+                }
 
+
 
+                this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
 
+              }
 
+            }
 
+            if (this.worksStudent[i] && this.worksStudent[i].length) {
 
+              this.worksStudent[i] = this.worksStudent[i].sort(function (a, b) {
 
+                let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
 
+                let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
 
+                var scoreA = parseFloat(jscoreA);
 
+                var scoreB = parseFloat(jscoreB);
 
+                if (scoreA == scoreB) {
 
+                  return b.likesCount - a.likesCount;
 
+                }
 
+                return scoreB - scoreA;
 
+              });
 
+            }
 
+            if (this.worksStudent2[i] && this.worksStudent2[i].length) {
 
+              this.worksStudent2[i] = this.worksStudent2[i].sort(function (a, b) {
 
+                let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
 
+                let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
 
+                var scoreA = parseFloat(jscoreA);
 
+                var scoreB = parseFloat(jscoreB);
 
+                if (scoreA == scoreB) {
 
+                  return b.likesCount - a.likesCount;
 
+                }
 
+                return scoreB - scoreA;
 
+              });
 
+            }
 
+            if (this.worksTeacher[i] && this.worksTeacher[i].length) {
 
+              this.worksTeacher[i] = this.worksTeacher[i].sort(function (a, b) {
 
+                let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
 
+                let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
 
+                var scoreA = parseFloat(jscoreA);
 
+                var scoreB = parseFloat(jscoreB);
 
+                if (scoreA == scoreB) {
 
+                  return b.likesCount - a.likesCount;
 
+                }
 
+                return scoreB - scoreA;
 
+              });
 
+            }
 
+          }
 
+          for (var i = 0; i < a.length; i++) {
 
+            for (var j = 0; j < b.length; j++) {
 
+              var data = b[j];
 
+              if (i == b[j].tool) {
 
+                if (data.type == 2 || data.type == 8) {
 
+                  for (var z = 0; z < this.checkJson[i].length; z++) {
 
+                    this.checkJson[i][z].checkPerent = [];
 
+                    this.checkJson[i][z].right = Math.round(
 
+                      (this.checkJson[i][z].rightPerson.length /
 
+                        parseInt(this.worksStudent[i].length)) *
 
+                      100
 
+                    );
 
+                    let aaaa = this.checkJson[i][z];
 
+                    console.log(aaaa);
 
+                    for (
 
+                      var k = 0;
 
+                      k < this.checkJson[i][z].checkCount.length;
 
+                      k++
 
+                    ) {
 
+                      this.checkJson[i][z].checkPerent.push(
 
+                        Math.round(
 
+                          (this.checkJson[i][z].checkCount[k] /
 
+                            parseInt(this.worksStudent[i].length)) *
 
+                          100
 
+                        )
 
+                      );
 
+                    }
 
+                  }
 
+                } else if (data.type == 9) {
 
+                  for (var z = 0; z < this.checkJson[i].length; z++) {
 
+                    this.checkJson[i][z].checkPerent = [];
 
+                    this.checkJson[i][z].right = Math.round(
 
+                      (this.checkJson[i][z].rightPerson.length /
 
+                        this.checkJson[i][z].checkPerson.length) *
 
+                      100
 
+                    );
 
+                  }
 
+                }
 
+              }
 
+            }
 
+          }
 
+          if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
 
+            this.joinGroup(gindex);
 
+          }
 
+          this.selectWorksStudent();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    pngToWhiteBg(file) {
 
+      const _file = file;
 
+      let read = new FileReader();
 
+      read.readAsDataURL(file); // 文件转base64
 
+      return new Promise((resolve, reject) => {
 
+        read.onload = (e) => {
 
+          let img = new Image();
 
+          img.src = e.target.result;
 
+          img.onload = async () => {
 
+            // 生成canvas
 
+            let canvas = document.createElement("canvas");
 
+            let context = canvas.getContext("2d");
 
+            // 绘制图片到canvas上
 
+            canvas.width = img.width;
 
+            canvas.height = img.height;
 
+
 
+            // 在canvas绘制前填充白色背景
 
+            context.fillStyle = "#fff";
 
+            context.fillRect(0, 0, canvas.width, canvas.height);
 
+            context.drawImage(img, 0, 0);
 
+            let base64 = canvas.toDataURL(file["type"], 1);
 
+            let newFile = this.dataUrlToFile(base64, _file);
 
+            resolve(newFile);
 
+          };
 
+
 
+        };
 
+      });
 
+    },
 
+    dataUrlToFile(dataurl, file) {
 
+      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 Blob([u8arr], { type: mime });
 
+      return new File([new Blob([u8arr], { type: mime })], file.name, {
 
+        type: mime,
 
+      });
 
+    },
 
+    async beforeUpload1(event, type, i) {
 
+      // this.$message.success('进入上传')
 
+      var file = "";
 
+      if (type == 5) {
 
+        file = event;
 
+      } else {
 
+        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;
 
+      _this.isFinishSize = 0;
 
+      _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
 
+      var b = [
 
+        "DOC",
 
+        "DOCX",
 
+        "DOCM",
 
+        "DOTM",
 
+        "DOTX",
 
+        "PPTX",
 
+        "PPSX",
 
+        "PPT",
 
+        "PPS",
 
+        "PPTM",
 
+        "POTM",
 
+        "PPAM",
 
+        "POTX",
 
+        "PPSM",
 
+      ];
 
+      var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
 
+      var photoA = [
 
+        "BMP",
 
+        "GIF",
 
+        "PNG",
 
+        "JPGE",
 
+        "JPG",
 
+        "TIF",
 
+        "PCX",
 
+        "TGA",
 
+        "EXIF",
 
+        "FPX",
 
+        "SVG",
 
+        "APNG",
 
+      ];
 
+      // if (
 
+      //   b.indexOf(
 
+      //     file.name
 
+      //       .split(".")
 
+      //     [file.name.split(".").length - 1].toLocaleUpperCase()
 
+      //   ) != -1
 
+      // ) {
 
+      //   if (file.size / 1024 / 1024 > 10) {
 
+      //     this.$message.error("上传文件大于10兆,请重新选择文件！");
 
+      //     return;
 
+      //   }
 
+      // } else if (
 
+      //   excelA.indexOf(
 
+      //     file.name
 
+      //       .split(".")
 
+      //     [file.name.split(".").length - 1].toLocaleUpperCase()
 
+      //   ) != "-1"
 
+      // ) {
 
+      //   if (file.size / 1024 / 1024 > 5) {
 
+      //     this.$message.error("添加成上传文件大于5兆,请重新选择文件！");
 
+      //     return;
 
+      //   }
 
+      // }
 
+
 
+      if (
 
+        photoA.indexOf(
 
+          file.name
 
+            .split(".")
 
+          [file.name.split(".").length - 1].toLocaleUpperCase()
 
+        ) != -1 &&
 
+        type != 4
 
+      ) {
 
+        // const blob = await imageConversion.compress(file, 0.8)
 
+        file = await this.pngToWhiteBg(file);
 
+        const blob = await imageConversion.compressAccurately(file, 256);
 
+        // const blob = await imageConversion.compressAccurately(file, {type:file.type});
 
+        file = new File([blob], file.name, { type: file.type });
 
+      }
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          // partSize: 2048 * 1024 * 1024,
 
+          partSize: 1024 * 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 / evt.total) * 100);
 
+            _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
 
+          })
 
+          .send(function (err, data) {
 
+            _this.progress = 100;
 
+            _this.isFinishSize = _this.isAllSize;
 
+            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.$message.success('上传成功')
 
+              var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
+              var c = [
 
+                "AVI",
 
+                "NAVI",
 
+                "MPEG",
 
+                "ASF",
 
+                "MOV",
 
+                "WMV",
 
+                "3GP",
 
+                "RM",
 
+                "RMVB",
 
+                "FLV",
 
+                "F4V",
 
+                "H.264",
 
+                "H.265",
 
+                "REAL VIDEO",
 
+                "MKV",
 
+                "WebM",
 
+                "HDDVD",
 
+                "MP4",
 
+                "MPG",
 
+                "M4V",
 
+                "MGV",
 
+                "OGV",
 
+                "QTM",
 
+                "STR",
 
+                "AMC",
 
+                "DVX",
 
+                "EVO",
 
+                "DAT",
 
+                "OGG",
 
+                "OGM",
 
+              ];
 
+              if (type == 1) {
 
+                _this.studyJuri[0].cover.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                if (
 
+                  c.indexOf(
 
+                    _this.studyJuri[0].cover[0].url
 
+                      .split(".")
 
+                    [
 
+                      _this.studyJuri[0].cover[0].url.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _this.fileType = 2;
 
+                } else if (
 
+                  b.indexOf(
 
+                    _this.studyJuri[0].cover[0].url
 
+                      .split(".")
 
+                    [
 
+                      _this.studyJuri[0].cover[0].url.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _this.fileType = 1;
 
+                } else if (photoA.indexOf(
 
+                  _this.studyJuri[0].cover[0].url
 
+                    .split(".")
 
+                  [
 
+                    _this.studyJuri[0].cover[0].url.split(".").length - 1
 
+                  ].toLocaleUpperCase()
 
+                ) != -1) {
 
+                  _this.fileType = 0;
 
+                } else {
 
+                  _this.fileType = 3;
 
+                }
 
+                _this.imgChange(null, null, type);
 
+              } else if (type == 2) {
 
+                _this.upToolImg = data.Location;
 
+                _this.imgChange(null, null, type);
 
+                _this.addCourseWorks(i);
 
+              } else if (type == 4) {
 
+                _this.addPz("3", data.Location);
 
+              } else if (type == 5) {
 
+                _this.addImgDrawImG(data.Location);
 
+              } else if (type == 6) {
 
+                var _ftype = 1;
 
+                if (
 
+                  c.indexOf(
 
+                    data.Location.split(".")[
 
+                      data.Location.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _ftype = 5;
 
+                } else if (
 
+                  b.indexOf(
 
+                    data.Location.split(".")[
 
+                      data.Location.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _ftype = 4;
 
+                } else {
 
+                  _ftype = 1;
 
+                }
 
+                _this.plworkFile.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                  fileType: _ftype,
 
+                  username:
 
+                    _this.plworkFile.length + 1 > 10
 
+                      ? _this.plworkFile.length + 1
 
+                      : "0" + (_this.plworkFile.length + 1),
 
+                });
 
+              } else if (type == 7) {
 
+                _this.addCourseWorksGong(i, data.Location, 32);
 
+              } else if (type == 8) {
 
+                _this.addCourseWorksGong(i, data.Location, 57);
 
+              }
 
+              _this.imgChange(null, null, type);
 
+              console.log(data.Location);
 
+              // _this.$message.success('上传成功'+data.Location)
 
+            }
 
+          });
 
+      }
 
+    },
 
+    async beforeUpload3(event, type, i) {
 
+      // this.$message.success('进入上传')
 
+      let file = "";
 
+      let cfindex2 = 0;
 
+      for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
 
+
 
+        file = event.target.files[cfindex];
 
+
 
+        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.proVisible2 = true;
 
+        var b = [
 
+          "DOC",
 
+          "DOCX",
 
+          "DOCM",
 
+          "DOTM",
 
+          "DOTX",
 
+          "PPTX",
 
+          "PPSX",
 
+          "PPT",
 
+          "PPS",
 
+          "PPTM",
 
+          "POTM",
 
+          "PPAM",
 
+          "POTX",
 
+          "PPSM",
 
+        ];
 
+        var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
 
+        var photoA = [
 
+          "BMP",
 
+          "GIF",
 
+          "PNG",
 
+          "JPGE",
 
+          "JPG",
 
+          "TIF",
 
+          "PCX",
 
+          "TGA",
 
+          "EXIF",
 
+          "FPX",
 
+          "SVG",
 
+          "APNG",
 
+        ];
 
+        if (
 
+          photoA.indexOf(
 
+            file.name
 
+              .split(".")
 
+            [file.name.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1 &&
 
+          type != 4
 
+        ) {
 
+          // const blob = await imageConversion.compress(file, 0.8)
 
+          file = await this.pngToWhiteBg(file);
 
+          const blob = await imageConversion.compressAccurately(file, 256);
 
+          // const blob = await imageConversion.compressAccurately(file, {type:file.type});
 
+          file = new File([blob], file.name, { type: file.type });
 
+        }
 
+
 
+        if (file) {
 
+          var params = {
 
+            Key:
 
+              file.name.split(".")[0] +
 
+              new Date().getTime() +
 
+              "." +
 
+              file.name.split(".")[file.name.split(".").length - 1],
 
+            ContentType: file.type,
 
+            Body: file,
 
+            "Access-Control-Allow-Credentials": "*",
 
+            ACL: "public-read",
 
+          }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+          var options = {
 
+            // partSize: 2048 * 1024 * 1024,
 
+            partSize: 1024 * 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;
 
+              cfindex2++;
 
+
 
+              setTimeout(() => {
 
+                if (
 
+                  cfindex2 == event.target.files.length - 1 ||
 
+                  cfindex2 > event.target.files.length - 1
 
+                ) {
 
+                  _this.proVisible2 = false;
 
+                }
 
+              }, 1000);
 
+              if (err) {
 
+                var a = _this.$refs.upload1.uploadFiles;
 
+                a.splice(a.length - 1, a.length);
 
+                _this.$message.error("上传失败");
 
+              } else {
 
+                // _this.$message.success('上传成功')
 
+                var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
 
+                var c = [
 
+                  "AVI",
 
+                  "NAVI",
 
+                  "MPEG",
 
+                  "ASF",
 
+                  "MOV",
 
+                  "WMV",
 
+                  "3GP",
 
+                  "RM",
 
+                  "RMVB",
 
+                  "FLV",
 
+                  "F4V",
 
+                  "H.264",
 
+                  "H.265",
 
+                  "REAL VIDEO",
 
+                  "MKV",
 
+                  "WebM",
 
+                  "HDDVD",
 
+                  "MP4",
 
+                  "MPG",
 
+                  "M4V",
 
+                  "MGV",
 
+                  "OGV",
 
+                  "QTM",
 
+                  "STR",
 
+                  "AMC",
 
+                  "DVX",
 
+                  "EVO",
 
+                  "DAT",
 
+                  "OGG",
 
+                  "OGM",
 
+                ];
 
+                if (type == 1) {
 
+                  _this.studyJuri[0].cover.push({
 
+                    name: file.name,
 
+                    url: data.Location,
 
+                    uid: file.uid,
 
+                  });
 
+                  if (
 
+                    c.indexOf(
 
+                      _this.studyJuri[0].cover[0].url
 
+                        .split(".")
 
+                      [
 
+                        _this.studyJuri[0].cover[0].url.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _this.fileType = 2;
 
+                  } else if (
 
+                    b.indexOf(
 
+                      _this.studyJuri[0].cover[0].url
 
+                        .split(".")
 
+                      [
 
+                        _this.studyJuri[0].cover[0].url.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _this.fileType = 1;
 
+                  } else {
 
+                    _this.fileType = 0;
 
+                  }
 
+                  _this.imgChange(null, null, type);
 
+                } else if (type == 2) {
 
+                  _this.upToolImg = data.Location;
 
+                  _this.imgChange(null, null, type);
 
+                  _this.addCourseWorks(i);
 
+                } else if (type == 4) {
 
+                  _this.addPz("3", data.Location);
 
+                } else if (type == 5) {
 
+                  _this.addImgDrawImG(data.Location);
 
+                } else if (type == 6) {
 
+                  var _ftype = 1;
 
+                  if (
 
+                    c.indexOf(
 
+                      data.Location.split(".")[
 
+                        data.Location.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _ftype = 5;
 
+                  } else if (
 
+                    b.indexOf(
 
+                      data.Location.split(".")[
 
+                        data.Location.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _ftype = 4;
 
+                  } else {
 
+                    _ftype = 1;
 
+                  }
 
+                  _this.plworkFile.push({
 
+                    name: file.name,
 
+                    url: data.Location,
 
+                    uid: file.uid,
 
+                    fileType: _ftype,
 
+                    username:
 
+                      _this.plworkFile.length + 1 > 10
 
+                        ? _this.plworkFile.length + 1
 
+                        : "0" + (_this.plworkFile.length + 1),
 
+                  });
 
+                }
 
+                _this.imgChange(null, null, type);
 
+                console.log(data.Location);
 
+                // _this.$message.success('上传成功'+data.Location)
 
+              }
 
+            });
 
+        }
 
+      }
 
+    },
 
+    beforeUpload2(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(".")[file.name.split(".").length - 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 == 2) {
 
+                _this.studyJuri[0].upVedio.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange(null, null, type);
 
+              } else if (type == 3) {
 
+                _this.studyJuri[0].upFile.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange(null, null, type);
 
+              }
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    allScrell() {
 
+      window.parent.postMessage({ allScreen: this.screenType }, "*");
 
+    },
 
+    nextToolindex(type) {
 
+      if (type == 'last') {
 
+        if (this.toolIndex == 0) {
 
+          this.$message.error("已经是第一个步骤")
 
+          return;
 
+        }
 
+        this.toolIndex = this.toolIndex - 1
 
+        this.tool = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[this.toolIndex]
 
+      } else if (type == 'next') {
 
+        if (this.toolIndex == this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose.length) {
 
+          this.$message.error("已经是最后一个步骤")
 
+          return;
 
+        }
 
+        this.toolIndex = this.toolIndex + 1
 
+        this.tool = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[this.toolIndex]
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    nextOrpreSteps(t) {
 
+      if (this.IsFollow && this.courseDetail.userid != this.userid) {
 
+        this.$message.error('已经开启跟随模式，请认真跟堂听讲')
 
+        return;
 
+      }
 
+      var b = this.chapInfoList.length - 1;
 
+      if (t == 0) {
 
+        if (this.courseType == 0) {
 
+          if (this.taskCount == 0) {
 
+            // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
 
+            if (this.IsLookOpen) {
 
+              if (
 
+                !this.navList[b].task[this.navList[b].task.length - 1].isLook
 
+              ) {
 
+                if (
 
+                  this.courseDetail.userid != this.userid &&
 
+                  this.courseDetail.course_teacher.indexOf(this.userid) == -1
 
+                ) {
 
+                  this.$message.error("任务未解锁");
 
+                } else {
 
+                  this.$message.error("上一任务未解锁");
 
+                }
 
+                return;
 
+              }
 
+            }
 
+            this.navList[this.courseType].isOpen = false;
 
+            this.courseType = b;
 
+            this.taskCount =
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
 
+                .length - 1;
 
+            this.navList[this.courseType].isOpen = true;
 
+          } else {
 
+            this.taskCount--;
 
+          }
 
+        } else {
 
+          if (this.taskCount == 0) {
 
+            this.navList[this.courseType].isOpen = false;
 
+            this.courseType--;
 
+            this.taskCount =
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson
 
+                .length - 1;
 
+            this.navList[this.courseType].isOpen = true;
 
+          } else {
 
+            this.taskCount--;
 
+          }
 
+        }
 
+      } else {
 
+        if (this.courseType == b) {
 
+          if (
 
+            this.taskCount ==
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
 
+            1
 
+          ) {
 
+            this.navList[this.courseType].isOpen = false;
 
+            this.courseType = 0;
 
+            this.taskCount = 0;
 
+            this.navList[this.courseType].isOpen = true;
 
+          } else {
 
+            var bbb = parseInt(this.taskCount) + 1;
 
+            if (
 
+              !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
 
+                .isLook &&
 
+              this.courseDetail.userid != this.userid &&
 
+              this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
 
+              this.IsLookOpen
 
+            ) {
 
+              this.$message.error("任务未解锁");
 
+              return;
 
+            }
 
+            this.taskCount++;
 
+            if (this.IsLookOpen) {
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                this.taskCount
 
+              ].isLook = true;
 
+              this.addCourseState(3);
 
+            }
 
+          }
 
+        } else {
 
+          if (
 
+            this.taskCount ==
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
 
+            1
 
+          ) {
 
+            var bbb = parseInt(this.courseType) + 1;
 
+            if (
 
+              !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
 
+              this.courseDetail.userid != this.userid &&
 
+              this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
 
+              this.IsLookOpen
 
+            ) {
 
+              this.$message.error("任务未解锁");
 
+              return;
 
+            }
 
+            this.navList[this.courseType].isOpen = false;
 
+            this.courseType++;
 
+            this.taskCount = 0;
 
+            this.navList[this.courseType].isOpen = true;
 
+          } else {
 
+            var bbb = parseInt(this.taskCount) + 1;
 
+            if (
 
+              !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
 
+                .isLook &&
 
+              this.courseDetail.userid != this.userid &&
 
+              this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
 
+              this.IsLookOpen
 
+            ) {
 
+              this.$message.error("任务未解锁");
 
+              return;
 
+            }
 
+            this.taskCount++;
 
+          }
 
+          if (this.IsLookOpen) {
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+              this.taskCount
 
+            ].isLook = true;
 
+            this.addCourseState(3);
 
+          }
 
+        }
 
+      }
 
+      document.scrollingElement.scrollTop = 0;
 
+      this.showType = 0;
 
+      this.navId = this.navList[this.courseType].task[this.taskCount].id;
 
+
 
+      this.toolIndex = null
 
+      this.isNoHomeWork = false;
 
+      (this.studyJuri = [
 
+        {
 
+          content: "",
 
+          cover: [],
 
+          upVedio: [],
 
+          upFile: [],
 
+        },
 
+      ]),
 
+        (this.radio = []);
 
+      this.isClickNav = "";
 
+      this.selectPz();
 
+      this.getHomeWork();
 
+      this.getCourseDetail();
 
+      this.$forceUpdate();
 
+    },
 
+    openTask(s, n, i) {
 
+      if (this.IsFollow && this.courseDetail.userid != this.userid) {
 
+        this.$message.error('已经开启跟随模式，请认真跟堂听讲')
 
+        return;
 
+      }
 
+      if (this.IsLookOpen) {
 
+        if (
 
+          !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
 
+          this.courseDetail.userid != this.userid &&
 
+          this.courseDetail.course_teacher.indexOf(this.userid) == -1
 
+        ) {
 
+          this.$message.error("任务未解锁");
 
+          return;
 
+        }
 
+        if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
 
+          if (
 
+            !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
 
+              .isLook
 
+          ) {
 
+            this.$message.error("上一任务未解锁");
 
+            return;
 
+          }
 
+        } else if (s > this.courseType) {
 
+          if (n > 0) {
 
+            if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
 
+              this.$message.error("上一任务未解锁");
 
+              return;
 
+            }
 
+          } else {
 
+            if (
 
+              !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
 
+                this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
 
+              ].isLook
 
+            ) {
 
+              this.$message.error("上一任务未解锁");
 
+              return;
 
+            }
 
+          }
 
+        }
 
+      }
 
+      this.courseType = s;
 
+      this.navId = i;
 
+      this.taskCount = n;
 
+      if (this.IsLookOpen) {
 
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].isLook = true;
 
+        this.addCourseState(3);
 
+      }
 
+      for (var ci = 0; ci < this.isCloseList.length; ci++) {
 
+        this.isCloseList[ci].isClose = 0;
 
+      }
 
+      this.showType = 0;
 
+      this.isNoHomeWork = false;
 
+      (this.studyJuri = [
 
+        {
 
+          content: "",
 
+          cover: [],
 
+          upVedio: [],
 
+          upFile: [],
 
+        },
 
+      ]),
 
+        (this.radio = []);
 
+      document.scrollingElement.scrollTop = 0;
 
+      this.toolIndex = null
 
+      // setTimeout(() => {
 
+      //   let a = document.getElementById(i);
 
+      //   if (a.offsetTop - 110 == 0) {
 
+      //     window.scrollTo(0, 0);
 
+      //   } else {
 
+      //     window.scrollTo(0, a.offsetTop);
 
+      //   }
 
+      // }, 0);
 
+      this.selectPz();
 
+      this.getHomeWork();
 
+      this.getCourseDetail();
 
+    },
 
+
 
+    get(i) {
 
+      if (this.IsFollow && this.courseDetail.userid != this.userid) {
 
+        this.$message.error('已经开启跟随模式，请认真跟堂听讲')
 
+        return;
 
+      }
 
+      this.navList[i].isOpen = !this.navList[i].isOpen;
 
+    },
 
+    addQuestion() {
 
+      this.answerList.push({
 
+        answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
 
+        answer: this.questionAnswer.replaceAll(/%/g, "%25"),
 
+      });
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.answerList),
 
+          type: 3,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.answerList = [];
 
+          this.answerDialogVisible = false;
 
+          this.selectStudent();
 
+          this.selectSWorks();
 
+          this.selectSLook();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    getCourseDetail(type, gindex) {
 
+      let loading;
 
+      if (type != 2) {
 
+        loading = this.$loading.service({
 
+          background: "rgba(255, 255, 255, 0.7)",
 
+          target: document.querySelector(".student_table"),
 
+        });
 
+      }
 
+
 
+      let params = {
 
+        courseId: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectCourseDetail3", params)
 
+        .then((res) => {
 
+          if (type != 2) {
 
+            loading.close();
 
+            if (this.courseType > (JSON.parse(res.data[0][0].chapters).length - 1)) {
 
+              this.courseType = (JSON.parse(res.data[0][0].chapters).length - 1)
 
+            }
 
+            var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
 
+              .chapterInfo[0].taskJson;
 
+            var b = [
 
+              "AVI",
 
+              "NAVI",
 
+              "MPEG",
 
+              "ASF",
 
+              "MOV",
 
+              "WMV",
 
+              "3GP",
 
+              "RM",
 
+              "RMVB",
 
+              "FLV",
 
+              "F4V",
 
+              "H.264",
 
+              "H.265",
 
+              "REAL VIDEO",
 
+              "MKV",
 
+              "WebM",
 
+              "HDDVD",
 
+              "MP4",
 
+              "MPG",
 
+              "M4V",
 
+              "MGV",
 
+              "OGV",
 
+              "QTM",
 
+              "STR",
 
+              "AMC",
 
+              "DVX",
 
+              "EVO",
 
+              "DAT",
 
+              "OGG",
 
+              "OGM",
 
+              "MP3",
 
+            ];
 
+
 
+            for (var i = 0; i < a.length; i++) {
 
+              var c = a[i].chapterData;
 
+              this.vedio[i] = [];
 
+              this.textList[i] = [];
 
+              this.lineList[i] = [];
 
+              this.chapToolList[i] = [];
 
+              this.file[i] = [];
 
+              this.fileC[i] = [];
 
+              for (var j = 0; j < c.length; j++) {
 
+                if (c[j].type == 7) {
 
+                  this.chapToolList[i].push(c[j]);
 
+                } else if (c[j].type == 8) {
 
+                  this.lineList[i].push(c[j]);
 
+                } else if (c[j].type == 6) {
 
+                  this.textList[i].push(c[j]);
 
+                } else if (c[j].type == 12) {
 
+                  this.fileC[i].push(c[j]);
 
+                } else {
 
+                  if (
 
+                    b.indexOf(
 
+                      c[j].url
 
+                        .split(".")
 
+                      [c[j].url.split(".").length - 1].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    this.vedio[i].push(c[j]);
 
+                  } else {
 
+                    this.file[i].push(c[j]);
 
+                  }
 
+                }
 
+              }
 
+              var d = JSON.parse(JSON.stringify(this.playerOptions));
 
+              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];
 
+            this.tcid = this.arrayToArray(this.courseDetail.juri ? this.courseDetail.juri.split(",") : [], this.tcid2 ? this.tcid2.split(",") : []).join(",")
 
+            console.log(this.tcid);
 
+            this.evalua = res.data[0][0].evaId;
 
+            this.chapInfo = JSON.parse(this.courseDetail.chapters)[
 
+              this.courseType
 
+            ];
 
+            this.chapInfoList = JSON.parse(this.courseDetail.chapters);
 
+            if (this.tcid && res.data[1].length) {
 
+              let _inviteA = []
 
+              for (var ik = 0; ik < res.data[1].length; ik++) {
 
+                _inviteA.push({ cid: res.data[1][ik].classid, ic: res.data[1][ik].code });
 
+              }
 
+              for (var ik = 0; ik < _inviteA.length; ik++) {
 
+                if (this.arrayToArray(_inviteA[ik].cid.split(","), this.tcid.split(",")).length) {
 
+                  this.inviteCode = _inviteA[ik].ic
 
+                  break;
 
+                }
 
+              }
 
+            }
 
+            for (var l = 0; l < this.chapInfoList.length; l++) {
 
+              var w = this.chapInfoList[l].chapterInfo[0].taskJson;
 
+              for (var m = 0; m < w.length; m++) {
 
+                w[m].id = l + "-" + m;
 
+              }
 
+            }
 
+            if (
 
+              !this.vedio[this.taskCount][0] ||
 
+              this.vedio[this.taskCount][0].url == ""
 
+            ) {
 
+              if (
 
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                  this.taskCount
 
+                ].chapterData.length > 0
 
+              ) {
 
+                // if (
 
+                //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                //     this.taskCount
 
+                //   ].chapterData[0].type != 8
 
+                // ) {
 
+                let _url =
 
+                  this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                    this.taskCount
 
+                  ].chapterData[0].url;
 
+                if (
 
+                  this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                    this.taskCount
 
+                  ].chapterData[0].type == 8
 
+                ) {
 
+                  this.showType = 2;
 
+                  if (
 
+                    _url.indexOf("https://") == -1 &&
 
+                    _url.indexOf("http://") == -1
 
+                  ) {
 
+                    _url = "https://" + _url;
 
+                  }
 
+                  this.pptImgUrl1 = _url;
 
+                  this.isClickNav = "line0";
 
+                } else if (
 
+                  this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                    this.taskCount
 
+                  ].chapterData[0].type == 3
 
+                ) {
 
+                  if (
 
+                    _url
 
+                      .split(".")
 
+                    [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
+                  ) {
 
+                    this.showType = 3;
 
+                    this.pptImgUrl1 = _url;
 
+                    this.isClickNav = "word0";
 
+                  } else if (
 
+                    this.isAssetTypeAnImage(
 
+                      _url
 
+                        .split(".")
 
+                      [_url.split(".").length - 1].toLocaleLowerCase()
 
+                    )
 
+                  ) {
 
+                    this.showType = 4;
 
+                    this.pptImgUrl1 = _url;
 
+                    this.isClickNav = "word0";
 
+                  } else {
 
+                    this.showType = 2;
 
+                    this.pptImgUrl1 =
 
+                      "https://view.officeapps.live.com/op/view.aspx?src=" +
 
+                      _url;
 
+                    this.isClickNav = "word0";
 
+                  }
 
+                } else if (
 
+                  this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                    this.taskCount
 
+                  ].chapterData[0].type == 6
 
+                ) {
 
+                  this.showType = 1;
 
+                  this.text = this.textList[this.taskCount][0];
 
+                  this.isClickNav = "text0";
 
+                }
 
+              }
 
+            } else {
 
+              this.isClickNav = "video0";
 
+            }
 
+            if (this.toolIndex == null && this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose.length) {
 
+              this.toolIndex = 0
 
+              this.tool = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[this.toolIndex]
 
+            }
 
+
 
+          } else {
 
+            this.courseDetail = res.data[0][0];
 
+            this.chapInfoList = JSON.parse(this.courseDetail.chapters);
 
+          }
 
+
 
+          this.$nextTick(() => {
 
+            setTimeout(() => {
 
+              this.checkEva();
 
+            }, 1000);
 
+          });
 
+          let _this = this;
 
+          if (_this.timer) {
 
+            clearInterval(_this.timer);
 
+            _this.timer = null;
 
+          }
 
+
 
+
 
+          _this.selectSWorks(gindex);
 
+          _this.selectStudent();
 
+          _this.selectSLook();
 
+          if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
 
+            _this.setCTask();
 
+          }
 
+          if (_this.dialogVisibleGroup) {
 
+            _this.groupJson =
 
+              _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
 
+                _this.taskCount
 
+              ].toolChoose[_this.toolindex].groupJson;
 
+          }
 
+
 
+          _this.timer = setInterval(function () {
 
+            _this.selectSWorks(gindex);
 
+            
+          }, 5000);
 
+        })
 
+        .catch((err) => {
 
+          loading.close();
 
+          console.error(err);
 
+        });
 
+    },
 
+    getCourseGroup(gindex) {
 
+      let params = {
 
+        cid: this.id,
 
+        classid: this.tcid ? this.tcid : '1',
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseGroup", params)
 
+        .then((res) => {
 
+          if (res.data && res.data[0].length) {
 
+            if (!this.isGroup) {
 
+              let courseGroup = JSON.parse(res.data[0][0].group)
 
+              courseGroup.group = courseGroup.group.filter(el => {
 
+                el.works = []
 
+                return el
 
+              });
 
+              this.courseGroup = courseGroup
 
+              let groupPerson = res.data[1]
 
+              let group = JSON.parse(res.data[0][0].group).group
 
+              let courseGroupStudent = {}
 
+              let courseGroupStudentUid = {}
 
+              for (var i = 0; i < group.length; i++) {
 
+                courseGroupStudent[group[i].id] = []
 
+                courseGroupStudentUid[group[i].id] = []
 
+                for (var j = 0; j < groupPerson.length; j++) {
 
+                  if (groupPerson[j].groupCid == group[i].id) {
 
+                    courseGroupStudent[group[i].id].push(groupPerson[j])
 
+                    courseGroupStudentUid[group[i].id].push(groupPerson[j].userid)
 
+                  }
 
+                }
 
+              }
 
+              this.courseGroupStudent = courseGroupStudent
 
+              this.courseGroupStudentUid = courseGroupStudentUid
 
+            }
 
+            this.isGroup = true
 
+            this.selectSWorks(gindex);
 
+          } else {
 
+            this.selectSWorks(gindex);
 
+            this.isGroup = false
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          // this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    setOperationTime() {
 
+      let _this = this
 
+      if (_this.opertimer) {
 
+        clearInterval(_this.opertimer);
 
+        _this.opertimer = null;
 
+      }
 
+      _this.opertimer = setInterval(() => {
 
+        _this.setoTime('600')
 
+      }, 600000);
 
+    },
 
+    setoTime(time) {
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          type: '2',
 
+          time: time,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addOperationTimeT2", params)
 
+        .then((res) => {
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    addPz(type, content) {
 
+      if (type == "1" && this.pzConText == "") {
 
+        this.$message.error("批注不能为空！");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.id,
 
+          uid: this.userid,
 
+          s: this.courseType,
 
+          t: this.taskCount,
 
+          c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
 
+          type: type,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addPz2", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "添加成功",
 
+            type: "success",
 
+          });
 
+          this.pzConText = "";
 
+          this.addPzDialog = false;
 
+          this.selectPz();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("添加失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    deletePz(id) {
 
+      this.$confirm("确定删除此批注吗？", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning",
 
+      })
 
+        .then(() => {
 
+          let params = [
 
+            {
 
+              id: id,
 
+            },
 
+          ];
 
+          this.ajax
 
+            .post(this.$store.state.api + "deletePz", params)
 
+            .then((res) => {
 
+              this.$message({
 
+                message: "删除成功",
 
+                type: "success",
 
+              });
 
+              this.selectPz();
 
+            })
 
+            .catch((err) => {
 
+              this.$message.error("网络异常");
 
+              console.error(err);
 
+            });
 
+        })
 
+        .catch(() => { });
 
+    },
 
+    selectPz() {
 
+      let params = {
 
+        cid: this.id,
 
+        s: this.courseType,
 
+        t: this.taskCount,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectPzList", params)
 
+        .then((res) => {
 
+          this.pzList = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateSLook() {
 
+      let params = {
 
+        sopen: this.sIsOpen == false ? 1 : 2,
 
+        cid: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "updateCourseSLook", params)
 
+        .then((res) => {
 
+          if (this.sIsOpen == true) {
 
+            this.$message({
 
+              message: "权限设置成功",
 
+              type: "success",
 
+            });
 
+          } else {
 
+            this.$message({
 
+              message: "权限关闭成功",
 
+              type: "success",
 
+            });
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateFollow() {
 
+      let params = [
 
+        {
 
+          sopen: this.IsFollow == false ? 1 : 2,
 
+          cid: this.id,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateCourseFollow", params)
 
+        .then((res) => {
 
+          if (this.IsFollow == true) {
 
+            this.$message({
 
+              message: "开启成功",
 
+              type: "success",
 
+            });
 
+          } else {
 
+            this.$message({
 
+              message: "关闭成功",
 
+              type: "success",
 
+            });
 
+          }
 
+          this.setCTask();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    setCTask() {
 
+      let params = [
 
+        {
 
+          sopen: this.courseType + '-' + this.taskCount,
 
+          cid: this.id,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateCourseFollowC", params)
 
+        .then((res) => {
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateLookOpen() {
 
+      let params = [
 
+        {
 
+          sopen: this.IsLookOpen == false ? 1 : 2,
 
+          cid: this.id,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateCourseLookOpen", params)
 
+        .then((res) => {
 
+          if (this.IsLookOpen == true) {
 
+            // if (this.courseType != 0 && this.taskCount != 0) {
 
+            //   this.openTask(0, 0, "0-0");
 
+            // }
 
+            this.$message({
 
+              message: "权限设置成功",
 
+              type: "success",
 
+            });
 
+          } else {
 
+            this.$message({
 
+              message: "权限关闭成功",
 
+              type: "success",
 
+            });
 
+          }
 
+          this.getCourseState(2);
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectSLook() {
 
+      let params = {
 
+        cid: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectCourseSLook", params)
 
+        .then((res) => {
 
+          this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
 
+          this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
 
+          this.IsFollow = res.data[0][0].follow == 1 ? false : true;
 
+          if (!this.IsLookOpen) {
 
+            this.setNavList();
 
+          } else {
 
+            this.getCourseState(1);
 
+          }
 
+
 
+          if (this.IsFollow && this.courseDetail.userid != this.userid) {
 
+            let _followC = res.data[0][0].followC.split('-')
 
+            if (this.courseType != _followC[0] || this.taskCount != _followC[1]) {
 
+              this.navList[this.courseType].isOpen = false;
 
+              this.courseType = _followC[0]
 
+              this.navList[this.courseType].isOpen = true;
 
+              this.taskCount = parseInt(_followC[1])
 
+              this.navId = res.data[0][0].followC;
 
+              this.getCourseDetail()
 
+            }
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    setNavList() {
 
+      if (this.navList.length == 0) {
 
+        this.navList = [];
 
+        for (var l = 0; l < this.chapInfoList.length; l++) {
 
+          var q = this.chapInfoList[l].dyName;
 
+          var w = this.chapInfoList[l].chapterInfo[0].taskJson;
 
+          var e;
 
+          this.navList.push({
 
+            dyName: q,
 
+            isOpen: l === 0 ? true : false,
 
+            task: [],
 
+          });
 
+          for (var r = 0; r < w.length; r++) {
 
+            e = w[r].task;
 
+            if (this.chapInfoList[l].easy == 1) {
 
+              this.navList[l].task.push({
 
+                taskName: q,
 
+                id: l + "-" + r,
 
+                isLook: w[r].isLook,
 
+              });
 
+            } else {
 
+              this.navList[l].task.push({
 
+                taskName: e,
 
+                id: l + "-" + r,
 
+                isLook: w[r].isLook,
 
+              });
 
+            }
 
+
 
+            // this.navId = this.navId ? this.navId : l + "-" + r;
 
+            // this.navId = l + "-" + r;
 
+          }
 
+        }
 
+        this.navList[0].isOpen = false;
 
+        this.navList[this.courseType].isOpen = true;
 
+        this.navId = this.navList[this.courseType].task[this.taskCount].id;
 
+      } else {
 
+        this.setNavList2();
 
+      }
 
+    },
 
+    setNavList2() {
 
+      for (var l = 0; l < this.chapInfoList.length; l++) {
 
+        var w = this.chapInfoList[l].chapterInfo[0].taskJson;
 
+        for (var r = 0; r < w.length; r++) {
 
+          this.navList[l].task[r].isLook = w[r].isLook;
 
+        }
 
+      }
 
+      if (
 
+        this.IsLookOpen &&
 
+        !this.navList[this.courseType].task[this.taskCount].isLook
 
+      ) {
 
+        this.openTask(0, 0, "0-0");
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    getCourseState(type) {
 
+      let params = {
 
+        cid: this.id,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseState", params)
 
+        .then((res) => {
 
+          if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
 
+            this.chapInfoList = JSON.parse(res.data[0][0].state);
 
+            this.setNavList();
 
+            this.$forceUpdate();
 
+          } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
 
+            this.addCourseState(2);
 
+          } else {
 
+            this.addCourseState(1);
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    addCourseState(type) {
 
+      let _state = this.chapInfoList;
 
+      // this.courseType   this.taskCount
 
+      if (type == 1 || type == 2) {
 
+        for (var i = 0; i < _state.length; i++) {
 
+          let el = _state[i].chapterInfo[0].taskJson;
 
+          for (var j = 0; j < el.length; j++) {
 
+            // if (i == 0 && j == 0) {
 
+            //   el[j].isLook = true;
 
+            // } else {
 
+            //   el[j].isLook = false;
 
+            // }
 
+
 
+            if (
 
+              this.courseType > i ||
 
+              (this.courseType == i && this.taskCount + 1 > j)
 
+            ) {
 
+              el[j].isLook = true;
 
+            } else {
 
+              el[j].isLook = false;
 
+            }
 
+          }
 
+        }
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.id,
 
+          state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(
 
+          this.$store.state.api +
 
+          (type == 1 ? "addCourseState" : "updateCourseSate"),
 
+          params
 
+        )
 
+        .then((res) => {
 
+          if (this.IsLookOpen) {
 
+            this.setNavList();
 
+          }
 
+          if (type == 3 && type == 2) {
 
+            this.getCourseState(1);
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    getHomeWork() {
 
+      let params = {
 
+        cid: this.id,
 
+        stage: this.courseType,
 
+        task: this.taskCount,
 
+        uid: this.userid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectWork", params)
 
+        .then((res) => {
 
+          if (res.data[0].length > 0) {
 
+            this.studyJuri = JSON.parse(res.data[0][0].content);
 
+            this.isNoHomeWork = true;
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    isAssetTypeAnImage(ext) {
 
+      return (
 
+        [
 
+          "png",
 
+          "jpg",
 
+          "jpeg",
 
+          "bmp",
 
+          "gif",
 
+          "webp",
 
+          "psd",
 
+          "svg",
 
+          "tiff",
 
+        ].indexOf(ext) !== -1
 
+      );
 
+    },
 
+    switchVideo(media) {
 
+      this.playerO = {};
 
+      this.playerOptions.poster = "";
 
+      this.playerOptions.sources[0].src = media;
 
+      this.playerO = this.playerOptions;
 
+    },
 
+    onPlayerPlay() { },
 
+    lookVedio(u, i) {
 
+      this.isClickNav = "";
 
+      // this.playerOptions.sources[0].src = u;
 
+      var d = JSON.parse(JSON.stringify(this.playerOptions));
 
+      d.sources[0].src = u;
 
+      this.playerO[this.taskCount] = d;
 
+      this.showType = 0;
 
+      this.isClickNav = "video" + i;
 
+      this.$forceUpdate();
 
+    },
 
+    lookText(i, t) {
 
+      this.isClickNav = "";
 
+      this.text = this.textList[i][t];
 
+      // this.dialogVisible1 = true;
 
+      this.showType = 1;
 
+      this.isClickNav = "text" + t;
 
+    },
 
+    lookTools(i, t) {
 
+      this.chapTools = this.chapToolList[i][t];
 
+      this.dialogVisible2 = true;
 
+    },
 
+    openFile(f) {
 
+      this.pptImgUrl = "";
 
+      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;
 
+        this.showPDF = false;
 
+        this.dialogVisible3 = true;
 
+      } else if (
 
+        f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
 
+      ) {
 
+        this.pptImgUrl = f;
 
+        this.showPDF = true;
 
+        this.dialogVisible3 = true;
 
+      }
 
+    },
 
+    openTable(f) {
 
+      this.tableJson = JSON.parse(f.works);
 
+      this.dialogVisibleTable2 = true;
 
+    },
 
+    doUrl(url, i) {
 
+      this.isClickNav = "";
 
+      this.pptImgUrl1 = "";
 
+      this.showType = 2;
 
+      if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
 
+        url = "https://" + url;
 
+      }
 
+      this.pptImgUrl1 = url;
 
+      this.isClickNav = "line" + i;
 
+    },
 
+    downFile(f, i) {
 
+      this.isClickNav = "";
 
+      this.pptImgUrl1 = "";
 
+      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
 
+      if (
 
+        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.dialogVisible3 = true;
 
+        this.showType = 2;
 
+      } else if (
 
+        this.isAssetTypeAnImage(
 
+          f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
 
+        )
 
+      ) {
 
+        this.showType = 4;
 
+        this.pptImgUrl1 = f.url;
 
+      } else if (
 
+        f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
 
+        "PDF"
 
+      ) {
 
+        this.pptImgUrl1 = f.url;
 
+        // this.dialogVisible3 = true;
 
+        this.showType = 3;
 
+      } else {
 
+        window.open(this.file[i].url);
 
+      }
 
+      this.isClickNav = "word" + i;
 
+    },
 
+    downFileList(i) {
 
+      window.open(this.noImgList[i].url);
 
+    },
 
+    openAddWork() {
 
+      this.dialogVisible = true;
 
+    },
 
+    addBzWorks() {
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.eScore),
 
+          type: 6,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.eScore = { eBzText: "", eStar: [] };
 
+          this.studentEvalDialogVisible = false;
 
+          this.selectSWorks();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addStudentAsk() {
 
+      if (!this.radio.length) {
 
+        this.$message.error("请选择选项");
 
+        return;
 
+      }
 
+      for (var i = 0; i < this.askJson.askCount; i++) {
 
+        if (this.radio[i] !== 0 && !this.radio[i]) {
 
+          this.$message.error("请选择选项");
 
+          return;
 
+        }
 
+      }
 
+      this.askList.push({ askJson: this.askJson, anwer: this.radio.join(",") });
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
 
+          type: 2,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.askList = [];
 
+          this.dialogVisible5 = false;
 
+          this.selectStudent();
 
+          this.selectSWorks();
 
+          this.selectSLook();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addStudentTest() {
 
+      if (!this.radio.length) {
 
+        this.$message.error("请选择选项");
 
+        return;
 
+      }
 
+      for (var i = 0; i < this.testJson.testCount; i++) {
 
+        if (
 
+          (this.radio[i] instanceof Array && !this.radio[i].length) ||
 
+          (this.radio[i] !== 0 && !this.radio[i])
 
+        ) {
 
+          this.$message.error("请选择选项");
 
+          return;
 
+        }
 
+      }
 
+      this.askList.push({ testJson: this.testJson, anwer: this.radio });
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
 
+          type: 8,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.askList = [];
 
+          this.dialogVisibleChoice = false;
 
+          this.selectStudent();
 
+          this.selectSWorks();
 
+          this.selectSLook();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    addWork() {
 
+      if (this.studyJuri[0].content == "") {
 
+        this.$message.error("请将信息填写完整");
 
+        return;
 
+      } else if (this.studyJuri[0].cover.length == 0) {
 
+        this.$message.error("请将信息填写完整");
 
+        return;
 
+      } else if (this.studyJuri[0].upVedio.length == 0) {
 
+        this.$message.error("请将信息填写完整");
 
+        return;
 
+      }
 
+      if (this.isNoHomeWork) {
 
+        this.$confirm(
 
+          "您已经提交了该作业了，如果您再提交将覆盖上次提交的作业！",
 
+          "提示",
 
+          {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          }
 
+        )
 
+          .then(() => {
 
+            let params = [
 
+              {
 
+                uid: this.userid,
 
+                cid: this.id,
 
+                stage: this.courseType,
 
+                task: this.taskCount,
 
+                content: JSON.stringify(this.studyJuri),
 
+              },
 
+            ];
 
+            this.ajax
 
+              .post(this.$store.state.api + "addWorks", params)
 
+              .then((res) => {
 
+                this.$message({
 
+                  message: "提交成功",
 
+                  type: "success",
 
+                });
 
+                this.isNoHomeWork = true;
 
+                this.dialogVisible = false;
 
+              })
 
+              .catch((err) => {
 
+                this.$message.error("提交失败");
 
+                console.error(err);
 
+              });
 
+          })
 
+          .catch(() => { });
 
+      } else {
 
+        let params = [
 
+          {
 
+            uid: this.userid,
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            content: JSON.stringify(this.studyJuri),
 
+          },
 
+        ];
 
+        this.ajax
 
+          .post(this.$store.state.api + "addWorks", params)
 
+          .then((res) => {
 
+            this.$message({
 
+              message: "提交成功",
 
+              type: "success",
 
+            });
 
+            this.isNoHomeWork = true;
 
+            this.dialogVisible = false;
 
+          })
 
+          .catch((err) => {
 
+            this.$message.error("提交失败");
 
+            console.error(err);
 
+          });
 
+      }
 
+    },
 
+    selectCount() {
 
+      let params = {
 
+        cid: this.id,
 
+        chid: this.courseType,
 
+        uid: this.userid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectToolsCount", params)
 
+        .then((res) => {
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            if (res.data[0][i].tools == 1) {
 
+              this.wbCount = res.data[0][i].count;
 
+            } else if (res.data[0][i].tools == 2) {
 
+              this.wordCount = res.data[0][i].count;
 
+            } else if (res.data[0][i].tools == 3) {
 
+              this.mindCount = res.data[0][i].count;
 
+            } else if (res.data[0][i].tools == 4) {
 
+              this.askCount = res.data[0][i].count;
 
+            } else if (res.data[0][i].tools == 6) {
 
+              this.noteCount = res.data[0][i].count;
 
+            } else if (res.data[0][i].tools == 7) {
 
+              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 == 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;
 
+            } else if (res.data[0][i].tools == 18) {
 
+              this.trainCount = res.data[0][i].count;
 
+            }
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    openTools(t, i, index, c, sName) {
 
+      var z = JSON.parse(c);
 
+      this.noteName = sName;
 
+      if (t == 4) {
 
+        this.radio = [];
 
+        this.isAnswer = false;
 
+        for (var i = 0; i < z.length; i++) {
 
+          let a = z[i];
 
+          let b = a.anwer.split(",");
 
+          let d = [];
 
+          for (var j = 0; j < b.length; j++) {
 
+            d.push(parseInt(b[j]));
 
+          }
 
+          this.radio = d;
 
+          this.askJson = a.askJson;
 
+        }
 
+        this.isAnswer = true;
 
+        this.dialogVisible5 = true;
 
+      } else if (t == 45) {
 
+        this.radio = [];
 
+        this.isAnswer = false;
 
+        let b = z[0].anwer;
 
+        this.radio = b;
 
+        this.testJson = z[0].testJson;
 
+        this.isAnswer = true;
 
+        this.dialogVisibleChoice = true;
 
+      }
 
+      //  else if (t == 15) {
 
+      //   this.answerQ = "";
 
+      //   this.questionAnswer = "";
 
+      //   this.answerQ = z[0].answerTitle;
 
+      //   this.questionAnswer = z[0].answer;
 
+      //   this.answerDialogVisible = true;
 
+      // }
 
+    },
 
+
 
+    fastText(p, t) {
 
+      if (t == 1) {
 
+        this.commentText += p;
 
+      } else {
 
+        this.eScore.eBzText += p;
 
+      }
 
+    },
 
+    addTools(t, i, index) {
 
+      var a = 0;
 
+      // this.taskCount = index;
 
+      this.toolindex = i;
 
+      if (t == 1) {
 
+        if (this.wbCount > 0) {
 
+          this.updateCount(this.wbCount, t);
 
+        } else {
 
+          this.wbCount++;
 
+          a = this.wbCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "1",
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            tool: i,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (t == 2) {
 
+        if (this.wordCount > 0) {
 
+          this.updateCount(this.wordCount, t);
 
+        } else {
 
+          this.wordCount++;
 
+          a = this.wordCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage({ tools: "2" }, "*");
 
+      } else if (t == 3) {
 
+        if (this.mindCount > 0) {
 
+          this.updateCount(this.mindCount, t);
 
+        } else {
 
+          this.mindCount++;
 
+          a = this.mindCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "3",
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            tool: i,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (t == 4) {
 
+        this.radio = [];
 
+        this.noteName = "";
 
+        this.isAnswer = false;
 
+        if (this.askCount > 0) {
 
+          this.updateCount(this.askCount, t);
 
+        } else {
 
+          this.askCount++;
 
+          a = this.askCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        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;
 
+        } else {
 
+          this.askJson.askJson = this.chapTools.askJson.askJson;
 
+          this.askJson.askTitle = this.chapTools.askJson.askTitle;
 
+          this.askJson.askCount = this.chapTools.askJson.askCount;
 
+        }
 
+        this.dialogVisible5 = true;
 
+
 
+        // window.parent.postMessage({ tools: "4" }, "*");
 
+      } else if (t == 45) {
 
+        this.noteName = "";
 
+        this.radio = [];
 
+        this.isAnswer = false;
 
+        if (this.askCount > 0) {
 
+          this.updateCount(this.askCount, t);
 
+        } else {
 
+          this.askCount++;
 
+          a = this.askCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        this.testJson =
 
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            index
 
+          ].toolChoose[i].testJson;
 
+        for (var k = 0; k < this.testJson.testJson.length; k++) {
 
+          if (this.testJson.testJson[k].type == "2") {
 
+            this.radio.push([]);
 
+          } else {
 
+            this.radio.push("");
 
+          }
 
+        }
 
+
 
+        this.dialogVisibleChoice = true;
 
+
 
+        // window.parent.postMessage({ tools: "4" }, "*");
 
+      } else if (t == 5) {
 
+        if (this.scoreCount > 0) {
 
+          this.updateCount(this.scoreCount, t);
 
+        } else {
 
+          this.scoreCount++;
 
+          a = this.scoreCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        this.dialogVisible4 = true;
 
+        // window.parent.postMessage({ tools: "5" }, "*");
 
+      } else if (t == 6) {
 
+        if (this.noteCount > 0) {
 
+          this.updateCount(this.noteCount, t);
 
+        } else {
 
+          this.noteCount++;
 
+          a = this.noteCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "6",
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            tool: i,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (t == 7) {
 
+        if (this.mindNetWorkCount > 0) {
 
+          this.updateCount(this.mindNetWorkCount, t);
 
+        } else {
 
+          this.mindNetWorkCount++;
 
+          a = this.mindNetWorkCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "7",
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            tool: i,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (t == 16) {
 
+        if (this.workCount > 0) {
 
+          this.updateCount(this.workCount, t);
 
+        } else {
 
+          this.workCount++;
 
+          a = this.workCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        this.dialogVisible = true;
 
+      } else if (t == 50) {
 
+        if (this.tType == 2) {
 
+          this.$message.error("不支持学生使用");
 
+          return;
 
+        }
 
+        this.plworkFile = [];
 
+        this.uploadCid =
 
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            index
 
+          ].toolChoose[i].uploadJson[0];
 
+        this.selectUploadStudent();
 
+        this.dialogVisiblePl = true;
 
+      } else if (t == 8) {
 
+        if (this.libraryCount > 0) {
 
+          this.updateCount(this.libraryCount, t);
 
+        } else {
 
+          this.libraryCount++;
 
+          a = this.libraryCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage({ tools: "8" }, "*");
 
+      } else if (t == 17) {
 
+        if (this.libraryCount > 0) {
 
+          this.updateCount(this.libraryCount, t);
 
+        } else {
 
+          this.libraryCount++;
 
+          a = this.libraryCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage({ tools: "17" }, "*");
 
+      } else if (t == 18) {
 
+        if (this.trainCount > 0) {
 
+          this.updateCount(this.trainCount, t);
 
+        } else {
 
+          this.trainCount++;
 
+          a = this.trainCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        window.parent.postMessage({ tools: "18" }, "*");
 
+      } else if (t == 10) {
 
+        if (this.timeCount > 0) {
 
+          this.updateCount(this.timeCount, t);
 
+        } else {
 
+          this.timeCount++;
 
+          a = this.timeCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
 
+          .taskJson[index].toolChoose[i].preTime
 
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
 
+            .toolChoose[i].preTime
 
+          : "";
 
+        this.timeDialogVisible = true;
 
+      } else if (t == 15) {
 
+        this.answerQ = "";
 
+        this.questionAnswer = "";
 
+        if (this.answerCount > 0) {
 
+          this.updateCount(this.answerCount, t);
 
+        } else {
 
+          this.answerCount++;
 
+          a = this.answerCount;
 
+          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.answerDialogVisible = true;
 
+      } else if (t == 21) {
 
+        window.parent.postMessage({ tools: "21" }, "*");
 
+      } else if (t == 22) {
 
+        window.parent.postMessage({ tools: "22" }, "*");
 
+      } else if (t == 23) {
 
+        window.parent.postMessage({ tools: "23" }, "*");
 
+      } else if (t == 24) {
 
+        window.parent.postMessage({ tools: "24" }, "*");
 
+      } else if (t == 25) {
 
+        window.parent.postMessage({ tools: "25" }, "*");
 
+      } else if (t == 31) {
 
+        window.parent.postMessage({ tools: "31" }, "*");
 
+      } else if (t == 28) {
 
+        window.parent.postMessage({ tools: "28" }, "*");
 
+      } else if (t == 37) {
 
+        window.parent.postMessage({ tools: "37" }, "*");
 
+      } else if (t == 38) {
 
+        window.parent.postMessage({ tools: "38" }, "*");
 
+      } else if (t == 39) {
 
+        window.parent.postMessage({ tools: "39" }, "*");
 
+      } else if (t == 32) {
 
+        window.parent.postMessage({ tools: "32" }, "*");
 
+      } else if (t == 57) {
 
+        window.parent.postMessage({ tools: "57" }, "*");
 
+      } else if (t == 58) {
 
+        window.parent.postMessage({ tools: "58" }, "*");
 
+      } else if (t == 59) {
 
+        window.parent.postMessage({ tools: "59" }, "*");
 
+      } else if (t == 60) {
 
+        window.parent.postMessage({ tools: "60" }, "*");
 
+      } else if (t == 26) {
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "26",
 
+            cid: this.id,
 
+            stage: this.courseType,
 
+            task: this.taskCount,
 
+            tool: i,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (t == 40) {
 
+        if (this.evalCount > 0) {
 
+          this.updateCount(this.evalCount, t);
 
+        } else {
 
+          this.evalCount++;
 
+          a = this.evalCount;
 
+          this.toolsCount(a, t);
 
+        }
 
+        this.eScore = { eBzText: "", eStar: [] };
 
+        if (this.worksStudent[i].length) {
 
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
 
+            if (this.userid == this.worksStudent[i][k].userid) {
 
+              this.eScore = JSON.parse(this.worksStudent[i][k].works);
 
+              this.rateJson =
 
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                  index
 
+                ].toolChoose[i].rateJson;
 
+              break;
 
+            } else {
 
+              this.rateJson =
 
+                this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                  index
 
+                ].toolChoose[i].rateJson;
 
+            }
 
+          }
 
+        } else {
 
+          this.rateJson =
 
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+              index
 
+            ].toolChoose[i].rateJson;
 
+        }
 
+
 
+        this.isStar = false;
 
+        this.studentEvalDialogVisible = true;
 
+      } else if (t == 41) {
 
+        this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
 
+          .taskJson[index].toolChoose[i].selectJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                index
 
+              ].toolChoose[i].selectJson
 
+            )
 
+          )
 
+          : { url: "", select: [], answer: [] };
 
+        if (this.worksStudent[i].length) {
 
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
 
+            if (this.userid == this.worksStudent[i][k].userid) {
 
+              var a = this.worksStudent[i][k].works.split(",");
 
+              for (var ki = 0; ki < a.length; ki++) {
 
+                a[ki] = parseInt(a[ki]);
 
+              }
 
+              this.selectAnswer = {
 
+                answer: a,
 
+                stu: this.worksStudent[i][k].sName,
 
+              };
 
+              break;
 
+            } else {
 
+              this.selectAnswer = { answer: [], stu: "" };
 
+            }
 
+          }
 
+        } else {
 
+          this.selectAnswer = { answer: [], stu: "" };
 
+        }
 
+        this.isSelect = false;
 
+        this.dialogVisibleSelect = true;
 
+      } else if (t == 44) {
 
+        window.parent.postMessage({ tools: "44" }, "*");
 
+      } else if (t == 47) {
 
+        this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
 
+          .taskJson[index].toolChoose[i].sentenceList
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                index
 
+              ].toolChoose[i].sentenceList
 
+            )
 
+          )
 
+          : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
 
+        for (var q = 0; q < this.sentenceList.length; q++) {
 
+          this.sentenceList[q].chooseSenList = [];
 
+          this.sentenceList[q].addChangeSen = [];
 
+          this.sentenceList[q].addChangeSen = JSON.parse(
 
+            JSON.stringify(this.sentenceList[q].addSentence)
 
+          );
 
+          this.sentenceList[q].chooseSenList.length =
 
+            this.sentenceList[q].rightAnswer.length;
 
+        }
 
+        this.dialogVisibleSentence = true;
 
+      } else if (t == 48) {
 
+        this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
 
+          .taskJson[index].toolChoose[i].tableJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                index
 
+              ].toolChoose[i].tableJson
 
+            )
 
+          )
 
+          : { text: "" };
 
+        if (this.worksStudent[i].length) {
 
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
 
+            if (this.userid == this.worksStudent[i][k].userid) {
 
+              this.tableJson = JSON.parse(this.worksStudent[i][k].works);
 
+              break;
 
+            }
 
+          }
 
+        }
 
+        this.dialogVisibleTable = true;
 
+      } else if (t == 52) {
 
+        this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
 
+          .taskJson[index].toolChoose[i].wordJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+                index
 
+              ].toolChoose[i].wordJson
 
+            )
 
+          )
 
+          : { text: "" };
 
+        this.dialogVisibleWord = true;
 
+      } else if (t == 49) {
 
+        this.groupJson =
 
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+            index
 
+          ].toolChoose[i].groupJson;
 
+
 
+        this.dialogVisibleGroup = true;
 
+      }
 
+    },
 
+    teacherWorkSubmit(t, i, index, s) {
 
+      this.sStudent = s;
 
+      this.toolindex = i;
 
+      if (this.tType !== "1" && this.tType !== "4") {
 
+        return;
 
+      }
 
+      if (t == 16) {
 
+        // if (this.workCount > 0) {
 
+        //   this.updateCount(this.workCount, t);
 
+        // } else {
 
+        //   this.workCount++;
 
+        //   a = this.workCount;
 
+        //   this.toolsCount(a, t);
 
+        // }
 
+        this.dialogVisibleWorks = true;
 
+      }
 
+    },
 
+    setRightAnswer(s, i, j) {
 
+      for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
 
+        if (
 
+          this.sentenceList[i].chooseSenList[q] == undefined ||
 
+          this.sentenceList[i].chooseSenList[q] == ""
 
+        ) {
 
+          this.sentenceList[i].chooseSenList[q] = s;
 
+          this.sentenceList[i].addChangeSen[j] = "";
 
+          break;
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    returnCard(r, i, j) {
 
+      var a = this.sentenceList[i].addSentence.indexOf(r);
 
+      this.sentenceList[i].chooseSenList[j] = "";
 
+      this.sentenceList[i].addChangeSen[a] = r;
 
+      this.$forceUpdate();
 
+    },
 
+    // addSentenceTool() {
 
+    //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+    //     this.taskCount
 
+    //   ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
 
+    //   this.sentenceList = [
 
+    //     { sentenceTitle: "", addSentence: [], rightAnswer: [] },
 
+    //   ];
 
+    //   this.dialogVisibleSentence = false;
 
+    // },
 
+    toolsCount(a, t) {
 
+      let params = {
 
+        cid: this.id,
 
+        chid: this.courseType,
 
+        uid: this.userid,
 
+        tid: t,
 
+        count: a,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "insertToolsCount", params)
 
+        .then((res) => {
 
+          this.selectCount();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateCount(c, t) {
 
+      c++;
 
+      let params = {
 
+        cid: this.id,
 
+        chid: this.courseType,
 
+        uid: this.userid,
 
+        tid: t,
 
+        count: c,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "updateToolsCount", params)
 
+        .then((res) => {
 
+          this.selectCount();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    checkEva() {
 
+      if (this.evalua != "") {
 
+        for (var i = 0; i < this.evaJuri.length; i++) {
 
+          if (this.evalua == this.evaJuri[i].id) {
 
+            this.eTitle = this.evaJuri[i].title;
 
+            this.eJson = JSON.parse(this.evaJuri[i].content);
 
+          }
 
+        }
 
+        this.$forceUpdate();
 
+        setTimeout(() => {
 
+          this.setMindData();
 
+        }, 0);
 
+      }
 
+    },
 
+    selectEva() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectAllEvaluation", params)
 
+        .then((res) => {
 
+          this.evaJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    setMindData() {
 
+      this.data.data = [];
 
+      this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
 
+      let _eJson = Object.keys(this.eJson);
 
+      let _e = this.eJson;
 
+      for (let i = 0; i < _eJson.length; i++) {
 
+        let element = _e[_eJson[i]];
 
+        this.data.data.push({
 
+          id: element.id,
 
+          parentid: "root",
 
+          topic: element.name,
 
+        });
 
+        let _eJsonc = Object.keys(element.child);
 
+        let _e2 = element.child;
 
+        for (let j = 0; j < _eJsonc.length; j++) {
 
+          let _ec = _e2[_eJsonc[j]];
 
+          this.data.data.push({
 
+            id: _ec.id,
 
+            parentid: element.id,
 
+            topic: _ec.name,
 
+          });
 
+          let _eJsonz = Object.keys(_ec.child);
 
+          let _e3 = _ec.child;
 
+          for (let z = 0; z < _eJsonz.length; z++) {
 
+            let _ez = _e3[_eJsonz[z]];
 
+            this.data.data.push({
 
+              id: _ez.id,
 
+              parentid: _ec.id,
 
+              topic: _ez.name,
 
+            });
 
+          }
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    checkFileFull(type, url) {
 
+      this.fullDialogVisible = true;
 
+      this.fulltype = type;
 
+      this.fullUrl = url;
 
+    },
 
+    openSname(n, id) {
 
+      this.snameWid = id;
 
+      this.worksSName = n;
 
+      this.dialogVisibleSname = true;
 
+    },
 
+    updateName() {
 
+      let params = {
 
+        n: this.worksSName,
 
+        cid: this.snameWid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "updateCourseWorksName", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "修改成功",
 
+            type: "success",
 
+          });
 
+          this.dialogVisibleSname = false;
 
+          this.getCourseDetail();
 
+          this.snameWid = "";
 
+          this.worksSName = "";
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    downloadFile2(f) {
 
+      let url = f.url
 
+      let _this = this;
 
+      let _url = "";
 
+      if (
 
+        url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
 
+      ) {
 
+        _url = url.split(
 
+          "https://view.officeapps.live.com/op/view.aspx?src="
 
+        )[1];
 
+      } else {
 
+        _url = url;
 
+      }
 
+      const x = new XMLHttpRequest();
 
+      x.open("GET", _url, true);
 
+      x.responseType = "blob";
 
+      const loading = _this.$loading.service({
 
+        background: "rgba(255, 255, 255, 0.7)",
 
+        target: document.body,
 
+        text: "文件加载中...",
 
+      });
 
+      // _this.$message.success("文件下载中...");
 
+      x.onload = function (e) {
 
+        loading.close();
 
+        let content = x.response;
 
+        let elink = document.createElement("a");
 
+        elink.download = f.name;
 
+        elink.style.display = "none";
 
+        let blob = new Blob([content]);
 
+        elink.href = URL.createObjectURL(blob);
 
+        document.body.appendChild(elink);
 
+        elink.click();
 
+        document.body.removeChild(elink);
 
+      };
 
+      x.send();
 
+    },
 
+    downloadFile(url) {
 
+      let _this = this;
 
+      let _url = "";
 
+      if (
 
+        url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
 
+      ) {
 
+        _url = url.split(
 
+          "https://view.officeapps.live.com/op/view.aspx?src="
 
+        )[1];
 
+      } else {
 
+        _url = url;
 
+      }
 
+      const x = new XMLHttpRequest();
 
+      x.open("GET", _url, true);
 
+      x.responseType = "blob";
 
+      const loading = _this.$loading.service({
 
+        background: "rgba(255, 255, 255, 0.7)",
 
+        target: document.body,
 
+        text: "文件加载中...",
 
+      });
 
+      // _this.$message.success("文件下载中...");
 
+      x.onload = function (e) {
 
+        loading.close();
 
+        // const url = window.URL.createObjectURL(x.response);
 
+        // const a = document.createElement("a");
 
+        // a.href = url;
 
+        // a.target = "_blank";
 
+        // a.download = url;
 
+        // a.click();
 
+        // a.remove();
 
+        let content = x.response;
 
+        let elink = document.createElement("a");
 
+        elink.download = decodeURI(
 
+          _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
 
+        );
 
+        elink.style.display = "none";
 
+        let blob = new Blob([content]);
 
+        elink.href = URL.createObjectURL(blob);
 
+        document.body.appendChild(elink);
 
+        elink.click();
 
+        document.body.removeChild(elink);
 
+      };
 
+      x.send();
 
+    },
 
+    openLine(url) {
 
+      window.open(url);
 
+    },
 
+    resize() {
 
+      if (document.getElementsByClassName("box_course").length) {
 
+        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";
 
+      }
 
+      this.Stbodywidth =
 
+        document.getElementsByClassName("student_body").length &&
 
+        document.getElementsByClassName("student_body")[0].offsetWidth;
 
+    },
 
+    closeDraw() {
 
+      this.bg = null;
 
+      this.drawShow = false;
 
+    },
 
+    showPicturePaint(url) {
 
+      let params = {
 
+        img: url,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "imgToBase64", params)
 
+        .then((res) => {
 
+          console.log(res);
 
+          this.drawShow = true;
 
+          this.bg = res.data[0].img;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    addImgDraw(base64) {
 
+      let file = { name: "批注图.png" };
 
+      let img = this.dataUrlToFile(base64, file);
 
+      this.beforeUpload1(img, 5);
 
+    },
 
+    addImgDrawImG(url) {
 
+      // console.log(url);
 
+      let params = [
 
+        {
 
+          wid: this.commentDetail.wid,
 
+          img: url,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateCourseWorks", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "提交成功",
 
+            type: "success",
 
+          });
 
+          this.drawShow = false;
 
+          this.bg = "";
 
+          this.selectSWorks();
 
+          this.selectStudent();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("提交失败");
 
+          console.error(err);
 
+        });
 
+    },
 
+    deletePicturePaint() {
 
+      this.$confirm("确定删除此批注吗？", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning",
 
+      })
 
+        .then(() => {
 
+          let params = [
 
+            {
 
+              wid: this.commentDetail.wid,
 
+              img: "",
 
+            },
 
+          ];
 
+          this.ajax
 
+            .post(this.$store.state.api + "updateCourseWorks", params)
 
+            .then((res) => {
 
+              this.$message({
 
+                message: "删除成功",
 
+                type: "success",
 
+              });
 
+              this.selectSWorks();
 
+              this.selectStudent();
 
+            })
 
+            .catch((err) => {
 
+              this.$message.error("删除失败");
 
+              console.error(err);
 
+            });
 
+        })
 
+        .catch(() => { });
 
+    },
 
+    getAudioVideo(constraintsData) {
 
+      if (navigator.mediaDevices === undefined) {
 
+        navigator.mediaDevices = {};
 
+      }
 
+      if (navigator.mediaDevices.getUserMedia === undefined) {
 
+        navigator.mediaDevices.getUserMedia = function (constraints) {
 
+          // 首先，如果有getUserMedia的话，就获得它
 
+          var getUserMedia =
 
+            navigator.getUserMedia ||
 
+            navigator.webkitGetUserMedia ||
 
+            navigator.mozGetUserMedia ||
 
+            navigator.msGetUserMedia;
 
+          // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
 
+          if (!getUserMedia) {
 
+            return Promise.reject({ code: 404 });
 
+          }
 
+
 
+          // 否则，为老的navigator.getUserMedia方法包裹一个Promise
 
+
 
+          return new Promise(function (resolve, reject) {
 
+            getUserMedia.call(navigator, constraints, resolve, reject);
 
+          });
 
+        };
 
+      }
 
+      return navigator.mediaDevices.getUserMedia(constraintsData);
 
+    },
 
+    /**
 
+     * 开始录制
 
+     */
 
+    startRecording(callback) {
 
+      let _function = (screenStream) => {
 
+        this.addStreamStopListener(screenStream, () => {
 
+          console.log("流停止监听");
 
+          this.stopRecording();
 
+          this.$emit("streamStop", {});
 
+          // this.stopRecording();
 
+        });
 
+        var options = {
 
+          type: "video",
 
+          mimeType: "video/webm",
 
+          disableLogs: false,
 
+          getNativeBlob: false, // enable it for longer recordings
 
+          ignoreMutedMedia: false,
 
+        };
 
+        // this.video.srcObject = screenStream;
 
+        this.recorder = RecordRTC(screenStream, options);
 
+        this.recorder.startRecording();
 
+        this.recorder.screen = screenStream;
 
+        this.videoStart = true;
 
+        // callback(true);
 
+      };
 
+
 
+      this.getAudioVideo({ audio: true })
 
+        .then((res) => {
 
+          this.captureScreen(_function, true);
 
+          console.log("已点击允许,开启成功");
 
+        })
 
+        .catch((err) => {
 
+          // 	console.log('浏览器不支持，请更换浏览器')
 
+          // } else {
 
+          this.captureScreen(_function, false);
 
+          console.log("请检查是否存在麦克风");
 
+        });
 
+    },
 
+    /**
 
+     * 停止录制
 
+     */
 
+    stopRecording(callback) {
 
+      this.recorder.stopRecording(() => {
 
+        // this.video.src = this.video.srcObject = null;
 
+        // this.video.src = URL.createObjectURL(this.recorder.getBlob());
 
+        const url = URL.createObjectURL(this.recorder.getBlob());
 
+        const a = document.createElement("a"); //this.fileName+
 
+        let videoFile = new File(
 
+          [this.recorder.getBlob()],
 
+          this.courseDetail.title + "录屏.mp4",
 
+          {
 
+            type: "video/mp4",
 
+          }
 
+        );
 
+        let downloadUrl = URL.createObjectURL(videoFile);
 
+        document.body.appendChild(a);
 
+        a.style.display = "none";
 
+        a.href = url;
 
+        a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
 
+        a.click();
 
+        this.recorder.screen.stop();
 
+        this.recorder.destroy();
 
+        this.recorder = null;
 
+        this.videoStart = false;
 
+        // callback(false);
 
+      });
 
+    },
 
+    //初始化
 
+    captureScreen(callback, type) {
 
+      if (navigator.getDisplayMedia) {
 
+        //录制结束,文件下载
 
+        navigator
 
+          .getDisplayMedia({
 
+            video: true,
 
+          })
 
+          .then((screenStream) => {
 
+            if (type) {
 
+              navigator.mediaDevices
 
+                .getUserMedia({ audio: true })
 
+                .then((mic) => {
 
+                  screenStream.addTrack(mic.getTracks()[0]);
 
+                  callback(screenStream);
 
+                });
 
+            } else {
 
+              callback(screenStream);
 
+            }
 
+          })
 
+          .catch(function (error) {
 
+            console.log("error", error);
 
+          });
 
+      } else if (navigator.mediaDevices.getDisplayMedia) {
 
+        navigator.mediaDevices
 
+          .getDisplayMedia({
 
+            video: true,
 
+          })
 
+          .then((screenStream) => {
 
+            if (type) {
 
+              navigator.mediaDevices
 
+                .getUserMedia({ audio: true })
 
+                .then((mic) => {
 
+                  screenStream.addTrack(mic.getTracks()[0]);
 
+                  callback(screenStream);
 
+                });
 
+            } else {
 
+              callback(screenStream);
 
+            }
 
+          })
 
+          .catch(function (error) {
 
+            console.log("error", error);
 
+          });
 
+      } else {
 
+        var error = "getDisplayMedia API are not supported in this browser.";
 
+        console.log("error", error);
 
+        alert(error);
 
+      }
 
+    },
 
+
 
+    //流监听
 
+    addStreamStopListener(stream, callback) {
 
+      stream.addEventListener(
 
+        "ended",
 
+        function () {
 
+          callback();
 
+          callback = function () { };
 
+        },
 
+        false
 
+      );
 
+      stream.addEventListener(
 
+        "inactive",
 
+        function () {
 
+          callback();
 
+          callback = function () { };
 
+        },
 
+        false
 
+      );
 
+      stream.getTracks().forEach(function (track) {
 
+        track.addEventListener(
 
+          "ended",
 
+          function () {
 
+            callback();
 
+            callback = function () { };
 
+          },
 
+          false
 
+        );
 
+        track.addEventListener(
 
+          "inactive",
 
+          function () {
 
+            callback();
 
+            callback = function () { };
 
+          },
 
+          false
 
+        );
 
+      });
 
+    },
 
+
 
+    updateGroup() {
 
+      this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
 
+      this.dialogVisibleGroup2 = true;
 
+    },
 
+    updateGroupJson() {
 
+      for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
 
+        if (
 
+          this.groupStudentUid[this.toolindex][i].length >
 
+          this.groupJson2.number
 
+        ) {
 
+          this.$message.error("已经有小组比你设置的人数多，请重新设置");
 
+          return;
 
+        }
 
+      }
 
+      this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
 
+      this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolindex].groupJson = this.groupJson;
 
+      let params = [
 
+        {
 
+          cid: this.id,
 
+          chapters: JSON.stringify(this.chapInfoList).replaceAll(/%/g, "%25"),
 
+          uid: this.userid,
 
+          unitIndex: this.courseType,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateWorkNew4", params)
 
+        .then((res) => {
 
+          this.$message.success("设置成功");
 
+          this.getCourseDetail(2);
 
+          this.dialogVisibleGroup2 = false;
 
+          this.groupJson2 = {};
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    lockChair() {
 
+      this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
 
+      this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
 
+      this.updateGroupJson();
 
+    },
 
+    selectGroup(index) {
 
+      this.getCourseDetail(2, index);
 
+    },
 
+    joinGroup(index) {
 
+      if (this.groupJson.islock == 2) {
 
+        this.$message.error("位置已被锁定，无法加入");
 
+        return;
 
+      }
 
+      if (
 
+        this.groupStudent[this.toolindex][index].length >
 
+        this.groupJson.number ||
 
+        this.groupStudent[this.toolindex][index].length == this.groupJson.number
 
+      ) {
 
+        this.$message.error("位置已满，无法加入");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          g: index,
 
+          uid: this.userid,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "joinGroup", params)
 
+        .then((res) => {
 
+          this.$message.success("加入成功");
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    exitGroup(id) {
 
+      if (this.groupJson.islock == 2) {
 
+        this.$message.error("位置已被锁定，无法退出");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          gid: id,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "exitGroup", params)
 
+        .then((res) => {
 
+          this.$message.success("退出成功");
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    groupUpload(index, task, gindex) {
 
+      this.taskCount = task;
 
+      this.toolindex = index;
 
+      this.groupIndex = gindex;
 
+      this.dialogVisibleGroupWork = true;
 
+    },
 
+    updateGroupChair(user) {
 
+      this.updateGroupArray = this.groupJson.group.filter((el, index) => {
 
+        el.label = index;
 
+        return index != user.group;
 
+      });
 
+      this.updateGroupUser = user;
 
+      this.dialogVisibleUpdateGroup = true;
 
+    },
 
+    updateChair() {
 
+      if (
 
+        this.groupStudent[this.toolindex][this.checkChair].length >
 
+        this.groupJson.number ||
 
+        this.groupStudent[this.toolindex][this.checkChair].length ==
 
+        this.groupJson.number
 
+      ) {
 
+        this.$message.error("位置已满，无法加入");
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.id,
 
+          stage: this.courseType,
 
+          task: this.taskCount,
 
+          tool: this.toolindex,
 
+          g: this.checkChair,
 
+          uid: this.updateGroupUser.userid,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "joinGroup", params)
 
+        .then((res) => {
 
+          this.$message.success("修改成功");
 
+          this.updateGroupUser = {};
 
+          this.checkChair = "";
 
+          this.updateGroupArray = {};
 
+          this.dialogVisibleUpdateGroup = false;
 
+          this.getCourseDetail();
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    deleteGroupChair(gindex) {
 
+      this.checkDeleteGroup = [];
 
+      this.deleteGroupUser = JSON.parse(
 
+        JSON.stringify(this.groupStudent[this.toolindex][gindex])
 
+      );
 
+      this.deleteGroupArray = this.groupJson.group[gindex];
 
+      this.groupIndex = gindex;
 
+      this.dialogVisibleDeleteGroup = true;
 
+    },
 
+    async deleteChair() {
 
+      for (let i = 0; i < this.checkDeleteGroup.length; i++) {
 
+        const gid =
 
+          this.groupStudent[this.toolindex][this.groupIndex][
 
+          this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
 
+            this.checkDeleteGroup[i]
 
+          )
 
+          ];
 
+        let params = [
 
+          {
 
+            gid: gid.id,
 
+          },
 
+        ];
 
+        var a = await this.deleteChairA(params);
 
+        if (i == this.checkDeleteGroup.length - 1) {
 
+          this.$message.success("退出成功");
 
+          this.dialogVisibleDeleteGroup = false;
 
+          this.deleteGroupUser = [];
 
+          this.deleteGroupArray = {};
 
+          this.groupIndex = "";
 
+          this.checkDeleteGroup = [];
 
+          this.getCourseDetail();
 
+        }
 
+      }
 
+    },
 
+
 
+    deleteChairA(params) {
 
+      return new Promise((resolve, reject) => {
 
+        this.ajax
 
+          .post(this.$store.state.api + "exitGroup", params)
 
+          .then((res) => {
 
+            resolve(1);
 
+          })
 
+          .catch((err) => {
 
+            this.$message.error("网络不佳");
 
+            console.error(err);
 
+          });
 
+      });
 
+    },
 
+    contract(i) {
 
+      if (this.isCloseList[i].isClose == 0) {
 
+        this.isCloseList[i].isClose = 1;
 
+      } else {
 
+        this.isCloseList[i].isClose = 0;
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+  },
 
+  directives: {
 
+    // 使用局部注册指令的方式
 
+    resize: {
 
+      // 指令的名称
 
+      bind(el, binding) {
 
+        // el为绑定的元素，binding为绑定给指令的对象
 
+        let width = "",
 
+          height = "";
 
+        function isReize() {
 
+          const style = document.defaultView.getComputedStyle(el);
 
+          if (width !== style.width || height !== style.height) {
 
+            binding.value(); // 关键
 
+          }
 
+          width = style.width;
 
+          height = style.height;
 
+        }
 
+        el.__vueSetInterval__ = setInterval(isReize, 300);
 
+      },
 
+      unbind(el) {
 
+        clearInterval(el.__vueSetInterval__);
 
+      },
 
+    },
 
+  },
 
+  beforeDestroy() {
 
+    window.onresize = null;
 
+    clearInterval(this.timer);
 
+    this.timer = null;
 
+    clearInterval(this.opertimer);
 
+    this.opertimer = null;
 
+  },
 
+  computed: {
 
+    contentConvent() {
 
+      return function (c) {
 
+        return c
 
+          ? c
 
+            .replaceAll(/\r\n/g, "<br/>")
 
+            .replaceAll(/\n/g, "<br/>")
 
+            .replaceAll(/\s/g, " &nbsp")
 
+          : "";
 
+      };
 
+    },
 
+  },
 
+  mounted() {
 
+    if (this.screenType == 2) {
 
+      window.parent.postMessage({ allScreen: 4 }, "*");
 
+    } else if (this.screenType == 3) {
 
+      window.parent.postMessage({ allScreen: 5 }, "*");
 
+    } else if (this.screenType == 1) {
 
+      window.parent.postMessage({ allScreen: 6 }, "*");
 
+    }
 
+    this.setOperationTime();
 
+    this.selectEva();
 
+    this.getCourseDetail();
 
+    this.selectCount();
 
+    this.getHomeWork();
 
+    this.selectCStudent();
 
+    this.toolIndex = null
 
+    this.contentDialog = true;
 
+    this.setContent2(true)
 
+    if (this.tType == 4) {
 
+      this.pzDialog = true;
 
+      this.selectPz();
 
+    }
 
+    document.scrollingElement.scrollTop = 0;
 
+    window.addEventListener("resize", () => {
 
+      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";
 
+    });
 
+    let _this = this;
 
+    setTimeout(() => {
 
+      // _this.vedioTime = [];
 
+      // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
 
+      //   _this.vedioTime[i] = document.getElementsByClassName(
 
+      //     "vjs-duration-display"
 
+      //   )[i].textContent;
 
+      // }
 
+    }, 1000);
 
+  },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+@media screen and (max-width: 1280px) {
 
+
 
+  /* .courseIndex > div:first-child(2) {
 
+    width: 15% !important;
 
+  } */
 
+  /* .navText {
 
+    width: 120px !important;
 
+  } */
 
+  .evaCss {
 
+    flex-direction: column !important;
 
+    align-items: center !important;
 
+  }
 
+
 
+  .dialog_diy1>>>.el-dialog {
 
+    width: 100% !important;
 
+  }
 
+
 
+  .rightWidthCss {
 
+    width: 100% !important;
 
+  }
 
+
 
+  .dialog_diy3>>>.el-dialog {
 
+    width: 100% !important;
 
+  }
 
+
 
+  /* .textTitle >>> .el-form-item__label {
 
+    width: 150px !important;
 
+  } */
 
+}
 
+
 
+.evaCssMax {
 
+  flex-direction: column !important;
 
+  align-items: center !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog {
 
+  margin-top: 10vh !important;
 
+}
 
+
 
+.body_student {
 
+  width: 77%;
 
+  height: 100%;
 
+  position: absolute;
 
+  left: 22%;
 
+  top: 0;
 
+}
 
+
 
+.student_head {
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  padding-bottom: 20px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+  justify-content: flex-start;
 
+}
 
+
 
+.pb_left {
 
+  width: 20%;
 
+  margin-right: 10px;
 
+  background: rgb(255, 255, 255);
 
+  padding-right: 10px;
 
+  position: fixed;
 
+  height: 100%;
 
+}
 
+
 
+.wheel>img,
 
+.project>img,
 
+.star>img,
 
+.evaluate>img,
 
+.up_photo>img,
 
+.chapter_add>img,
 
+.deleteWord>img,
 
+.question>img,
 
+.homework>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.upCover>img {
 
+  width: 131px;
 
+  height: 69px;
 
+  object-fit: cover;
 
+}
 
+
 
+.upCover {
 
+  width: calc(100% / 3.5);
 
+  position: relative;
 
+  margin: 0 15px 10px 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  justify-content: center;
 
+  align-content: center;
 
+  align-items: center;
 
+  height: fit-content;
 
+}
 
+
 
+.upCover2 {
 
+  width: 100%;
 
+  position: relative;
 
+  margin: 0 15px 10px 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  justify-content: center;
 
+  align-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.upCover2>img {
 
+  width: 100%;
 
+  height: 90px;
 
+  object-fit: contain;
 
+}
 
+
 
+.chapter_add {
 
+  width: 120px;
 
+  position: relative;
 
+  text-align: center;
 
+}
 
+
 
+.isAddThings {
 
+  margin-top: 20px;
 
+  position: relative;
 
+  text-align: center;
 
+  background: #f7f8fa;
 
+  height: 90px;
 
+  width: 90px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+
 
+.deleteWord {
 
+  width: 22px;
 
+  height: 22px;
 
+  position: absolute;
 
+  right: -5px;
 
+  top: -5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.box_course {
 
+  /* width: 60%; */
 
+  width: 81%;
 
+}
 
+
 
+.wheel {
 
+  width: 100%;
 
+  /* height: 100%; */
 
+  height: 650px;
 
+}
 
+
 
+.right_box {
 
+  display: flex;
 
+  flex-direction: column;
 
+  margin-left: 30px;
 
+  justify-content: space-around;
 
+}
 
+
 
+.right_box_title {
 
+  font-size: 23px;
 
+}
 
+
 
+.people {
 
+  display: flex;
 
+}
 
+
 
+.student_body {
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  margin-top: 10px;
 
+  padding: 0 0 20px;
 
+}
 
+
 
+.study_top {
 
+  margin-top: 70px;
 
+  width: 100%;
 
+  /* overflow: auto; */
 
+  height: auto;
 
+}
 
+
 
+.study_top .checkbox {
 
+  display: flex;
 
+  align-items: center;
 
+  padding: 15px 0 15px 30px;
 
+  flex: 0 0 auto;
 
+  font-weight: bold;
 
+  border-bottom: 1px solid #eee;
 
+}
 
+
 
+.study_top .check {
 
+  padding-bottom: 5px;
 
+  text-align: center;
 
+  cursor: pointer;
 
+  height: 30px;
 
+  box-sizing: border-box;
 
+  display: flex;
 
+}
 
+
 
+.study_top .checked {
 
+  border-bottom: 4px solid #3fc6a0;
 
+  padding-bottom: 5px;
 
+  color: #3fc6a0;
 
+  display: flex;
 
+  height: 35px;
 
+}
 
+
 
+.study_top .checked>div,
 
+.study_top .check>div {
 
+  margin-right: 5px;
 
+}
 
+
 
+.videoTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: space-between;
 
+  background: #fff;
 
+  align-items: center;
 
+  width: 95%;
 
+  padding: 20px;
 
+}
 
+
 
+.upbtn {
 
+  margin: 25px;
 
+  background: #70afdb;
 
+  color: #fff;
 
+  width: 120px;
 
+  text-align: center;
 
+  height: 30px;
 
+  line-height: 30px;
 
+  font-size: 13px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.filebox {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  flex-direction: column;
 
+  padding: 15px 0 5px;
 
+}
 
+
 
+.filebox .tooldetail {
 
+  width: 100%;
 
+  margin: 0px 12px;
 
+  background: rgb(247, 247, 247);
 
+  padding: 20px;
 
+  line-height: 30px;
 
+  word-break: break-word;
 
+}
 
+
 
+.file {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+  cursor: pointer;
 
+  width: 200px;
 
+}
 
+
 
+.file div {
 
+  margin-top: 10px;
 
+  width: 150px;
 
+  text-align: center;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.media {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin: 0 20px 20px 0;
 
+  cursor: pointer;
 
+  margin: 12px 0 5px 15px;
 
+  overflow: hidden;
 
+  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
 
+    0px 2px 1px -1px rgb(0 0 0 / 12%);
 
+  box-sizing: border-box;
 
+}
 
+
 
+.media img {
 
+  height: 90px;
 
+  width: 160px;
 
+  object-fit: cover;
 
+}
 
+
 
+.media .title {
 
+  padding: 5px;
 
+  text-align: left;
 
+  width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.media .btn {
 
+  width: 100%;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  color: #fff;
 
+  background: #606060;
 
+  text-align: center;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.detail_content_top {
 
+  width: 100%;
 
+  padding: 25px 0 25px 0;
 
+}
 
+
 
+.detail_title {
 
+  text-align: center;
 
+  font-size: 24px;
 
+}
 
+
 
+.detail_time {
 
+  font-size: 13px;
 
+  padding: 15px 0 0 40px;
 
+}
 
+
 
+.detail_content {
 
+  line-height: 2pc;
 
+  width: 90%;
 
+  margin: 0 auto;
 
+  padding-top: 30px;
 
+  text-indent: 30px;
 
+  overflow: auto;
 
+  height: 200px;
 
+}
 
+
 
+.score_box>>>.el-rate {
 
+  margin-left: 10px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog {
 
+  border-radius: 5px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__header {
 
+  background: #f2f2f2;
 
+  text-align: center;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__title {
 
+  line-height: 5px;
 
+}
 
+
 
+.dialog_change>>>.el-dialog__body {
 
+  background: #fff;
 
+  padding: 10px 20px;
 
+}
 
+
 
+.score_box {
 
+  display: flex;
 
+  align-items: center;
 
+  margin-bottom: 18px;
 
+  margin-top: 20px;
 
+}
 
+
 
+.up_photo {
 
+  width: 120px;
 
+  cursor: pointer;
 
+  margin-top: 10px;
 
+}
 
+
 
+.up_photo2 {
 
+  width: 180px;
 
+  box-sizing: border-box;
 
+  min-width: 180px;
 
+  height: 180px;
 
+  max-height: 180px;
 
+  min-height: 180px;
 
+  cursor: pointer;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background: rgb(242, 246, 255);
 
+  /* padding: 25px; */
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.up_photo2 img {
 
+  width: 50%;
 
+  height: auto;
 
+}
 
+
 
+.up_photo2 span {
 
+  color: #898989;
 
+}
 
+
 
+.plworkBox {
 
+  display: flex;
 
+  align-items: center;
 
+  margin-top: 10px;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.upload_send {
 
+  margin: 30px auto 30px;
 
+  width: 60%;
 
+  background: #169bd6;
 
+  text-align: center;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  color: #fff;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.marginT {
 
+  margin-top: 20px;
 
+}
 
+
 
+.cd_content_steps {
 
+  display: flex;
 
+  width: 90%;
 
+  justify-content: space-around;
 
+  border-top: 1px solid #eeeeee;
 
+}
 
+
 
+.cd_steps_box {
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  flex-direction: column;
 
+  cursor: pointer;
 
+}
 
+
 
+.first {
 
+  display: flex;
 
+  align-items: center;
 
+  margin: 15px 0 20px 0;
 
+  font-size: 20px;
 
+}
 
+
 
+.first>div:nth-child(2) {
 
+  font-size: 16px !important;
 
+  padding-left: 10px;
 
+  line-height: 26px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.blue_box_one {
 
+  text-align: center;
 
+  color: #fff;
 
+  background-image: linear-gradient(90deg, #477cd7, #65b9fc);
 
+  border-radius: 7px;
 
+  margin: 10px;
 
+  cursor: pointer;
 
+  width: 95%;
 
+  height: 45px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+}
 
+
 
+.blue_box_one>div:nth-child(1) {
 
+  line-height: 30px;
 
+  margin: 0 5px 0 10px;
 
+  width: 30%;
 
+  min-width: 70px;
 
+  border-radius: 4px;
 
+}
 
+
 
+.blue_box_one>div:nth-child(2) {
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  word-break: break-all;
 
+  width: 70%;
 
+  text-align: left;
 
+  margin-right: 10px;
 
+  max-width: calc(100% - 85px);
 
+}
 
+
 
+.blue_box_one>div:nth-child(2):hover {
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  cursor: pointer;
 
+}
 
+
 
+.upFile {
 
+  margin: 0 auto;
 
+  width: 120px;
 
+  background: #70afdb;
 
+  color: #fff;
 
+  height: 30px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+  border-radius: 5px;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.courseTitle {
 
+  background: #205cc6;
 
+  width: 85%;
 
+  margin: 10px auto;
 
+  color: #fff;
 
+  border-radius: 5px;
 
+  padding: 10px 10px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  text-align: center;
 
+}
 
+
 
+.courseTitle .ctitle {
 
+  font-weight: bold;
 
+  font-size: 20px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.courseTitle .inviteBox {
 
+  font-size: 14px;
 
+  margin-top: 5px;
 
+  color: #a6cbff;
 
+}
 
+
 
+.courseTitle>>>.el-tooltip {
 
+  width: 100%;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  word-break: break-word;
 
+}
 
+
 
+.ml {
 
+  margin-left: 20px;
 
+  color: #5b7dba;
 
+  border-left: 3px solid #5b7dba;
 
+  padding-left: 5px;
 
+  font-weight: bold;
 
+}
 
+
 
+.return {
 
+  width: 2rem;
 
+  height: 2rem;
 
+  cursor: pointer;
 
+}
 
+
 
+.return>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.returnBtn {
 
+  background: #499eef;
 
+  width: 65px;
 
+  height: 30px;
 
+  color: #fff;
 
+  text-align: center;
 
+  line-height: 32px;
 
+  margin-right: 20px;
 
+  cursor: pointer;
 
+  border-radius: 5px;
 
+  font-size: 14px;
 
+}
 
+
 
+.tool {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  width: 13%;
 
+  margin: 0 30px;
 
+  align-items: center;
 
+}
 
+
 
+.whiteBIcon {
 
+  width: 150px;
 
+  cursor: pointer;
 
+}
 
+
 
+.whiteBIcon>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.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;
 
+  position: relative;
 
+  color: #6c6c6c;
 
+}
 
+
 
+.progressBox>>>.el-progress-bar__outer {
 
+  background-color: #d1dfff !important;
 
+}
 
+
 
+.progressBox .lbox {
 
+  height: 50px;
 
+  font-size: 19px;
 
+  display: flex;
 
+  align-items: center;
 
+  color: #747474;
 
+}
 
+
 
+.progressBox .lbox img {
 
+  width: 40px;
 
+  margin-right: 20px;
 
+}
 
+
 
+.closeCss {
 
+  position: absolute;
 
+  top: 8px;
 
+  right: 8px;
 
+  cursor: pointer;
 
+  width: 20px;
 
+  height: 20px;
 
+}
 
+
 
+.closeCss>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.uploadVedio {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin: 0 15px 10px 0;
 
+}
 
+
 
+.uploadVedio>img {
 
+  width: 30px;
 
+  height: 30px;
 
+}
 
+
 
+.uploadVedio>span {
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  width: 75px;
 
+  margin-top: 7px;
 
+}
 
+
 
+.picName {
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  width: 75px;
 
+  margin-top: 7px;
 
+}
 
+
 
+.new_top {
 
+  display: flex;
 
+  background: #fff;
 
+  flex-direction: row;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  height: 60px;
 
+  position: relative;
 
+}
 
+
 
+.before {
 
+  position: absolute;
 
+  background: #c3dad4;
 
+  width: 6px;
 
+  height: 100%;
 
+}
 
+
 
+.courseIndex {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  width: calc(100% - 520px);
 
+}
 
+
 
+.courseIndex>div:nth-child(1) {
 
+  margin: 0 20px;
 
+  padding-left: 5px;
 
+  font-size: 24px;
 
+  min-width: 100px;
 
+  font-weight: bold;
 
+  border-left: 4px solid #3363b9;
 
+  height: 35px;
 
+  text-align: center;
 
+  line-height: 35px;
 
+}
 
+
 
+.courseIndex>div:nth-child(2) {
 
+  font-size: 23px;
 
+  /* width: 300px; */
 
+  max-width: calc(100% - 180px);
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.courseIndex>div:nth-child(3) {
 
+  border-bottom: 1px solid #d7d7d7;
 
+  padding-bottom: 5px;
 
+  background: #49a0f0;
 
+  width: 55px;
 
+  min-width: 55px;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  text-align: center;
 
+  height: 20px;
 
+  line-height: 26px;
 
+  font-size: 14px;
 
+  margin: 0 0 0 10px;
 
+}
 
+
 
+.course_text {
 
+  padding: 20px 0 0 15px;
 
+  text-indent: 30px;
 
+  width: 80%;
 
+  min-height: 20px;
 
+}
 
+
 
+.vedioList {
 
+  background: #f2f2f2;
 
+  border: 1px solid #ececec;
 
+  /* width: 38.8%; */
 
+  width: 100%;
 
+  height: 445px;
 
+  border-radius: 10px;
 
+  overflow: hidden;
 
+}
 
+
 
+.vedioNav {
 
+  margin: 10px 0 0 15px;
 
+  border-bottom: 1px solid #d7d7d7;
 
+  padding-bottom: 5px;
 
+  background: #96d1ff;
 
+  width: 55px;
 
+  min-width: 55px;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  text-align: center;
 
+  height: 20px;
 
+  line-height: 26px;
 
+  font-size: 14px;
 
+}
 
+
 
+.queTop {
 
+  display: flex;
 
+  padding: 20px 0 20px 30px;
 
+  width: 100%;
 
+  flex-direction: row;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  border-bottom: 1px solid #eeeeee;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.question {
 
+  width: 40px;
 
+  margin-right: 10px;
 
+  margin-top: 7px;
 
+}
 
+
 
+.queTitle {
 
+  margin-left: 5px;
 
+  font-size: 25px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.addEditor {
 
+  width: 100px;
 
+  height: 30px;
 
+  background: #42cda6;
 
+  color: #fff;
 
+  border-radius: 5px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+  box-shadow: 1px 3px 6px 1px #bfbfbf;
 
+  cursor: pointer;
 
+}
 
+
 
+.vedioName {
 
+  /* text-overflow: ellipsis;
 
+  top: 8px;
 
+  font-size: 14px;
 
+  overflow: hidden;
 
+  width: 100%;
 
+  word-break: break-all;
 
+  white-space: nowrap; */
 
+
 
+  cursor: pointer;
 
+  margin: 0px 0px 10px 5px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  width: 100%;
 
+}
 
+
 
+.vedioTime {
 
+  width: 35px;
 
+  position: absolute;
 
+  color: #fff;
 
+  bottom: 0px;
 
+  right: 0px;
 
+  text-align: center;
 
+  background: #46411f;
 
+  height: 20px;
 
+  font-size: 14px;
 
+  line-height: 20px;
 
+}
 
+
 
+.homework {
 
+  width: 200px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  cursor: pointer;
 
+}
 
+
 
+.homebox {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  flex-direction: row;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  padding: 15px 0;
 
+}
 
+
 
+.isChooseActive {
 
+  color: #3e88f4;
 
+  border-bottom: 2px solid #2f80f3;
 
+}
 
+
 
+.chooseWho {
 
+  display: flex;
 
+  width: 100%;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: flex-start;
 
+  padding-bottom: 10px;
 
+}
 
+
 
+.chooseWho>div {
 
+  cursor: pointer;
 
+  padding-bottom: 10px;
 
+  margin: 0 30px;
 
+}
 
+
 
+.addPoint>div>img {
 
+  cursor: pointer;
 
+  margin: 0 10px;
 
+  width: 85px;
 
+  border-radius: 15px;
 
+  box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
 
+}
 
+
 
+.addPoint>div {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.isBorder>div {
 
+  margin: 0 0 10px 0;
 
+  align-items: flex-start !important;
 
+}
 
+
 
+.noiframeBox {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.iframeBox iframe {
 
+  width: 100%;
 
+  height: 800px;
 
+  border: none;
 
+  margin-bottom: 20px;
 
+  border: 1px solid #ccc;
 
+}
 
+
 
+.upload_toolBtn {
 
+  background: #6b92c9;
 
+  color: #fff;
 
+  width: 110px;
 
+  text-align: center;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0;
 
+}
 
+
 
+.binfo_input,
 
+.pj {
 
+  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);
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header,
 
+.dialog_diy1>>>.el-dialog__header {
 
+  background: #454545 !important;
 
+  padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__title,
 
+.dialog_diy1>>>.el-dialog__title {
 
+  color: #fff;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__headerbtn,
 
+.dialog_diy1>>>.el-dialog__headerbtn {
 
+  top: 19px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close,
 
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close {
 
+  color: #fff;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover,
 
+.dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close:hover {
 
+  color: #fff;
 
+}
 
+
 
+.dialog_diy1>>>.el-dialog__body {
 
+  padding: 0;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body,
 
+.dialog_diy>>>.el-dialog__footer,
 
+.dialog_diy1>>>.el-dialog__footer {
 
+  background: #fafafa;
 
+}
 
+
 
+.a_addBox {
 
+  margin: 10px 0;
 
+  background: #fff;
 
+  padding: 15px;
 
+  max-height: 400px;
 
+  overflow: auto;
 
+}
 
+
 
+.a_add_box {
 
+  border-bottom: 2px solid #eee;
 
+  padding-bottom: 10px;
 
+}
 
+
 
+.a_add_head {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  /* justify-content: space-between; */
 
+  flex-direction: column;
 
+  /* flex-direction: row; */
 
+  margin: 10px 0 20px 0;
 
+  font-size: 18px;
 
+  width: 100%;
 
+}
 
+
 
+.a_add_head .a_add_head_input {
 
+  width: 300px;
 
+}
 
+
 
+.a_add_head .a_add_head_div {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.a_add_body {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.a_add_input {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.a_add_input>>>el-radio-group {
 
+  margin: 10px 0;
 
+}
 
+
 
+.a_add_input>>>.el-radio,
 
+.a_add_input>>>.el-checkbox {
 
+  margin-bottom: 10px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.redioStyle>>>.el-radio__label {
 
+  font-size: 18px;
 
+}
 
+
 
+.redioStyle>>>.el-checkbox__label {
 
+  font-size: 18px;
 
+}
 
+
 
+.toolHeng2 {
 
+  width: 100%;
 
+}
 
+
 
+.toolHeng {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  width: 100%;
 
+}
 
+
 
+.toolHeng>div {
 
+  padding-left: 20px;
 
+}
 
+
 
+.isWidth {
 
+  width: 20%;
 
+}
 
+
 
+.textTitle {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  width: 95%;
 
+}
 
+
 
+.textTitle>>>.el-form-item__label {
 
+  font-size: 22px;
 
+  color: #918f8f;
 
+  width: 100px;
 
+}
 
+
 
+.textTitle>>>.el-form-item__content {
 
+  width: calc(100% - 100px);
 
+}
 
+
 
+.textCss>>>.el-dialog {
 
+  width: 800px !important;
 
+  height: 400px;
 
+  background: #fafafa;
 
+}
 
+
 
+.textCss>>>.el-dialog__body {
 
+  margin: 55px 8% 0 8%;
 
+  padding: 0 !important;
 
+}
 
+
 
+.textCss>>>.el-dialog__footer {
 
+  padding-top: 38px;
 
+}
 
+
 
+.toolsCss>>>.el-dialog__body {
 
+  padding: 20px;
 
+}
 
+
 
+.lineCss>>>.el-dialog__body {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.newNav {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: baseline;
 
+  justify-content: flex-start;
 
+}
 
+
 
+.navText {
 
+  cursor: pointer;
 
+  margin: 0px 0px 10px 5px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  /* width: 300px; */
 
+  width: 100%;
 
+}
 
+
 
+.noVedio {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: center;
 
+  align-content: center;
 
+}
 
+
 
+.noNavText {
 
+  cursor: pointer;
 
+  margin: 0px 0px 10px 5px;
 
+  width: 112px;
 
+}
 
+
 
+.listNoVedio {
 
+  margin: 0 0 0 30px;
 
+  width: 97%;
 
+}
 
+
 
+.video-player>>>.video-js {
 
+  height: 100%;
 
+}
 
+
 
+.hangVedioList {
 
+  width: 90% !important;
 
+  height: 150px !important;
 
+  margin: 20px 0 0 30px;
 
+}
 
+
 
+.hangVedio {
 
+  width: 100%;
 
+  height: 170px !important;
 
+  align-items: flex-start !important;
 
+}
 
+
 
+.hangHand {
 
+  height: 150px !important;
 
+}
 
+
 
+.twoChild {
 
+  width: 95%;
 
+  margin: 10px;
 
+  border-radius: 5px;
 
+  background: #f2f2f2;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  justify-content: flex-start;
 
+  align-items: flex-start;
 
+  transition: all 0.5s;
 
+  overflow: hidden;
 
+  height: 0;
 
+  background: #e7f3ff;
 
+}
 
+
 
+.twoChild>div:nth-child(1) {
 
+  margin-top: 5px;
 
+}
 
+
 
+.navChild {
 
+  width: 100%;
 
+  cursor: pointer;
 
+  margin-bottom: 10px;
 
+  position: relative;
 
+}
 
+
 
+.navChild img {
 
+  position: absolute;
 
+  right: 11px;
 
+  width: 15px;
 
+  top: 50%;
 
+  transform: translateY(-50%);
 
+}
 
+
 
+.navActive {
 
+  height: auto;
 
+}
 
+
 
+.navTask {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  align-content: flex-start;
 
+  height: 40px;
 
+  justify-content: flex-start;
 
+  padding: 0 10px;
 
+  width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.navTaskname {
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  word-break: break-all;
 
+  padding-left: 5px;
 
+}
 
+
 
+.openTaskActive {
 
+  color: #4386e6;
 
+}
 
+
 
+.iframeName {
 
+  margin: 5px 0;
 
+  border-left: 4px solid #41c4a4;
 
+  padding-left: 4px;
 
+}
 
+
 
+.toolTitle {
 
+  margin: 0px 0px 20px;
 
+  font-size: 20px;
 
+  font-weight: 500;
 
+  border-left: 4px solid #41c4a4;
 
+  padding-left: 4px;
 
+}
 
+
 
+.cru_selectBox {
 
+  overflow: auto;
 
+  width: 96%;
 
+  margin: 0 auto;
 
+  height: calc(100% - 40px - 21px - 20px);
 
+}
 
+
 
+.cru_selectBox::-webkit-scrollbar,
 
+.study_top::-webkit-scrollbar,
 
+.textContent::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.cru_selectBox::-webkit-scrollbar-track,
 
+.study_top::-webkit-scrollbar-track,
 
+.textContent::-webkit-scrollbar {
 
+  border-radius: 10px;
 
+  background-color: #b8bdc9;
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.cru_selectBox::-webkit-scrollbar-thumb,
 
+.study_top::-webkit-scrollbar-thumb,
 
+.textContent::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
 
+  background-color: #2c5ab3;
 
+}
 
+
 
+.vedioBox {
 
+  border-radius: 20px;
 
+  background: #fff;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.taskBox {
 
+  margin: 15px auto 20px;
 
+  background: #f7f7f7;
 
+  width: 97%;
 
+  border-radius: 10px;
 
+}
 
+
 
+.vedioTaskBox {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+  position: relative;
 
+}
 
+
 
+.toolBox {
 
+  padding: 20px 60px 0;
 
+  display: flex;
 
+  position: relative;
 
+}
 
+
 
+.btnAll {
 
+  position: absolute;
 
+  right: 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.vedioTimeBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  flex-wrap: nowrap;
 
+  position: relative;
 
+}
 
+
 
+.navBox {
 
+  background: #fff;
 
+  height: calc(100% - 40px);
 
+  padding: 5px 1px 0;
 
+  overflow-y: auto;
 
+  overflow-x: hidden;
 
+}
 
+
 
+.tool_work_box {
 
+  width: 100%;
 
+  padding: 0 30px 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.worksBox {
 
+  padding: 5px 0;
 
+  border-bottom: 1px solid #eeeeee;
 
+}
 
+
 
+.worksBTitle {
 
+  font-size: 20px;
 
+  padding-bottom: 15px;
 
+  border-bottom: 1px solid #eeeeee;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.greenBox {
 
+  width: 5px;
 
+  height: 30px;
 
+  background: #63b6fa;
 
+  margin-right: 5px;
 
+}
 
+
 
+.worksDetailBox {
 
+  display: flex;
 
+  width: 100%;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: flex-end;
 
+  justify-content: flex-start;
 
+  padding: 15px 0;
 
+}
 
+
 
+.works {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+  justify-content: flex-start;
 
+  align-content: center;
 
+  max-width: 240px;
 
+  width: calc(100% / 3 - 10px);
 
+  height: auto;
 
+  margin-right: 10px;
 
+  margin-bottom: 10px;
 
+  overflow: hidden;
 
+  height: 140px;
 
+  box-shadow: 0 0 6px 1px #dfdada;
 
+  border-radius: 15px;
 
+}
 
+
 
+.workImg {
 
+  width: 100%;
 
+  /* height: calc(100% - 40px); */
 
+  height: 105px;
 
+  position: relative;
 
+}
 
+
 
+.workImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: contain;
 
+  cursor: pointer;
 
+}
 
+
 
+.worksName {
 
+  height: 40px;
 
+  line-height: 40px;
 
+  display: flex;
 
+  width: 100%;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: space-between;
 
+  align-items: center;
 
+  margin: 0 0 0 10px;
 
+}
 
+
 
+.worksName>div:nth-child(1) {
 
+  width: 110px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.worksName>div:nth-child(2) {
 
+  color: #b7b4b5;
 
+}
 
+
 
+.noWorksS {
 
+  padding: 15px 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+}
 
+
 
+.noWorksName,
 
+.isWorksName {
 
+  background: #7cbcf1;
 
+  color: #fff;
 
+  width: 90px;
 
+  height: 25px;
 
+  text-align: center;
 
+  line-height: 25px;
 
+  border-radius: 5px;
 
+  margin: 10px 15px 10px 0;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  padding: 5px;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.isWorksName {
 
+  cursor: pointer;
 
+  background: #46a1eb !important;
 
+  width: 100px;
 
+  height: 40px;
 
+  line-height: 40px;
 
+  position: relative;
 
+}
 
+
 
+.noWorksName:hover {
 
+  background: #46a1eb !important;
 
+}
 
+
 
+.title {
 
+  background: #1e5cc9;
 
+  /* width: 98%; */
 
+  height: 45px;
 
+  color: #fff;
 
+  line-height: 45px;
 
+  padding-left: 20px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.textBox {
 
+  font-size: 20px;
 
+  width: 90%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  margin: 20px auto 0;
 
+  max-height: 500px;
 
+  overflow: auto;
 
+}
 
+
 
+.textContent {
 
+  font-size: 18px;
 
+  width: 95%;
 
+  max-width: 95%;
 
+}
 
+
 
+.answerBg {
 
+  background: url("../../assets/icon/answerBgNew.png") no-repeat;
 
+  background-size: 100% 100%;
 
+  width: 100%;
 
+  height: 100%;
 
+  color: #fff;
 
+  text-align: center;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  position: relative;
 
+  justify-content: center;
 
+}
 
+
 
+.answerBg>div:nth-child(1) {
 
+  /* font-size: 22px;
 
+  padding: 25px 0 10px; */
 
+}
 
+
 
+.answerContent {
 
+  width: 215px;
 
+  max-height: 60px;
 
+  word-break: break-all;
 
+  text-align: center;
 
+  /* white-space: nowrap; */
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  /* padding: 23px 0 0; */
 
+  -webkit-line-clamp: 3;
 
+  -webkit-box-orient: vertical;
 
+  display: -webkit-box;
 
+  font-size: 15px;
 
+}
 
+
 
+.elist_input_box {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  flex-wrap: nowrap;
 
+  padding: 10px 0 15px 30px;
 
+  flex-direction: column;
 
+}
 
+
 
+.elist_input {
 
+  /* width: 40%; */
 
+  width: 100%;
 
+}
 
+
 
+.elist_input .elist_input_box input {
 
+  font: inherit;
 
+  color: currentColor;
 
+  width: 200px;
 
+  padding: 8px 14px;
 
+  display: block;
 
+  min-width: 0;
 
+  outline: none;
 
+  border: 1px solid rgba(0, 0, 0, 0.23);
 
+  border-radius: 4px;
 
+  box-sizing: border-box;
 
+  background: #fff;
 
+  margin: 0 20px 0 0;
 
+}
 
+
 
+.elist_input .elist_input_box span {
 
+  height: 36px;
 
+  line-height: 36px;
 
+  color: rgb(82, 82, 82);
 
+}
 
+
 
+.elist_input .elist_input_box .remove {
 
+  height: 20px;
 
+  width: 20px;
 
+  background-size: 100% 100%;
 
+  background-position: unset;
 
+  margin-left: 5px;
 
+}
 
+
 
+.elist_input_box>>>.el-rate {
 
+  display: flex;
 
+  height: 36px;
 
+  align-items: center;
 
+}
 
+
 
+.elist_input_box .elist_inptu_text {
 
+  min-height: 50px;
 
+  /* width: 500px;
 
+  max-height: 150px; */
 
+  width: 100%;
 
+  line-height: 50px;
 
+  color: rgb(82, 82, 82);
 
+  overflow: auto;
 
+  text-indent: 5px;
 
+  background: #f7f6f9;
 
+  border-radius: 10px;
 
+}
 
+
 
+.elist_input_box .elist_inptu_text input {
 
+  width: 500px;
 
+}
 
+
 
+.elist_input_box>>>.el-rate__icon {
 
+  font-size: 24px;
 
+}
 
+
 
+.isClick {
 
+  background: #4d9def;
 
+}
 
+
 
+.bzBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+}
 
+
 
+.bzBox>div:nth-child(1) {
 
+  width: 4px;
 
+  height: 40px;
 
+  background-image: linear-gradient(180deg, #2c5cbd, #a1cff4);
 
+}
 
+
 
+.bzBox>div:nth-child(2) {
 
+  font-size: 23px;
 
+  font-weight: bold;
 
+  padding: 0px 0px 0 10px;
 
+}
 
+
 
+.navTitile {
 
+  padding: 0 0px 0 15px;
 
+  color: #fff;
 
+  height: 40px;
 
+  line-height: 40px;
 
+}
 
+
 
+.isTypeOne {
 
+  width: 240px;
 
+  height: 170px;
 
+  /* border: 1px solid #f8f8f8; */
 
+  border-radius: 10px;
 
+  box-shadow: 0 0 6px 1px #dfdada;
 
+}
 
+
 
+.e_add_top {
 
+  display: flex;
 
+  justify-content: space-between;
 
+  padding: 20px 20px 0 20px;
 
+  border-radius: 3px;
 
+  background: #fff;
 
+}
 
+
 
+.e_add_title2 {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.e_add_title2 span {
 
+  width: 40px;
 
+}
 
+
 
+.e_add_title {
 
+  display: flex;
 
+  align-items: center;
 
+  color: #b8b8b8;
 
+  font-size: 18px;
 
+  position: relative;
 
+  height: 40px;
 
+}
 
+
 
+.e_add_title span {
 
+  margin-right: 10px;
 
+}
 
+
 
+.e_add_title .el_input {
 
+  width: 300px;
 
+}
 
+
 
+.e_add_title>>>.el-input__inner {
 
+  width: 400px;
 
+}
 
+
 
+.e_add_btn {}
 
+
 
+.e_add_content {
 
+  display: flex;
 
+  width: 100%;
 
+  max-width: 650px;
 
+  height: 550px;
 
+}
 
+
 
+.e_add_list {
 
+  background: #fff;
 
+  height: 500px;
 
+  width: 210px;
 
+  position: relative;
 
+  margin: 15px 5px 0 0;
 
+  flex-shrink: 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.e_add_list_title {
 
+  font-size: 20px;
 
+  width: 100%;
 
+  box-sizing: border-box;
 
+  padding: 15px 40px;
 
+  text-align: center;
 
+  border-bottom: 1px solid #eaeaea;
 
+  position: relative;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  height: 57px;
 
+  background: #f6f6f6;
 
+}
 
+
 
+.e_add_list_title span {
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.e_add_list_title img {
 
+  position: absolute;
 
+  right: 15px;
 
+  width: 25px;
 
+  cursor: pointer;
 
+  top: 50%;
 
+  transform: translateY(-50%);
 
+}
 
+
 
+.e_add_list_body {
 
+  height: calc(100% - 187px);
 
+  overflow: auto;
 
+}
 
+
 
+.e_add_list_child {
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  position: relative;
 
+  box-sizing: border-box;
 
+  padding: 15px 40px;
 
+  text-align: center;
 
+}
 
+
 
+.e_add_list_child span {
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+  cursor: pointer;
 
+}
 
+
 
+.e_add_list_child img {
 
+  position: absolute;
 
+  right: 10px;
 
+  width: 21px;
 
+  cursor: pointer;
 
+  top: 50%;
 
+  transform: translateY(-50%);
 
+}
 
+
 
+.e_add_list_child+.e_add_list_child {
 
+  border-top: 1px solid #eaeaea;
 
+}
 
+
 
+.e_add_list_child .active {
 
+  color: #409eff;
 
+}
 
+
 
+.e_add_list_btn {
 
+  position: absolute;
 
+  bottom: 0;
 
+  height: 50px;
 
+  background: rgb(120, 120, 254);
 
+  width: 100%;
 
+  color: #fff;
 
+  font-size: 16px;
 
+  text-align: center;
 
+  line-height: 50px;
 
+  cursor: pointer;
 
+}
 
+
 
+.e_add_list_detail {
 
+  position: absolute;
 
+  bottom: 0;
 
+  height: 130px;
 
+  background: rgb(120, 120, 254);
 
+  width: 100%;
 
+  color: #fff;
 
+  font-size: 16px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.e_add_list_detail textarea {
 
+  height: 90%;
 
+  width: 95%;
 
+  border: none;
 
+  resize: none;
 
+  outline: none;
 
+  padding: 5px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.e_add_list_pbox {
 
+  width: 100%;
 
+  max-width: 650px;
 
+  /* height: 600px; */
 
+}
 
+
 
+.e_add_list_pbox_title {
 
+  height: 50px;
 
+  background: #fff;
 
+  display: flex;
 
+  align-items: center;
 
+  width: 100%;
 
+  box-sizing: border-box;
 
+  padding: 0 20px;
 
+}
 
+
 
+.type_title {
 
+  font-size: 18px;
 
+  font-weight: 700;
 
+}
 
+
 
+.type_content {
 
+  font-size: 16px;
 
+  margin-left: 30px;
 
+}
 
+
 
+.type_content span+span {
 
+  margin-left: 20px;
 
+}
 
+
 
+.type_content span {
 
+  cursor: pointer;
 
+  padding-bottom: 5px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.type_content .active {
 
+  color: #409eff;
 
+  border-bottom: 2px solid #409eff;
 
+}
 
+
 
+.e_add_list_pbox_content {
 
+  height: calc(100% - 50px);
 
+  display: flex;
 
+  align-items: center;
 
+  width: 100%;
 
+  background: #fff;
 
+}
 
+
 
+.evaCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+}
 
+
 
+.cru_line {
 
+  position: absolute;
 
+  bottom: 0px;
 
+  transition: all 0.5s;
 
+  left: 0px;
 
+  width: 125px;
 
+  margin-left: -25px;
 
+}
 
+
 
+.isNoMessage {
 
+  width: 20%;
 
+  margin: 25% auto 0;
 
+}
 
+
 
+.isNoMessage>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.fullStyle>>>.el-dialog__body {
 
+  height: 100% !important;
 
+}
 
+
 
+.fullStyle>>>.el-dialog,
 
+.fullStyle {
 
+  width: 100% !important;
 
+  max-width: 100% !important;
 
+  height: 100% !important;
 
+  margin: 0 !important;
 
+}
 
+
 
+.full_diy>>>.el-dialog {
 
+  margin: 0 !important;
 
+  height: 100%;
 
+  padding: 4px;
 
+}
 
+
 
+.full_diy>>>.el-dialog__body {
 
+  height: calc(100% - 100px);
 
+}
 
+
 
+.full_diy2>>>.el-dialog__body {
 
+  height: calc(100% - 50px);
 
+  padding: 0;
 
+}
 
+
 
+.switchCss {
 
+  /* width: 100%; */
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  /* justify-content: center; */
 
+}
 
+
 
+.isClickNav {
 
+  color: #499eef;
 
+}
 
+
 
+.commentImg {
 
+  width: 25px;
 
+  height: 25px;
 
+  cursor: pointer;
 
+}
 
+
 
+.commentImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.comment {
 
+  background: #f9f9f9;
 
+  border-radius: 0 0 15px 15px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: flex-end;
 
+  height: 35px;
 
+}
 
+
 
+.commentList {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: center;
 
+  align-content: center;
 
+  /* margin-left: 15px; */
 
+  /* margin-left: 8px; */
 
+}
 
+
 
+.scoreImg {
 
+  width: 17px;
 
+  height: 17px;
 
+}
 
+
 
+.studentDetail {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  /* align-items: center; */
 
+  align-items: flex-start;
 
+}
 
+
 
+.tx {
 
+  width: 50px;
 
+}
 
+
 
+.tx>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.nameAndTime {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+  margin-left: 10px;
 
+}
 
+
 
+.worksAnswer {
 
+  color: #4078dd;
 
+  margin: 10px 0;
 
+  font-size: 16px;
 
+  position: relative;
 
+}
 
+
 
+.worksAnswer>img {
 
+  width: 500px;
 
+  height: 300px;
 
+  object-fit: contain;
 
+  margin: 0 auto;
 
+  display: block;
 
+}
 
+
 
+.commentTop {
 
+  border-bottom: 1px solid #eaeaea;
 
+  padding-bottom: 10px;
 
+}
 
+
 
+.commentBox {
 
+  padding-top: 15px;
 
+}
 
+
 
+.pl {
 
+  font-size: 18px;
 
+}
 
+
 
+.plPerson {
 
+  width: 100%;
 
+}
 
+
 
+.plName {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: baseline;
 
+  color: #78787a;
 
+  width: 100%;
 
+}
 
+
 
+.deleteComment {
 
+  cursor: pointer;
 
+  margin-left: auto;
 
+  color: #237ade;
 
+}
 
+
 
+.plContent {
 
+  margin-top: 5px;
 
+}
 
+
 
+.evalCss {
 
+  background: #fff;
 
+  font-size: 18px;
 
+}
 
+
 
+.nav {
 
+  color: #9d9d9d;
 
+  padding: 5px 0 15px 20px;
 
+}
 
+
 
+.middleBox {
 
+  padding: 5px 0 15px 20px;
 
+}
 
+
 
+.pfBox {
 
+  padding-bottom: 30px;
 
+}
 
+
 
+.nameAndrate {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  padding-bottom: 10px;
 
+  height: 30px;
 
+  line-height: 30px;
 
+}
 
+
 
+.nameAndrate>div {
 
+  margin-left: 10px;
 
+  color: #000;
 
+  height: 30px;
 
+}
 
+
 
+.nameAndrate>>>.el-rate__icon {
 
+  font-size: 28px !important;
 
+}
 
+
 
+.pfBox>div:nth-child(2) {
 
+  background: #f7f6f9;
 
+  width: 400px;
 
+  min-height: 45px;
 
+  border-radius: 10px;
 
+  font-size: 16px;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  padding: 10px 20px;
 
+  box-sizing: border-box;
 
+  color: #000;
 
+}
 
+
 
+.bz {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+}
 
+
 
+.bz>div {
 
+  padding: 0 10px;
 
+}
 
+
 
+.select_box2_title {
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 15px 10px;
 
+  box-sizing: border-box;
 
+  margin-bottom: 10px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.select_box2_title>div:nth-child(2) {
 
+  margin-left: 10px;
 
+  color: #c4c4c4;
 
+}
 
+
 
+.select_box2_box {
 
+  display: flex;
 
+  height: 500px;
 
+}
 
+
 
+.select_box2_img {
 
+  width: calc(100% - 310px);
 
+  height: 100%;
 
+  overflow: auto;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+}
 
+
 
+.select_box2_img img {
 
+  width: 100%;
 
+}
 
+
 
+.select_box2_answer {
 
+  background: #fff;
 
+  margin-left: 10px;
 
+  border-radius: 5px;
 
+  width: 300px;
 
+  overflow: auto;
 
+  height: 90%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+  padding-top: 10px;
 
+  box-sizing: border-box;
 
+  position: relative;
 
+}
 
+
 
+.select_answer_title {
 
+  padding: 0 0 15px 20px;
 
+  color: #c4c4c4;
 
+}
 
+
 
+.select_box2_answer_box {
 
+  margin: 0 0 10px 20px;
 
+  width: 85%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.select_box2_answer_box>>>.el-input.is-disabled .el-input__inner {
 
+  color: #000;
 
+}
 
+
 
+.upAnswerCss {
 
+  position: absolute;
 
+  bottom: 15px;
 
+  right: 15px;
 
+}
 
+
 
+.upAnswerCss>>>.el-button {
 
+  width: 95px;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  padding: 0;
 
+}
 
+
 
+.rightWidthCss {
 
+  width: 60%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: flex-start;
 
+}
 
+
 
+.rightAnswer {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  color: red;
 
+  margin-bottom: 31px;
 
+}
 
+
 
+.rightAnswerCss {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  padding-top: 60px;
 
+}
 
+
 
+.blueCss {
 
+  color: #767de1;
 
+  margin-left: 10px;
 
+}
 
+
 
+.redCss {
 
+  color: red;
 
+}
 
+
 
+.redioStyle>>>.el-radio__input.is-checked+.el-radio__label {
 
+  color: rgb(0 123 255) !important;
 
+}
 
+
 
+.redioStyle>>>.el-checkbox__input.is-checked+.el-checkbox__label {
 
+  color: rgb(0 123 255) !important;
 
+}
 
+
 
+.zuoyeYulan {
 
+  padding-top: 15px;
 
+  font-size: 18px;
 
+  display: flex;
 
+  align-items: flex-end;
 
+}
 
+
 
+.buttonA {
 
+  margin-left: 10px;
 
+  padding: 0;
 
+}
 
+
 
+.displayBox {
 
+  margin-bottom: 10px;
 
+  display: block;
 
+  border-bottom: 3px solid #eee;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.easy_comment {
 
+  width: calc(100% - 90px);
 
+  margin-left: 10px;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.easy_comment>div {
 
+  border: 1px solid #4a4a4a;
 
+  color: #666;
 
+  border-radius: 15px;
 
+  padding: 5px 10px;
 
+  font-size: 16px;
 
+  margin-bottom: 10px;
 
+  margin-right: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.easy_comment div:hover {
 
+  border: 1px solid #f7ba2a;
 
+  color: #c69217;
 
+}
 
+
 
+.xuan_right_box {
 
+  padding: 10px;
 
+  background: rgb(247, 247, 247);
 
+  margin: 10px 12px;
 
+  border-radius: 5px;
 
+}
 
+
 
+.tool_right_box {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.tool_right_box+.tool_right_box {
 
+  margin-top: 10px;
 
+}
 
+
 
+.right_box_xuan {
 
+  background: rgb(0 123 255);
 
+  color: #fff;
 
+  border-radius: 5px;
 
+  padding: 5px;
 
+  margin-left: 10px;
 
+}
 
+
 
+.pButton:hover {
 
+  opacity: 1 !important;
 
+}
 
+
 
+.pButton {
 
+  position: fixed;
 
+  /* right: 5%; */
 
+  /* bottom: 5%; */
 
+  color: #fff;
 
+  /* width: 50px;
 
+  height: 50px; */
 
+  /* border-radius: 50%; */
 
+  text-align: center;
 
+  /* line-height: 50px; */
 
+  /* background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5); */
 
+  cursor: pointer;
 
+  z-index: 999;
 
+  right: 0;
 
+  top: 83px;
 
+  width: 50px;
 
+  height: 50px;
 
+  background: #fff;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  box-shadow: 0px 0 8px 2px #c5c5c5;
 
+  border-radius: 5px;
 
+}
 
+
 
+.pzClass {
 
+  width: calc(100% - 340px);
 
+}
 
+
 
+.newDialogCss {
 
+  /* position: fixed;
 
+  right: 5%;
 
+  top: 50%;
 
+  width: 340px;
 
+  transform: translateY(-50%);
 
+  height: 60%;
 
+  box-shadow: 0px 0 8px 0px #555555;
 
+  border-radius: 15px;
 
+  z-index: 999; */
 
+  position: fixed;
 
+  right: 0;
 
+  top: 70px;
 
+  width: 340px;
 
+  height: calc(100% - 80px);
 
+  z-index: 999;
 
+  background: #fff;
 
+  border-radius: 15px;
 
+  border-top-right-radius: 0px;
 
+  border-bottom-right-radius: 0px;
 
+  overflow: hidden;
 
+}
 
+
 
+.pzTop {
 
+  color: #fff;
 
+  background: #000;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 40px;
 
+  border-radius: 15px 15px 0 0;
 
+}
 
+
 
+.pzTop2 .checkbox {
 
+  display: flex;
 
+  align-items: center;
 
+  padding: 15px 30px;
 
+  flex: 0 0 auto;
 
+  font-weight: bold;
 
+  border-bottom: 1px solid #eee;
 
+  justify-content: space-between;
 
+}
 
+
 
+.pzTop2 .check {
 
+  text-align: center;
 
+  cursor: pointer;
 
+  box-sizing: border-box;
 
+  display: flex;
 
+}
 
+
 
+.pzTop2 img {
 
+  width: 25px;
 
+  cursor: pointer;
 
+}
 
+
 
+.pzTop>div:nth-child(1) {
 
+  padding-left: 10px;
 
+}
 
+
 
+.pzTop>div:nth-child(2) {
 
+  width: 15px;
 
+  height: 15px;
 
+  padding-right: 10px;
 
+  cursor: pointer;
 
+}
 
+
 
+.pzTop>div:nth-child(2)>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.pzBox,
 
+.noPzBox {
 
+  height: calc(100% - 60px);
 
+  /* background: #ededed; */
 
+  background: #fff;
 
+  /* border-radius: 0 0 15px 15px; */
 
+}
 
+
 
+.noPzBox {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.pzList {
 
+  background: #f7f7f7;
 
+  width: 90%;
 
+  margin: 0 auto 15px;
 
+  border-radius: 5px;
 
+}
 
+
 
+.pzNavTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  padding: 10px 10px 0 10px;
 
+  align-items: center;
 
+}
 
+
 
+.pzDelete {
 
+  cursor: pointer;
 
+  margin-left: auto;
 
+  font-size: 14px;
 
+  color: #afafaf;
 
+}
 
+
 
+.pzNavTop>div:nth-child(1) {
 
+  background: #3760af;
 
+  width: 35px;
 
+  height: 35px;
 
+  color: #fff;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 50%;
 
+  font-size: 14px;
 
+}
 
+
 
+.pzNavTop>div:nth-child(2) {
 
+  font-size: 18px;
 
+  color: #959595;
 
+  margin-left: 5px;
 
+}
 
+
 
+.pzContent {
 
+  padding: 10px;
 
+  word-break: break-word;
 
+}
 
+
 
+.pzContent audio {
 
+  width: 100%;
 
+}
 
+
 
+.pzContent audio::-webkit-media-controls-panel {
 
+  background: #fff;
 
+}
 
+
 
+.pzListBox {
 
+  padding-top: 15px;
 
+  height: calc(100% - 60px);
 
+  overflow: auto;
 
+}
 
+
 
+.addPzButton {
 
+  position: relative;
 
+  margin-top: 3px;
 
+  width: 100%;
 
+}
 
+
 
+.addPzButton .img1 {
 
+  position: absolute;
 
+  top: 50%;
 
+  right: 25px;
 
+  transform: translateY(-50%);
 
+  height: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.addPzButton .img1 div {
 
+  display: flex;
 
+}
 
+
 
+.addPzButton .img1 div img {
 
+  width: 28px;
 
+  margin-left: 10px;
 
+  cursor: pointer;
 
+}
 
+
 
+.addPzButton .img1 div span {
 
+  font-size: 14px;
 
+  margin: 4px 0 0 3px;
 
+  color: #afafaf;
 
+}
 
+
 
+.addPz {
 
+  background: #4b79ce;
 
+  width: 100px;
 
+  color: #fff;
 
+  font-size: 12px;
 
+  height: 30px;
 
+  margin: 0 auto;
 
+  text-align: center;
 
+  line-height: 30px;
 
+  border-radius: 10px;
 
+  cursor: pointer;
 
+}
 
+
 
+.addDialogCss {
 
+  position: fixed;
 
+  right: 37%;
 
+  top: 50%;
 
+  width: 600px;
 
+  transform: translateY(-50%);
 
+  height: 70%;
 
+  min-height: 450px;
 
+  box-shadow: 0px 0 8px 0px #555555;
 
+  border-radius: 15px;
 
+  z-index: 999;
 
+}
 
+
 
+.teacherPz {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  flex-wrap: nowrap;
 
+}
 
+
 
+.teacherPzImg {
 
+  width: 30px;
 
+  height: 30px;
 
+}
 
+
 
+.teacherPzImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.addPzBox {
 
+  height: calc(100% - 40px);
 
+  background: #ededed;
 
+}
 
+
 
+.pzAudioClass {
 
+  margin: 15px 14px;
 
+  background: #fff;
 
+  height: 100%;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.pzConText {
 
+  width: 95%;
 
+  height: 100%;
 
+  margin: 10px auto 0;
 
+  border: none;
 
+  background: #fff;
 
+  border-radius: 0px;
 
+}
 
+
 
+.pzConText>>>.text {
 
+  height: calc(100% - 82px);
 
+}
 
+
 
+.addTextCss {
 
+  background: #4b79ce;
 
+  width: 80px;
 
+  height: 30px;
 
+  text-align: center;
 
+  color: #fff;
 
+  line-height: 30px;
 
+  border-radius: 10px;
 
+  margin: 10px auto 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.pzConText:focus-visible {
 
+  border: none !important;
 
+}
 
+
 
+.maxWidth {
 
+  width: 1000px;
 
+}
 
+
 
+.noPz {
 
+  width: 150px;
 
+  margin: 0 auto 20%;
 
+}
 
+
 
+.noPz>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.pzList .time {
 
+  text-align: right;
 
+  box-sizing: border-box;
 
+  padding: 0 10px 10px 0px;
 
+  color: #949494;
 
+  font-size: 14px;
 
+}
 
+
 
+/* table 样式 */
 
+.cont>>>table {
 
+  border-top: 1px solid #ccc;
 
+  border-left: 1px solid #ccc;
 
+}
 
+
 
+.cont>>>table td,
 
+.cont>>>table th {
 
+  border-bottom: 1px solid #ccc;
 
+  border-right: 1px solid #ccc;
 
+  padding: 15px 5px;
 
+  max-width: 0px;
 
+}
 
+
 
+.cont>>>table th {
 
+  border-bottom: 2px solid #ccc;
 
+  text-align: center;
 
+}
 
+
 
+/* blockquote 样式 */
 
+.cont>>>blockquote {
 
+  display: block;
 
+  border-left: 8px solid #d0e5f2;
 
+  padding: 5px 10px;
 
+  margin: 10px 0;
 
+  line-height: 1.4;
 
+  font-size: 100%;
 
+  background-color: #f1f1f1;
 
+}
 
+
 
+.addPzCheck {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  padding: 10px 15px 0;
 
+}
 
+
 
+.addPzCheck span {
 
+  cursor: pointer;
 
+  padding-bottom: 5px;
 
+  font-weight: bold;
 
+}
 
+
 
+.addPzCheck span+span {
 
+  margin-left: 10px;
 
+}
 
+
 
+.addPzCheck .isChooseActive {
 
+  color: #3e88f4;
 
+  border-bottom: 2px solid #2f80f3;
 
+}
 
+
 
+/* code 样式 */
 
+.cont>>>code {
 
+  display: inline-block;
 
+  *display: inline;
 
+  *zoom: 1;
 
+  background-color: #f1f1f1;
 
+  border-radius: 3px;
 
+  padding: 3px 5px;
 
+  margin: 0 3px;
 
+}
 
+
 
+.cont>>>pre code {
 
+  display: block;
 
+}
 
+
 
+/* ul ol 样式 */
 
+.cont>>>ul,
 
+ol {
 
+  margin: 10px 0 10px 20px;
 
+}
 
+
 
+.scoreBox,
 
+.scoreDetailBox {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+  margin-top: 20px;
 
+  font-size: 18px;
 
+  width: 100%;
 
+}
 
+
 
+.scoreBox .t,
 
+.scoreDetailBox .t {
 
+  margin-right: 10px;
 
+  width: 100px;
 
+  text-align: right;
 
+}
 
+
 
+.scoreDetailBox {
 
+  align-items: flex-start;
 
+}
 
+
 
+.scoreDetailBox>>>.el-textarea {
 
+  width: calc(100% - 200px);
 
+}
 
+
 
+.scoreBox>>>.el-input {
 
+  width: 130px;
 
+  font-size: 38px;
 
+}
 
+
 
+.scoreBox>>>.el-input__inner {
 
+  height: 60px;
 
+}
 
+
 
+.answerScore {
 
+  position: absolute;
 
+  top: 10px;
 
+  right: 10px;
 
+  background: #0000008f;
 
+  border-radius: 5px;
 
+  padding: 3px 5px;
 
+  font-size: 14px;
 
+  color: #fff;
 
+  cursor: pointer;
 
+}
 
+
 
+.open_box .switch_box {
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  display: flex;
 
+  justify-content: space-between;
 
+}
 
+
 
+.open_box .switch_box+.switch_box {
 
+  margin-top: 10px;
 
+}
 
+
 
+.deleteImg {
 
+  width: 25px !important;
 
+  height: 25px !important;
 
+  cursor: pointer;
 
+  position: absolute;
 
+  top: 10px;
 
+  right: 10px;
 
+}
 
+
 
+.deleteImg2 {
 
+  width: 15px !important;
 
+  height: 15px !important;
 
+  top: 5px;
 
+  right: 5px;
 
+}
 
+
 
+.rightW {
 
+  right: 40px;
 
+}
 
+
 
+.drawPBox {
 
+  display: flex;
 
+  flex-direction: column;
 
+  position: relative;
 
+}
 
+
 
+.drawPBox span {
 
+  font-size: 18px;
 
+  color: #606266;
 
+  padding-bottom: 10px;
 
+  margin: 10px 0;
 
+  border-bottom: 1px solid #eaeaea;
 
+}
 
+
 
+.drawPBox img {
 
+  width: 500px;
 
+  height: 300px;
 
+  object-fit: contain;
 
+  cursor: pointer;
 
+  margin: 0 auto;
 
+}
 
+
 
+.sentenBox {
 
+  background: #fff;
 
+  height: 450px;
 
+  overflow: auto;
 
+  background-image: url("../../assets/icon/conSentences/stuBg.png");
 
+  background-position: 102%;
 
+  background-repeat: no-repeat;
 
+  background-size: 60%;
 
+}
 
+
 
+.addSen {
 
+  background: #409efe;
 
+  width: 90px;
 
+  color: #fff;
 
+  height: 35px;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 5px;
 
+  float: right;
 
+  margin: 10px 20px 0 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.sentenTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  padding: 55px 0 0 20px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.sentenTop>div:nth-child(2) {
 
+  width: 300px;
 
+  margin: 0 15px;
 
+}
 
+
 
+.sentenTop>div:nth-child(3) {
 
+  background: #409efe;
 
+  color: #fff;
 
+  width: 65px;
 
+  height: 35px;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.cardList,
 
+.cardList1 {
 
+  padding: 10px 0 10px 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  box-sizing: border-box;
 
+  border-bottom: 1px solid #f4f4f4;
 
+  width: 98%;
 
+  margin: 0 auto;
 
+  min-width: 60%;
 
+  max-width: 85%;
 
+}
 
+
 
+.cardList1 {
 
+  padding: 10px 0 10px 10px !important;
 
+  margin: 0 !important;
 
+}
 
+
 
+.cardBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  align-content: center;
 
+}
 
+
 
+.cardBox>div {
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.isCard,
 
+.isChooseCard,
 
+.noCard,
 
+.isCard1 {
 
+  width: 130px;
 
+  height: 60px;
 
+  text-align: center;
 
+  line-height: 60px;
 
+  font-size: 20px;
 
+  cursor: pointer;
 
+  background-image: url("../../assets/icon/conSentences/titleBorder.png");
 
+  background-size: cover;
 
+  transition: all 2s;
 
+  margin-right: 20px;
 
+}
 
+
 
+.isCard>div,
 
+.noCard>div,
 
+.isCard1>div {
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  width: 75%;
 
+  margin: 0 auto;
 
+}
 
+
 
+.noCard {
 
+  background-image: none;
 
+}
 
+
 
+.isCard1 {
 
+  background-image: url("../../assets/icon/conSentences/answerBorder.png");
 
+}
 
+
 
+.isChooseCard {
 
+  background-image: none;
 
+  border: 1px dashed #b9b9b9;
 
+  border-radius: 10px;
 
+}
 
+
 
+.card {
 
+  width: 130px;
 
+  height: 60px;
 
+}
 
+
 
+.card>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.rightCardBox {
 
+  margin: 10px 0 0 10px;
 
+}
 
+
 
+.rightCardBox>div:nth-child(1) {
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.cardCss {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  border-bottom: 3px solid #b4c3d3;
 
+  padding: 0 0 5px 0;
 
+  margin-right: 10px;
 
+}
 
+
 
+.cardCss>div:nth-child(2) {
 
+  background: #5b7b9d;
 
+  color: #fff;
 
+  width: 20px;
 
+  height: 20px;
 
+  border-radius: 50%;
 
+  text-align: center;
 
+  line-height: 20px;
 
+}
 
+
 
+.isWrong {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.answerRight {
 
+  width: 25%;
 
+}
 
+
 
+.isTj {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.isTj>div:nth-child(2) {
 
+  color: #727070;
 
+  margin-left: 10px;
 
+}
 
+
 
+.isTjImg {
 
+  width: 30px;
 
+  height: 30px;
 
+}
 
+
 
+.isTjImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.cardAnswerBox {
 
+  font-size: 18px;
 
+  width: 97%;
 
+  border: 5px;
 
+  padding: 0;
 
+  border-radius: 5px;
 
+  margin: 10px auto;
 
+  word-break: break-word;
 
+}
 
+
 
+.w_name {
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.w_name span {
 
+  font-size: 16px;
 
+}
 
+
 
+.w_teachert {
 
+  width: 50px !important;
 
+  position: absolute;
 
+  height: auto !important;
 
+  z-index: 10;
 
+  right: 25px;
 
+  top: -25px;
 
+}
 
+
 
+.group_workBox {}
 
+
 
+.group_workBox+.group_workBox {
 
+  margin-top: 20px;
 
+}
 
+
 
+.group_box {
 
+  padding-bottom: 20px;
 
+  border-bottom: 2px solid #f0f0f0;
 
+}
 
+
 
+.group_title {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.group_name {
 
+  background-image: url(../../assets/icon/groupN.png);
 
+  width: 220px;
 
+  background-size: 100% 100%;
 
+  height: 67px;
 
+  padding: 0 20px 0 43px;
 
+  box-sizing: border-box;
 
+  line-height: 63px;
 
+  color: #fff;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.group_work {
 
+  width: 100%;
 
+  padding: 0 10px;
 
+  box-sizing: border-box;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.g_d_box {
 
+  display: flex;
 
+  flex-flow: wrap;
 
+  justify-content: space-around;
 
+}
 
+
 
+.g_d_box .isChair {
 
+  background-image: url(../../assets/avatar.png) !important;
 
+}
 
+
 
+.g_d_group {
 
+  width: 500px;
 
+  margin-bottom: 80px;
 
+}
 
+
 
+.g_d_group_chair {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.g_d_group_chair>div+div {
 
+  margin-left: 30px;
 
+}
 
+
 
+.g_d_group_chair>div,
 
+.g_d_group_chair2>div {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+}
 
+
 
+.g_d_group_chair>div>span:nth-child(1),
 
+.g_d_group_chair2>div>span:nth-child(1) {
 
+  background-image: url(../../assets/icon/chair.png);
 
+  width: 50px;
 
+  height: 50px;
 
+  display: block;
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.g_d_group_tableBox {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.g_d_group_chair2 {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.g_d_group_chair2>div+div {
 
+  margin-top: 10px;
 
+}
 
+
 
+.g_d_group_table {
 
+  background-image: url(../../assets/icon/groupBg.png);
 
+  width: 354px;
 
+  height: 196px;
 
+  background-size: 100% 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  flex-direction: column;
 
+  color: #fff;
 
+}
 
+
 
+.g_d_group_table>div:nth-child(1) {
 
+  font-size: 24px;
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.g_d_group_table>div:nth-child(2) div {
 
+  cursor: pointer;
 
+  background: #2e77bf;
 
+  padding: 4px 10px;
 
+  border-radius: 5px;
 
+}
 
+
 
+.groupBox {}
 
+
 
+.groupContent+.groupContent {
 
+  margin-top: 30px;
 
+}
 
+
 
+.groupTitle {
 
+  font-size: 24px;
 
+  color: rgb(80, 80, 80);
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.groupName {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.groupn {
 
+  font-size: 15px;
 
+  margin-right: 10px;
 
+}
 
+
 
+.groupName+.groupName {
 
+  margin-top: 15px;
 
+}
 
+
 
+.groupBtn {
 
+  margin-left: 10px;
 
+}
 
+
 
+.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
 
+  text-align: left;
 
+}
 
+
 
+.g_d_btnBox {
 
+  display: flex;
 
+  justify-content: flex-end;
 
+  align-items: flex-end;
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.updateChair {
 
+  position: relative;
 
+}
 
+
 
+.updateChairBtn {
 
+  position: absolute;
 
+  width: 50px;
 
+  height: 50px;
 
+  overflow: hidden;
 
+  /* display: flex; */
 
+  align-items: center;
 
+  justify-content: center;
 
+  background: #00000087;
 
+  color: #fff;
 
+  border-radius: 50px;
 
+  display: none;
 
+  cursor: pointer;
 
+}
 
+
 
+.updateChair:hover .updateChairBtn {
 
+  display: flex;
 
+}
 
+
 
+.group_staic_box {
 
+  display: flex;
 
+  padding: 30px 40px 10px;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.group_staic {
 
+  /* width: 50%; */
 
+  margin-bottom: 20px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.group_staic span:nth-child(1) {
 
+  width: 150px;
 
+  text-align: right;
 
+  margin-right: 15px;
 
+}
 
+
 
+.group_staic span:nth-child(2) {
 
+  background: rgb(0 123 255);
 
+  color: #fff;
 
+  border-radius: 5px;
 
+  padding: 5px;
 
+}
 
+
 
+.codeFileBox {
 
+  height: 300px;
 
+  background: #fff;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.codeFileBox img {
 
+  width: 200px;
 
+  margin: 0;
 
+  height: auto;
 
+}
 
+
 
+.codeFileBox div {
 
+  background: rgb(80, 142, 226);
 
+  color: #fff;
 
+  padding: 10px 20px;
 
+  border-radius: 25px;
 
+  cursor: pointer;
 
+  margin-left: 15px;
 
+}
 
+
 
+.radioBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.radioBox>div {
 
+  margin: 10px 0 0 10px;
 
+}
 
+
 
+/* .radioBox >>> .el-radio__input,
 
+.radioBox >>> .el-checkbox__inner {
 
+  margin-left: 10px;
 
+} */
 
+
 
+.radioBox>>>.el-radio__label,
 
+.radioBox>>>.el-checkbox__label {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.inImg {
 
+  width: 100px;
 
+  cursor: pointer;
 
+}
 
+
 
+.inImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.timuImgBox {
 
+  margin: 10px 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: wrap;
 
+  align-items: flex-start;
 
+}
 
+
 
+.timuImg {
 
+  width: auto;
 
+  margin: 5px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.timuImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.worksTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: flex-end;
 
+}
 
+
 
+.corOpen {
 
+  margin: 0 0 0 10px;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  color: #505050;
 
+}
 
+
 
+.corOpen:hover {
 
+  color: #499eef;
 
+}
 
+
 
+.navCorOpenBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  background: #1e5cc9;
 
+  justify-content: space-between;
 
+}
 
+
 
+.navCorOpen {
 
+  padding-right: 15px;
 
+  cursor: pointer;
 
+  width: 20px;
 
+  display: flex;
 
+}
 
+
 
+.navCorOpen>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.mlImg {
 
+  width: 25px !important;
 
+  cursor: pointer;
 
+  margin-top: 5px;
 
+}
 
+
 
+.mlImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.navLeftCss {
 
+  width: 100% !important;
 
+  left: 0 !important;
 
+}
 
+
 
+.isContentCss {
 
+  width: 100% !important;
 
+}
 
+
 
+.isAllWidth {
 
+  width: 100% !important;
 
+}
 
+
 
+.toolBoxSteps {
 
+  position: absolute;
 
+  top: 50%;
 
+  transform: translateY(-50%);
 
+  cursor: pointer;
 
+  width: 60px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.toolBoxSteps:nth-child(1)>img,
 
+.toolBoxSteps:nth-child(2)>img {
 
+  width: 35px;
 
+}
 
+
 
+.toolBoxSteps:nth-child(1) {
 
+  left: 0;
 
+}
 
+
 
+.toolBoxSteps:nth-child(2) {
 
+  right: 0;
 
+}
 
+</style>

File diff suppressed because it is too large
+ 324 - 313
src/components/studyStudent.vue


+ 13 - 0
src/router/index.js
View File 

@@ -8,6 +8,7 @@ import indexGM from '@/components/GM/indexGM'
 
 import studentIndex from '@/components/studentIndex'
 
 import studentIndex from '@/components/studentIndex'
 
 import courseDetail from '@/components/courseDetail'
 
 import courseDetail from '@/components/courseDetail'
 
 import courseDetailS from '@/components/student/courseDetail'
 
 import courseDetailS from '@/components/student/courseDetail'
 
+import courseDetailNT from '@/components/noTerminal/courseDetail'
 
 import courseDetailGM from '@/components/GM/courseDetailGM'
 
 import courseDetailGM from '@/components/GM/courseDetailGM'
 
 import mine from '@/components/mine'
 
 import mine from '@/components/mine'
 
 import project from '@/components/project'
 
 import project from '@/components/project'
 
@@ -23,6 +24,7 @@ import audioDemo from '@/components/audioDemo'
 
 import cameraDemo from '@/components/cameraDemo'
 
 import cameraDemo from '@/components/cameraDemo'
 
 import studyStudent from '@/components/studyStudent'
 
 import studyStudent from '@/components/studyStudent'
 
 import studyStudentS from '@/components/student/studyStudent'
 
 import studyStudentS from '@/components/student/studyStudent'
 
+import studyStudentNT from '@/components/noTerminal/studyStudent'
 
 import studyStudentGM from '@/components/GM/studyStudentGM'
 
 import studyStudentGM from '@/components/GM/studyStudentGM'
 
 import pdf from '@/components/pdf'
 
 import pdf from '@/components/pdf'
 
 
 
@@ -167,6 +169,17 @@ export default new Router({
 
             name: 'courseDetailS',
 
             name: 'courseDetailS',
 
             component: courseDetailS,
 
             component: courseDetailS,
 
             requireAuth: ''
 
             requireAuth: ''
 
+        },
 
+        {
 
+            path: '/studyStudentNT',
 
+            name: 'studyStudentNT',
 
+            component: studyStudentNT,
 
+            requireAuth: ''
 
+        }, {
 
+            path: '/courseDetailNT',
 
+            name: 'courseDetailNT',
 
+            component: courseDetailNT,
 
+            requireAuth: ''
 
         }
 
         }
 
     ]
 
     ]
 
 })
 
 })

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