pbl-student-table/src/components/studyStudent.vue

<template>
  <div class="pb_content" style="height: 100%;overflow: unset;">
    <!-- 阶段模式 -->
    <div
      class="pb_content_body"
      style="
        display: flex;
        height: 100%;
        position: relative;
        padding: 20px 0 20px 20px;
        box-sizing: border-box;
        overflow: auto;
      "
    >
      <div class="btnAllNT" v-if="false">
        <!-- <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="lang.ssCollapse" 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> -->
              <span>{{ lang.ssInviteCodeLabel }}{{ Code2 ? Code2 + inviteCode : 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>{{ lang.ssStage2.replace(/\*/g, 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>{{ lang.ssTask + (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 && courseDetail.userid != userid &&
        courseDetail.course_teacher.indexOf(userid) ==-1"
                      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>{{ lang.ssTool + (toolIndex + 1)}}：</div>
                      <div v-if="t.tool == 58">{{ lang.ssSimulateDrive }}</div>
                      <div v-if="t.tool == 59">{{ lang.ssPathSearch }}</div>
                      <div v-if="t.tool == 60">{{ lang.ssDeepLearning }}</div>
                      <div v-if="t.tool == 10">{{ lang.ssCountdown }}</div>
                      <div v-if="t.tool == 65">{{ lang.ssPickPerson }}</div>
                      <div v-if="t.tool == 7">{{ lang.ssMindGrid }}</div>
                      <div v-if="t.tool == 1">{{ lang.ssWhiteboard }}</div>
                      <div v-if="t.tool == 52">{{ lang.ssDocument }}</div>
                      <div v-if="t.tool == 3">{{ lang.ssMindMap }}</div>
                      <div v-if="t.tool == 48">{{ lang.ssTable }}</div>
                      <div v-if="t.tool == 49">{{ lang.ssStudentGroup }}</div>
                      <div v-if="t.tool == 4">{{ lang.ssSurvey }}</div>
                      <div v-if="t.tool == 45">{{ lang.ssChoice }}</div>
                      <div v-if="t.tool == 15">{{ lang.ssQa }}</div>
                      <div v-if="t.tool == 16">{{ lang.ssHomework }}</div>
                      <div v-if="t.tool == 50">{{ lang.ssBatchUpload }}</div>
                      <div v-if="t.tool == 41">{{ lang.ssMatch }}</div>
                      <div v-if="t.tool == 47">{{ lang.ssSort }}</div>
                      <div v-if="t.tool == 40">{{ lang.ssPersonalEval }}</div>
                      <div v-if="t.tool == 18">{{ lang.ssTraining }}</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">{{ lang.ssCodeEdit }}</div>
                      <div v-if="t.tool == 57">CocoPi</div>
                      <div v-if="t.tool == 63">{{ lang.ssTurtle }}</div>
                      <div v-if="t.tool == 28">{{ lang.ssTranslate }}</div>
                      <div v-if="t.tool == 31">{{ lang.ssDigitalBoard }}</div>
                      <div v-if="t.tool == 39">GeoGebra</div>
                      <div v-if="t.tool == 66">{{ lang.ssFormula }}</div>
                      <div v-if="t.tool == 67">{{ lang.ssMolecule }}</div>
                      <div v-if="t.tool == 68">{{ lang.ssTimeline }}</div>
                      <div v-if="t.tool == 69">{{ lang.ssEnglishWrite }}</div>
                      <div v-if="t.tool == 70">{{ lang.ssEnglishSpeak }}</div>
                      <div v-if="t.tool == 25">{{ lang.ssGoalManage }}</div>
                      <div v-if="t.tool == 26">{{ lang.ssCourseDesign }}</div>
                      <div v-if="t.tool == 62">{{ lang.ssInteractiveVideo }}</div>
                      <div v-if="t.tool == 71">{{ lang.ssAiAgent }}</div>
                      <div v-if="t.tool == 72">{{ lang.ssAppCenter }}</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- :class="{ navLeftCss: !mlDialog }" -->
      <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog  ? 'calc(15% + 35px)' : '10px' }">
        <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog  ? 'calc(15% + 35px)' : '10px' }"></div>
        <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 15% - 47px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 18px)', left: mlDialog  ? 'calc(15% + 35px)' : '10px' }">
          <div class="courseIndex" :style="{width: (orgArray.includes(org) || oidArray.includes(oid))? '100%' : 'calc(100% - 745px)'}">
            <div>{{ lang.ssTask.replace(/\*/g, 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"  v-show="(!orgArray.includes(org) && !oidArray.includes(oid)) || $region == 'hk'"><!--v-show="org !== '1973f6c7-1561-11ee-91d8-005056b86db5' || org !== '777559d2-7239-11ee-b98c-005056b86db5'"-->
            <div class="btnLeft">
              <el-tooltip effect="light" :content="lang.ssRefresh" placement="top">
                <div class="reBtnIcon" @click="refreshCourse">
                  <span>{{ lang.ssRefresh }}</span>
                </div>
              </el-tooltip>
              <el-tooltip effect="light" :content="lang.ssComment" placement="top">
                <div class="commentIcon" @click="setPz" v-if="tType == 1">
                  <span>{{ lang.ssComment }}</span>
                </div>
              </el-tooltip>
              <div v-if="!videoStart && (tType == 1 || tType == 4)">
                <el-tooltip effect="light" :content="lang.ssRecord" placement="top">
                  <div class="vedioIcon" @click="startRecording">
                    <span>{{ lang.ssRecord }}</span>
                  </div>
                </el-tooltip>
              </div>
              <div v-else-if="tType == 1 || tType == 4">
                <el-tooltip effect="light" :content="lang.ssDownload" placement="top">
                  <div class="vedioIcon1" @click="stopRecording">
                    <span>{{ lang.ssDownload }}</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">{{ lang.ssPrevious }}</div>
              </div>
              <div
                class="last"
                @click="nextOrpreSteps(1)"
                v-if="!(IsFollow && tType == 2)"
                @mouseover="isHovered1 = true"
                @mouseout="isHovered1 = false"
              >
                <div class="lastText">{{ lang.ssNext }}</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">{{ lang.ssPermission }}</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">{{ lang.ssReturn }}</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"
            >
              {{ lang.ssDownload }}
            </div>
            <div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
              {{ lang.ssComment }}
            </div>
            <div
              class="returnBtn"
              @click="nextOrpreSteps(0)"
              v-if="!(IsFollow && tType == 2)"
            >
              {{ lang.ssPrevious }}
            </div>
            <div
              class="returnBtn"
              @click="nextOrpreSteps(1)"
              v-if="!(IsFollow && tType == 2)"
            >
              {{ lang.ssNext }}
            </div>
            <div class="returnBtn" @click="refreshCourse">{{ lang.ssRefresh }}</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) && (tType == 1 || (tType == 2 && IsStulook))
            "
            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;
                "
                class="renderedFor"
              >
                <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
                      ? renderedFormula2(chapInfoList[courseType].chapterInfo[0].taskJson[
                          taskCount
                        ].taskDetail)
                      : lang.ssNoDesc
                  "
                ></div>
              </div>
            </div>
            <div
              class="student_head"
              v-if="
                vChapterData[taskCount].length > 0 ||
                fileC[taskCount].length > 0
              "
            >
              <div class="vedioTaskBox" v-loading="downLoading || showType == 7">
                <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 notop"
                        :class="contentDialog == false ? 'isAllWidth' : ''"
                        :playsinline="true"
                        :options="playerO[taskCount]"
                        @play="onPlayerPlay($event)"
                        style="width: 100%; height: 650px; 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">{{ lang.ssViewDoc }}</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"
                      allow="camera *; microphone *;display-capture;midi;encrypted-media;"
                      :key="diffKey"
                      v-if="pptImgUrl1.indexOf('cocorobo')!=-1"
                      :src="pptImgUrl1"
                    ></iframe>
                    <iframe
                      style="width: 100%; height: 100%; border: none"
                      security="restricted"
                      v-else
                      sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
                      :src="pptImgUrl1"
                    ></iframe>
                  </div>
                  <div
                    class="wheel"
                    v-if="showType === 16"
                    style="width: 95%; margin: 0 auto"
                  >
                    <iframe
                      style="width: 100%; height: 100%; border: none"
                      :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">{{ lang.ssContentListLabel }}</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 || vitem.type == 15"
                          >
                            <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 class="navListItem" v-if="vitem.type == 16">
                              <div
                                class="navText"
                                @click="checkHtml(vitem, vindex)"
                                :class="isClickNav == vindex ? 'isClickNav' : ''"
                              >
                                {{ vitem.name }}
                              </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 == 17">
                              <div
                                class="navText"
                                @click="checkHtml(vitem, vindex)"
                                :class="isClickNav == vindex ? 'isClickNav' : ''"
                              >
                                {{ vitem.name }}
                              </div>
                              <div
                                class="downIcon"
                                @click="checkFileFull1(vitem.type, vitem)"
                              >
                                <img
                                  src="../assets/icon/newIcon/allScreen.png"
                                  alt
                                />
                              </div>
                          </div>
                        </div>

                        <div
                          class="fileC_box"
                          v-if="fileC[taskCount].length > 0"
                        >
                          <div class="fileC_title">{{ lang.ssNoPreview }}</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)"
                    >{{ lang.ssOpenLink }}
                  </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)"
                    >{{ lang.ssFullScreenView }}</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">{{ lang.ssWorkArea }}</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">
{{ lang.ssTool + (toolIndex + 1) }}
                    </div>
                    <div
                      v-if="timeWorkList[toolIndex].length > 0"
                      style="margin: 0 0 0 10px"
                    >
                      {{
                        timeWorkList[toolIndex][0].time
                          ? lang.ssTimeLabel + 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"
                          >
{{ lang.ssWhiteboard }}
                          </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">{{ lang.ssWhiteboard }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,1)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssMindMap }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,3)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssCoDoc }}</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">{{ lang.ssMindGrid }}</div>
                            <!-- && worksStudent[toolIndex].length>0 -->
														<div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,7)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssMaterialLib }}</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">{{ lang.ssLearningMaterial }}</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">{{ lang.ssNote }}</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">{{ lang.ssSurvey }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,4)"
                            style="position: absolute;right: 153px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </div>
														<div class="upload_toolBtn" v-if="tType==='1'" @click="openStatisticalAnalysis(tooC,toolIndex,taskCount)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssStatisticalAnalysis }}
                            </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">{{ lang.ssChoice }}</div>

														<div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,45)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssRatingScale }}</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">{{ lang.ssCountdown }}</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">{{ lang.ssQa }}</div>
														<div class="upload_toolBtn" v-if="tType == 1"
                            :style="{ right: lang.lang == 'com' ? '220px' : '135px' }"
                            @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,15)"
                              style="position: absolute;top: -45px;height: 40px;display: flex;align-items: center;justify-content: center;background: #409EFF;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssCourseDesign }}</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">{{ lang.ssTrainingServer }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,18)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssHomework }}</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">{{ lang.ssBatchUpload }}</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">{{ lang.ssAiotBlockly }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,21)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssAiExperience }}</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 class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,23)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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 class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,24)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssGoalManage }}</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">{{ lang.ssMathBoard }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,31)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssTranslate }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,28)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssMohe }}</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">{{ lang.ss24Game }}</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 class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,39)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssCodeEdit }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,32)"
                              style="position: absolute;right: 153px;top: -42px;">
                              {{ lang.ssAnalyze }}
                            </div>
                            <!-- <div class="upload_toolBtn" @click="addImg($event)"
                              style="position: absolute;left: 110px;bottom: 30px;">
                              {{ lang.ssUpFile }}
                              <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">{{ lang.ssPersonalEval }}</div>
														<div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,40)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssMatch }}</div>
														<div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,41)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssHanziPalace }}</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">{{ lang.ssSort }}</div>
														<div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,47)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssTable }}</div>
														<div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,48)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssDocument }}</div>
														<div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,52)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssStudentGroup }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,49)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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 class="upload_toolBtn" v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,57)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssSimulateDrive }}</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">{{ lang.ssPathSearch }}</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">{{ lang.ssDeepLearning }}</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">{{ lang.ssAllHistory }}</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">{{ lang.ssInteractiveVideo }}</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">{{ lang.ssTurtle }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,63)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssAiAgent }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,71)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </div>
                          </div>
                          <div v-if="tooC == 72">
                            <img
                             style="height: 85px;object-fit: cover;"
                              v-if="tool.appJson && tool.appJson.json && tool.appJson.json.icon"
                              @click="addTools(tooC, toolIndex, taskCount)"
                              :src="tool.appJson.json.icon"
                              alt
                            />
                            <img
                              v-else
                              @click="addTools(tooC, toolIndex, taskCount)"
                              src="../assets/icon/firstToolList/appStore.png"
                              alt
                            />
                            <el-tooltip :content="tool.appJson && tool.appJson.name ? tool.appJson.name : lang.ssAppCenter" placement="top" effect="dark">
                              <!-- content to trigger tooltip here -->
                              <div class="Ovh">
                                {{tool.appJson && tool.appJson.name ? tool.appJson.name : lang.ssAppCenter}}
                              </div>
                              <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,72)"
                              style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </div>
                            </el-tooltip>
                          </div>
                          <div v-if="tooC == 65">
                            <img
                              @click="addTools(tooC, toolIndex, taskCount)"
                              src="../assets/icon/firstToolList/pickPeople.png"
                              alt
                            />
                            <div style="margin: 5px 0">{{ lang.ssPickPerson }}</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">{{ lang.ssFormula }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,66)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssMolecule }}</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">{{ lang.ssTimeline }}</div>
                            <!-- <div class="upload_toolBtn"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,68)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssEnglishWrite }}</div>
                            <div class="upload_toolBtn" v-if="tType == 1"  @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,69)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </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">{{ lang.ssEnglishSpeak }}</div>
                            <div class="upload_toolBtn"  v-if="tType == 1" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,70)"
                            style="position: absolute;right: 33px;top: -30px;">
                              {{ lang.ssAnalyze }}
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="tooldetail renderedFor" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
                      <!-- <div class="toolTitle">工具描述</div> -->
                        <!-- @click.stop="updateToolDetail(toolIndex, 2)" -->
                      <div style="height:100%;"
                        v-html="renderedFormula(tool.toolDetail)"
                        v-if="toolDetailIndex != toolIndex"
                      ></div>
                      <div v-else @click.stop="" style="height:100%;">
                        <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" :placeholder="lang.ssEnterTaskDesc" v-model="updateToolDetailInner"></textarea>
                      </div>
                    </div>
                    <el-button
                      type="primary"
                      v-if="tool.tool[0] == 32"
                      style="position: absolute; right: 30px; top: -45px"
                      @click="addImg($event)"
                      >{{ lang.ssUploadHomework }}<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: -45px"
                      @click="openWordCloud(toolIndex)"
                      >{{ lang.ssGenerateWordCloud }}
                    </el-button>
                    <el-button
                      type="primary"
                      v-if="
                        tool.tool[0] == 16 && worksStudent[toolIndex].length > 0 && tType==1
                      "
                      style="position: absolute; right: 30px; top: -45px"
                      @click="uploadWorks(toolIndex)"
                      >{{ lang.ssExportHomework }}
                    </el-button>
                    <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
                        position: absolute;
                        right: 30px;
                        transform: translateY(-130%);
                        " @click="addImg($event)">{{ lang.ssUploadHomework }}<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">{{ lang.ssHomeworkPreview }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </div>
                    <div
                      class="noWorksS"
                      v-if="noWorksS && noWorksS[toolIndex].length"
                    >
                      <div
                        v-for="(s, sIndex) in noWorksS[toolIndex]"
                        :key="sIndex"
                        class="noWorksName"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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">{{ lang.ssHomeworkPreview }}</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">{{ lang.ssHomeworkPreview }}</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">{{ lang.ssHomeworkPreview }}</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 }}{{ lang.ssScore }}
                            </div>
                            <div
                              class="answerScore"
                              @click.stop="openScore(w)"
                              v-else-if="courseDetail.userid == userid"
                              :class="{
                                rightW:
                                  w.userid == userid ||
                                  tType == 1 ||
                                  tType == 4,
                              }"
                            >
                              {{ lang.ssMarkScore }}
                            </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">{{ lang.ssHomeworkPreview }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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">{{ lang.ssHomeworkPreview }}</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,w)"
                            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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,w)"
                                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 }}{{ lang.ssScore }}
                              </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,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,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 }}{{ lang.ssScore }}
                              </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,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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 }}{{ lang.ssScore }}
                              </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,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.userid)"
                                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 }}{{ lang.ssScore }}
                              </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,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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,w)"
                            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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </div>
                    <div
                      class="noWorksS"
                      v-if="noWorksS && noWorksS[toolIndex].length"
                    >
                      <div
                        v-for="(s, sIndex) in noWorksS[toolIndex]"
                        :key="sIndex"
                        class="noWorksName"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,w.userid)"
                            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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </div>
                    </div>
                  </div>
                  <div
                    v-if="
                      tType &&
                        ((tType == 2 && sIsOpen == true) ||
                          tType == 1 ||
                          tType == 4) &&
                        tool.tool.indexOf(72) != -1
                    "
                    class="worksBox"
                  >
                    <div
                      class="zuoyeYulan"
                      v-if="
                        worksStudent.length &&
                          worksStudent[toolIndex].length > 0
                      "
                    >
                      <div class="worksTop">
                        <div>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            isCloseList[toolIndex].isCloseBoolean &&
                              isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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">
                          <!-- <img
                            :src="word2"
                            @click="downloadFile(w.works)"
                            v-if="w.type == 12"
                            alt
                          /> -->
                          <img
                            :src="word2"
                            @click="
                              openCocoFlow(w)
                            "
                            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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="
                              courseDetail.userid == userid &&
                                courseDetail.state != 5 &&
                                chapInfoList[courseType].chapterInfo[0]
                                  .taskJson[taskCount].eList &&
                                chapInfoList[courseType].chapterInfo[0]
                                  .taskJson[taskCount].eList.length
                            "
                            :class="{
                              rightW:
                                w.userid == userid ||
                                tType == 1 ||
                                tType == 4 ||
                                w.ateacher == userid
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,
                                    w.sName
                                  )
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </div>
                    <div
                      class="noWorksS"
                      v-if="noWorksS && noWorksS[toolIndex].length"
                    >
                      <div
                        v-for="(s, sIndex) in noWorksS[toolIndex]"
                        :key="sIndex"
                        class="noWorksName2"
                        @click="teacherWorkSubmit(72, toolIndex, taskCount, s)"
                      >
                        <el-tooltip
                          effect="dark"
                          :content="s.student"
                          placement="top"
                        >
                          <span>{{ s.student }}</span>
                        </el-tooltip>
                      </div>
                    </div>
                  </div>
                  <div
                    v-if="
                      tType &&
                        tType == 2 &&
                        !sIsOpen &&
                        tool.tool.indexOf(72) != -1
                    "
                    class="worksBox"
                  >
                    <div
                      class="zuoyeYulan"
                      v-if="workStudent[toolIndex].length > 0"
                    >
                      <span class="worksTitle">{{ lang.ssHomeworkPreview }}</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="
                              openCocoFlow(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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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(50) != -1" class="worksBox">
                    <div
                      class="zuoyeYulan"
                      v-if="
                        worksStudent.length &&
                        worksStudent[toolIndex].length > 0
                      "
                    >
                      <span class="worksTitle">{{ lang.ssHomeworkPreview }}</span>
                      <div
                        class="corOpen"
                        @click="contract(toolIndex)"
                        v-if="
                          (isCloseList[toolIndex].isCloseBoolean) &&
                          isCloseList[toolIndex].isClose == 0
                        "
                      >
{{ lang.ssFold }}
                      </div>
                      <div
                        class="corOpen"
                        @click="contract(toolIndex)"
                        v-if="isCloseList[toolIndex].isClose == 1"
                      >
{{ lang.ssExpand }}
                      </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,w)"
                            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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssCorrectRate }}</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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssCorrectRate }}</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: flex;
                              white-space: nowrap;
                              overflow: hidden;
                              text-overflow: ellipsis;
                              word-break: break-word;
                              cursor: pointer;
                            "
                            class="renderedFor"
                          >
                              {{ index + 1 + "、"  }} <span  v-html="renderedFormula(item.teststitle)"></span>
                          </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 }}{{ lang.ssScore }}
                                </div>
                                <div
                                  class="answerScore"
                                  @click.stop="openScore(w)"
                                  v-else-if="courseDetail.userid == userid"
                                  :class="{
                                    rightW:
                                      w.userid == userid ||
                                      tType == 1 ||
                                      tType == 4,
                                  }"
                                >
                                  {{ lang.ssMarkScore }}
                                </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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 }}{{ lang.ssScore }}
                            </div>
                            <div
                              class="answerScore"
                              @click.stop="openScore(w)"
                              v-else-if="courseDetail.userid == userid"
                              :class="{
                                rightW:
                                  w.userid == userid ||
                                  tType == 1 ||
                                  tType == 4,
                              }"
                            >
                              {{ lang.ssMarkScore }}
                            </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,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 }}{{ lang.ssScore }}
                              </div>
                              <div
                                class="answerScore"
                                @click.stop="openScore(w)"
                                v-else-if="courseDetail.userid == userid"
                                :class="{
                                  rightW:
                                    w.userid == userid ||
                                    tType == 1 ||
                                    tType == 4,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,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 }}{{ lang.ssScore }}
                              </div>
                              <div
                                class="answerScore"
                                @click.stop="openScore(w)"
                                v-else-if="courseDetail.userid == userid"
                                :class="{
                                  rightW:
                                    w.userid == userid ||
                                    tType == 1 ||
                                    tType == 4,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,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 }}{{ lang.ssScore }}
                              </div>
                              <div
                                class="answerScore"
                                @click.stop="openScore(w)"
                                v-else-if="courseDetail.userid == userid"
                                :class="{
                                  rightW:
                                    w.userid == userid ||
                                    tType == 1 ||
                                    tType == 4,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </div>
                    <div
                      class="noWorksS"
                      v-if="noWorksS && noWorksS[toolIndex].length"
                    >
                      <div
                        v-for="(s, sIndex) in noWorksS[toolIndex]"
                        :key="sIndex"
                        class="noWorksName"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,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 }}{{ lang.ssScore }}
                              </div>
                              <div
                                class="answerScore"
                                @click.stop="openScore(w)"
                                v-else-if="courseDetail.userid == userid"
                                :class="{
                                  rightW:
                                    w.userid == userid ||
                                    tType == 1 ||
                                    tType == 4,
                                }"
                              >
                                {{ lang.ssMarkScore }}
                              </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,w.sName)
                                    "
                                  >
                                    <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>{{ lang.ssNoHomework }}</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,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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,w)"
                            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,w)" 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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </div>
                    <div
                      class="noWorksS"
                      v-if="noWorksS && noWorksS[toolIndex].length"
                    >
                      <div
                        v-for="(s, sIndex) in noWorksS[toolIndex]"
                        :key="sIndex"
                        class="noWorksName"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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>{{ lang.ssCorrectRate }}</span>
                        <span>{{
                          (checkJson[toolIndex][index].right
                            ? checkJson[toolIndex][index].right
                            : 0) + "%"
                        }}</span>
                      </div>
                      <div class="right_box_xuan">
                        <span>{{ lang.ssRightPerson }}</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> -->
                     <sortToolWorkShow  v-if="
                        worksStudent[toolIndex].length
                      "
                      :people="worksStudent[toolIndex]"></sortToolWorkShow>
                  </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">{{ lang.ssHomeworkPreview }}</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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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>{{ lang.ssHomeworkPreview }}</div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="
                            (isCloseList[toolIndex].isCloseBoolean) &&
                            isCloseList[toolIndex].isClose == 0
                          "
                        >
                          {{ lang.ssFold }}
                        </div>
                        <div
                          class="corOpen"
                          @click="contract(toolIndex)"
                          v-if="isCloseList[toolIndex].isClose == 1"
                        >
                          {{ lang.ssExpand }}
                        </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 }}{{ lang.ssScore }}
                          </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,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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,w.sName)
                                "
                              >
                                <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 != ''">
                      {{ lang.ssNotSubmitted }}
                    </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)"
                      >
                        <el-tooltip effect="dark" :content="s.student" placement="top">
                            <span>{{ s.student }}</span>
                        </el-tooltip>
                      </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">{{ lang.ssHomeworkPreview }}</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 }}{{ lang.ssScore }}
                          </div>
                          <div
                            class="answerScore"
                            @click.stop="openScore(w)"
                            v-else-if="courseDetail.userid == userid"
                            :class="{
                              rightW:
                                w.userid == userid || tType == 1 || tType == 4,
                            }"
                          >
                            {{ lang.ssMarkScore }}
                          </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)"
                        >{{ lang.ssGroupSetting }}
                      </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>
{{ lang.ssCurrentCountNum.replace(/\*/, 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">{{ lang.ssHomeworkPreview }}</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)"
                              >{{ lang.ssUploadHomework }}
                            </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" style="overflow: hidden;" v-if="w.type == 0">
                                <el-image 
                                  crossorigin="anonymous"
                                  allow="*" 
                                  :src="w.works"
                                  @click="previewImg(w.works,w)"
                                  alt
                                />
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  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 }}{{ lang.ssScore }}
                                </div>
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  @click.stop="openScore(w)"
                                  v-else-if="courseDetail.userid == userid"
                                  :class="{
                                    rightW:
                                      w.userid == userid ||
                                      tType == 1 ||
                                      tType == 4 ||
                                      w.ateacher == userid,
                                  }"
                                >
                                  {{ lang.ssMarkScore }}
                                </div>
                                <img class="xiaz" @click="downloadimg(w.works,w.sName)" style="right: 40px;" src="../assets/icon/works/xiaz.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="workImg" v-if="w.type == 1">
                                <img
                                  :src="word"
                                  @click="openFile(w.works,w)"
                                  alt
                                />
                                <!-- @click="openFile(w.works)" -->
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  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 }}{{ lang.ssScore }}
                                </div>
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  @click.stop="openScore(w)"
                                  v-else-if="courseDetail.userid == userid"
                                  :class="{
                                    rightW:
                                      w.userid == userid ||
                                      tType == 1 ||
                                      tType == 4 ||
                                      w.ateacher == userid,
                                  }"
                                >
                                  {{ lang.ssMarkScore }}
                                </div>
                                <img class="xiaz" @click="downloadFile(w.works,w.userid)" style="right: 40px;" src="../assets/icon/works/xiaz.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="workImg" v-if="w.type == 3">
                                <img
                                  style="cursor: pointer"
                                  :src="video"
                                  @click="openVideo(w)"
                                  alt
                                />
                                <!--  @click="openVideo(w.works)" -->
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  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 }}{{ lang.ssScore }}
                                </div>
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  @click.stop="openScore(w)"
                                  v-else-if="courseDetail.userid == userid"
                                  :class="{
                                    rightW:
                                      w.userid == userid ||
                                      tType == 1 ||
                                      tType == 4 ||
                                      w.ateacher == userid,
                                  }"
                                >
                                  {{ lang.ssMarkScore }}
                                </div>
                                <img class="xiaz" @click="downloadFile(w.works,w.userid)" style="right: 40px;" src="../assets/icon/works/xiaz.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="workImg" v-if="w.type == 12">
                                <img
                                  style="cursor: pointer"
                                  :src="word2"
                                  @click="downloadFile(w.works,w.userid)"
                                  alt
                                />
                                <!--  @click="openVideo(w.works)" -->
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  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 }}{{ lang.ssScore }}
                                </div>
                                <div
                                  class="answerScore"
                                  style="right: 70px;"
                                  @click.stop="openScore(w)"
                                  v-else-if="courseDetail.userid == userid"
                                  :class="{
                                    rightW:
                                      w.userid == userid ||
                                      tType == 1 ||
                                      tType == 4 ||
                                      w.ateacher == userid,
                                  }"
                                >
                                  {{ lang.ssMarkScore }}
                                </div>
                                <img class="xiaz" @click="downloadFile(w.works,w.userid)" style="right: 40px;" src="../assets/icon/works/xiaz.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="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,
																					w.sName
                                        )
                                      "
                                    >
                                      <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; 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>-->
                {{ lang.ssEvaluate }}
              </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="lang.ssEvalName"
                      align="center"
                    >
                      <template slot-scope="scope"
                        ><div>{{ scope.row.value }}</div></template
                      >
                    </el-table-column>
                    <el-table-column
                      :label="lang.ssEvalDimensionDesc"
                      align="center"
                    >
                      <template slot-scope="scope"
                        ><div>
                          {{ scope.row.detail != "" ? scope.row.detail : "-" }}
                        </div></template
                      >
                    </el-table-column>
                    <el-table-column :label="lang.ssTarget" 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"
                          >{{ lang.ssNoDesc }}</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="this.lang.ssEnterName"
                        @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" />{{ lang.ssCollapseTarget }}</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" />{{ lang.ssExpandTarget }}</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"
                            >{{lang.ssTargetTree}}</span
                          >
                          <span
                            :class="{ active: typeMode == 2 }"
                            @click="typeMode = 2"
                            >{{lang.ssTargetCompass}}</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>{{ lang.ssHomeworkSubmit }}<span>{{ lang.ssSubmitDescText }}</span></div>
                    <div>{{ lang.ssTaskColon }}{{ task.task }}</div>
                  </div>
                </div>
                <div class="ediBottom">
                  <div
                    class="addEditor"
                    style="margin-top: 23px"
                    @click="openAddWork"
                    v-if="!isNoHomeWork"
                  >
                    {{ lang.ssSelectFile }}
                  </div>
                  <div
                    class="addEditor"
                    style="margin-top: 23px"
                    @click="openAddWork"
                    v-else
                  >
{{ lang.ssSubmitted }}
                  </div>
                </div>
              </div>
            </div>-->
          </div>
        </div>
        <el-dialog
          :title="lang.ssHomeworkSubmit"
          :visible.sync="dialogVisible"
          :append-to-body="true"
          width="500px"
          :before-close="handleClose"
          class="dialog_change"
        >
          <div class="marginT">
            <div>{{ lang.ssUploadHomework }}</div>
            <div style="display: flex; gap: 10px">
              <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"
                @click="addImg($event)"
                v-if="studyJuri[0].cover.length == 0"
              >
                <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
                  <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
                </div>
                <input
                  type="file"
                  accept="image/*"
                  capture="camera"
                  style="display: none"
                  @change="beforeUpload1($event, 1)"
                />
              </div>
            </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"
          >
    {{ lang.ssSubmit }}
          </div>
        </el-dialog>
      </div>
			<!-- v-show="org == '1973f6c7-1561-11ee-91d8-005056b86db5' || org == '777559d2-7239-11ee-b98c-005056b86db5' || org == '884c5665-a453-46f3-b7b6-01d575290aa9'" -->
      <classRoomHelper v-if="(!['2'].includes(tType) || canUseCourseId.includes(id)) && $region != 'hk'" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)"  ref="classRoomHelperRef" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
                    '/courseDetail?userid=' +
                      userid +
                      '&oid=' +
                      oid +
                      '&org=' +
                      org +
                      '&cid=' +
                      classId +
                      '&courseId=' +
                      id +
                      '&tType=' +
                      tType +
                      '&screenType=' +
                      screenType+
                      '&role=' +
                      role
                  )"></classRoomHelper>
      <studentClassRoomHelper v-else-if="['2'].includes(tType) && $region != 'hk'" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
                    '/courseDetail?userid=' +
                      userid +
                      '&oid=' +
                      oid +
                      '&org=' +
                      org +
                      '&cid=' +
                      classId +
                      '&courseId=' +
                      id +
                      '&tType=' +
                      tType +
                      '&screenType=' +
                      screenType+
                      '&role=' +
                      role
                  )"></studentClassRoomHelper>
    </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" :style="`right:${commentRight}`">
      <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">{{ lang.ssComment }}</div>
						<!-- <div :class="[commentTagShow==1?'cb-tabItem':'']" @click="commentTagShow=1">评分</div> -->
            <!-- v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'" -->
						<div :class="[commentTagShow==2?'cb-tabItem':'']" @click="commentTagShow=2">{{ lang.ssTotalEval }}</div>
					</div>
          <el-select v-model="pzStype" @change="selectPz" class="selectBox" v-show="commentTagShow == 0">
            <el-option :label="lang.ssTimeDesc" :value="1"></el-option>
            <el-option :label="lang.ssTimeAsc" :value="2"></el-option>
            <el-option :label="lang.ssMyComment" :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>{{ lang.ssEval }}</div>
              <div>
                {{
                  pz.username && pz.username.length > 5
                    ? pz.username.substring(0, 5) + "..."
                    : pz.username
                }}{{ lang.ssCommentOf.replace(/\*/g, pz.username) }}
              </div>
              <div
                class="pzDelete"
                v-if="pz.userid == userid"
                @click="deletePz(pz.id)"
              >
                {{ lang.ssDelete }}
              </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)">{{ lang.ssReply }}</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)">{{ lang.ssReply }}</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)">
            {{ lang.ssAddComment }}
          </div>
          <!-- <div class="img1">
            <div @click="(addPzDialog = true), (pzType = 2)">
              <img src="../assets/audio.png" /><span>{{ lang.ssAudio }}</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 class="scoreList" v-if="commentTagShow==2" style="position: relative">
        <scoreZong :courseid="id" :userid="userid" @insertMemorandum="insertMemorandum"></scoreZong>
			</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">{{ lang.ssNewTool }}</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()"
            >
              {{ lang.ssInteract }}
            </div>
            <div
              :class="toolType == 1 ? 'isChooseActive' : ''"
              @click="(toolType = 1), $forceUpdate()"
            >
              {{ lang.ssThinking }}
            </div>
            <div
              :class="toolType == 2 ? 'isChooseActive' : ''"
              @click="(toolType = 2), $forceUpdate()"
            >
              {{ lang.ssEvalType }}
            </div>
            <div
              :class="toolType == 3 ? 'isChooseActive' : ''"
              @click="(toolType = 3), $forceUpdate()"
            >
              {{ lang.ssProgram }}
            </div>
            <div
              :class="toolType == 5 ? 'isChooseActive' : ''"
              @click="(toolType = 5), $forceUpdate()"
            >
              {{ lang.ssSubject }}
            </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">{{ lang.ssCountdown }}</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">{{ lang.ssPickPerson }}</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">{{ lang.ssMindGrid }}</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">{{ lang.ssWhiteboard }}</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">{{ lang.ssDocument }}</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">{{ lang.ssMindMap }}</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">{{ lang.ssTable }}</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">{{ lang.ssStudentGroup }}</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">{{ lang.ssHomework }}</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">{{ lang.ssBatchUpload }}</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">{{ lang.ssTraining }}</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">{{ lang.ssAiotBlockly }}</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">{{ lang.ssAiPython }}</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">{{ lang.ssAiBlockly }}</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">{{ lang.ssCodeEdit }}</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">{{ lang.ssCocoPi }}</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">{{ lang.ssTurtle }}</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">{{ lang.ssAiAgent }}</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">{{ lang.ssPersonalEval }}</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">{{ lang.ssTranslate }}</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">{{ lang.ssDigitalBoard }}</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">{{ lang.ssFormula }}</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">{{ lang.ssTimeline }}</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">{{ lang.ssEnglishWrite }}</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">{{ lang.ssCourseDesignLabel }}</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">{{ lang.ssGoalManageLabel }}</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">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click.stop="addToolChoose">{{ lang.ssConfirm }}</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">{{ lang.ssAddReply }}</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"
            >{{ lang.ssText }}</span
          >
          <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
            >{{ lang.ssAudio }}</span
          >
        </div> -->
        <div style="height: calc(100% - 50px)">
          <editor-bar
            class="binfo_input pzConText"
            style="width: 100% !important; margin: 0 auto"
            :placeholder="lang.ssEnterReply"
            v-model="reply"
            @change="change"
          ></editor-bar>
        </div>
        <div class="addTextCss" @click="addHf">{{ lang.ssConfirm }}</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">{{ lang.ssTeacherComment }}</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"
            >{{ lang.ssText }}</span
          >
          <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
          <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
            >{{ lang.ssAudio }}</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="lang.ssEnterTaskDesc"
            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">{{ lang.ssUploadImage }}</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">
          {{ lang.ssConfirm }}
        </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" />{{ lang.ssUploading }}
        </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" />{{ lang.ssUploading }}
        </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 : lang.ssViewSurvey"
      :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">{{ lang.ssTitleColon }}</div>
          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
            {{ lang.ssQuestionContent }}
          </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>{{ lang.ssQuestionColon }}{{ 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 == ''"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="noteName != '' ? noteName : lang.ssViewSurvey"
      :visible.sync="dialogVisible5Teacher"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<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">{{ lang.ssTitleColon }}</div>
          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
            {{ lang.ssQuestionContent }}
          </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>{{ lang.ssQuestionColon }}{{ 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 == ''"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button
          type="primary"
          @click="addStudentAskTeacher"
          v-show="noteName == ''"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="noteName != '' ? noteName : lang.ssViewChoice"
      :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">{{ lang.ssTitleColon }}</div>
          <div style="font-size: 20px">{{ testJson.testTitle }}</div>
        </div> -->
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
            {{ lang.ssQuestionContent }}
          </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;flex-shrink: 0;"
                >
                  {{ lang.ssSingleChoice }}
                </div>
                <div
                  v-if="testJson.testJson[index1].type == '2'"
                  style="margin-right: 5px; min-width: 70px;flex-shrink: 0;"
                >
                  {{ lang.ssMultiChoice }}
                </div>
                  <div class="renderedFor"><span>{{lang.ssQuestionColon}}</span> <span v-html="renderedFormula(testJson.testJson[index1].teststitle)"></span></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 == ''"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button
          type="primary"
          @click="addStudentTest"
          v-show="noteName == ''"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="noteName != '' ? noteName : lang.ssViewChoice"
      :visible.sync="dialogVisibleChoiceTeacher"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<span>{{ sStudent.student }}</span>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
            {{ lang.ssQuestionContent }}
          </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;flex-shrink: 0;"
                >
                  {{ lang.ssSingleChoice }}
                </div>
                <div
                  v-if="testJson.testJson[index1].type == '2'"
                  style="margin-right: 5px; min-width: 70px;flex-shrink: 0;"
                >
                  {{ lang.ssMultiChoice }}
                </div>
                <div>{{ lang.ssQuestionColon }}{{ 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 == ''"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button
          type="primary"
          @click="addStudentTestTeacher"
          v-show="noteName == ''"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssViewRichText"
      :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="lang.ssTextTitle" class="textTitle">
          <div style="font-size: 20px">{{ text.name }}</div>
        </el-form-item>
        <div>{{ lang.ssRichTextContent }}</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"
          >{{ lang.ssConfirmBtn }}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssFilePreview"
      :visible.sync="dialogVisible3"
      width="50%"
      :before-close="handleClose"
      class="dialog_diy"
      :class="{ fullStyle: full }"
    >
      <div slot="title" class="header-title">
        <div style="color: #fff">{{ lang.ssFilePreview }}</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="lang.ssFilePreview"
      :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="lang.ssTip"
      :visible.sync="dialogVisible4"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy notice"
    >
      <div>{{ lang.ssFunctionNotOpen }}</div>
      <el-button type="primary" @click="dialogVisible4 = false">{{ lang.ssConfirmBtn }}</el-button>
    </el-dialog>
    <el-dialog
      :title="lang.ssQa"
      :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="min-width: 60px">{{ lang.ssQuestionColon }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addQuestion">{{ lang.ssSubmit }}</el-button>
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssQa"
      :visible.sync="answerDialogVisibleTeacher"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<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="min-width: 60px">{{ lang.ssQuestionColon }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addQuestionTeacher">{{ lang.ssSubmit }}</el-button>
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssCountdown"
      :visible.sync="timeDialogVisible"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <div style="margin-bottom: 20px; color: #999">
{{ lang.ssCountdownHint }}
        </div>
        <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
      </div>
      <div slot="footer">
        <el-button @click="timeDialogVisible = false">{{ lang.ssCloseBtn }}</el-button>
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssPermissionSettings"
      :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>{{ lang.ssAllowStudentViewAllWork }}</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)) && !splitScreenData.isOpen
            "
          >
            <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
            <span>{{ lang.ssProhibitStudentViewStage }}</span>
            <el-switch
              v-model="IsLookOpen"
              active-text=""
              class="switchCss"
              @change="updateLookOpen"
            ></el-switch>
          </div>
          <div class="switch_box" v-if="(courseDetail.userid == userid ||
                (courseDetail.course_teacher &&
                  courseDetail.course_teacher.indexOf(userid) != -1)) && !splitScreenData.isOpen">
            <span>{{ lang.ssEnableFollowMode }}</span>
            <el-switch
              v-model="IsFollow"
              active-text=""
              class="switchCss"
              @change="updateFollow"
            ></el-switch>
          </div>
          <div class="switch_box" v-if="courseDetail.userid == userid">
            <span>{{ lang.ssAllowStudentViewContent }}</span>
            <el-switch
              v-model="IsStulook"
              active-text=""
              class="switchCss"
              @change="updateIsStulook"
            ></el-switch>
          </div>
        </div>
      </div>
      <div slot="footer">
        <el-button
          style="background: #409efe; color: #fff"
          @click="juriVisible = false"
          >{{ lang.ssCloseBtn }}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssViewVideo"
      :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 = '')"
        >
          {{ lang.ssCloseBtn }}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssViewDetails"
      :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
              )
            "
          >
{{ lang.ssTeacherComment }}
          </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>{{ lang.ssClickDownloadFile }}</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>{{ lang.ssClickOpenCocoPi }}</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">{{ lang.ssSelectStarsForRating }}</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="lang.ssEnterEvalContent"
                ></textarea>
              </div>
            </div>
          </div>
        </div>
        <div class="comment">
          <div class="commentList">
            <div class="commentImg">
              <img
                @click="
                  isLikes(
                    commentDetail.wid,
                    userid,
                    1,
                    null,
                    commentDetail.isLikes,
										commentDetail.sName
                  )
                "
                :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>{{ lang.ssTeacherComment }}</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;
            "
            >{{ lang.ssDelete }}</span
          >
        </div>
      </div>
      <div class="commentBox">
        <div class="pl">{{ lang.ssCommentColon }}</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)"
                  >
                    {{ lang.ssDelete }}
                  </div>
                </div>
                <div class="plContent">{{ co.commentText }}</div>
              </div>
            </div>
          </div>
          <div v-else style="padding: 10px 0 0 0">{{ lang.ssNoComments }}</div>
        </div>
      </div>
      <div style="margin-top: 10px">
        <div class="displayBox">
          <div
            style="
              color: #556db4;
              font-size: 14px;
              font-weight: bold;
              padding-bottom: 10px;
            "
          >
{{ lang.ssEvaluation }}
          </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="lang.ssEnterComment"
          ></textarea>
        </div>
      </div>

      <div slot="footer">
        <el-button
          @click="
            (commentDialogVisible = false),
              (commentIndexJson = {}),
              videoDetail.sources && videoDetail.sources[0]
                ? (videoDetail.sources[0].src = '')
                : ''
          "
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button
          type="primary"
          @click="addComment(commentDetail.wid, userid, 2,commentDetail)"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssViewDocument"
      :visible.sync="fullDialogVisible"
      :append-to-body="true"
      width="100%"
      :before-close="handleClose"
      :show-close="false"
      :class="['dialog_diy','full_diy', fulltype == 3 ? 'full_diy2' : '', (splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid)) ? 'dialog_diyCopy' : ''] "

    >
      <div slot="title" class="header-title">
        <div v-if="fulltype == 4" style="color: #fff">{{ lang.ssAIApplication }}</div>
        <div v-else style="color: #fff">{{ lang.ssViewDocument }}</div>
        <div
          @click="()=>{fullDialogVisible = false,changeSplitScreenBehavior({code:99})}"
          style="
            cursor: pointer;
            position: absolute;
            top: 20px;
            right: 20px;
            color: #fff;
          "
        >
          {{ lang.ssExitFullscreen }}
        </div>
      </div>
      <div style="height: 100%;position: relative;">
        <el-button
          v-if="(splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid))"
          size="medium"
          type="primary"
          @click="
            () => {
              (fullDialogVisible = false),
                changeSplitScreenBehavior({ code: 99 });
            }
          "
          style="
            cursor: pointer;
            position: absolute;
            top: 10px;
            right: 20px;
            color: #fff;
          "
        >
          {{ lang.ssExitFullscreen }}
        </el-button>
        <div
          class="wheel"
          v-if="fulltype == 1"
          style="
            box-shadow: 0 0 6px 1px #f2f2f2;
            width: 100%;
						height:100%;
            background: #f1f1f1;
          "
        >
          <div class="title" style="width: 100%; box-sizing: border-box">
            {{ lang.ssViewDocument }}
          </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
          class="wheel"
          v-else-if="
            (fulltype == 2 || fulltype == 4) &&
            fullUrl.indexOf(
              'https://view.officeapps.live.com/op/view.aspx?src='
            ) != -1
          "
          style="width: 100%;height:100%; 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> -->
          <iframe
            style="width: 100%; height: 100%; border: none"
            allow="camera *; microphone *;display-capture;midi;encrypted-media;"
            v-else-if="(fulltype == 2 || fulltype == 4) && (fullUrl.indexOf('cocorobo')!=-1)"
            :src="fullUrl"
          ></iframe>
          <iframe
            style="width: 100%; height: 100%; border: none"
            security="restricted"
            v-else-if="(fulltype == 2 || fulltype == 4)"
            sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
            :src="fullUrl"
          ></iframe>
        <pdf
          v-else-if="fulltype == 3"
          :pdfUrl="fullUrl"
          style="width: 100%; height: 100%; overflow: auto"
        ></pdf>
        <iframe
          style="width: 100%; height: 100%; border: none"
          security="restricted"
          v-else-if="(fulltype == 16) && (fullUrl.indexOf('cocorobo')!=-1)"
          :src="fullUrl"
        ></iframe>
        <iframe
          style="width: 100%; height: 100%; border: none"
          security="restricted"
          v-else
          sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
          :src="fullUrl"
        ></iframe>

      </div>
      <!-- <div slot="footer">
        <el-button @click="fullDialogVisible = false">{{ lang.ssCloseBtn }}</el-button>
      </div> -->
    </el-dialog>
    <el-dialog
      :title="lang.ssPersonalEval"
      :visible.sync="studentEvalDialogVisible"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div class="evalCss">
        <div class="nav">{{ lang.ssSelectStarsForRating }}</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="lang.ssEnterEvalContent"
            ></textarea>
          </div>
        </div>
      </div>
      <div slot="footer">
        <el-button @click="studentEvalDialogVisible = false">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addBzWorks" v-if="!isStar"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssPersonalEval"
      :visible.sync="studentEvalDialogVisibleTeacher"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div class="w_name">
        {{ lang.ssStudentName }}：<span>{{ sStudent.student }}</span>
      </div>
      <div class="evalCss">
        <div class="nav">{{ lang.ssSelectStarsForRating }}</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="lang.ssEnterEvalContent"
            ></textarea>
          </div>
        </div>
      </div>
      <div slot="footer">
        <el-button @click="studentEvalDialogVisibleTeacher = false"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssMatch"
      :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>{{ lang.ssMatch }}</div>
            <div>{{ lang.ssSelectCorrespondingAnswer }}</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>
                  {{ lang.ssSelectAnswerByQuestion }}
                </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="lang.ssSelectCorrectAnswer"
                  >
                    <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"
                  >
                    {{ lang.ssAnswerCorrect }}
                  </div>
                  <div v-else>{{ lang.ssAnswerWrong }}</div>
                  <div
                    style="margin-left: 10px"
                    v-if="selectAnswer.answer[aIndex] !== a"
                  >
                    {{ lang.ssCorrectAnswer }}
                  </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"
                >{{ lang.ssSubmitAnswer }}</el-button
              >
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssMatch"
      :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">
          {{ lang.ssStudentNameColon }}<span>{{ sStudent.student }}</span>
        </div>
        <div class="select_box2">
          <div class="select_box2_title">
            <div>{{ lang.ssMatch }}</div>
            <div>{{ lang.ssSelectCorrespondingAnswer }}</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>
                  {{ lang.ssSelectAnswerByQuestion }}
                </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="lang.ssSelectCorrectAnswer"
                  >
                    <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"
                  >
                    {{ lang.ssAnswerCorrect }}
                  </div>
                  <div v-else>{{ lang.ssAnswerWrong }}</div>
                  <div
                    style="margin-left: 10px"
                    v-if="selectAnswer.answer[aIndex] !== a"
                  >
                    {{ lang.ssCorrectAnswer }}
                  </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"
                >{{ lang.ssSubmitAnswer }}</el-button
              >
            </div>
          </div>
        </div>
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssTeacherScoring"
      :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>{{ lang.ssClickDownloadFile }}</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>{{ lang.ssClickOpenCocoPi }}</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">{{ lang.ssEnterScore }}</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">{{ lang.ssScoringComment }}</span>
          <el-input
            type="textarea"
            :rows="5"
            :disabled="courseDetail.userid != userid"
            resize="none"
            v-model="scoreDetail"
            :placeholder="lang.ssEnterStudentEvaluation"
          >
          </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 = '')
                : ''
          "
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button
          type="primary"
          v-if="courseDetail.userid == userid"
          @click="scoreWork(commentDetail.wid,commentDetail.sName)"
          >{{lang.ssConfirmBtn}}
        </el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssSort"
      :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"
            >
              {{ lang.ssQuestionNum.replace(/\*/g, stIndex + 1) }}：{{ lang.ssSelectCorrectOrder }}
            </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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addSenWorks">{{lang.ssConfirmBtn}}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssSort"
      :visible.sync="dialogVisibleSentenceTeacher"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<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"
            >
              {{ lang.ssQuestionNum.replace(/\*/g, stIndex + 1) }}：{{ lang.ssSelectCorrectOrder }}
            </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"
          >{{lang.ssCancelBtn}}</el-button
        >
        <el-button type="primary" @click="addSenWorksTeacher">{{lang.ssConfirmBtn}}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssSort"
      :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 }}{{ lang.ssHomeworkOf }}
          </div>
          <div
            v-for="(st, stIndex) in sentenceList1"
            :key="stIndex"
            style="padding-bottom: 20px"
          >
            <div style="padding: 15px 0 10px 20px; font-size: 20px">
              {{ lang.ssQuestionNum.replace(/\*/g, 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">
                  {{ lang.ssFormSentence }}{{ 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>{{ lang.ssSubmitted }}</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>{{ lang.ssAnswerCorrect }}</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>{{ lang.ssAnswerWrong }}</div>
              </div>
            </div>
            <div
              v-if="
                st.chooseSenList.toString() != st.rightAnswer.toString() &&
                (tType == 1 || tType == 4)
              "
            >
              <div style="padding: 15px 0 10px 20px">{{ lang.ssCorrectAnswerBelow }}</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"></div>
                    <el-tooltip
                      class="item"
                      effect="light"
                      :content="r"
                      placement="top"
                    >
                      <div class="isCard1">
                        <div>{{ r }}</div>
                      </div>
                    </el-tooltip>
                  </div>
                </div>
                <div class="cardAnswerBox">
                  {{ lang.ssFormSentence }}{{ st.rightAnswer.join(" ") }}
                </div>
              </div>
            </div>
          </div>
        </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleSentence1 = false">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="dialogVisibleSentence1 = false"
          >{{lang.ssConfirmBtn}}</el-button
        >
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssTeacherSubmitWork"
      :visible.sync="dialogVisibleWorks"
      :append-to-body="true"
      width="500px"
      :before-close="handleClose"
      class="dialog_change"
    >
      <div class="marginT">
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<span>{{ sStudent.student }}</span>
        </div>
        <div>{{ lang.ssUploadHomework }}</div>
        <div style="display: flex; gap: 10px">
          <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"
            @click="addImg($event)"
            v-if="studyJuri[0].cover.length == 0"
          >
            <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
              <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
            </div>
            <input
              type="file"
              accept="image/*"
              capture="camera"
              style="display: none"
              @change="beforeUpload1($event, 1)"
            />
          </div>
        </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"
      >
{{ lang.ssSubmit }}
      </div>
    </el-dialog>
    <ImgDraw
      :drawShow="drawShow"
      @closeDraw="closeDraw"
      @addImgDraw="addImgDraw"
      :bg="bg"
    ></ImgDraw>
    <el-dialog
      :title="lang.ssTable"
      :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>{{ lang.ssTableContent }}</span>
          <el-button type="primary" size="small" @click="returnTableText"
            >{{ lang.ssRestoreTemplate }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addTableWorks">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssTable"
      :visible.sync="dialogVisibleTableTeacher"
      :append-to-body="true"
      width="95%"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<span>{{ sStudent.student }}</span>
        </div>
        <div>{{ lang.ssTableContent }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addTableWorksTeacher">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssDocument"
      :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>{{ lang.ssDocumentContent }}</span>
          <el-button type="primary" size="small" @click="returnWordText"
            >{{ lang.ssRestoreTemplate }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addWordWorks">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssDocument"
      :visible.sync="dialogVisibleWordTeacher"
      :append-to-body="true"
      width="95%"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div class="w_name">
          {{ lang.ssStudentNameColon }}<span>{{ sStudent.student }}</span>
        </div>
        <div>{{ lang.ssDocumentContent }}</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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addWordWorksTeacher">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssTable"
      :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">{{ lang.ssCloseBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssDocument"
      :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">{{ lang.ssCloseBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssGroupSetting"
      :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">
            {{ lang.ssOpenSeatTip }}
          </div>
          <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
            @click="lockChair">
            {{ lang.ssLockPosition }}
          </div>
          <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
            {{ lang.ssUnlockPosition }}
          </div> -->
          <div class="group_switch">
            <span>{{ lang.ssOpenSeat }}</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"
          >
            {{ lang.ssGroupSetting }}
          </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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][0]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][0].name
                      : lang.ssEmptyPosition
                  }}</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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][4]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][4].name
                      : lang.ssEmptyPosition
                  }}</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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][8]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][8].name
                      : lang.ssEmptyPosition
                  }}</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]
                          )
                        "
                        >{{ lang.ssModify }}</span
                      ></span
                    ><span>{{
                      groupStudent[toolindex][gindex] &&
                      groupStudent[toolindex][gindex][2]
                        ? groupStudent[toolindex][gindex] &&
                          groupStudent[toolindex][gindex][2].name
                        : lang.ssEmptyPosition
                    }}</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]
                          )
                        "
                        >{{ lang.ssModify }}</span
                      ></span
                    ><span>{{
                      groupStudent[toolindex][gindex] &&
                      groupStudent[toolindex][gindex][6]
                        ? groupStudent[toolindex][gindex] &&
                          groupStudent[toolindex][gindex][6].name
                        : lang.ssEmptyPosition
                    }}</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)"
                    >
                      {{ lang.ssRemoveMember }}
                    </div>
                    <div
                      @click="selectGroup(gindex)"
                      v-else-if="
                        groupStudentUid[toolindex] &&
                        groupStudentUid[toolindex][gindex].indexOf(userid) == -1
                      "
                    >
                      {{ lang.ssJoinGroup }}
                    </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
                      "
                    >
                      {{ lang.ssExitGroupBtn }}
                    </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]
                          )
                        "
                        >{{ lang.ssModify }}</span
                      ></span
                    ><span>{{
                      groupStudent[toolindex][gindex] &&
                      groupStudent[toolindex][gindex][3]
                        ? groupStudent[toolindex][gindex] &&
                          groupStudent[toolindex][gindex][3].name
                        : lang.ssEmptyPosition
                    }}</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]
                          )
                        "
                        >{{ lang.ssModify }}</span
                      ></span
                    ><span>{{
                      groupStudent[toolindex][gindex] &&
                      groupStudent[toolindex][gindex][7]
                        ? groupStudent[toolindex][gindex] &&
                          groupStudent[toolindex][gindex][7].name
                        : lang.ssEmptyPosition
                    }}</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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][1]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][1].name
                      : lang.ssEmptyPosition
                  }}</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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][5]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][5].name
                      : lang.ssEmptyPosition
                  }}</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]
                        )
                      "
                      >{{ lang.ssModify }}</span
                    ></span
                  ><span>{{
                    groupStudent[toolindex][gindex] &&
                    groupStudent[toolindex][gindex][9]
                      ? groupStudent[toolindex][gindex] &&
                        groupStudent[toolindex][gindex][9].name
                      : lang.ssEmptyPosition
                  }}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="(dialogVisibleGroup = false)">{{ lang.ssCloseBtn }}</el-button> -->
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssGroupSetting"
      :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">{{ lang.ssSetGroupCountAndName }}</div>
          <div
            v-for="(item, index) in groupJson2.group"
            :key="index"
            class="groupName"
          >
            <span class="groupn">{{ lang.ssGroupNumName.replace(/\*/g, index + 1) }}</span>
            <el-input
              v-model="item.name"
              :placeholder="lang.ssEnterName"
              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">{{ lang.ssDeleteBtn }}</el-button>
            </div> -->
          </div>
        </div>
        <div class="groupContent">
          <div class="groupTitle">{{ lang.ssSetGroupMemberCount }}</div>
          <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
            style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
          <el-input
            v-model="groupJson2.number"
            style="width: 150px"
            :placeholder="lang.ssEnterNumber2To10"
            @change="numberPan"
          ></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleGroup2 = false">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="updateGroupJson">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title=lang.ssHomework
      :visible.sync="dialogVisibleGroupWork"
      :append-to-body="true"
      width="500px"
      :before-close="handleClose"
      class="dialog_change"
    >
      <div class="marginT">
        <div>{{ lang.ssUploadHomework }}</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"
      >
{{ lang.ssSubmit }}
      </div>
    </el-dialog>
    <el-dialog
      :title=lang.ssModifyGroup
      :visible.sync="dialogVisibleUpdateGroup"
      :append-to-body="true"
      width="350px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <h2>
          {{ updateGroupUser.name }}
        </h2>
        <div style="color: rgb(171 171 171); margin-top: 10px">
          {{ lang.ssSelectGroupPrompt }}
        </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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="updateChair">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssRemoveMember"
      :visible.sync="dialogVisibleDeleteGroup"
      :append-to-body="true"
      width="350px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <h2>
          {{ deleteGroupArray.name }}
        </h2>
        <div style="color: rgb(171 171 171); margin-top: 10px">
          {{ lang.ssSelectMemberPrompt }}
        </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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="deleteChair">{{ lang.ssConfirmBtn }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssBatchUpload"
      :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="this.lang.ssEnterStudentNamePlaceholder"
                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="this.lang.ssSelectStudentPlaceholder"
              >
                <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>{{ lang.ssClickUploadFile }}</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"
      >
{{ lang.ssSubmit }}
      </div>
    </el-dialog>
    <el-dialog
      :title="lang.ssModifyName"
      :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">{{ lang.ssName }}</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="lang.ssSelectStudentPrompt"
          <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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="updateName">{{lang.ssConfirmBtn}}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssEnglishWrite"
      :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">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addEnglishWork">{{lang.ssConfirmBtn}}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :title="lang.ssEnglishWrite"
      :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>{{ lang.ssEssayTitle }}</div>
            <div>{{ englishList1.engTitle }}</div>
          </div>
          <div class="engText">
            <div>{{ lang.ssEssayContent }}</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">{{ lang.ssOriginalAuthor }}{{ noteName }} ）</div>
            <div class="oldText">
              <div class="detailBox">
                <div class="oldDetail">
                  <div>{{ lang.ssTitleColon }}</div>
                  <div>{{ oldEnglishJson.engTitle }} </div>
                </div>
                <div class="oldDetail1">
                  <div>{{ lang.ssContentColon }}</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>{{ lang.ssImageColon }}</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>{{ lang.ssTitleColon }}</div>
                  <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
                  <div v-else v-html="newEnglishList.engTitle"></div>
                </div>
                <div class="oldDetail">
                  <div>{{ lang.ssContentColon }}</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;">{{ lang.ssEditNoteText }}</div>
                <el-button @click="isUpdateCorrect(newEnglishList.engText,1)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? lang.ssAddAnnotation : lang.ssCancelAdd }}</el-button>
                <el-button @click="aiCorrect(newEnglishList.engText,1)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">{{ lang.ssAIAnnotation }}</el-button>
                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">{{ lang.ssConfirmBtn }}</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>{{ lang.ssTitleColon }}</div>
                  <el-input v-if="greyType" v-model="oldEnglishJson1.engTitle" />
                  <div v-else v-html="oldEnglishJson1.engTitle"></div>
                </div>
                <div class="oldDetail">
                  <div>{{ lang.ssContentColon }}</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;">{{ lang.ssEditNoteText }}</div>
                <el-button @click="isUpdateCorrect(oldEnglishJson1.engText,2)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? lang.ssAddAnnotation : lang.ssCancelAdd }}</el-button>
                <el-button @click="aiCorrect(oldEnglishJson1.engText,2)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">{{ lang.ssAIAnnotation }}</el-button>
                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">{{ lang.ssConfirmBtn }}</el-button>
              </div>
            </div>
            <div class="oldText" v-else-if="newEngIndex == -1">
              <div class="detailBox" style="position: relative;">
                <div class="oldDetail">
                  <div>{{ lang.ssTitleColon }}</div>
                  <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
                  <div v-else v-html="newEnglishList.engTitle"></div>
                </div>
                <div class="oldDetail">
                  <div>{{ lang.ssContentColon }}</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;">{{ lang.ssEditNoteText }}</div>
                <el-button @click="isUpdateCorrect(newEnglishList.engText,3)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? lang.ssAddAnnotation : lang.ssCancelAdd }}</el-button>
                <el-button @click="aiCorrect(newEnglishList.engText,3)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">{{ lang.ssAIAnnotation }}</el-button>
                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">{{ lang.ssConfirmBtn }}</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>{{ lang.ssTitleColon }}</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>{{ lang.ssContentColon }}</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;">{{ lang.ssEditNoteText }}</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 ? lang.ssAddAnnotation : lang.ssCancelAdd }}</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">{{ lang.ssAIAnnotation }}</el-button>
                <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">{{ lang.ssConfirmBtn }}</el-button>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="engUpdateDialogVisible = false">{{lang.ssCancelBtn}}</el-button>
        <el-button type="primary" @click="addCorrect">{{lang.ssConfirmBtn}}</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="lang.ssWordCloudTitle"
      :visible.sync="dialogVisibleWordCloud"
      width="800px"
      class="dialog_diy"
      :before-close="handleClose">
      <choseWordCloud :cloudData="wordCloudData" :key="wordCloudKey" :dialogVisibleWordCloud="dialogVisibleWordCloud"></choseWordCloud>
    </el-dialog>
    <el-dialog
      :title="lang.ssPickPerson"
      :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>
		<statisticalAnalysis ref="statisticalAnalysisRef" @refresh="statisticalAnalysisRefresh"  @changeSplitScreenBehavior="changeSplitScreenBehavior"  :courseType="courseType" :taskCount="taskCount"/>
		<choseWorksDetailDialog
      ref="choseWorksDetailDialogRef"
      :worksStudentData="worksStudent"
      :noWorksSData="noWorksS"
      :chapInfoListData="chapInfoList"
      :courseType="courseType"
      :taskCount="taskCount"
      :tType="tType"
      :sIsOpen="sIsOpen"
      :courseDetail="courseDetail"
      :groupStudent2="groupStudent"
      :groupStudentUid2="groupStudentUid"
      :oid="oid"
      :org="org"
      @getCourseDetail="getCourseDetail"
      @selectSLook="selectSLook"
      @selectSWorks="selectSWorks"
      @selectStudent="selectStudent"
      @deleteWorks="deleteWorks"
      @openTools="openTools"
			@openWord="openWord"
			@openScore="openScore"
      @changeSplitScreenBehavior="changeSplitScreenBehavior"
    />
    <el-dialog
      :visible.sync="confirmOpenDig"
      width="500px"
      :modal="false"
      class="confirmOpenDigCss dialog_diyCopy"
      :before-close="handleClose">
      <div style="display: flex;align-items: center;">
        <img src="../assets/icon/course/confirmOpenDig.svg" alt="">
        <span>{{ lang.ssCourseStartWithTitle.replace(/\*/g, courseDetail.title) }}</span>
      </div>
      <div style="margin: 20px 0 35px;">
        <div style="margin-bottom: 10px;">{{ lang.ssFollowTeacherMsg }}</div>
        <div>{{ lang.ssStudyHardMsg }}</div>
      </div>


      <div style="text-align: center;">
        <el-button type="primary" style="width: 95%;" @click="confirmOpen">{{ lang.ssStartLearningBtn }}</el-button>
      </div>

    </el-dialog>

    <appStoreC ref="appStoreC"
      :sStudent="sStudent"
      :courseType="courseType"
      :taskCount="taskCount"
      :toolindex="toolindex"
      @selectSWorks="selectSWorks"
      @selectStudent="selectStudent"
    ></appStoreC>
    <cocoFlowDia ref="cocoFlowDiaRef"></cocoFlowDia>

  </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 sortToolWorkShow from "./components/sortToolWorkShow.vue";
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'
import scoreZong from './scoreZong/index.vue'
import classRoomHelper from './classRoomHelper/index.vue'
import studentClassRoomHelper from './classRoomHelper/studentIndex.vue'
import statisticalAnalysis from "./components/statisticalAnalysis.vue";
import choseWorksDetailDialog from './components/choseWorksDetailDialog.vue';
import { v4 as uuidv4 } from "uuid";
var OpenCC = require("opencc-js");
import choseWordCloud from './components/choseWordCloud.vue'
import appStoreC from "./components/appStoreC.vue";
import cocoFlowDia from "./components/cocoFlowDia.vue";
import { myMixin } from "@/mixins/mixin.js"
import { tools as toolsList } from "@/common/tools2.js";
import katex from 'katex'
import 'katex/dist/katex.min.css'
let converter = OpenCC.Converter({
  from: "hk",
  to: "cn"
});
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 {
  mixins: [ myMixin ],
  components: {
    choseWordCloud,
    EditorBar,
    Time,
    pdf,
    AskStatic,
    AskStatic2,
    Mind,
    Sunburst,
    SeeBoard,
    AnswerData2,
    AnswerData,
    sortToolWorkShow,
    Audio,
    ImgDraw,
    Table,
    interVideo,
    UpdateMore,
    wordCloud,
    onlineWrite,
    englishEva,
    EnglishVoice,
    checkEnglishVoice,
		correctText,
		scoreItem,
    classRoomHelper,
    scoreZong,
		statisticalAnalysis,
		choseWorksDetailDialog,
    appStoreC,
    cocoFlowDia,
    studentClassRoomHelper
  },
  data() {
    return {
      // 学校或者组织随机码
      Code2:'',
      startTime: "",
      // 是否允许学生查看内容资料 2不可以 1可以
      IsStulook:false,
      homeWorkLoading:false,
      wordCloudKey: 0,
      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,
      role: this.$route.query.role,
      // 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！",
        this.lang.ssVeryCreative,
        this.lang.ssNotBad,
        this.lang.ssKeepTrying,
      ],
      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: this.lang.ssVideoNotSupported, //允许覆盖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: this.lang.ssVideoNotSupported, //允许覆盖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,
      timer2: null,
      opertimer: null,
      showType: '',
      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:[],
			},
      classRoomHelperWidth: this.$region != 'hk' ? '85px' : '15px',
			orgArray:[],
      oidArray:[],
			toolsList: toolsList,
		splitScreenData:{
			isOpen:false,
			userId:"",
			uid:"",
			myUid:"",
			loading:false,
			behavior:null,
    },
      confirmOpenDig:false,
      confirmOpenDigData:'',
      canUseCourseId: ['bfbe1913-2f87-11ef-bf55-005056b86db5','3a64b199-d2eb-11ef-a2d1-005056b86db5', 'bb0b1995-0207-11ef-b534-005056b86db5', 'f77921c8-d2f1-11ef-a2d1-005056b86db5'],
      diffKey:"1",
      getCourseGroupLoading: false,
      selectSWorksLoading:false,
      selectStudentLoading:false,
      selectSLookLoading:false,
      getPickLoading:false,
      selectPzLoading:false,
      getSplitScreenDataLoading:false,
      timeoutPan: null,
      isTimeOutPan: false,
    };
  },
  methods: {
    // 获取学校或组织随机码
    getCode2(){
      let params = {
        oid: this.oid,
        org: this.org
      };
      this.ajax
        .get(this.$store.state.api + "getCode2", params)
        .then(res => {
            this.Code2 = res.data[0] && res.data[0][0] && res.data[0][0].code2 ? res.data[0][0].code2 : ''
        })
        .catch(err => {
          console.error(err);
        });
    },
    //查看应用中心作业
    openCocoFlow(w){
      this.$refs.cocoFlowDiaRef.openAppWork(w)
    },
		getAIJ(){
			this.ajax.get(this.$store.state.api+"getAIJ","").then(res=>{
				let oid = res.data[0];
				let org = res.data[1];
				let oidArray = [];
				let orgArray = [];
				oid.forEach(i=>oidArray.push(i.oid))
				org.forEach(i=>orgArray.push(i.oid))
				this.orgArray = orgArray;
				this.oidArray = oidArray;
			})
		},
		insertMemorandum(_html){//保存行为操作
			//variable
			//btn
			let params = [{
				uid:this.userid,
				courseId:this.id+(this.tcid2?this.tcid2:''),
				content:_html
			}]
			console.log("👇👇")
			console.log(params)

			this.ajax.post(this.$store.state.api+'insert_systemOperation_countdownBehavior',params).then(res=>{
				if(res.data==1){
					console.log('保存操作成功')
				}else{
					console.log('保存操作失败')
				}
			}).catch(e=>{
				console.log('保存操作失败')
				console.log(e)
			})
		},
    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:
            `Role: 你是一名小学英语作文的老师，根据这篇文章的内容你去批改这篇文章，然后仅输出一篇纠错好的文章。文章：${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(this.lang.ssEssayTooLongForAI);
            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(this.lang.ssSelectTaskToAdd);
        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: this.lang.ssAddSuccess,
            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: this.lang.ssModifySuccess,
              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: this.lang.ssModifySuccess,
              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);
        target.scrollIntoView();
        setTimeout(()=>{
            let scrollBody = document.querySelector('.body_student').parentElement
            scrollBody.scrollTop = scrollBody.scrollTop - 100
        }, 0);

      }
			let flag = this.courseType == i;
			let flag2 = this.taskCount == j
      if (l) {
        this.courseType = i;
        // this.navId = l;
        this.taskCount = j;

        this.selectPz();
        this.getHomeWork();
        this.getCourseDetail(2);
        this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount,toolType:k}})
				if(flag){
					if(flag2){
						this.insertMemorandum(`选择<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
					}else{
						this.insertMemorandum(`选择<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?'：'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
					}
				}else{
					this.insertMemorandum(`选择<span class="variable">阶段${i+1}${this.navList[i].dyName?'：'+this.navList[i].dyName:''}</span>→<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?'：'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}：${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
				}
      }
      if ((this.courseDetail.userid == this.userid ||
          (this.courseDetail.course_teacher &&
          this.courseDetail.course_teacher.indexOf(this.userid) != -1)) &&
          this.IsFollow) {
        this.setCTask();
      }

      // var b = this.$refs["bz" + k][0];
      // a.scrollTop = b.offsetTop;
    },
    addTools2(i) {
      if (i == 4) {
        // this.openTools2(4);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 45) {
        // this.openTools2(45);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 47) {
        // this.openTools2(47);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }

      if (i == 49) {
        // this.openTools2(49);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 62) {
        // this.openTools(itemTaskIndex, 62, toolIndex);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 15) {
        // this.openTools(itemTaskIndex, 15, toolIndex);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 40) {
        // this.openTools(itemTaskIndex, 40, toolIndex);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 41) {
        // this.openTools(itemTaskIndex, 41, toolIndex);
        this.$message.error(this.lang.ssNotAvailable);
        return;
      }
      if (i == 42) {
        // this.openTools(itemTaskIndex, 42, toolIndex);
        this.$message.error(this.lang.ssNotAvailable);
        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.topU.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,w=null) {
      this.$hevueImgPreview(url);
			if(w){
				this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
			}
    },
    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";
      }
      this.$forceUpdate();
    },
    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,
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.dialogVisibleSelect = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleSelectTeacher = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssFillAnswersComplete);
            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,
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.dialogVisibleSentence = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssFillAnswersComplete);
            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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleSentenceTeacher = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    returnTableText() {
      this.$confirm(this.lang.ssConfirmRestoreTemplate, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
        })
        .catch(() => {});
    },
    addTableWorks() {
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      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.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, "success")

          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleTable = false;
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleTableTeacher = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    returnWordText() {
      this.$confirm(this.lang.ssConfirmRestoreTemplate, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
        })
        .catch(() => {});
    },
    addWordWorks() {
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      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.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, "success")

          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleWord = false;
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.dialogVisibleWordTeacher = false;
          // this.selectAnswer = {};
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssUploadFileRequired);
        return;
      }
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.studyJuri[0].cover = [];
          this.dialogVisible = false;
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssEnterStudentName);
        return;
      }
      let params = [
        {
          ateacher: this.userid,
          cid: this.id,
          stage: this.courseType,
          task: i,
          tool: this.toolindex,
          content: JSON.stringify(_files),
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorksPl", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.plworkFile = [];
          this.dialogVisiblePl = false;
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          console.error(err);
          this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, 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(this.lang.ssUploadFileRequired);
        return;
      }
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      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: this.lang.ssSubmitSuccess,
            type: "success",
          });
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
            type: typesql,
            groupIndex: this.groupIndex,
            url: this.studyJuri[0].cover[0].url,
          }),type: "course_tool_sub" }, "success")
          this.studyJuri[0].cover = [];
          this.dialogVisibleGroupWork = false;
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          console.error(err);
          this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
            type: typesql,
            groupIndex: this.groupIndex,
            url: this.studyJuri[0].cover[0].url,
          }),type: "course_tool_sub" }, err)
        });
    },
    addEnglishWork() {
      this.myAnList = this.$refs['engJson'].myAnswerList;
      if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
        this.$message.error(this.lang.ssEnterEssayContent);
        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: "",
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks5", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
              data:  JSON.stringify(this.myAnList),
              type: "course_tool_sub" }, "success")
          this.myAnList = {};
          this.englishList = {};
          this.englishToolIndex = 0;
          this.engDialogVisible = false;
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
              data:  JSON.stringify(this.myAnList),
              type: "course_tool_sub" }, 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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.studyJuri[0].cover = [];
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.studyJuri[0].cover = [];
          this.dialogVisibleWorks = false;
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.studyJuri[0].cover = [];
          this.dialogVisibleWorks = false;
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssUploadFileRequired);
        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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.studyJuri[0].cover = [];
          this.dialogVisibleWorks = false;
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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(this.lang.ssHomeworkDeleted);
              }
            } 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(this.lang.ssHomeworkDeleted);
              }
            }
          }
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectStudent() {
      if(this.selectStudentLoading) return
      this.selectStudentLoading = true
      //学生查看自己作业
      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 == 20 && a[i].tool[0] == 72) {
                  this.workStudent[i].push({
                    works: b[j].content,
                    sName: b[j].name,
                    score: b[j].score,
                    img: b[j].img,
                    type: 20,
                    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,
                  });
                }
              }
            }
          }
          this.selectStudentLoading = false

        })
        .catch((err) => {
          this.selectStudentLoading = false

          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,sName) {
      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: this.lang.ssLikeSuccess,
              type: "success",
            });
            this.selectSWorks();
            this.selectStudent();
            if(this.tType==1){
						this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">点赞</span>`)
            }
          })
          .catch((err) => {
            this.$message.error(this.lang.ssLikeFailed);
            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: this.lang.ssCancelLikeSuccess,
              type: "success",
            });
            this.selectSWorks();
            this.selectStudent();
          })
          .catch((err) => {
            console.error(err);
          });
      }
    },
    deleteComment(wid) {
      this.$confirm(this.lang.ssConfirmDeleteComment, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          let params = {
            id: wid,
          };
          this.ajax
            .get(this.$store.state.api + "deleteComment2", params)
            .then((res) => {
              this.$message({
                message: this.lang.ssDeleteCommentSuccess,
                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));
      }
			this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
    },
    addComment(wid, uid, t,detail) {

      if (this.commentText == "") {
        this.$message.error(this.lang.ssEnterComment);
        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(this.lang.ssOnlyOneCommentPerHomework);
          } 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: this.lang.ssCommentSuccess,
                  type: "success",
                });
                this.commentText = "";
                this.selectSWorks();
                this.selectStudent();
                if(this.tType!=2){
                  this.insertMemorandum(`对<span class="variable">${detail.sName}</span>的作业进行<span class="btn">评论</span>`)
                }
              })
              .catch((err) => {
                this.$message.error(this.lang.ssCommentFailed);
                console.error(err);
              });
          }
        })
        .catch((err) => {
          // this.$message.error("评论失败");
          console.error(err);
        });
    },
    scoreWork(wid,sName) {
      if (this.wScore == 0) {
        this.$message.error(this.lang.ssPleaseRate);
        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: this.lang.ssRatingSuccess,
            type: "success",
          });
          this.wScore = 0;
          this.scoreDetail = "";
          this.dialogVisibleScore = false;
          this.selectSWorks();
          this.selectStudent();
					this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">评分</span>`)
        })
        .catch((err) => {
          this.$message.error(this.lang.ssRatingFailed);
          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;
			this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
    },
    openSen(w, i) {
			console.log("openSen")
			// this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
      this.sentenceList1 = JSON.parse(w.works);
      this.sentenceList1.stuName = w.sName;
      this.dialogVisibleSentence1 = true;
    },
    openPj(w, toolindex) {
			console.log("openPJ")
			// this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
      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(this.lang.ssConfirmDeleteWork, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          let params = [
            {
              id: id,
            },
          ];
          this.ajax
            .post(this.$store.state.api + "deleteCourseWork", params)
            .then((res) => {
              this.$message({
                message: this.lang.ssDeleteSuccess,
                type: "success",
              });
              this.selectStudent();
              this.selectSWorks();
              this.selectSLook();
            })
            .catch((err) => {
              this.$message.error(this.lang.ssNetworkError);
              console.error(err);
            });
        })
        .catch(() => {});
    },
    selectSWorks(gindex) {
      if(this.selectSWorksLoading) return
      this.selectSWorksLoading = true
      //教师查看全部作业
      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 ? f[g].classid.split(",") : []),
                      this.tcid.split(",")
                    ).length == 0
                  ) {
                    continue;
                  }
                  let _classId = this.arrayToArray(
                      this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
                      this.classId ? this.classId.split(",") : []
                    )
                  if (gA == f[g].group && f[g].tool == i && (this.arrayToArray(
                      (f[g].classid ? f[g].classid.split(",") : []),
                      this.tcid.split(",")
                    ).length !== 0 || this.arrayToArray(
                      (f[g].classid ? f[g].classid.split(",") : []),
                      _classId
                    ).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 likeJson = [];
              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;
                  if(a[i].testJson.testCount != JSON.parse(data.content)[0].testJson.testCount){
                    continue
                  }
                  // console.log('选择题')
                  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++;
										likeJson.push(d[k])

                    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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    _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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    _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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  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 == 20 && a[i].tool[0] == 72) {
                  let _works = {
                    userid: b[j].userid,
                    ateacher: b[j].ateacher,
                    wid: b[j].id,
                    works: b[j].content,
                    sName: b[j].name,
                    type: 20,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    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,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
											ttype:b[j].ttype,
                      time: b[j].time,
                      score: b[j].score,
                      img: b[j].img,
                      likesCount: likesCount,
                      commentCount: commentCount,
                      isLikes: isLikes,
                      commentJson: commentJson,
											likeJson:likeJson
                    };
                    _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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,
										ttype:b[j].ttype,
                    time: b[j].time,
                    score: b[j].score,
                    img: b[j].img,
                    likesCount: likesCount,
                    commentCount: commentCount,
                    isLikes: isLikes,
                    commentJson: commentJson,
										likeJson:likeJson
                  };
                  _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)
            })
          }
          this.selectSWorksLoading = false

        })
        .catch((err) => {
          this.selectSWorksLoading = false

          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",
        "JPEG",
        "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(this.lang.ssUploadFailed);
            } 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",
          "JPEG",
          "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(this.lang.ssUploadFailed);
              } 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(this.lang.ssUploadFailed);
            } 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.topU.postMessage({ allScreen: this.screenType }, "*");
    },
    nextOrpreSteps(t) {
      if (this.IsFollow && this.tType == 2) {
        this.$message.error(this.lang.ssFollowModeOn);
        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(this.lang.ssTaskLocked);
                } else {
                  this.$message.error(this.lang.ssPrevTaskLocked);
                }
                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(this.lang.ssTaskLocked);
              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(this.lang.ssTaskLocked);
              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(this.lang.ssTaskLocked);
              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 = 7;
      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();
      if ((this.courseDetail.userid == this.userid ||
          (this.courseDetail.course_teacher &&
          this.courseDetail.course_teacher.indexOf(this.userid) != -1)) && this.IsFollow) {
        this.setCTask();
      }
    },

    openTask(s, n, i,ctype) {
      // 这段代码没用开启了跟随学生侧边栏会隐藏掉
      if (this.IsFollow && this.tType == 2) {
        this.$message.error(this.lang.ssFollowModeOn);
        return;
      }
      if (this.IsLookOpen &&
        this.courseDetail.userid != this.userid &&
        this.courseDetail.course_teacher.indexOf(this.userid) ==-1) {
        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(this.lang.ssTaskLocked);
          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(this.lang.ssPrevTaskLocked);
            return;
          }
        } else if (s > this.courseType) {
          if (n > 0) {
            if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
              this.$message.error(this.lang.ssPrevTaskLocked);
              return;
            }
          } else {
            if (
              !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
                this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
              ].isLook
            ) {
              this.$message.error(this.lang.ssPrevTaskLocked);
              return;
            }
          }
        }
      }
      if (this.navList[s].task[n].isOpen == true && ctype != 2) {
        this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
        return;
      }
			let flag = this.courseType==s;


      this.courseType = s;

      this.navId = i;
      this.taskCount = n;
      this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount}})

      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;
        let yym = JSON.parse(JSON.stringify(this.chapInfoList))
        this.addCourseState(3,yym);
      }

      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);
      if ((this.courseDetail.userid == this.userid ||
          (this.courseDetail.course_teacher &&
          this.courseDetail.course_teacher.indexOf(this.userid) != -1)) && this.IsFollow) {
        this.setCTask();
      }
			if(flag){
				this.insertMemorandum(`进入<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?'：'+this.navList[s].task[n].taskName:''}</span>`)
			}else{
				this.insertMemorandum(`进入<span class="variable">阶段${s+1}${this.navList[s].dyName?'：'+this.navList[s].dyName:''}</span>→<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?'：'+this.navList[s].task[n].taskName:''}</span>`)
			}
    },

    get(i) {
      if (this.IsFollow && this.tType == 2) {
        this.$message.error(this.lang.ssFollowModeOn);
        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,
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.answerList = [];
          this.answerDialogVisible = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.answerList = [];
          this.questionAnswer = "";
          this.answerDialogVisibleTeacher = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          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 ((this.courseDetail.userid == this.userid ||
              (this.courseDetail.course_teacher &&
              this.courseDetail.course_teacher.indexOf(this.userid) != -1)) && this.IsFollow) {
            this.addCourseState(1, JSON.parse(res.data[0][0].chapters));
          }

          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;
              });
              if (this.tType == 2) {
                if (this.fileC[i].length) {
                  let yym1 =  this.fileC[i].filter(e=>{
                    if(!converter(e.name).includes(converter(this.lang.ssTeachingPlan))){
                      return e
                    }
                  })
                  this.fileC[i] = yym1
                }
              }
              // 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 || c[j].type == 15) {
                  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];
            if(this.tType == 2){
              this.tcid = this.arrayToArray(
                this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
                this.classId ? this.classId.split(",") : []
              ).join(",");
            }else{
              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 ||
                  _chapterData[this.taskCount][0].type == 15
                ) {
                  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];
                } else if (_chapterData[this.taskCount][0].type == 16) {
                  this.showType = 16;
                  this.pptImgUrl1 = _url;
                } else if (_chapterData[this.taskCount][0].type == 17) {
                  this.showType = 16;
                  this.pptImgUrl1 = _url;
                }
              }
            }
            this.isClickNav = 0;
            if (
              !_chapterData[this.taskCount].length ||
              _chapterData[this.taskCount][0].type == 12
            ) {
              this.isClickNav = "";
              this.showType = "";
            }

            if (this.tType == 2) {
              _chapterData.forEach((e,i)=>{
                if (e.length) {
                  let yym =  e.filter(k=>{
                    if(!converter(k.name).includes(converter(this.lang.ssTeachingPlan))){
                      return k
                    }
                  })
                  _chapterData[i] = yym
                }
              })
            }
            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;
              });

              if (this.tType == 2) {
                if (this.fileC[i].length) {
                  let yym1 =  this.fileC[i].filter(e=>{
                    if(!converter(e.name).includes(converter(this.lang.ssTeachingPlan))){
                      return e
                    }
                  })
                  this.fileC[i] = yym1
                }
              }
              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 || c[j].type == 15) {
                  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 ||
                  _chapterData[this.taskCount][0].type == 15
                ) {
                  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];
                } else if (_chapterData[this.taskCount][0].type == 16) {
                  this.showType = 16;
                  this.pptImgUrl1 = _url;
                } else if (_chapterData[this.taskCount][0].type == 17) {
                  this.showType = 16;
                  this.pptImgUrl1 = _url;
                }
              }
            }
            this.isClickNav = 0;
            if (
              !_chapterData[this.taskCount].length ||
              _chapterData[this.taskCount][0].type == 12
            ) {
              this.isClickNav = "";
              this.showType = "";
            }
            console.log('_chapterData66666',_chapterData);

            if (this.tType == 2) {
              _chapterData.forEach((e,i)=>{
                if (e.length) {
                  let yym =  e.filter(k=>{
                    if(!converter(k.name).includes(converter(this.lang.ssTeachingPlan))){
                      return k
                    }
                  })
                  _chapterData[i] = yym
                }
              })
            }
            this.vChapterData = _chapterData;
            this.$forceUpdate();
          }
          //  else {
          //   this.courseDetail = res.data[0][0];
          //   this.chapInfoList = JSON.parse(this.courseDetail.chapters);
          // }
          // 判断进入课程是否是创建老师，如果去创建老师，就自动开启下面两个按钮
          if (type == 10) {
            console.log('this.courseDetail.userid',this.courseDetail.userid);
            console.log('this.userid',this.userid);


            if (this.courseDetail.userid == this.userid) {

              // 开局关闭学生查看内容
              this.StulookMode(true)
              // 开局打开跟随模式
              this.followingMode(true)
            }
          }
          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();
            } else {
              _this.selectSWorks();
            }

            _this.selectStudent();
            _this.selectSLook();
            _this.getPick();
						// _this.getSplitScreenData();

            // 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);
          if (_this.timer2 == null) {
            _this.timer2 = setInterval(()=> {
              if (_this.$region != 'hk') {
                _this.getSplitScreenData();//获取分屏数据
              }
            },  5000);
          }
          _this.$nextTick(function () {
            setTimeout(() => {
              const element = document.getElementsByClassName("pb_body")[0];
              if (element) {
                  element.style.minHeight = 'unset'
                  // 或者：element.style.removeProperty("min-height");
              }
              // 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) {
      if(this.getCourseGroupLoading) return
      this.getCourseGroupLoading = true
      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;
          }
          this.getCourseGroupLoading = false

        })
        .catch((err) => {
          this.getCourseGroupLoading = false

          // this.$message.error(this.lang.ssNetworkPoor);
          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) {
      this.doSyncClassData();
      let params = [
        {
          uid: this.userid,
          cid: this.id + (this.tcid2 || ''),
          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(this.lang.ssCommentEmpty);
        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: this.lang.ssAddSuccess,
            type: "success",
          });
          this.pzConText = "";
          this.addPzDialog = false;
          this.selectPz();
          if(this.tType!=2){
					this.insertMemorandum(`使用<span class="btn">评论</span>功能，添加评论`)
          }
        })
        .catch((err) => {
            this.$message.error(this.lang.ssAddFailed);
          console.error(err);
        });

    },
    setReplyIndex(id, i) {
      this.replyIndex = i;
      this.replyPid = id;
      this.replyDialogVisible = true;
    },
    addHf() {
      if (this.reply == "") {
        this.$message.error(this.lang.ssReplyEmpty);
        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: this.lang.ssReplySuccess,
            type: "success",
          });
          this.replyDialogVisible = false;
          this.selectPz();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssReplyFailed);
          console.error(err);
        });
    },
    deletePz(id) {
      this.$confirm(this.lang.ssConfirmDeleteComment, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          let params = [
            {
              id: id,
            },
          ];
          this.ajax
            .post(this.$store.state.api + "deletePz", params)
            .then((res) => {
              this.$message({
                message: this.lang.ssDeleteSuccess,
                type: "success",
              });
              this.selectPz();
            })
            .catch((err) => {
              this.$message.error(this.lang.ssNetworkError);
              console.error(err);
            });
        })
        .catch(() => {});
    },
    deleteReply(id) {
      this.$confirm(this.lang.ssConfirmDeleteReply, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          let params = [
            {
              id: id,
            },
          ];
          this.ajax
            .post(this.$store.state.api + "deleteReply", params)
            .then((res) => {
              this.$message({
                message: this.lang.ssDeleteSuccess,
                type: "success",
              });
              this.selectPz();
            })
            .catch((err) => {
              this.$message.error(this.lang.ssNetworkError);
              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() {
      if(this.selectPzLoading) return
      this.selectPzLoading = true
      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]);
              }
            }
          }
          this.selectPzLoading = false

        })
        .catch((err) => {
          this.selectPzLoading = false

          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: this.lang.ssPermSetSuccess,
              type: "success",
            });
          } else {
            this.$message({
              message: this.lang.ssPermClosedOk,
              type: "success",
            });
          }
        })
        .catch((err) => {
          console.error(err);
        });
    },
    updateIsStulook(){
      let params = [
        {
          sopen: this.IsStulook == false ? 2 : 1,
          cid: this.id
        }
      ];

      this.ajax
        .post(this.$store.state.api + "updateCourseStulook", params)
        .then(res => {

          if (this.IsStulook == true) {
            this.$message({
              message: this.lang.ssStuViewPermOn,
              type: "success"
            });
          } else {
            this.$message({
              message: this.lang.ssStuViewPermOff,
              type: "success"
            });
          }
          // this.setCTask();
        })
        .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: this.lang.ssFollowModeOn2,
              type: "success",
            });
          } else {
            this.$message({
              message: this.lang.ssFollowModeOff,
              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: this.lang.ssPermSetSuccess,
              type: "success",
            });
          } else {
            this.$message({
              message: this.lang.ssPermClosedOk,
              type: "success",
            });
          }
          this.getCourseState(2);
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectSLook() {
      if(this.selectSLookLoading) return
      this.selectSLookLoading = true
      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;
          this.IsStulook = res.data[0][0].isStulook == 2 ? 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);
            }
          }
          this.selectSLookLoading = false

        })
        .catch((err) => {
          this.selectSLookLoading = false

          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.chapInfoList = JSON.parse(res.data[0][0].state);
          // }
          if (res.data[0].length > 0 && type == 1) {
            this.chapInfoList = JSON.parse(res.data[0][0].state);
            this.setNavList();
            this.$forceUpdate();
          } else if (res.data[0].length > 0 && type == 2) {
            this.addCourseState(2);
          } else {
            // this.addCourseState(1);
          }
        })
        .catch((err) => {
          console.error(err);
        });
    },
    addCourseState(type,val = '') {
      let _state = val ? val : 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),
        },
      ];
      // 这两个接口是一样的type无所谓了
      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();
			this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount].find(i=>i.url==u).name}</span>`)
    },
    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;
			this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][t].name}.doc</span>`)
    },
    lookTools(i, t) {
      this.chapTools = this.chapToolList[i][t];
      this.dialogVisible2 = true;
    },
    async openFile(f,w) {
      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;
      }
			this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
    },
    openTable(f) {
      this.tableJson = JSON.parse(f.works);
      this.dialogVisibleTable2 = true;
			this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)
    },
    openWord(f) {
      this.tableJson = JSON.parse(f.works);
      this.dialogVisibleTable3 = true;
			this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)

    },
    doUrl(url, i) {
      this.isClickNav = "";
      this.pptImgUrl1 = "";
      this.showType = 2;
      if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
        url = "https://" + url;
      }
      this.pptImgUrl1 = "";
      this.diffKey = new Date().getTime();
      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();
			this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][i].name}</span>`)
    },
    checkHtml(f, i){
      this.showType = 16;
      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;
			this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}：${this.vChapterData[this.taskCount][i].name}</span>`)
    },
    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,
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.eScore = { eBzText: "", eStar: [] };
          this.studentEvalDialogVisible = false;
          this.selectSWorks();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.eScore = { eBzText: "", eStar: [] };
          this.studentEvalDialogVisibleTeacher = false;
          this.selectSWorks();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    addStudentAsk() {
      if (!this.radio.length) {
        this.$message.error(this.lang.ssPleaseSelectOption);
        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(this.lang.ssPleaseSelectOption);
          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,
        },
      ];
      // console.log('params',params);

      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true

      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.askList = [];
          this.dialogVisible5 = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();

          this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    addStudentAskTeacher() {
      if (!this.radio.length) {
        this.$message.error(this.lang.ssPleaseSelectOption);
        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(this.lang.ssPleaseSelectOption);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.askList = [];
          this.dialogVisible5Teacher = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    addStudentTest() {
      if (!this.radio.length) {
        this.$message.error(this.lang.ssPleaseSelectOption);
        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(this.lang.ssPleaseSelectOption);
          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,
        },
      ];
      if (this.homeWorkLoading) return this.$message.info(this.lang.ssClickTooFast)
      this.homeWorkLoading = true
      this.ajax
        .post(this.$store.state.api + "addCourseWorks", params)
        .then((res) => {
          this.$message({
            message: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.askList = [];
          this.dialogVisibleChoice = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
           setTimeout(() => {
            this.homeWorkLoading = false
          }, 500);

          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    addStudentTestTeacher() {
      if (!this.radio.length) {
        this.$message.error(this.lang.ssPleaseSelectOption);
        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(this.lang.ssPleaseSelectOption);
          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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.askList = [];
          this.dialogVisibleChoiceTeacher = false;
          this.selectStudent();
          this.selectSWorks();
          this.selectSLook();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    addWork() {
      if (this.studyJuri[0].content == "") {
        this.$message.error(this.lang.ssPleaseFillCompleteInfo);
        return;
      } else if (this.studyJuri[0].cover.length == 0) {
        this.$message.error(this.lang.ssPleaseFillCompleteInfo);
        return;
      } else if (this.studyJuri[0].upVedio.length == 0) {
        this.$message.error(this.lang.ssPleaseFillCompleteInfo);
        return;
      }
      if (this.isNoHomeWork) {
        this.$confirm(
          this.lang.ssAlreadySubmittedHomework,
          this.lang.ssPrompt,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            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: this.lang.ssSubmitSuccess,
                  type: "success",
                });
                this.isNoHomeWork = true;
                this.dialogVisible = false;
              })
              .catch((err) => {
                this.$message.error(this.lang.ssSubmitFailed);
                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: this.lang.ssSubmitSuccess,
              type: "success",
            });
            this.isNoHomeWork = true;
            this.dialogVisible = false;
          })
          .catch((err) => {
            this.$message.error(this.lang.ssSubmitFailed);
            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;
      // }
			this.insertMemorandum(`查看<span class="variable">${sName}</span>的作业`)
    },

    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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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.topU.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(this.lang.ssNotSupportedForStudents);
          return;
        }
        this.plworkFile = [];
        this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
        if (!this.uploadCid) {
          this.$message.error(
            this.lang.ssBatchUploadNoClassPermission
          );
          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.topU.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.topU.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.topU.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.topU.postMessage({ tools: "21" }, "*");
      } else if (t == 22) {
        window.topU.postMessage({ tools: "22" }, "*");
      } else if (t == 23) {
        window.topU.postMessage({ tools: "23" }, "*");
      } else if (t == 24) {
        window.topU.postMessage({ tools: "24" }, "*");
      } else if (t == 25) {
        window.topU.postMessage({ tools: "25" }, "*");
      } else if (t == 31) {
        window.topU.postMessage({ tools: "31" }, "*");
      } else if (t == 28) {
        window.topU.postMessage({ tools: "28" }, "*");
      } else if (t == 37) {
        window.topU.postMessage({ tools: "37" }, "*");
      } else if (t == 38) {
        window.topU.postMessage({ tools: "38" }, "*");
      } else if (t == 39) {
        window.topU.postMessage({ tools: "39" }, "*");
      } else if (t == 32) {
        window.topU.postMessage({ tools: "32" }, "*");
      } else if (t == 66) {
        window.topU.postMessage({ tools: "66" }, "*");
      } else if (t == 67) {
        window.topU.postMessage({ tools: "67" }, "*");
      } else if (t == 68) {
        window.topU.postMessage({ tools: "68" }, "*");
      } else if (t == 57) {
        // window.topU.postMessage({ tools: "57" }, "*");
        window.topU.postMessage(
          {
            tools: "57u",
            cid: this.id,
            stage: this.courseType,
            task: this.taskCount,
            tool: i,
          },
          "*"
        );
      } else if (t == 58) {
        window.topU.postMessage({ tools: "58" }, "*");
      } else if (t == 59) {
        window.topU.postMessage({ tools: "59" }, "*");
      } else if (t == 60) {
        window.topU.postMessage({ tools: "60" }, "*");
      } else if (t == 61) {
        window.topU.postMessage({ tools: "61" }, "*");
      } else if (t == 63) {
        window.topU.postMessage({ tools: "63" }, "*");
      } else if (t == 71) {
        // if(this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840'){
        //   this.$message.error("该工具不可使用");
        //   return
        // }
        window.topU.postMessage({ tools: "71" }, "*");
      } else if (t == 72) {
        let item = this.chapInfoList[this.courseType].chapterInfo[0]
          .taskJson[index].toolChoose[i].appJson
          ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
              .toolChoose[i].appJson
          : "";
        if(!item || !item.url){
          this.$message.error(this.lang.ssAppConnectionEmpty);
          return;
        }
        if (!document.fullscreenElement) {
          this.enterFullScreen();
        }
        this.$refs.appStoreC.getData(item.url,this.userid)

        // window.open(item.url, "_blank");
        // window.topU.postMessage({ tools: "72", data: item }, "*");
      } 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(this.lang.ssNotSupportedForStudents);
          return;
        }
        this.uploadCid = this.tcid;
        if (!this.uploadCid) {
          this.$message.error(
            this.lang.ssNoClassPermission
          );
          return;
        }
        this.selectPickStudent();
      } else if (t == 26) {
        window.topU.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.topU.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;
      }
      this.addOp3('1', "", { courseid: this.id,tool: this.toolsList[t] ,type: "course_tool_open" }, 'success')

			this.insertMemorandum(`点击工作区<span class="variable">工具${index+1}：${this.toolsList[t]}</span>`)
    },
    teacherWorkSubmit(t, i, index, s) {
      console.log('t',t);
      if(t == 72) return
      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.topU.postMessage(
          {
            tools: t + "teacher",
            cid: this.id,
            stage: this.courseType,
            task: this.taskCount,
            tool: i,
            student: this.sStudent,
          },
          "*"
        );
      }else if (t == 72) {
        if (!document.fullscreenElement) {
          this.enterFullScreen();
        }
        let url = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index].toolChoose[i].appJson.url
        this.$refs.appStoreC.getData(url,this.sStudent.userid)
      }
    },
    openCocoPi(tool, i, uid, uname) {
      let student = {
        userid: uid,
        student: uname,
      };
      if (tool == 57) {
        window.topU.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 == 15) {
        this.diffKey = new Date().getTime();
        this.fulltype = 4;
        this.fullUrl = f.url;
      } else if (t == 16) {
        this.fulltype = 16;
        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);
      }
			this.changeSplitScreenBehavior({code:0,form:{t:t,f:f}})
		},
    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(
          this.lang.ssBatchUploadNoClassPermission
        );
        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);
        });
    },
    downloadimg(img,val){
      console.log('img',img)
      fetch(img)
      .then((response) => {
        if (!response.ok) throw new Error('download failed')
        return response.blob()
      })
      .then((blob) => {
        const blobUrl = URL.createObjectURL(blob)
        const a = document.createElement('a')
        a.href = blobUrl
        a.download = val + '.jpg'
        document.body.appendChild(a)
        a.click()
        document.body.removeChild(a)
        URL.revokeObjectURL(blobUrl)
      })
      .catch(() => {
        fallbackDownload()
      })
    },
    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,uid) {
      if (this.tType == 1 || this.userid == uid) {
        // this.$message.info("查看作业-下载文件")
        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: this.lang.ssFileLoading,
        });
        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) {
          if (document.getElementsByClassName("navBox") && document.getElementsByClassName("navBox")[0]) {
            document.getElementsByClassName("navBox")[0].style.height =
              a - 40 + 0+ "px";
          }
        } else {
          if (document.getElementsByClassName("navBox") && document.getElementsByClassName("navBox")[0]) {
              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: this.lang.ssAnnotationImage };
      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: this.lang.ssSubmitSuccess,
            type: "success",
          });
          this.drawShow = false;
          this.bg = "";
          this.selectSWorks();
          this.selectStudent();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssSubmitFailed);
          console.error(err);
        });
    },
    deletePicturePaint() {
      this.$confirm(this.lang.ssConfirmDeleteAnnotation, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          let params = [
            {
              wid: this.commentDetail.wid,
              img: "",
            },
          ];
          this.ajax
            .post(this.$store.state.api + "updateCourseWorks", params)
            .then((res) => {
              this.$message({
                message: this.lang.ssDeleteSuccess,
                type: "success",
              });
              this.selectSWorks();
              this.selectStudent();
            })
            .catch((err) => {
              this.$message.error(this.lang.ssDeleteFailed);
              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 + this.lang.ssScreenRecording + ".mp4",
          {
            type: "video/mp4",
          }
        );
        let downloadUrl = URL.createObjectURL(videoFile);
				if(this.$refs.classRoomHelperRef){
					this.$refs.classRoomHelperRef.checkUploadFile(videoFile)
				}
        document.body.appendChild(a);
        a.style.display = "none";
        a.href = url;
        a.download = this.courseDetail.title + this.lang.ssScreenRecording + ".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(this.lang.ssEnterNumber2To10);
        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(this.lang.ssGroupLargerThanSet);
          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.lang.ssSettingSuccess);
          this.getCourseDetail(2);
          this.dialogVisibleGroup2 = false;
          this.groupJson2 = {};
          this.$forceUpdate();
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetworkPoor);
          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(this.lang.ssPositionLockedCannotJoin);
        return;
      }
      if (
        this.groupStudent[this.toolindex][index].length >
          this.groupJson.number ||
        this.groupStudent[this.toolindex][index].length == this.groupJson.number
      ) {
        this.$message.error(this.lang.ssPositionFullCannotJoin);
        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.lang.ssJoinSuccess);
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetworkPoor);
          console.error(err);
        });
    },
    exitGroup(id) {
      if (this.groupJson.islock == 2) {
        this.$message.error(this.lang.ssPositionLockedCannotExit);
        return;
      }
      let params = [
        {
          gid: id,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "exitGroup", params)
        .then((res) => {
          this.$message.success(this.lang.ssExitSuccess);
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetworkPoor);
          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(this.lang.ssPositionFullCannotJoin);
        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.lang.ssModifySuccess);
          this.updateGroupUser = {};
          this.checkChair = "";
          this.updateGroupArray = {};
          this.dialogVisibleUpdateGroup = false;
          this.getCourseDetail(2);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetworkPoor);
          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.lang.ssExitSuccess);
          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(this.lang.ssNetworkPoor);
            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) {
      this.wordCloudData = '';

      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 });
          }
        }
      }
      let _result = ''
      array.forEach(e=>{
        _result +=e.name+','
      })
      this.wordCloudData = _result;

      this.dialogVisibleWordCloud = true;
      this.wordCloudKey += 1;

    },
    uploadWorks(i) {
      this.$confirm(this.lang.ssConfirmExportHomework, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
      })
        .then(() => {
          const loading = this.$loading.service({
            background: "rgba(255, 255, 255, 0.7)",
            target: document.body,
            text: this.lang.ssFileLoading,
          });
          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: this.lang.ssMathBoard, tool: 31 },
          //   { name: "翻译", tool: 28 },
          //   { name: this.lang.ssMohe, tool: 37 },
          //   { name: this.lang.ssMathBoard, tool: 31 },
          //   { name: "24点", tool: 38 },
          //   { name: "GeoGebra", tool: 39 },
          //   { name: "源码编辑", tool: 32 },
          //   { name: "个人评价", tool: 40 },
          //   { name: "选择匹配", tool: 41 },
          //   { name: this.lang.ssHanziPalace, 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 + "-" + this.lang.ssHomeworkSubmissionTool + ".zip"
          ); // 利用file-saver保存文件  自定义文件名
          setTimeout(() => {
            loading.close();
          }, 2000);
        });
      });
    },
    pickStudent(stu) {
      if (this.isPickStudent.indexOf(stu.userid) !== -1) {
        return;
      }
      this.$confirm(this.lang.ssAskStudentToAnswer.replace(/\*/g, stu.name), this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        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.lang.ssOperationSuccess);
              this.getPick();
            })
            .catch((err) => {
              this.$message.error(this.lang.ssNetworkPoor);
              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(this.lang.ssConfirmSubmitCorrection, this.lang.ssPrompt, {
        confirmButtonText: this.lang.ssConfirm,
        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.lang.ssSubmitSuccess);
              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() {
      if(this.getPickLoading) return
      this.getPickLoading = true
      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(this.lang.ssSelectedByTeacher, this.lang.ssPrompt, {
              confirmButtonText: this.lang.ssConfirm,
              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(this.lang.ssNetworkPoor);
                    console.error(err);
                  });
              })
              .catch(() => {});
          }
          this.getPickLoading = false

        })
        .catch((err) => {
          this.getPickLoading = false

          this.$message.error(this.lang.ssNetworkPoor);
          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);
        });
		},
    setClassRoomHelperWidth(width){
      this.classRoomHelperWidth = width
    },
		openChoseWorksDetailDialog(tooC, toolIndex, taskCount,tooc) {
      this.$refs.choseWorksDetailDialogRef.open({
				toolType:tooc,
        tType: this.tType,
        toolIndex: toolIndex
      });
      this.changeSplitScreenBehavior({
        code: 1,
        form: {
					toolType:tooc,
          toolIndex: toolIndex,
          courseType: this.courseType,
          taskCount: this.taskCount,
          type: 0
        }
      });
    },
    openStatisticalAnalysis(tooC, toolIndex, taskCount) {
      this.$refs.statisticalAnalysisRef.open({
        worksStudent: this.worksStudent[toolIndex],
        tType: this.tType,
        toolIndex: toolIndex
      });
			this.changeSplitScreenBehavior({
        code: 2,
        form: {
					toolType:4,
					courseType: this.courseType,
          taskCount: this.taskCount,
          toolIndex: toolIndex,
          type: 0
        }
      });
    },
    statisticalAnalysisRefresh(toolIndex) {
      this.$refs.statisticalAnalysisRef.refreshData({
        worksStudent: this.worksStudent[toolIndex],
        tType: this.tType,
        toolIndex: toolIndex
      });
    },
		async splitScreenBehavior(type = 0) {
      // return;
      if (this.splitScreenData.loading)
        return this.$message.info(this.lang.ssOperationTooFast);
      if (type == 0) {
        //关闭分屏
        this.splitScreenData.isOpen = false;
        // this.splitScreenData.userId = "";
        // this.splitScreenData.uid = "";
        this.splitScreenData.behavior = null;
        await this.updateSplitScreenData(1);
        this.$message.success(this.lang.ssSplitScreenClosed);
        this.studentFreePreview(false);
        this.OpenJobPreview(false);
        // this.followingMode(false);
      } else if (type == 1) {
        //开启分屏
        this.splitScreenData.isOpen = true;
        this.splitScreenData.userId = this.userid;
        this.splitScreenData.uid = this.splitScreenData.myUid;
        this.splitScreenData.behavior = null;
        let status = await this.updateSplitScreenData(0);
        this.changeSplitScreenBehavior({form:{}})
        if (status == 1) {
          this.$message.success(this.lang.ssSplitScreenOpened);
          this.studentFreePreview(false);
          this.OpenJobPreview(true);
          // this.followingMode(true);
        } else {
          this.splitScreenData.isOpen = false;
          this.splitScreenData.userId = "";
          this.splitScreenData.uid = "";
          this.splitScreenData.behavior = null;
          this.$message.success(this.lang.ssSplitScreenOpenFailed);
        }
      }
    },
    enterFullScreen() {
      let element = document.documentElement;
      if (element.requestFullscreen) {
        element.requestFullscreen();
      } else if (element.mozRequestFullScreen) { /* Firefox */
        element.mozRequestFullScreen();
      } else if (element.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
        element.webkitRequestFullscreen();
      } else if (element.msRequestFullscreen) { /* IE/Edge */
        element.msRequestFullscreen();
      }
    },
    exitFullScreen() {
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.mozCancelFullScreen) { /* Firefox */
        document.mozCancelFullScreen();
      } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
        document.webkitExitFullscreen();
      } else if (document.msExitFullscreen) { /* IE/Edge */
        document.msExitFullscreen();
      }
    },
    confirmOpen(){
      this.splitScreenData.isOpen = true;
      this.splitScreenData.uid = this.confirmOpenDigData.uid;
      this.splitScreenData.userId = this.confirmOpenDigData.userId;
      this.splitScreenData.behavior = this.confirmOpenDigData.behavior;
      this.confirmOpenDig = false
      if (!document.fullscreenElement) {
        this.enterFullScreen();
      }
      // if (this.timer2) {
      //   clearInterval(this.timer2);
      //   this.timer2 = null;
      // }
      // this.timer2 = setInterval(()=> {
      //   this.getSplitScreenData();//获取分屏数据
      // }, 5000);
      this.$message.success(this.lang.ssSplitScreenEnabled);
    },
    // 获取分屏数据
    getSplitScreenData() {
      // return;
      // if (this.tType != 1) return;
      if(this.getSplitScreenDataLoading) return
      this.getSplitScreenDataLoading = true
      let params = {
        cid: this.id
      };
      this.ajax
        .get(this.$store.state.api + "select_courseSplitScreenData", params)
        .then(async res => {
          let data = res.data[0][0]["splitScreenData"];
          console.log("获取了分屏数：", data);
          if (data) {
            data = JSON.parse(data);
            if (
              !this.splitScreenData.isOpen &&
              data.isOpen &&
              this.splitScreenData.myUid == data.uid
            ) {
              this.splitScreenData.isOpen = false;
              this.splitScreenData.userId = "";
              this.splitScreenData.uid = "";
              this.splitScreenData.behavior = null;
              await this.updateSplitScreenData(1);
            } else if (!this.splitScreenData.isOpen && data.isOpen) {
              this.confirmOpenDig = true
              this.confirmOpenDigData = data
            } else if (this.splitScreenData.isOpen && !data.isOpen) {
              this.splitScreenData.isOpen = false;
              this.splitScreenData.userId = "";
              this.splitScreenData.uid = "";
              this.splitScreenData.behavior = null;
              this.$message.error(this.lang.ssSplitScreenEnded);
            } else if (this.splitScreenData.isOpen && data.isOpen) {
              this.splitScreenData.isOpen = true;
              this.splitScreenData.uid = data.uid;
              this.splitScreenData.userId = data.userId;
              this.splitScreenData.behavior = data.behavior;
            }

            this.doSplitScreenBehavior();
          } else {
            if (this.splitScreenData.isOpen) {
              this.splitScreenData.isOpen = false;
              this.splitScreenData.userId = "";
              this.splitScreenData.uid = "";
              this.splitScreenData.behavior = null;
              this.$message.error(this.lang.ssSplitScreenEnded);
              // if (this.timer2) {
              //   clearInterval(this.timer2);
              //   this.timer2 = null;
              // }
              // this.timer2 = setInterval(()=> {
              //   this.getSplitScreenData();//获取分屏数据
              // }, 5000);
              this.$confirm(this.lang.ssTeacherEndedSplitScreen, this.lang.ssPrompt, {
                confirmButtonText: '确定', //确认按钮的文字
                showCancelButton: false, //是否显示取消按钮
                showClose: false, //是否显示关闭按钮
                closeOnClickModal: false, //是否可以通过点击空白处关闭弹窗
                type: "warning",
              })
                .then(() => {
                  if (document.fullscreenElement) {
                      this.exitFullScreen();
                  }
                })
                .catch(() => {});
            }
          }
          this.getSplitScreenDataLoading = false

        })
        .catch(e => {
          this.getSplitScreenDataLoading = false

          console.log("获取分屏数出错：", e);
        });
    },
    // 操作
    doSplitScreenBehavior() {
      if (
        this.splitScreenData.isOpen &&
        this.splitScreenData.uid != this.splitScreenData.myUid
      ) {
        let behavior = this.splitScreenData.behavior;

        if (behavior) {
          // console.log('behavior',behavior);

          // this.toolindex = behavior.form.toolType
          // 初始状态
          if (behavior.code === 99) {
            //初始化
            this.fullDialogVisible = false;
						if(this.$refs.choseWorksDetailDialogRef.show){
							this.$refs.choseWorksDetailDialogRef.close();
						}
						if(this.$refs.statisticalAnalysisRef.show){
							this.$refs.statisticalAnalysisRef.close();
						}
          }
          // 文件列表
           if (behavior.code === 0) {
            //开启内容列表弹窗
            this.checkFileFull1(behavior.form.t, behavior.form.f);
            }else{
              this.fullDialogVisible = false;
            }
            // 打开工具
           if (behavior.code === 1) {
            //关于选择题的作业详细的操作
            // toolIndex:toolIndex,courseType:this.courseType,taskCount:this.taskCount,type:0
            if(this.courseType!==behavior.form.courseType || this.taskCount!==behavior.form.taskCount){
							this.courseType = behavior.form.courseType;
            	this.taskCount = behavior.form.taskCount;
						}
            this.$nextTick(() => {
							if (this.$refs.choseWorksDetailDialogRef.show) {
                //已经打开了
								this.$refs.choseWorksDetailDialogRef.splitScreenFn({toolType:behavior.form.toolType,type:behavior.form.type,showStatisticsType:behavior.form.showStatisticsType,lookWorks:behavior.form.lookWorks})
              } else {
								this.$refs.choseWorksDetailDialogRef.open({toolType:behavior.form.toolType,toolIndex:behavior.form.toolIndex,tType: this.tType,lookWorks:behavior.form.lookWorks})
              }
            });
          }else{
            this.$refs.choseWorksDetailDialogRef.close()
          }
          // 问卷调查
           if(behavior.code === 2){
						if(this.$refs.statisticalAnalysisRef.show){
							this.$refs.statisticalAnalysisRef.splitScreenFn({type:behavior.form.type})
						}else{
							this.$refs.statisticalAnalysisRef.open({
      				  worksStudent: this.worksStudent[behavior.form.toolIndex],
      				  tType: this.tType,
      				  toolIndex: behavior.form.toolIndex
      				});
						}
					}else{
            this.$refs.statisticalAnalysisRef.close();
          }
          if(behavior.form.taskCount!=="" && behavior.form.courseType !==""){

            let oldData = [parseInt(this.courseType),parseInt(this.taskCount)]
            let newData = [parseInt(behavior.form.courseType),parseInt(behavior.form.taskCount)]

            // console.log('behavior.form',behavior.form.courseType,behavior.form.taskCount,behavior.form.toolType);
            // console.log('666666',this.courseType,this.taskCount,this.toolindex);

            if (behavior.form.courseType != this.courseType ||
                behavior.form.taskCount != this.taskCount ||
                behavior.form.toolType != this.toolindex
            ) {
                var a = document.scrollingElement;
                let target = document.querySelector(`#gj${behavior.form.toolType}`);
                if (target) {
                  target.scrollIntoView(true);
                  setTimeout(()=>{
                      let scrollBody = document.querySelector('.body_student').parentElement
                      scrollBody.scrollTop = scrollBody.scrollTop - 100
                  }, 0);
                  // setTimeout(() => {
                  //   a.scrollTop = 0
                  // }, 0);
                }
            }
            if(this.courseType !=behavior.form.courseType){
              this.courseType = behavior.form.courseType;
            }
            if(this.taskCount !=behavior.form.taskCount){
              this.taskCount = behavior.form.taskCount;
            }
            if((behavior.form.toolType || behavior.form.toolType == 0)  && this.toolindex != behavior.form.toolType){
              this.toolindex = behavior.form.toolType;
            }

            // if(behavior.form.navId){
            //   this.navId = behavior.form.navId
            // }
            // console.log("分屏阶段和任务",JSON.stringify(oldData),JSON.stringify(newData))
            if(JSON.stringify(oldData)!=JSON.stringify(newData)){
              // console.log("分屏测试====",JSON.stringify(oldData),JSON.stringify(newData))
              this.getCourseDetail()
            }
            this.setContent2(false)


          }
        } else {
        }
      }
    },
    // 修改分屏数据
    updateSplitScreenData(empty = 0) {
      return new Promise(resolve => {
				if(this.userid!==this.courseDetail.userid){
					if(!this.courseDetail.userid){
						return setTimeout(()=>{
							this.updateSplitScreenData(empty)
						},2000)
					}
					return;
				};
        if (
          this.splitScreenData.uid == this.splitScreenData.myUid &&
          this.splitScreenData.userId == this.userid
        ) {
          this.splitScreenData.loading = true;
          let params = [
            {
              cid: this.id,
              nData: empty === 1 ? "" : JSON.stringify(this.splitScreenData)
            }
          ];

          this.ajax
            .post(
              this.$store.state.api + "update_courseSplitScreenData",
              params
            )
            .then(res => {
              this.splitScreenData.loading = false;
              if (res.data == 1) {
                resolve(1);
                console.log("修改分屏数据成功");
              }
            })
            .catch(e => {
              this.splitScreenData.loading = false;
              console.log("修改分屏数据失败", e);
              resoleve(0);
            });
        } else if (empty == 2 && this.tType == 1) {
					console.log("清空清空清空清空")
          let params = [
            {
              cid: this.id,
              nData: ""
            }
          ];

          return this.ajax
            .post(
              this.$store.state.api + "update_courseSplitScreenData",
              params
            )
            .then(_ => resolve(1))
            .catch(_ => resolve(0));
        } else {
          return resolve(0);
        }
      });
    },
    // 修改分屏数据
    changeSplitScreenBehavior(newValue) {
      if (
        this.splitScreenData.isOpen &&
        this.splitScreenData.uid == this.splitScreenData.myUid
      ) {
        let _behavior = null;
        if(!newValue){
          _behavior = {}
        }else{
          _behavior = newValue
        }
        if(_behavior.form){
          _behavior.form.taskCount = this.taskCount;
          _behavior.form.courseType = this.courseType
        }else{
          _behavior.form = {
            taskCount:this.taskCount,
            courseType:this.courseType,
          }
        }
        this.splitScreenData.behavior = _behavior;
        this.updateSplitScreenData(0);
      }
    },
    studentFreePreview(flag) {
      this.IsLookOpen = flag;
			this.updateLookOpen();
			this.followingMode(flag)

    },
    OpenJobPreview(flag) {
      this.sIsOpen = flag;
      this.updateSLook();
    },
    followingMode(flag) {
      this.IsFollow = flag;
      this.updateFollow();
    },
    StulookMode(flag) {
      this.IsStulook = flag;
      this.updateIsStulook();
    },
    async doSyncClassData(){
      let userArray = ['6fbc6471-1d48-11ed-8c78-005056b86db5','333d0dfc-1cd9-11ef-bee5-005056b86db5','6fbce5ef-1d48-11ed-8c78-005056b86db5','66feffcc-ad35-11ed-b13d-005056b86db5']
      if (this.courseDetail.userid == this.userid && (this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840' || userArray.includes(this.userid))) {
        let endTime = await this.getServerTime()
        let courseTime = Math.floor((new Date(endTime) - new Date(this.startTime)) / (1000 * 60))
        this.syncClassData({
          courseId: this.id,
          title: this.courseDetail.title,
          ctitle: this.courseDetail.copyTitle || this.courseDetail.title,
          courseGrade: this.tcid2 ? this.tcid2 : '',
          courseTime: courseTime,
          startTime: this.startTime,
          endTime: endTime,
        })
        console.log('同步数据')
      }
    },
    resetIdleOp(){
      this.$message({
        message: this.lang.ssLongTimeNoOperation,
        type: "warning",
      });
      this.goTo(
                    '/courseDetail?userid=' +
                      this.userid +
                      '&oid=' +
                      this.oid +
                      '&org=' +
                      this.org +
                      '&cid=' +
                      this.id +
                      '&courseId=' +
                      this.id +
                      '&tType=' +
                      this.tType +
                      '&screenType=' +
                      this.screenType
                  )
    }
  },
  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.timer2);
    this.timer2 = null;
    clearInterval(this.opertimer);
    this.opertimer = null;
		this.updateSplitScreenData(1);
    this.doSyncClassData();
    clearTimeout(this.timeoutPan);
    this.timeoutPan = null;
    this.stopIdleDetection(this.resetIdleOp);
  },
  computed: {
    renderedFormula2() {
      return function(val){
        if (this.lang.lang == 'com') {
          return val;
        }

        // 处理换行符和HTML实体
        const normalized = val
          .replace(/&amp;/g, '&')
          .replace(/<br\/?>/g, '\n');

        // 匹配行内公式($...$)和块级公式($$...$$)
        return normalized.replace(/(\${1,2})([^$]+)(\${1,2})/g, (_, delim, expr) => {
          try {
            return katex.renderToString(expr.trim(), {
              displayMode: false,
              throwOnError: false,
              macros: {
                '\\aligned': '\\begin{aligned}#1\\end{aligned}'
              }
            });
          } catch (e) {
            console.warn('KaTeX渲染失败:', e);
            return `<span style="color:red">${expr}</span>`;
          }
        })
      }
    },
    renderedFormula() {
      return function(val){
        if (this.lang.lang == 'com') {
          return val;
        }
        try {
        // 判断是否含有HTML标签，<tag ...>...</tag>
            const hasTag = /<([a-zA-Z][\w\-]*)([^>]*)>([\s\S]*?)<\/\1>/g.test(val);
            if (!hasTag) {
            val = val.trim().replace(/[\u200B-\u200D\uFEFF]/g, '');

            // 纯文本，整体渲染
            try {
              return katex.renderToString(val.trim(), {
                throwOnError: false,
                strict: false,
                output: "htmlAndMathml"
              });
            } catch (e) {
              return val; // 渲染失败原样输出
            }
            } else {
            // 有标签，对每个标签内容渲染
            return val.replace(
              /<([a-zA-Z][\w\-]*)([^>]*)>([\s\S]*?)<\/\1>/g,
              (match, tag, attrs, inner) => {
              let html;
              val = val.trim().replace(/[\u200B-\u200D\uFEFF]/g, '');
              try {
                html = katex.renderToString(inner.trim(), {
                throwOnError: false,
                strict: false,
                output: "htmlAndMathml"
                });
              } catch (e) {
                html = inner;
              }
                return `<${tag}${attrs}>${html}</${tag}>`;
              }
            );
          }
        } catch (e) {
          console.error('KaTeX渲染错误:', e);
          return val;
        }
      }
    },
    isAndroid() {
      return /Android/i.test(navigator.userAgent);
    },
    contentConvent() {
      return function (c) {
        return c
          ? c
              .replaceAll(/\r\n/g, "<br/>")
              .replaceAll(/\n/g, "<br/>")
              .replaceAll(/\s/g, "&nbsp")
          : "";
      };
    },
		commentRight(){
			if(!this.orgArray.includes(this.org) && !this.oidArray.includes(this.oid)){
				return "35px";
			}
			return `calc(${this.classRoomHelperWidth} + 5px)`
			// if(this.$refs["classRoomHelperRef"].type==0){
			// 	return "100px";
			// }else if(this.$refs["classRoomHelperRef"].type==1){
			// 	return "502px"
			// }else{
			// 	return "0px"
			// }
		},
    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;
      };
    },
  },
  async mounted() {
    this.setoTime("1");
    this.startTime = await this.getServerTime()
    this.timeoutPan = setTimeout(() => {
      this.startIdleDetection(this.resetIdleOp);
    }, 40 * 60 * 1000)
    // if (this.tType == 1) {
    //    // 开局关闭学生查看内容
    //   this.StulookMode(false)
    //   // 开局打开跟随模式
    //   this.followingMode(true)
    // }
    document.body.addEventListener("click", (e) => {
      if (this.isUpdateToolDetail1) {
        this.updateToolDetail(this.toolDetailIndex);
      }
    });
    setTimeout(() => {
      this.doSyncClassData();
    }, 1000);
    this.getCode2()
    this.setOperationTime();
    this.selectEva();
    this.getCourseDetail(10);
    this.selectCount();
    this.getHomeWork();
    this.selectUser();
		this.getAIJ();

		this.updateSplitScreenData(2);
		this.splitScreenData.myUid = uuidv4();

    this.contentDialog = false;
    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 + 0+ "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);
    try{
      if (this.screenType == 2) {
        window.topU.postMessage({ allScreen: 4 }, "*");
      } else if (this.screenType == 3) {
        window.topU.postMessage({ allScreen: 5 }, "*");
      } else if (this.screenType == 1) {
        window.topU.postMessage({ allScreen: 6 }, "*");
      }
    }catch(e){
      console.log(e)
    }
  },
};
</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: 15%;
  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;
  margin-left: 2px;
  min-height: 90%;
}

.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%);
  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;
  padding: 8px 10px;
  /* 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: self-start;
  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;
  flex-shrink: 0;

}

.queTitle {
  margin-left: 5px;
  font-size: 25px;
  display: flex;
  /* align-items: center; */
}
.queTitle > div:nth-child(1){
  width: 120px;
  flex-shrink: 0;
}

.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: 15px;
  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;
}

.noWorksName > span{
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.noWorksName2 {
  background: #fff;
  color: #0061ff;
  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 #0061ff;
}

.noWorksName2 > span {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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 >>> .katex {
  font-size: 16px;
}
.tool_right_box + .tool_right_box {
  margin-top: 10px;
}

.right_box_xuan {
  border-radius: 5px;
  padding: 5px;
  margin-left: 10px;
  min-width: 95px;
  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 10px;
  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;
  word-break: break-word;
  white-space: pre-line;
}

.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;
  min-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 {
  min-width: 130px;
  width: auto;
  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;
  background-size: 100% 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.isCard > div,
.noCard > div,
.isCard1 > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  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 25px;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
  border-radius:5px;
}
.gjCss > div:nth-child(1){
  flex-shrink: 0;
}
.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; */
	min-width:fit-content;
}
.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;
}
.dialog_diyCopy >>> .el-dialog__header {
  display: none !important;
}
.dialog_diyCopy >>> .el-dialog__body {
  padding: 0 !important;
  height: 100% !important;
}
.confirmOpenDigCss > div{
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.confirmOpenDigCss >>> .el-dialog{
  border-radius: 6px;
}
.confirmOpenDigCss >>> .el-dialog__body{
  padding: 25px !important;
}
.confirmOpenDigCss > span{
  font-size: 16px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
div::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}
.Ovh{
  margin: 5px 0;
  width: 4em;
  -webkit-line-clamp: 2;
  display: -webkit-box;

  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.renderedFor >>> .katex {
  font-size: 18px;
  width: 100%;
  white-space: normal;
  font-family: '黑体' !important;
}
.renderedFor >>> .katex .base{
  display: inline !important;
  display: contents !important;
}

.renderedFor>>> .katex .base .cjk_fallback{
    white-space: normal !important;
    display: inline !important;
}
.notop >>> .vjs-fluid{
  padding-top: 0 !important;
}
.xiaz{
  position: absolute;
  right: 40px;
  top: 10px;
  width: 24px !important;
  padding: 4px;
  box-sizing: border-box;
  background: #243052;
  border-radius: 8px;
  height: 24px !important;
}
</style>