update

src/components/classRoomHelper/index.vue

@@ -0,0 +1,66 @@
+<template>
+  <div class="ch_box" ref="ch_box">
+    <div class="ch_content_box" v-if="type == 1">
+
+    </div>
+    <div class="ch_nav_box">
+        <span @click="openSetting">设置</span>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            type: 0
+        }
+    },
+    mounted () {
+        this.setWidth();
+    },
+    methods: {
+        setWidth() {
+            let w = this.$refs.ch_box;
+            let w2 = w.offsetWidth + 30 + 'px'
+            this.$emit('setWidth', w2)
+        },
+        openSetting(){
+            this.type = this.type == 1 ? 0 : 1;
+            this.$nextTick(()=>{
+                this.setWidth();
+            })
+        }
+    },
+}
+</script>
+
+<style scoped>
+    .ch_box{
+        width: auto;
+        background: rgb(255, 255, 255);
+        position: fixed;
+        height: calc(100% - 40px);
+        border-radius: 10px;
+        box-sizing: border-box;
+        right: 20px;
+        overflow: hidden;
+        display: flex;
+    }
+
+    .ch_nav_box{
+        height: 100%;
+        width: 65px;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        align-items: center;
+    }
+
+    .ch_content_box{
+        width: 315px;
+        height: 100%;
+        border-right: 2px solid #e7e7e7;
+    }
+</style>

src/components/studyStudent.vue

@@ -10,7 +10,7 @@
         box-sizing: border-box;
       "
     >
-      <div class="btnAllNT">
+      <div class="btnAllNT" v-if="false">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
         <img
           v-if="
@@ -236,9 +236,10 @@
           </div>
         </div>
       </div>
-      <div class="body_student" :class="{ navLeftCss: !mlDialog }">
-        <div class="new_topFixed"></div>
-        <div class="new_top" :class="{ navLeftCss: !mlDialog }">
+      <!-- :class="{ navLeftCss: !mlDialog }" -->
+      <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
+        <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
+        <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
           <div class="courseIndex">
             <div>任务{{ taskCount + 1 }}</div>
             <el-tooltip
@@ -8036,6 +8037,7 @@
           </div>
         </el-dialog>
       </div>
+      <classRoomHelper @setWidth="setClassRoomHelperWidth"></classRoomHelper>
     </div>
     <div
       class="pButton"
@@ -11853,6 +11855,7 @@ import EnglishVoice from './EnglishVoice2/index.vue'
 import checkEnglishVoice from './checkEnglishVoice/index.vue'
 import correctText from './components/correctText.vue'
 import scoreItem from './scoreList/scoreItem.vue'
+import classRoomHelper from './classRoomHelper/index.vue'
 
 const getFile = (url) => {
   return new Promise((resolve, reject) => {
@@ -11926,7 +11929,8 @@ export default {
     EnglishVoice,
     checkEnglishVoice,
 		correctText,
-		scoreItem
+		scoreItem,
+    classRoomHelper
   },
   data() {
     return {
@@ -12290,6 +12294,7 @@ export default {
 				listdata:[],
 				isScoreList:[],	
 			},
+      classRoomHelperWidth: '85px'
     };
   },
   methods: {
@@ -12725,6 +12730,7 @@ export default {
       } else if (document.querySelector(".workd_media")) {
         document.querySelector(".workd_media").style.height = "auto";
       }
+      this.$forceUpdate();
     },
     openToolAll() {
       this.toolDialogVisible = true;
@@ -19792,7 +19798,10 @@ export default {
         .catch((err) => {
           console.error(err);
         });
-		}
+		},
+    setClassRoomHelperWidth(width){
+      this.classRoomHelperWidth = width
+    }
   },
   directives: {
     // 使用局部注册指令的方式

src/components/studyStudentJiu.vue

@@ -0,0 +1,24402 @@
+<template>
+  <div class="pb_content" style="overflow: unset">
+    <div
+      class="pb_content_body"
+      style="
+        display: flex;
+        height: 900px;
+        position: relative;
+        padding: 20px 0 20px 20px;
+        box-sizing: border-box;
+      "
+    >
+      <div class="btnAllNT">
+        <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
+        <img
+          v-if="
+                courseDetail.userid == userid ||
+                (courseDetail.course_teacher &&
+                  courseDetail.course_teacher.indexOf(userid) != -1)
+              "
+          src="../assets/icon/learn/addTool.png"
+          @click="openToolAll"
+          style="position: relative"
+        />
+      </div>
+      <div
+        class="pButton"
+        style="left: 0; top: 140px"
+        v-if="mlDialog == false && !(IsFollow && tType == 2)"
+        @click="setContent2(true)"
+      >
+        <!-- 批 , getCourseDetail()-->
+        <img
+          src="../assets/icon/newIcons/isRight.png"
+          style="width: 45px"
+          alt=""
+        />
+      </div>
+      <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
+        <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
+        <div style="border-bottom: 1px solid #cad1dc; width: 100%">
+          <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
+            <div
+              style="
+                max-width: calc(100% - 40px);
+                width: auto;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                word-break: break-word;
+                display: block;
+              "
+            >
+              <el-tooltip
+                effect="light"
+                :content="courseDetail.title"
+                placement="top"
+              >
+                <div class="ctitle">
+                  {{ courseDetail.title }}
+                </div>
+              </el-tooltip>
+            </div>
+            <el-tooltip effect="light" content="收缩" placement="top">
+              <div class="mlImg" @click="setContent2(false)">
+                <img src="../assets/icon/newIcons/isRight.png" alt="" />
+              </div>
+            </el-tooltip>
+          </div>
+          <div
+            class="inviteBox"
+            v-if="tcid && inviteCode"
+            style="padding: 0 0 8px 0"
+          >
+            <div>
+              <span>随机码：{{ inviteCode }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="cru_selectBox">
+          <div
+            style="background: #fff; margin: 0 10px; border-radius: 8px"
+            v-for="(item, stageIndex) in navList"
+            :key="stageIndex"
+          >
+            <div
+              class="stageBoxCss"
+              @click="get(stageIndex)"
+              :class="{ 
+                // stageBoxIsCss: stageIndex == courseType,
+               }"
+            >
+              <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
+                <div>阶段{{ stageIndex + 1 }}</div>
+                <el-tooltip
+                  effect="light"
+                  :content="item.dyName"
+                  placement="top"
+                >
+                  <div>
+                    {{ item.dyName }}
+                  </div>
+                </el-tooltip>
+              </div>
+              <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
+                <img src="../assets/icon/newIcons/downC.png" alt />
+              </div> -->
+              <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
+                <img src="../assets/icon/newIcons/right.png" alt />
+              </div>
+            </div>
+            <div class="stageChild" :class="{ navActive: item.isOpen }">
+              <div v-for="(nav, navIndex) in item.task" :key="navIndex">
+                <div
+                  class="navItem"
+                  :class="{
+                    openTaskActive:
+                      navIndex == taskCount &&
+                      nav.id == navId &&
+                      stageIndex == courseType,
+                  }"
+                >
+                  <div v-if="nav.tool[0].tool != undefined">
+                    <div
+                      class="closeTri1"
+                      v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
+                      @click="openTask(stageIndex, navIndex, nav.id)"
+                    >
+                      <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
+                    </div>
+                    <div
+                      class="closeTri1"
+                      v-else
+                      @click="openTask(stageIndex, navIndex, nav.id)"
+                    >
+                      <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
+                    </div>
+                  </div>
+                  <div v-else class="noToolBlue"></div>
+                  <div
+                    @click="openTask(stageIndex, navIndex, nav.id)"
+                    class="navItemList"
+                    :class="{
+                      isItemList:
+                        navIndex == taskCount &&
+                        nav.id == navId &&
+                        stageIndex == courseType,
+                    }"
+                  >
+                    <div>任务{{ navIndex + 1 }}：</div>
+                    <el-tooltip
+                      effect="light"
+                      :content="nav.taskName"
+                      placement="top"
+                    >
+                      <div
+                        :style="{
+                          width:
+                            IsLookOpen &&
+                            !(
+                              navIndex == taskCount &&
+                              nav.id == navId &&
+                              stageIndex == courseType
+                            )
+                              ? 'calc(100% - 75px)'
+                              : 'auto',
+                        }"
+                      >
+                        {{ nav.taskName }}
+                      </div>
+                    </el-tooltip>
+                  </div>
+                  <div class="lockTaskIcon">
+                    <img
+                      src="../assets/lock.png"
+                      v-if="IsLookOpen && !nav.isLook"
+                      alt=""
+                    />
+                  </div>
+                </div>
+                <div
+                  v-if="nav.tool[0].tool != undefined"
+                  class="toolChild"
+                  :class="{ toolActive: nav.isOpen }"
+                >
+                  <div v-for="(t, toolIndex) in nav.tool" :key="toolIndex">
+                    <div
+                      class="gjCss"
+                      :class="{ isGjCss: t.isTool }"
+                      @click="jumpGj(stageIndex, navIndex, toolIndex, nav.id)"
+                    >
+                      <div>工具{{ toolIndex + 1 }}：</div>
+                      <div v-if="t.tool == 58">模拟驾驶</div>
+                      <div v-if="t.tool == 59">路径搜索</div>
+                      <div v-if="t.tool == 60">深度学习</div>
+                      <div v-if="t.tool == 10">倒计时</div>
+                      <div v-if="t.tool == 65">挑人</div>
+                      <div v-if="t.tool == 7">思维网格</div>
+                      <div v-if="t.tool == 1">电子白板</div>
+                      <div v-if="t.tool == 52">文档</div>
+                      <div v-if="t.tool == 3">思维导图</div>
+                      <div v-if="t.tool == 48">表格</div>
+                      <div v-if="t.tool == 49">学生分组</div>
+                      <div v-if="t.tool == 4">问卷调查</div>
+                      <div v-if="t.tool == 45">选择题</div>
+                      <div v-if="t.tool == 15">问答</div>
+                      <div v-if="t.tool == 16">作业提交</div>
+                      <div v-if="t.tool == 50">批量上传</div>
+                      <div v-if="t.tool == 41">选择匹配</div>
+                      <div v-if="t.tool == 47">排序</div>
+                      <div v-if="t.tool == 40">个人评价</div>
+                      <div v-if="t.tool == 18">训练平台</div>
+                      <div v-if="t.tool == 21">AIoT Blockly</div>
+                      <div v-if="t.tool == 23">AI Python</div>
+                      <div v-if="t.tool == 24">AI Blockly</div>
+                      <div v-if="t.tool == 32">源码编辑</div>
+                      <div v-if="t.tool == 57">CocoPi</div>
+                      <div v-if="t.tool == 63">海龟编程</div>
+                      <div v-if="t.tool == 28">翻译</div>
+                      <div v-if="t.tool == 31">数字画板</div>
+                      <div v-if="t.tool == 39">GeoGebra</div>
+                      <div v-if="t.tool == 66">公式编辑</div>
+                      <div v-if="t.tool == 67">分子结构</div>
+                      <div v-if="t.tool == 68">时间轴</div>
+                      <div v-if="t.tool == 69">英语写作</div>
+                      <div v-if="t.tool == 70">英语口语</div>
+                      <div v-if="t.tool == 25">目标管理</div>
+                      <div v-if="t.tool == 26">课程设计</div>
+                      <div v-if="t.tool == 62">交互视频</div>
+                      <div v-if="t.tool == 71">AI智能体</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="body_student" :class="{ navLeftCss: !mlDialog }">
+        <div class="new_topFixed"></div>
+        <div class="new_top" :class="{ navLeftCss: !mlDialog }">
+          <div class="courseIndex">
+            <div>任务{{ taskCount + 1 }}</div>
+            <el-tooltip
+              effect="light"
+              :content="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
+              "
+              placement="top"
+            >
+              <div>
+                {{
+                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                    .task
+                }}
+              </div>
+            </el-tooltip>
+          </div>
+          <div class="btnAll">
+            <div class="btnLeft">
+              <el-tooltip effect="light" content="刷新" placement="top">
+                <div class="reBtnIcon" @click="refreshCourse">
+                  <span>刷新</span>
+                </div>
+              </el-tooltip>
+              <el-tooltip effect="light" content="评论" placement="top">
+                <div class="commentIcon" @click="setPz" v-if="tType == 1">
+                  <span>评论</span>
+                </div>
+              </el-tooltip>
+              <div v-if="!videoStart && (tType == 1 || tType == 4)">
+                <el-tooltip effect="light" content="录制" placement="top">
+                  <div class="vedioIcon" @click="startRecording">
+                    <span>录制</span>
+                  </div>
+                </el-tooltip>
+              </div>
+              <div v-else-if="tType == 1 || tType == 4">
+                <el-tooltip effect="light" content="下载" placement="top">
+                  <div class="vedioIcon1" @click="stopRecording">
+                    <span>下载</span>
+                  </div>
+                </el-tooltip>
+              </div>
+            </div>
+            <div class="btnRight">
+              <div
+                class="last"
+                @click="nextOrpreSteps(0)"
+                v-if="!(IsFollow && tType == 2)"
+                @mouseover="isHovered = true"
+                @mouseout="isHovered = false"
+              >
+                <div class="lastImg">
+                  <img
+                    :src="
+                      isHovered
+                        ? require('../assets/icon/newIcons/whiteLast.png')
+                        : require('../assets/icon/newIcons/last.png')
+                    "
+                    alt=""
+                  />
+                </div>
+                <div class="lastText">上一步</div>
+              </div>
+              <div
+                class="last"
+                @click="nextOrpreSteps(1)"
+                v-if="!(IsFollow && tType == 2)"
+                @mouseover="isHovered1 = true"
+                @mouseout="isHovered1 = false"
+              >
+                <div class="lastText">下一步</div>
+                <div class="lastImg">
+                  <img
+                    :src="
+                      isHovered1
+                        ? require('../assets/icon/newIcons/whiteNext.png')
+                        : require('../assets/icon/newIcons/next.png')
+                    "
+                    alt=""
+                  />
+                </div>
+              </div>
+              <div
+                class="last"
+                @click="juriVisible = true"
+                v-if="tType == 1"
+                @mouseover="isHovered2 = true"
+                @mouseout="isHovered2 = false"
+              >
+                <div class="lastImg">
+                  <img
+                    :src="
+                      isHovered2
+                        ? require('../assets/icon/newIcons/whiteLock.png')
+                        : require('../assets/icon/newIcons/lock.png')
+                    "
+                    alt=""
+                  />
+                </div>
+                <div class="lastText">权限</div>
+              </div>
+              <div
+                class="returnBtn1 returnIcon"
+                @click.stop="
+                  goTo(
+                    '/courseDetail?userid=' +
+                      userid +
+                      '&oid=' +
+                      oid +
+                      '&org=' +
+                      org +
+                      '&cid=' +
+                      classId +
+                      '&courseId=' +
+                      id +
+                      '&tType=' +
+                      tType +
+                      '&screenType=' +
+                      screenType
+                  )
+                "
+              >
+                <div class="lastImg">
+                  <img src="../assets/icon/newIcon/return.png" alt="" />
+                </div>
+                <div class="lastText" style="color: #000">返回</div>
+              </div>
+            </div>
+
+            <!-- <div
+              class="returnBtn lockIcon"
+              @click="juriVisible = true"
+              v-if="tType == 1"
+            >
+              权限
+            </div>
+            <div
+              class="returnBtn vedioIcon"
+              @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 commentIcon" @click="setPz" v-if="tType == 1">
+              评论
+            </div>
+            <div
+              class="returnBtn"
+              @click="nextOrpreSteps(0)"
+              v-if="!(IsFollow && tType == 2)"
+            >
+              上一步
+            </div>
+            <div
+              class="returnBtn"
+              @click="nextOrpreSteps(1)"
+              v-if="!(IsFollow && tType == 2)"
+            >
+              下一步
+            </div>
+            <div class="returnBtn" @click="refreshCourse">刷新</div>
+            <div
+              class="returnBtn returnIcon"
+              @click.stop="
+                goTo(
+                  '/courseDetail?userid=' +
+                    userid +
+                    '&oid=' +
+                    oid +
+                    '&org=' +
+                    org +
+                    '&cid=' +
+                    classId +
+                    '&courseId=' +
+                    id +
+                    '&tType=' +
+                    tType +
+                    '&screenType=' +
+                    screenType
+                )
+              "
+            >
+              返回
+            </div> -->
+          </div>
+        </div>
+        <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].taskJson[taskCount]
+              .taskDetail == '' &&
+            !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+              .eList &&
+            !(
+              courseDetail.userid == userid ||
+              (courseDetail.course_teacher &&
+                courseDetail.course_teacher.indexOf(userid) != -1)
+            )
+          "
+        >
+          <img src="../assets/icon/isNoMessage.png" alt />
+        </div>
+        <div class="study_top" :class="{ pzClass: pzDialog }">
+          <div
+            class="vedioBox"
+            v-if="
+              chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                .taskDetail != '' ||
+              vChapterData[taskCount].length > 0 ||
+              fileC[taskCount].length > 0
+            "
+            style="border-radius: 0 0 20px 20px"
+          >
+            <div
+              class="taskBox"
+              v-if="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .taskDetail != ''
+              "
+            >
+              <div
+                style="
+                  display: flex;
+                  flex-wrap: nowrap;
+                  flex-direction: column;
+                  position: relative;
+                "
+              >
+                <div
+                  style="
+                    padding: 15px 0;
+                    line-height: 29px;
+                    font-size: 18px;
+                    color: #0e1e33;
+                  "
+                  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="student_head"
+              v-if="
+                vChapterData[taskCount].length > 0 ||
+                fileC[taskCount].length > 0
+              "
+            >
+              <div class="vedioTaskBox" v-loading="downLoading">
+                <div
+                  :class="
+                    contentDialog == false
+                      ? 'box_course isContentCss'
+                      : 'box_course'
+                  "
+                  v-if="
+                    vChapterData.length > 0 &&
+                    vChapterData[taskCount] &&
+                    showType !== ''
+                  "
+                >
+                  <div class="wheel" style="height: auto" v-if="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="
+                      pptImgUrl1.indexOf(
+                        'https://view.officeapps.live.com/op/view.aspx?src='
+                      ) != -1 && showType == 2
+                    "
+                    style="width: 95%; margin: 0 auto"
+                  >
+                    <iframe
+                      style="width: 100%; height: 100%; border: none"
+                      :src="pptImgUrl1"
+                    ></iframe>
+                  </div>
+                  <div
+                    class="wheel"
+                    v-else-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="contain"
+                      style="width: 100%; height: 100%; cursor: pointer"
+                      @click="previewImg(pptImgUrl1)"
+                    ></el-image>
+                  </div>
+                </div>
+                <div
+                  class="pButton"
+                  style="position: absolute; right: 20px; top: 0; z-index: 998"
+                  v-if="!contentDialog"
+                  @click="setContent(true)"
+                >
+                  <!-- 批 -->
+                  <img
+                    src="../assets/icon/newIcons/isLeft.png"
+                    style="width: 45px"
+                    alt=""
+                  />
+                </div>
+                <div
+                  v-if="contentDialog == true"
+                  :style="{
+                    width:
+                      (vChapterData[taskCount].length > 0 ||
+                        fileC[taskCount].length > 0) &&
+                      showType === ''
+                        ? 'calc(100%)'
+                        : '300px',
+                    margin:
+                      (vChapterData[taskCount].length > 0 ||
+                        fileC[taskCount].length > 0) &&
+                      showType === ''
+                        ? '0 15px'
+                        : '0 15px 0 0',
+                  }"
+                >
+                  <div
+                    class="vedioList"
+                    v-if="
+                      vChapterData[taskCount].length > 0 ||
+                      fileC[taskCount].length > 0
+                    "
+                    style="height: 650px"
+                  >
+                    <div class="navCorOpenBox">
+                      <div class="navTitile">内容列表：</div>
+                      <div class="navCorOpen" @click="setContent(false)">
+                        <img src="../assets/icon/newIcons/isRight.png" alt="" />
+                      </div>
+                    </div>
+                    <div class="navBox">
+                      <div
+                        v-show="
+                          vChapterData[taskCount].length > 0 ||
+                          fileC[taskCount].length > 0
+                        "
+                        style="padding: 10px 0 25px 0"
+                      >
+                        <div
+                          class="vedioTimeBox"
+                          v-for="(vitem, vindex) in vChapterData[taskCount]"
+                          :key="vindex + '1'"
+                        >
+                          <div class="navListItem" v-if="vitem.type == 2">
+                            <div
+                              @click="lookVedio(vitem.url, vindex)"
+                              class="navText"
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                            >
+                              <span v-if="vitem.text">{{ vitem.text }}-</span
+                              >{{ vitem.name }}
+                            </div>
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
+                          </div>
+
+                          <div class="navListItem" v-if="vitem.type == 6">
+                            <div
+                              @click="lookText(taskCount, vindex)"
+                              class="navText"
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                            >
+                              {{ vitem.name }}.doc
+                            </div>
+                            <div
+                              class="downIcon"
+                              @click="checkFileFull1(vitem.type, vitem)"
+                            >
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
+                                alt
+                              />
+                            </div>
+                          </div>
+                          <div
+                            class="navListItem"
+                            v-if="vitem.type == 8 || vitem.type == 14"
+                          >
+                            <div
+                              @click="doUrl(vitem.url, vindex)"
+                              class="navText"
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                            >
+                              {{ vitem.title ? vitem.title : vitem.url }}
+                            </div>
+                            <div
+                              class="downIcon"
+                              @click="checkFileFull1(vitem.type, vitem)"
+                            >
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
+                                alt
+                              />
+                            </div>
+                          </div>
+                          <div class="navListItem" v-if="vitem.type == 3">
+                            <div
+                              @click="downFile(vitem, vindex)"
+                              class="navText"
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                            >
+                              <span v-if="vitem.text">{{ vitem.text }}-</span
+                              >{{ vitem.name }}
+                            </div>
+                            <div
+                              class="downIcon"
+                              @click="checkFileFull1(vitem.type, vitem)"
+                            >
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
+                                alt
+                              />
+                            </div>
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
+                          </div>
+                          <div class="navListItem" v-if="vitem.type == 12">
+                            <div class="navText" @click="downloadFile2(vitem)">
+                              <span v-if="vitem.text">{{ vitem.text }}-</span
+                              >{{ vitem.name }}
+                            </div>
+                            <div
+                              class="downIcon"
+                              @click="checkFileFull1(vitem.type, vitem)"
+                            >
+                              <img
+                                src="../assets/icon/newIcon/allScreen.png"
+                                alt
+                              />
+                            </div>
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
+                          </div>
+                          <div class="navListItem" v-if="vitem.type == 13">
+                            <div
+                              class="navText"
+                              @click="checkPhoto(vitem, vindex)"
+                              :class="isClickNav == vindex ? 'isClickNav' : ''"
+                            >
+                              {{ vitem.name }}
+                            </div>
+                            <div class="downIcon" @click="downloadFile2(vitem)">
+                              <img src="../assets/icon/newIcon/down.png" alt />
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="fileC_box"
+                          v-if="fileC[taskCount].length > 0"
+                        >
+                          <div class="fileC_title">以下文件不支持预览</div>
+                          <div
+                            class="vedioTimeBox"
+                            v-for="(vitem, vindex) in fileC[taskCount]"
+                            :key="vindex + '1'"
+                          >
+                            <div class="navListItem" v-if="vitem.type == 12">
+                              <div class="navText" style="color: #acb4bf">
+                                <span v-if="vitem.text">{{ vitem.text }}-</span
+                                >{{ vitem.name }}
+                              </div>
+                              <div
+                                class="downIcon"
+                                @click="downloadFile2(vitem)"
+                              >
+                                <img
+                                  src="../assets/icon/newIcon/down.png"
+                                  alt
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div style="width: calc(100% - 315px)">
+                <div style="padding: 10px 0 0; width: 95%; margin: 0 auto">
+                  <!-- <el-button
+                    type="primary"
+                    class="newButton"
+                    @click="checkFileFull(showType, pptImgUrl1)"
+                    >全屏查看</el-button
+                  >
+                  <el-button
+                    type="primary"
+                    class="newButton"
+                    @click="downloadFile(pptImgUrl1)"
+                    v-if="showType != 2"
+                    >文件下载</el-button
+                  > -->
+                  <el-button
+                    class="newButton"
+                    v-if="
+                      showType == 2 &&
+                      pptImgUrl1.indexOf(
+                        'https://view.officeapps.live.com/op/view.aspx?src='
+                      ) == -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"
+                    class="newButton"
+                    @click="checkFileFull(showType, text)"
+                    >全屏查看</el-button
+                  >
+                </div> -->
+              </div>
+            </div>
+          </div>
+
+          <div class="student_body" v-resize="resize">
+            <div
+              class="vedioBox"
+              :style="{
+                borderRadius:
+                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                    .taskDetail == '' &&
+                  vChapterData[taskCount].length == 0 &&
+                  fileC[taskCount].length == 0
+                    ? '0 0 20px 20px'
+                    : '20px',
+              }"
+              v-if="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .toolChoose[0].tool &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .toolChoose[0].tool.length > 0
+              "
+            >
+              <div
+                class="toolHeng2"
+                style="position: relative"
+                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="workNav">工作区</div>
+                <div
+                  class="filebox"
+                  style="flex-wrap: nowrap"
+                  v-for="(tool, toolIndex) in chapInfoList[courseType]
+                    .chapterInfo[0].taskJson[taskCount].toolChoose"
+                  :key="toolIndex"
+                >
+                  <div class="bzBox">
+                    <div class="yCss"></div>
+                    <div :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
+                      工具{{ toolIndex + 1 }}
+                    </div>
+                    <div
+                      v-if="timeWorkList[toolIndex].length > 0"
+                      style="margin: 0 0 0 10px"
+                    >
+                      {{
+                        timeWorkList[toolIndex][0].time
+                          ? "时间：" + timeWorkList[toolIndex][0].time
+                          : ""
+                      }}
+                    </div>
+                  </div>
+
+                  <div class="toolBox">
+                    <div>
+                      <!-- v-for="(itemTool, indexTool) in toolTypeList"
+                      :key="indexTool"-->
+
+                      <!-- <div class="iframeBox">
+                      <div
+                        class="addPoint isBorder"
+                        v-for="(tooC, toolCIndex) in tool.tool"
+                        :key="toolCIndex"
+                      >
+                        <div v-if="tooC == 1" style="border: 1px soild #ccc">
+                          <div
+                            class="iframeName"
+                          >
+                            电子白板
+                          </div>
+                          <iframe
+                            src="https://iwb.cocorobo.cn/"
+                            ref="whiteBoard"
+                          ></iframe>
+                        </div>
+                      </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">AIoT Blockly</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/Pythonprogram.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">AI 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 Blockly</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 v-if="tooC == 61">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/fourthToolList/allHistory.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">全历史</div>
+                          </div>
+                          <div v-if="tooC == 62">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/fourthToolList/interVideo.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">交互视频</div>
+                          </div>
+                          <div v-if="tooC == 63">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/fourthToolList/Wood.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">海龟编程</div>
+                          </div>
+                          <div v-if="tooC == 71">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/fourthToolList/chatgpt.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">AI智能体</div>
+                          </div>
+                          <div v-if="tooC == 65">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/firstToolList/pickPeople.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">挑人</div>
+                          </div>
+                          <div v-if="tooC == 66">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div v-if="tooC == 67">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div v-if="tooC == 68">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
+                          <div v-if="tooC == 69">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/english.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">英语写作</div>
+                          </div>
+                          <div v-if="tooC == 70">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/thirdToolList/englishVoice.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">英语口语</div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="tooldetail" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
+                      <!-- <div class="toolTitle">工具描述</div> -->
+                      <div style="height:100%;"
+                        v-html="contentConvent(tool.toolDetail)"
+                        v-if="toolDetailIndex != toolIndex"
+                        @click.stop="updateToolDetail(toolIndex, 2)"
+                      ></div>
+                      <div v-else @click.stop="" style="height:100%;">
+                        <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" placeholder="请输入任务描述" v-model="updateToolDetailInner"></textarea>
+                      </div>
+                    </div>
+                    <el-button
+                      type="primary"
+                      v-if="tool.tool[0] == 32"
+                      style="position: absolute; right: 30px; top: 30px"
+                      @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] == 15"
+                      style="position: absolute; right: 30px; top: 30px"
+                      @click="openWordCloud(toolIndex)"
+                      >生成词云</el-button
+                    >
+                    <el-button
+                      type="primary"
+                      v-if="
+                        tool.tool[0] == 16 && worksStudent[toolIndex].length > 0
+                      "
+                      style="position: absolute; right: 30px; top: 30px"
+                      @click="uploadWorks(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
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(16) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg" v-if="w.type == 0">
+                          <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="workImg" v-if="w.type == 1">
+                          <img :src="word" @click="openFile(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="workImg" v-if="w.type == 3">
+                          <img
+                            style="cursor: pointer"
+                            :src="video"
+                            @click="openVideo(w)"
+                            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="workImg" v-if="w.type == 12">
+                          <img
+                            style="cursor: pointer"
+                            :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,
+                            }"
+                          >
+                            {{ 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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(32) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <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,
+                            }"
+                          >
+                            {{ 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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(57) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="word2"
+                            @click="downloadFile(w.works)"
+                            v-if="w.type == 12"
+                            alt
+                          />
+                          <img
+                            :src="word2"
+                            @click="
+                              openCocoPi(57, toolIndex, w.userid, w.sName)
+                            "
+                            v-else-if="w.type == 15"
+                            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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(4) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName2"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @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
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          border-radius: 10px;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                          overflow: hidden;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="../assets/icon/works/noImg.png"
+                            @click="
+                              openTools(
+                                4,
+                                toolIndex,
+                                taskCount,
+                                w.works,
+                                w.sName
+                              )
+                            "
+                            alt
+                          />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                          <div>{{ w.time }}</div>
+                        </div>
+                      </div> -->
+                    </div>
+                  </div>
+									<div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(62) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div>
+                      <div
+                        :id="'tool-' + toolIndex"
+                        :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName2"
+                          @click="
+                            openTools(
+                              62,
+                              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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+									<div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(62) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName2"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @click="
+                          openTools(62, 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
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(45) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName2"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @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
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(69) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="isWorksName2"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                        @click="
+                          openTools(69, 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
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(15) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <!-- <img
+                            src="../assets/icon/works/noImg.png"
+                            @click="openTools(15, toolIndex, taskCount, w.works)"
+                            alt=""
+                          />-->
+                          <div class="answerBg">
+                            <!-- <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>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(1) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(3) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(6) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(7) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(26) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(16) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <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 g.works[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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                        height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                        overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                      }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <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(70) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                        height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                        overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                      }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg" @click.stop="openScore(w,toolIndex)">
+                          <img :src="word" 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>
+                      </div>
+                    </div>
+                    <div style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(70) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg" @click.stop="openScore(w,toolIndex)">
+                          <img :src="word" 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(32) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      class="worksDetailBox"
+                      :style="{
+                        height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                        overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                      }"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(32, 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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      class="worksDetailBox"
+                      :style="{
+                        height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                        overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                      }"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg">
+                          <img
+                            :src="word2"
+                            @click="downloadFile(w.works)"
+                            v-if="w.type == 12"
+                            alt
+                          />
+                          <img
+                            :src="word2"
+                            @click="
+                              openCocoPi(57, toolIndex, w.userid, w.sName)
+                            "
+                            v-else-if="w.type == 15"
+                            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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <div
+                        class="corOpen"
+                        @click="contract(toolIndex)"
+                        v-if="
+                          (isCloseList[toolIndex].isCloseBoolean) &&
+                          isCloseList[toolIndex].isClose == 0
+                        "
+                      >
+                        折叠
+                      </div>
+                      <div
+                        class="corOpen"
+                        @click="contract(toolIndex)"
+                        v-if="isCloseList[toolIndex].isClose == 1"
+                      >
+                        展开
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                        height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                        overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                      }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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, toolIndex, w.userid)
+                              "
+                            >
+                              {{ 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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(50, 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 style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.askstitle"
+                          placement="top"
+                          popper-class="text_tooltip"
+                        >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.askstitle }}
+                          </div>
+                        </el-tooltip>
+                      </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; padding: 0 10px"
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(4) != -1
+                    "
+                  >
+                    <AskStatic
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div>
+                      <div
+                        :id="'tool-' + toolIndex"
+                        :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName2"
+                          @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 class="works" style="
+                            width: 200px;
+                            height: 140px;
+                            border-radius: 10px;
+                            box-shadow: 0 0 6px 1px #dfdada;
+                            overflow: hidden;
+                          " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
+                          <div class="workImg">
+                            <img src="../assets/icon/works/noImg.png" @click="
+                              openTools(
+                                4,
+                                toolIndex,
+                                taskCount,
+                                w.works,
+                                w.sName
+                              )
+                            " alt />
+                          </div>
+                          <div class="worksName">
+                            <div>{{ w.sName }}</div>
+                            <div>{{ w.time }}</div>
+                          </div>
+                        </div> -->
+                      </div>
+                    </div>
+
+                    <div style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
+                      >
+                        {{ 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 class="right_box_xuan" style="margin-right: 10px">
+                        <span>正确率</span>
+                        <span>{{
+                          (checkJson[toolIndex][index].right
+                            ? checkJson[toolIndex][index].right
+                            : 0) + "%"
+                        }}</span>
+                      </div>
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.teststitle"
+                          placement="top"
+                          popper-class="text_tooltip"
+                        >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.teststitle }}
+                          </div>
+                        </el-tooltip>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="xuan_right_box"
+                    style="background: unset; padding: 0 10px; width: 91.5%"
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(45) != -1
+                    "
+                  >
+                    <AskStatic2
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div>
+                      <div
+                        :id="'tool-' + toolIndex"
+                        :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName2"
+                          @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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(69) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div>
+                      <div
+                        :id="'tool-' + toolIndex"
+                        :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                        class="worksDetailBox"
+                        v-if="
+                          worksStudent.length &&
+                          worksStudent[toolIndex].length > 0
+                        "
+                      >
+                        <div
+                          v-for="(w, wIndex) in worksStudent[toolIndex]"
+                          :key="wIndex"
+                          class="isWorksName2"
+                          style="width: 160px;height: 65px;line-height: 65px;"
+                          @click="
+                            openTools(
+                              69,
+                              toolIndex,
+                              taskCount,
+                              w.works,
+                              w.sName,
+                              w.wid
+                            )
+                          "
+                        >
+                          {{ w.sName }}
+                          <img
+                            class="deleteImg1"
+                            src="../assets/evaEnglish.png"
+                            @click.stop="openEnglishEva(w.wid,toolIndex)"
+                            alt
+                            v-if="(courseDetail && (courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1))) || (w.aiCode || w.teacherCode)"
+                          />
+                          <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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                       (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <div
+                            class="works"
+                            v-for="(w, wIndex) in g.works[toolIndex]"
+                            :key="wIndex"
+                          >
+                            <div
+                              class="workImg"
+                              style="
+                                border-radius: 15px;
+                                box-shadow: 0px 0px 5px 5px #eee;
+                              "
+                            >
+                              <div
+                                class="answerBg"
+                                style="border-radius: 15px 15px 0 0"
+                                @click="
+                                  commentOther(w, toolIndex, wIndex, null, g.id)
+                                "
+                              >
+                                <div class="answerContent">
+                                  {{ JSON.parse(w.works)[0].answer }}
+                                </div>
+                                <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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div
+                          class="workImg"
+                          style="
+                            border-radius: 15px;
+                            box-shadow: 0px 0px 5px 5px #eee;
+                          "
+                        >
+                          <!-- <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> -->
+                            <div class="answerContent">
+                              {{ JSON.parse(w.works)[0].answer }}
+                            </div>
+                            <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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <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 g.works[toolIndex]"
+                            :key="wIndex"
+                            :class="w.type == 1 ? 'isTypeOne' : ''"
+                          >
+                            <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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <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 g.works[toolIndex]"
+                            :key="wIndex"
+                            :class="w.type == 1 ? 'isTypeOne' : ''"
+                          >
+                            <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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <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 g.works[toolIndex]"
+                            :key="wIndex"
+                            :class="w.type == 1 ? 'isTypeOne' : ''"
+                          >
+                            <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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <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="
+                        (worksStudent.length &&
+                        worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="group_workBox"
+                      v-for="(g, gindex) in courseGroup.group"
+                      :key="gindex"
+                    >
+                      <div class="group_box">
+                        <div class="group_title">
+                          <el-tooltip
+                            class="item"
+                            effect="light"
+                            :content="g.name"
+                            placement="top"
+                          >
+                            <div class="group_name">{{ g.name }}</div>
+                          </el-tooltip>
+                        </div>
+                        <div
+                          class="group_work"
+                          v-if="
+                            g.works &&
+                            g.works.length &&
+                            g.works[toolIndex].length
+                          "
+                        >
+                          <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 g.works[toolIndex]"
+                            :key="wIndex"
+                            :class="w.type == 1 ? 'isTypeOne' : ''"
+                          >
+                            <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,
+                                        null,
+                                        g.id
+                                      )
+                                    "
+                                  >
+                                    <img
+                                      src="../assets/icon/comment/comment.png"
+                                      alt=""
+                                    />
+                                  </div>
+                                  <div>{{ w.commentCount }}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="group_work" v-else>暂无提交作业</div>
+                      </div>
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        class="works"
+                        style="width: 240px; height: 140px; overflow: hidden"
+                        v-for="(w, wIndex) in worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                    :id="'tool-' + toolIndex"
+                    :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(40) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      ((tType == 2 && sIsOpen == true) ||
+                        tType == 1 ||
+                        tType == 4) &&
+                      tool.tool.indexOf(41) != -1
+                    "
+                  >
+                    <AnswerData2
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                      :problemJson="tool.selectJson.answer"
+                      :people="worksStudent[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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        class="isWorksName2"
+                        @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
+                        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 worksStudent[toolIndex]" :key="wIndex"
+                        :class="w.type == 5 ? 'isTypeOne' : ''">
+                        <div class="workImg">
+                          <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
+                        </div>
+                        <div class="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div> -->
+                    </div>
+                    <div style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(41) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img
+                            src="../assets/icon/works/noImg.png"
+                            @click="openXz(w, 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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="false" class="xuan_right_box">
+                    <div
+                      class="tool_right_box"
+                      v-for="(item, index) in tool.sentenceList"
+                      :key="index"
+                    >
+                      <div>
+                        <span
+                          style="word-break: break-all; white-space: normal"
+                          >{{ index + 1 + "、" + item.sentenceTitle }}</span
+                        >
+                      </div>
+                      <div class="right_box_xuan">
+                        <span>正确率</span>
+                        <span>{{
+                          (checkJson[toolIndex][index].right
+                            ? checkJson[toolIndex][index].right
+                            : 0) + "%"
+                        }}</span>
+                      </div>
+                      <div class="right_box_xuan">
+                        <span>答对人数</span>
+                        <span>{{
+                          checkJson[toolIndex][index].rightPerson.length
+                        }}</span>
+                      </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 &&
+                      tool.tool.indexOf(47) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <!-- @click="openXz(w, toolIndex)" -->
+                        <div class="workImg" @click="openSen(w, toolIndex)">
+                          <img src="../assets/icon/works/noImg.png" 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(47) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <!-- @click="openXz(w, toolIndex)" -->
+                      <div
+                        v-for="(w, wIndex) in worksStudent[toolIndex]"
+                        :key="wIndex"
+                        class="isWorksName2"
+                        @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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
+                      >
+                        {{ 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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(48) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img :src="word" @click="openTable(w)" 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="worksName">
+                          <div>{{ w.sName }}</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="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <div class="worksTop">
+                        <div>作业预览</div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="
+                            (isCloseList[toolIndex].isCloseBoolean) &&
+                            isCloseList[toolIndex].isClose == 0
+                          "
+                        >
+                          折叠
+                        </div>
+                        <div
+                          class="corOpen"
+                          @click="contract(toolIndex)"
+                          v-if="isCloseList[toolIndex].isClose == 1"
+                        >
+                          展开
+                        </div>
+                      </div>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      :id="'tool-' + toolIndex"
+                      :style="{
+                          height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
+                          overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
+                        }"
+                      class="worksDetailBox"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[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 worksStudent[toolIndex]"
+                        :key="wIndex"
+                        :class="w.type == 1 ? 'isTypeOne' : ''"
+                      >
+                        <div class="workImg">
+                          <img :src="word" @click="openWord(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 style="font-size: 18px" v-if="courseDetail.juri != ''">
+                      未提交
+                    </div>
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
+                      <div
+                        v-for="(s, sIndex) in noWorksS[toolIndex]"
+                        :key="sIndex"
+                        class="noWorksName"
+                        @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
+                      >
+                        {{ s.student }}
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="
+                      tType &&
+                      tType == 2 &&
+                      !sIsOpen &&
+                      tool.tool.indexOf(52) != -1
+                    "
+                    class="worksBox"
+                  >
+                    <div
+                      class="zuoyeYulan"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <span class="worksTitle">作业预览</span>
+                      <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
+                    </div>
+                    <div
+                      class="worksDetailBox"
+                      v-if="workStudent[toolIndex].length > 0"
+                    >
+                      <div
+                        class="works"
+                        style="
+                          width: 200px;
+                          height: 140px;
+                          margin: 10px 10px 10px 0;
+                          box-shadow: 0 0 6px 1px #dfdada;
+                        "
+                        v-for="(w, wIndex) in workStudent[toolIndex]"
+                        :key="wIndex"
+                      >
+                        <div class="workImg">
+                          <img :src="word" @click="openWord(w)" 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="worksName">
+                          <div>{{ w.sName }}</div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    v-if="tool.tool.indexOf(49) != -1"
+                    class="xuan_right_box"
+                    style="margin: 0 15px 0 25px; width: 93%"
+                  >
+                    <div
+                      v-if="courseDetail.userid == userid"
+                      style="
+                        display: flex;
+                        justify-content: flex-end;
+                        margin-right: 10px;
+                      "
+                    >
+                      <el-button
+                        type="primary"
+                        size="small"
+                        @click="addTools(49, toolIndex, taskCount)"
+                        >分组设置</el-button
+                      >
+                    </div>
+                    <div
+                      v-if="groupStudentUid[toolIndex]"
+                      class="group_staic_box"
+                    >
+                      <div
+                        v-for="(gp, gd) in tool.groupJson.group"
+                        :key="gd"
+                        class="group_staic"
+                      >
+                        <span> {{ gp.name }}</span>
+                        <span>
+                          目前人数{{
+                            groupStudentUid[toolIndex][gd].length
+                          }}人</span
+                        >
+                      </div>
+                    </div>
+                  </div>
+                  <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
+                    <div
+                      class="zuoyeYulan"
+                      v-if="
+                        worksStudent.length &&
+                        worksStudent[toolIndex].length > 0
+                      "
+                    >
+                      <span class="worksTitle">作业预览</span>
+                    </div>
+                    <div>
+                      <div
+                        class="group_workBox"
+                        v-for="(g, gindex) in tool.groupJson.group"
+                        :key="gindex"
+                      >
+                        <div
+                          class="group_box"
+                          v-if="
+                            groupStudentUid[toolIndex] &&
+                            worksStudent[toolIndex] &&
+                            (worksStudent[toolIndex][gindex].length ||
+                              groupStudentUid[toolIndex][gindex].indexOf(
+                                userid
+                              ) != -1)
+                          "
+                        >
+                          <div class="group_title">
+                            <el-tooltip
+                              class="item"
+                              effect="light"
+                              :content="g.name"
+                              placement="top"
+                            >
+                              <div class="group_name">{{ g.name }}</div>
+                            </el-tooltip>
+                            <el-button
+                              type="primary"
+                              v-if="
+                                groupStudentUid[toolIndex][gindex].indexOf(
+                                  userid
+                                ) != -1
+                              "
+                              @click="groupUpload(toolIndex, taskCount, gindex)"
+                              >上传作业</el-button
+                            >
+                          </div>
+                          <div class="group_work">
+                            <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 worksStudent[toolIndex][
+                                gindex
+                              ]"
+                              :key="wIndex"
+                              :class="w.type == 1 ? 'isTypeOne' : ''"
+                            >
+                              <div class="workImg" v-if="w.type == 0">
+                                <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,
+                                          gindex
+                                        )
+                                      "
+                                    >
+                                      <img
+                                        src="../assets/icon/comment/comment.png"
+                                        alt=""
+                                      />
+                                    </div>
+                                    <div>{{ w.commentCount }}</div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- <div class="upload_toolBtn" @click="addImg($event)">
+                  上传文件
+                  <input
+                    type="file"
+                    accept="image/png, image/gif, image/jpeg"
+                    style="display: none"
+                    @change="beforeUpload1($event, 2, index)"
+                  />
+                </div>-->
+              </div>
+            </div>
+            <!-- <div
+              class="vedioBox"
+              style="margin-top: 10px"
+              v-if="
+                courseDetail.userid == userid ||
+                (courseDetail.course_teacher &&
+                  courseDetail.course_teacher.indexOf(userid) != -1)
+              "
+              :style="{
+                borderRadius:
+                  !(
+                    chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                      .toolChoose[0].tool &&
+                    chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                      .toolChoose[0].tool.length > 0
+                  ) &&
+                  chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                    .taskDetail == '' &&
+                  vChapterData[taskCount].length == 0 &&
+                  fileC[taskCount].length == 0
+                    ? '0 0 20px 20px'
+                    : '20px',
+              }"
+            >
+              <div
+                class="queTop"
+                @click="isClose = !isClose"
+                style="
+                  padding: 15px 0 15px 37px;
+                  justify-content: space-between;
+                "
+              >
+                <div class="queTopTitle">新增工具</div>
+                <div class="queTopRight">
+                  <div class="queTopClose" v-if="isClose == 0">
+                    展开
+                    <div class="closeImg">
+                      <img src="../assets/icon/newIcon/close.png" alt="" />
+                    </div>
+                  </div>
+                  <div class="queTopClose" v-if="isClose == 1">
+                    折叠
+                    <div class="openImg">
+                      <img src="../assets/icon/newIcon/open.png" alt="" />
+                    </div>
+                  </div>
+                  <el-button
+                    style="margin: 0 30px 0 auto"
+                    type="primary"
+                    size="small"
+                    v-if="isClose == 1 && checktoolArray.length > 0"
+                    @click.stop="addToolChoose"
+                    >确定</el-button
+                  >
+                </div>
+              </div>
+              <div
+                class="tool_work_box"
+                :style="isClose == 0 ? 'display:none' : 'display:block'"
+              >
+                <div class="tool_box">
+                  <div class="tool_type_box">
+                    <div class="chooseWho">
+                      <div
+                        :class="toolType == 0 ? 'isChooseActive' : ''"
+                        @click="(toolType = 0), $forceUpdate()"
+                      >
+                        互动类
+                      </div>
+                      <div
+                        :class="toolType == 1 ? 'isChooseActive' : ''"
+                        @click="(toolType = 1), $forceUpdate()"
+                      >
+                        思维类
+                      </div>
+                      <div
+                        :class="toolType == 2 ? 'isChooseActive' : ''"
+                        @click="(toolType = 2), $forceUpdate()"
+                      >
+                        测评类
+                      </div>
+                      <div
+                        :class="toolType == 3 ? 'isChooseActive' : ''"
+                        @click="(toolType = 3), $forceUpdate()"
+                      >
+                        编程类
+                      </div>
+                      <div
+                        :class="toolType == 5 ? 'isChooseActive' : ''"
+                        @click="(toolType = 5), $forceUpdate()"
+                      >
+                        学科类
+                      </div>
+                    </div>
+                  </div>
+
+                  <div>
+                    <div class="toolSort" v-if="toolType == 0">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(10)">
+                          <img
+                            src="../assets/icon/thirdToolList/time.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">倒计时</div>
+                        </div>
+                        <div class="check" @click="addTools2(10)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(10) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(65)">
+                          <img
+                            src="../assets/icon/firstToolList/pickPeople.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">挑人</div>
+                        </div>
+                        <div class="check" @click="addTools2(65)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(65) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 1">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(7)">
+                          <img
+                            src="../assets/icon/secondToolList/mindNetwork.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">思维网格</div>
+                        </div>
+                        <div class="check" @click="addTools2(7)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(7) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(1)">
+                          <img
+                            src="../assets/icon/secondToolList/whiteBoard.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">电子白板</div>
+                        </div>
+                        <div class="check" @click="addTools2(1)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(1) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(52)">
+                          <img
+                            src="../assets/icon/fourthToolList/text.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">文档</div>
+                        </div>
+                        <div class="check" @click="addTools2(52)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(52) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(3)">
+                          <img
+                            src="../assets/icon/secondToolList/mindMapping.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">思维导图</div>
+                        </div>
+                        <div class="check" @click="addTools2(3)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(3) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(48)">
+                          <img
+                            src="../assets/icon/fourthToolList/table.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">表格</div>
+                        </div>
+                        <div class="check" @click="addTools2(48)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(48) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 6">
+                      <div v-show="tooC == 49">
+                        <img
+                          @click="addTools(tooC, toolIndex, taskCount)"
+                          src="../assets/icon/fourthToolList/group.png"
+                          alt
+                        />
+                        <div style="margin: 5px 0">学生分组</div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 2">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(16)">
+                          <img
+                            src="../assets/icon/thirdToolList/work.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">作业提交</div>
+                        </div>
+                        <div class="check" @click="addTools2(16)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(16) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(50)">
+                          <img
+                            src="../assets/icon/thirdToolList/plwork.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">批量上传</div>
+                        </div>
+                        <div class="check" @click="addTools2(50)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(50) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 3">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(18)">
+                          <img
+                            src="../assets/icon/thirdToolList/trainPlatform.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">训练平台</div>
+                        </div>
+                        <div class="check" @click="addTools2(18)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(18) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(21)">
+                          <img
+                            src="../assets/icon/fourthToolList/program.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">AIoT Blockly</div>
+                        </div>
+                        <div class="check" @click="addTools2(21)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(21) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(23)">
+                          <img
+                            src="../assets/icon/fourthToolList/Pythonprogram.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">AI Python</div>
+                        </div>
+                        <div class="check" @click="addTools2(23)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(23) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(24)">
+                          <img
+                            src="../assets/icon/fourthToolList/AIprogram.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">AI Blockly</div>
+                        </div>
+                        <div class="check" @click="addTools2(24)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(24) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(32)">
+                          <img
+                            src="../assets/icon/thirdToolList/code.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">源码编辑</div>
+                        </div>
+                        <div class="check" @click="addTools2(32)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(32) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(57)">
+                          <img
+                            src="../assets/icon/fourthToolList/cocopi.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">CocoPi</div>
+                        </div>
+                        <div class="check" @click="addTools2(57)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(57) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(63)">
+                          <img
+                            src="../assets/icon/fourthToolList/Wood.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">海龟编程</div>
+                        </div>
+                        <div class="check" @click="addTools2(63)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(63) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 5">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(28)">
+                          <img
+                            src="../assets/icon/secondToolList/translation.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">翻译</div>
+                        </div>
+                        <div class="check" @click="addTools2(28)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(28) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(31)">
+                          <img
+                            src="../assets/icon/secondToolList/networkPanel.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">数字画板</div>
+                        </div>
+                        <div class="check" @click="addTools2(31)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(31) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(39)">
+                          <img
+                            src="../assets/icon/secondToolList/GeoGebra.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">GeoGebra</div>
+                        </div>
+                        <div class="check" @click="addTools2(39)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(39) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(66)">
+                          <img
+                            src="../assets/icon/secondToolList/formulaEdi.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">公式编辑</div>
+                        </div>
+                        <div class="check" @click="addTools2(66)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(66) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(67)">
+                          <img
+                            src="../assets/icon/secondToolList/molStr.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">分子结构</div>
+                        </div>
+                        <div class="check" @click="addTools2(67)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(67) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(68)">
+                          <img
+                            src="../assets/icon/secondToolList/timeAxis.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">时间轴</div>
+                        </div>
+                        <div class="check" @click="addTools2(68)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(68) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 7">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(40)">
+                          <img
+                            src="../assets/icon/secondToolList/eval.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">个人评价</div>
+                        </div>
+                        <div class="check" @click="addTools2(40)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(40) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="toolSort" v-if="toolType == 4">
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(26)">
+                          <img
+                            src="../assets/icon/thirdToolList/courseDesign.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">课程设计</div>
+                        </div>
+                        <div class="check" @click="addTools2(26)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(26) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(25)">
+                          <img
+                            src="../assets/icon/thirdToolList/evalua.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">目标管理</div>
+                        </div>
+                        <div class="check" @click="addTools2(25)">
+                          <img
+                            src="../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(25) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img src="../assets/icon/checkedIs.png" alt /><span
+                              >已选择</span
+                            >
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div> -->
+            <div
+              class="vedioBox"
+              style="margin-top: 10px; border-radius: 20px"
+              v-if="
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList.length &&
+                chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
+                  .eList.length > 0 &&
+                tType != 2
+              "
+            >
+              <div
+                class="queTop"
+                style="
+                  font-size: 20px;
+                  padding: 15px 0 15px 37px;
+                  font-weight: bold;
+                "
+              >
+                <!-- <div class="question" style="width: 30px">
+                  <img src="../assets/icon/toolIcon.png" alt />
+                </div>
+                <div class="queTitle">
+                  <div>工具</div>
+                </div>-->
+                评一评
+              </div>
+              <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
+                <div class="elist_input" :style="{width:evalua ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'45%':'calc(100% - 180px)' : '100%'}">
+                  <el-table
+                    :data="
+                      chapInfoList[courseType].chapterInfo[0].taskJson[
+                        taskCount
+                      ].eList
+                    "
+                    :header-cell-style="{ background: '#F0F4FA' }"
+                    :row-class-name="tableRowClassName"
+                    border
+                    stripe
+                    style="width: 100%"
+                  >
+                    <el-table-column
+                      label="评价名称"
+                      align="center"
+                    >
+                      <template slot-scope="scope"
+                        ><div>{{ scope.row.value }}</div></template
+                      >
+                    </el-table-column>
+                    <el-table-column
+                      label="评价描述"
+                      align="center"
+                    >
+                      <template slot-scope="scope"
+                        ><div>
+                          {{ scope.row.detail != "" ? scope.row.detail : "-" }}
+                        </div></template
+                      >
+                    </el-table-column>
+                    <el-table-column label="目标" align="center">
+                      <template slot-scope="scope"
+                        ><div>
+                          {{
+                            scope.row.target
+                              ? scope.row.target[scope.row.target.length - 1]
+                              : "-"
+                          }}
+                        </div></template
+                      ></el-table-column
+                    >
+                  </el-table>
+                  <!-- <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;
+                  "
+                  :style="{width:chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'100%':'116px'}" 
+                >
+                  <div class="e_add_top">
+                    <div class="e_add_title" style="width: 100%">
+                      <!-- <span>目标管理名称</span> -->
+                      <span  v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2">{{ eTitle }}</span>
+                      <img
+                        v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2"
+                        src="../assets/line.png"
+                        class="cru_line"
+                        style="
+                          width: 125px;
+                          height: 20px;
+                          bottom: -10px;
+                          left: 5px;
+                        "
+                      />
+                      <!-- <el-input
+                        v-model="eTitle"
+                        placeholder="请输入名称"
+                        @change="setMindData"
+                      ></el-input>-->
+                      <div v-show="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" class="show_taskD show" style="margin:0 0 0 auto" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />收起目标</div>
+                      <div v-show="!chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" style="margin:0 0 0 auto" class="show_taskD" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />展开目标</div>
+                    </div>
+                  </div>
+                  <div class="e_add_content"  v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" >
+                    <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" style="min-height: 200px;">
+                        <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
+              class="project_box"
+              style="margin-top: 15px; padding-bottom: 30px"
+            >
+              <div
+                style="
+                  display: flex;
+                  flex-wrap: nowrap;
+                  flex-direction: column;
+                  position: relative;
+                "
+              >
+                <div class="queTop">
+                  <div class="question">
+                    <img src="../assets/icon/homeWork.png" alt="" />
+                  </div>
+                  <div class="queTitle">
+                    <div>作业提交<span>(提交图文视频等)</span></div>
+                    <div>：任务：{{ task.task }}</div>
+                  </div>
+                </div>
+                <div class="ediBottom">
+                  <div
+                    class="addEditor"
+                    style="margin-top: 23px"
+                    @click="openAddWork"
+                    v-if="!isNoHomeWork"
+                  >
+                    选择文件
+                  </div>
+                  <div
+                    class="addEditor"
+                    style="margin-top: 23px"
+                    @click="openAddWork"
+                    v-else
+                  >
+                    已提交
+                  </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="pzDialog == false && (tType == 4 || ispzType == 4)"
+      style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
+    >
+      <!-- 批 -->
+      <img src="../assets/mlBtn.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; position: unset">
+            评论
+          </div> -->
+					<div class="cb-tabList">
+						<div :class="[commentTagShow==0?'cb-tabItem':'']" @click="commentTagShow=0">评论</div>
+						<div :class="[commentTagShow==1?'cb-tabItem':'']" @click="commentTagShow=1">评分</div>
+					</div>
+          <el-select v-model="pzStype" @change="selectPz" class="selectBox">
+            <el-option label="时间降序" :value="1"></el-option>
+            <el-option label="时间升序" :value="2"></el-option>
+            <el-option label="我的评课" :value="3"></el-option>
+          </el-select>
+          <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
+        </div>
+      </div>
+      <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'" v-if="commentTagShow==0">
+        <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
+              @click="checkImg(getImgList(pz.content))"
+              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="timeAndReply">
+              <div class="time">
+                {{ pz.time }}
+              </div>
+              <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
+            </div>
+
+            <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
+              <div
+                v-for="(h, hIndex) in pz.hfList"
+                :key="hIndex"
+                class="hfItem"
+              >
+                <div class="whoReplyWho">
+                  <div class="hfName">{{ h.username }}</div>
+                  <div class="hfImg">
+                    <img src="../assets/icon/newIcons/right.png" alt="" />
+                  </div>
+                  <div class="hfName">{{ pz.username }}</div>
+                </div>
+                <div class="hfContent" v-html="h.content"></div>
+                <div class="hfBottom">
+                  <div class="hfTime">{{ h.time }}</div>
+                  <div
+                    class="deleteHfItem"
+                    @click="deleteReply(h.id)"
+                    v-if="userid == h.userid"
+                  >
+                    <img src="../assets/icon/newIcons/delete.png" alt="" />
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
+              <div class="replyInput">
+                <el-input v-model="reply[pzIndex]"></el-input>
+              </div>
+              <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
+            </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 class="scoreList" v-if="commentTagShow==1">
+				<scoreItem v-for="item in scoreList.datalist" @refresh="getScoreList" :data="item" :isScore="scoreList.isScoreList.filter(i=>(i.userid==item.userid && i.courseid == item.courseId))" :key="item.courseId"/>
+			</div>
+    </div>
+    <div
+      v-if="toolDialogVisible == true"
+      class="toolMask"
+      @click="toolDialogVisible = false"
+    ></div>
+    <div v-if="toolDialogVisible == true" class="addToolCss">
+      <div class="toolTop">
+        <div style="font-weight: bold">新增工具</div>
+        <div @click="toolDialogVisible = false">
+          <img src="../assets/icon/close.png" class="toolClose" alt="" />
+        </div>
+      </div>
+      <div class="tool_box">
+        <div class="tool_type_box">
+          <div class="chooseWho">
+            <div
+              :class="toolType == 0 ? 'isChooseActive' : ''"
+              @click="(toolType = 0), $forceUpdate()"
+            >
+              互动类
+            </div>
+            <div
+              :class="toolType == 1 ? 'isChooseActive' : ''"
+              @click="(toolType = 1), $forceUpdate()"
+            >
+              思维类
+            </div>
+            <div
+              :class="toolType == 2 ? 'isChooseActive' : ''"
+              @click="(toolType = 2), $forceUpdate()"
+            >
+              测评类
+            </div>
+            <div
+              :class="toolType == 3 ? 'isChooseActive' : ''"
+              @click="(toolType = 3), $forceUpdate()"
+            >
+              编程类
+            </div>
+            <div
+              :class="toolType == 5 ? 'isChooseActive' : ''"
+              @click="(toolType = 5), $forceUpdate()"
+            >
+              学科类
+            </div>
+          </div>
+        </div>
+        <div>
+          <div class="toolSort" v-if="toolType == 0">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
+              @click="addTools2(10)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/time.png" alt />
+                <div style="margin: 5px 0">倒计时</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(10) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
+              @click="addTools2(65)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/firstToolList/pickPeople.png" alt />
+                <div style="margin: 5px 0">挑人</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(65) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 1">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
+              @click="addTools2(7)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
+                <div style="margin: 5px 0">思维网格</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(7) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
+              @click="addTools2(1)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
+                <div style="margin: 5px 0">电子白板</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(1) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(52) != -1 }"
+              @click="addTools2(52)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/text.png" alt />
+                <div style="margin: 5px 0">文档</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(52) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
+              @click="addTools2(3)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/mindMapping.png" alt />
+                <div style="margin: 5px 0">思维导图</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(3) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
+              @click="addTools2(48)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/table.png" alt />
+                <div style="margin: 5px 0">表格</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(48) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 6">
+            <div v-show="tooC == 49">
+              <img
+                @click="addTools(tooC, toolIndex, taskCount)"
+                src="../assets/icon/fourthToolList/group.png"
+                alt
+              />
+              <div style="margin: 5px 0">学生分组</div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 2">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
+              @click="addTools2(16)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/work.png" alt />
+                <div style="margin: 5px 0">作业提交</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(16) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
+              @click="addTools2(50)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/plwork.png" alt />
+                <div style="margin: 5px 0">批量上传</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(50) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 3">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
+              @click="addTools2(18)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/trainPlatform.png" alt />
+                <div style="margin: 5px 0">训练平台</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(18) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
+              @click="addTools2(21)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/program.png" alt />
+                <div style="margin: 5px 0">AIoT Blockly</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(21) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
+              @click="addTools2(23)"
+            >
+              <div class="whiteBIcon">
+                <img
+                  src="../assets/icon/fourthToolList/Pythonprogram.png"
+                  alt
+                />
+                <div style="margin: 5px 0">AI Python</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(23) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
+              @click="addTools2(24)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/AIprogram.png" alt />
+                <div style="margin: 5px 0">AI Blockly</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(24) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
+              @click="addTools2(32)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/code.png" alt />
+                <div style="margin: 5px 0">源码编辑</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(32) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
+              @click="addTools2(57)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/cocopi.png" alt />
+                <div style="margin: 5px 0">CocoPi</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(57) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
+              @click="addTools2(63)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/Wood.png" alt />
+                <div style="margin: 5px 0">海龟编程</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(63) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(71) != -1 }"
+              @click="addTools2(71)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/fourthToolList/chatgpt.png" alt />
+                <div style="margin: 5px 0">AI智能体</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(71) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 7">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
+              @click="addTools2(40)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/eval.png" alt />
+                <div style="margin: 5px 0">个人评价</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(40) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 5">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
+              @click="addTools2(28)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/translation.png" alt />
+                <div style="margin: 5px 0">翻译</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(28) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
+              @click="addTools2(31)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/networkPanel.png" alt />
+                <div style="margin: 5px 0">数字画板</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(31) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
+              @click="addTools2(39)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/GeoGebra.png" alt />
+                <div style="margin: 5px 0">GeoGebra</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(39) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
+              @click="addTools2(66)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/formulaEdi.png" alt />
+                <div style="margin: 5px 0">公式编辑</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(66) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(67)">
+                <img src="../../assets/icon/secondToolList/molStr.png" alt />
+                <div style="margin: 5px 0">分子结构</div>
+              </div>
+              <div class="check" @click="addTools2(67)">
+                <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div> -->
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
+              @click="addTools2(68)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/timeAxis.png" alt />
+                <div style="margin: 5px 0">时间轴</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(68) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <!-- <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
+              @click="addTools2(69)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/secondToolList/english.png" alt />
+                <div style="margin: 5px 0">英语写作</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(69) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div> -->
+          </div>
+          <div class="toolSort" v-if="toolType == 4">
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
+              @click="addTools2(26)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/courseDesign.png" alt />
+                <div style="margin: 5px 0">课程设计</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(26) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div
+              class="tool"
+              :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
+              @click="addTools2(25)"
+            >
+              <div class="whiteBIcon">
+                <img src="../assets/icon/thirdToolList/evalua.png" alt />
+                <div style="margin: 5px 0">目标管理</div>
+              </div>
+              <div class="check">
+                <div
+                  v-if="checktoolArray.indexOf(25) == -1"
+                  class="noChoose"
+                ></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span
+        slot="footer"
+        class="dialog-footer"
+        style="display: block; text-align: center; padding: 0 0 10px 0"
+      >
+        <el-button @click="toolDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
+      </span>
+    </div>
+    <div
+      v-if="replyDialogVisible == true"
+      class="addDialogCss"
+      v-el-drag-dialog
+    >
+      <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="replyDialogVisible = false">
+          <img src="../assets/close1.png" class="pzClose" alt="" />
+        </div>
+      </div>
+      <div class="addPzBox">
+        <!-- <div class="addPzCheck">
+          <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
+            >文本</span
+          >
+          <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
+            >音频</span
+          >
+        </div> -->
+        <div style="height: calc(100% - 50px)">
+          <editor-bar
+            class="binfo_input pzConText"
+            style="width: 100% !important; margin: 0 auto"
+            placeholder="请输入回复描述"
+            v-model="reply"
+            @change="change"
+          ></editor-bar>
+        </div>
+        <div class="addTextCss" @click="addHf">确定</div>
+      </div>
+    </div>
+    <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
+      <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" class="pzClose" 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; margin-bottom: 10px">
+            题目内容
+          </div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in askJson.askCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                <span class="askIndex"> {{ index1 + 1 }}</span>
+                <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]"
+                  v-if="
+                    askJson.askJson[index1].type == '1' ||
+                    !askJson.askJson[index1].type
+                  "
+                >
+                  <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>
+                <el-checkbox-group
+                  v-model="radio[index1]"
+                  v-if="askJson.askJson[index1].type == '2'"
+                >
+                  <el-checkbox
+                    v-for="(item2, checkIndex1) in askJson.askJson[index1]
+                      .checkList"
+                    :key="checkIndex1"
+                    :label="checkIndex1"
+                    :disabled="isAnswer"
+                    class="redioStyle"
+                    ><span v-html="item2"></span>
+                  </el-checkbox>
+                </el-checkbox-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="dialogVisible5Teacher"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </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; margin-bottom: 10px">
+            题目内容
+          </div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in askJson.askCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                <span class="askIndex">{{ index1 + 1 }}</span>
+                <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]"
+                  v-if="
+                    askJson.askJson[index1].type == '1' ||
+                    !askJson.askJson[index1].type
+                  "
+                >
+                  <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>
+                <el-checkbox-group
+                  v-model="radio[index1]"
+                  v-if="askJson.askJson[index1].type == '2'"
+                >
+                  <el-checkbox
+                    v-for="(item2, checkIndex1) in askJson.askJson[index1]
+                      .checkList"
+                    :key="checkIndex1"
+                    :label="checkIndex1"
+                    :disabled="isAnswer"
+                    class="redioStyle"
+                    ><span v-html="item2"></span>
+                  </el-checkbox>
+                </el-checkbox-group>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button
+          @click="dialogVisible5Teacher = false"
+          v-show="noteName == ''"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          @click="addStudentAskTeacher"
+          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_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">{{ testJson.testTitle }}</div>
+        </div> -->
+        <div class="a_addBox">
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in testJson.testCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                <span class="askIndex">{{ index1 + 1 }}</span>
+                <div
+                  v-if="testJson.testJson[index1].type == '1'"
+                  style="margin-right: 5px; min-width: 70px"
+                >
+                  (单选题)
+                </div>
+                <div
+                  v-if="testJson.testJson[index1].type == '2'"
+                  style="margin-right: 5px; min-width: 70px"
+                >
+                  (多选题)
+                </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="noteName != '' ? noteName : '查看选择题'"
+      :visible.sync="dialogVisibleChoiceTeacher"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </div>
+        <div class="a_addBox">
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
+          <div
+            class="a_add_box"
+            v-for="(item1, index1) in testJson.testCount"
+            :key="index1"
+          >
+            <div class="a_add_head">
+              <div style="display: flex">
+                <span class="askIndex">{{ index1 + 1 }}</span>
+                <div
+                  v-if="testJson.testJson[index1].type == '1'"
+                  style="margin-right: 5px; min-width: 70px"
+                >
+                  (单选题)
+                </div>
+                <div
+                  v-if="testJson.testJson[index1].type == '2'"
+                  style="margin-right: 5px; min-width: 70px"
+                >
+                  (多选题)
+                </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="dialogVisibleChoiceTeacher = false"
+          v-show="noteName == ''"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          @click="addStudentTestTeacher"
+          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 }"
+      ></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"
+      ></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="answerDialogVisibleTeacher"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </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="answerDialogVisibleTeacher = false">取 消</el-button>
+        <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="倒计时"
+      :visible.sync="timeDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div>
+        <div style="margin-bottom: 20px; color: #999">
+          提示：点击“+”或“-”修改倒计时时长。
+        </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 }"
+          ></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 codeFileBox"
+          v-if="commentDetail.works && commentDetail.type == 15"
+          @click="
+            openCocoPi(
+              57,
+              commentIndexJson.toolIndex,
+              commentDetail.userid,
+              commentDetail.sName
+            )
+          "
+        >
+          <img src="../assets/icon/codeFile.png" />
+          <div>点击打开CocoPi</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%">
+        <div
+          class="wheel"
+          v-if="
+            fulltype == 2 &&
+            fullUrl.indexOf(
+              'https://view.officeapps.live.com/op/view.aspx?src='
+            ) != -1
+          "
+          style="width: 95%; margin: 0 auto"
+        >
+          <iframe
+            style="width: 100%; height: 100%; border: none"
+            :src="fullUrl"
+          ></iframe>
+        </div>
+        <iframe
+          v-else-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="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="studentEvalDialogVisibleTeacher"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <div class="w_name">
+        学生姓名：<span>{{ sStudent.student }}</span>
+      </div>
+      <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="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="studentEvalDialogVisibleTeacher = false"
+          >取 消</el-button
+        >
+        <el-button type="primary" @click="addBzWorksTeacher" 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="dialogVisibleSelectTeacher"
+      :append-to-body="true"
+      width="90%"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div v-if="selectJson">
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </div>
+        <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="addSelectAnswerTeacher"
+                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 }"
+          ></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 codeFileBox"
+          v-if="commentDetail.works && commentDetail.type == 15"
+          @click="
+            openCocoPi(
+              57,
+              commentIndexJson.toolIndex,
+              commentDetail.userid,
+              commentDetail.sName
+            )
+          "
+        >
+          <img src="../assets/icon/codeFile.png" />
+          <div>点击打开CocoPi</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"
+              class="sentenceTitle"
+              :index="stIndex + 1"
+            >
+              题目{{ stIndex + 1 }}：请选择正确顺序
+            </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="dialogVisibleSentenceTeacher"
+      :append-to-body="true"
+      width="1000px"
+      :before-close="handleClose"
+      class="dialog_diy dialog_diy3"
+    >
+      <div>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </div>
+        <div class="sentenBox">
+          <div
+            v-for="(st, stIndex) in sentenceList"
+            :key="stIndex"
+            style="padding-bottom: 20px"
+          >
+            <div
+              style="padding: 15px 0 10px 20px"
+              class="sentenceTitle"
+              :index="stIndex + 1"
+            >
+              题目{{ stIndex + 1 }}：请选择正确顺序
+            </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="dialogVisibleSentenceTeacher = false"
+          >取 消</el-button
+        >
+        <el-button type="primary" @click="addSenWorksTeacher">确 定</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 v-if="tType == 2" class="isTj">
+                <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/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
+          style="
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <span>表格内容</span>
+          <el-button type="primary" size="small" @click="returnTableText"
+            >还原模板</el-button
+          >
+        </div>
+        <Table
+          v-model="tableJson.text"
+          @change="change"
+          v-if="dialogVisibleTable"
+        ></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="dialogVisibleTableTeacher"
+      :append-to-body="true"
+      width="95%"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <el-form>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </div>
+        <div>表格内容</div>
+        <Table
+          v-model="tableJson.text"
+          @change="change"
+          v-if="dialogVisibleTableTeacher"
+        ></Table>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
+        <el-button type="primary" @click="addTableWorksTeacher">确定</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
+          style="
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <span>文档内容</span>
+          <el-button type="primary" size="small" @click="returnWordText"
+            >还原模板</el-button
+          >
+        </div>
+        <editor-bar
+          v-model="wordJson.text"
+          v-if="dialogVisibleWord"
+        ></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="dialogVisibleWordTeacher"
+      :append-to-body="true"
+      width="95%"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <el-form>
+        <div class="w_name">
+          学生姓名：<span>{{ sStudent.student }}</span>
+        </div>
+        <div>文档内容</div>
+        <editor-bar
+          v-model="wordJson.text"
+          v-if="dialogVisibleWordTeacher"
+        ></editor-bar>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
+        <el-button type="primary" @click="addWordWorksTeacher">确定</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="dialogVisibleTable3"
+      :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="dialogVisibleTable3 = 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 class="group_switch">
+            <span>开放选座</span>
+            <el-switch
+              v-model="islock"
+              active-text=""
+              class="switchCss"
+              @change="lockChair"
+            ></el-switch>
+          </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
+            v-model="groupJson.number"
+            style="width: 150px"
+            placeholder="请输入2-10的数字"
+            @change="numberPan"
+          ></el-input>
+        </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: flex; 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 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"
+                @click="previewImg(item.url)"
+              />
+              <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> -->
+              <div
+                class="pl_select_box"
+                @click="
+                  getUpdateMore(true, checkUpload(), item.username, index)
+                "
+              >
+                {{ getSName(item.username) }}
+              </div>
+              <!-- <el-select
+                style="margin-top: 10px"
+                v-model="item.username"
+                filterable
+                allow-create
+                placeholder="请选择学生"
+              >
+                <el-option
+                  v-for="item1 in checkUpload()"
+                  :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;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        "
+      >
+        <span class="tian1">名称</span>
+        <div
+          class="pl_select_box"
+          style="margin-left: 10px; width: 200px"
+          @click="getUpdateMore(true, uploadStudentJuri, worksSid)"
+        >
+          {{ getSName(worksSName) }}
+        </div>
+        <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
+          placeholder="请选择学生">
+          <el-option v-for="item in uploadStudentJuri" :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" style="text-align: center;">
+        <el-button @click="dialogVisibleSname = false">取 消</el-button>
+        <el-button type="primary" @click="updateName">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="英语写作"
+      :visible.sync="engDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy"
+    >
+      <onlineWrite
+        v-if="engDialogVisible"
+        :englishList="englishList"
+        :myAnswerList1="myAnswerList1"
+        :userid="userid"
+        ref="engJson"
+      ></onlineWrite>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="engDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addEnglishWork">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="英语写作"
+      :visible.sync="engUpdateDialogVisible"
+      :append-to-body="true"
+      width="800px"
+      :before-close="handleClose"
+      class="dialog_diy fullStyle"
+    >
+      <div class="engUpBox">
+        <div class="engUpTop">
+          <div class="engTitle">
+            <div>作文题目：</div>
+            <div>{{ englishList1.engTitle }}</div>
+          </div>
+          <div class="engText">
+            <div>作文内容：</div>
+            <div class="cont" v-html="englishList1.englishText" style="white-space: pre-line;" @click="checkImg(getImgList(englishList1.englishText))"></div>
+          </div>
+        </div>
+        <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
+          <div class="oldBox">
+            <div class="oldMes">原文（ 作者：{{ noteName }} ）</div>
+            <div class="oldText">
+              <div class="detailBox">
+                <div class="oldDetail">
+                  <div>标题：</div>
+                  <div>{{ oldEnglishJson.engTitle }} </div>
+                </div>
+                <div class="oldDetail1">
+                  <div>正文：</div>
+                  <div v-html="oldEnglishJson.engText" style="white-space: pre-line;"></div>
+                </div>
+                <div class="oldDetail" v-if="oldEnglishJson.imgList && oldEnglishJson.imgList.length > 0">
+                  <div>图片：</div>
+                  <div class="oldImg"><img :src="oldEnglishJson.imgList[0].url" alt="" /></div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="oldBox loadingText" v-if="userMes[0].type == 2">
+            <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
+            <div class="oldText">
+              <div class="detailBox" style="position: relative;">
+                <div class="oldDetail">
+                  <div>标题：</div>
+                  <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
+                  <div v-else v-html="newEnglishList.engTitle"></div>
+                </div>
+                <div class="oldDetail">
+                  <div>正文：</div>
+                  <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
+									<correctText :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
+                </div>
+                <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
+                <el-button @click="isUpdateCorrect(newEnglishList.engText,1)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
+                <el-button @click="aiCorrect(newEnglishList.engText,1)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
+                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
+              </div>
+            </div>
+          </div>
+          <div class="oldBox loadingText" v-else-if="userMes[0].type == 1">
+            <div class="oldMes" style="background: rgb(224 236 255);display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;overflow-x: auto;overflow-y: hidden;" v-if="newEnglishList1.length > 0">
+              <div v-if="isNoUserid" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: newEngIndex == -1 ? '#aacaff' : ''}" @click="setEngText(-1)" style="background: #aacaff;">{{ userMes[0].username }}</div>
+              <div v-for="(item,index) in newEnglishList1" :key="index" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: index == newEngIndex ? '#aacaff' : ''}" @click="setEngText(index)">{{ item.username }}</div>
+            </div>
+            <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
+            <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true && newEnglishList1.length">
+              <div class="detailBox" style="position: relative;">
+                <div class="oldDetail">
+                  <div>标题：</div>
+                  <el-input v-if="greyType" v-model="oldEnglishJson1.engTitle" />
+                  <div v-else v-html="oldEnglishJson1.engTitle"></div>
+                </div>
+                <div class="oldDetail">
+                  <div>正文：</div>
+                  <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="oldEnglishJson1.engText" @input="gx"/>
+                  <correctText v-else :newText="oldEnglishJson1.engText" :oldData="oldEnglishJson.engText"/>
+                </div>
+                <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
+                <el-button @click="isUpdateCorrect(oldEnglishJson1.engText,2)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
+                <el-button @click="aiCorrect(oldEnglishJson1.engText,2)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
+                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
+              </div>
+            </div>
+            <div class="oldText" v-else-if="newEngIndex == -1">
+              <div class="detailBox" style="position: relative;">
+                <div class="oldDetail">
+                  <div>标题：</div>
+                  <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
+                  <div v-else v-html="newEnglishList.engTitle"></div>
+                </div>
+                <div class="oldDetail">
+                  <div>正文：</div>
+                  <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
+                  <correctText v-else :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
+                </div>
+                <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
+                <el-button @click="isUpdateCorrect(newEnglishList.engText,3)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
+                <el-button @click="aiCorrect(newEnglishList.engText,3)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
+                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
+              </div>
+            </div>
+            <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList1.length > 0">
+              <div class="detailBox" style="position: relative;">
+                <div class="oldDetail">
+                  <div>标题：</div>
+                  <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
+                  <div v-else>
+                    <el-input v-if="greyType" v-model="newEnglishList1[newEngIndex].cWork.engTitle"/>
+                    <div v-else v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
+                  </div>
+                </div>
+                <div class="oldDetail">
+                  <div>正文：</div>
+                  <correctText v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
+                  <div v-else>
+                    <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList1[newEngIndex].cWork.engText" @input="gx"/>
+                    <correctText v-else :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
+                  </div>
+                </div>
+                <div style="position: absolute;bottom: -25px;">注：红色划线字为删除，绿色背景白色字为新添加.</div>
+                <el-button @click="isUpdateCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
+                <el-button @click="aiCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">AI批注</el-button>
+                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="addCorrect">确 定</el-button>
+      </span>
+    </el-dialog>
+    <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible" :uid="userid" :tType="tType" :courseDetail="courseDetail"></englishEva>
+    <interVideo
+      :dialogVisibleVideo.sync="dialogVisibleVideo"
+      :videoJson="videoJson"
+      :userid="userid"
+      :id="id"
+      :courseType="courseType"
+      :taskCount="taskCount"
+      :toolindex="toolindex"
+			:videoType="videoType"
+    ></interVideo>
+    <UpdateMore
+      :dialogVisibleMember.sync="dialogVisibleMember"
+      :cList="uploadStudentJuri"
+      :userid="userid"
+      :searchTN="worksSName2"
+      @setPlname="setPlname"
+    ></UpdateMore>
+    <wordCloud
+      :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
+      :data="wordCloudData"
+    ></wordCloud>
+    <el-dialog
+      title="挑人"
+      :visible.sync="dialogVisiblePickPeople"
+      width="650px"
+      :before-close="handleClose"
+      class="dialog_diy"
+      center
+    >
+      <div class="pick_box">
+        <div
+          class="noWorksName"
+          :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
+          v-for="(item, index) in uploadStudentJuri"
+          :key="index"
+          @click="pickStudent(item)"
+        >
+          {{ item.name }}
+        </div>
+      </div>
+    </el-dialog>
+    <EnglishVoice :EnglishVoiceDialog.sync='EnglishVoiceDialog' 
+    :englishVoiceJson='englishVoiceJson' 
+    :userid="userid" 
+    :id="id" 
+    :courseType="courseType" 
+    :taskCount="taskCount" 
+    :toolindex="toolindex" 
+    @selectSWorks="selectSWorks" 
+    @selectStudent="selectStudent"
+    :englishVoiceJsonWork="englishVoiceJsonWork"></EnglishVoice>
+    <checkEnglishVoice :englishVoiceJson='englishVoiceJson'  
+    :userid="userid" 
+    :dialogVisibleENScore.sync='dialogVisibleENScore'
+    :commentDetail="commentDetail" 
+    :courseDetail="courseDetail" 
+    :wScore="wScore"
+    :scoreDetail="scoreDetail"
+    @selectSWorks="selectSWorks" 
+    @selectStudent="selectStudent"></checkEnglishVoice>
+  </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";
+import interVideo from "./interVideo/index.vue";
+import UpdateMore from "./updateMore/updateMore.vue";
+import wordCloud from "./wordCloud/index.vue";
+import axios from "axios";
+import JSZip from "jszip";
+import FileSaver from "file-saver";
+import onlineWrite from "./components/onlineWrite";
+import englishEva from "./components/englishEva";
+import * as Diff from 'diff'
+import EnglishVoice from './EnglishVoice2/index.vue'
+import checkEnglishVoice from './checkEnglishVoice/index.vue'
+import correctText from './components/correctText.vue'
+import scoreItem from './scoreList/scoreItem.vue'
+
+const getFile = (url) => {
+  return new Promise((resolve, reject) => {
+    var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+      let url2 = url;
+      let _url2 = "";
+      if (
+        url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
+      ) {
+        _url2 = url2.split(
+          "https://view.officeapps.live.com/op/view.aspx?src="
+        )[1];
+      } else {
+        _url2 = url2;
+      }
+      var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
+      let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
+      var params = {
+        Bucket: "ccrb",
+        Key: name
+      };
+      s3.getObject(params, function (err, data) {
+        if (err) {
+          console.log(err, err.stack)
+          resolve({ data: 1 });
+        }else {
+          resolve({ data: data.Body });
+          console.log(data); 
+        }          // sxuccessful response
+
+      });
+    // axios({
+    //   method: "get",
+    //   url,
+    //   responseType: "blob",
+    // })
+    //   .then((data) => {
+    //     resolve({ data: data.data });
+    //   })
+    //   .catch((error) => {
+    //     resolve({ data: 1 });
+    //     // reject(error.toString());
+    //   });
+  });
+};
+export default {
+  components: {
+    EditorBar,
+    Time,
+    pdf,
+    AskStatic,
+    AskStatic2,
+    Mind,
+    Sunburst,
+    SeeBoard,
+    AnswerData2,
+    AnswerData,
+    Audio,
+    ImgDraw,
+    Table,
+    interVideo,
+    UpdateMore,
+    wordCloud,
+    onlineWrite,
+    englishEva,
+    EnglishVoice,
+    checkEnglishVoice,
+		correctText,
+		scoreItem
+  },
+  data() {
+    return {
+      bg: null,
+      drawShow: false,
+      dialogVisible: false,
+      dialogVisiblePl: false,
+      commentDialogVisible: false,
+      dialogVisibleMember: false,
+      dialogVisibleWordCloud: false,
+      videoVisible: false,
+      isStar: false,
+      studentEvalDialogVisible: false,
+      studentEvalDialogVisibleTeacher: false,
+      dialogVisibleSelect: false,
+      dialogVisibleSelectTeacher: false,
+      dialogVisibleScore: false,
+      dialogVisibleENScore: false,
+      dialogVisibleSentence: false,
+      dialogVisibleSentenceTeacher: false,
+      dialogVisibleSentence1: false,
+      dialogVisibleWorks: false,
+      dialogVisibleTable: false,
+      dialogVisibleTableTeacher: false,
+      dialogVisibleWord: false,
+      dialogVisibleWordTeacher: false,
+      dialogVisibleTable2: false,
+      dialogVisibleTable3: false,
+      dialogVisibleGroupWork: false,
+      dialogVisibleUpdateGroup: false,
+      dialogVisibleDeleteGroup: false,
+      dialogVisibleSname: false,
+      dialogVisibleVideo: false,
+      dialogVisiblePickPeople: false,
+      engDialogVisible: false,
+      engUpdateDialogVisible: false,
+      engEvaDialogVisible: false,
+      evaEngJson: {
+        teacherJson: {},
+        studentJson: {},
+        message: {},
+      },
+      isNoUserid:false,
+      engListLength:0,
+      engWid:"",
+      newEnglishList:{
+        engTitle:"",
+        engText:"",
+      },
+      newEnglishList1:[],
+      oldEnglishJson:{},
+      oldEnglishJson1:{},
+      englishList1:{},
+      englishList:{},
+      myAnswerList1:{},
+      topHeight:0,
+      newEngIndex:-1,
+      englishToolIndex:0,
+      worksSName: "",
+      classJuri: [],
+      uploadStudentJuri: [],
+      uploadCid: "",
+      snameWid: "",
+      sStudent: {},
+      sTool: "",
+      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: [],
+      tableJsonO: [],
+      wordJson: [],
+      wordJsonO: [],
+      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: [],
+        },
+      ],
+      isClose: 0,
+      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: {},
+      reply: "",
+      isSelect: false,
+      chapInfo: [],
+      chapInfoList: [],
+      taskCount: 0,
+      imgList: [],
+      noImgList: [],
+      pzList: [],
+      timeWorkList: [],
+      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,
+      dialogVisible5Teacher: false,
+      dialogVisibleChoice: false,
+      dialogVisibleChoiceTeacher: false,
+      answerDialogVisible: false,
+      answerDialogVisibleTeacher: false,
+      juriVisible: false,
+      timeDialogVisible: false,
+      replyDialogVisible: false,
+      toolDialogVisible: false,
+      replyIndex: 0,
+      replyPid: "",
+      radio: [],
+      isAsk: false,
+      askJson: {
+        askCount: 1,
+        askTitle: "",
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
+      },
+      testJson: {},
+			videoType:0,
+      checkJson: [],
+      askList: [],
+      answerList: [],
+      navList: [],
+      addPzDialog: false,
+      pzConText: "",
+      worksStudent: [],
+      isCloseList: [],
+      workStudent: [],
+      groupStudent: [],
+      groupStudentUid: [],
+      noWorksS: [],
+      isWorksS: [],
+      noWorksStudent: [],
+      toolindex: 0,
+      toolDetailIndex: null,
+      groupIndex: 0,
+      workTypeB: false,
+      workTypeC: false,
+      isAnswer: false,
+      isHovered: false,
+      isHovered1: false,
+      isHovered2: false,
+			commentTagShow:0,
+      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,
+      ispzType: 0,
+      pzType: 1,
+      wScore: 0,
+      scoreDetail: "",
+      videoStart: false,
+      recorder: null,
+      groupJson: {},
+      islock: false,
+      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, 41, 47, 48, 52, 50, 40,
+      ], //, 40
+      videoJson: {},
+      toolType: 0,
+      checktoolArray: [],
+      vChapterData: [],
+      isUpdateToolDetail: false,
+      isUpdateToolDetail1: false,
+      updateToolDetailInner: "",
+      checkboxList: [],
+      plIndex: "",
+      worksSName2: "",
+      worksSid: "",
+      wordCloudData: [],
+      isPickStudent: [],
+      pzStype: 1,
+      myAnList: {},
+      userMes:{},
+      downLoading: false,
+      greyType: false,
+      correctWord: [],
+      isUpdateText: "",
+      EnglishVoiceDialog: false,
+      englishVoiceJson: {},
+      englishVoiceJsonWork:[],
+			scoreList:{
+				listdata:[],
+				isScoreList:[],	
+			},
+    };
+  },
+  methods: {
+    gx(){
+      this.$forceUpdate();
+    },
+    isUpdateCorrect(t,p){
+      if(this.greyType == false){
+        this.isUpdateText = t;
+        this.greyType = true;
+      }else{
+        if(p == 1){
+          this.newEnglishList.engText = this.isUpdateText;
+        }else if(p == 2){
+          this.oldEnglishJson1.engText = this.isUpdateText;
+        }else if(p == 3){
+          this.newEnglishList.engText = this.isUpdateText;
+        }else{
+          this.newEnglishList1[this.newEngIndex].cWork.engText = this.isUpdateText;
+        }
+        this.greyType = false
+      }
+    },
+    aiCorrect(t,p){
+      let aiText = "";
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255)",
+        target: document.querySelectorAll(".loadingText")[0],
+      });
+      let param = {
+        model: "gpt-3.5-turbo",
+        temperature: 0,
+        max_tokens: 2048,
+        top_p: 1,
+        frequency_penalty: 0,
+        presence_penalty: 0,
+        messages: [
+          {
+            role: "user",
+            content:
+              "你的任务是为文字内容进行批注，请依照以下步骤完成任务，并仅显示第二步完成的内容：1.校对并更正:" + t,
+          },
+        ],
+        uid: this.userid,
+        stream: false,
+      };
+      this.ajax.post("https://gpt.cocorobo.cn/chat", param).then(
+        (res) => {
+          if (
+            res.data.FunctionResponse &&
+            res.data.FunctionResponse.result &&
+            res.data.FunctionResponse.result == "无效请求,请重新发起对话"
+          ) {
+            this.$message.error("你的作文内容太长，无法使用Ai批注!");
+            return;
+          }
+          aiText =
+            res.data.FunctionResponse.choices[0].message.content;
+          aiText = aiText.replace(/%/g,"%25");
+          // let w = "";
+          // let a = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,aiText);
+          // for(var k = 0;k<a.length;k++){
+          //   //diffWordsWithSpace
+          //   if(a.length > 1){
+          //       if(a[k].added == true){
+          //         w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
+          //       }else if(a[k].removed == true){
+          //         w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
+          //       }else{
+          //         w += '<span>' + a[k].value + '</span>';
+          //       }
+          //   }else{
+          //     if(p == 1){
+          //       w = this.newEnglishList.engText;
+          //     }else if(p == 2){
+          //       w = this.oldEnglishJson1.engText;
+          //     }else if(p == 3){
+          //       w = this.newEnglishList.engText;
+          //     }else{
+          //       w = this.newEnglishList1[this.newEngIndex].cWork.engText;
+          //     }
+          //   }
+          // }
+          if(p == 1){
+            this.newEnglishList.engText = aiText;
+          }else if(p == 2){
+            this.oldEnglishJson1.engText = aiText;
+          }else if(p == 3){
+            this.newEnglishList.engText = aiText;
+          }else{
+            this.newEnglishList1[this.newEngIndex].cWork.engText = aiText;
+          }
+          loading.close();
+        },
+        (err) => {
+          console.log(err);
+          loading.close();
+        }
+      );      
+    },
+    addToolChoose() {
+      if (!this.checktoolArray.length) {
+        this.$message.error("请选择要添加的任务");
+        return;
+      }
+      if (
+        !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose[0].tool.length
+      ) {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose[0].tool = this.checktoolArray;
+      } else {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose.push({
+          tool: this.checktoolArray,
+          toolDetail: "",
+          toolType: 0,
+          askCount: 1,
+          askTitle: "",
+          askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
+        });
+      }
+
+      let params = [
+        {
+          cid: this.id,
+          chapters: JSON.stringify(this.chapInfoList),
+          uid: this.userid,
+          unitIndex: this.courseType,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "updateWorkNew4", params)
+        .then((res) => {
+          this.$message({
+            message: "添加成功",
+            type: "success",
+          });
+          this.checktoolArray = [];
+          this.getCourseDetail(2);
+          this.checkBz(
+            this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+              this.taskCount
+            ].toolChoose.length - 1
+          );
+          this.toolDialogVisible = false;
+          this.refreshCourse();
+          this.$forceUpdate();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    checkBz(index) {
+      this.isUpdateToolDetail = false;
+      this.$forceUpdate();
+      setTimeout(() => {
+        document.scrollingElement.scrollTop =
+          document.querySelectorAll(".filebox")[index].offsetTop +
+          document.querySelector(".student_body").offsetTop;
+      }, 500);
+    },
+    updateToolDetail(i, type) {
+      if (!this.isUpdateToolDetail1 && type == 2 && (this.courseDetail.userid == this.userid || (this.courseDetail.course_teacher && this.courseDetail.course_teacher.indexOf(this.userid) != -1))) {
+        this.toolDetailIndex = i
+        this.isUpdateToolDetail1 = true;
+        setTimeout(() => {
+          this.updateToolDetailInner = JSON.parse(
+            JSON.stringify(
+              this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                this.taskCount
+              ].toolChoose[i].toolDetail
+            )
+          );
+          document.querySelector(".checkTextArea").focus();
+        }, 0);
+      } else if((this.isUpdateToolDetail1 && type != 2)){
+        // this.toolDetailIndex = i;
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose[i].toolDetail = JSON.parse(
+          JSON.stringify(this.updateToolDetailInner)
+        );
+        let params = [
+          {
+            cid: this.id,
+            chapters: JSON.stringify(this.chapInfoList),
+            uid: this.userid,
+            unitIndex: this.courseType,
+          },
+        ];
+        this.ajax
+          .post(this.$store.state.api + "updateWorkNew4", params)
+          .then((res) => {
+            this.isUpdateToolDetail1 = false;
+            this.$message({
+              message: "修改成功",
+              type: "success",
+            });
+            this.toolDetailIndex = null;
+            
+            this.updateToolDetailInner = "";
+            this.getCourseDetail(2);
+            this.$forceUpdate();
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      } else if((this.isUpdateToolDetail1 && type == 2)){
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].toolChoose[this.toolDetailIndex].toolDetail = JSON.parse(
+          JSON.stringify(this.updateToolDetailInner)
+        );
+        let params = [
+          {
+            cid: this.id,
+            chapters: JSON.stringify(this.chapInfoList),
+            uid: this.userid,
+            unitIndex: this.courseType,
+          },
+        ];
+        this.ajax
+          .post(this.$store.state.api + "updateWorkNew4", params)
+          .then((res) => {
+            this.$message({
+              message: "修改成功",
+              type: "success",
+            });
+            
+            this.toolDetailIndex = i;
+            this.isUpdateToolDetail1 = true;
+            setTimeout(() => {
+              this.updateToolDetailInner = JSON.parse(
+                JSON.stringify(
+                  this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+                    this.taskCount
+                  ].toolChoose[i].toolDetail
+                )
+              );
+              document.querySelector(".checkTextArea").focus();
+            }, 0);
+            this.getCourseDetail(2);
+            this.$forceUpdate();
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      }
+    },
+    jumpGj(i, j, k, l) {
+      for (var z = 0; z < this.navList.length; z++) {
+        for (var q = 0; q < this.navList[z].task.length; q++) {
+          for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
+            this.navList[z].task[q].tool[w].isTool = false;
+          }
+        }
+      }
+
+      this.navList[i].task[j].tool[k].isTool =
+        !this.navList[i].task[j].tool[k].isTool;
+      var a = document.scrollingElement;
+      this.navId = ""
+      let target = document.querySelector(`#gj${k}`);
+      if (target) {
+        target.scrollIntoView(true);
+        setTimeout(() => {
+          a.scrollTop = a.scrollTop - 150;
+        }, 0);
+      }
+      if (l) {
+        this.courseType = i;
+        // this.navId = l;
+        this.taskCount = j;
+        this.selectPz();
+        this.getHomeWork();
+        this.getCourseDetail(2);
+      }
+
+      // var b = this.$refs["bz" + k][0];
+      // a.scrollTop = b.offsetTop;
+    },
+    addTools2(i) {
+      if (i == 4) {
+        // this.openTools2(4);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 45) {
+        // this.openTools2(45);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 47) {
+        // this.openTools2(47);
+        this.$message.error("暂未开放");
+        return;
+      }
+
+      if (i == 49) {
+        // this.openTools2(49);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 62) {
+        // this.openTools(itemTaskIndex, 62, toolIndex);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 15) {
+        // this.openTools(itemTaskIndex, 15, toolIndex);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 40) {
+        // this.openTools(itemTaskIndex, 40, toolIndex);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 41) {
+        // this.openTools(itemTaskIndex, 41, toolIndex);
+        this.$message.error("暂未开放");
+        return;
+      }
+      if (i == 42) {
+        // this.openTools(itemTaskIndex, 42, toolIndex);
+        this.$message.error("暂未开放");
+        return;
+      }
+
+      if (this.checktoolArray.length > 0) {
+        if (this.checktoolArray.indexOf(i) != -1) {
+          this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
+        } else {
+          this.checktoolArray = [];
+          this.checktoolArray.push(i);
+        }
+      } else {
+        this.checktoolArray.push(i);
+      }
+      this.$forceUpdate();
+    },
+    jump() {
+      window.parent.postMessage({ tools: "43" }, "*");
+    },
+    getUpdateMore(f, checkboxList, searchTN, index) {
+      this.dialogVisibleMember = f;
+      this.checkboxList = checkboxList;
+      this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
+      this.plIndex = index;
+    },
+    setPlname(a) {
+      if (this.plworkFile.length) {
+        this.plworkFile[this.plIndex].username = a;
+      } else {
+        this.worksSName = a;
+      }
+      this.dialogVisibleMember = false;
+    },
+    previewImg(url) {
+      this.$hevueImgPreview(url);
+    },
+    checkImg(list) {
+      if (!list.length) {
+        return;
+      }
+      this.$hevueImgPreview({
+        multiple: true, // 开启多图预览模式
+        imgList: list, // 需要预览的多图数组
+      });
+    },
+    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")) {
+        document.querySelector(".workd_media").style.height = "650px";
+      } else if (document.querySelector(".workd_media")) {
+        document.querySelector(".workd_media").style.height = "auto";
+      }
+    },
+    setContent2(bool) {
+      this.mlDialog = bool;
+      if (
+        bool &&
+        this.contentDialog &&
+        document.querySelector(".workd_media")
+      ) {
+        document.querySelector(".workd_media").style.height = "650px";
+      } else if (document.querySelector(".workd_media")) {
+        document.querySelector(".workd_media").style.height = "auto";
+      }
+    },
+    openToolAll() {
+      this.toolDialogVisible = true;
+    },
+    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);
+        });
+    },
+    addSelectAnswerTeacher() {
+      let params = [
+        {
+          uid: this.sStudent.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.dialogVisibleSelectTeacher = 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);
+        });
+    },
+    addSenWorksTeacher() {
+      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.sStudent.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.dialogVisibleSentenceTeacher = false;
+          // this.selectAnswer = {};
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    returnTableText() {
+      this.$confirm("确定还原此模板吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
+        })
+        .catch(() => {});
+    },
+    addTableWorks() {
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.tableJson),
+          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);
+        });
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    addTableWorksTeacher() {
+      let params = [
+        {
+          uid: this.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.tableJson),
+          type: 10,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.dialogVisibleTableTeacher = false;
+          // this.selectAnswer = {};
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    returnWordText() {
+      this.$confirm("确定还原此模板吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
+        })
+        .catch(() => {});
+    },
+    addWordWorks() {
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.wordJson),
+          type: 13,
+          atool: 52,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks3-2", 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);
+        });
+    },
+    addWordWorksTeacher() {
+      let params = [
+        {
+          uid: this.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.wordJson),
+          type: 13,
+          atool: 52,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks3-2", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.dialogVisibleWordTeacher = 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(2);
+        })
+        .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),
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorksPl", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.plworkFile = [];
+          this.dialogVisiblePl = false;
+          this.getCourseDetail(2);
+        })
+        .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,
+          }),
+          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(2);
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addEnglishWork() {
+      this.myAnList = this.$refs['engJson'].myAnswerList;
+      if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
+        this.$message.error("请输入作文标题和正文!");
+        return;
+      }
+      let params = [
+        {
+          uid: this.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.englishToolIndex,
+          content: JSON.stringify(this.myAnList),
+          type: 16,
+          atool: 69,
+          text: "",
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks5", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.myAnList = {};
+          this.englishList = {};
+          this.englishToolIndex = 0;
+          this.engDialogVisible = false;
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .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);
+        });
+    },
+    addCourseWorksGongTeacher(i, data, tool) {
+      let params = [
+        {
+          uid: this.sStudent.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.dialogVisibleWorks = false;
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addCourseWorksGongPl(i, data, tool, type) {
+      let params = [
+        {
+          uid: this.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: i,
+          content: data,
+          type: type,
+          atool: tool,
+          text: "",
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks5", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.studyJuri[0].cover = [];
+          this.dialogVisibleWorks = false;
+          this.selectSWorks();
+          this.selectStudent();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    addCourseWorksTeacher(i) {
+      var typesql;
+      if (this.sTool == 32) {
+        this.addCourseWorksGongTeacher(
+          this.toolindex,
+          this.studyJuri[0].cover[0].url,
+          this.sTool
+        );
+        return;
+      }
+      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.sTool == 50) {
+        this.addCourseWorksGongPl(
+          this.toolindex,
+          this.studyJuri[0].cover[0].url,
+          this.sTool,
+          typesql
+        );
+        return;
+      }
+
+      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(2);
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    selectUploadStudent(type) {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+      });
+      let params = {
+        cid: this.uploadCid,
+        oid: this.oid,
+        cn: "",
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectSnameByCidGroup", params)
+        .then((res) => {
+          loading.close();
+          var studentK = [];
+          if (this.isWorksS[this.toolindex].length > 0) {
+            for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
+              studentK.push(this.isWorksS[this.toolindex][z].uid);
+            }
+            studentK = studentK.join(",");
+          }
+          this.uploadStudentJuri = res.data[0].filter((el) => {
+            return studentK.indexOf(el.userid) == -1;
+          });
+          if (this.worksSName && this.worksSid) {
+            this.uploadStudentJuri.push({
+              userid: this.worksSid,
+              name: this.worksSName,
+            });
+          }
+          if (type == 1) {
+            this.plworkFile = [];
+            this.dialogVisibleSname = true;
+          } else if (type == 2) {
+            this.dialogVisiblePl = true;
+          }
+        })
+        .catch((err) => {
+          loading.close();
+          console.error(err);
+        });
+    },
+    selectPickStudent() {
+      const loading = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+      });
+      let params = {
+        cid: this.uploadCid,
+        oid: this.oid,
+        cn: "",
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectSnameByCidGroup", params)
+        .then((res) => {
+          loading.close();
+          this.uploadStudentJuri = res.data[0];
+          this.dialogVisiblePickPeople = true;
+        })
+        .catch((err) => {
+          loading.close();
+          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 && !this.dialogVisibleENScore
+          ) {
+            let a = 1;
+            let c = this.commentIndexJson;
+            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() {
+      //学生查看自己作业
+      let params = {
+        uid: this.userid,
+        cid: this.id,
+        s: this.courseType,
+        t: this.taskCount,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectStudentWorks", 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",
+          ];
+          for (var i = 0; i < a.length; i++) {
+            this.workStudent[i] = [];
+            for (var j = 0; j < b.length; j++) {
+              if (i == b[j].tool) {
+                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 &&
+                  a[i].tool[0] != 69
+                ) {
+                  if (
+                    c.indexOf(
+                      b[j].content
+                        .split(".")
+                        [b[j].content.split(".").length - 1].toLocaleUpperCase()
+                    ) != -1 &&
+                    a[i].tool[0] == 16 &&
+                    b[j].atool != 50
+                  ) {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 1,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  } 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
+                  ) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 3,
+                      time: b[j].time,
+                    });
+                  } else if (b[j].type == 6 && b[j].atool != 50) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 4,
+                      time: b[j].time,
+                    });
+                  } else if (b[j].type == 7 && b[j].atool != 50) {
+                    this.workStudent[i].push({
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 5,
+                      time: b[j].time,
+                    });
+                  } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 12,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 0,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
+                    this.workStudent[i].push({
+                      works: b[j].content,
+                      sName: b[j].name,
+                      score: b[j].score,
+                      img: b[j].img,
+                      type: 0,
+                      time: b[j].time,
+                      userid: b[j].userid,
+                      wid: b[j].id,
+                    });
+                  }
+                } else if (b[j].type == 3 && a[i].tool[0] == 15) {
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 2,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 2 && a[i].tool[0] == 4) {
+                  //问卷
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 2,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 8 && a[i].tool[0] == 45) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 8,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 9 && a[i].tool[0] == 47) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 9,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 10 && a[i].tool[0] == 48) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 10,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 13 && a[i].tool[0] == 52) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 13,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 12 && a[i].tool[0] == 32) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 12,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 12 && a[i].tool[0] == 57) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 12,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 15 && a[i].tool[0] == 57) {
+                  //选择题
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 15,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 16 && a[i].tool[0] == 69) {
+                  //英语写作
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 16,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                    aiCode: b[j].aiCode,
+                    teacherCode: b[j].teacherCode
+                  });
+                } else if (b[j].type == 17 && a[i].tool[0] == 70) {
+                  //英语口语
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 17,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                } else if (b[j].type == 14 && a[i].tool[0] == 62) {
+                  //英语口语
+                  this.workStudent[i].push({
+                    works: b[j].content,
+                    sName: b[j].name,
+                    score: b[j].score,
+                    img: b[j].img,
+                    type: 14,
+                    time: b[j].time,
+                    userid: b[j].userid,
+                    wid: b[j].id,
+                  });
+                }
+              }
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    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(() => {});
+    },
+    async 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
+        ) {
+          let _uuurl = await this.checkLink(w.works);
+          this.pptImgUrl =
+            "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
+          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;
+      }
+    },
+    async openScore(w, index) {
+      this.wScore = 0;
+      this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
+      this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
+      this.commentDetail = [];
+      if(w.type == 17){
+        this.dialogVisibleENScore = true;
+      }else{
+        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
+        ) {
+          let _uuurl = await this.checkLink(w.works);
+          this.pptImgUrl =
+            "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
+          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;
+      }else if(w.type == 17){
+        let englishVoiceJson = {}
+        englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
+          .taskJson[this.taskCount].toolChoose[index].englishVoiceJson
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
+              .toolChoose[index].englishVoiceJson
+          : {};
+        
+        this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
+      }
+    },
+    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;
+    },
+    openEnglishEva(id,i){
+      let params = {
+        wid: id
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectEngWork", params)
+        .then((res) => {
+          this.evaEngJson.message = res.data[0][0];
+          this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
+          this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
+              .toolChoose[i].englishList;
+          this.engEvaDialogVisible = true;
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    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];
+          let _worksStudent = [];
+          var _worksStudent2 = [];
+          for (var i = 0; i < a.length; i++) {
+            _worksStudent[i] = [];
+            _worksStudent2[i] = [];
+            if (
+              !this.isCloseList[i] ||
+              this.isCloseList[i].isClose == undefined
+            ) {
+              this.isCloseList[i] = { isClose: 0 };
+            }
+            this.groupStudent[i] = [];
+            this.groupStudentUid[i] = [];
+            if (this.isGroup) {
+              for (
+                var groupI = 0;
+                groupI < this.courseGroup.group.length;
+                groupI++
+              ) {
+                this.courseGroup.group[groupI].works[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] = [];
+                _worksStudent[i][gA] = [];
+                _worksStudent2[i][gA] = [];
+                this.isCloseList[i][gA] = [];
+                // debugger
+                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.arrayToArray(
+                      f[g].classid.split(","),
+                      this.tcid.split(",")
+                    ).length !== 0 || this.arrayToArray(
+                      f[g].classid.split(","),
+                      this.classId ? this.classId.split(",") : []
+                    ).length !== 0 || (!this.tcid && this.tType == '1') || (this.courseDetail.juri === '') || f[g].ttype == 1)) {
+                    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 instanceof Array
+                      ? JSON.parse(data.content)[0].anwer
+                      : 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 (checkL[z] instanceof Array) {
+                      if (
+                        JSON.parse(data.content)[0].anwer.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].anwer[z] == 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 == 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;
+                      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 (this.isGroup) {
+                      let isGw = 1;
+                      for (
+                        var groupI = 0;
+                        groupI < this.courseGroup.group.length;
+                        groupI++
+                      ) {
+                        let gid = this.courseGroup.group[groupI].id;
+                        if (
+                          this.courseGroupStudentUid[gid].indexOf(
+                            b[j].userid
+                          ) != -1
+                        ) {
+                          isGw = 2;
+                          this.courseGroup.group[groupI].works[i].push(_works);
+                          break;
+                        }
+                      }
+                      if (isGw == 1) {
+                        _worksStudent[i].push(_works);
+                      }
+                    } else {
+                      _worksStudent[i].push(_works);
+                    }
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } 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 (this.isGroup) {
+                      let isGw = 1;
+                      for (
+                        var groupI = 0;
+                        groupI < this.courseGroup.group.length;
+                        groupI++
+                      ) {
+                        let gid = this.courseGroup.group[groupI].id;
+                        if (
+                          this.courseGroupStudentUid[gid].indexOf(
+                            b[j].userid
+                          ) != -1
+                        ) {
+                          isGw = 2;
+                          this.courseGroup.group[groupI].works[i].push(_works);
+                          break;
+                        }
+                      }
+                      if (isGw == 1) {
+                        _worksStudent[i].push(_works);
+                      }
+                    } else {
+                      _worksStudent[i].push(_works);
+                    }
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } 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,
+                    };
+                    _worksStudent[i].push(_works);
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } else if (b[j].type == 7 && b[j].atool != 50) {
+                    let _work = {
+                      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,
+                    };
+                    _worksStudent[i].push(_work);
+                    _worksStudent2[i].push(_work);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } 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 (this.isGroup) {
+                      let isGw = 1;
+                      for (
+                        var groupI = 0;
+                        groupI < this.courseGroup.group.length;
+                        groupI++
+                      ) {
+                        let gid = this.courseGroup.group[groupI].id;
+                        if (
+                          this.courseGroupStudentUid[gid].indexOf(
+                            b[j].userid
+                          ) != -1
+                        ) {
+                          isGw = 2;
+                          this.courseGroup.group[groupI].works[i].push(_works);
+                          break;
+                        }
+                      }
+                      if (isGw == 1) {
+                        _worksStudent[i].push(_works);
+                      }
+                    } else {
+                      _worksStudent[i].push(_works);
+                    }
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } 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 (this.isGroup) {
+                      let isGw = 1;
+                      for (
+                        var groupI = 0;
+                        groupI < this.courseGroup.group.length;
+                        groupI++
+                      ) {
+                        let gid = this.courseGroup.group[groupI].id;
+                        if (
+                          this.courseGroupStudentUid[gid].indexOf(
+                            b[j].userid
+                          ) != -1
+                        ) {
+                          isGw = 2;
+                          this.courseGroup.group[groupI].works[i].push(_works);
+                          break;
+                        }
+                      }
+                      if (isGw == 1) {
+                        _worksStudent[i].push(_works);
+                      }
+                    } else {
+                      _worksStudent[i].push(_works);
+                    }
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  } 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 (this.isGroup) {
+                      let isGw = 1;
+                      for (
+                        var groupI = 0;
+                        groupI < this.courseGroup.group.length;
+                        groupI++
+                      ) {
+                        let gid = this.courseGroup.group[groupI].id;
+                        if (
+                          this.courseGroupStudentUid[gid].indexOf(
+                            b[j].userid
+                          ) != -1
+                        ) {
+                          isGw = 2;
+                          this.courseGroup.group[groupI].works[i].push(_works);
+                          break;
+                        }
+                      }
+                      if (isGw == 1) {
+                        _worksStudent[i].push(_works);
+                      }
+                    } else {
+                      _worksStudent[i].push(_works);
+                    }
+                    _worksStudent2[i].push(_works);
+                    this.isWorksS[i].push({
+                      uid: b[j].userid,
+                      sName: b[j].name,
+                    });
+                  }
+                } 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 (this.isGroup) {
+                    let isGw = 1;
+                    for (
+                      var groupI = 0;
+                      groupI < this.courseGroup.group.length;
+                      groupI++
+                    ) {
+                      let gid = this.courseGroup.group[groupI].id;
+                      if (
+                        this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
+                        -1
+                      ) {
+                        isGw = 2;
+                        this.courseGroup.group[groupI].works[i].push(_works);
+                        break;
+                      }
+                    }
+                    if (isGw == 1) {
+                      _worksStudent[i].push(_works);
+                    }
+                  } else {
+                    _worksStudent[i].push(_works);
+                  }
+                  _worksStudent2[i].push(_works);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 2 && a[i].tool[0] == 4) {
+                  //问卷
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 8 && a[i].tool[0] == 45) {
+                  //选择题
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 9 && a[i].tool[0] == 47) {
+                  //选择题
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 10 && a[i].tool[0] == 48) {
+                  //选择题
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 13 && a[i].tool[0] == 52) {
+                  //选择题
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 16 && a[i].tool[0] == 69) {
+                  //选择题
+                  let _work = {
+                    userid: b[j].userid,
+                    ateacher: b[j].ateacher,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 16,
+                    time: b[j].time,
+                    score: b[j].score,
+                    img: b[j].img,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                    aiCode: b[j].aiCode,
+                    teacherCode: b[j].teacherCode
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 17 && a[i].tool[0] == 70) {
+                  //英语口语
+                  let _work = {
+                    userid: b[j].userid,
+                    ateacher: b[j].ateacher,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 17,
+                    time: b[j].time,
+                    score: b[j].score,
+                    img: b[j].img,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (b[j].type == 14 && a[i].tool[0] == 62) {
+                  //交互视频
+                  let _work = {
+                    userid: b[j].userid,
+                    ateacher: b[j].ateacher,
+                    wid: b[j].id,
+                    works: b[j].content,
+                    sName: b[j].name,
+                    type: 14,
+                    time: b[j].time,
+                    score: b[j].score,
+                    img: b[j].img,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } 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
+                  ) {
+                    let _work = {
+                      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,
+                    };
+                    _worksStudent[i][_gindex.groupIndex].push(_work);
+                    _worksStudent2[i][_gindex.groupIndex].push(_work);
+                  }
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (
+                  a[i].tool[0] == 57 &&
+                  b[j].atool == 57 &&
+                  b[j].type == 12
+                ) {
+                  let _work = {
+                    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,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                } else if (
+                  a[i].tool[0] == 57 &&
+                  b[j].atool == 57 &&
+                  b[j].type == 15
+                ) {
+                  let _work = {
+                    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: 15,
+                    time: b[j].time,
+                    score: b[j].score,
+                    img: b[j].img,
+                    likesCount: likesCount,
+                    commentCount: commentCount,
+                    isLikes: isLikes,
+                    commentJson: commentJson,
+                  };
+                  _worksStudent[i].push(_work);
+                  _worksStudent2[i].push(_work);
+                  this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
+                }
+              }
+            }
+            if (_worksStudent[i] && _worksStudent[i].length) {
+              _worksStudent[i] = _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.isGroup) {
+                for (
+                  var groupI = 0;
+                  groupI < this.courseGroup.group.length;
+                  groupI++
+                ) {
+                  this.courseGroup.group[groupI].works[i] =
+                    this.courseGroup.group[groupI].works[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;
+                    });
+                }
+              }
+            }
+          }
+          this.timeWorkList = _worksStudent2;
+          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(_worksStudent[i].length)) *
+                        100
+                    );
+                    let aaaa = this.checkJson[i][z];
+                    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(_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.worksStudent = _worksStudent;
+          this.selectWorksStudent();
+          for (let ci = 0; ci < this.isCloseList.length; ci++) {
+            this.$nextTick(()=>{
+              setTimeout(()=>{
+                setTimeout(()=>{
+                  this.panToolHeight('tool-'+ci);
+                }, 500)
+              }, 0)
+            })
+          }
+        })
+        .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",
+        "JPEG",
+        "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 > 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 > 9
+                        ? _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 }, "*");
+    },
+    nextOrpreSteps(t) {
+      if (this.IsFollow && this.tType == 2) {
+        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 ||
+                  (this.courseDetail.course_teacher &&
+                  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 ||
+          (this.courseDetail.course_teacher &&
+          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 ||
+          (this.courseDetail.course_teacher &&
+          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 ||
+          (this.courseDetail.course_teacher &&
+          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);
+          }
+        }
+
+        // if (
+        //   this.taskCount ==
+        //   this.chapInfo.chapterInfo[0].taskJson.length - 1
+        // ) {
+        //   this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
+        // } else {
+        //   this.taskCount++;
+        // }
+      }
+      document.scrollingElement.scrollTop = 0;
+      this.showType = 0;
+      this.navId = this.navList[this.courseType].task[this.taskCount].id;
+      // if (this.vedio[this.taskCount].length > 0) {
+      //   var a =
+      //     document.getElementsByClassName("box_course")[this.taskCount]
+      //       .offsetHeight;
+      //   document.getElementsByClassName("vedioList")[
+      //     this.taskCount
+      //   ].style.height = a + "px";
+      //   document.getElementsByClassName("navBox")[this.taskCount].style.height =
+      //     a - 40 + "px";
+      // }
+
+      this.isNoHomeWork = false;
+      (this.studyJuri = [
+        {
+          content: "",
+          cover: [],
+          upVedio: [],
+          upFile: [],
+        },
+      ]),
+        (this.radio = []);
+      this.isClickNav = "";
+      this.selectPz();
+      this.getHomeWork();
+      this.getCourseDetail(2);
+      this.$forceUpdate();
+    },
+    openTask(s, n, i,ctype) {
+      if (this.IsFollow && this.tType == 2) {
+        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 ||
+          (this.courseDetail.course_teacher &&
+          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;
+            }
+          }
+        }
+      }
+      if (this.navList[s].task[n].isOpen == true && ctype != 2) {
+        this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
+        return;
+      }
+      this.courseType = s;
+      this.navId = i;
+      this.taskCount = n;
+      if(ctype == 2){
+        this.navList[s].task[n].isOpen = true
+      }else{
+        this.navList[this.courseType].task[this.taskCount].isOpen =
+        !this.navList[this.courseType].task[this.taskCount].isOpen;
+      }
+      if (this.IsLookOpen) {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+          this.taskCount
+        ].isLook = true;
+        this.addCourseState(3);
+      }
+      for (let ci = 0; ci < this.isCloseList.length; ci++) {
+        this.isCloseList[ci].isClose = 0;
+        this.isCloseList[ci].isCloseBoolean = false;
+        this.$nextTick(()=>{
+          setTimeout(()=>{
+            setTimeout(()=>{
+              this.panToolHeight('tool-'+ci);
+            }, 0)
+          }, 0)
+        })
+      }
+      this.showType = 0;
+      this.isNoHomeWork = false;
+      (this.studyJuri = [
+        {
+          content: "",
+          cover: [],
+          upVedio: [],
+          upFile: [],
+        },
+      ]),
+        (this.radio = []);
+      document.scrollingElement.scrollTop = 0;
+
+      // setTimeout(() => {
+      //   let a = document.getElementById(i);
+      //   if (a.offsetTop - 110 == 0) {
+      //     window.scrollTo(0, 0);
+      //   } else {
+      //     window.scrollTo(0, a.offsetTop);
+      //   }
+      // }, 0);
+      for (var z = 0; z < this.navList.length; z++) {
+        for (var q = 0; q < this.navList[z].task.length; q++) {
+          for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
+            this.navList[z].task[q].tool[w].isTool = false;
+          }
+        }
+      }
+      this.selectPz();
+      this.getHomeWork();
+      this.getCourseDetail(2);
+    },
+
+    get(i) {
+      if (this.IsFollow && this.tType == 2) {
+        this.$message.error("已经开启跟随模式，请认真跟堂听讲");
+        return;
+      }
+      // for(var k=0;k<this.navList.length;k++){
+      //   this.navList[k].isOpen = false;
+      // }
+      // this.navList[i].isOpen = true;
+      let a = this.navList[i].isOpen
+      this.navList[i].isOpen = !this.navList[i].isOpen;
+      this.$forceUpdate()
+      if (this.navList[i].isOpen) {
+        this.openTask(i, 0, (i + "-0"),2);
+      }
+    },
+    addQuestion() {
+      this.answerList.push({
+        answerTitle: this.answerQ,
+        answer: this.questionAnswer,
+      });
+      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);
+        });
+    },
+    addQuestionTeacher() {
+      this.answerList.push({
+        answerTitle: this.answerQ,
+        answer: this.questionAnswer,
+      });
+      let params = [
+        {
+          uid: this.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.answerList),
+          type: 3,
+          ateacher: this.userid,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorksTeacher", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.answerList = [];
+          this.questionAnswer = "";
+          this.answerDialogVisibleTeacher = false;
+          this.selectStudent();
+          this.selectSWorks();
+          this.selectSLook();
+        })
+        .catch((err) => {
+          this.$message.error("提交失败");
+          console.error(err);
+        });
+    },
+    refreshCourse() {
+      // window.location.reload();
+      this.navList = [];
+      this.getCourseDetail(1);
+    },
+    getCourseDetail(type, gindex) {
+      let loading;
+      if (type != 2) {
+        loading = this.$loading.service({
+          background: "rgba(255, 255, 255, 0.7)",
+          target: document.querySelector(".student_table"),
+        });
+      }
+      this.downLoading = false
+      // this.navList[0].isOpen = false;
+      // this.navList[this.courseType].isOpen = true;
+      // this.courseType = this.courseTypeLine;
+      // this.navId = this.navList[this.courseType].task[this.taskCount].id;
+      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",
+            ];
+
+            let _chapterData = [];
+
+            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] = [];
+              _chapterData[i] = c.filter((el) => {
+                return el.type != 12;
+              });
+              this.fileC[i] = c.filter((el) => {
+                return el.type == 12;
+              });
+              // else if (c[j].type == 12) {
+              //     this.fileC[i].push(c[j]);
+              //   }
+              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 || c[j].type == 14) {
+                  this.lineList[i].push(c[j]);
+                } else if (c[j].type == 6) {
+                  this.textList[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(",");
+            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 (
+              _chapterData[this.taskCount].length &&
+              _chapterData[this.taskCount][0].type == 2
+            ) {
+              this.showType = 0;
+              this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
+            } else {
+              if (_chapterData[this.taskCount].length > 0) {
+                let _url = _chapterData[this.taskCount][0].url;
+                if (
+                  _chapterData[this.taskCount][0].type == 8 ||
+                  _chapterData[this.taskCount][0].type == 14
+                ) {
+                  this.showType = 2;
+                  if (
+                    _url.indexOf("https://") == -1 &&
+                    _url.indexOf("http://") == -1
+                  ) {
+                    _url = "https://" + _url;
+                  }
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 3) {
+                  if (
+                    _url
+                      .split(".")
+                      [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
+                  ) {
+                    this.showType = 3;
+                    this.pptImgUrl1 = _url;
+                  } else if (
+                    this.isAssetTypeAnImage(
+                      _url
+                        .split(".")
+                        [_url.split(".").length - 1].toLocaleLowerCase()
+                    )
+                  ) {
+                    this.showType = 4;
+                    this.pptImgUrl1 = _url;
+                  } else {
+                    this.showType = 2;
+                    this.pptImgUrl1 =
+                      "https://view.officeapps.live.com/op/view.aspx?src=" +
+                      encodeURIComponent(_url);
+                  }
+                } else if (_chapterData[this.taskCount][0].type == 13) {
+                  this.showType = 4;
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 6) {
+                  this.showType = 1;
+                  this.text = this.textList[this.taskCount][0];
+                }
+              }
+            }
+            this.isClickNav = 0;
+            if (
+              !_chapterData[this.taskCount].length ||
+              _chapterData[this.taskCount][0].type == 12
+            ) {
+              this.isClickNav = "";
+              this.showType = "";
+            }
+
+            this.vChapterData = _chapterData;
+          } else {
+            this.showType = 0;
+            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",
+            ];
+            let _chapterData = [];
+
+            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] = [];
+              _chapterData[i] = c.filter((el) => {
+                return el.type != 12;
+              });
+              this.fileC[i] = c.filter((el) => {
+                return el.type == 12;
+              });
+              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 || c[j].type == 14) {
+                  this.lineList[i].push(c[j]);
+                } else if (c[j].type == 6) {
+                  this.textList[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;
+            }
+            if (
+              _chapterData[this.taskCount].length &&
+              _chapterData[this.taskCount][0].type == 2
+            ) {
+              this.showType = 0;
+              this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
+            } else {
+              if (_chapterData[this.taskCount].length > 0) {
+                let _url = _chapterData[this.taskCount][0].url;
+                if (
+                  _chapterData[this.taskCount][0].type == 8 ||
+                  _chapterData[this.taskCount][0].type == 14
+                ) {
+                  this.showType = 2;
+                  if (
+                    _url.indexOf("https://") == -1 &&
+                    _url.indexOf("http://") == -1
+                  ) {
+                    _url = "https://" + _url;
+                  }
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 3) {
+                  if (
+                    _url
+                      .split(".")
+                      [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
+                  ) {
+                    this.showType = 3;
+                    this.pptImgUrl1 = _url;
+                  } else if (
+                    this.isAssetTypeAnImage(
+                      _url
+                        .split(".")
+                        [_url.split(".").length - 1].toLocaleLowerCase()
+                    )
+                  ) {
+                    this.showType = 4;
+                    this.pptImgUrl1 = _url;
+                  } else {
+                    this.showType = 2;
+                    this.pptImgUrl1 =
+                      "https://view.officeapps.live.com/op/view.aspx?src=" +
+                      encodeURIComponent(_url);
+                  }
+                } else if (_chapterData[this.taskCount][0].type == 13) {
+                  this.showType = 4;
+                  this.pptImgUrl1 = _url;
+                } else if (_chapterData[this.taskCount][0].type == 6) {
+                  this.showType = 1;
+                  this.text = this.textList[this.taskCount][0];
+                }
+              }
+            }
+            this.isClickNav = 0;
+            if (
+              !_chapterData[this.taskCount].length ||
+              _chapterData[this.taskCount][0].type == 12
+            ) {
+              this.isClickNav = "";
+              this.showType = "";
+            }
+
+            this.vChapterData = _chapterData;
+            this.$forceUpdate();
+          }
+          //  else {
+          //   this.courseDetail = res.data[0][0];
+          //   this.chapInfoList = JSON.parse(this.courseDetail.chapters);
+          // }
+
+          let _this = this;
+          if (_this.timer) {
+            clearInterval(_this.timer);
+            _this.timer = null;
+          }
+
+          if (_this.tcid) {
+            _this.getCourseGroup(gindex);
+          } else {
+            _this.selectSWorks(gindex);
+          }
+
+          _this.selectStudent();
+          _this.selectSLook();
+          _this.getPick();
+          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.$nextTick(() => {
+            setTimeout(() => {
+              _this.checkEva();
+            }, 1000);
+          });
+          _this.timer = setInterval(function () {
+            // _this.getCourseDetail(2);
+            if (_this.tcid) {
+              _this.getCourseGroup(gindex);
+            } else {
+              _this.selectSWorks(gindex);
+            }
+
+            _this.selectStudent();
+            _this.selectSLook();
+            _this.getPick();
+            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;
+            }
+
+            if (_this.tType == 4 || _this.ispzType == 4) {
+              _this.selectPz();
+            }
+          }, 5000);
+          _this.$nextTick(function () {
+            setTimeout(() => {
+              // var a =
+              //   document.getElementsByClassName("box_course")[0].offsetHeight;
+              // document.getElementsByClassName("vedioList")[0].style.height =
+              //   a + "px";
+              // document.getElementsByClassName("navBox")[0].style.height =
+              //   a - 40 + "px";
+              // if (_this.vedio[_this.taskCount].length > 0) {
+              //   _this.vedioTime = [];
+              //   for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
+              //     _this.vedioTime[i] = document.getElementsByClassName(
+              //       "vjs-duration-display"
+              //     )[i].textContent;
+              //   }
+              // }
+            }, 1000);
+          });
+        })
+        .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;
+              });
+              if (courseGroup.isopen == 2) {
+                this.isGroup = false;
+                this.selectSWorks(gindex);
+                return;
+              }
+              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;
+            }
+            if (this.courseGroup.isopen == 2) {
+              this.isGroup = false;
+            } else {
+              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 : 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);
+        });
+    },
+    setReplyIndex(id, i) {
+      this.replyIndex = i;
+      this.replyPid = id;
+      this.replyDialogVisible = true;
+    },
+    addHf() {
+      if (this.reply == "") {
+        this.$message.error("回复不能为空！");
+        return;
+      }
+      let params = [
+        {
+          cid: this.id,
+          uid: this.userid,
+          s: this.courseType,
+          t: this.taskCount,
+          type: "1",
+          ct: 2,
+          pid: this.replyPid,
+          c: this.reply,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addHf", params)
+        .then((res) => {
+          this.reply = "";
+          this.$message({
+            message: "回复成功",
+            type: "success",
+          });
+          this.replyDialogVisible = 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(() => {});
+    },
+    deleteReply(id) {
+      this.$confirm("确定删除此回复吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let params = [
+            {
+              id: id,
+            },
+          ];
+          this.ajax
+            .post(this.$store.state.api + "deleteReply", params)
+            .then((res) => {
+              this.$message({
+                message: "删除成功",
+                type: "success",
+              });
+              this.selectPz();
+            })
+            .catch((err) => {
+              this.$message.error("网络异常");
+              console.error(err);
+            });
+        })
+        .catch(() => {});
+    },
+    setPz() {
+      if (this.ispzType == 4) {
+        this.ispzType = 0;
+        this.pzDialog = false;
+        return;
+      }
+      this.ispzType = 4;
+      this.pzDialog = true;
+      this.selectPz();
+    },
+    selectPz() {
+      let params = {
+        cid: this.id,
+        s: this.courseType,
+        t: this.taskCount,
+        type: this.pzStype,
+        uid: this.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectPzListType", params)
+        .then((res) => {
+          this.pzList = res.data[0];
+          var a = res.data[1];
+          for (var i = 0; i < a.length; i++) {
+            for (var j = 0; j < this.pzList.length; j++) {
+              if (!this.pzList[j].hfList) {
+                this.pzList[j].hfList = [];
+              }
+              if (a[i].pid == this.pzList[j].id) {
+                this.pzList[j].hfList.push(a[i]);
+              }
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    // selectHf() {
+    //   let params = {
+    //     cid: this.id,
+    //     s: this.courseType,
+    //     t: this.taskCount,
+    //   };
+    //   this.ajax
+    //     .get(this.$store.state.api + "selectHfList", params)
+    //     .then((res) => {
+    //       var a = res.data[0];
+    //       for (var i = 0; i < a.length; i++) {
+    //         for (var j = 0; j < this.pzList.length; j++) {
+    //           if (!this.pzList[i].hfList) {
+    //             this.pzList[i].hfList = [];
+    //           }
+    //           if (a[i].pid == this.pzList[j].id) {
+    //             this.pzList[i].hfList.push(a[i]);
+    //           }
+    //         }
+    //       }
+    //     })
+    //     .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.tType == 2) {
+            this.setContent2(false);
+            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;
+              document.scrollingElement.scrollTop = 0;
+              this.getCourseDetail(2);
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    setNavList() {
+      if (this.navList.length == 0) {
+        this.navList = [];
+        var copyList = [];
+        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;
+          copyList.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) {
+              copyList[l].task.push({
+                taskName: q,
+                id: l + "-" + r,
+                isLook: w[r].isLook,
+                isOpen: r === 0 ? true : false,
+                tool: [],
+              });
+            } else {
+              copyList[l].task.push({
+                taskName: e,
+                id: l + "-" + r,
+                isLook: w[r].isLook,
+                isOpen: r === 0 ? true : false,
+                tool: [],
+              });
+            }
+            var t = w[r].toolChoose;
+            for (var k = 0; k < t.length; k++) {
+              var tool = t[k].tool[0];
+              copyList[l].task[r].tool.push({
+                tool: tool,
+                isTool: false,
+              });
+            }
+            // this.navId = this.navId ? this.navId : l + "-" + r;
+            // this.navId = l + "-" + r;
+          }
+        }
+
+        this.navList = copyList;
+        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),
+        },
+      ];
+      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() {},
+    onPlayerTimeupdate(player) {
+      let gklog = player.cache_.currentTime; //当前播放的秒数
+      let a = player.cache_.duration; //视频的总时长
+      let gklog2 = parseInt(gklog);
+      // if(gklog2 == '3'){
+      //   player.pause()
+      //   setTimeout(()=>{
+      //     player.currentTime(gklog2+1)
+      //     player.play()
+      //   },1000)
+      // }
+      console.log(" onPlayerTimeupdate!", gklog);
+      console.log(" onPlayerTimeupdate!", gklog2);
+    },
+    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.isClickNav = i;
+      this.$forceUpdate();
+    },
+    lookText(i, t) {
+      this.isClickNav = "";
+      // this.text = this.textList[i][t];
+      this.text = this.vChapterData[i][t];
+      // this.dialogVisible1 = true;
+      this.showType = 1;
+      // this.isClickNav = "text" + t;
+      this.isClickNav = t;
+    },
+    lookTools(i, t) {
+      this.chapTools = this.chapToolList[i][t];
+      this.dialogVisible2 = true;
+    },
+    async openFile(f) {
+      this.pptImgUrl = "";
+      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
+      if (
+        a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
+        -1
+      ) {
+        let _uuurl = await this.checkLink(f);
+        this.pptImgUrl =
+          "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
+        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;
+    },
+    openWord(f) {
+      this.tableJson = JSON.parse(f.works);
+      this.dialogVisibleTable3 = 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 = "";
+
+      setTimeout(() => {
+        this.pptImgUrl1 = url;
+      }, 500);
+      // this.isClickNav = "line" + i;
+      this.isClickNav = i;
+      this.$forceUpdate();
+    },
+    checkPhoto(f, i) {
+      this.showType = 4;
+      this.pptImgUrl1 = f.url;
+      this.isClickNav = i;
+      this.$forceUpdate();
+    },
+    async 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
+      ) {
+        let _uuurl = await this.checkLink(f.url);
+        this.pptImgUrl1 =
+          "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
+        // 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;
+      this.isClickNav = 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);
+        });
+    },
+    addBzWorksTeacher() {
+      let params = [
+        {
+          uid: this.sStudent.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.studentEvalDialogVisibleTeacher = 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] instanceof Array && !this.radio[i].length) ||
+          (this.radio[i] !== 0 && !this.radio[i])
+        ) {
+          this.$message.error("请选择选项");
+          return;
+        }
+      }
+      this.askList.push({ askJson: this.askJson, 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),
+          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);
+        });
+    },
+    addStudentAskTeacher() {
+      if (!this.radio.length) {
+        this.$message.error("请选择选项");
+        return;
+      }
+      for (var i = 0; i < this.askJson.askCount; 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({ askJson: this.askJson, anwer: this.radio });
+      let params = [
+        {
+          uid: this.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.askList),
+          type: 2,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.askList = [];
+          this.dialogVisible5Teacher = 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),
+          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);
+        });
+    },
+    addStudentTestTeacher() {
+      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.sStudent.userid,
+          cid: this.id,
+          stage: this.courseType,
+          task: this.taskCount,
+          tool: this.toolindex,
+          content: JSON.stringify(this.askList),
+          type: 8,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "addCourseWorks", params)
+        .then((res) => {
+          this.$message({
+            message: "提交成功",
+            type: "success",
+          });
+          this.askList = [];
+          this.dialogVisibleChoiceTeacher = 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,id) {
+      var z = JSON.parse(c);
+      this.noteName = sName;
+      if (t == 4) {
+        this.radio = [];
+        this.isAnswer = false;
+        let b = z[0].anwer;
+        this.radio = b;
+        this.askJson = z[0].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 == 69){
+        this.oldEnglishJson1 = {}
+        this.oldEnglishJson = {}
+        this.englishList1 = {}
+        this.newEngIndex = -1;
+        this.isNoUserid = false;
+        this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
+              .toolChoose[i].englishList;
+        this.oldEnglishJson = z;
+        this.engWid = id;
+        this.newEnglishList = { engTitle:"",engText:"" }
+        this.newEnglishList1 = []
+        this.selectEngC(id,z);
+      }else if(t == 62){
+				this.videoType = 1;
+				this.videoJson = {};
+				this.videoJson = JSON.parse(c);
+				// this.videoJson =
+        //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+        //     index
+        //   ].toolChoose[i].videoJson;
+				this.dialogVisibleVideo = true;
+				//this.dialog
+			}
+      //  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;
+        }
+
+        for (var k = 0; k < this.askJson.askJson.length; k++) {
+          if (this.askJson.askJson[k].type == "2") {
+            this.radio.push([]);
+          } else {
+            this.radio.push("");
+          }
+        }
+        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.tcid ? this.tcid : this.courseDetail.juri;
+        if (!this.uploadCid) {
+          this.$message.error(
+            "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+          );
+          return;
+        }
+        // this.uploadCid =
+        //   this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+        //     index
+        //   ].toolChoose[i].uploadJson[0];
+        this.selectUploadStudent(2);
+      } 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 == 66) {
+        window.parent.postMessage({ tools: "66" }, "*");
+      } else if (t == 67) {
+        window.parent.postMessage({ tools: "67" }, "*");
+      } else if (t == 68) {
+        window.parent.postMessage({ tools: "68" }, "*");
+      } else if (t == 57) {
+        // window.parent.postMessage({ tools: "57" }, "*");
+        window.parent.postMessage(
+          {
+            tools: "57u",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+          },
+          "*"
+        );
+      } 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 == 61) {
+        window.parent.postMessage({ tools: "61" }, "*");
+      } else if (t == 63) {
+        window.parent.postMessage({ tools: "63" }, "*");
+      } else if (t == 71) {
+        window.parent.postMessage({ tools: "71" }, "*");
+      } else if (t == 69) {
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.userid == this.worksStudent[i][k].userid) {
+              this.myAnswerList1 = JSON.parse(this.worksStudent[i][k].works)
+              break;
+            } else {
+              this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
+            }
+          }
+        } else {
+          this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
+        }
+        this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
+          .taskJson[index].toolChoose[i].englishList
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
+              .toolChoose[i].englishList
+          : {};
+        
+        this.englishToolIndex = i;
+        this.myAnList = this.myAnswerList1;
+        this.engDialogVisible = true;
+      } else if (t == 70) {
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.userid == this.worksStudent[i][k].userid && this.worksStudent[i][k].type == 17) {
+              this.englishVoiceJsonWork = JSON.parse(this.worksStudent[i][k].works)
+              break;
+            } else {
+              this.englishVoiceJsonWork = [];
+            }
+          }
+        } else {
+          this.englishVoiceJsonWork = [];
+        }
+        let englishVoiceJson = {}
+        englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
+          .taskJson[index].toolChoose[i].englishVoiceJson
+          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
+              .toolChoose[i].englishVoiceJson
+          : {};
+        
+        this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
+        this.EnglishVoiceDialog = true;
+      } else if (t == 65) {
+        if (this.tType == 2) {
+          this.$message.error("不支持学生使用");
+          return;
+        }
+        this.uploadCid = this.tcid;
+        if (!this.uploadCid) {
+          this.$message.error(
+            "提示：未添加班级权限，请添加班级或从班级入口进入。"
+          );
+          return;
+        }
+        this.selectPickStudent();
+      } 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: "" };
+        this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
+        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.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.userid == this.worksStudent[i][k].userid) {
+              this.wordJson = JSON.parse(this.worksStudent[i][k].works);
+              break;
+            }
+          }
+        }
+        this.dialogVisibleWord = true;
+      }  else if (t == 49) {
+        if(!this.tcid2 && this.courseDetail.juri != '' && this.tType == "1"){
+          return
+        }
+        this.groupJson =
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+            index
+          ].toolChoose[i].groupJson;
+        this.islock = this.groupJson.islock == 1 ? true : false;
+        this.dialogVisibleGroup = true;
+      } else if (t == 62) {
+				this.videoType = 0;
+				this.videoJson = {};
+        this.videoJson =
+          this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
+            index
+          ].toolChoose[i].videoJson;
+        this.dialogVisibleVideo = true;
+      }
+    },
+    teacherWorkSubmit(t, i, index, s) {
+      this.sStudent = s;
+      this.toolindex = i;
+      this.sTool = t;
+      if (this.tType !== "1" && this.tType !== "4") {
+        return;
+      }
+      if (t == 16 || t == 32 || t == 50) {
+        this.dialogVisibleWorks = true;
+      } else if (t == 15) {
+        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.questionAnswer = "";
+        this.answerDialogVisibleTeacher = 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: "" };
+        if (this.worksStudent[i].length) {
+          for (var k = 0; k < this.worksStudent[i].length; k++) {
+            if (this.sStudent.userid == this.worksStudent[i][k].userid) {
+              this.wordJson = JSON.parse(this.worksStudent[i][k].works);
+              break;
+            }
+          }
+        }
+        this.dialogVisibleWordTeacher = true; //文档
+      } 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;
+        }
+        for (var k = 0; k < this.askJson.askJson.length; k++) {
+          if (this.askJson.askJson[k].type == "2") {
+            this.radio.push([]);
+          } else {
+            this.radio.push("");
+          }
+        }
+        this.dialogVisible5Teacher = true;
+      } 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.dialogVisibleChoiceTeacher = 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.sStudent.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.dialogVisibleSelectTeacher = true;
+      } 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.dialogVisibleSentenceTeacher = 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.sStudent.userid == this.worksStudent[i][k].userid) {
+              this.tableJson = JSON.parse(this.worksStudent[i][k].works);
+              break;
+            }
+          }
+        }
+        this.dialogVisibleTableTeacher = true;
+      } 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.sStudent.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.studentEvalDialogVisibleTeacher = true;
+      } else if (t == 3 || t == 1 || t == 7 || t == 57) {
+        window.parent.postMessage(
+          {
+            tools: t + "teacher",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+            student: this.sStudent,
+          },
+          "*"
+        );
+      }
+    },
+    openCocoPi(tool, i, uid, uname) {
+      let student = {
+        userid: uid,
+        student: uname,
+      };
+      if (tool == 57) {
+        window.parent.postMessage(
+          {
+            tools: tool + "teacher",
+            cid: this.id,
+            stage: this.courseType,
+            task: this.taskCount,
+            tool: i,
+            student: student,
+          },
+          "*"
+        );
+      }
+    },
+    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;
+    },
+    async checkFileFull1(t, f) {
+      this.fullDialogVisible = true;
+      if (t == 6) {
+        this.fulltype = 1;
+        this.fullUrl = JSON.parse(JSON.stringify(f));
+      } else if (t == 8) {
+        this.fulltype = 2;
+        this.fullUrl = f.url;
+      } else if (
+        t == 3 &&
+        f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
+          "PDF"
+      ) {
+        this.fulltype = 3;
+        this.fullUrl = f.url;
+      } else if (t == 3) {
+        this.fulltype = 2;
+        let _uuurl = await this.checkLink(f.url);
+        this.fullUrl =
+          "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
+      }
+    },
+    openSname(n, id, i, uid) {
+      this.snameWid = id;
+      this.worksSName = n;
+      this.worksSid = uid == n ? "" : uid;
+      this.toolindex = i;
+      this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
+      if (!this.uploadCid) {
+        this.$message.error(
+          "提示：批量上传未添加班级权限，请添加班级或从班级入口进入。"
+        );
+        return;
+      }
+      this.selectUploadStudent(1);
+    },
+    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(2);
+          this.snameWid = "";
+          this.worksSName = "";
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    downloadFile2(f) {
+      // const loading = this.$loading.service({
+      //   background: "rgba(255, 255, 255, 0.7)",
+      //   target: document.body,
+      //   text: "文件加载中...",
+      // });
+      // let url2 = f.url;
+      // let _url2 = "";
+      // if (
+      //   url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
+      // ) {
+      //   _url2 = url2.split(
+      //     "https://view.officeapps.live.com/op/view.aspx?src="
+      //   )[1];
+      // } else {
+      //   _url2 = url2;
+      // }
+      // let params = {
+      //   url: _url2,
+      //   name: f.name,
+      // };
+      // this.ajax
+      //   .get(this.$store.state.api + "download", params)
+      //   .then((res) => {
+      //     loading.close();
+      //     let content = res.data.data.data;
+      //     let ab = new ArrayBuffer(content.length);
+      //     let view = new Uint8Array(ab);
+      //     for (var i = 0; i < content.length; ++i) {
+      //       view[i] = content[i];
+      //     }
+      //     let elink = document.createElement("a");
+      //     elink.download = f.name;
+      //     elink.style.display = "none";
+      //     let blob = new Blob([ab], {
+      //       type: res.data.response.headers["content-type"] + ";charset=UTF-8",
+      //     });
+      //     elink.href = URL.createObjectURL(blob);
+      //     document.body.appendChild(elink);
+      //     elink.click();
+      //     document.body.removeChild(elink);
+      //   })
+      //   .catch((err) => {
+      //     loading.close();
+      //     console.error(err);
+      //   });
+
+
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+      let url2 = f.url;
+      let _url2 = "";
+      if (
+        url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
+      ) {
+        _url2 = url2.split(
+          "https://view.officeapps.live.com/op/view.aspx?src="
+        )[1];
+      } else {
+        _url2 = url2;
+      }
+      let _this = this;
+
+      _this.downLoading = true
+      var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
+      let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
+      var params = {
+        Bucket: "ccrb",
+        Key: name
+      };
+      s3.getObject(params, function (err, data) {
+        _this.downLoading = false
+        if (err) console.log(err, err.stack); // an error occurred
+        else {
+          let url = window.URL.createObjectURL(new Blob([data.Body]));
+          let a = document.createElement("a");
+          a.name = f.name;
+          a.href = url;
+          a.download = f.name;
+          a.click();
+          console.log(data); 
+        }          // sxuccessful response
+
+      });
+      
+      return;
+      let url = f.url;
+      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;
+      }
+      _this.downLoading = true
+      let x = new XMLHttpRequest();
+      x.open("GET", _url, true);
+      x.responseType = "blob";
+      x.onload = function () {
+        _this.downLoading = false
+        let url = window.URL.createObjectURL(new Blob([x.response]));
+        let a = document.createElement("a");
+        a.name = f.name;
+        a.href = url;
+        a.download = f.name;
+        a.click();
+      };
+      x.send();
+    },
+    downloadFile(url) {
+      var credentials = {
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
+        secretAccessKey: "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",
+      }; //秘钥形式的登录上传
+      window.AWS.config.update(credentials);
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
+      let url2 = url;
+      let _url2 = "";
+      if (
+        url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
+      ) {
+        _url2 = url2.split(
+          "https://view.officeapps.live.com/op/view.aspx?src="
+        )[1];
+      } else {
+        _url2 = url2;
+      }
+      const loading2 = this.$loading.service({
+        background: "rgba(255, 255, 255, 0.7)",
+        target: document.body,
+        text: "文件加载中...",
+      });
+      var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
+      let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
+      var params = {
+        Bucket: "ccrb",
+        Key: name
+      };
+      s3.getObject(params, function (err, data) {
+        loading2.close();
+        if (err) console.log(err, err.stack); // an error occurred
+        else {
+          let url = window.URL.createObjectURL(new Blob([data.Body]));
+          let a = document.createElement("a");
+          a.name = name;
+          a.href = url;
+          a.download = name;
+          a.click();
+          console.log(data); 
+        }          // sxuccessful response
+
+      });
+      
+      return;
+      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";
+      // this.downLoading = true
+      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 = 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";
+        if (this.showType == 2 || this.showType == 3) {
+          document.getElementsByClassName("navBox")[0].style.height =
+            a - 40 + 46 + "px";
+        } else {
+          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) => {
+          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;
+    },
+    numberPan() {
+      if (
+        /[^\d]/.test(this.groupJson.number) ||
+        this.groupJson.number < 2 ||
+        this.groupJson.number > 10
+      ) {
+        this.$message.error("请输入2-10的数字");
+        this.groupJson.number = "";
+      }
+    },
+    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.islock = this.groupJson.islock == 1 ? true : false;
+      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),
+          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(2);
+        })
+        .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(2);
+        })
+        .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(2);
+        })
+        .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(2);
+        }
+      }
+    },
+
+    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();
+    },
+    openWordCloud(toolindex) {
+      let array = [];
+      for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
+        let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
+        array.push({ name: works });
+      }
+      if (this.isGroup) {
+        for (var i = 0; i < this.courseGroup.group.length; i++) {
+          let works = this.courseGroup.group[i].works[toolindex];
+          for (var j = 0; j < works.length; j++) {
+            let answer = JSON.parse(works[j].works)[0].answer;
+            array.push({ name: answer });
+          }
+        }
+      }
+      this.wordCloudData = array;
+      this.dialogVisibleWordCloud = true;
+    },
+    uploadWorks(i) {
+      this.$confirm("确定导出作业吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const loading = this.$loading.service({
+            background: "rgba(255, 255, 255, 0.7)",
+            target: document.body,
+            text: "文件加载中...",
+          });
+          const _worksStudent = this.worksStudent;
+          let url = [];
+          var counts = {};
+          for (var l = 0; l < _worksStudent[i].length; l++) {
+            var item = _worksStudent[i][l];
+            var name = item.sName;
+            if (!counts.hasOwnProperty(name)) {
+              counts[name] = 0;
+            } else {
+              counts[name]++;
+            }
+            if (counts[name] > 0) {
+              item.sName += " (" + counts[name] + ")";
+            }
+          }
+          for (var l = 0; l < _worksStudent[i].length; l++) {
+            var item = _worksStudent[i][l];
+            if (
+              item.works.indexOf(
+                "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
+              ) !== -1 &&
+              item.works.indexOf("img") === -1
+            ) {
+              url.push({ name: item.sName, url: item.works });
+            }
+          }
+          // var toolList = [
+          //   { name: "电子白板", tool: 1 },
+          //   { name: "思维导图", tool: 3 },
+          //   { name: "协同文档", tool: 6 },
+          //   { name: "思维网格", tool: 7 },
+          //   { name: "素材库", tool: 8 },
+          //   { name: "学习资料", tool: 17 },
+          //   { name: "便签", tool: 2 },
+          //   { name: "问卷调查", tool: 4 },
+          //   { name: "选择题", tool: 45 },
+          //   { name: "倒计时", tool: 10 },
+          //   { name: "问答", tool: 15 },
+          //   { name: "课程设计", tool: 26 },
+          //   { name: "训练服务器", tool: 18 },
+          //   { name: "作业提交", tool: 16 },
+          //   { name: "批量上传", tool: 50 },
+          //   { name: "AIoT Blockly", tool: 21 },
+          //   { name: "AI Python", tool: 23 },
+          //   { name: "AI Blockly", tool: 24 },
+          //   { name: "目标管理", tool: 25 },
+          //   { name: "数学画板", tool: 31 },
+          //   { name: "翻译", tool: 28 },
+          //   { name: "魔盒识字", tool: 37 },
+          //   { name: "数学画板", tool: 31 },
+          //   { name: "24点", tool: 38 },
+          //   { name: "GeoGebra", tool: 39 },
+          //   { name: "源码编辑", tool: 32 },
+          //   { name: "个人评价", tool: 40 },
+          //   { name: "选择匹配", tool: 41 },
+          //   { name: "汉字宫", tool: 44 },
+          //   { name: "排序", tool: 47 },
+          //   { name: "表格", tool: 48 },
+          //   { name: "文档", tool: 52 },
+          //   { name: "学生分组", tool: 49 },
+          //   { name: "CocoPi", tool: 57 },
+          //   { name: "模拟驾驶", tool: 58 },
+          //   { name: "路径搜索", tool: 59 },
+          //   { name: "深度学习", tool: 60 },
+          //   { name: "全历史", tool: 61 },
+          //   { name: "交互视频", tool: 62 },
+          //   { name: "海龟编程", tool: 63 },
+          //   { name: "挑人", tool: 65 },
+          //   { name: "公式编辑", tool: 66 },
+          //   { name: "分子结构", tool: 67 },
+          //   { name: "时间轴", tool: 68 },
+          // ];
+          // var toolName = "";
+          // for(var w = 0;w<toolList.length;w++){
+          //   if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
+          //     toolName = toolList[w].name;
+          //   }
+          // }
+          console.log(url);
+          this.downLoadAll(url, loading);
+        })
+        .catch(() => {});
+    },
+    downLoadAll(url, loading) {
+      const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
+      const zip = new JSZip();
+      const cache = {};
+      const promises = [];
+      data.forEach((item) => {
+        const promise = getFile(item.url).then((data) => {
+          if (data.data != 1) {
+            // 下载文件, 并存成ArrayBuffer对象
+            const file_name =
+              item.name +
+              "." +
+              item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
+            zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
+            cache[file_name] = data.data;
+          }
+        });
+        promises.push(promise);
+      });
+      Promise.all(promises).then(() => {
+        zip.generateAsync({ type: "blob" }).then((content) => {
+          // 生成二进制流
+          FileSaver.saveAs(
+            content,
+            this.courseDetail.title + "-" + "作业提交工具.zip"
+          ); // 利用file-saver保存文件  自定义文件名
+          setTimeout(() => {
+            loading.close();
+          }, 2000);
+        });
+      });
+    },
+    pickStudent(stu) {
+      if (this.isPickStudent.indexOf(stu.userid) !== -1) {
+        return;
+      }
+      this.$confirm(`是否让${stu.name}同学回答问题？`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let params = [
+            {
+              uid: stu.userid,
+              cid: this.id,
+              stage: this.courseType,
+              task: this.taskCount,
+              tool: this.toolindex,
+            },
+          ];
+          this.ajax
+            .post(this.$store.state.api + "updateCoursePick", params)
+            .then((res) => {
+              this.$message.success("操作成功");
+              this.getPick();
+            })
+            .catch((err) => {
+              this.$message.error("网络不佳");
+              console.error(err);
+            });
+        })
+        .catch(() => {});
+    },
+    selectUser(){
+      let params = {
+        userid: this.userid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectUser", params)
+        .then((res) => {
+          this.userMes = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    setEngText(i){
+      this.newEngIndex = i;
+			
+      this.$forceUpdate();
+    },
+    addCorrect(){
+      this.$confirm("你确定提交批改嘛？", "提示", {
+        confirmButtonText: "确定",
+        showCancelButton: false,
+        closeOnClickModal: false,
+        type: "warning",
+      })
+        .then(() => {
+          let params = {
+            cid: this.id,
+            s: parseInt(this.courseType),
+            t: this.taskCount,
+            tool: this.toolindex,
+            wid: this.engWid,
+            c: this.userid,
+            w: this.userMes[0].type == 2 ? JSON.parse(this.newEnglishList) : (this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length) ? JSON.stringify(this.oldEnglishJson1) : this.newEngIndex == -1 ? JSON.stringify(this.newEnglishList) : (this.newEngIndex > -1 && this.newEnglishList1.length > 0) ? JSON.stringify(this.newEnglishList1[this.newEngIndex].cWork) : "",
+          };
+          this.ajax
+            .get(this.$store.state.api + "addEngC", params)
+            .then((res) => {
+              this.$message.success("提交成功");
+              this.engUpdateDialogVisible = false;
+            })
+            .catch((err) => {
+              console.error(err);
+            });
+        })
+        .catch(() => {});
+    },
+    selectEngC(id,z){
+      let params = {
+        workid: id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectEngC", params)
+        .then((res) => {
+          if(res.data[0].length == 0){
+            this.newEnglishList.engTitle = z.engTitle;
+            this.newEnglishList.engText = z.engText;
+          }else{
+            var a = res.data[0];
+            var ppp = JSON.parse(JSON.stringify(res.data[0])); 
+            if(this.userMes[0].type == 2){
+              var snum = 0;
+              for(var i = 0;i<a.length;i++){
+                if(this.userMes[0].userid == a[i].correct){
+                  this.newEnglishList = JSON.parse(a[i].cWork);
+                  snum = 1;
+                }
+              }
+              if(snum == 0){
+                this.newEnglishList = { engTitle:"",engText:"" };
+                this.newEnglishList.engTitle = z.engTitle;
+                this.newEnglishList.engText = z.engText;
+              }
+            }else if(this.userMes[0].type == 1){
+              var num = 0;
+              for(var w= 0;w<a.length;w++){
+                if(this.userMes[0].userid == a[w].correct){
+                  num = 1;
+                }
+              }
+              if(num == 0){
+                this.isNoUserid = true;
+                var c = JSON.parse(JSON.stringify(z));
+                this.oldEnglishJson1 = c;
+              }else{
+                this.isNoUserid = false;
+              }
+              var b = a.sort((item, index) => {
+                console.log(item)
+                if (item.correct === this.userMes[0].userid) {
+                  return -1; // 将a移到前面
+                } else if (index.correct === this.userMes[0].userid) {
+                  return 1; // 将b移到前面
+                } else {
+                  return 0; // 保持默认顺序
+                }
+              });
+              for(var p = 0;p<b.length;p++){
+                for(var y = 0;y<ppp.length;y++){
+                  if(b[p].id == ppp[y].id){
+                    b[p].cWork = JSON.parse(ppp[y].cWork);
+                    break
+                  }
+                }
+              }
+              this.newEnglishList1 = b;
+            }
+          }
+          this.greyType = false;
+          setTimeout(() => {
+            this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
+            if(this.newEnglishList1.length > 0){
+              if(this.isNoUserid == true){
+                this.engListLength = this.newEnglishList1.length + 1;
+                this.newEngIndex = -1;
+              }else{
+                this.engListLength = this.newEnglishList1.length;
+                this.newEngIndex = 0;
+              }
+            }
+            if(this.userMes[0].type == 2){
+              this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
+            }else if(this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length){
+              this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.oldEnglishJson1.engText);
+            }else if(this.newEngIndex == -1){
+              this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
+            }else if(this.newEngIndex > -1 && this.newEnglishList1.length > 0){
+              this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList1[this.newEngIndex].cWork.engText);
+            }
+          }, 500);
+          this.engUpdateDialogVisible = true;
+          this.$forceUpdate();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getPick() {
+      let params = {
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "getPick", params)
+        .then((res) => {
+          let array = [];
+          for (var i = 0; i < res.data[0].length; i++) {
+            array.push(res.data[0][i].userid);
+          }
+          this.isPickStudent = array;
+          if (array.indexOf(this.userid) !== -1) {
+            this.$confirm("你被老师选到啦！", "提示", {
+              confirmButtonText: "确定",
+              showCancelButton: false,
+              closeOnClickModal: false,
+              type: "warning",
+            })
+              .then(() => {
+                let pa = [
+                  {
+                    uid: this.userid,
+                    cid: this.id,
+                  },
+                ];
+                this.ajax
+                  .post(this.$store.state.api + "deletePick", pa)
+                  .then((res) => {
+                    this.getPick();
+                  })
+                  .catch((err) => {
+                    this.$message.error("网络不佳");
+                    console.error(err);
+                  });
+              })
+              .catch(() => {});
+          }
+        })
+        .catch((err) => {
+          this.$message.error("网络不佳");
+          console.error(err);
+        });
+    },
+    foldEva() {
+      if (this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2) {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = false;
+      } else {
+        this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = true;
+        setTimeout(() => {
+          this.checkEva();
+          setTimeout(() => {
+            this.checkEva();
+          }, 500);
+        }, 0);
+
+      }
+      this.$forceUpdate();
+    },
+    panToolHeight(tool) {
+      var _tool = document.querySelectorAll('#'+tool)[0]
+      var _toolA = _tool ? _tool.offsetHeight : 0
+      var _toolC = 0
+      var _toolC = _tool && _tool.children && _tool.children[0] ? _tool.children[0].offsetHeight + 50 : 0
+      let boolean2 = (_toolA > _toolC) ? true : false
+      this.isCloseList[tool.split('-')[1]].isCloseBoolean = boolean2
+      this.$forceUpdate();
+    },
+    async checkLink(url) {
+      console.log(url)
+      let _url = url
+      try {
+        const response = await fetch(url);
+        if(!response.ok){
+          _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
+        }
+        console.log(response.ok)
+      } catch (error) {
+        console.error('Error checking link:', error);
+        // console.log(false)
+        _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
+      }
+      // console.log(_url)
+      return _url 
+    },
+		getScoreList(){
+			let params = {
+        cid: this.id,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectTestCourseByCid", params)
+        .then((res) => {
+					let result = res.data;
+					this.scoreList.datalist = result[0];
+					this.scoreList.isScoreList = result[1];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+		}
+  },
+  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__);
+      },
+    },
+    autoHeight: {
+      update(el, binding) {
+        const { value } = binding
+        if (value && typeof value === 'number') {
+          el.style.height = `${value}px`
+        } else {
+          el.style.height = 'auto'
+        }
+      },
+      componentUpdated(el) {
+        el.style.height = `${el.scrollHeight}px`
+      },
+    },
+  },
+  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")
+          : "";
+      };
+    },
+    checkUpload() {
+      return function () {
+        var studentK = [];
+        if (this.plworkFile.length > 0) {
+          for (var z = 0; z < this.plworkFile.length; z++) {
+            studentK.push(this.plworkFile[z].username);
+          }
+          studentK = studentK.join(",");
+        }
+        var a = this.uploadStudentJuri.filter((el) => {
+          return studentK.indexOf(el.userid) == -1;
+        });
+        return a;
+      };
+    },
+    getSName() {
+      return function (name) {
+        var check = name;
+
+        this.uploadStudentJuri.forEach((el) => {
+          if (el.userid == check) {
+            check = el.name ? el.name : el.username;
+          }
+        });
+        return check;
+      };
+    },
+    getImgList() {
+      return function (val) {
+        let srcList = []; // 定义一个数组用来接收后面的img地址
+
+        val.replace(
+          /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
+          function (match, capture) {
+            // 查找匹配的元素   match为整个img标签  capture为src中的内容
+            srcList.push(capture);
+          }
+        );
+        return srcList;
+      };
+    },
+    retrnToolHeight(){
+      return function (tool) {
+        var _tool = document.querySelectorAll('#'+tool)[0]
+        return _tool ? document.querySelectorAll('#'+tool)[0].children[0].offsetHeight + 30 + 'px' : 0;
+      };
+    },
+    Correct() {
+      return function (c) {
+        let w = "";
+        let a = this.correctWord;
+        for(var k = 0;k<a.length;k++){
+          //diffWordsWithSpace
+          if(a.length > 1){
+              if(a[k].added == true){
+                w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
+              }else if(a[k].removed == true){
+                w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
+              }else{
+                w += '<span>' + a[k].value + '</span>';
+              }
+          }else{
+            w = c
+          }
+          //diffChars方法
+          // if(a.length > 1){
+          //   if(w == ""){
+          //       if(a[k].added == true){
+          //         w = '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
+          //       }else if(a[k].removed == true){
+          //         w = '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
+          //       }
+              
+          //   }else{
+          //     if(k == a.length - 1){
+          //       if(a[k].added == true){
+          //         w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
+          //       }else if(a[k].removed == true){
+          //         w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
+          //       }
+          //     }else{
+          //       if(a[k].added == true){
+          //         w += '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
+          //       }else if(a[k].removed == true){
+          //         w += '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
+          //       }
+          //     }
+          //   }
+          // }else{
+          //   w = c
+          // }
+        }
+        c = w;
+        return c;
+      };
+    },
+		
+  },
+  mounted() {
+    document.body.addEventListener("click", (e) => {
+      if (this.isUpdateToolDetail1) {
+        this.updateToolDetail(this.toolDetailIndex);
+      }
+    });
+    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.selectUser();
+    this.contentDialog = true;
+    this.setContent2(true);
+    if (this.tType == 4) {
+      this.pzDialog = true;
+      this.selectPz();
+    }
+		// 获取评分列表
+		this.getScoreList()
+    document.scrollingElement.scrollTop = 0;
+    window.addEventListener("resize", () => {
+      var a = document.getElementsByClassName("box_course")[0].offsetHeight;
+      // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
+      if (this.showType == 2 || this.showType == 3) {
+        document.getElementsByClassName("navBox")[0].style.height =
+          a - 40 + 46 + "px";
+      } else {
+        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;
+  }
+  .elist_input {
+    width: 90% !important;
+  }
+  .dialog_diy1 >>> .el-dialog {
+    width: 100% !important;
+  }
+
+  .rightWidthCss {
+    width: 100% !important;
+  }
+
+  .dialog_diy3 >>> .el-dialog {
+    width: 100% !important;
+  }
+
+  .addToolCss {
+    right: 0 !important;
+    width: 100% !important;
+    min-width: unset !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: 20px auto 0;
+  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);
+  position: fixed;
+  height: calc(100% - 40px);
+  border-radius: 20px;
+  padding-bottom: 15px;
+  box-sizing: border-box;
+}
+
+.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: calc(100% - 300px);
+}
+
+.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: 100px;
+  width: 100%;
+  height: auto;
+  padding-bottom: 20px;
+}
+
+.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;
+}
+
+.filebox {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+  padding: 0 0 5px;
+  position: relative;
+}
+
+.filebox:before {
+  content: ""; /* 使用 :before 伪元素创建纵向虚线 */
+  position: absolute;
+  top: 20px;
+  left: 13px;
+  border-left: 2px dotted #cad1dc;
+  height: calc(100% - 15px);
+}
+
+.toolHeng2 > div:last-child::before {
+  height: calc(100% - 43px);
+}
+
+.filebox .tooldetail {
+  width: calc(100% - 280px);
+  margin: 0px 12px;
+  padding: 12px;
+  line-height: 30px;
+  word-break: break-word;
+  background: #ffffff;
+  border-radius: 8px 8px 8px 8px;
+  opacity: 1;
+  border: 1px solid #cad1dc;
+  overflow:hidden;
+  box-sizing:border-box;
+}
+
+.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: #3681fc;
+  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: #3681fc;
+  color: #fff;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  border-radius: 5px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.courseTitle {
+  width: 85%;
+  margin: 10px auto 26px auto;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+}
+
+.courseTitle .ctitle {
+  font-size: 20px;
+  font-weight: bold;
+  color: #0e1e33;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.inviteBox {
+  font-size: 14px;
+  /* margin-top: 5px; */
+  color: #00000099;
+  text-align: center;
+}
+
+.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 {
+  width: 86px;
+  height: 36px;
+  background: #3681fc;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+  line-height: 36px;
+  margin-right: 20px;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 400;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+
+.reBtnIcon,
+.commentIcon,
+.vedioIcon,
+.vedioIcon1 {
+  /* width: 36px; */
+  height: 36px;
+  border-radius: 4px;
+  position: relative;
+  /* background: #e0eafb; */
+  background: #0061ff;
+  cursor: pointer;
+  margin-right: 12px;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  box-sizing: border-box;
+  font-size: 14px;
+  color: #fff;
+}
+
+.reBtnIcon::before,
+.commentIcon::before,
+.vedioIcon::before,
+.vedioIcon1::before {
+  content: "";
+  display: block;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+  /* position: absolute; */
+  /* top: 8px;
+  left: 8px; */
+}
+
+.vedioIcon1 {
+  background: #f63564;
+}
+.reBtnIcon::before {
+  background-image: url("../assets/icon/newIcons/refresh.png");
+}
+.commentIcon::before {
+  background-image: url("../assets/icon/newIcons/comment.png");
+}
+.vedioIcon::before {
+  background-image: url("../assets/icon/newIcons/transcribe.png");
+}
+.vedioIcon1::before {
+  /* background-image: url("../assets/icon/newIcons/istranscribe.png"); */
+  background-image: url("../assets/icon/newIcons/transcribe.png");
+}
+
+.tool {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  width: 13%;
+  margin: 0 30px;
+  align-items: center;
+  position: relative;
+  padding: 10px 25px;
+  cursor: pointer;
+}
+
+.whiteBIcon {
+  width: 150px;
+}
+
+.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: fixed;
+  top: 20px;
+  left: 22%;
+  width: 77%;
+  z-index: 999;
+  border-radius: 12px 12px 0 0;
+  border-bottom: 1px solid #cad1dc;
+  padding: 10px 0;
+}
+
+.new_topFixed {
+  width: 100%;
+  height: 40px;
+  position: fixed;
+  top: 0px;
+  display: block;
+  background: #f2f2f2;
+  z-index: 998;
+}
+
+.before {
+  position: absolute;
+  background: #c3dad4;
+  width: 6px;
+  height: 100%;
+}
+
+.courseIndex {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: calc(100% - 745px);
+}
+
+.courseIndex > div:nth-child(1) {
+  margin: 0 0 0 10px;
+  font-size: 20px;
+  min-width: 100px;
+  font-weight: bold;
+  border-left: 4px solid #3363b9;
+  height: 32px;
+  text-align: center;
+  line-height: 35px;
+}
+
+.courseIndex > div:nth-child(2) {
+  font-size: 20px;
+  /* width: 300px; */
+  max-width: calc(100% - 105px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.courseIndex > div:nth-child(3) {
+  border-bottom: 1px solid #d7d7d7;
+  padding-bottom: 5px;
+  background: #3681fc;
+  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: 300px; */
+  width: 100%;
+  height: 445px;
+  border-radius: 10px;
+  overflow: hidden;
+  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
+}
+
+.vedioNav {
+  margin: 10px 0 0 15px;
+  border-bottom: 1px solid #d7d7d7;
+  padding-bottom: 5px;
+  background: #3681fc;
+  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;
+  box-sizing: border-box;
+}
+
+.queTopTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  font-weight: bold;
+  font-size: 20px;
+  color: rgb(14, 30, 51);
+}
+
+.queTopTitle::before {
+  content: "";
+  width: 2px;
+  height: 22px;
+  background: #3681fc;
+  border-radius: 3px;
+  display: block;
+  margin: 2px 6px 0 0;
+}
+
+.queTopRight {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.queTopClose {
+  margin-right: 20px;
+  cursor: pointer;
+  position: relative;
+  display: flex;
+}
+
+.closeImg,
+.openImg {
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  left: -20px;
+  top: -1px;
+}
+
+.closeImg > img,
+.openImg > img {
+  width: 100%;
+  height: 100%;
+}
+.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 {
+  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: #3681fc !important;
+  font-weight: bold !important;
+}
+
+.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 0 0;
+  font-weight: 400;
+  color: #0e1e33;
+}
+
+.addPoint > div > img {
+  cursor: pointer;
+  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: #3681fc;
+  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 {
+  padding: 0 0 0 15px;
+}
+
+.a_add_box {
+  padding: 10px;
+  background: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 0 5px 0 #d5d5d5;
+}
+
+.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%;
+}
+
+.askIndex {
+  background: #3681fc;
+  border-radius: 50%;
+  color: #fff;
+  width: 25px;
+  height: 25px;
+  min-width: 25px;
+  min-height: 25px;
+  text-align: center;
+  line-height: 25px;
+  margin-right: 5px;
+}
+
+.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;
+  width: 100%;
+}
+
+.a_add_input >>> .el-radio-group,
+.a_add_input >>> .el-checkbox-group {
+  width: 100%;
+}
+
+.a_add_input >>> .el-radio,
+.a_add_input >>> .el-checkbox {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 15px 0;
+}
+
+.a_add_input >>> .el-radio:not(:last-child),
+.a_add_input >>> .el-checkbox:not(:last-child) {
+  width: 100%;
+  border-bottom: 1px solid #efefef;
+}
+
+.redioStyle >>> .el-radio__label {
+  font-size: 18px;
+}
+
+.redioStyle >>> .el-radio__label > span,
+.redioStyle >>> .el-checkbox__label > span {
+  word-break: break-all;
+  white-space: normal;
+}
+
+.redioStyle >>> .el-checkbox__label {
+  font-size: 18px;
+}
+
+.toolHeng2 {
+  width: 100%;
+  padding-left: 37px;
+  box-sizing: border-box;
+}
+
+.workNav {
+  font-size: 20px;
+  font-weight: bold;
+  color: #0e1e33;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 15px 0 15px 0;
+}
+.workNav::before {
+  content: "";
+  width: 2px;
+  height: 22px;
+  background: #3681fc;
+  border-radius: 3px;
+  display: block;
+  margin: 2px 6px 0 0;
+}
+
+.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;
+}
+
+.navListItem {
+  width: calc(100% - 20px);
+  height: 50px;
+  margin: 0px auto 10px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  background: #f0f4fa;
+  border-radius: 6px 6px 6px 6px;
+}
+
+.navText {
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 220px;
+  padding: 0 10px;
+  font-weight: 400;
+  color: #0e1e33;
+}
+
+.downIcon {
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  margin-right: 15px;
+  cursor: pointer;
+}
+
+.downIcon > img {
+  width: 100%;
+  height: 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,
+.toolActive {
+  height: auto !important;
+  overflow: auto !important;
+  /* padding-bottom: 16px; */
+}
+.toolActive {
+  padding: 0;
+}
+
+.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 {
+  /* background-color: #e0eafb !important;
+  color: #0061ff; */
+  color:#fff;
+  background: rgb(55, 129, 252) !important;
+}
+
+.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: 95%;
+  margin: 17px auto 0;
+  height: calc(100% - 40px - 21px - 20px - 17px);
+  background: #fff;
+  border-radius: 8px;
+}
+
+.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: 0 0 20px 20px;
+  background: #fff;
+  overflow: auto;
+}
+
+.taskBox {
+  width: 98%;
+  background: #f0f4fa;
+  margin: 10px auto;
+  padding: 0 10px;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+.vedioTaskBox {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  position: relative;
+}
+
+.toolBox {
+  margin: 15px 0 0 25px;
+  display: flex;
+  position: relative;
+  padding: 18px 20px;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  width: 90%;
+}
+
+.btnAll {
+  position: absolute;
+  right: 0;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.btnLeft,
+.btnRight {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 5px 0;
+}
+.btnLeft {
+  border-right: 1px solid #cad1dc;
+}
+.btnLeft > .custom-tooltip {
+  background: #3681fc;
+  color: #fff;
+}
+.last:hover {
+  background: #3383fa !important;
+  color: #fff;
+  border: 1px solid #3383fa !important;
+}
+.last,
+.returnBtn1 {
+  width: 90px;
+  height: 36px;
+  background: #ffffff;
+  border-radius: 4px;
+  border: 1px solid #0061ff;
+  color: #0061ff;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  margin-left: 12px;
+}
+.returnBtn1 {
+  background: #f0f4fa;
+  border-radius: 4px;
+  border: 1px solid #cad1dc;
+  margin: 0 12px;
+}
+.lastImg {
+  min-width: 15px;
+  width: 15px;
+  height: 15px;
+  display: flex;
+}
+.lastText {
+  padding: 0 5px 0 5px;
+  box-sizing: border-box;
+  font-size: 14px;
+}
+.lastImg > img {
+  width: 100%;
+  height: 100%;
+}
+/* .vedioTimeBox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  flex-wrap: nowrap;
+  position: relative;
+} */
+
+.navBox {
+  background: #fff;
+  height: calc(100% - 40px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.worksBox {
+  margin: 0 0 10px 25px;
+  border-bottom: 1px solid #eeeeee;
+  padding: 18px 20px;
+  border-radius: 4px;
+  width: 90%;
+}
+
+.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 5px;
+  box-sizing: border-box;
+}
+
+.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,
+.isWorksName2 {
+  background: #ddebf8;
+  color: #000;
+  width: 90px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  border-radius: 4px;
+  margin: 10px 15px 10px 0;
+  white-space: nowrap;
+  overflow: hidden;
+  padding: 5px;
+  text-overflow: ellipsis;
+  cursor: pointer;
+  border: 1px solid #ddebf8;
+}
+
+.noWorksName {
+  background: #fff;
+  color: #0061ff;
+  border: 1px solid #0061ff;
+}
+
+.isWorksName2 {
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  position: relative;
+  background: #dae6f9;
+}
+
+.isWorksName {
+  background: #e7ebf1 !important;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  position: relative;
+  color: #acb4bf;
+  border: 1px solid #cad1dc !important;
+}
+
+.isSelectName,
+.noWorksName:hover {
+  background: #3383fa !important;
+  color: #fff !important;
+  border: 1px solid #3383fa !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: calc(100% - 75px);
+  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;
+  cursor: pointer;
+}
+
+.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: 45%;
+  margin: 20px;
+}
+
+.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 .yCss {
+  width: 7px;
+  height: 7px;
+  background: #fff;
+  margin: 0 16px 0 6px;
+  border-radius: 50%;
+  border: 5px solid #3681fc;
+  z-index: 99;
+}
+
+.bzBox > div:nth-child(2) {
+  font-size: 18px;
+  font-weight: bold;
+  color: #0e1e33;
+}
+
+.navTitile {
+  padding: 0 0px 0 15px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #0e1e33;
+  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: 10px 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;
+  width: 100%;
+}
+
+.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;
+  padding: 0 0 20px;
+}
+
+.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; */
+  color: #000;
+}
+
+.commentImg {
+  width: 25px;
+  height: 25px;
+  cursor: pointer;
+}
+
+.commentImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.comment {
+  background: #f9f9f9;
+  border-radius: 0 0 4px 4px;
+  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: 0;
+  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 0;
+  background: #f0f4fa;
+  margin: 0 15px 0 25px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  width: 91.5%;
+}
+
+.tool_right_box {
+  display: flex;
+  align-items: center;
+}
+
+.tool_right_box + .tool_right_box {
+  margin-top: 10px;
+}
+
+.right_box_xuan {
+  border-radius: 5px;
+  padding: 5px;
+  margin-left: 10px;
+  min-width: 85px;
+  background: #fff;
+  color: #0061ff;
+  border: 1px solid #0061ff;
+  font-size: 14px;
+}
+
+.pButton:hover {
+  opacity: 1 !important;
+}
+
+.pButton {
+  position: fixed;
+  text-align: center;
+  cursor: pointer;
+  z-index: 999;
+  right: 20px;
+  top: 110px;
+  width: 50px;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  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: 20px;
+  top: 101px;
+  width: 330px;
+  height: calc(100% - 80px);
+  z-index: 999;
+  background: #fff;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+  overflow: hidden;
+}
+
+.newDialogCss>.scoreList{
+	width:100%;
+	height:100%;
+	box-sizing:border-box;
+	padding:10px 15px;
+	overflow:auto;
+	padding-bottom:80px;
+}
+
+.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;
+  user-select: none;
+}
+
+.pzTop2 .checkbox {
+  display: flex;
+  align-items: center;
+  padding: 5px 30px;
+  flex: 0 0 auto;
+  font-weight: bold;
+  border-bottom: 1px solid #eee;
+  justify-content: space-between;
+}
+
+.checkbox>.cb-tabList{
+	display:flex;
+	align-items:center;
+	
+}
+
+.cb-tabList>div{
+	margin-right:20px;
+	font-weight:400;
+	cursor:pointer;
+}
+
+.cb-tabList>.cb-tabItem{
+	color:#1684FC;
+	position:relative;
+}
+
+.cb-tabItem::after{
+	content:"";
+	width:100%;
+	height:2px;
+	background:#1684FC;
+	position:absolute;
+	bottom:-5px;
+	left:0
+}
+
+.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;
+}
+
+.pzContent >>> img {
+  max-width: 100%;
+}
+
+.pzListBox {
+  padding-top: 15px;
+  height: calc(100% - 110px);
+  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;
+  width: 600px;
+  height: 70%;
+  min-height: 450px;
+  box-shadow: 0px 0 8px 0px #555555;
+  border-radius: 15px;
+  z-index: 999;
+  left: 50%;
+  top: 50%;
+  margin: -18% 0 0 -300px;
+}
+
+.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;
+  border-bottom-left-radius: 15px;
+  border-bottom-right-radius: 15px;
+}
+
+.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%;
+}
+.timeAndReply {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+  box-sizing: border-box;
+  padding: 0 10px 10px 0px;
+}
+.timeAndReply .time {
+  color: #bfbfbf;
+  padding: 0 0 0 10px;
+  box-sizing: border-box;
+}
+.timeAndReply > div:last-child {
+  cursor: pointer;
+  color: #777;
+}
+
+/* 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: 20px 5px; */
+  padding: 5px 10px;
+  max-width: 0px;
+  height: 30px;
+  vertical-align: baseline;
+  box-sizing: border-box;
+}
+
+.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;
+}
+
+/* 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;
+}
+
+.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 {
+  /* -webkit-user-modify: read-write; */
+  overflow-wrap: break-word;
+  -webkit-line-break: after-white-space;
+}
+
+.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,.deleteImg1 {
+  width: 25px !important;
+  height: 25px !important;
+  cursor: pointer;
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+
+.deleteImg2 {
+  width: 23px !important;
+  height: 23px !important;
+  top: 5px;
+  right: 5px;
+}
+
+.deleteImg1{
+  width: 23px !important;
+  height: 23px !important;
+  top: 5px !important;
+  right: 30px !important;
+}
+
+.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;
+  margin-top: 10px;
+}
+
+.group_title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 95%;
+}
+
+.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: center;
+  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: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.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;
+  width: 100%;
+}
+
+.radioBox >>> .el-radio__label > span {
+  width: 100%;
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal !important;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+}
+
+.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: 150px;
+  margin: 5px 0;
+  cursor: pointer;
+}
+
+.timuImg > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.worksTop {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+}
+
+.worksTitle{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.worksTitle::before,.worksTop::before{
+  content: '';
+  display: block;
+  width: 3px;
+  height: 20px;
+  background: #0061FF;
+  border-radius: 3px;
+  margin: 0 5px 0 0;
+}
+
+.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;
+  justify-content: space-between;
+  height: 55px;
+  background: #ffffff;
+  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 8px 8px 0px 0px;
+  z-index: 9;
+  position: relative;
+}
+
+.navCorOpen {
+  padding-right: 15px;
+  cursor: pointer;
+  width: 45px;
+  display: flex;
+}
+
+.navCorOpen > img {
+  width: 100%;
+  height: 100%;
+}
+
+.mlImg {
+  width: 40px !important;
+  min-width: 40px;
+  cursor: pointer;
+  transform: rotate(180deg);
+}
+
+.mlImg > img {
+  width: 100%;
+  height: 100%;
+}
+
+.navLeftCss {
+  width: 100% !important;
+  left: 0 !important;
+}
+
+.isContentCss {
+  width: 100% !important;
+}
+
+.isAllWidth {
+  width: 100% !important;
+}
+
+.group_switch {
+  margin-right: 10px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+}
+
+.group_switch > span {
+  margin-right: 5px;
+}
+.fileC_box {
+  padding-top: 15px;
+}
+.fileC_box > .fileC_title {
+  padding: 10px 5px 14px 10px;
+  border-top: 1px solid #cad1dc;
+  font-size: 14px;
+  font-weight: 400;
+  color: #cad1dc;
+  width: calc(100% - 20px);
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+.pl_select_box {
+  height: 40px;
+  line-height: 40px;
+  width: 100%;
+  cursor: pointer;
+  padding: 0 20px;
+  box-sizing: border-box;
+  border-radius: 5px;
+  border: 1px solid #d6d6d6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  background: #fff;
+  text-align: left;
+}
+
+.newButton {
+  width: 102px;
+  height: 36px;
+  background: #e7ebf1;
+  border-radius: 4px;
+  color: #0e1e33;
+  font-weight: 400;
+  font-size: 14px;
+  border: none;
+  float: right;
+  margin-left: 10px;
+}
+.el-table >>> .even_row {
+  background-color: #f0f4fa;
+}
+.stageBoxCss,
+.stageBoxIsCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 50px;
+  border-bottom: 1px solid #e2f5fc;
+  cursor: pointer;
+  width: 100%;
+}
+
+.stageBoxIsCss {
+  background: #0061ff;
+  color: #fff;
+  border-radius: 8px;
+}
+
+.stageItemTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  margin-left: 15px;
+  width: calc(100% - 50px);
+}
+.stageNav{
+  /* font-weight: bold; */
+}
+.stageItemTitle > div:first-child {
+  min-width: 55px;
+}
+.stageItemTitle > div:last-child {
+  max-width: 242px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  width: calc(100% - 55px);
+}
+.closeTri,
+.closeTri1 {
+  min-width: 15px;
+  width: 15px;
+  height: 15px;
+  transition: all .5s;
+}
+
+.closeTri1 {
+  padding-left: 10px;
+  cursor: pointer;
+}
+
+.closeTri > img,
+.closeTri1 > img {
+  width: 100%;
+  height: 100%;
+  /* transition: all .5s; */
+}
+
+.noToolBlue {
+  min-width: 10px;
+  width: 10px;
+  height: 10px;
+  background: #0061ff;
+  border-radius: 50%;
+  margin-left: 13px;
+}
+
+.stageChild,
+.toolChild {
+  height: 0;
+  overflow: hidden;
+  transition: all 0.5s;
+}
+.toolChild {
+  /* margin: 0 0 0 17px;
+  padding: 0 0 0 20px;
+  border-left: 1px solid #d7d7d7; */
+}
+
+.toolChild > div + div{
+  margin-top:5px;
+}
+
+.gjCss {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 10px 0 10px 40px;
+  box-sizing: border-box;
+  font-size: 14px;
+  cursor: pointer;
+  border-radius:5px;
+}
+
+.toolChild > div {
+  position: relative;
+  width:100%;
+}
+
+.toolChild > div::before {
+  /* content: "";
+  width: 15px;
+  height: 1px;
+  background: #cad1dc;
+  position: absolute;
+  top: 24px;
+  left: -20px;
+  display: block; */
+}
+
+.isGjCss {
+  /* color: #0061ff; */
+  color:#fff;
+  background: rgb(55, 129, 252);
+  /* background-color: #e0eafb !important;
+  color: #0061ff !important; */
+}
+
+.navItem {
+  background: #ffffff;
+  border-radius: 4px;
+  width: 100%;
+  margin: 10px auto;
+  position: relative;
+  height: 40px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.navItemList {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 0 13px;
+  cursor: pointer;
+  width: calc(100% - 60px);
+  height: 100%;
+}
+.navItemList > div:first-child {
+  min-width: 60px;
+}
+.navItemList > div:last-child {
+  width: calc(100% - 80px);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+/* .isItemList > div {
+  color: #fff !important;
+} */
+
+.tool_work_box {
+  width: 100%;
+  padding: 0 37px 0;
+  box-sizing: border-box;
+}
+
+.tool_box {
+  width: 100%;
+  padding: 0 0 0 20px;
+}
+
+.tool_type_box {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  justify-content: flex-start;
+  position: relative;
+}
+
+.toolSort {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  padding: 0 0 15px 0;
+}
+
+.toolSort > div {
+  margin: 0 10px 0 0;
+  width: 135px;
+  box-sizing: border-box;
+  border: 2px solid transparent;
+}
+
+.tools {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.whiteBIcon {
+  width: fit-content;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  font-size: 14px;
+}
+
+.tool:hover {
+  border: 2px solid #a5c7ff;
+  border-radius: 5px;
+}
+
+.whiteBIcon > img {
+  width: 65px;
+  height: 100%;
+}
+
+.whiteBIcon > img {
+  box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
+  border-radius: 15px;
+}
+.check {
+  /* width: 20px;
+  height: 20px; */
+  cursor: pointer;
+  margin: 10px 0;
+  position: absolute;
+  right: 2px;
+  top: -5px;
+}
+
+.noChoose,
+.isChoose {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  border: 1px solid #adadad;
+}
+
+.isChoose {
+  border: 4px solid #0363ff !important;
+  width: 10px;
+  height: 10px;
+}
+
+.isToolChoose {
+  border: 2px solid #5394ff !important;
+  border-radius: 5px;
+  box-shadow: 0 0 6px 0px #5394ff;
+}
+
+.checkDiv {
+  display: flex;
+  align-items: center;
+}
+
+.checkDiv span {
+  margin-left: 5px;
+  color: #858585;
+}
+
+.check img {
+  width: 20px;
+  height: 20px;
+}
+.lockTaskIcon {
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 10px;
+  top: 5px;
+}
+.lockTaskIcon > img {
+  width: 100%;
+  height: 100%;
+}
+
+.pick_box {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+
+.selectBox {
+  width: 110px;
+  margin-left: 10px;
+  margin: 0 10px 0 auto;
+}
+
+.selectBox >>> .el-input__inner {
+  height: 30px;
+  line-height: 30px;
+}
+
+.selectBox >>> .el-input__icon {
+  line-height: 30px;
+}
+
+.sentenceTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.sentenceTitle::before {
+  content: attr(index);
+  background: #3681fc;
+  border-radius: 50%;
+  color: #fff;
+  width: 25px;
+  height: 25px;
+  min-width: 25px;
+  min-height: 25px;
+  text-align: center;
+  line-height: 25px;
+  margin-right: 5px;
+}
+
+.hfBox {
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.whoReplyWho {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: baseline;
+  justify-content: flex-start;
+}
+.hfBottom {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+}
+.deleteHfItem {
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
+}
+
+.deleteHfItem > img {
+  width: 100%;
+  height: 100%;
+}
+
+.whoReplyWho > .hfImg {
+  width: 12px;
+  height: 12px;
+  margin: 0 5px;
+}
+.whoReplyWho > .hfImg > img {
+  width: 100%;
+  height: 100%;
+}
+.hfContent {
+  padding-top: 10px;
+  box-sizing: border-box;
+  display: -webkit-box;
+  overflow: hidden;
+  white-space: normal !important;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  -webkit-box-orient: vertical;
+}
+
+.hfTime {
+  text-align: left;
+  box-sizing: border-box;
+  padding: 10px 0 10px 0px;
+  color: #bfbfbf;
+  font-size: 14px;
+}
+
+.btnAllNT {
+  position: fixed;
+  bottom: 100px;
+  right: 40px;
+  z-index: 999;
+  display: flex;
+  flex-direction: row;
+}
+
+.btnAllNT > img {
+  cursor: pointer;
+  width: 80px;
+}
+
+.toolMask {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background: #3f3c3c;
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}
+.addToolCss {
+  position: fixed;
+  z-index: 999;
+  background: #fff;
+  right: 5%;
+  bottom: 18%;
+  min-width: 1035px;
+  min-height: 300px;
+  border-radius: 10px;
+  box-shadow: 0 0 8px 1px #b2b2b2;
+}
+.toolTop {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+}
+
+.toolTop > div:nth-child(2) {
+  width: 15px;
+  height: 15px;
+  padding-right: 10px;
+  cursor: pointer;
+}
+
+.toolTop > div:nth-child(2) > img {
+  width: 100%;
+  height: 100%;
+}
+
+.fullStyle>>>.el-dialog__body {
+  height: calc(100% - 125px) !important;
+  box-sizing: border-box;
+  padding: 30px 0 !important;
+  background: #fff !important;
+}
+
+.fullStyle>>>.el-dialog {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 !important;
+}
+
+.fullStyle {
+  width: 100% !important;
+  max-width: 100% !important;
+  height: 100% !important;
+  margin: 0 auto !important;
+}
+
+.fullStyle>>>.el-dialog__footer{
+  background: #fff !important;
+}
+
+.engUpBox {
+  width: 100%;
+  height: 100%;
+}
+
+.engTitle,
+.engText {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;    
+  padding: 0 20px 20px 20px;
+  box-sizing: border-box;
+}
+
+.engTitle > .div:first-child,
+.engText > div:first-child {
+  min-width: 75px;
+}
+
+.correctBox{
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+}
+
+.oldBox{
+  width: 50%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: center;
+  border-top: 1px solid #d9d9d9;
+  border-left: 1px solid #d9d9d9;
+  border-right: 1px solid #d9d9d9;
+}
+.oldBox>div:first-child{
+  width: 100%;
+  text-align: center;
+  background: #d9d9d9;
+  height: 35px;
+  line-height: 35px;
+  font-weight: bold;
+}
+
+.oldText{
+  width: 100%;
+  height: calc(100% - 35px);
+  overflow: auto;
+  margin: 10px 0;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-content: center;
+  align-items: center;
+}
+
+.detailBox{
+  width: 50%;
+  padding: 10px;
+  background: #f6f6f6;
+  border-radius: 5px;
+}
+
+.oldDetail,.oldDetail1{
+  padding-bottom: 30px;
+}
+
+.oldImg{
+  width:30px;
+  height: 30px;
+}
+
+.oldImg>img{
+  width: 100%;
+  height: 100%;
+}
+
+.allName{
+  min-width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  cursor: pointer;
+  text-align: center;
+  border: 1px solid #bcc2cc;
+  box-sizing: border-box;
+}
+
+.engUpTop{
+  max-height: 300px;
+  overflow: auto;
+}
+
+.isUpdateToolDetailClass{
+ padding: 0 !important; 
+}
+
+.isUpdateToolDetailClass textarea{
+  padding:12px;
+  font-size: 16px;
+  min-height:100%;
+  width: 100%;
+  box-sizing:border-box;
+  outline: none;
+  border:none;
+  line-height: 30px;
+  resize: none;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
+  color: #838383;
+}
+
+.show_taskD {
+  min-width: fit-content;
+  margin-left: 10px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  cursor: pointer;
+  color: #717c8d;
+}
+
+.show_taskD > img {
+  width: 15px;
+  margin-right: 5px;
+  transition: 0.2s all;
+  transform: rotate(-90deg);
+}
+
+.show_taskD.show > img {
+  transform: rotate(0deg);
+}
+
+.correctCss{
+  position: absolute;
+  bottom: -70px;
+  background: #409eff;
+  color: #fff;
+}
+</style>