pbl-teacher-table/src/components/pages/aiAddCourse/addCourse.vue

<template>
  <div class="pb_content" style="background: #f0f2f5" v-loading="loading">
    <div class="pb_content_body" style="position: relative; margin: 0">
      <div class="right">
        <div class="courseTop">
          <div class="stepsNav">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{
                path:
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role,
              }">课程管理</el-breadcrumb-item>
              <el-breadcrumb-item>
                <span style="color: rgb(15, 126, 255)">添加课程</span>
              </el-breadcrumb-item>
            </el-breadcrumb>
          </div>
          <div class="r_pub_button_retrun" @click="retrunCourse">返回</div>
        </div>
        <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
        <!-- @mouseenter="stepDisplay(true)"
              @mouseleave="stepDisplay(false)" -->
        <div ref="stepBox" class="stepBox">
          <div class="stepBg" v-if="false">
            <div :class="{ stepTop: isStepDisplay, stepTop2: !isStepDisplay }">
              <div v-if="steps > 0 && isStepDisplay" class="first" @click="navSteps(1)">
                <div>
                  <img src="../../../assets/icon/first.png" alt />
                </div>
                <div>填写基本信息</div>
              </div>
              <div v-else-if="isStepDisplay" class="firstNo" @click="navSteps(1)">
                <div>
                  <img src="../../../assets/icon/firstNo.png" alt />
                </div>
                <div>填写基本信息</div>
              </div>
              <div class="stepBorder" :class="{ 'border-active': steps > 1 }" v-if="cidType === 0 && isStepDisplay">
              </div>
              <!-- <div
                v-if="steps > 1 && cidType === 0 && isStepDisplay"
                class="second"
                @click="navSteps(2)"
              >
                <div style="margin: 5px 10px 0 0; width: 2rem">
                  <img src="../../../assets/icon/second.png" alt />
                </div>
                <div>选择课程模板</div>
              </div>
              <div
                v-else-if="cidType === 0 && isStepDisplay"
                class="secondNo"
                @click="navSteps(2)"
              >
                <div>
                  <img src="../../../assets/icon/secondNo.png" alt />
                </div>
                <div>选择课程模板</div>
              </div> -->
              <!-- <div
                v-if="isStepDisplay"
                class="stepBorder"
                :class="{ 'border-active': steps > 2 }"
              ></div> -->
              <div v-if="steps > 2 && isStepDisplay" class="third" @click="navSteps(3)">
                <div>
                  <img src="../../../assets/icon/third.png" alt />
                </div>
                <div>上传课程内容</div>
              </div>
              <div v-else-if="isStepDisplay" class="thirdNo" @click="navSteps(3)">
                <div>
                  <img src="../../../assets/icon/thirdNo.png" alt />
                </div>
                <div>上传课程内容</div>
              </div>
              <div v-if="isStepDisplay" class="stepBorder" :class="{ 'border-active': steps > 3 }"></div>
              <div v-if="steps > 3 && isStepDisplay" class="four">
                <div>
                  <img src="../../../assets/icon/four.png" alt />
                </div>
                <div>上传完成</div>
              </div>
              <div v-else-if="isStepDisplay" class="fourNo">
                <div>
                  <img src="../../../assets/icon/fourNo.png" alt />
                </div>
                <div>上传完成</div>
              </div>
            </div>
          </div>
          <div class="rightBox" :key="updateKey" ref='scrollContainer' v-if="steps == 1" @mousewheel="scrollChange"
            style="padding: 0" :style="{
              height:
                !isStepDisplay && !isBtnDisplay
                  ? 'calc(100% - 20px)'
                  : 'calc(100% - 100px)',
            }">
            <div class="updateMask" :style="{
              height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
            }" v-if="cid && userid != courseUserid && role != '1'"></div>
            <div class="whiteBg" style="background: unset; padding: 0">
              <div>
                <div class="basic_box" style="padding: 0">
                  <div class="big_box">
                    <div class="left_first">
                      <div :class="{
                        updateTips:
                          cid && userid != courseUserid && role != '1',
                      }">
                        <div style="width: 100%">
                          <div class="course_input_box">
                            <div class="bb_courseIcon">
                              <img src="../../../assets/icon/new/course.png" />
                            </div>
                            <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName" style="
                                border: 1.5px solid rgb(202, 209, 220);
                                margin: 0px 10px 0px 0px;
                                border-radius: 5px;
                                font-weight: 600;
                                padding: 12px 14px 12px 71px;
                              " />
                            <el-switch v-model="isTeacherSee" active-text="是否公开此课程"
                              style="justify-content: center; width: 200px"></el-switch>
                          </div>
                        </div>
                      </div>
                      <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
                        <span>类型</span>
                        <!-- 学科+ 主题+  未来+ -->
                        <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
                          style="display: flex; align-items: center">
                          <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2"
                            :key="index">
                            <el-radio :label="item.name">{{
                              item.name
                            }}</el-radio>
                          </div>
                        </el-radio-group>
                      </div>
                      <div class="both">
                        <div class="choose">
                          <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
                            <span v-if="
                              CourseTypeJson[item.id].length > 0 &&
                              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
                                ? pTypeCheck.indexOf(item.id) != -1
                                : true)
                            ">{{ item.name }}:</span>
                            <el-checkbox-group v-model="courseTypeId" v-if="
                              CourseTypeJson[item.id].length > 0 &&
                              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
                                ? pTypeCheck.indexOf(item.id) != -1
                                : true)
                            ">
                              <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
                                item1.name }}</el-checkbox>
                            </el-checkbox-group>
                            <!-- <div
                              v-else
                              style="font-size: 14px; margin-left: -8px"
                            >
                              暂无
                            </div> -->
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="right_first">
                      <!-- <div class="ai_box">
                      <div class="ai_content" @click="openAI"><img src="../../../assets/icon/new/ai.png"/><span>AI共创</span></div>
                    </div> -->
                      <div class="c_info_title" style="padding: 0 0 15px; margin: 0 auto 0 0">
                        上传封面
                      </div>
                      <div style="width: 100%">
                        <div class="uploadFm" @click="choosePicVisible = true" :class="{ uploadFm2: cover.length }">
                          <img src="../../../assets/icon/addPoster.png" alt="" v-if="cover.length == 0" />
                          <img :src="cover[0].url" alt="" class="cover_p" v-else />
                          <div v-if="cover.length == 0">点击添加封面</div>
                          <div class="cover_mask">
                            <img src="../../../assets/icon/new/cover_update.png" /><span
                              style="margin-top: 5px">修改封面</span>
                          </div>
                        </div>
                        <!-- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
                          v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
                          :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
                          :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
                          <i class="el-icon-plus"></i>
                        </el-upload> -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 10px 0;padding: 0 0 15px;">
              <div class="whiteBg" style="border-radius: 0">
                <div class="c_info_title">
                  课程权限设置
                </div>
                <div class="wb_j_box">
                  <div class="wb_j_box_content">
                    <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
                      (dialogVisibleClass = true),
                      (classSearch = ''),
                      (gradeId = ''),
                      getClass()
                      ">添加班级</button>
                    <div v-if="checkboxList2.length" class="wb_j_box_p_box">
                      <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
                        getClassC(tc) }}</span>
                    </div> -->
                    <div class="wb_j_box_btn" @click="
                      (dialogVisibleClass = true),
                      (classSearch = ''),
                      (gradeId = ''),
                      getClass()
                      ">
                      <div class="wb_j_box_title">授课班级</div>
                      <div class="wb_j_box_btn_c">
                        <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top"
                          v-if="checkboxList2.length" popper-class="text_tooltip2">
                          <div class="wb_j_box_span">
                            {{ getListClassC(checkboxList2) }}
                          </div>
                        </el-tooltip>
                        <div v-else class="wb_j_box_span">请选择授课班级</div>
                        <div class="wb_j_box_arrow"></div>
                      </div>
                    </div>
                  </div>
                  <div class="wb_j_box_content">
                    <!-- <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
                    <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
                      <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
                        checkBoolean
                        ? checkboxList3
                        : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
                        v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
                    </div> -->
                    <div class="wb_j_box_btn" @click="openMember">
                      <div class="wb_j_box_title">协同人员</div>
                      <div class="wb_j_box_btn_c">
                        <el-tooltip effect="dark" :content="getListMan2(checkboxList3)" placement="top"
                          v-if="checkboxList3.length" popper-class="text_tooltip2">
                          <div class="wb_j_box_span">
                            {{ getListMan2(checkboxList3) }}
                          </div>
                        </el-tooltip>
                        <div v-else class="wb_j_box_span">请选择协同人员</div>
                        <div class="wb_j_box_arrow"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px" v-if="false">
                <div class="c_info_title">目标管理</div>
                <div style="margin: 0 auto; padding: 0 20px">
                  <div style="
                      width: 95%;
                      min-height: 200px;
                      border: 1px solid #cad1dc;
                      border-radius: 4px;
                      position: relative;
                    ">
                    <div class="e_add_top">
                      <div class="e_add_title">
                        <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()" v-if="evalua">
                          清除
                        </button>
                        <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">
                          添加
                        </button>
                        <!-- <span>当前使用目标管理</span>
                      <span>{{ eTitle ? eTitle : "请添加目标" }}</span>
                      <img
                        src="../../../assets/line.png"
                        class="cru_line"
                        style="
                          width: 125px;
                          height: 20px;
                          bottom: -10px;
                          left: 155px;
                        "
                      /> -->
                      </div>
                      <div style="
                          display: flex;
                          flex-direction: row;
                          align-items: center;
                        ">
                        <!-- <el-button
                        type="primary"
                        size="small"
                        @click="dialogVisiblemb = true"
                        >添加目标管理</el-button
                      >
                      <el-button
                        type="primary"
                        size="small"
                        @click="deleteEva()"
                        >清除内容</el-button
                      > -->
                        <!-- <div class="e_add_delete" @click="deleteEva()">
                          <img src="../../../assets/icon/delete.png" alt="" />
                        </div> -->
                      </div>
                    </div>
                    <div v-if="evalua == ''">
                      <div class="noneBox">
                        <img src="../../../assets/icon/new/eva_none.png" />
                        <span>请添加目标管理</span>
                      </div>
                    </div>
                    <div class="e_add_content" v-else>
                      <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="OtherMb(1)">目标树</span>
                            <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
                            <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span> -->
                          </div>
                        </div>
                        <div class="e_add_list_pbox_content">
                          <Mind :showBar="false" :mindData="data" v-if="typeMode == 1"></Mind>
                          <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
                          <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
                            v-if="typeMode == 3">
                          </SeeBoard>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-loading="textLoading">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  课程简要描述
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;" @click="detailYou">AI优化</button>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%)">
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText"
                      placeholder="请输入课程简要描述"></textarea>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;">
              <!-- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  补充资料
                  <button class="c_pub_button_add pub_btn_add_img" style="margin: 0 20px 0 auto;">上传补充资料</button>
                </div>
                <div class="buchong_box">
                  <span>暂时还没有内容，快去添加吧~</span>
                </div>
              </div> -->
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                      <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                        <div style="margin-bottom: 10px;width:100%" class="lineTitle">
                          补充资料
                          <div class="add_info_box" style="margin: 0 0 0 auto">
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              上传补充资料
                              <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
                                beforeUploadInfo2(
                                  $event,
                                  13
                                )
                                " />
                            </button>
                            <!-- <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
                              图文
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
                              链接
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
                              代码
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
                              资源
                            </button> -->
                          </div>
                        </div>
                      </div>
                      <div>
                        <div class="add_chapters_box add_c_none" v-if="
                          infoData &&
                          infoData.length == 0
                        ">
                          <img src="../../../assets/icon/new/c_none.png" alt /><span>暂时还没有内容，快去添加吧</span>
                        </div>
                        <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                          <div @dragstart="
                            dragStart(item1, index1, 0)
                            " @dragover.prevent="
                              dragOver(index1, 0)
                              " @dragend="dragEnd()" :draggable="isdrag ==
                                    'chapter-' + 0 + '-' + index1
                                    " class="chapter_upload" v-for="(item1, index1) in infoData"
                            :key="item1.id" @click="
                              getChapterData(
                                $event,
                                index1,
                                item1.type
                              )
                              " :class="{
                                dragOverTop2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex > index1 &&
                                  dragType == 'drag',
                                dragOverBottom2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex < index1 &&
                                  dragType == 'drag',
                              }">
                            <!-- <div @mousedown="
                              isdrag =
                              'chapter-' + 0 + '-' + index1
                              " @mouseup="isdrag = ''" @touchstart="
                                isdrag =
                                'chapter-' + 0 + '-' + index1
                                " @touchend="isdrag = ''" class="chapter_upload_drag"></div> -->
                            <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                              <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                                </div>
                                <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                                <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                                </div>
                              </div>
                              <div class="chapter_upload_n">
                                <input readonly="true" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " :placeholder="item1.name" @click="
                                  updataVideoT(
                                    $event,
                                    index1
                                  )
                                  " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(index1)
                                        " />
                                <input :placeholder="item1.title ? item1.title : '链接'
                                  " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(index1)" />
                                <input :placeholder="item1.title ? item1.title : '链接'
                                  " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(index1)
                                        " />
                              </div>
                              <div class="chapter_upload_ic">
                                <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                <!-- <div class="chapter_upload_ud" style="z-index: 99">
                                  <div class="chapter_upload_up" @click="
                                    upCd(
                                      $event,
                                      index1
                                    )
                                    "></div>
                                  <div class="chapter_upload_down" @click="
                                    downCd(
                                      $event,
                                      index1
                                    )
                                    "></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " @click.stop="
                                  updataVideoT(
                                    $event,
                                    index1
                                  )
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                  selectAttText(index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
                                  @click="selectLine(index1)">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                  openUpdateSource(index1)
                                  ">
                                  <div></div>
                                </div> -->
                                <div class="chapter_upload_ic_r" @click.stop="
                                  deleteInfoData(
                                    $event,
                                    index1
                                  )
                                  ">
                                  <div></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div v-if="
                        infoproVisible
                      " class="mask">
                        <div class="progressBox">
                          <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                          <div class="lbox">
                            <img src="../../../assets/loading.gif" />上传中，请稍后
                          </div>
                          <div style="margin-bottom: 10px">
                            <span>{{
                              infoisFinishSize
                            }}M</span>
                            /
                            <span>{{
                              infoisAllSize
                            }}M</span>
                          </div>
                          <el-progress :text-inside="true" :stroke-width="20" :percentage="infoprogress
                            ? infoprogress
                            : 0
                            " style="width: 80%"></el-progress>
                        </div>
                      </div>
                    </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  补充描述
                  <!-- <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button> -->
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%)">
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText2"
                      placeholder="请输入课程补充描述：例如您期望的课程时长、任务数量、任务难度、任务类型等。"></textarea>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-if="isOutline">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  课程大纲
                  <!-- <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button> -->
                </div>
                <div class="task_outline">
                  <div class="outline_box" v-for="(item, index) in unitJson[0].chapterInfo[0].taskJson" :key="index">
                    <div class="outline_task">
                      <div class="title">任务{{ index + 1 }}</div>
                      <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"  v-model="item.task"/>
                    </div>
                    <div class="outline_detail">
                      <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
                        placeholder="请输入任务描述" v-model="item.taskDetail2"></textarea>
                      <div class="op_box">
                        <div class="op_remark">*可以将需要优化的建议添加在任务描述后，点击“智能优化”，自动进行修改</div>
                        <div class="r_pub_button_op">智能优化</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="info_btnBox3">
              <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                goTo(
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role
                )
                ">
                返回课程
              </button>
              <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
                {{ steps == 4 ? "返回课程" : "上一步" }}
              </button>
              <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
                pub_btn_next_img: steps != 3,
                pub_btn_finish_img: steps == 3,
              }">
                {{ steps == 3 ? "确认上传" : !isOutline ? "生成大纲" : "下一步" }}
              </button>
            </div>
          </div>
          <div class="rightBox" v-if="steps == 2" :style="{
            height:
              !isStepDisplay && !isBtnDisplay
                ? 'calc(100% - 40px)'
                : 'calc(100% - 100px)',
          }">
            <div class="basic_box" style="
                padding: 20px 30px 0px !important;
                box-sizing: border-box;
                height: calc(100% - 80px);
                overflow: auto;
                background: #fff;
              ">
              <!-- <div
                style="
                  color: #b8b8b8;
                  background: #fff;
                  width: 26%;
                  height: 40px;
                  border-radius: 15px;
                  padding-left: 20px;
                  line-height: 40px;
                  font-size: 17px;
                  box-shadow: 0px 1px 2px 2px #e0e0e0;
                "
              >-->
              <div class="right_title" style="border: none; margin: 0; padding: 0">
                请选择合适的课程模板
              </div>
              <div class="wordbox">
                <div class="wordTeacher" @click="checkTemplate2()">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template_none.png" alt />
                  </div>
                  <div style="
                      margin-top: 10px;
                      line-height: 19px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      padding: 0 20px;
                    ">
                    空白模板
                  </div>
                </div>
                <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template.png" alt />
                  </div>

                  <div style="
                      margin-top: 10px;
                      line-height: 19px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      padding: 0 20px;
                    ">
                    {{ aa.title }}
                  </div>
                </div>
                <div class="wordTeacher" @click="checkTemplate3()" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template.png" alt />
                  </div>

                  <div style="
                      margin-top: 10px;
                      line-height: 19px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      padding: 0 20px;
                    ">
                    简易模板
                  </div>
                </div>
                <div class="wordTeacher" @click="pasteStage()" v-if="isPasteStage">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template.png" alt />
                  </div>

                  <div style="
                      margin-top: 10px;
                      line-height: 19px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      padding: 0 20px;
                    ">
                    智能粘贴模式
                  </div>
                </div>
                <!-- <div class="wordTeacher" @click="checkTemplate4()">
                  <div class="wordPic">
                    <img src="../../../assets/icon/wordMub.png" alt />
                  </div>

                  <div style="
                                margin-top: 10px;
                                line-height: 19px;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                padding: 0 20px;
                              ">
                    未来小学课程设计
                  </div>
                </div> -->
                <!-- <div class="wordTeacher" @click="checkTemplate1()">
                  <div class="wordPic">
                    <img src="../../../assets/icon/wordMub.png" alt />
                  </div>

                  <div style="
                        margin-top: 10px;
                        line-height: 19px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        padding: 0 20px;
                      ">
                    我的课程
                  </div>
                </div> -->
              </div>
            </div>
            <div class="info_btnBox3" style="position: absolute; bottom: 0">
              <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                goTo(
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role
                )
                ">
                返回课程
              </button>
              <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
                {{ steps == 4 ? "返回课程" : "上一步" }}
              </button>
              <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
                pub_btn_next_img: steps != 3,
                pub_btn_finish_img: steps == 3,
              }">
                {{ steps == 3 ? "确认上传" : !isOutline ? "生成大纲" : "下一步" }}
              </button>
            </div>
          </div>
          <div class="rightBox" v-if="steps == 3" ref="rightboxR" :style="{
            height:
              !isStepDisplay && !isBtnDisplay
                ? 'calc(100% - 40px)'
                : 'calc(100% - 100px)',
          }">
            <div class="rb_c_box">
              <div class="rb_c_box_left" v-if="steps == 3 && unitJson[unitIndex].easy != 1">
                <div class="rb_c_nav">
                  <span :class="{ active: stepsNav == 1 }" @click="stepsNav = 1">目录</span>
                  <span :class="{ active: stepsNav == 2 }" @click="stepsNav = 2">AI助手</span>
                </div>
                <div class="stepsBottom" v-if="stepsNav == 1">
                  <!-- <div class="navTop">辅助导航</div> -->
                  <div class="navBottom" v-if="courseState == 4">
                    <!-- <div class="navTask noImage" v-if="unitJson[unitIndex].dyName">
                      <div class="nt_taskBox" style="width: 100%;">
                        <div class="nt_taskTitle"
                          style="font-size: 16px;min-width: fit-content;margin-right: 10px;font-weight: 700;">阶段 {{
                            unitIndex + 1 }}</div>
                        <div class="nt_taskName" style="font-size: 16px;font-weight: 700;">
                          <el-tooltip effect="light" :content="unitJson[unitIndex].dyName" placement="top">
                            <span>{{ unitJson[unitIndex].dyName }}</span>
                          </el-tooltip>
                        </div>
                      </div>
                    </div> -->
                    <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
                      .taskJson" :key="tIndex" :class="{
                        dragOverTop:
                          newIndex === tIndex &&
                          typeIndex == 'task-' + tIndex &&
                          oldIndex > tIndex &&
                          dragType == 'task',
                        dragOverBottom:
                          newIndex === tIndex &&
                          typeIndex == 'task-' + tIndex &&
                          oldIndex < tIndex &&
                          dragType == 'task',
                      }">
                      <div @dragstart="dragTaskStart(t, tIndex, 0)" @dragover.prevent="dragTaskOver(tIndex, 0)"
                        @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + tIndex" @click="goToTask(tIndex)"
                        class="navTask" :class="{
                          isNavTask:
                            isClickColor > 0 && isClickColor == tIndex + 1,
                          isNavOpen: t.toolOpen,
                        }">
                        <div @click.stop="taskOpen(tIndex, 0)" class="chapter_upload_open"></div>
                        <div @mousedown="isdrag = 'task-' + tIndex" @mouseup="isdrag = ''"
                          @touchstart="isdrag = 'task-' + tIndex" @touchend="isdrag = ''" style="left: 8px"
                          class="chapter_upload_drag"></div>
                        <div class="nt_taskBox">
                          <div class="nt_taskTitle">任务{{ tIndex + 1 }}：</div>
                          <div class="nt_taskName">
                            <el-tooltip effect="light" :content="t.task ? t.task : '未命名任务'" placement="top">
                              <span>{{ t.task ? t.task : "未命名任务" }}</span>
                            </el-tooltip>
                          </div>
                        </div>
                        <!-- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
                          1
                          ">
                          <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
                            @click.stop="taskMove(1, tIndex)"></div>
                          <div class="chapter_upload_down" style="width: 25px;height: 25px;"
                            @click.stop="taskMove(2, tIndex)"></div>
                        </div> -->
                      </div>
                      <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
                        <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
                          @click="jumpGj(tIndex, toolIndex2)">
                          <div class="gjCss" :class="{
                            isGjCss:
                              toolIndexType == `gj${tIndex}${toolIndex2}`,
                          }">
                            <div>工具{{ toolIndex2 + 1 }}：</div>
                            <div>
                              {{
                                toolsData[tool.tool[0]] &&
                                toolsData[tool.tool[0]].name
                              }}
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="navBottom" v-if="courseState == 1">
                    <div v-for="(stage, stageIndex) in unitJson" :key="stageIndex" class="stageBox" :class="{
                      dragOverTop:
                        newIndex === stageIndex &&
                        typeIndex == 'Unit-' + stageIndex &&
                        oldIndex > stageIndex &&
                        dragType == 'Unit',
                      dragOverBottom:
                        newIndex === stageIndex &&
                        typeIndex == 'Unit-' + stageIndex &&
                        oldIndex < stageIndex &&
                        dragType == 'Unit',
                    }">
                      <div @dragstart="dragUnitStart(stage, stageIndex)" @dragover.prevent="dragUnitOver(stageIndex)"
                        @dragend="dragUnitEnd()" :draggable="isdrag == 'unit-' + stageIndex"
                        @click="unitSet2(stageIndex)" class="navStage" :class="{
                          isNavStage: stageIndex == unitIndex,
                          isNavStageOpen: stage.toolOpen,
                        }">
                        <div @mousedown="isdrag = 'unit-' + stageIndex" @mouseup="isdrag = ''"
                          @touchstart="isdrag = 'unit-' + stageIndex" @touchend="isdrag = ''" style="left: 8px"
                          class="chapter_upload_drag"></div>
                        <div class="nt_taskBox">
                          <div class="nt_taskTitle">
                            第{{ stageIndex + 1 }}阶段：
                          </div>
                          <div class="nt_taskName">
                            <el-tooltip effect="light" :content="stage.dyName ? stage.dyName : '未命名阶段'
                              " placement="top">
                              <span>{{
                                stage.dyName ? stage.dyName : "未命名阶段"
                              }}</span>
                            </el-tooltip>
                          </div>
                        </div>
                        <div @click.stop="unitOpen(stageIndex)" class="chapter_unit_open"></div>
                      </div>
                      <div v-for="(t, tIndex) in unitJson[stageIndex]
                        .chapterInfo[0].taskJson" :key="`${stageIndex}-${tIndex}`" :class="{
                          dragOverTop:
                            newIndex === tIndex &&
                            typeIndex == 'task-' + tIndex &&
                            ((oldIndex > tIndex &&
                              stageIndex == checkUnitIndex) ||
                              (oldIndex == tIndex &&
                                stageIndex == checkUnitIndex &&
                                checkUnitIndex != oldUnitIndex)) &&
                            dragType == 'task',
                          dragOverBottom:
                            newIndex === tIndex &&
                            typeIndex == 'task-' + tIndex &&
                            oldIndex < tIndex &&
                            stageIndex == checkUnitIndex &&
                            dragType == 'task',
                        }" :style="{ display: stage.toolOpen ? 'block' : 'none' }">
                        <div @dragstart="dragTaskStart(t, tIndex, stageIndex)"
                          @dragover.prevent="dragTaskOver(tIndex, stageIndex)" @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + stageIndex + '-' + tIndex
                            " @click="goToTask2(tIndex, stageIndex)" class="navTask" style="padding-left: 12px" :class="{
                              isNavTask:
                                isClickColor > 0 &&
                                isClickColor == tIndex + 1 &&
                                stageIndex == unitIndex,
                              isNavOpen: t.toolOpen,
                            }">
                          <div @click.stop="taskOpen(tIndex, stageIndex)" class="chapter_upload_open"></div>
                          <div @mousedown="
                            isdrag = 'task-' + stageIndex + '-' + tIndex
                            " @mouseup="isdrag = ''" @touchstart="
                              isdrag = 'task-' + stageIndex + '-' + tIndex
                              " @touchend="isdrag = ''" style="left: 20px" class="chapter_upload_drag"></div>
                          <div class="nt_taskBox" style="width: calc(100% - 52px)">
                            <div class="nt_taskTitle">
                              任务{{ tIndex + 1 }}：
                            </div>
                            <div class="nt_taskName">
                              <el-tooltip effect="light" :content="t.task ? t.task : '未命名任务'" placement="top">
                                <span>{{
                                  t.task ? t.task : "未命名任务"
                                }}</span>
                              </el-tooltip>
                            </div>
                          </div>
                        </div>
                        <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
                          <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
                            @click="jumpGj2(tIndex, toolIndex2, stageIndex)">
                            <div class="gjCss" :class="{
                              isGjCss:
                                toolIndexType ==
                                `gj${tIndex}${toolIndex2}${stageIndex}`,
                            }">
                              <div>工具{{ toolIndex2 + 1 }}：</div>
                              <div>
                                {{
                                  toolsData[tool.tool[0]] &&
                                  toolsData[tool.tool[0]].name
                                }}
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="rb_c_ai_box" v-if="stepsNav == 2">
                  <aiBox @setUnitJson="setUnitJson" :unitJson="unitJson"></aiBox>
                </div>
              </div>
              <div class="rb_c_box_right">
                <!-- <div class="rb_c_box_btn">
                  <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="steps == 3">智能粘贴</button>
                </div> -->
                <div class="basic_box" ref="unitBox">
                  <div v-if="false" style="
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      position: sticky;
                      top: 0;
                      z-index: 99;
                      width: 100%;
                      padding: 0 20px 0 20px;
                      box-sizing: border-box;
                      background: #fff;
                      border-radius: 8px;
                    ">
                    <!-- :style="{ maxWidth: (userid == courseUserid || role == '1') ? 'calc(100% - 300px)' : 'calc(100% - 175px)' }" -->
                    <div class="cru_selectBox" :style="{
                      maxWidth: isPasteTask
                        ? 'calc(100% - 335px)'
                        : 'calc(100% - 190px)',
                    }" v-if="courseState == 1">
                      <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
                        :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
                        <!-- item.dyName ? item.dyName :  -->
                        <span v-if="
                          unitJson[unitJson.length - 1].easy == 4 ||
                          unitJson[unitJson.length - 1].easy == 6
                        ">{{
                          item.dyName
                            ? item.dyName
                            : "第" + (index + 1) + "阶段"
                        }}</span>
                        <span v-else>{{ "第" + (index + 1) + "阶段" }}</span>
                      </div>
                      <div class="cru_line" :style="{
                        left: offsetLetfPx + 'px',
                      }"></div>
                    </div>
                    <div class="addStageImg" @click="addunit()" v-if="
                      !(unitJson[unitJson.length - 1].easy == 4) &&
                      !(unitJson[unitJson.length - 1].easy == 6) &&
                      courseState == 1
                    ">
                      <img src="../../../assets/icon/new/addStage.png" alt />
                    </div>
                    <button class="c_pub_button_add pub_btn_add_img" @click="updateCourseState(1)"
                      v-if="courseState == 2" style="margin: 15px 0">
                      新建阶段
                    </button>
                    <!-- v-if="steps == 3 && (userid == courseUserid || role == '1')" -->
                    <button class="c_pub_button_add" @click="openStageBox" v-show="false" style="margin: 0 0 0 auto">
                      阶段顺序
                    </button>
                    <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask()"
                      v-if="steps == 3 && isPasteTask" style="margin: 0 0 0 auto">
                      智能粘贴
                    </button>
                    <button class="c_pub_button_confirm pub_btn_template_img" @click="openTemplate" :style="{
                      margin: isPasteTask ? '0 0 0 20px' : '0 0 0 auto',
                    }" style="padding: 0 12px">
                      选择课程模板
                    </button>
                  </div>

                  <div style="margin: 0 0 10px 0; padding: 0" v-for="(item, index) in unitJson[unitIndex].chapterInfo"
                    :key="index">
                    <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                      <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: !item.taskJson[0].isFoldchapter
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                        <div style="margin-bottom: 10px" class="lineTitle">
                          学习内容
                        </div>
                      </div>
                      <div>
                        <div class="add_chapters_box add_c_none" v-if="
                          item.taskJson[0].chapterData &&
                          item.taskJson[0].chapterData.length == 0
                        ">
                          <img src="../../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span>
                        </div>
                        <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                          <div @dragstart="
                            dragStart(item1, index1, 0)
                            " @dragover.prevent="
                              dragOver(index1, 0)
                              " @dragend="dragEnd()" :draggable="isdrag ==
                                    'chapter-' + 0 + '-' + index1
                                    " class="chapter_upload" v-for="(item1, index1) in item.taskJson[0].chapterData"
                            :key="item1.id" @click="
                              getChapterData(
                                $event,
                                unitIndex,
                                index,
                                index1,
                                item1.type
                              )
                              " :class="{
                                dragOverTop2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex > index1 &&
                                  dragType == 'drag',
                                dragOverBottom2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex < index1 &&
                                  dragType == 'drag',
                              }">
                            <div @mousedown="
                              isdrag =
                              'chapter-' + 0 + '-' + index1
                              " @mouseup="isdrag = ''" @touchstart="
                                isdrag =
                                'chapter-' + 0 + '-' + index1
                                " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
                            <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                              <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                                </div>
                                <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                                <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                                </div>
                              </div>
                              <div class="chapter_upload_n">
                                <input readonly="true" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " :placeholder="item1.name" @click="
                                  updataVideoT(
                                    $event,
                                    unitIndex,
                                    0,
                                    index1
                                  )
                                  " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(0, index1)
                                        " />
                                <input :placeholder="item1.title ? item1.title : '链接'
                                  " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(0, index1)" />
                                <input :placeholder="item1.title ? item1.title : '链接'
                                  " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(0, index1)
                                        " />
                              </div>
                              <div class="chapter_upload_ic">
                                <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                <div class="chapter_upload_ud" style="z-index: 99">
                                  <div class="chapter_upload_up" @click="
                                    upCd(
                                      $event,
                                      unitIndex,
                                      index,
                                      0,
                                      index1
                                    )
                                    "></div>
                                  <div class="chapter_upload_down" @click="
                                    downCd(
                                      $event,
                                      unitIndex,
                                      index,
                                      0,
                                      index1
                                    )
                                    "></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " @click.stop="
                                  updataVideoT(
                                    $event,
                                    unitIndex,
                                    0,
                                    index1
                                  )
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                  selectAttText(0, index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
                                  @click="selectLine(0, index1)">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                  openUpdateSource(0, index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_r" @click.stop="
                                  deleteChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    0
                                  )
                                  ">
                                  <div></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="add_info_box" style="margin: 10px 0 0">
                        <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                          文件
                          <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
                            beforeUpload2(
                              $event,
                              unitIndex,
                              13,
                              0
                            )
                            " />
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
                          图文
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
                          链接
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
                          代码
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
                          资源
                        </button>
                      </div>
                      <div v-if="
                        unitJson[unitIndex].chapterInfo[0].taskJson[
                          0
                        ].proVisible
                      " class="mask">
                        <div class="progressBox">
                          <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                          <div class="lbox">
                            <img src="../../../assets/loading.gif" />上传中，请稍后
                          </div>
                          <div style="margin-bottom: 10px">
                            <span>{{
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                                0
                              ].isFinishSize
                            }}M</span>
                            /
                            <span>{{
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                                0
                              ].isAllSize
                            }}M</span>
                          </div>
                          <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
                            0
                          ].progress
                            ? unitJson[unitIndex].chapterInfo[0]
                              .taskJson[0].progress
                            : 0
                            " style="width: 80%"></el-progress>
                        </div>
                      </div>
                    </div>
                    <div class="chapter_box" v-if="courseState == 1">
                      <div class="chapter_contentbox">
                        <!-- <div>第{{ unitIndex + 1 }}阶段</div> -->
                        <div class="cc_input">
                          <input ref="dyInput" type="text" placeholder="请输入阶段标题" class="binfo_input"
                            v-model="unitJson[unitIndex].dyName" />
                        </div>
                        <div class="remove" v-if="
                          (unitJson.length > 1 || courseState != 2) &&
                          !(unitJson[unitJson.length - 1].easy == 4) &&
                          !(unitJson[unitJson.length - 1].easy == 6)
                        " @click="deleteUnit(unitIndex)"></div>
                      </div>
                    </div>
                    <!-- <div v-if="!unitJson[unitIndex].easy" style="
                    margin: 50px 0px 10px;
                    font-size: 1.5em;
                    font-weight: 700;
                    color: #0f7eff;
                  ">
                  添加任务
                </div> -->
                    <div class="taskBorder" :style="{
                      minHeight: unitJson[unitIndex].easy && 'unset',
                    }" :class="{ smallTaskBorder: itemTask.isFold === 1 }"
                      v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
                      <div style="background: #fff; border-radius: 5px">
                        <div class="taskTitle">任务{{ itemTaskIndex + 1 }}</div>
                        <!-- padding: 20px; -->
                        <div v-if="unitJson[unitIndex].easy != 1">
                          <div :style="{
                            marginBottom:
                              unitJson[unitIndex].easy == 3 ||
                                (unitJson[unitIndex].easy == 5 &&
                                  itemTask.taskType == 1)
                                ? '75px'
                                : '0',
                          }">
                            <div style="
                                display: flex;
                                margin: 0px 0 20px;
                                flex-direction: row;
                                justify-content: flex-start;
                                align-items: center;
                              ">
                              <div class="lineTitle">任务概述</div>
                            </div>
                            <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
                                flex-direction: row;
                                justify-content: flex-start;
                                align-items: center;
                                margin: 0;
                              ">
                              <!-- <div class="cc_title">
                                任务{{ itemTaskIndex + 1 }}
                              </div> -->
                              <div class="cc_input">
                                <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
                                  v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].task
                                    " />
                              </div>
                              <div class="remove" v-if="
                                item.taskJson.length > 1 &&
                                (!unitJson[unitIndex].easy ||
                                  unitJson[unitIndex].easy == 6)
                              " @click="deleteTask(itemTaskIndex)"></div>
                              <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
                                class="show_taskD show" @click="fold2(itemTaskIndex)"><img
                                  src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
                              <div v-else-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" class="show_taskD"
                                @click="fold2(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />展开任务描述
                              </div> -->
                            </div>
                            <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
                          display: flex;
                          margin: 20px 0;
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                        ">
                              <div class="lineTitle">任务描述</div>
                            </div> && !itemTask.isFold2-->
                            <div v-if="
                              easyArray.indexOf(unitJson[unitIndex].easy) ==
                              -1
                            " style="margin-top: 20px" class="op_task_box">
                              <!-- <editor-bar class="addEditor" style="margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                ].taskDetail
                                " @change="change"></editor-bar> -->
                              <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
                                placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                ].taskDetail
                                  "></textarea>
                              <!-- <textarea rows="6" class="binfo_input" placeholder="请输入任务描述" cols
                                style="width: 70.5% !important; height: 120px" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].taskDetail
                                  "></textarea> -->
                              <div class="op_box">
                                <div class="op_remark">*可以将需要优化的建议添加在任务描述后，点击“智能优化”，自动进行修改</div>
                                <div class="r_pub_button_op">智能优化</div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div v-if="
                          unitJson[unitIndex].easy == 1 ||
                          (unitJson[unitIndex].easy == 5 &&
                            itemTask.taskType == 2)
                        ">
                          <div>
                            <div class="add_chapters_box add_c_none" v-if="
                              itemTask.chapterData &&
                              itemTask.chapterData.length == 0
                            ">
                              <img src="../../../assets/icon/new/c_none.png" alt />
                            </div>
                            <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                              <div @dragstart="dragStart(item1, index1, index)" @dragover.prevent="
                                dragOver(index1, itemTaskIndex)
                                " @dragend="dragEnd()" :draggable="isdrag ==
                                  'chapter-' + itemTaskIndex + '-' + index1
                                  " class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData"
                                :key="item1.id" @click="
                                  getChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    item1.type
                                  )
                                  " :class="{
                                    dragOverTop2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      itemTaskIndex +
                                      '-' +
                                      index1 &&
                                      oldIndex > index1,
                                    dragOverBottom2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      itemTaskIndex +
                                      '-' +
                                      index1 &&
                                      oldIndex < index1,
                                  }">
                                <div @mousedown="
                                  isdrag =
                                  'chapter-' + itemTaskIndex + '-' + index1
                                  " @mouseup="isdrag = ''" @touchstart="
                                    isdrag =
                                    'chapter-' + itemTaskIndex + '-' + index1
                                    " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
                                <div class="chapter_upload_t" style="width: 100%"></div>
                                <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                                  <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                    <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                    <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                                    </div>
                                    <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                                    <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                                    </div>
                                  </div>
                                  <div class="chapter_upload_n">
                                    <span style="
                                        font-size: 14px;
                                        color: rgb(109, 109, 109);
                                        height: 14px;
                                        line-height: 14px;
                                      " v-if="
                                        item1.type == 2 ||
                                        item1.type == 3 ||
                                        item1.type == 7
                                      ">{{ item1.text }}-</span>
                                    <input readonly="true" v-if="
                                      item1.type == 2 ||
                                      item1.type == 3 ||
                                      item1.type == 7
                                    " :placeholder="item1.name" @click="
                                      updataVideoT(
                                        $event,
                                        unitIndex,
                                        itemTaskIndex,
                                        index1
                                      )
                                      " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                    <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(itemTaskIndex, index1)
                                        " />
                                    <input :placeholder="item1.title ? item1.title : '链接'
                                      " v-if="item1.type == 8 || item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
                                  </div>
                                  <div class="chapter_upload_ic">
                                    <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                    <div class="chapter_upload_ud" style="z-index: 99">
                                      <div class="chapter_upload_up" @click="
                                        upCd(
                                          $event,
                                          unitIndex,
                                          index,
                                          itemTaskIndex,
                                          index1
                                        )
                                        "></div>
                                      <div class="chapter_upload_down" @click="
                                        downCd(
                                          $event,
                                          unitIndex,
                                          index,
                                          itemTaskIndex,
                                          index1
                                        )
                                        "></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="
                                      item1.type == 2 ||
                                      item1.type == 3 ||
                                      item1.type == 12 ||
                                      item1.type == 13 ||
                                      item1.type == 7
                                    " @click.stop="
                                      updataVideoT(
                                        $event,
                                        unitIndex,
                                        itemTaskIndex,
                                        index1
                                      )
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                      selectAttText(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
                                      @click="selectLine(itemTaskIndex, index1)">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                      openUpdateSource(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_r" @click.stop="
                                      deleteChapterData(
                                        $event,
                                        unitIndex,
                                        index,
                                        index1,
                                        itemTaskIndex
                                      )
                                      ">
                                      <div></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="add_info_box" style="margin: 10px 0 0">
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              <span style="color: red">*</span>
                              教学设计
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    '教学设计'
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              <span style="color: red">*</span>
                              教学课件
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    '教学课件'
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              教学视频
                              <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    2,
                                    itemTaskIndex,
                                    '教学视频'
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              教学音频
                              <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
                                beforeUpload3(
                                  $event,
                                  unitIndex,
                                  2,
                                  itemTaskIndex,
                                  '教学音频'
                                )
                                " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              学习单
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    '学习单'
                                  )
                                  " />
                            </button>
                          </div>
                          <div v-if="
                            unitJson[unitIndex].chapterInfo[0].taskJson[
                              itemTaskIndex
                            ].proVisible
                          " class="mask">
                            <div class="progressBox">
                              <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                              <div class="lbox">
                                <img src="../../../assets/loading.gif" />上传中，请稍后
                              </div>
                              <div style="margin-bottom: 10px">
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].isFinishSize
                                }}M</span>
                                /
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].isAllSize
                                }}M</span>
                              </div>
                              <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
                                itemTaskIndex
                              ].progress
                                ? unitJson[unitIndex].chapterInfo[0]
                                  .taskJson[itemTaskIndex].progress
                                : 0
                                " style="width: 80%"></el-progress>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- padding: 20px; -->
                      <div style="
                          background: #fff;
                          border-radius: 5px;
                          margin-top: 15px;
                        ">
                        <div v-if="
                          unitJson[unitIndex].easy != 3 &&
                          !(
                            unitJson[unitIndex].easy == 5 &&
                            itemTask.taskType == 1
                          )
                        " style="
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                          ">
                          <div style="
                              display: flex;
                              flex-direction: row;
                              align-items: center;
                              margin: 5px 0 20px;
                            ">
                            <div class="lineTitle clineTitle">
                              {{
                                !unitJson[unitIndex].easy ||
                                  unitJson[unitIndex].easy == 6 ||
                                  easyArray.indexOf(unitJson[unitIndex].easy) !=
                                  -1
                                  ? "练习内容"
                                  : "评价内容"
                              }}
                            </div>
                            <!-- <div class="line" style="width: 90%"></div> -->
                          </div>
                        </div>
                        <div v-if="
                          unitJson[unitIndex].easy == 6 ||
                          !unitJson[unitIndex].easy
                        " class="toolChoose">
                          <div class="tools">
                            <div class="leftTools" style="width: 100%" v-for="(
                                itemTool, toolIndex
                              ) in itemTask.toolChoose" :key="toolIndex">
                              <div style="
                                  display: flex;
                                  flex-direction: row;
                                  align-items: baseline;
                                  flex-wrap: nowrap;
                                  justify-content: flex-start;
                                  position: relative;
                                ">
                                <div style="margin-right: 20px; font-weight: bold"
                                  :id="'gj' + itemTaskIndex + '' + toolIndex">
                                  工具 {{ toolIndex + 1 }} ：
                                </div>
                                <div class="chooseWho">
                                  <div :class="itemTool.toolType == 0
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 0),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    互动类
                                  </div>
                                  <div :class="itemTool.toolType == 1
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 1),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    思维类
                                  </div>
                                  <div :class="itemTool.toolType == 6
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 6),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    协作类
                                  </div>
                                  <div :class="itemTool.toolType == 2
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 2),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    测评类
                                  </div>
                                  <div :class="itemTool.toolType == 7
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 7),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    评价类
                                  </div>
                                  <div :class="itemTool.toolType == 3
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 3),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    编程类
                                  </div>
                                  <div :class="itemTool.toolType == 5
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 5),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    学科类
                                  </div>
                                  <!-- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
                              " @click="(itemTool.toolType = 4), $forceUpdate()">
                              其他
                            </div> -->
                                </div>
                                <div class="chapter_upload_ud2" style="z-index: 9; margin: 0 0 0 auto" :style="{
                                  margin:
                                    itemTask.toolChoose.length > 1
                                      ? '0px 35px 0px auto'
                                      : '0 0 0 auto',
                                }" v-if="itemTask.toolChoose.length > 1">
                                  <div class="chapter_upload_up2" @click.stop="
                                    upTool(
                                      $event,
                                      unitIndex,
                                      itemTaskIndex,
                                      toolIndex
                                    )
                                    ">
                                    上移
                                  </div>
                                  <div class="chapter_upload_down2" @click.stop="
                                    downTool(
                                      $event,
                                      unitIndex,
                                      itemTaskIndex,
                                      toolIndex
                                    )
                                    ">
                                    下移
                                  </div>
                                </div>
                                <!-- <div v-if="!itemTool.isFold3" class="show_toolD show"
                                @click="fold3(itemTaskIndex, toolIndex)"
                                :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
                                  src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
                              <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
                                :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
                                  src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div> -->
                                <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
                                  v-if="itemTask.toolChoose.length > 1" style="
                                    position: absolute;
                                    right: 0;
                                    top: -5px;
                                  "></div>
                              </div>
                              <!-- v-show="!itemTool.isFold3" -->
                              <div style="min-height: 163px">
                                <div class="toolSort" v-if="itemTool.toolType == 0">
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(8, itemTaskIndex, toolIndex)"
                              >
                                <img src="../../../assets/icon/secondToolList/library.png" alt />
                                <div style="margin: 5px 0">素材库</div>
                              </div>
                              <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(8) == -1"
                                />
                                <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
                                    alt /><span>已选择</span></div>
                              </div>
                            </div>-->
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(17, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/secondToolList/library.png"
                                  alt
                               />
                                <div style="margin: 5px 0">学习资料</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(17, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(17) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>10
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(10) != -1,
                                  }" @click="
                                    addTools(10, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 10, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/time.png" alt />
                                      <div style="margin: 5px 0">倒计时</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(10) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(65) != -1,
                                  }" @click="
                                    addTools(65, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(65, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
                                      <div style="margin: 5px 0">挑人</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(65) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
                                <img src="../../../assets/icon/fourthToolList/group.png" alt />
                                <div style="margin: 5px 0">学生分组</div>
                              </div>
                              <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(49) == -1" />
                                <div class="checkDiv" v-else>
                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <!-- <div class="tool">
                                  <div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
                                    <div style="margin: 5px 0">交互视频</div>
                                  </div>
                                  <div class="check" @click="addTools(62, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(62) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div> -->
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 1">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(7) != -1,
                                  }" @click="
                                    addTools(7, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(7, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
                                      <div style="margin: 5px 0">思维网格</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(7) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(1) != -1,
                                  }" @click="
                                    addTools(1, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 1, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                                      <div style="margin: 5px 0">电子白板</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(1) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(2, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/secondToolList/note.png"
                                  alt
                                />
                                <div style="margin: 5px 0">便签</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(2, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(2) == -1"
                                />
                                <div class="checkDiv" v-else>
                                  <img
                                    src="../../../assets/icon/checkedIs.png"
                                    alt
                                  /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/secondToolList/doc.png" alt />
                                <div style="margin: 5px 0">协同文档</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(6, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(6) == -1"
                                />
                                <div class="checkDiv" v-else>
                                  <img
                                    src="../../../assets/icon/checkedIs.png"
                                    alt
                                  /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(52) != -1,
                                  }" @click="
                                    addTools(52, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 52, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/text.png" alt />
                                      <div style="margin: 5px 0">文档</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(52) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(3) != -1,
                                  }" @click="
                                    addTools(3, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 3, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                                      <div style="margin: 5px 0">思维导图</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(3) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(48) != -1,
                                  }" @click="
                                    addTools(48, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 48, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/table.png" alt />
                                      <div style="margin: 5px 0">表格</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(48) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 6">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(49) != -1,
                                  }" @click="
                                    addTools(49, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 49, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/group.png" alt />
                                      <div style="margin: 5px 0">学生分组</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(49) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 2">
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(5, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/thirdToolList/score.png"
                                  alt
                                />
                                <div style="margin: 5px 0">量规评分</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(5, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(5) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>
                            </div>-->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(4) != -1,
                                  }" @click="
                                    addTools(4, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 4, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                                      <div style="margin: 5px 0">问卷调查</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(4) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(45) != -1,
                                  }" @click="
                                    addTools(45, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 45, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/choose.png" alt />
                                      <div style="margin: 5px 0">选择题</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(45) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(15) != -1,
                                  }" @click="
                                    addTools(15, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 15, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/answer.png" alt />
                                      <div style="margin: 5px 0">问答</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(15) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(16) != -1,
                                  }" @click="
                                    addTools(16, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(16, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/work.png" alt />
                                      <div style="margin: 5px 0">作业提交</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(16) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(50) != -1,
                                  }" @click="
                                    addTools(50, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(50, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
                                      <div style="margin: 5px 0">批量上传</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(50) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
                                <img src="../../../assets/icon/thirdToolList/eval.png" alt />
                                <div style="margin: 5px 0">个人评价</div>
                              </div>
                              <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(40) == -1" />
                                <div class="checkDiv" v-else>
                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(41) != -1,
                                  }" @click="
                                    addTools(41, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 41, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/select.png" alt />
                                      <div style="margin: 5px 0">选择匹配</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(41) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(47) != -1,
                                  }" @click="
                                    addTools(47, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 47, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
                                      <div style="margin: 5px 0">排序</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(47) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="openTools(itemTaskIndex, 42, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/thirdToolList/mp3.png"
                                  alt
                                />
                                <div style="margin: 5px 0">上传音频</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(42, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(42) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>
                            </div> -->
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 3">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(18) != -1,
                                  }" @click="
                                    addTools(18, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(18, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
                                      <div style="margin: 5px 0">训练平台</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(18) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(21) != -1,
                                  }" @click="
                                    addTools(21, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(21, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/program.png" alt />
                                      <div style="margin: 5px 0">
                                        AIoT Blockly
                                      </div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(21) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
                                    <div style="margin: 5px 0">AI体验</div>
                                  </div>
                                  <div class="check" @click="addTools(22, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(22) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(23) != -1,
                                  }" @click="
                                    addTools(23, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(23, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
                                      <div style="margin: 5px 0">AI Python</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(23) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(24) != -1,
                                  }" @click="
                                    addTools(24, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(24, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
                                      <div style="margin: 5px 0">
                                        AI Blockly
                                      </div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(24) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(32) != -1,
                                  }" @click="
                                    addTools(32, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(32, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/code.png" alt />
                                      <div style="margin: 5px 0">源码编辑</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(32) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(57) != -1,
                                  }" @click="
                                    addTools(57, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 57, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
                                      <div style="margin: 5px 0">CocoPi</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(57) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(63) != -1,
                                  }" @click="
                                    addTools(63, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(63, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
                                      <div style="margin: 5px 0">海龟编程</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(63) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(71) != -1,
                                  }" @click="
                                    addTools(71, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(71, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/chatgpt.png" alt />
                                      <div style="margin: 5px 0">AI智能体</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(71) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 7">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(40) != -1,
                                  }" @click.stop="
                                    addTools(40, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 40, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/eval.png" alt />
                                      <div style="margin: 5px 0">个人评价</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(40) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 5">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(28) != -1,
                                  }" @click="
                                    addTools(28, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(28, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                      <div style="margin: 5px 0">翻译</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(28) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(31) != -1,
                                  }" @click="
                                    addTools(31, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(31, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                      <div style="margin: 5px 0">数字画板</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(31) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(39) != -1,
                                  }" @click="
                                    addTools(39, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(39, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                      <div style="margin: 5px 0">GeoGebra</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(39) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(66) != -1,
                                  }" @click="
                                    addTools(66, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(66, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
                                      <div style="margin: 5px 0">公式编辑</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(66, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(66) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                                    <div class="whiteBIcon" @click="addTools(67, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/secondToolList/molStr.png" alt />
                                      <div style="margin: 5px 0">分子结构</div>
                                    </div>
                                    <div class="check" @click="addTools(67, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(67) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(68) != -1,
                                  }" @click="
                                    addTools(68, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(68, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
                                      <div style="margin: 5px 0">时间轴</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(68, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(68) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(69) != -1,
                                  }" @click="
                                    addTools(69, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 69, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/english.png" alt />
                                      <div style="margin: 5px 0">英语写作</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(69) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(4) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(70) != -1,
                                  }" @click="
                                    addTools(70, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 70, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/englishVoice.png" alt />
                                      <div style="margin: 5px 0">英语口语</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(70) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                  </div>
                                  <!-- <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                    <div style="margin: 5px 0">翻译</div>
                                  </div>
                                  <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(28) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(37, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/mohe.png" alt />
                                    <div style="margin: 5px 0">魔盒识字</div>
                                  </div>
                                  <div class="check" @click="addTools(37, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(37) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(38, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/24game.png" alt />
                                    <div style="margin: 5px 0">24点</div>
                                  </div>
                                  <div class="check" @click="addTools(38, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(38) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                    <div style="margin: 5px 0">数学画板</div>
                                  </div>
                                  <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(31) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                    <div style="margin: 5px 0">GeoGebra</div>
                                  </div>
                                  <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(39) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(58, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/car.png" alt />
                                    <div style="margin: 5px 0">模拟驾驶</div>
                                  </div>
                                  <div class="check" @click="addTools(58, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(58) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(59, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
                                    <div style="margin: 5px 0">路径搜索</div>
                                  </div>
                                  <div class="check" @click="addTools(59, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(59) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(60, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
                                    <div style="margin: 5px 0">深度学习</div>
                                  </div>
                                  <div class="check" @click="addTools(60, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(60) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(61, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
                                    <div style="margin: 5px 0">全历史</div>
                                  </div>
                                  <div class="check" @click="addTools(61, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(61) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="toolSort" v-if="itemTool.toolType == 4">
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(26, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
                                    <div style="margin: 5px 0">课程设计</div>
                                  </div>
                                  <div class="check" @click="addTools(26, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(26) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(25, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
                                    <div style="margin: 5px 0">目标管理</div>
                                  </div>
                                  <div class="check" @click="addTools(25, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(25) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div> -->
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
                                <div style="margin: 5px 0">汉字宫</div>
                              </div>
                              <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
                                <div class="checkDiv" v-else>
                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                </div>
                              </div>
                              <!-- v-show="!itemTool.isFold3" -->
                              <div class="op_tool_box">
                                <textarea rows="2" v-autoHeight="70" type="text" placeholder="添加工具描述"
                                  class="binfo_input" style="
                                    margin: 0 0 20px 0;
                                    width: 100% !important;
                                  " v-model="itemTool.toolDetail"></textarea>
                                <div class="op_box">
                                  <div class="op_remark">*可以将需要优化的建议添加在工具描述后，点击“智能优化”，自动进行修改</div>
                                  <div class="r_pub_button_op">智能优化</div>
                                </div>
                              </div>
                            </div>
                            <!-- <div class="addToolFun2" @click="addToolFun(itemTaskIndex)">
                              <div class="addToolImg">
                                <img src="../../../assets/icon/add.png" alt />
                              </div>
                              <div>添加工具</div>
                            </div> -->
                            <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)" style="
                                margin: 0 auto;
                                padding: 0 30px;
                                height: 45px;
                              ">
                              添加工具
                            </button>
                          </div>
                        </div>
                        <div v-else-if="
                          unitJson[unitIndex].easy == 2 ||
                          unitJson[unitIndex].easy == 4
                        " class="toolChoose" style="padding: 0 0 40px">
                          <div class="tools">
                            <div class="leftTools" style="width: 100%" v-for="(
                                itemTool, toolIndex
                              ) in itemTask.toolChoose" :key="toolIndex">
                              <div>
                                <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input" style="
                                    margin: 0 0 20px 0;
                                    width: 100% !important;
                                  " v-model="itemTool.toolDetail"></textarea>
                              </div>
                              <div style="
                                  display: flex;
                                  flex-direction: row;
                                  align-items: baseline;
                                  flex-wrap: nowrap;
                                  justify-content: flex-start;
                                  position: relative;
                                ">
                                <div style="margin-right: 20px; font-weight: bold"
                                  :id="'gj' + itemTaskIndex + '' + toolIndex">
                                  工具 {{ toolIndex + 1 }} ：
                                </div>
                                <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
                                  v-if="itemTask.toolChoose.length > 1" style="right: 0"></div>
                              </div>
                              <div style="min-height: 163px">
                                <div class="toolSort">
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 1, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                                      <div style="margin: 5px 0">电子白板</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(1, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(1) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 52, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/text.png" alt />
                                      <div style="margin: 5px 0">文档</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(52, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(52) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 3, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                                      <div style="margin: 5px 0">思维导图</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(3, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(3) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 4, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                                      <div style="margin: 5px 0">问卷调查</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(4, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(4) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 45, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/choose.png" alt />
                                      <div style="margin: 5px 0">选择题</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(45, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(45) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 15, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/answer.png" alt />
                                      <div style="margin: 5px 0">问答</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(15, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(15) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      addTools(16, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/work.png" alt />
                                      <div style="margin: 5px 0">作业提交</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(16, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(16) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 50, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
                                      <div style="margin: 5px 0">批量上传</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(50, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(50) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 41, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/select.png" alt />
                                      <div style="margin: 5px 0">选择匹配</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(41, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(41) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 47, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
                                      <div style="margin: 5px 0">排序</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(47, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(47) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 48, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/table.png" alt />
                                      <div style="margin: 5px 0">表格</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(48, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(48) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!-- <div class="addToolFun" style="margin-bottom: 20px" @click="addToolFun(itemTaskIndex)">
                              <div class="addToolImg">
                                <img src="../../../assets/icon/add.png" alt />
                              </div>
                              <div>添加工具</div>
                            </div> -->
                            <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)"
                              style="margin: 35px auto 20px">
                              添加工具
                            </button>
                          </div>
                        </div>
                        <div v-else-if="
                          unitJson[unitIndex].easy == 1 ||
                          (unitJson[unitIndex].easy == 5 &&
                            itemTask.taskType == 2)
                        " class="toolChoose" style="padding: 0 0 40px">
                          <div class="tools">
                            <div class="leftTools" style="width: 100%; padding: 0 0 15px 0" v-for="(
                                itemTool, toolIndex
                              ) in itemTask.toolChoose" :key="toolIndex">
                              <div style="min-height: 163px">
                                <div class="toolSort">
                                  <div class="tool">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 50, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
                                      <div style="margin: 5px 0">批量上传</div>
                                    </div>
                                    <div class="check" @click="
                                      addTools(50, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(50) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="elist_css" v-if="!(unitJson[unitJson.length - 1].easy == 4)">
                          <div class="elist_title">
                            <div style="
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                margin: 20px 0;
                              ">
                              <div class="lineTitle clineTitle">评价设置</div>
                              <div class="r_pub_button_op" style="margin-left:auto;">智能优化</div>
                              <!-- <div class="line" style="width: 90%"></div> -->
                            </div>
                          </div>
                          <div class="mbCss">
                            <div class="pjCss" :style="{
                              width: itemTask.isEvaFold
                                ? 'calc(100% - 55%)'
                                : 'calc(100% - 120px)',
                            }">
                              <div v-if="itemTask.eList && itemTask.eList.length" class="elist_input">
                                <div v-for="(eItem, eIndex) in itemTask.eList" :key="eIndex" class="elist_input_box">
                                  <span>评价维度：</span>
                                  <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].value || '填写评价维度'" placement="top" popper-class="text_tooltip2"> -->
                                  <input type="input" v-model="itemTask.eList[eIndex].value" placeholder="填写评价维度" />
                                  <!-- </el-tooltip> -->
                                  <!-- <span>评星等级：</span>
                                  <el-rate v-model="itemTask.eList[eIndex].score" @change="setEListStar()"
                                    disabled></el-rate> -->
                                  <div class="remove" @click="
                                    deletEList(
                                      unitIndex,
                                      itemTaskIndex,
                                      eIndex
                                    )
                                    "></div>
                                  <div class="elist_inptu_text">
                                    <span>维度描述：</span>
                                    <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].detail || '填写维度描述'" placement="top" popper-class="text_tooltip2"> -->
                                    <input type="input" v-model="itemTask.eList[eIndex].detail" placeholder="填写维度描述" />
                                    <!-- </el-tooltip> -->
                                  </div>
                                  <div class="elist_inptu_text" v-if="evalua">
                                    <span>目标：</span>
                                    <!-- <input type="input" v-model="itemTask.eList[eIndex].target" placeholder="填写维度描述" /> -->
                                    <!-- <el-select v-model="itemTask.eList[eIndex].target" placeholder="请选择目标"
                                @change="forceUpdate()">
                                <el-option v-for="(e, eIndex) in targetArray" :key="eIndex" :label="e.name"
                                  :value="e.name">
                                </el-option>
                              </el-select> -->
                                    <el-cascader :options="targetArray" v-model="itemTask.eList[eIndex].target"
                                      :props="{ checkStrictly: true }" :show-all-levels="false" clearable></el-cascader>
                                  </div>
                                </div>
                              </div>
                              <!-- <div class="addToolFun" @click="addEList(unitIndex, itemTaskIndex)"
                                style="margin: 35px 35px 0 0">
                                <div class="addToolImg">
                                  <img src="../../../assets/icon/add.png" alt />
                                </div>
                                <div>添加</div>
                              </div> -->
                              <div class="eva_btn_box">
                                <div class="eva_btn_left_box">
                                  <button class="c_pub_button_add pub_btn_eval_img"
                                    @click="addEList(unitIndex, itemTaskIndex)">
                                    添加
                                  </button>
                                  <button class="c_pub_button_add pub_btn_eval_source_img"
                                    @click="openEList(unitIndex, itemTaskIndex)">
                                    资源
                                  </button>
                                </div>
                                <button class="c_pub_button_add" @click="addCET(unitIndex, itemTaskIndex)"
                                  v-if="itemTask.eList && itemTask.eList.length">
                                  添加资源模板
                                </button>
                              </div>
                            </div>
                            <div v-if="evalua" style="
                                border: 1px solid #e5e5e5;
                                box-shadow: 3px 1px 15px 3px #e0e0e0;
                              " :style="{
                                width: itemTask.isEvaFold ? '55%' : '116px',
                              }" class="evaCss">
                              <!-- <div class="e_add_top">
                              <div class="e_add_title">
                                <span>当前使用目标管理</span>
                                <span>{{ eTitle }}</span>
                                <img src="../../../assets/line.png" class="cru_line" style="
                                width: 125px;
                                height: 20px;
                                bottom: -10px;
                                left: 155px;
                              " />
                              </div>
                            </div> -->
                              <div class="e_add_content" style="width: 100%">
                                <div class="e_add_list_pbox" style="width: 100%">
                                  <div class="e_add_list_pbox_title">
                                    <span class="type_title" v-if="itemTask.isEvaFold">切换模式</span>
                                    <div class="type_content" v-if="itemTask.isEvaFold">
                                      <span :class="{ active: typeMode == 1 }"
                                        @click="OtherMb(1, itemTaskIndex)">目标树</span>
                                      <span :class="{ active: typeMode == 2 }"
                                        @click="OtherMb(2, itemTaskIndex)">目标罗盘</span>
                                      <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span> -->
                                    </div>
                                    <div v-if="itemTask.isEvaFold" class="show_taskD show" style="margin: 0 0 0 auto"
                                      @click="foldEva(itemTaskIndex)">
                                      <img src="../../../assets/icon/new/icon-slide.png" />收起目标
                                    </div>
                                    <div v-else style="margin: 0 0 0 auto" class="show_taskD"
                                      @click="foldEva(itemTaskIndex)">
                                      <img src="../../../assets/icon/new/icon-slide.png" />展开目标
                                    </div>
                                  </div>
                                  <div class="e_add_list_pbox_content" v-if="itemTask.isEvaFold"
                                    style="min-height: 200px">
                                    <Mind :showBar="false" :mindData="data" style="width: 100%" :jsmindId="unitIndex + '-' + itemTaskIndex + 'mind'
                                      " v-if="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="funBlock" style="padding: 0">
                          <div class="fold" @click="fold(itemTaskIndex, $event)">
                            <div class="arrow" :class="{ arrowZ: !(itemTask.isFold === 1) }"></div>
                            <div>
                              {{
                                itemTask.isFold === 1 ? "展开任务" : "收起任务"
                              }}
                            </div>
                          </div>
                          <!-- <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
                          <div>展开</div>
                          <div class="arrow">
                            <img src="../../../assets/icon/expand.png" alt />
                          </div>
                        </div> -->
                        </div>
                      </div>
                    </div>
                    <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
                      <!-- <div>
                        <img src="../../../../assets/icon/new/addStage.png" alt />
                        <span>添加任务</span>
                      </div> -->
                      <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
                        添加任务
                      </button>
                    </div>
                  </div>
                  <div class="info_btnBox3">
                    <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                      goTo(
                        '/course?userid=' +
                        userid +
                        '&oid=' +
                        oid +
                        '&org=' +
                        org +
                        '&role=' +
                        role
                      )
                      ">
                      返回课程
                    </button>
                    <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5"
                      @click="lastSteps" style="background: #dbdbdb">
                      {{ steps == 4 ? "返回课程" : "上一步" }}
                    </button>
                    <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
                      pub_btn_next_img: steps != 3,
                      pub_btn_finish_img: steps == 3,
                    }">
                      {{ steps == 3 ? "确认上传" : "下一步" }}
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div style="
              width: calc(100% - 20px);
              background: rgb(255, 255, 255);
              border-radius: 10px;
            " v-if="steps == 4">
            <div class="basic_box_success">
              <div class="right_img">
                <img src="../../../assets/icon/right.png" alt />
              </div>
              <div style="font-weight: bold">成功</div>
              <!-- <div>您的课程编号</div>
              <div class="number">{{ number }}</div>-->
              <!-- <div class="success_button">
                <div class="look_course" @click="isNoFinsh">
                  邀请老师协同编辑
                </div>
                <div class="attend_others" @click="goCourse">预览课程</div>
              </div> -->
            </div>
          </div>
          <div :class="{ info_btnBox: isBtnDisplay, info_btnBox2: !isBtnDisplay }" @mouseenter="btnDisplay(true)"
            @mouseleave="btnDisplay(false)" v-if="false">
            <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1 && isBtnDisplay" @click="
              goTo(
                '/course?userid=' +
                userid +
                '&oid=' +
                oid +
                '&org=' +
                org +
                '&role=' +
                role
              )
              ">
              返回课程
            </button>
            <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5 && isBtnDisplay"
              @click="lastSteps">
              {{ steps == 4 ? "返回课程" : "上一步" }}
            </button>
            <button class="c_pub_button_confirm" v-if="steps < 4 && isBtnDisplay" @click="nextSteps" :class="{
              pub_btn_next_img: steps != 3,
              pub_btn_finish_img: steps == 3,
            }">
              {{ steps == 3 ? "确认上传" : "下一步" }}
            </button>
          </div>
        </div>
      </div>
    </div>
    <el-dialog title="提示" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose"
      class="dialog_diy2 customWidth">
      <div>请复制该链接邀请协同编辑</div>
      <div>http://www.boomyon.com/index-zhang.com</div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary">复制链接分享</el-button>
        <el-button @click="dialogVisible = false">取消</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true"
      width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
      <el-form>
        <el-form-item label="文档标题">
          <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
        </el-form-item>
        <div>文档简介</div>
        <editor-bar v-model="tdetail" @change="change"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible1 = false">取 消</el-button>
        <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
        <el-button type="primary" @click="upWord" v-else>修 改</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <el-form-item label="文档标题">
          <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
        </el-form-item>
        <div>文档内容</div>
        <editor-bar v-model="cTemplate" @change="change"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="clearChoose">取 消</el-button>
        <el-button type="primary" @click="wordNext()">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <el-form-item label="文本标题">
          <el-input ref="fuInput" v-model="AttText.title" auto-complete="off" @input="change2"
            placeholder="请输入文本标题..."></el-input>
        </el-form-item>
        <!-- <div>富文本内容</div> -->
        <editor-bar v-model="AttText.text" @change="change" v-if="dialogVisible6"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="clearAttText">取 消</el-button>
        <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy lineCss">
      <el-form>
        <el-form-item label="标题" :label-width="formLabelWidth">
          <span>
            <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
          </span>
        </el-form-item>
        <el-form-item label="链接" :label-width="formLabelWidth">
          <span>
            <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
          </span>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="clearLine">取 消</el-button>
        <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="updateSourcePan ? '修改资源' : '添加资源'" :visible.sync="dialogVisibleSource" :append-to-body="true"
      width="100%" :before-close="handleClose" class="dialog_diy source_diy">
      <div>
        <sourceDialog :sourceData.sync="sourceData" :updateSourcePan="updateSourcePan"></sourceDialog>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleSource = false">取 消</el-button>
        <el-button type="primary" @click="addSource" v-if="!updateSourcePan">确定</el-button>
        <el-button type="primary" @click="updateSource" v-else>确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加课程成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%"
      :before-close="handleClose" class="addNewPP customWidth">
      <div class="people">
        <div class="people_top">
          <div class="people_nav">选择成员</div>
          <div class="people_top_right">
            <div class="people_search">
              <el-input style="height: 100%" placeholder="搜索成员名称" v-model="searchPeople"></el-input>
              <div class="search_img" @click="searchStudent">
                <img src="../../../assets/icon/search.png" alt />
              </div>
            </div>
          </div>
        </div>
        <el-checkbox-group v-model="checkboxList" class="people_name">
          <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{ item.name ? item.name :
            "暂无学生可选" }}</el-checkbox>
        </el-checkbox-group>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible3 = false">取 消</el-button>
        <el-button type="primary" @click="isAddPP">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="选择授课班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="600px" height="80%"
      :before-close="handleClose" class="addNewPP2">
      <div class="check_classBox">
        <div class="check_class_right">
          <div class="check_class" :class="{ activeX: gradeId == '' }" @click="(gradeId = ''), getClass()">
            全部
          </div>
          <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
            <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="(gradeId = item.id), getClass()">
              {{ item.name }}
            </div>
          </el-tooltip>
        </div>
        <div class="check_class_left">
          <div class="check_class_all_box">
            <div class="check_class_left_title">选择班级</div>
            <div style="display: flex; align-items: center; margin-left: auto">
              <el-checkbox v-model="checkAll" @change="handleCheckAllChange" class="all_check">全选</el-checkbox>
            </div>
          </div>
          <!-- <div class="class_item" style="position:absolute; margin:0" v-if="grade2.length">            
            <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
          </div> -->
          <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange"
            v-if="grade2.length">
            <div v-for="item in grade2" :key="item.id" class="class_item">
              <el-checkbox :label="item.id">
                {{ item.name }}
              </el-checkbox>
            </div>
          </el-checkbox-group>
          <div v-if="!grade2.length">暂无数据</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleClass = false">取 消</el-button>
        <el-button type="primary" @click="isAddClass">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
      :before-close="handleClose" class="addNewPP customWidth">
      <div class="people">
        <div class="people_top">
          <div class="people_top_right">
            <div class="people_search">
              <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
              <div class="search_img" @click="getTeacher">
                <img src="../../../assets/icon/search.png" alt />
              </div>
            </div>
          </div>
          <div class="people_nav" style="display: flex; align-items: center">
            <div class="check_class_left_title">选择成员</div>
            <div style="display: flex; align-items: center; margin-left: auto">
              <el-checkbox v-model="checkAll2" @change="handleCheckAllChange2" class="all_check">全选</el-checkbox>
            </div>
          </div>
        </div>
        <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length"
          @change="InviteChange2">
          <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
            <div class="t_j_box">
              <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
                <span>{{ item.name ? item.name : "暂无姓名" }}</span>
              </el-tooltip>
              <el-tooltip placement="top" :content="item.username.split('@')[0]">
                <span>{{ item.username.split('@')[0] }}</span>
              </el-tooltip>
              <el-tooltip placement="top" :content="item.school">
                <span>{{ item.school }}</span>
              </el-tooltip>
            </div>
          </el-checkbox>
        </el-checkbox-group>
        <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleMember = false">取 消</el-button>
        <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(4);
    }
      " class="dialog_diy fullStyle">
      <div style="height: 100%">
        <div class="a_add_title" style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          ">
          <!-- <div style="margin-right: 20px; font-size: 20px">标题:</div> -->
          <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
        </div>
        <div class="a_addBox" style="height: calc(100% - 50px)">
          <!-- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div> -->
          <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
            <div class="a_add_checkType">
              <span :class="{
                active:
                  askJson.askJson[index1].type == '1' ||
                  !askJson.askJson[index1].type,
              }" @click="checkAskType('1', askJson.askJson[index1])">单选题</span>
              <span :class="{ active: askJson.askJson[index1].type == '2' }"
                @click="checkAskType('2', askJson.askJson[index1])">多选题</span>
            </div>
            <div class="a_add_head">
              <div style="
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-right: 20px;
                ">
                <span style="min-width: fit-content">{{
                  index1 + 1 + "、"
                }}</span>
                <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
                  v-model="askJson.askJson[index1].askstitle" placeholder="请输入题目" @change="() => {
                    $forceUpdate();
                  }
                    "></textarea>
              </div>
              <div class="moveBtn moveBtn2" style="margin: 0 20px 0 0px" v-if="askJson.askCount != 1">
                <div class="chapter_upload_up" @click.stop="askMove(1, index1)"></div>
                <div class="chapter_upload_down" @click.stop="askMove(2, index1)"></div>
              </div>
              <div class="a_add_head_div">
                <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
                </el-button>
                <el-button type="primary" size="small" @click="addAskList(index1)">添加</el-button>
              </div>
            </div>
            <div class="a_add_body">
              <div class="a_add_input" style="flex-direction: column">
                <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex" style="
                    margin: 20px 10px 0 0;
                    display: flex;
                    align-items: center;
                    position: relative;
                  ">
                  <div style="margin-right: 10px">选项{{ checkIndex + 1 }}</div>
                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
                    v-model="askJson.askJson[index1].checkList[checkIndex]" placeholder="请输入选项" style="width: 300px"
                    @change="() => {
                      $forceUpdate();
                    }
                      "></textarea>
                  <div class="moveBtn moveBtn2" style="margin: 0 0px 0 20px"
                    v-if="askJson.askJson[index1].askItem != 1">
                    <div class="chapter_upload_up" @click.stop="checkMove(1, index1, checkIndex)"></div>
                    <div class="chapter_upload_down" @click.stop="checkMove(2, index1, checkIndex)"></div>
                  </div>
                  <div class="a_add_body_div">
                    <el-button type="primary" size="small"
                      @click="addcheckList(askJson.askJson[index1], checkIndex)">添加</el-button>
                    <el-button type="primary" size="small" @click="
                      deletecheckList(askJson.askJson[index1], checkIndex)
                      " v-if="askJson.askJson[index1].askItem != 1">删除
                    </el-button>
                  </div>
                </div>
              </div>
              <!-- <div class="a_add_body_div">
                <el-button style="margin: 10px 0px 0 0" type="primary" size="small"
                  @click="addcheckList(askJson.askJson[index1])">添加</el-button>
                <el-button type="primary" size="small" style="margin: 10px 0 0 10px"
                  @click="deletecheckList(askJson.askJson[index1])" v-if="askJson.askJson[index1].askItem != 1">删除
                </el-button>
              </div> -->
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closePan(4)">取 消</el-button>
        <el-button type="primary" @click="addAsk">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(45);
    }
      " class="dialog_diy fullStyle">
      <div style="height: 100%">
        <!-- <div class="a_add_title" style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          ">
          <div style="margin-right: 20px; font-size: 20px">标题:</div>
          <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
        </div> -->
        <div class="a_addBox" style="height: 100%">
          <div style="
              font-size: 16px;
              color: #c7c7c7;
              display: flex;
              align-items: center;
            ">
            <!-- 请输入题目内容 -->
            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
              v-if="isPasteChoice">
              智能粘贴
            </button>
          </div>
          <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
            <div class="a_add_checkType">
              <span :class="{ active: testJson.testJson[index1].type == '1' }"
                @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
              <span :class="{ active: testJson.testJson[index1].type == '2' }"
                @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
            </div>
            <div class="a_add_head">
              <div class="timuUpImg">
                <div style="display: flex; align-items: center">
                  <span style="min-width: fit-content">{{
                    index1 + 1 + "、"
                  }}</span>
                  <!-- <el-input class="a_add_head_input"  v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
                    placeholder="请输入题目">
                  </el-input> -->
                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
                    v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目" @change="() => {
                      $forceUpdate();
                    }
                      "></textarea>
                </div>
                <div class="moveBtn moveBtn2" v-if="testJson.testCount != 1">
                  <div class="chapter_upload_up" @click.stop="testMove(1, index1)"></div>
                  <div class="chapter_upload_down" @click.stop="testMove(2, index1)"></div>
                </div>
                <div class="xzUpImg" @click.stop="addImg($event)" style="margin-right: 10px">
                  <img src="../../../assets/icon/xzUpImg.png" alt="" />
                  <input type="file" accept="image/*" style="display: none"
                    @change="beforeUploadTiMu($event, index1)" />
                </div>
              </div>
              <div class="a_add_head_div">
                <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
                </el-button>
                <el-button type="primary" size="small" @click="addTestList(index1)">添加</el-button>
              </div>
            </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 class="deleteWord" @click.stop="deleteM(index1, tIndex)">
                  <img src="../../../assets/icon/delete.png" alt="" />
                </div>
              </div>
            </div>
            <div class="a_add_body">
              <div class="a_add_input a_add_input_choice">
                <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1"
                  @change="() => {
                    $forceUpdate();
                  }
                    ">
                  <div class="radioBox">
                    <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
                      .testItem" :key="checkIndex" :label="checkIndex">
                      <div style="margin-right: 10px">
                        选项{{ checkIndex + 1 }}
                      </div>
                      <div style="margin-right: 10px; width: 300px" v-if="
                        testJson.testJson[index1].checkList[checkIndex] &&
                        testJson.testJson[index1].checkList[checkIndex]
                          .imgType &&
                        testJson.testJson[index1].checkList[checkIndex]
                          .imgType == 1
                      ">
                        <div class="inImg" @click.stop="
                          previewImg(
                            testJson.testJson[index1].checkList[checkIndex]
                              .src
                          )
                          ">
                          <el-image :src="testJson.testJson[index1].checkList[checkIndex]
                            .src
                            " lazy />
                          <!-- <img :src="
                            testJson.testJson[index1].checkList[checkIndex]
                              .src
                          " alt="" /> -->
                        </div>
                      </div>

                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px" @change="() => {
                          $forceUpdate();
                        }
                          "></textarea>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex)" />
                      </div>
                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(testJson.testJson[index1], checkIndex)
                          ">添加</el-button>
                        <el-button type="primary" size="small" @click.stop="
                          deleteTcheckList(
                            testJson.testJson[index1],
                            checkIndex
                          )
                          " v-if="testJson.testJson[index1].testItem != 1">删除
                        </el-button>
                      </div>
                    </el-radio>
                  </div>
                </el-radio-group>
                <el-checkbox-group v-model="testJson.testJson[index1].answer"
                  v-if="testJson.testJson[index1].type == '2'" @change="() => {
                    $forceUpdate();
                  }
                    ">
                  <div class="radioBox">
                    <el-checkbox v-for="(item2, checkIndex1) in testJson.testJson[index1]
                      .testItem" :key="checkIndex1" :label="checkIndex1">
                      <div style="margin-right: 10px">
                        选项{{ checkIndex1 + 1 }}
                      </div>
                      <div style="margin-right: 10px; width: 300px" v-if="
                        testJson.testJson[index1].checkList[checkIndex1] &&
                        testJson.testJson[index1].checkList[checkIndex1]
                          .imgType &&
                        testJson.testJson[index1].checkList[checkIndex1]
                          .imgType == 1
                      ">
                        <div class="inImg" @click.stop="
                          previewImg(
                            testJson.testJson[index1].checkList[checkIndex1]
                              .src
                          )
                          ">
                          <el-image :src="testJson.testJson[index1].checkList[checkIndex1]
                            .src
                            " lazy />
                          <!-- <img :src="
                            testJson.testJson[index1].checkList[checkIndex1]
                              .src
                          " alt="" /> -->
                        </div>
                      </div>

                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px" @change="() => {
                          $forceUpdate();
                        }
                          "></textarea>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex1)" />
                      </div>
                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(
                            testJson.testJson[index1],
                            checkIndex1
                          )
                          ">添加</el-button>
                        <el-button type="primary" size="small" @click.stop="
                          deleteTcheckList(
                            testJson.testJson[index1],
                            checkIndex1
                          )
                          " v-if="testJson.testJson[index1].testItem != 1">删除
                        </el-button>
                      </div>
                    </el-checkbox>
                  </div>
                </el-checkbox-group>
              </div>
              <!-- <div class="a_add_body_div">
                <el-button type="primary" size="small" @click="addTcheckList(testJson.testJson[index1])">添加</el-button>
                <el-button type="primary" size="small" @click="deleteTcheckList(testJson.testJson[index1])"
                  v-if="testJson.testJson[index1].testItem != 1">删除
                </el-button>
              </div> -->
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closePan(45)">取 消</el-button>
        <el-button type="primary" @click="addTest">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加工具" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
      :before-close="handleClose" class="dialog_diy addToolsDia">
      <div class="toolChoose">
        <div class="tools">
          <div class="leftTools" style="width: 100%; padding: 0 0 15px 0"
            v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
            <div style="
                display: flex;
                flex-direction: row;
                align-items: baseline;
                flex-wrap: nowrap;
                justify-content: flex-start;
                position: relative;
              ">
              <div class="chooseWho">
                <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
                  互动类
                </div>
                <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
                  思维类
                </div>
                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
                  评价类
                </div>
                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
                  其他
                </div>
              </div>
            </div>

            <div style="min-height: 163px">
              <div class="toolSort" v-if="chapToolsType == 0">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(8) != -1 }" @click="chapAddTools(8)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(8)">
                    <img src="../../../assets/icon/secondToolList/library.png" alt />
                    <div style="margin: 5px 0">素材库</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(8) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(8)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
              <div class="toolSort" v-if="chapToolsType == 1">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(7) != -1 }" @click="chapAddTools(7)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(7)">
                    <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
                    <div style="margin: 5px 0">思维网格</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(7) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(7)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(1) != -1 }" @click="chapAddTools(1)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(1)">
                    <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                    <div style="margin: 5px 0">电子白板</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(1) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(1)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(2) != -1 }" @click="chapAddTools(2)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(2)">
                    <img src="../../../assets/icon/secondToolList/note.png" alt />
                    <div style="margin: 5px 0">便签</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(2) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(2)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(6) != -1 }" @click="chapAddTools(6)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(6)">
                    <img src="../../../assets/icon/secondToolList/doc.png" alt />
                    <div style="margin: 5px 0">协同文档</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(6) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(6)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(3) != -1 }" @click="chapAddTools(3)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(3)">
                    <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                    <div style="margin: 5px 0">思维导图</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(3) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(3)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(31) != -1 }"
                  @click="chapAddTools(31)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(31)">
                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                    <div style="margin: 5px 0">数学画板</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(31) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(31)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
              <div class="toolSort" v-if="chapToolsType == 2">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(5) != -1 }" @click="chapAddTools(5)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(5)">
                    <img src="../../../assets/icon/thirdToolList/score.png" alt />
                    <div style="margin: 5px 0">量规评分</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(5) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(5)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(4) != -1 }" @click="chapAddTools(4)">
                  <div class="whiteBIcon" @click.stop="openTools(chapCount, 4, null)">
                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                    <div style="margin: 5px 0">问卷调查</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(4) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(4)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
            </div>
            <div>
              <input type="text" placeholder="添加工具描述" class="binfo_input" style="margin: 20px 0; width: 100% !important"
                v-model="itemTools.toolDetail" />
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible4 = false">取 消</el-button>
        <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px" :before-close="(done) => {
      closePan(15);
    }
      " class="dialog_diy">
      <div>
        <div class="a_add_title" style="
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
          ">
          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
          <!-- <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input> -->
          <textarea rows="1" v-autoHeight="40" type="text" placeholder="请输入您要问的问题" class="binfo_input"
            style="width: 100% !important; border: 1px solid #dcdfe6" v-model="answerQ"></textarea>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closePan(15)">取 消</el-button>
        <el-button type="primary" @click="addAnswer">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div class="a_add_title" style="
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
          ">
          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
          <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
        <el-button type="primary" @click="addMp3Answer">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="600px"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div class="fileCss" style="padding-top: 20px">
          <div>
            <button class="info_btn" @click="addImg($event)">
              选择本地文件
              <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
            </button>
            <div class="spanName">选择本地文件</div>
          </div>
          <!-- <div>
            <el-button @click="getAllBanner" v-if="isSysPic == false">选择系统文件</el-button>
            <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
              <img :src="cover[0].url" alt="" />
              <div class="deletePic" @click="deleteSysPic">
                <img src="../../../assets/icon/delete.png" alt="" />
              </div>
            </div>
            <div class="spanName">选择系统文件</div>
          </div> -->
          <div>
            <el-button @click="(searchImageValue = courseName), resetImage()"
              v-if="isSysPic2 == false">选择网络文件</el-button>
            <div class="isSysPic" v-if="isSysPic2 == true && cover.length > 0">
              <img :src="cover[0].url" alt="" />
              <div class="deletePic" @click="deleteSysPic">
                <img src="../../../assets/icon/delete.png" alt="" />
              </div>
            </div>
            <div class="spanName">选择网络文件</div>
          </div>
        </div>
        <!-- <div class="fileCss">
        </div> -->
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="choosePicVisible = false">取 消</el-button>
        <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="710px"
      :before-close="handleClose" class="dialog_diy">
      <div class="cru_selectBox" style="margin: 0">
        <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
          绘画
        </div>
        <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
          科技
        </div>
        <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
          人文
        </div>
        <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
          艺术
        </div>
      </div>
      <div class="sysPicBox">
        <div v-for="(sys, sysIndex) in sysPic" :key="sysIndex" class="sysPic">
          <img :src="sys.poster" alt="" @click="chooseSysPic(sys.poster)" />
        </div>
      </div>
    </el-dialog>
    <el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div class="people_top_right" style="display: flex; align-items: center">
          <div style="position: relative; width: 100%">
            <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue"
              @keyup.enter.native="resetImage()"></el-input>
            <div class="search_img" @click="resetImage" style="right: 10px">
              <img src="../../../assets/icon/search.png" alt />
            </div>
          </div>
          <el-button type="primary" size="default" style="margin-left: 10px" @click="changePicture">换一组</el-button>
        </div>
        <div class="sysPicBox" v-loading="imageloading">
          <div class="picNone" v-if="!imageList.length">
            请输入关键词搜索图片
          </div>
          <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
            <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
          </div>
        </div>
      </div>
    </el-dialog>
    <el-dialog title="选择匹配" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(41);
    }
      " class="dialog_diy dialog_diy3 fullStyle">
      <div v-if="selectJson" style="height: 100%">
        <div class="select_box1" v-if="selectSteps == 1">
          <div class="select_box1_img">
            <div class="select_box1_title">
              <span>上传题目图片</span><span>提示：请将所有题目上传为一张图片。</span>
            </div>
            <div class="select_box1_add_img">
              <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
                <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
                <img src="../../../assets/icon/addPoster.png" alt="" />
              </div>
              <div class="isSysPic" v-else>
                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
                <div class="deletePic" @click="deleteSelectPic">
                  <img src="../../../assets/icon/delete.png" alt="" />
                </div>
              </div>
            </div>
          </div>
          <div class="select_box1_select">
            <div class="select_box1_title">
              <span>添加选项</span><span>提示：请输入以上题目的选项内容，此选项为所有题目共享。</span>
            </div>
            <div class="select_box1_select_box">
              <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex"
                v-model="selectJson.select[checkIndex]" placeholder="请输入选项"
                style="width: 150px; margin: 10px 10px 0 0"></el-input>
              <div class="select_box1_select_box_add">
                <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
                  添加</el-button>
                <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)"
                  v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
              </div>
            </div>
          </div>
        </div>
        <div v-if="selectSteps == 2" style="height: 100%">
          <div class="select_box2">
            <div class="select_box2_title">设置每道题目的正确选项</div>
            <div class="select_box2_box">
              <div class="select_box2_img">
                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
              </div>
              <div class="select_box2_answer">
                <div class="select_answer_title">根据题目选择对应答案</div>
                <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
                  <span>{{ checkIndex + 1 }}、</span>
                  <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
                    <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
                    </el-option>
                  </el-select>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
        <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
        <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px"
      :before-close="handleClose" class="dialog_diy">
      <div style="background: #fff; padding: 15px; box-sizing: border-box">
        <div style="font-size: 18px; color: #a9a9a9">请输入个人评价指标:</div>
        <div class="pjCss" style="width: 100%">
          <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
            <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
              <span style="min-width: 100px; text-align: right">个人评价指标：</span>
              <input type="input" v-model="eItem.value" placeholder="填写评价维度" />
              <div class="remove" @click="deletRateList(eIndex)"></div>
              <div style="width: 100%; display: flex">
                <span style="min-width: 100px; text-align: right">评星等级：</span>
                <el-rate v-model="eItem.score" disabled></el-rate>
              </div>
              <div class="elist_inptu_text" style="align-items: flex-start">
                <span style="min-width: 100px; text-align: right">描述：</span>
                <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写维度描述"></textarea>
              </div>
            </div>
          </div>
          <div class="addToolFun" @click="addRateList()">
            <div class="addToolImg">
              <img src="../../../assets/icon/add.png" alt />
            </div>
            <div>添加</div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleRate = false">取 消</el-button>
        <el-button type="primary" @click="addRateAnswer">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="排序设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px" :before-close="(done) => {
      closePan(47);
    }
      " class="dialog_diy dialog_diy3 fullStyle">
      <div style="height: 100%">
        <div class="sentenBox" style="height: 100%">
          <div class="addSen" @click="addSt">添加题目</div>
          <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
            <div class="sentenTopBox">
              <div class="sentenTop" :index="stIndex + 1">
                <div>题目设置</div>
                <div>
                  <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle" :maxlength="10"></el-input>
                </div>
                <div @click="addSen(stIndex)">添加</div>
                <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
              </div>
            </div>

            <div class="cardList">
              <div v-if="st.addSentence.length > 0" class="cardBox">
                <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex"
                  @click="setRightAnswer(s, stIndex, sIndex)">
                  <el-tooltip class="item" effect="light" :content="s" placement="top">
                    <div>{{ s }}</div>
                  </el-tooltip>
                  <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
                    <img src="../../../assets/icon/delete.png" alt="" />
                  </div>
                </div>
              </div>
              <div class="card">
                <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
              </div>
            </div>
            <div class="rightCardBox">
              <div>正确顺序</div>
              <div class="rightCardList">
                <div v-if="st.rightAnswer.length > 0" class="cardBox">
                  <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
                    <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
                      <el-tooltip class="item" effect="light" :content="r" placement="top">
                        <div>{{ r }}</div>
                      </el-tooltip>
                    </div>
                    <div>{{ rIndex + 1 }}</div>
                  </div>
                </div>
                <div class="card" v-if="st.rightAnswer.length == 0">
                  <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
                </div>
                <div class="card" v-else>
                  <img src="../../../assets/icon/conSentences/clickNo.png" alt="" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closePan(47)">取 消</el-button>
        <el-button type="primary" @click="addSentenceTool">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <!-- <el-form-item label="文本标题">
          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
        </el-form-item> -->
        <div>表格内容</div>
        <Table v-model="tableJson.text" @change="change"></Table>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="dialogVisibleTable = false">取 消</el-button>
        <el-button type="primary" @click="addTableJson">确定</el-button> -->
        <el-button type="primary" @click="addTableJson">上传模板</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="95%"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <!-- <el-form-item label="文本标题">
          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
        </el-form-item> -->
        <div>文档内容</div>
        <editor-bar v-model="wordJson.text" class="text_panel"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
        <el-button type="primary" @click="addWordJson">上传模板</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加班级" :visible.sync="dialogVisibleMoreUpload" :append-to-body="true" width="30%"
      :before-close="handleClose" class="dialog_diy">
      <div style="
          width: 100%;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
        ">
        <div>班级：</div>
        <el-select multiple v-model="uploadJson" placeholder="请选择">
          <el-option v-for="item in classJuri" :key="item.id" :label="item.name" :value="item.id">
          </el-option>
        </el-select>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleMoreUpload = false">取 消</el-button>
        <el-button type="primary" @click="addMoreUpload">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="设置随机码" :visible.sync="dialogVisibleInvite" :append-to-body="true" width="360px"
      :before-close="handleClose" class="dialog_diy">
      <div style="
          width: 100%;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
        ">
        <div>随机码：</div>
        <el-input v-model="icode" style="width: 240px" placeholder="请输入随机码"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleInvite = false">取 消</el-button>
        <el-button type="primary" @click="addInvite">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加预设时间" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div style="margin-bottom: 20px; color: #999">
          提示：点击“+”或“-”修改倒计时时长。
        </div>
        <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblePreTime = false">取 消</el-button>
        <el-button type="primary" @click="addPreTime">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="导入目标" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div style="
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            justify-content: space-between;
          ">
          <div style="
              display: flex;
              flex-flow: row nowrap;
              align-items: flex-start;
              width: 100%;
              flex-direction: column;
              flex-wrap: nowrap;
              position: relative;
            ">
            <div class="e_box">
              <!-- <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
                <div class="e_card_picture">
                  <img src="../../../assets/e_picture.png" />
                </div>
                <div class="e_card_name">
                  <span>{{ item.title }}</span>
                </div>
                <div class="e_card_btn">
                  <span @click="checkEva(item.id, 2)">导入</span>
                </div>
              </div> -->
              <!-- <div class="addEva" @click="openT">
                <img src="../../../assets/icon/addEva.png" alt="" />
              </div> -->
              <div style="
                  display: flex;
                  justify-content: flex-end;
                  margin-bottom: 10px;
                ">
                <el-button @click="openT" type="primary" size="small">添加目标</el-button>
              </div>
              <el-table v-if="evaJuri.length" ref="table" :data="evaJuri" border :fit="true" style="width: 100%"
                :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }" :row-class-name="tableRowClassName">
                <el-table-column label="目标名称" min-width="15" align="center" prop="title">
                </el-table-column>
                <el-table-column prop="username" label="负责人" min-width="15" align="center">
                </el-table-column>
                <el-table-column label="操作" width="250px">
                  <template slot-scope="scope">
                    <div class="btnBox">
                      <el-button type="primary" size="small" @click="checkEva(scope.row.id, 2)">导入</el-button>
                    </div>
                  </template>
                </el-table-column>
              </el-table>
              <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
                暂无数据
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblemb = false">取 消</el-button>
      </span>
    </el-dialog>
    <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px"
      :before-close="handleClose" class="dialog_diy">
      <div class="groupBox">
        <div v-if="groupJson.group" class="groupContent">
          <div class="groupTitle">请设置小组数量及名称</div>
          <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
            <span class="groupn">第{{ index + 1 }}组名称:</span>
            <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
            <div class="groupBtn">
              <el-button type="primary" size="small" @click="addGroup(index)"
                v-if="groupJson.group.length - 1 == index">
                添加</el-button>
              <el-button type="primary" size="small" @click="deleteGroup(index)"
                v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
            </div>
          </div>
        </div>
        <div class="groupContent">
          <div class="groupTitle">请设置每组人数</div>
          <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
            style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
          <el-input v-model="groupJson.number" style="width: 150px" placeholder="请输入2-10的数字"
            @change="numberPan"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleGroup = false">取 消</el-button>
        <el-button type="primary" @click="addGroupJson">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="修改名称" :visible.sync="dialogVisibleupdataVideoT" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <div style="
          width: 100%;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
        ">
        <div style="min-width: fit-content">文件名称：</div>
        <el-input v-model="line" placeholder="请输入要修改的名称"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleupdataVideoT = false">取 消</el-button>
        <el-button type="primary" @click="updataVideoC">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="创建作文题目" :visible.sync="englishDialogVisible" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(69);
    }
      " class="dialog_diy fullStyle fullStyle1">
      <englishRight :englishList="englishList" :oid="oid" ref="engJson" @setJson="addEnglish"></englishRight>
      <span slot="footer" class="dialog-footer">
        <el-button @click="englishDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="addEnglish">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="选择课程模板" :visible.sync="templateDialog" :append-to-body="true" width="630px"
      :before-close="handleClose" class="dialog_diy">
      <div class="template_box">
        <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkctJson(aa)"
          :class="{ wordTeacherA: ctJson.id == aa.id }">
          <div class="wordPic">
            <img src="../../../assets/icon/new/course_template.png" alt />
          </div>
          <el-tooltip effect="dark" :content="aa.title" placement="top">
            <div style="
                margin-top: 10px;
                line-height: 19px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding: 0 10px;
                box-sizing: border-box;
                width: 100%;
              ">
              {{ aa.title }}
            </div>
          </el-tooltip>
        </div>
        <div class="wordTeacher" @click="checkctJson({ id: 1 })" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'"
          :class="{ wordTeacherA: ctJson.id == 1 }">
          <div class="wordPic">
            <img src="../../../assets/icon/new/course_template.png" alt />
          </div>

          <div style="
              margin-top: 10px;
              line-height: 19px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding: 0 20px;
            ">
            简易模板
          </div>
        </div>
        <div class="wordTeacher" @click="checkctJson({ id: 2 })" v-if="isPasteStage"
          :class="{ wordTeacherA: ctJson.id == 2 }">
          <div class="wordPic">
            <img src="../../../assets/icon/new/course_template.png" alt />
          </div>

          <div style="
              margin-top: 10px;
              line-height: 19px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding: 0 20px;
            ">
            智能粘贴模式
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="templateDialog = false">取 消</el-button>
        <el-button type="primary" @click="addTemplate(ctJson)">确 定</el-button>
      </span>
    </el-dialog>
    <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
    <el-dialog title="切换阶段顺序" :visible.sync="dialogVisibleStageChange" :append-to-body="true" width="400px"
      :before-close="handleClose" class="dialog_diy dialog_diyStage">
      <div class="change_stageBox">
        <div class="navTask" v-for="(t, tIndex) in unitJson3" :key="tIndex">
          <div class="nt_taskBox">
            <div class="nt_taskTitle">第{{ tIndex + 1 }}阶段</div>
            <div class="nt_taskName">
              <el-tooltip effect="light" :content="t.dyName" placement="top">
                <span>{{ t.dyName }}</span>
              </el-tooltip>
            </div>
          </div>
          <div class="moveBtn" v-if="unitJson3.length > 1">
            <div class="chapter_upload_up" @click.stop="stageMove(1, tIndex)"></div>
            <div class="chapter_upload_down" @click.stop="stageMove(2, tIndex)"></div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleStageChange = false">取 消</el-button>
        <el-button type="primary" @click="updateChange">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="添加资源模板" :visible.sync="cetBoxDialog" :append-to-body="true" width="400px"
      :before-close="handleClose" class="dialog_diy">
      <div class="addTypeChoose" style="justify-content: center">
        <div style="min-width: 100px">模板名称：</div>
        <el-input v-model="templateName" style="width: 200px"></el-input>
      </div>
      <div class="addTypeBox">
        <div class="addTypeChoose">
          <div style="min-width: 100px">选择一级分类：</div>
          <el-select v-model="setTypeJson.one" placeholder="请选择" @change="getTwoType(setTypeJson.one)"
            style="width: 200px">
            <el-option v-for="(item, index) in oneJson" :key="index" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </div>
        <div class="addTypeChoose" v-if="setTypeJson.one != ''">
          <div style="min-width: 100px">选择二级分类：</div>
          <el-select v-model="setTypeJson.two" placeholder="请选择" style="width: 200px">
            <el-option v-for="(item1, index1) in twoJson" :key="index1" :label="item1.name" :value="item1.id">
            </el-option>
          </el-select>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="addCETemplate()">确 认</el-button>
        <el-button @click="close()">关 闭</el-button>
      </span>
    </el-dialog>
    <evaBox :userid="userid" :oid="oid" :org="org" :dialogVisibleEva.sync="evaBoxDialog" @updateEvaJson="updateEvaJson">
    </evaBox>
    <EnglishVoice :oid="oid" :org="org" :EnglishVoiceDialog.sync="EnglishVoiceDialog"
      :englishVoiceJson="englishVoiceJson" @setEnglishVoiceJson="setEnglishVoiceJson"></EnglishVoice>
  </div>
</template>

<script>
import "../../../common/aws-sdk-2.235.1.min.js";
import { tools as toolsData } from "../../../common/tools.js";
// import "../../../common/aws-sdk-2.99.0.min.js";
import $ from "jquery";
import EditorBar from "../../../components/tools/wangEnduit";
import Table from "../../../components/tools/table";
import Mind from "../../tools/jsmind2";
import Time from "../../tools/time.vue";
import Sunburst from "../../tools/sunburst";
import SeeBoard from "../../tools/seeBoard";
import weilaiData from "../components/weilai.js";
import sourceDialog from "../teacherSource/dialog.vue";
import interVideo from "../interVideo/index.vue";
import englishRight from "../components/englishRight.vue";
import evaBox from "../evaBox/index.vue";
import EnglishVoice from "../EnglishVoice/index.vue";
import aiBox from './aiBox.vue'

export default {
  components: {
    EditorBar,
    Mind,
    Time,
    Sunburst,
    SeeBoard,
    Table,
    sourceDialog,
    interVideo,
    englishRight,
    evaBox,
    EnglishVoice,
    aiBox
  },
  data() {
    return {
      checkAll: false,
      checkAll2: false,
      chooseType: 1,
      checkedCities: [],
      isIndeterminate: true,
      isIndeterminate2: true,
      isSysPic: false,
      isSysPic2: false,
      steps: 1,
      stepsNav: 1,
      nbOrder: 0,
      courseId: "",
      chapToolsType: 0,
      chapTools: [
        {
          tools: [],
          toolDetail: "",
        },
      ],
      line: "",
      lineTitle: "",
      sysPic: [],
      sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
      sentenceList2: [],
      isPushTitleList: [],
      lineCount: 0,
      lineType: 0,
      chapCount: 0,
      courseName: "",
      isTeacherSee: false,
      courseText: "",
      textLoading:false,
      courseText2: "",
      preTime: 0,
      formLabelWidth: "100px",
      choosePicVisible: false,
      sysPicVisible: false,
      sysPicVisible2: false,
      uploadLoading1: false,
      noneBtnImg: false,
      updateBoolean2: false,
      unitIndex: 0,
      taskCount: 0,
      dialogVisible: false,
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      dialogVisible6: false,
      dialogVisible7: false,
      dialogVisible8: false,
      dialogVisible9: false,
      dialogVisibleClass: false,
      dialogVisibleMember: false,
      dialogVisibleMp3: false,
      dialogVisibleSelect: false,
      dialogVisibleSentence: false,
      dialogVisibleRate: false,
      dialogVisibleChoice: false,
      dialogVisiblemb: false,
      dialogVisibleInvite: false,
      dialogVisibleSource: false,
      dialogVisibleVideo: false,
      dialogVisibleStageChange: false,
      dialogVisibleupdataVideoT: false,
      englishDialogVisible: false,
      templateDialog: false,
      ctJson: {},
      isClickColor: 1,
      toolIndexType: "",
      publicTool: 0,
      searchPeople: "",
      searchTN: "",
      userid: this.$route.query.userid,
      oid: this.$route.query.oid,
      org: this.$route.query.org,
      role: this.$route.query.role,
      cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
      dialogVisibleTable: false,
      dialogVisibleWord: false,
      tableJson: { text: "" },
      wordJson: { text: "" },
      dialogVisibleMoreUpload: false,
      dialogVisiblePreTime: false,
      uploadJson: [],
      classJuri: [],
      gradeList: [],
      cover: [], //课程封面
      myWord: [],
      evaJuri: [],
      evalua: "",
      targetArray: [],
      eTitle: "",
      eJson: {},
      fid: "", //一级
      sid: "", //二级
      tid: "", //二级
      typeMode: 1,
      eJSONNum: 0,
      data: {
        meta: {
          name: "example",
          author: "dd@163.com",
          version: "0.2",
        },
        format: "node_array",
        data: [{ id: "root", isroot: true, topic: "" }],
      },
      askJson: {
        askCount: 1,
        askTitle: "",
        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      },
      askJson2: {},
      testJson: {},
      testJson2: {},
      selectJson: {},
      selectJson2: {},
      rateJson: [],
      unitJson2: [],
      unitJson3: [],
      unitJson: [
        {
          dyName: "", //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  taskDetail: "",
                  chapterData: [],
                  toolText: "",
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    },
                  ],
                  isShowTools: false,
                  askCount: 1,
                  isFold: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  checkJson: [{ checkCount: [], checkPerent: [] }],
                  homeworkList: [],
                },
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: [],
            },
          ],
        },
      ],
      templateArray: [],
      studentJuri: [],
      teacherJuri: [],
      checkboxList: [],
      checkboxList2: [],
      checkboxList3: [],
      classSearch: "",
      gradeId: "",
      number: "",
      tTitle: "",
      tdetail: "",
      templateC: {},
      AttText: {},
      AttTextType: 0,
      AttTextIndex: 0,
      cTemplate: "",
      CourseType: [],
      CourseType1: [],
      CourseType2: [],
      CourseTypeJson: {},
      CourseTypeJson1: {},
      courseTypeId: [],
      courseTypeId1: [],
      courseTypeSon: [],
      clearArray: [],
      pTypeCheck: [],
      pTypeCheckName: [],
      loading: false,
      toolType: 0,
      inputShow: true,
      inputShow2: true,
      toolIndex: 0,
      cidType: 0,
      answerQ: "",
      answerQ2: "",
      grade: [],
      grade2: [],
      courseUserid: "",
      timer: null,
      timer2: null,
      pasteTimer: null,
      checkId: "",
      isDelete: 1,
      addindex: 0,
      selectSteps: 1,
      groupJson: {},
      dialogVisibleGroup: false,
      rightBoxHeight: 0,
      ManAarray: [],
      checkBoolean: false,
      inviteCode: [],
      inviteId: "",
      icode: "",
      easyArray: [2, 4],
      sourceData: {},
      updateSourcePan: false,
      videoJson: {},
      isBtnDisplay: false,
      isStepDisplay: false,
      isPasteStage: false,
      isPasteTask: false,
      isPasteChoice: false,
      imageList: [],
      imageloading: false,
      searchImageValue: "",
      ppage: 1,
      toolsData: toolsData,
      oldIndex: 0,
      dragType: "",
      oldUnitIndex: 0,
      oldData: null,
      newIndex: "",
      englishList: {},
      typeIndex: "",
      courseState: 2,
      taskJSONa: [
        {
          task: "",
          taskDetail: "",
          chapterData: [],
          toolText: "",
          toolChoose: [
            {
              tool: [],
              toolDetail: "",
              toolType: 0,
              askCount: 1,
              askTitle: "",
              askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
            },
          ],
          isShowTools: false,
          askCount: 1,
          isFold: 1,
          askTitle: "",
          askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
          checkJson: [{ checkCount: [], checkPerent: [] }],
          homeworkList: [],
        },
      ],
      checkUnitIndex: 0,
      isdrag: "",
      evaIndex: "",
      evatIndex: "",
      evaBoxDialog: false,
      EnglishVoiceDialog: false,
      englishVoiceJson: {},
      cetIndex: "",
      cettIndex: "",
      cetBoxDialog: false,
      templateName: "",
      setTypeJson: {
        one: "",
        two: "",
      },
      twoJson: [],
      oneJson: [],
      updateKey: 1,
      isOutline: false,
      infoData: [],
      infoproVisible: false,
      infoisFinishSize: 0,
      infoisAllSize: 0,
      infoprogress: 0,
    };
  },
  directives: {
    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 + 25}px`;
      },
    },
  },
  computed: {
    // rightBoxHeight: function () {
    //   return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
    // },
    offsetLetfPx: function () {
      //addnum可以直接在模板语法里面用，相当于data内的值
      return (
        $(".cru_select")[this.unitIndex] &&
        $(".cru_select")[this.unitIndex].offsetLeft + 5
      );
    },
    getMan2() {
      return function (people) {
        let _people = people;
        let _people2 = "";
        if (this.ManAarray.length) {
          for (var i = 0; i < this.ManAarray.length; i++) {
            if (this.ManAarray[i].userid == people) {
              _people2 = this.ManAarray[i].name;
              break;
            }
          }
        }
        if (people == this.courseUserid) {
          return "";
        }
        return this.ManAarray.length ? _people2 : "";
      };
    },
    getListMan2() {
      return function (list) {
        let _people2 = [];
        if (this.ManAarray.length) {
          for (var j = 0; j < list.length; j++) {
            let people = list[j];
            for (var i = 0; i < this.ManAarray.length; i++) {
              if (
                this.ManAarray[i].userid == people &&
                people != this.courseUserid
              ) {
                _people2.push(this.ManAarray[i].name);
                break;
              }
            }
          }
        }

        return this.ManAarray.length ? _people2.join("、") : "";
      };
    },
    isInvite() {
      return function (cid) {
        let array = [];
        for (var i = 0; i < this.inviteCode.length; i++) {
          array.push(this.inviteCode[i].cid);
        }
        return array.indexOf(cid) != -1;
      };
    },
    getInviteCodeC() {
      return function (cid) {
        let array = [];
        for (var i = 0; i < this.inviteCode.length; i++) {
          array.push(this.inviteCode[i].cid);
        }
        return this.inviteCode[array.indexOf(cid)].ic;
      };
    },
    getClassC() {
      return function (c) {
        let _c2 = "";
        if (this.grade.length) {
          for (var i = 0; i < this.grade.length; i++) {
            if (this.grade[i].id == c) {
              _c2 = this.grade[i].name;
              break;
            }
          }
        }
        return this.grade.length ? _c2 : "";
      };
    },
    getListClassC() {
      return function (list) {
        let _c2 = [];

        if (this.grade.length) {
          for (var j = 0; j < list.length; j++) {
            let c = list[j];
            for (var i = 0; i < this.grade.length; i++) {
              if (this.grade[i].id == c) {
                _c2.push(this.grade[i].name);
                break;
              }
            }
          }
        }
        return this.grade.length ? _c2.join("、") : "";
      };
    },
  },
  watch: {
    unitIndex(newValue, oldValue) {
      // return;
      if (this.isDelete == 2) {
        this.isDelete = 1;
        return;
      }
      if (this.cid != "") {
        let _unitIndex = oldValue;
        if (
          JSON.stringify(this.unitJson2[_unitIndex]) ==
          JSON.stringify(this.unitJson[_unitIndex])
        ) {
          this.$refs.rightboxR.scrollTop = 0;
          return;
        }
        let cPan = 1;
        for (
          var j = 0;
          j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
          j++
        ) {
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
            j
          ].proVisible = false;
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
            j
          ].proVisible2 = false;
          if (
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length > 1
          ) {
            for (
              var z = 0;
              z <
              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
                .length;
              z++
            ) {
              if (
                !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
                  .toolChoose[z].tool.length
              ) {
                this.$message.error("请把工具添加完整");
                cPan = 2;
                break;
              }
            }
          }
          if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
                (ele) => {
                  return ele.value != "";
                }
              );
          }
        }
        if (cPan == 2) {
          this.unitIndex = oldValue;
          return;
        }
        for (var i = 0; i < this.unitJson.length; i++) {
          if (this.addindex != i) {
            delete this.unitJson[i].isUpdate;
          }
        }
        this.$refs.rightboxR.scrollTop = 0;
        this.addindex = -1;
        let params = [
          {
            cid: this.cid,
            chapters: JSON.stringify(this.unitJson),
            uid: this.userid,
            unitIndex: _unitIndex,
          },
        ];
        this.ajax
          .post(this.$store.state.api + "updateWorkNew4", params)
          .then((res) => {
            // this.$message({
            //   message: "修改成功",
            //   type: "success",
            // });
            // this.courseId = this.cid;
          })
          .catch((err) => {
            this.$message.error("网络不佳");
            console.error(err);
          });
      }
    },
    steps(newValue, old) {
      if (newValue == 4) {
        let cPan = 1;
        for (var i = 0; i < this.unitJson.length; i++) {
          for (
            var j = 0;
            j < this.unitJson[i].chapterInfo[0].taskJson.length;
            j++
          ) {
            this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
            this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
            if (
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
            ) {
              for (
                var z = 0;
                z <
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
                z++
              ) {
                if (
                  !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z]
                    .tool.length
                ) {
                  this.$message.error("请把工具添加完整");
                  cPan = 2;
                  break;
                }
              }
            }
            if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
              this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
                i
              ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
                return ele.value != "";
              });
            }
          }
        }
        this.inputShow = true;
        if (cPan == 2) {
          this.steps = old;
          return;
        }
        this.goTo(
          "/course?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
        );
      }
    },
  },
  methods: {
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return "even_row";
      } else {
        return "";
      }
    },
    close() {
      this.cetIndex = "";
      this.cettIndex = "";
      this.templateName = "";
      this.cetBoxDialog = false;
    },
    openAI() {
      top.postMessage({ tools: "64" }, "*");
    },
    setMan() {
      // let teacherJuri = this.teacherJuri2;
      this.ManAarray = [];
      let _user = JSON.parse(JSON.stringify(this.checkboxList3));
      if (_user.indexOf(this.userid) == -1) {
        _user.push(this.userid);
      }
      if (_user.indexOf(this.courseUserid) == -1) {
        _user.push(this.courseUserid);
      }
      let params = {
        uid: _user.join(","),
      };
      this.ajax
        .get(this.$store.state.api + "getAllUserById", params)
        .then((res) => {
          let teacherJuri = res.data[0];
          this.ManAarray = teacherJuri;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    previewImg(url) {
      this.$hevueImgPreview(url);
    },
    btnDisplay(bool) {
      this.isBtnDisplay = bool;
    },
    stepDisplay(bool) {
      this.isStepDisplay = bool;
    },
    scrollChange() {
      this.rightBoxHeight = $(".rightBox")[0].scrollHeight - 80;
    },
    addHw(e) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    change(val) {
      if (this.dialogVisible1) {
        this.tdetail = val;
      } else if (this.dialogVisible6) {
        this.AttText.text = val;
      } else if (this.dialogVisible2) {
        this.cTemplate = val;
      } else if (this.dialogVisibleTable) {
        this.tableJson.text = val;
      }
      this.$forceUpdate();

      console.log(val);
    },
    change2(val) {
      console.log(val);
      this.$forceUpdate();
    },
    handleClose(done) {
      done();
    },
    closePan(tool) {
      if (tool == 15) {
        if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
          this.dialogVisible8 = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 4) {
        if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
          this.dialogVisible5 = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 45) {
        if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
          this.dialogVisibleChoice = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 41) {
        if (
          JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)
        ) {
          this.dialogVisibleSelect = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 47) {
        if (
          JSON.stringify(this.sentenceList) ==
          JSON.stringify(this.sentenceList2)
        ) {
          this.dialogVisibleSentence = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 69) {
        if (
          JSON.stringify(this.englishList) == JSON.stringify(this.englishList)
        ) {
          this.englishDialogVisible = false;
        } else {
          this.closeConfirm(tool);
        }
      }
    },
    closeConfirm(tool) {
      this.$confirm("是否保存已编辑内容？", "提示", {
        confirmButtonText: "保存",
        cancelButtonText: "不保存",
        type: "warning",
      })
        .then(() => {
          if (tool == 15) {
            this.addAnswer();
          } else if (tool == 4) {
            this.addAsk();
          } else if (tool == 45) {
            this.addTest();
          } else if (tool == 41) {
            this.addSelectAnswer();
          } else if (tool == 47) {
            this.addSentenceTool();
          } else if (tool == 69) {
            this.addEnglish();
          }
        })
        .catch(() => {
          if (tool == 15) {
            this.dialogVisible8 = false;
          } else if (tool == 4) {
            this.dialogVisible5 = false;
          } else if (tool == 45) {
            this.dialogVisibleChoice = false;
          } else if (tool == 41) {
            this.dialogVisibleSelect = false;
          } else if (tool == 47) {
            this.dialogVisibleSentence = false;
          } else if (tool == 69) {
            this.englishDialogVisible = false;
          }
        });
    },
    addEnglish(jsonType) {
      this.englishList.engTitle = this.$refs["engJson"].engList.engTitle;
      this.englishList.englishText = this.$refs["engJson"].engList.englishText;
      this.englishList.textJson = this.$refs["engJson"].engList.textJson;
      if (
        this.englishList.engTitle == "" ||
        this.englishList.englishText == ""
      ) {
        this.$message.error("请将内容填写完整!");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].englishList = this.englishList;
      this.englishList = {};
      if (jsonType && jsonType == 1) {
        this.englishDialogVisible = true;
      } else {
        this.englishDialogVisible = false;
      }
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 69
      ) {
        this.addTools(69, this.taskCount, this.toolIndex);
      }
    },
    imgChange2(i, j) {
      var _tmp = this.testJson.testJson[i].checkList[j];
      this.noneBtnImg = _tmp.length >= 1;
    },
    imgChange3(i) {
      var _tmp = this.testJson.testJson[i];
      this.noneBtnImg = _tmp.length >= 1;
    },
    imgChange1(file, fileList, type, itemTaskIndex) {
      if (type == 1) {
        var _tmp = this.cover;
      } else if (
        type == 2 ||
        type == 3 ||
        type == 6 ||
        type == 7 ||
        type == 8
      ) {
        var _tmp =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .chapterData;
      } else if (type == 4) {
        var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
      } else {
        var _tmp =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .homeworkList;
      }
      this.noneBtnImg = _tmp.length >= 1;
    },
    goTo(path) {
      this.$router.push(path);
    },
    guid() {
      var _num,
        i,
        _guid = "";
      for (i = 0; i < 32; i++) {
        _guid += Math.floor(Math.random() * 16).toString(16); //随机0  - 16 的数字 转变为16进制的字符串
        _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
        if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
          //会使guid中间加 "-"   形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
          _guid += "-";
        }
      }
      return _guid;
    },
    retrunCourse() {
      this.$confirm("是否保存已编辑内容？", "提示", {
        confirmButtonText: "保存",
        cancelButtonText: "不保存",
        distinguishCancelAndClose: true,
        type: "warning",
      })
        .then(() => {
          if (this.cid == "" || this.cid == undefined) {
            if (this.courseName == "") {
              this.$message.error("请补充填写课程名称");
              return;
            } else {
              this.addWork();
            }
            this.steps = 4;
          } else {
            if (this.courseName == "") {
              this.$message.error("请补充填写课程名称");
              return;
            } else {
              if (this.userid != this.courseUserid && this.role != "1") {
                this.updateWork2();
              } else {
                this.updateWork();
              }
              this.steps = 4;
            }
          }
        })
        .catch((v) => {
          console.log(v);
          if (v == "cancel") {
            this.goTo(
              "/course?userid=" +
              this.userid +
              "&oid=" +
              this.oid +
              "&org=" +
              this.org +
              "&role=" +
              this.role
            );
          }
        });
    },
    lastSteps() {
      if (this.steps == 4) {
        this.goTo(
          "/course?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
        );
      } else {
        // if (this.cidType == 0) {
        //   this.steps--;
        //   if (this.steps == 1) {
        //     setTimeout(() => {
        //       this.checkEva(this.checkId);
        //       setTimeout(() => {
        //         this.checkEva(this.checkId);
        //       }, 100);
        //     }, 100);
        //   }
        // } else {
        if (this.steps == 3) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        // }
      }
    },
    navSteps(s) {
      if (this.courseName == "") {
        this.$message.error("请补充填写课程名称");
        return;
      }
      if (this.cidType == 0) {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
          }
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        if (s == 2) {
          this.steps = 2;
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          this.isClickColor = 1;
          this.unitJson[
            this.unitIndex
          ].chapterInfo[0].taskJson[0].toolOpen = true;
          this.$forceUpdate();
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        }
      } else {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
          }
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          this.isClickColor = 1;
          this.unitJson[
            this.unitIndex
          ].chapterInfo[0].taskJson[0].toolOpen = true;
          this.$forceUpdate();
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        }
      }
      this.$refs.stepBox.scrollTop = 0;
    },
    nextSteps() {
      // if (this.cidType == 1) {
      if (this.steps == 1) {
        if (this.courseName != "") {
          if (!this.isOutline) {
            this.loading = true
            setTimeout(()=>{
              this.loading = false
              this.isOutline = true
            },0)
            // if(this.courseName == '热传递2'){
            //   this.unitJson = [{"dyName":"","chapterInfo":[{"isread":false,"chapterid":"631de859-2c2b-6780-cd3e-08c88a407cfe","title":"","courseName":"","taskJson":[{"task":"探究热的传递方式","taskDetail":"亲爱的同学们，今天我们将一起探索热是如何在不同的环境中传递的。我们将通过一系列有趣的实验来观察热在水中的传递过程。请大家准备好实验材料，并确保遵循安全指南。我们将使用感温粉末或红墨水来帮助我们直观地看到热是如何在水中移动的。在实验过程中，请大家仔细观察并记录你的发现，我们将一起讨论热对流是如何形成的。不要忘记，实验后我们要分享我们的观察结果，并探讨热对流在我们生活中的应用。让我们一起揭开热传递的神秘面纱吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[16],"toolDetail":"在工作单里详细记录你的实验步骤、观察到的现象以及你的分析和结论。请确保包含实验的目的、使用的材料、实验过程的描述和结果的解释。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[15],"toolDetail":"通过问答工具回答与热的传递方式相关的问题，以检验你对教学内容的理解和掌握程度。请仔细阅读每个问题，并给出准确的答案。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"answerQ":"问答"}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"toolOpen":true,"eList":[{"value":"实验设计和执行能力","detail":"学生应能够独立设计实验，清晰地描述实验步骤，并准确执行实验过程。","score":5},{"value":"观察和记录技能","detail":"学生需要展示在实验中对热传递现象的观察能力，并能够详细记录实验数据和现象。","score":5},{"value":"分析和解释能力","detail":"学生应能够对实验结果进行分析，解释热对流的形成原理，并能将实验结果与理论知识相联系。","score":5}],"taskDetail2":"任务设计：学生首先通过回顾和讨论日常生活中的热现象，如热水变凉、金属勺柄变热等，引入热传递的概念。然后教师引导学生通过实验观察水加热时的变化，使用感温粉末或红墨水在试管和烧杯中直观展示热在水中的传递过程。学生记录实验观察结果，并讨论热在水中的传递方式，理解热对流现象。最后，学生将实验结果与生活中的现象联系起来，探讨热对流在生活中的应用。\n\n评价标准：学生能够准确描述热在水中的传递方式；学生能够通过实验记录展示热对流的过程；学生能够举出生活中热对流的应用实例。"},{"task":"实验比较不同材料的导热性能","taskDetail":"大家好，接下来的活动我们将要比较不同材料的导热性能。我们会使用木勺、塑料勺和金属勺来进行一个有趣的“传热比赛”。我们将把这些勺子放入热水中，然后观察和记录哪一款勺子的手柄变热最快。这个实验将帮助我们理解哪些材料是热的良导体，哪些是不良导体。请大家设计实验步骤，并认真记录实验数据。我们将一起分析结果，并讨论为什么不同的材料会有不同的导热速度。准备好了吗？让我们开始实验，找出传热的冠军吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[48],"toolDetail":"使用表格工具记录和整理不同材料的导热性能数据。创建一个表格，列出每种材料的名称、预测的导热性能和实验结果，以便进行比较和分析。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"tableJson":{"text":""}}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"实验操作和数据记录","detail":"学生应能够准确地进行实验操作，记录不同材料在相同条件下的导热性能数据。","score":5},{"value":"比较和推理能力","detail":"学生需要展示对不同材料导热性能的比较能力，并能够推理出哪些材料是热的良导体或不良导体。","score":5},{"value":"实际应用理解","detail":"学生应能够举出热的良导体和不良导体在生活中的应用实例，并解释其适用性。","score":5}],"taskDetail2":"任务设计：学生首先通过实验比较木勺、塑料勺和金属勺的导热性能，预测哪种材料的传热速度最快。使用热水、感温油墨和温度计进行实验，观察并记录不同材料勺柄上蜡的变化。然后学生根据实验结果，讨论和总结热的良导体和不良导体的特点。并通过进一步比较铜丝、铁丝和铝丝的导热性能，了解不同金属的导热性能差异。\n\n评价标准：学生能够根据实验数据正确排序不同材料的导热性能；学生能够解释为什么某些材料是热的良导体，而其他材料是热的不良导体；学生能够设计并执行实验，准确测量和记录温度变化。"},{"task":"设计保温杯的初步方案","taskDetail":"同学们，现在我们要把所学的热传递知识应用到实际中来。我们的目标是设计一个保温杯，让它能够有效地保持水的温度。在开始之前，让我们先讨论一下保温杯应该具备哪些特性和功能。接下来，你们将分组进行头脑风暴，提出创意设计方案。请记得考虑材料的选择，因为它们对保温效果至关重要。每个人都可以发挥自己的想象力，但也要确保设计的可行性。完成设计图后，我们一起分享和讨论每个方案的亮点和改进空间。让我们动手设计一个既实用又有创意的保温杯吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[52],"toolDetail":"利用文档工具撰写你的保温杯设计方案。请包括设计的目标、选用的材料、预期的功能和任何创新点。确保你的设计方案既实用又有创意。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[3],"toolDetail":"使用思维导图工具来组织和展示你的设计思路。从设计的核心概念出发，扩展出不同的分支，包括设计理念、功能需求、材料选择等。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"创新和设计思维","detail":"学生应展示出创新的设计理念，并能够根据保温需求提出一个切实可行的保温杯设计方案。","score":5},{"value":"材料选择和应用","detail":"学生需要能够合理选择材料，并解释这些材料如何满足保温杯的设计要求。","score":5},{"value":"方案表达和沟通","detail":"学生应能够清晰地表达和展示他们的设计方案，包括设计图和设计报告。","score":5}],"taskDetail2":"任务设计：学生团队首先讨论并确定保温杯的设计目标，如保温效果、材料选择、环保要求等。利用已学的热传递知识和不同材料的导热性能，设计保温杯的初步方案，包括结构、材料和预期功能。学生绘制保温杯的设计图，并准备必要的材料和工具。教师提供指导和建议，帮助学生完善设计方案。\n\n评价量规：学生能够清晰地阐述设计方案的创新点和实用性；设计图应包含所有必要的细节，如尺寸、材料和结构；学生能够根据热传递原理合理选择保温杯的材料。"},{"task":"制作保温杯原型","taskDetail":"优秀的设计师不仅仅是在纸上绘图，我们还需要将设计变为现实。今天，我们将根据之前设计的方案，动手制作保温杯的原型。请大家准备好所需的材料和工具，并确保遵循安全操作规程。在制作过程中，你们可能会遇到一些挑战，但请不要气馁。记住，每一个问题都是一个学习和改进的机会。如果在制作中有任何困难，可以随时向我寻求帮助。完成原型后，我们将进行一个简单的功能测试，看看我们的保温杯是否能有效地保持水的温度。让我们动手制作，展现我们的创造力吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[16],"toolDetail":"拍摄你在制作保温杯原型过程中的关键步骤照片，并上传到平台。请确保照片清晰地展示了制作过程，包括材料准备、制作步骤和最终成品。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[16],"toolDetail":"录制一个短视频，展示你制作保温杯的整个过程。在视频中解释你的操作步骤、遇到的挑战以及你是如何解决这些问题的。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"手工制作技能","detail":"学生应能够展示出将设计转化为实际原型的能力，并能够在制作过程中运用适当的技术和工具。","score":5},{"value":"问题解决和适应性","detail":"学生需要在遇到制作挑战时展示出问题解决的能力，并能够适应和调整设计方案。","score":5},{"value":"原型展示和评估","detail":"学生应能够展示完成的保温杯原型，并进行基本的功能测试以评估其性能。","score":5}],"taskDetail2":"活动设计：学生首先根据设计图和准备好的材料，动手制作保温杯原型。在制作过程中，学生需要考虑实际操作的可行性，解决可能出现的问题。教师提供技术指导和安全提示，确保学生能够安全有效地完成制作。学生记录制作过程中的观察和遇到的问题，以及解决方案。\n\n评价量规：学生能够按照设计图制作出功能完备的保温杯原型；学生能够在制作过程中展示出良好的问题解决能力和创新思维；学生能够记录并反思制作过程，提出可能的改进措施。"},{"task":"测试保温杯的效果并进行优化","taskDetail":"到目前为止，我们已经完成了保温杯的设计和制作。但是，一个好的设计需要经过测试和优化才能变得更完美。今天，我们将设计一系列的测试来评估我们的保温杯原型的效果。我们将记录水温随时间的变化，以了解保温杯的保温性能。请大家认真设计测试方案，并精确地记录数据。测试结束后，我们将一起分析结果，找出我们的保温杯的优点和不足。根据这些信息，我们需要提出改进措施，以优化我们的设计。让我们用科学的方法，提升我们的保温杯性能吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[48],"toolDetail":"使用表格工具记录保温杯效果测试的数据。请创建一个表格，包括测试时间、水温读数、环境条件等信息，并记录任何观察到的变化。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[52],"toolDetail":"在文档中撰写测试结果的分析报告。请包括测试的目的、方法、结果和你的优化建议。确保你的报告清晰、有逻辑地展示了测试过程和结论。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"测试方案设计","detail":"学生应能够设计出合理的测试方案，以科学地评估保温杯的保温效果。","score":5},{"value":"数据分析和解释","detail":"学生需要能够准确记录测试数据，并能够对数据进行分析，以评估保温杯的性能。","score":5},{"value":"优化和改进建议","detail":"学生应能够根据测试结果提出具体的优化措施，并解释这些改进如何提高保温杯的性能。","score":5}],"taskDetail2":"活动设计：学生设计并执行保温杯的效果测试，如比较不同保温方法的降温速率。根据测试结果，学生讨论保温杯的优缺点，并提出改进方案。学生实施改进措施，优化保温杯的设计和功能。教师引导学生分析测试数据，理解影响保温效果的关键因素。\n\n评价量规：学生能够设计合理的测试方案，准确测量保温效果；学生能够根据测试结果提出具体的改进措施，并有效实施；学生能够展示出对保温杯性能优化的理解和实践能力。"},{"task":"展示最终作品并撰写设计报告","taskDetail":"同学们，我们的保温杯项目已经接近尾声。现在是时候展示我们的成果，并记录下我们的整个设计旅程了。每个人都将参与到展示材料的准备中，包括PPT、展板和实物模型。在展示中，我们要清晰地介绍我们的设计理念、制作过程、测试结果和优化方案。同时，我们也将撰写一份详细的设计报告，这将帮助我们更好地反思和总结这个项目。请大家认真收集来自老师和同学们的反馈，这将是我们改进和成长的宝贵资源。让我们以最好的状态，展示我们的努力成果吧！","chapterData":[],"toolText":"","toolChoose":[{"tool":[16],"toolDetail":"创建一个PPT来展示你的保温杯设计和制作过程。请包括设计理念、制作步骤、测试结果和优化方案。确保PPT内容清晰、专业，并能够有效地传达你的设计亮点。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[52],"toolDetail":"￮撰写一份详细的设计报告，记录你的项目背景、设计思路、实验数据、测试结果和反思总结。这份报告将作为你项目完成的最终成果，因此请确保内容详尽、条理清晰。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"项目展示能力","detail":"学生应能够通过PPT或其他形式清晰、专业地展示他们的设计和制作过程。","score":5},{"value":"报告撰写和组织","detail":"学生需要能够撰写一份详细的设计报告，包括项目的所有关键方面，并以逻辑清晰的方式组织内容。","score":5},{"value":"反思和自我评估","detail":"学生应能够对整个项目进行反思，总结学习经验，并在报告中提出自我评估和未来改进的方向。","score":5}],"taskDetail2":"活动设计：学生团队准备展示材料，如PPT、展板和实物模型，全面展示保温杯的设计和制作过程。在展示过程中，学生需要清晰地介绍保温杯的设计理念、制作过程、测试结果和改进措施。学生撰写一份详细的设计报告，包括项目背景、设计思路、实验数据、测试结果和反思总结。教师和同学提供反馈和建议，帮助学生进一步完善作品和报告。\n\n评价量规：学生能够清晰、专业地展示最终作品和设计过程；设计报告应详细记录项目的每个阶段，包括成功经验和遇到的挑战；学生能够根据反馈进行反思，提出后续改进的可能性。"}],"itemCount":1,"fileList1":[],"video":[],"testData":[],"pData":[],"templateArray":[]}]}]
            // }else if(this.courseName == '热传递1'){
            //   this.unitJson = [{"dyName":"","chapterInfo":[{"isread":false,"chapterid":"631de859-2c2b-6780-cd3e-08c88a407cfe","title":"","courseName":"","taskJson":[{"task":"什么是热传导？","taskDetail":"亲爱的学生，接下来我们将发掘热传导的奥秘。我会在黑板上为你们讲解这一主题。请你们专注听讲，仔细做笔记，理解并掌握热传导的原理。在课后，你们还需要翻阅科学书籍或查阅网络资源，以进一步深化对热传导的理解，并且我希望你们能够以一个清晰准确的概念图来梳理这个概念。","chapterData":[],"toolText":"","toolChoose":[{"tool":[3],"toolDetail":"使用思维导图工具，完成热传导的概念图，并对其进行解释。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"toolOpen":true,"eList":[{"value":"理解和解释热传导的能力","detail":"学生应该能清晰准确地解释热传导的基本原理，并举出适当的例子。","score":5},{"value":"自主学习的能力","detail":"学生应该能有效地利用课堂外的资源（如教科书、互联网）进行深入学习，并能整合信息制作热传导的概念图。","score":5},{"value":"表达和沟通的能力","detail":"学生应该能通过口头或书面的方式清晰地传达他们对热传导的理解。","score":5}],"taskDetail2":"活动设计：首先，教师通过课堂讲解向学生们介绍热传导的基本概念，如温度差导致的热量转移等。随后，学生们可以通过查阅科学书籍和网络资源，深化对热传导的理解，完成一个简单的热传导的概念图。\n\n活动评价:评价学生所制作的概念图的完整性、准确性，以及学生对热传导的理解程度。"},{"task":"不同材质的热传导效果如何？","taskDetail":"接着，我们将探讨不同材质的热传导效果。你们需要设计并执行一个实验来比较不同材质（比如塑料和金属）的热传导效果。用你们所学的科学方法，准备实验材料，详细记录实验的步骤，过程和结果。记住，好的实验既准确又有趣。","chapterData":[],"toolText":"","toolChoose":[{"tool":[16],"toolDetail":"设计一个实验来比较不同材质（如塑料和金属）热传导效果，并详细记录实验步骤和所需材料，在这里提交你的实验设计。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"tableJson":{"text":""}}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"科学实验设计的能力","detail":"学生应该能设计并执行一个有效的实验，以比较不同材质（如塑料和金属）的热传导效果。","score":5},{"value":"观察和分析的能力","detail":"学生应该能详细记录实验过程和数据，从实验数据中发现和解释热传导率与材质之间的关系。","score":5},{"value":"批判性思考的能力","detail":"批判性思考的能力 学生应该能根据实验结果，对不同材质的热传导效果提出合理的解释。","score":5}],"taskDetail2":"活动设计：学生们需要设计并执行一个实验，来观察和测试不同材质（如塑料和金属）的热传导情况。他们需要准备实验材料，记录实验过程和数据，并进行初步的数据解析。\n\n活动评价:评价学生实验的设计合理性，对实验过程和结果的记录完整性，以及初步数据解析的准确性。"},{"task":"为什么塑料餐具比金属餐具冷得快？","taskDetail":"现在，让我们用已经收集到的实验数据来解决这个有趣的问题。你们需要结合实验数据来解释也就是为什么塑料餐具比金属餐具冷的快？你们需要吸取我们在课堂上所学到的知识，包括已经做过的实验，然后尝试提出你们自己的见解。如果需要帮助，请随时向我或者你的同学寻求答案。","chapterData":[],"toolText":"","toolChoose":[{"tool":[15],"toolDetail":"根据你的实验数据，解释为什么塑料餐具比金属餐具冷得快。提交你的答案。","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"answerQ":"问答"}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"科学解释的能力 ","detail":"学生应该能利用热传导的理论知识，根据实验数据科学地解释为什么塑料餐具比金属餐具冷得快。","score":5},{"value":"分析和解决问题的能力 ","detail":"学生应该能把理论与实际情况结合起来，分析问题并给出解决方案。","score":5},{"value":"创新性思考的能力 ","detail":"学生应该能在理解了热传导原理的基础上，对其他类似的现象提出自己的见解和预测。","score":5}],"taskDetail2":"活动设计：根据收集的实验数据，学生们得出关于塑料和金属传热速度的结论，并试图解释其原因。他们可能需要查阅相关资料或寻求导师的帮助来理解观察到的现象。\n\n活动评价:评价学生们的结论是否基于实验数据，其对相关现象的解释是否科学合理。"},{"task":"如何编写完整的热传导实验报告？","taskDetail":"最后，我们将把我们学到的知识整理成文字。你们需要编写一份完整的热传导实验报告，这包括实验的目的、步骤、结果和结论，同时还要学习如何整理和呈现数据。实验报告不仅是你们展示科学思维和科学技能的好机会，也是一个提升探究能力和逻辑思维能力的绝佳机会","chapterData":[],"toolText":"","toolChoose":[{"tool":[52],"toolDetail":"使用文档编辑器，整理你的实验数据，编写一份完整的热传导实验报告，并提交。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false},{"tool":[40],"toolDetail":"在你的实验报告提交后，对你自己的实验报告进行评价。","toolType":7,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"rateJson":[{"detail":"ssss","score":5,"value":"sss"}]}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"写作和报告的能力 ","detail":"学生应该能写出一个完整且结构清晰的热传导实验报告，包括实验的目的、步骤、结果和结论。","score":5},{"value":"逻辑思维的能力","detail":"学生应该能在报告中明确展示他们的思考过程，分析和解释实验数据，解释实验结果。","score":5},{"value":"批判性和反思的能力 ","detail":"学生应该能对自己的实验过程和结果进行反思，找出可能的误差来源，提出改进的建议。","score":5}],"taskDetail2":"活动设计：在完成上述任务并得出结论后，学生们需要编写一份关于热传导的实验报告，包括实验的目的，实验的过程，实验的结果和结论等内容。他们还需要学习如何整理和呈现数据，以及如何书写科学报告。\n\n活动评价:评价报告的完整性，包括实验的目的、步骤、结果和结论等。也要评价学生报告的逻辑性，是否能清楚地表述自己的思路和发现。"}],"itemCount":1,"fileList1":[],"video":[],"testData":[],"pData":[],"templateArray":[]}]}]
            // }else if(this.courseName == '热传递'){
            //   this.unitJson = [{"dyName":"","chapterInfo":[{"isread":false,"chapterid":"631de859-2c2b-6780-cd3e-08c88a407cfe","title":"","courseName":"","taskJson":[{"task":"热传导理论入门","taskDetail":"•预习材料：阅读提供的关于热传导的基础理论材料。\n•观看视频：观看教师推荐的热传导原理视频，记录至少三个关键点。\n•小组讨论：与小组成员讨论视频中的内容，并举例说明生活中的热传导现象。","chapterData":[],"toolText":"","toolChoose":[{"tool":[],"toolDetail":"","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"toolOpen":true,"eList":[{"value":"理解程度","detail":"学生能够准确解释热传导的基本概念和原理。","score":5},{"value":"参与度 ","detail":"学生在小组讨论中的活跃程度和贡献。","score":5}],"taskDetail2":"目标：使学生理解热传导的基本概念和原理。\n内容：\n•定义热传导及其在自然界和工程中的应用。\n•解释导热率和其他影响热传导的因素。\n•观看相关教育视频，加深对热传导现象的理解。\n活动：\n•教师讲解并展示PPT。\n•学生观看视频并记录关键信息。\n小组讨论：讨论生活中遇到的热传导实例。"},{"task":"实验探索热传导","taskDetail":"•实验设计：与小组成员合作，设计一个简单的实验来测试不同材料的热传导性能。\n•实验操作：按照设计的步骤进行实验，确保安全规范的同时，准确记录实验数据。\n•数据记录：使用表格记录每次实验的材料、温度变化和时间等数据。","chapterData":[],"toolText":"","toolChoose":[{"tool":[],"toolDetail":"","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"tableJson":{"text":""}}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"科学方法","detail":"实验设计的科学性和合理性。","score":5},{"value":"数据准确性","detail":"实验数据的准确记录和处理。","score":5},{"value":"安全遵守","detail":"实验过程中遵守安全规则的情况。","score":5}],"taskDetail2":"目标：通过实验比较不同材料的热传导性能。\n内容：\n•设计实验以测量不同材料（如铜、铝、木材）的热传导速率。\n•准备实验材料：热源、温度计、不同的传热材料。\n•实验步骤说明和安全指导。\n\n活动：\n•分组进行实验设计，确定实验方案。\n•实际操作，记录实验数据。\n分析实验结果，准备展示材料。"},{"task":"数据分析与科学报告","taskDetail":"•数据分析：使用Excel等软件工具，将收集的数据制作成图表。\n•报告撰写：根据分析结果撰写科学报告，包括实验目的、方法、结果和结论部分。\n•同伴评审：交换报告进行同伴评审，提供和接受反馈。","chapterData":[],"toolText":"","toolChoose":[{"tool":[],"toolDetail":"","toolType":2,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"answerQ":"问答"}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"分析技能","detail":"数据分析的准确性和图表的清晰度。","score":5},{"value":"报告质量","detail":"报告的完整性、逻辑性和语言表达。","score":5},{"value":"互动与反馈","detail":"在同伴评审中的积极性和建设性反馈。","score":5}],"taskDetail2":"目标：分析实验数据，撰写科学报告。\n内容：\n•学习如何使用图表和图形工具（如Excel）来表示数据。\n•讨论如何从数据中得出科学结论。\n•指导如何撰写科学实验报告。\n\n活动：\n•学生使用电脑软件处理实验数据。\n•编写实验报告，包括实验目的、方法、结果和结论。\n小组内互评报告，提出改进意见。"},{"task":"创意设计与产品制作","taskDetail":"•创意会议：进行头脑风暴，确定一个基于热传导原理的产品创意。\n•产品设计：绘制产品设计图，并列出所需材料和制作步骤。\n•产品制作：按照设计图制作产品原型，测试其功能。","chapterData":[],"toolText":"","toolChoose":[{"tool":[],"toolDetail":"","toolType":0,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false,"rateJson":[{"detail":"ssss","score":5,"value":"sss"}]}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"创意性","detail":"产品创意的独特性和创新性。","score":5},{"value":"设计实现","detail":"设计的可行性和产品制作的精确度。","score":5},{"value":"功能性","detail":"产品的实用性和符合热传导原理的有效性","score":5}],"taskDetail2":"目标：应用热传导知识，设计并制作一个原创产品。\n内容：\n•探索热传导在现实生活中的应用，如热水袋、保温杯等。\n•设计一个基于热传导原理的新产品或改进现有产品。\n•准备制作材料和工具。\n\n活动：\n•头脑风暴和创意设计会议。\n•制作原型或模型。\n准备展示，包括产品的工作原理和创新点介绍。"},{"task":"成果展示与评估","taskDetail":"•准备展示：准备展示材料，包括PPT、产品原型和报告。\n•展示演讲：在班级前进行项目展示，清晰地介绍项目背景、过程和结果。\n•互动问答：在展示后参与问答环节，回答同学和教师的问题。","chapterData":[],"toolText":"","toolChoose":[{"tool":[],"toolDetail":"","toolType":0,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}]}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"eList":[{"value":"展示技巧","detail":"信息的清晰传达和演讲的流畅性。","score":5},{"value":"知识掌握","detail":"在问答环节中展示的专业知识掌握程度。","score":5},{"value":"团队合作","detail":"整个项目中团队成员的协作和贡献。","score":5}],"taskDetail2":"目标：展示学生的项目成果，进行评估和反馈。\n内容：\n•每个小组展示他们的科学报告和创意产品。\n•评估标准包括创意、科学性、实用性和展示技巧。\n•反馈和总结，讨论学习体会和改进空间。\n\n活动：\n1.成果展示会。\n2.评委和同学提问，小组成员回答。\n教师和同学提供反馈和评价。"}],"itemCount":1,"fileList1":[],"video":[],"testData":[],"pData":[],"templateArray":[]}]}]
            // }
            this.$forceUpdate();
            return
          }

          this.loading = true
          setTimeout(()=>{
              this.loading = false
          this.steps = 3;
            },0)
          this.isClickColor = 1;
          this.unitJson[
            this.unitIndex
          ].chapterInfo[0].taskJson[0].toolOpen = true;
          this.$forceUpdate();
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
          }
        } else {
          this.$message.error("请补充填写课程名称");
          return;
        }
      } else if (this.steps == 3) {
        if (this.cid == "" || this.cid == undefined) {
          if (this.courseName == "") {
            this.$message.error("请补充填写课程名称");
            return;
          } else {
            this.addWork();
            this.steps++;
          }
        } else {
          if (this.courseName == "") {
            this.$message.error("请补充填写课程名称");
            return;
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
            this.steps++;
          }
        }
      }
      // } else {
      //   if (this.steps == 1) {
      //     if (this.courseName != "") {
      //       if (this.cid == "" || this.cid == undefined) {
      //         this.addWork();
      //       } else {
      //         if (this.userid != this.courseUserid && this.role != "1") {
      //           // this.updateWork2();
      //         } else {
      //           this.updateWork();
      //         }
      //       }
      //       this.steps++;
      //     } else {
      //       this.$message.error("请补充填写课程名称");
      //       return;
      //     }
      //   } else if (this.steps == 2) {
      //     if (this.templateC.id != "" || this.templateC.id != undefined) {
      //       this.cTemplate = this.templateC.content;
      //     }
      //     this.dialogVisible2 = false;
      //     this.steps++;
      //     setTimeout(() => {
      //       this.checkEva(this.checkId);
      //       setTimeout(() => {
      //         this.checkEva(this.checkId);
      //       }, 100);
      //     }, 1000);
      //   } else if (this.steps == 3) {
      //     if (this.cid == "" || this.cid == undefined) {
      //       if (this.courseName == "") {
      //         this.$message.error("请补充填写课程名称");
      //         return;
      //       } else {
      //         this.addWork();
      //         this.steps++;
      //       }
      //     } else {
      //       if (this.courseName == "") {
      //         this.$message.error("请补充填写课程名称");
      //         return;
      //       } else {
      //         if (this.userid != this.courseUserid && this.role != "1") {
      //           this.updateWork2();
      //         } else {
      //           this.updateWork();
      //         }
      //         this.steps++;
      //       }
      //     }
      //   }
      // }
      this.$refs.stepBox.scrollTop = 0;
    },
    unitSet(i) {
      if (this.unitIndex == i) {
        return;
      }
      this.unitIndex = i;
      this.isClickColor = 1;

      // this.$refs.rightboxR.scrollTop = 0;
      this.$refs.unitBox.scrollTop = 0;
    },
    panUnitJson() {
      let _unitIndex = this.unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error("请把工具添加完整");
              cPan = 2;
              break;
            }
          }
        }
        if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
              (ele) => {
                return ele.value != "";
              }
            );
        }
      }
      return cPan;
    },
    unitOpen(i) {
      if (this.unitJson[i].toolOpen) {
        this.unitJson[i].toolOpen = false;
      } else {
        this.unitJson[i].toolOpen = true;
      }
      this.updateWork();
      this.$forceUpdate();
    },
    unitSet2(i) {
      if (this.panUnitJson() == 2) {
        return;
      }
      // if(this.unitJson[i].toolOpen){
      //   this.unitJson[i].toolOpen = false
      //   this.updateWork()
      //   this.$forceUpdate()
      //   return
      // }else {
      this.unitJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
      if (this.unitIndex == i) {
        return;
      }
      this.unitIndex = i;
      this.isClickColor = 1;

      // this.$refs.rightboxR.scrollTop = 0;
      this.$refs.unitBox.scrollTop = 0;
    },
    updateCourseState(i) {
      let params = [
        {
          cid: this.cid,
          state: i,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateCourseMode", params)
        .then((res) => {
          this.courseState = i;
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    time() {
      if (!this.now) {
        this.now = new Date().getTime();
        return true;
      } else {
        let time = new Date().getTime();
        if (time - this.now > 3000) {
          this.now = time;
          return true;
        } else {
          return false;
        }
      }
    },
    deleteUnit(i) {
      var _this = this;
      if (i == 0 && _this.unitJson.length == 1) {
        _this
          .$confirm("确定切换成任务模式吗?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.unitJson[i].dyName = "";
            // _this.updateCourseState(2);
          })
          .catch(() => {
            return;
          });
      } else {
        _this
          .$confirm("确定删除此阶段吗?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.isDelete = 2;
            // _this.unitIndex = _this.unitIndex - 1;
            _this.deleteWork(_this.unitJson[i].chapterInfo[0].chapterid);
            // _this.$message.success("删除成功");
          })
          .catch(() => {
            return;
          });
      }
    },
    deleteWork(chapid) {
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          chapid: chapid,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "deleteWork", params)
        .then((res) => {
          this.$message({
            message: "删除成功",
            type: "success",
          });
          let task = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson
            )
          );
          this.unitJson.splice(this.unitIndex, 1);
          if (this.unitIndex == 0) {
            this.unitIndex = 0;
          } else {
            this.unitIndex = this.unitIndex - 1;
          }

          if (JSON.stringify(task) != JSON.stringify(this.taskJSONa)) {
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [
              ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson,
              ...task,
            ];
          }
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    deleteTool(itemTaskIndex, i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm("确定删除此工具吗?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].toolChoose.splice(i, 1);
            _this.$message.success("删除成功");
          })
          .catch(() => {
            return;
          });
      }
    },
    deleteSentence(i) {
      var _this = this;
      _this
        .$confirm("确定删除此题目吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.sentenceList.splice(i, 1);
          _this.$message.success("删除成功");
        })
        .catch(() => {
          return;
        });
    },
    deleteS(s, i, j) {
      this.sentenceList[i].addSentence.splice(j, 1);
      if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
        var a = this.sentenceList[i].rightAnswer.indexOf(s);
        this.sentenceList[i].rightAnswer.splice(a, 1);
      }
    },
    openT() {
      top.postMessage({ tools: "25" }, "*");
    },
    deleteTask(i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm(
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length -
              1 ==
              i
              ? "确定删除此任务吗?"
              : "切换任务顺序将删除所有工具的提交成果，是否继续此操作？",
            "提示",
            {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning",
            }
          )
          .then(() => {
            if (i == 0) {
              _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                i + 1
              ].chapterData = JSON.parse(
                JSON.stringify(
                  _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[i]
                    .chapterData
                )
              );
            }
            _this.$forceUpdate();
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(
              i,
              1
            );
            _this.$message.success("删除成功");
          })
          .catch(() => {
            return;
          });
      }
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
    },
    clean(i, c) {
      this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
    },
    handle_remove1(file, fileList, type) {
      var _tmp = this.cover;
      // for (var i = 0, len = _tmp.length; i < len; i++) {
      //   if (_tmp[i].uid == file.uid) {
      //     _tmp.splice(i, 1);
      //     break;
      //   }
      //   this.cover = _tmp;
      // }
      this.cover = [];
      this.noneBtnImg = this.cover.length >= 1;
      this.isSysPic = false;
      this.isSysPic2 = false;
      this.$forceUpdate();
    },
    addImg(e) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
      e.target.value = "";
    },
    addChaptersTools(i) {
      this.chapTools = [
        {
          tools: [],
          toolDetail: "",
        },
      ];
      this.chapCount = i;
      this.dialogVisible4 = true;
    },
    isNoFinsh() {
      this.$message.warning("功能正在开发中");
    },
    addAttText(i) {
      this.AttText = {
        title: "",
        text: "",
      };
      this.taskCount = i;
      this.AttTextType = 0;
      this.$forceUpdate();
      this.dialogVisible6 = true;
      setTimeout(() => {
        this.$refs["fuInput"].focus();
      }, 100);
    },
    openLine(i) {
      this.line = "";
      this.lineCount = i;
      this.lineType = 0;
      this.$forceUpdate();
      this.dialogVisible7 = true;
    },
    pasteLine(i) {
      navigator.clipboard
        .readText()
        .then((v) => {
          console.log("获取剪贴板成功：", v);
          const html = v;
          const regex = /src="(.*?)"/g;
          const match = regex.exec(html);
          if (match && match[1]) {
            console.log(match[1]);
            this.$message.success("粘贴成功");
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
              i
            ].chapterData.push({
              name: "链接",
              title: "嵌入代码",
              url: match[1],
              type: 8,
            });
          } else {
            // console.log("未找到包含 src 属性的 iframe");
            this.$message.error(
              "系统没有找到粘贴对象，请首先复制可用于粘贴的链接。"
            );
          }
        })
        .catch((v) => {
          console.log("获取剪贴板失败: ", v);
        });
    },
    openSource(i) {
      this.lineCount = i;
      this.sourceData = {};
      this.dialogVisibleSource = true;
      this.updateSourcePan = false;
    },
    addSource() {
      if (!Object.keys(this.sourceData).length) {
        this.$message.error("请选择要上传的资源");
        return;
      }
      let keys = Object.keys(this.sourceData);
      for (var i = 0; i < keys.length; i++) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData.push({
          name: "链接",
          title: this.sourceData[keys[i]].name,
          url: this.sourceData[keys[i]].url,
          type: 14,
          id: keys[i],
        });
      }
      this.$forceUpdate();
      this.dialogVisibleSource = false;
    },
    updateSource() {
      if (!Object.keys(this.sourceData).length) {
        this.$message.error("请选择要上传的资源");
        return;
      }
      let keys = Object.keys(this.sourceData);
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].url = this.sourceData[keys[0]].url;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].title = this.sourceData[keys[0]].name;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].id = keys[0];
      this.updateSourcePan = false;
      this.$forceUpdate();
      this.dialogVisibleSource = false;
    },
    deleteM(i, j) {
      this.testJson.testJson[i].timuList.splice(j, 1);
    },
    beforeUploadTiMu(event, i) {
      const loading = this.openLoading();
      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;

      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) + '%');
          })
          .send(function (err, data) {
            loading.close();
            if (err) {
              _this.$message.error("上传失败");
            } else {
              if (_this.testJson.testJson[i].timuList) {
                _this.testJson.testJson[i].timuList.push({
                  src: data.Location,
                });
              } else {
                _this.testJson.testJson[i].timuList = [];
                _this.testJson.testJson[i].timuList.push({
                  src: data.Location,
                });
              }
              _this.imgChange3(i);
              _this.$forceUpdate();
            }
          });
      }
    },
    beforeUploadTi(event, i, j) {
      const loading = this.openLoading();
      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;

      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) + '%');
          })
          .send(function (err, data) {
            loading.close();
            if (err) {
              _this.$message.error("上传失败");
            } else {
              _this.testJson.testJson[i].checkList[j] = {};
              _this.testJson.testJson[i].checkList[j].src = data.Location;
              _this.testJson.testJson[i].checkList[j].imgType = 1;
              _this.imgChange2(i, j);
              _this.$forceUpdate();
            }
          });
      }
    },
    beforeUpload1(event, type) {
      // const loading = this.openLoading();
      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;

      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) + '%');
          })
          .send(function (err, data) {
            // loading.close();
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              // _this.cover.push({
              //   name: file.name,
              //   url: data.Location,
              //   uid: file.uid,
              // });
              _this.cover = [
                {
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                },
              ];
              _this.imgChange1(null, null, 1, null);
              _this.choosePicVisible = false;
              console.log(data.Location);
            }
          });
      }
    },
    beforeUploadSelect(event, type) {
      // const loading = this.openLoading();
      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;

      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) + '%');
          })
          .send(function (err, data) {
            // loading.close();
            if (err) {
              _this.$message.error("上传失败");
            } else {
              _this.selectJson.url = data.Location;
              console.log(data.Location);
            }
          });
      }
    },
    chooseSysPic(p) {
      this.cover = [];
      setTimeout(() => {
        this.cover[0] = {
          name: "系统图片.png",
          url: p,
        };
        this.imgChange1(null, null, 1, null);
        this.$forceUpdate();
      }, 0);
      this.isSysPic = true;
      this.isSysPic2 = false;
      this.sysPicVisible = false;
      this.$forceUpdate();
    },
    chooseSysPic2(p) {
      this.cover = [];
      setTimeout(() => {
        this.cover[0] = {
          name: "网络图片.png",
          url: p,
        };
        this.imgChange1(null, null, 1, null);
        this.$forceUpdate();
      }, 0);
      this.isSysPic2 = true;
      this.isSysPic = false;
      this.sysPicVisible2 = false;
      this.$forceUpdate();
    },
    beforeUpload(data) {
      this.$refs.upload1.uploadFiles;
      this.uploadLoading1 = true;
      var file = data.file;
      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;

      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) + '%');
          })
          .send(function (err, data) {
            _this.uploadLoading1 = false;
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              //上传成功处理
              _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
                name: file.name,
                url: data.Location,
                uid: file.uid,
              });
              _this.imgChange();
              console.log(data.Location);
            }
          });
      }
    },
    onExceed() {
      this.$message.error("课程封面仅支持上传一张，请删除后再进行上传");
    },
    beforeUpload2(event, unitIndex, type, itemTaskIndex) {
      // const loading = this.openLoading();
      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;
      if (type == 3) {
        var b = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
        ];
        if (
          b.indexOf(
            file.name
              .split(".")
            [file.name.split(".").length - 1].toLocaleUpperCase()
          ) != -1
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        } else if (
          file.name
            .split(".")
          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        }
      }
      this.inputShow = false;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].progress = 0;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].proVisible = true;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].isFinishSize = 0;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
      _this.$forceUpdate();
      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.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = parseInt((evt.loaded / evt.total) * 100);
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
            _this.$forceUpdate();
          })
          .send(function (err, data) {
            // loading.close();
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = 100;
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].isFinishSize =
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].isAllSize;
            _this.$forceUpdate();
            setTimeout(() => {
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].proVisible = false;
              _this.$forceUpdate();
            }, 1000);
            _this.inputShow = true;
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              if (type == 13) {
                let _type = 2;
                var imgA = [
                  "png",
                  "jpg",
                  "jpeg",
                  "bmp",
                  "gif",
                  "webp",
                  "psd",
                  "svg",
                  "tiff",
                ];
                var fileA = [
                  "PDF",
                  "DOC",
                  "DOCX",
                  "DOCM",
                  "DOTM",
                  "DOTX",
                  "PPTX",
                  "PPSX",
                  "PPT",
                  "PPS",
                  "PPTM",
                  "POTM",
                  "PPAM",
                  "POTX",
                  "PPSM",
                  "XLSX",
                  "XLS",
                ];
                var videoA = [
                  "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 (
                  fileA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _type = 3;
                } else if (
                  videoA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _type = 2;
                } else if (
                  imgA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleLowerCase()
                  ) != -1
                ) {
                  _type = 13;
                } else {
                  _type = 12;
                }
                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].chapterData.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                  type: _type,
                });
                _this.imgChange1(null, null, _type, itemTaskIndex);
              } else if (type == 2 || type == 3 || type == 12) {
                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].chapterData.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                  type: type,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 4) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].fileList1.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 5) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].homeworkList.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              }
              console.log(data.Location);
            }
          });
      }
    },
    beforeUploadInfo2(event, type) {
      // const loading = this.openLoading();
      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;
      if (type == 3) {
        var b = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
        ];
        if (
          b.indexOf(
            file.name
              .split(".")
            [file.name.split(".").length - 1].toLocaleUpperCase()
          ) != -1
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        } else if (
          file.name
            .split(".")
          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        }
      }
      this.inputShow = false;
      _this.infoprogress = 0;
      _this.infoproVisible = true;
      _this.infoisFinishSize = 0;
      _this.infoisAllSize = (file.size / 1024 / 1024).toFixed(2);
      _this.$forceUpdate();
      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.infoprogress = parseInt((evt.loaded / evt.total) * 100);
            _this.infoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
            _this.$forceUpdate();
          })
          .send(function (err, data) {
            // loading.close();
            _this.infoprogress = 100;
            _this.infoisFinishSize = _this.infoisAllSize;
            _this.$forceUpdate();
            setTimeout(() => {
              _this.infoproVisible = false;
              _this.$forceUpdate();
            }, 1000);
            _this.inputShow = true;
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              if (type == 13) {
                let _type = 2;
                var imgA = [
                  "png",
                  "jpg",
                  "jpeg",
                  "bmp",
                  "gif",
                  "webp",
                  "psd",
                  "svg",
                  "tiff",
                ];
                var fileA = [
                  "PDF",
                  "DOC",
                  "DOCX",
                  "DOCM",
                  "DOTM",
                  "DOTX",
                  "PPTX",
                  "PPSX",
                  "PPT",
                  "PPS",
                  "PPTM",
                  "POTM",
                  "PPAM",
                  "POTX",
                  "PPSM",
                  "XLSX",
                  "XLS",
                ];
                var videoA = [
                  "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 (
                  fileA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _type = 3;
                } else if (
                  videoA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _type = 2;
                } else if (
                  imgA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleLowerCase()
                  ) != -1
                ) {
                  _type = 13;
                } else {
                  _type = 12;
                }
                _this.infoData.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                  type: _type,
                });
              } else if (type == 2 || type == 3 || type == 12) {
                _this.infoData.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                  type: type,
                });
              }
              console.log(data.Location);
            }
          });
      }
    },
    beforeUpload3(event, unitIndex, type, itemTaskIndex, string) {
      // const loading = this.openLoading();
      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;
      if (type == 3) {
        var b = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
        ];
        if (
          b.indexOf(
            file.name
              .split(".")
            [file.name.split(".").length - 1].toLocaleUpperCase()
          ) != -1
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        } else if (
          file.name
            .split(".")
          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
        ) {
          if (file.size / 1024 / 1024 > 80) {
            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
            this.inputShow = true;
            // var a = _this.$refs.upload1.uploadFiles;
            // a.splice(a.length - 1, a.length);
            // loading.close();
            return;
          }
        }
      }
      this.inputShow = false;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].progress = 0;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].proVisible = true;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].isFinishSize = 0;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
      _this.$forceUpdate();
      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.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = parseInt((evt.loaded / evt.total) * 100);
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
            _this.$forceUpdate();
          })
          .send(function (err, data) {
            // loading.close();
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = 100;
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].isFinishSize =
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].isAllSize;
            _this.$forceUpdate();
            setTimeout(() => {
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].proVisible = false;
              _this.$forceUpdate();
            }, 1000);
            _this.inputShow = true;
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              if (type == 2 || type == 3) {
                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].chapterData.push({
                  name: file.name,
                  // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  //   itemTaskIndex
                  // ].chapterData.length+1),
                  url: data.Location,
                  uid: file.uid,
                  type: type,
                  text: string,
                  // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  //   itemTaskIndex
                  // ].chapterData.length + 1),
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 4) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].fileList1.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 5) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].homeworkList.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              }
              console.log(data.Location);
            }
          });
      }
    },
    addunit() {
      this.unitJson.push({
        dyName: "", //单元标题
        isUpdate: 1,
        easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
        chapterInfo: [
          {
            isread: false,
            chapterid: this.guid(),
            title: "",
            courseName: "",
            taskJson: [
              {
                task: "",
                taskDetail: "",
                chapterData: [],
                toolText: "",
                toolChoose: [
                  {
                    tool: [],
                    toolDetail: "",
                    toolType: 0,
                    askCount: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  },
                ],
                isShowTools: false,
                askCount: 1,
                isFold: 1,
                askTitle: "",
                askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                checkJson: [{ checkCount: [], checkPerent: [] }],
                homeworkList: [],
              },
            ],
            itemCount: 1,
            fileList1: [],
            video: [],
            testData: [],
            pData: [],
            templateArray: [],
          },
        ],
      });
      this.addindex = this.unitJson.length - 1;

      setTimeout(() => {
        this.unitIndex = this.unitJson.length - 1;
        setTimeout(() => {
          console.log(this.$refs.dyInput);
          this.$refs.dyInput[0].focus();
        }, 100);
        this.unitSet(this.unitIndex);
      }, 0);
    },
    addToolFun(itemTaskIndex) {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].toolChoose.push({
        tool: [],
        toolDetail: "",
        toolType: 0,
        askCount: 1,
        askTitle: "",
        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      });
    },
    addTaskBorder() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
        task: "",
        taskDetail: "",
        chapterData: [],
        toolText: "",
        toolChoose: [
          {
            tool: [],
            toolDetail: "",
            toolType: 0,
            askCount: 1,
            askTitle: "",
            askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
          },
        ],
        isShowTools: false,
        askCount: 1,
        isFold: 1, //任务收起状态
        askTitle: "",
        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
        checkJson: [{ checkCount: [], checkPerent: [] }],
        homeworkList: [],
      });

      setTimeout(() => {
        this.checkEva(this.checkId);
        setTimeout(() => {
          this.checkEva(this.checkId);
        }, 100);
      }, 100);
    },
    add(e, i) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    fold(i, e) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold == 0
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
      }
    },
    fold2(i) {
      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFold2 = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
      }
      this.$forceUpdate();
    },
    foldEva(i) {
      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isEvaFold) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isEvaFold = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isEvaFold = true;
        setTimeout(() => {
          this.checkEva(this.checkId);
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 500);
        }, 0);
      }
      this.$forceUpdate();
    },
    foldC(i) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFoldchapter = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFoldchapter = true;
      }
      this.$forceUpdate();
    },
    fold3(i, ti) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti]
          .isFold3
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
          ti
        ].isFold3 = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
          ti
        ].isFold3 = true;
      }
      this.$forceUpdate();
    },
    deleteHomeworkBox(unitIndex, index, i) {
      this.unitJson[unitIndex].chapterInfo[index].taskJson[
        this.taskCount
      ].homeworkList.splice(i, 1);
    },
    getStudent() {
      let params = {
        oid: this.oid,
        cu: "",
        cn: this.searchPeople,
      };
      this.ajax
        .get(this.$store.state.api + "selectStudentAdd", params)
        .then((res) => {
          this.studentJuri = res.data[0];
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    getTeacher() {
      let params = {
        oid:
          this.org && this.org != "undefined" && this.org != "null"
            ? this.org
            : this.oid,
        cu: "",
        cn: this.searchTN,
      };
      this.ajax
        .get(
          this.$store.state.api +
          (this.org && this.org != "undefined" && this.org != "null"
            ? "selectTeacherAddOrg"
            : "selectTeacherAdd"),
          params
        )
        .then((res) => {
          let teacherJuri = res.data[0];
          for (var i = 0; i < teacherJuri.length; i++) {
            if (teacherJuri[i].userid == this.userid) {
              teacherJuri.splice(i, 1);
              break;
            }
          }
          this.teacherJuri = teacherJuri;

          let _check = [];
          let _check2 = [];
          for (var i = 0; i < this.teacherJuri.length; i++) {
            var gid = this.teacherJuri[i].userid;
            _check.push(gid);
          }
          for (var i = 0; i < this.checkboxList3.length; i++) {
            var _id = this.checkboxList3[i];
            if (_check.indexOf(_id) !== -1) {
              _check2.push(_id);
            }
          }
          this.checkAll2 = _check2.length === _check.length;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    searchStudent() {
      this.getStudent();
    },
    selectGrage() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectGrageBySchool", params)
        .then((res) => {
          this.gradeList = res.data[0];
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    //获取班级列表
    getClass() {
      let params = {
        oid: this.oid,
        gid: this.gradeId,
        cn: this.classSearch,
      };
      this.ajax
        .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
        .then((res) => {
          if (!this.grade.length) {
            this.grade = res.data[0];
          }
          this.grade2 = res.data[0];
          this.classJuri = res.data[0];
          let _check = [];
          let _check2 = [];
          for (var i = 0; i < this.grade2.length; i++) {
            var gid = this.grade2[i].id;
            _check.push(gid);
          }
          for (var i = 0; i < this.checkboxList2.length; i++) {
            var _id = this.checkboxList2[i];
            if (_check.indexOf(_id) !== -1) {
              _check2.push(_id);
            }
          }
          this.checkAll = _check2.length === _check.length;
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    CourseType2Change(val) {
      this.pTypeCheck = [];
      for (var i = 0; i < this.CourseType2.length; i++) {
        let typeA = this.CourseType2[i];
        if (val.indexOf(typeA.name) != -1) {
          this.pTypeCheck.push(...typeA.id);
        }
      }
    },
    getChapterData(e, i, j, ic, type) {
      e.stopPropagation();
      this.updataC = true;
      this.icc = ic;
      if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
        console.log("还不能下载图片喔");
      }
    },
    deleteChapterData(e, i, j, ic, taskI) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm("确定删除此项?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm("确定删除此项?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.infoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    updataVideoT(e, i, j, ic) {
      // e.stopPropagation();
      // this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[
      //   ic
      // ].name = JSON.parse(JSON.stringify(e.target.value));
      this.line =
        this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[ic].name;
      this.taskCount = j;
      this.lineCount = ic;
      this.dialogVisibleupdataVideoT = true;
      this.$forceUpdate();
    },
    updataVideoC() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].name = JSON.parse(
        JSON.stringify(this.line)
      );
      this.dialogVisibleupdataVideoT = false;
      this.$forceUpdate();
    },
    upCd(e, i, j, taskCount, ic) {
      e.stopPropagation();
      if (ic == 0) {
        return;
      }
      var a = JSON.parse(
        JSON.stringify(
          this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
          ic - 1
          ]
        )
      );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
        JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
          )
        );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
      this.$forceUpdate();
    },
    downCd(e, i, j, taskCount, ic) {
      e.stopPropagation();
      if (
        ic ==
        this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
        1
      ) {
        return;
      }
      var a = JSON.parse(
        JSON.stringify(
          this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
          ic + 1
          ]
        )
      );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
        JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
          )
        );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
      this.$forceUpdate();
    },
    async upTool(e, i, j, tooli) {
      e.stopPropagation();
      if (tooli == 0) {
        return;
      }
      let count1 = await this.getWorksCount(3, i, j, tooli - 1);
      let count2 = await this.getWorksCount(3, i, j, tooli);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(() => {
            var a = JSON.parse(
              JSON.stringify(
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
                tooli - 1
                ]
              )
            );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
              JSON.parse(
                JSON.stringify(
                  this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
                )
              );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
            this.$forceUpdate();
          })
          .catch(() => {
            return;
          });
      } else {
        var a = JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]
          )
        );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
          JSON.parse(
            JSON.stringify(
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
            )
          );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
        this.$forceUpdate();
      }
    },
    async downTool(e, i, j, tooli) {
      e.stopPropagation();
      if (
        tooli ==
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length - 1
      ) {
        return;
      }
      let count1 = await this.getWorksCount(3, i, j, tooli + 1);
      let count2 = await this.getWorksCount(3, i, j, tooli);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(() => {
            var a = JSON.parse(
              JSON.stringify(
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
                tooli + 1
                ]
              )
            );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
              JSON.parse(
                JSON.stringify(
                  this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
                )
              );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
            this.$forceUpdate();
          })
          .catch(() => {
            return;
          });
      } else {
        var a = JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]
          )
        );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
          JSON.parse(
            JSON.stringify(
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
            )
          );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
        this.$forceUpdate();
      }
    },
    addWork() {
      let cPan = 1;
      for (var i = 0; i < this.unitJson.length; i++) {
        for (
          var j = 0;
          j < this.unitJson[i].chapterInfo[0].taskJson.length;
          j++
        ) {
          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
          if (
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
          ) {
            for (
              var z = 0;
              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
              z++
            ) {
              if (
                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
                  .length
              ) {
                this.$message.error("请把工具添加完整");
                cPan = 2;
                break;
              }
            }
          }
          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
              i
            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
              return ele.value != "";
            });
          }
        }
      }
      this.inputShow = true;

      if (cPan == 2) {
        this.steps--;
        return;
      }
      for (var i = 0; i < this.unitJson.length; i++) {
        delete this.unitJson[i].isUpdate;
      }
      let params = [
        {
          uid: this.userid,
          title: this.courseName,
          brief: this.courseText,
          cover:
            this.cover.length > 0
              ? JSON.stringify(this.cover)
              : JSON.stringify([
                {
                  name: "noBanner.jpg",
                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
                  uid: 1656409780264,
                  status: "success",
                },
              ]),
          evaId: this.evalua,
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.unitJson),
          template: this.cTemplate != "undefined" ? this.cTemplate : "",
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: JSON.stringify(this.inviteCode),
          refile: JSON.stringify(this.infoData),
          reBrief: this.courseText2
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addWorkNew2AI", params)
        .then((res) => {
          console.log(this.steps);
          if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
            this.$message({
              message: "新增成功",
              type: "success",
            });
          }
          this.number = res.data.ordernumber;
          this.courseId = res.data.courseId;
          this.cid = res.data.courseId;
          this.courseUserid = this.userid;
          this.islogin = true;
          this.updateCourseState(4);
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    goCourse() {
      top.postMessage({ cid: this.courseId, type: "1" }, "*");
    },
    updateWork2() {
      let _unitIndex = this.unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error("请把工具添加完整");
              cPan = 2;
              break;
            }
          }
        }
        if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
              (ele) => {
                return ele.value != "";
              }
            );
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          unitIndex: _unitIndex,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew4", params)
        .then((res) => {
          this.$message({
            message: "修改成功",
            type: "success",
          });
          this.courseId = this.cid;
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    updateWork3(unitIndex) {
      let _unitIndex = unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error("请把工具添加完整");
              cPan = 2;
              break;
            }
          }
        }
        if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
              (ele) => {
                return ele.value != "";
              }
            );
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          unitIndex: _unitIndex,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew4", params)
        .then((res) => {
          // this.$message({
          //   message: "修改成功",
          //   type: "success",
          // });
          this.courseId = this.cid;
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    updateWork() {
      let cPan = 1;
      for (var i = 0; i < this.unitJson.length; i++) {
        for (
          var j = 0;
          j < this.unitJson[i].chapterInfo[0].taskJson.length;
          j++
        ) {
          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
          if (
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
          ) {
            for (
              var z = 0;
              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
              z++
            ) {
              if (
                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
                  .length
              ) {
                this.$message.error("请把工具添加完整");
                cPan = 2;
                break;
              }
            }
          }
          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
              i
            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
              return ele.value != "";
            });
          }
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      for (var i = 0; i < this.unitJson.length; i++) {
        delete this.unitJson[i].isUpdate;
      }
      let params = [
        {
          cid: this.cid,
          title: this.courseName,
          brief: this.courseText,
          cover:
            this.cover.length > 0
              ? JSON.stringify(this.cover)
              : JSON.stringify([
                {
                  name: "noBanner.jpg",
                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
                  uid: 1656409780264,
                  status: "success",
                },
              ]),
          evaId: this.evalua,
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.unitJson),
          template: this.myWord != "undefined" ? this.myWord : [],
          uid: this.userid,
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: JSON.stringify(this.inviteCode),
          refile: JSON.stringify(this.infoData),
          reBrief: this.courseText2
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew2AI", params)
        .then((res) => {
          if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
            if (this.cidType == 1) {
              this.$message({
                message: "修改成功",
                type: "success",
              });
            } else {
              this.$message({
                message: "新增成功",
                type: "success",
              });
            }
          }
          this.number = this.nbOrder;
          this.courseId = this.cid;
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    insertWord() {
      this.dialogVisible1 = true;
      this.updateBoolean2 = false;
      this.tTitle = "";
      this.tdetail = "";
    },
    addWord() {
      this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
        name: this.tTitle,
        content: this.tdetail,
        uid: this.guid(),
      });
      this.dialogVisible1 = false;
    },
    upWord() { },
    selectWord(uid, i, c) {
      this.dialogVisible1 = true;
      this.updateBoolean2 = true;
      if (
        uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
      ) {
        this.tTitle =
          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
        this.tdetail =
          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
      }
    },
    isAddPP() {
      if (this.checkboxList.length > 0) {
        this.$message({
          message: "添加成功",
          type: "success",
        });
        this.dialogVisible3 = false;
      } else {
        this.$message({
          message: "请添加课程成员",
          type: "error",
        });
      }
    },
    isAddClass() {
      this.dialogVisibleClass = false;
    },
    isAddPPTeacher() {
      this.dialogVisibleMember = false;
      this.setMan();
    },
    getTemplate() {
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateT", "")
        .then((res) => {
          this.templateArray = res.data[0];
          this.getTemplateOid();
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    getTemplateOid() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
        .then((res) => {
          if (res.data[0].length) {
            this.templateArray = [...res.data[0], ...this.templateArray];
          }
          this.getTemplateOrg();
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    getTemplateOrg() {
      let params = {
        oid: this.org,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
        .then((res) => {
          if (res.data[0].length) {
            this.templateArray = [...res.data[0], ...this.templateArray];
          }
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    clearChoose() {
      this.clearArray.splice(this.templateC.id, 1);
      this.dialogVisible2 = false;
    },
    clearAttText() {
      this.AttText = {
        title: "",
        text: "",
      };
      this.dialogVisible6 = false;
    },
    clearLine() {
      this.line = "";
      this.dialogVisible7 = false;
    },
    openTemplate() {
      this.ctJson = {};
      this.templateDialog = true;
    },
    checkctJson(json) {
      if (this.ctJson.id == json.id) {
        this.ctJson = {};
      } else {
        this.ctJson = json;
      }
    },
    addTemplate(res) {
      let _this = this;
      let _res = [];
      if (res.id == 1) {
        _res = [
          {
            dyName: "", //单元标题
            easy: 1,
            chapterInfo: [
              {
                isread: false,
                chapterid: this.guid(),
                title: "",
                courseName: "",
                taskJson: [
                  {
                    task: "",
                    taskDetail: "",
                    chapterData: [],
                    toolText: "",
                    toolChoose: [
                      {
                        tool: [],
                        toolDetail: "",
                        toolType: 0,
                        askCount: 1,
                        askTitle: "",
                        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      },
                    ],
                    isShowTools: false,
                    askCount: 1,
                    isFold: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    checkJson: [{ checkCount: [], checkPerent: [] }],
                    homeworkList: [],
                  },
                ],
                itemCount: 1,
                fileList1: [],
                video: [],
                testData: [],
                pData: [],
                templateArray: [],
              },
            ],
          },
        ];
        this.updateCourseState(1);
      } else if (res.id == 2) {
        let stageData = [];
        let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
        let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
        if (!iframe && !iframe2) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        let copyData = iframe ? iframe.contentWindow.copyData : false;
        let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
        if (
          (!copyData || !copyData.stageData || !copyData.stageData.length) &&
          (!copyData2 || !copyData2.stageData || !copyData2.stageData.length)
        ) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        stageData = copyData
          ? copyData.stageData
          : copyData2
            ? copyData2.stageData
            : [""];
        for (var i = 0; i < stageData.length; i++) {
          _res.push({
            dyName: stageData[i], //单元标题
            chapterInfo: [
              {
                isread: false,
                chapterid: this.guid(),
                title: "",
                courseName: "",
                taskJson: [
                  {
                    task: "",
                    taskDetail: "",
                    chapterData: [],
                    toolText: "",
                    toolChoose: [
                      {
                        tool: [],
                        toolDetail: "",
                        toolType: 0,
                        askCount: 1,
                        askTitle: "",
                        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      },
                    ],
                    isShowTools: false,
                    askCount: 1,
                    isFold: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    checkJson: [{ checkCount: [], checkPerent: [] }],
                    homeworkList: [],
                  },
                ],
                itemCount: 1,
                fileList1: [],
                video: [],
                testData: [],
                pData: [],
                templateArray: [],
              },
            ],
          });
        }
        this.updateCourseState(1);
      } else if (!Object.keys(res).length) {
        this.$message.error("请选择模板");
        retrun;
      } else {
        _res = JSON.parse(res.chapters);
        this.updateCourseState(parseInt(res.state));
      }
      _this
        .$confirm(
          "确定选择课程模板吗？此操作将删除所有已编辑课程内容。",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
        .then(() => {
          _this.unitJson = _res;
          _this.updateWork();
          // _this.steps++;
          _this.templateDialog = false;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate(res) {
      let _this = this;
      _this
        .$confirm(
          "确定选择课程模板吗？此操作将删除所有已编辑课程内容。",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
        .then(() => {
          _this.unitJson = JSON.parse(res.chapters);
          _this.steps++;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate1(w) {
      this.steps++;
    },
    checkTemplate2() {
      let _this = this;
      _this
        .$confirm("确定选择空模板吗？修改课程时无法重置课程模板。", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitIndex = 0;
          _this.unitJson = [
            {
              dyName: "", //单元标题
              chapterInfo: [
                {
                  isread: false,
                  chapterid: this.guid(),
                  title: "",
                  courseName: "",
                  taskJson: [
                    {
                      task: "",
                      taskDetail: "",
                      chapterData: [],
                      toolText: "",
                      toolChoose: [
                        {
                          tool: [],
                          toolDetail: "",
                          toolType: 0,
                          askCount: 1,
                          askTitle: "",
                          askJson: [
                            { askstitle: "", askItem: 1, checkList: [] },
                          ],
                        },
                      ],
                      isShowTools: false,
                      askCount: 1,
                      isFold: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      checkJson: [{ checkCount: [], checkPerent: [] }],
                      homeworkList: [],
                    },
                  ],
                  itemCount: 1,
                  fileList1: [],
                  video: [],
                  testData: [],
                  pData: [],
                  templateArray: [],
                },
              ],
            },
          ];
          this.steps++;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
          this.updateWork();
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate3() {
      let _this = this;
      _this
        .$confirm("确定选择简易模板吗？修改课程时无法重置课程模板。", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitIndex = 0;
          _this.unitJson = [
            {
              dyName: "", //单元标题
              easy: 1,
              chapterInfo: [
                {
                  isread: false,
                  chapterid: this.guid(),
                  title: "",
                  courseName: "",
                  taskJson: [
                    {
                      task: "",
                      taskDetail: "",
                      chapterData: [],
                      toolText: "",
                      toolChoose: [
                        {
                          tool: [],
                          toolDetail: "",
                          toolType: 0,
                          askCount: 1,
                          askTitle: "",
                          askJson: [
                            { askstitle: "", askItem: 1, checkList: [] },
                          ],
                        },
                      ],
                      isShowTools: false,
                      askCount: 1,
                      isFold: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      checkJson: [{ checkCount: [], checkPerent: [] }],
                      homeworkList: [],
                    },
                  ],
                  itemCount: 1,
                  fileList1: [],
                  video: [],
                  testData: [],
                  pData: [],
                  templateArray: [],
                },
              ],
            },
          ];
          // this.steps++;
          this.updateWork();
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate4() {
      let _this = this;
      _this
        .$confirm("确定选择未来小学课程设计吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitIndex = 0;
          _this.unitJson = JSON.parse(JSON.stringify(weilaiData));
          this.steps++;
          this.updateWork();
        })
        .catch(() => {
          return;
        });
    },
    wordNext() {
      this.dialogVisible2 = false;
    },
    isAddOrUpdateAttText() {
      if (this.AttTextType == 0) {
        this.addAttTextMessage();
      } else {
        this.updateAttText();
      }
    },
    isAddOrUpdateLine() {
      if (!this.lineTitle) {
        this.$message.error("请填写链接标题");
        return;
      }
      if (this.lineType == 0) {
        this.addLine();
      } else {
        this.updateLine();
      }
    },
    addAttTextMessage() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData.push({
        name: this.AttText.title,
        url: this.AttText.text,
        type: 6,
      });
      this.imgChange1(null, null, 6, this.taskCount);
      this.dialogVisible6 = false;
    },
    selectAttText(itemTaskIndex, i) {
      this.AttText.title =
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].chapterData[i].name;
      this.AttText.text =
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].chapterData[i].url;
      this.taskCount = itemTaskIndex;
      this.AttTextIndex = i;
      this.AttTextType = 1;
      this.dialogVisible6 = true;
    },
    updateAttText() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.AttTextIndex].name = this.AttText.title;

      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.AttTextIndex].url = this.AttText.text;
      this.dialogVisible6 = false;
    },
    addLine() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.lineCount
      ].chapterData.push({
        name: "链接",
        title: this.lineTitle,
        url: this.line,
        type: 8,
      });
      this.imgChange1(null, null, 8, this.lineCount);
      this.dialogVisible7 = false;
    },
    selectLine(itemTaskIndex, i) {
      this.line =
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].chapterData[i].url;
      this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].chapterData[i].title
        ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
          .chapterData[i].title
        : "";
      this.taskCount = itemTaskIndex;
      this.lineCount = i;
      this.lineType = 1;
      this.dialogVisible7 = true;
    },
    openUpdateSource(itemTaskIndex, i) {
      this.sourceData = {};
      let source =
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
          .chapterData[i];
      this.sourceData[source.id] = {};
      this.sourceData[source.id].name = source.title;
      this.sourceData[source.id].url = source.url;
      this.dialogVisibleSource = true;
      this.updateSourcePan = true;
      this.taskCount = itemTaskIndex;
      this.lineCount = i;
    },
    updateLine() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].url = this.line;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].title = this.lineTitle;
      this.dialogVisible7 = false;
    },
    addPP() {
      this.dialogVisible3 = true;
    },
    goTo(path) {
      this.$router.push(path);
    },
    openTools(itemTaskIndex, i, toolIndex) {
      this.toolIndex = toolIndex;
      this.taskCount = itemTaskIndex;
      if (i == 4) {
        if (toolIndex == null) {
          var a =
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
              .chapterData;
          for (var i = 0; i < a.length; i++) {
            if (a[i].url == 4 && a[i].askJson.askTitle != "") {
              this.askJson =
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].chapterData[i].askJson;
            }
          }
        } else {
          this.askJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex]
            )
          );
        }
        this.askJson2 = JSON.parse(JSON.stringify(this.askJson));
        this.dialogVisible5 = true;
      } else if (i == 45) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson
        ) {
          this.testJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].testJson
            )
          );
        } else {
          var testJson = {
            testCount: 1,
            testTitle: "",
            testJson: [
              {
                teststitle: "",
                testItem: 1,
                checkList: [],
                timuList: [],
                answer: [],
                type: "1",
              },
            ],
          };
          this.testJson = testJson;
        }

        this.testJson2 = JSON.parse(JSON.stringify(this.testJson));
        this.dialogVisibleChoice = true;
      } else if (i == 47) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].sentenceList
        ) {
          this.sentenceList = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].sentenceList
            )
          );
        } else {
          var sentenceList = [
            { sentenceTitle: "", addSentence: [], rightAnswer: [] },
          ];
          this.sentenceList = sentenceList;
        }
        this.sentenceList2 = JSON.parse(JSON.stringify(this.sentenceList));
        this.dialogVisibleSentence = true;
      } else if (i == 48) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].tableJson
        ) {
          this.tableJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].tableJson
            )
          );
        } else {
          var tableJson = { text: "" };
          this.tableJson = tableJson;
        }
        this.dialogVisibleTable = true;
      } else if (i == 52) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].wordJson
        ) {
          this.wordJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].wordJson
            )
          );
        } else {
          var wordJson = { text: "" };
          this.wordJson = wordJson;
        }
        this.dialogVisibleWord = true;
        //   else if (i == 50) {
        //   if (
        //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
        //       .toolChoose[toolIndex].uploadJson
        //   ) {
        //     this.uploadJson = JSON.parse(
        //       JSON.stringify(
        //         this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        //           itemTaskIndex
        //         ].toolChoose[toolIndex].uploadJson
        //       )
        //     );
        //   } else {
        //     var uploadJson = [];
        //     this.uploadJson = uploadJson;
        //   }
        //   this.dialogVisibleMoreUpload = true;
        // }
      } else if (i == 10) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].preTime
        ) {
          this.preTime = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].preTime
            )
          );
        } else {
          var preTime = 0;
          this.preTime = preTime;
        }
        this.dialogVisiblePreTime = true;
      } else if (i == 49) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].groupJson
        ) {
          this.groupJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].groupJson
            )
          );
        } else {
          var groupJson = {
            group: [{ name: "第1组" }],
            number: undefined,
            islock: 1,
          };
          this.groupJson = groupJson;
        }
        this.dialogVisibleGroup = true;
      } else if (i == 62) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].videoJson
        ) {
          this.videoJson = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].videoJson
            )
          );
        } else {
          var videoJson = {
            video: "",
            setting: [],
          };
          this.videoJson = videoJson;
        }
        this.dialogVisibleVideo = true;
      } else if (i == 15) {
        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].answerQ
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].answerQ
            )
          )
          : "";
        this.answerQ2 = JSON.parse(JSON.stringify(this.answerQ));
        this.dialogVisible8 = true;
      } else if (i == 40) {
        this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].rateJson
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].rateJson
            )
          )
          : [{ detail: "", score: 5, value: "" }]; //{detail:"",score:5,value:""}
        this.selectSteps = 1;
        this.dialogVisibleRate = true;
      } else if (i == 42) {
        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].answerQ
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].answerQ
            )
          )
          : "";
        this.dialogVisibleMp3 = true;
      } else if (i == 41) {
        this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].selectJson
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].selectJson
            )
          )
          : { url: "", select: [], answer: [] };
        this.selectSteps = 1;
        this.selectJson2 = JSON.parse(JSON.stringify(this.selectJson));
        this.dialogVisibleSelect = true;
      } else if (i == 3) {
        top.postMessage(
          {
            tools: "3y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 1) {
        top.postMessage(
          {
            tools: "1y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 57) {
        top.postMessage(
          {
            tools: "57y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 69) {
        this.englishList = {};
        this.englishList = this.unitJson[this.unitIndex].chapterInfo[0]
          .taskJson[itemTaskIndex].toolChoose[toolIndex].englishList
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].englishList
            )
          )
          : {};
        this.$forceUpdate();
        this.englishDialogVisible = true;
      } else if (i == 70) {
        this.englishVoiceJson = {};
        this.englishVoiceJson = this.unitJson[this.unitIndex].chapterInfo[0]
          .taskJson[itemTaskIndex].toolChoose[toolIndex].englishVoiceJson
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].englishVoiceJson
            )
          )
          : { 
            title:'',
            detail:'',
            array:[]
           };
          //  {
          //   time: "",
          //   class: "",
          //   difficulty: 0,
          //   topic: "",
          //   isShow: false,
          //   eva: 0,
          //   aiEva: {
          //     isAiEva: false,
          //     aiEvaChoose: [],
          //   },
          //   allfType: [],
          //   englishJson: {},
          // };
        this.$forceUpdate();
        this.EnglishVoiceDialog = true;
      }
    },
    setEnglishVoiceJson(val) {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].englishVoiceJson = JSON.parse(
        JSON.stringify(val)
      );
      this.$forceUpdate();
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 70
      ) {
        this.addTools(70, this.taskCount, this.toolIndex);
      }
    },
    chapAddTools(i) {
      if (this.chapTools[0].tools.length == 0) {
        this.chapTools[0].tools.push(i);
      } else {
        if (this.chapTools[0].tools.indexOf(i) != -1) {
          this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
        } else {
          this.chapTools[0].tools.push(i);
        }
      }
      this.$forceUpdate();
    },
    addChaptersDataTools() {
      if (this.chapTools[0].tools.indexOf(4) != -1) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.chapCount
        ].chapterData.push({
          name: this.chapTools[0].toolDetail,
          url: this.chapTools[0].tools,
          type: 7,
          askJson: this.askJson,
        });
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.chapCount
        ].chapterData.push({
          name: this.chapTools[0].toolDetail,
          url: this.chapTools[0].tools,
          type: 7,
        });
      }
      this.imgChange1(null, null, 7, this.chapCount);
      this.dialogVisible4 = false;
    },
    addTools(i, itemTaskIndex, toolIndex) {
      // if (
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //     .toolChoose[toolIndex].tool.length == 0
      // ) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //     itemTaskIndex
      //   ].toolChoose[toolIndex].tool.push(i);
      // } else {
      //   if (
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.indexOf(i) != -1
      //   ) {
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.splice(
      //       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //         itemTaskIndex
      //       ].toolChoose[toolIndex].tool.indexOf(i),
      //       1
      //     );
      //   } else {
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.push(i);
      //   }
      //   console.log(
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //       .toolChoose[toolIndex].tool
      //   );
      // }
      if (i == 4) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson.askTitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson[0].askstitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson[0].checkList < 2
        ) {
          this.openTools(itemTaskIndex, 4, toolIndex);
          // this.$message({
          //   message: "请填写完整问卷内容",
          //   type: "error",
          // });
          return;
        }
      }
      if (i == 45) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
        ) {
          this.openTools(itemTaskIndex, 45, toolIndex);
          // this.$message({
          //   message: "请填写完整问卷内容",
          //   type: "error",
          // });
          return;
        }
      }
      if (i == 47) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].sentenceList ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
        ) {
          this.openTools(itemTaskIndex, 47, toolIndex);
          return;
        }
      }

      if (i == 69) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].englishList
        ) {
          this.openTools(itemTaskIndex, 69, toolIndex);
          return;
        }
      }
      if (i == 70) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].englishVoiceJson
        ) {
          this.openTools(itemTaskIndex, 70, toolIndex);
          return;
        }
      }
      // if (i == 48) {
      //   if (
      //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //       .toolChoose[toolIndex].tableJson
      //   ) {
      //     this.openTools(itemTaskIndex, 48, toolIndex);
      //     return;
      //   }
      // }
      // if (i == 50) {
      //   if (
      //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //       .toolChoose[toolIndex].uploadJson
      //   ) {
      //     this.openTools(itemTaskIndex, 50, toolIndex);
      //     return;
      //   }
      // }

      if (i == 49) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].groupJson
        ) {
          this.openTools(itemTaskIndex, 49, toolIndex);
          return;
        }
      }
      if (i == 62) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].videoJson
        ) {
          this.openTools(itemTaskIndex, 62, toolIndex);
          return;
        }
      }
      if (i == 15) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].answerQ ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].answerQ == ""
        ) {
          this.openTools(itemTaskIndex, 15, toolIndex);
          // this.$message({
          //   message: "请填写问答内容",
          //   type: "error",
          // });
          return;
        }
      }
      if (i == 40) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].rateJson ||
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].rateJson.length
        ) {
          this.openTools(itemTaskIndex, 40, toolIndex);
          return;
        }
      }
      if (i == 41) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].selectJson ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].selectJson.url == "" ||
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].selectJson.select.length ||
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].selectJson.answer.length
        ) {
          this.openTools(itemTaskIndex, 41, toolIndex);
          return;
        }
      }
      if (i == 42) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].answerQ ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].answerQ == ""
        ) {
          this.openTools(itemTaskIndex, 42, toolIndex);
          return;
        }
      }

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
          .toolChoose[toolIndex].tool.length > 0
      ) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
            itemTaskIndex
          ].toolChoose[toolIndex].tool.indexOf(i) != -1
        ) {
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
            itemTaskIndex
          ].toolChoose[toolIndex].tool.splice(
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].toolChoose[toolIndex].tool.indexOf(i),
            1
          );
        } else {
          // this.$message({
          //   message: "每个工具只能添加一个",
          //   type: "error",
          // });
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
            itemTaskIndex
          ].toolChoose[toolIndex].tool = [];
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
            itemTaskIndex
          ].toolChoose[toolIndex].tool.push(i);
        }
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].tool.push(i);
      }
      this.$forceUpdate();
    },
    addAskList(index) {
      this.askJson.askJson.splice(index + 1, 0, {
        askstitle: "",
        askItem: 1,
        checkList: [],
      });
      this.askJson.askCount++;
    },
    addTestList(index) {
      this.testJson.testJson.splice(index + 1, 0, {
        teststitle: "",
        testItem: 1,
        checkList: [],
        timuList: [],
        answer: [],
        type: "1",
      });
      this.testJson.testCount++;
    },
    deleteAskList(index) {
      if (
        !this.askJson.askJson[index].askstitle &&
        this.askJson.askJson[index].askItem == 1 &&
        !this.askJson.askJson[index].checkList[0]
      ) {
        this.askJson.askJson.splice(index, 1);
        this.askJson.askCount--;
      } else {
        let _this = this;
        _this
          .$confirm("此操作不可撤销，是否继续？", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.askJson.askJson.splice(index, 1);
            _this.askJson.askCount--;
          })
          .catch(() => {
            return;
          });
      }
    },
    deleteTestList(index) {
      if (
        !this.testJson.testJson[index].teststitle &&
        this.testJson.testJson[index].testItem == 1 &&
        !this.testJson.testJson[index].checkList[0]
      ) {
        this.testJson.testJson.splice(index, 1);
        this.testJson.testCount--;
      } else {
        let _this = this;
        _this
          .$confirm("此操作不可撤销，是否继续？", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.testJson.testJson.splice(index, 1);
            _this.testJson.testCount--;
          })
          .catch(() => {
            return;
          });
      }
    },
    askMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
          this.askJson.askJson[index - 1] = b;
          this.askJson.askJson[index] = a;
        }
      } else {
        if (index < this.askJson.askJson.length - 1) {
          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
          this.askJson.askJson[index + 1] = b;
          this.askJson.askJson[index] = a;
        }
      }
      this.$forceUpdate();
    },
    checkMove(type, index, checkIndex) {
      if (type == 1) {
        if (checkIndex > 0) {
          let a = JSON.parse(
            JSON.stringify(
              this.askJson.askJson[index].checkList[checkIndex - 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
          );
          this.askJson.askJson[index].checkList[checkIndex - 1] = b;
          this.askJson.askJson[index].checkList[checkIndex] = a;
        }
      } else {
        if (checkIndex < this.askJson.askJson[index].checkList.length - 1) {
          let a = JSON.parse(
            JSON.stringify(
              this.askJson.askJson[index].checkList[checkIndex + 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
          );
          this.askJson.askJson[index].checkList[checkIndex + 1] = b;
          this.askJson.askJson[index].checkList[checkIndex] = a;
        }
      }
      this.$forceUpdate();
    },
    testMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
          this.testJson.testJson[index - 1] = b;
          this.testJson.testJson[index] = a;
        }
      } else {
        if (index < this.testJson.testJson.length - 1) {
          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
          this.testJson.testJson[index + 1] = b;
          this.testJson.testJson[index] = a;
        }
      }
      this.$forceUpdate();
    },
    tcheckMove(type, index, checkIndex) {
      if (type == 1) {
        if (checkIndex > 0) {
          let a = JSON.parse(
            JSON.stringify(
              this.testJson.testJson[index].checkList[checkIndex - 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
          );
          this.testJson.testJson[index].checkList[checkIndex - 1] = b;
          this.testJson.testJson[index].checkList[checkIndex] = a;
        }
      } else {
        if (checkIndex < this.testJson.testJson[index].checkList.length - 1) {
          let a = JSON.parse(
            JSON.stringify(
              this.testJson.testJson[index].checkList[checkIndex + 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
          );
          this.testJson.testJson[index].checkList[checkIndex + 1] = b;
          this.testJson.testJson[index].checkList[checkIndex] = a;
        }
      }
      this.$forceUpdate();
    },
    addcheckList(json, index) {
      // json.checkList.length++;
      json.checkList.splice(index + 1, 0, "");
      json.askItem++;
      this.$forceUpdate();
    },
    deletecheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.askItem--;
      this.$forceUpdate();
    },
    addTcheckList(json, index) {
      // json.checkList.length++;
      json.checkList.splice(index + 1, 0, "");
      json.testItem++;
      this.$forceUpdate();
    },
    deleteTcheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.testItem--;
      this.$forceUpdate();
    },
    checkTestType(type, json) {
      json.type = type;
      setTimeout(() => {
        json.answer = [];
      }, 100);
    },
    checkAskType(type, json) {
      json.type = type;
      // json.checkList = [];
      this.$forceUpdate();
    },
    addSelectList(json) {
      json.select.push("");
      json.answer.push("");
    },
    deleteSelectList(json) {
      // json.select.length--;
      // json.answer.length--;
      json.select.splice(json.select.length - 1, 1);
      json.answer.splice(json.answer.length - 1, 1);
    },
    addAsk() {
      if (this.askJson.askTitle === "") {
        this.$message.error("标题不能为空！");
        return;
      }
      var aj = this.askJson.askJson;
      var b = 1;
      for (var i = 0; i < aj.length; i++) {
        if (aj[i].askstitle === "") {
          var a = 1;
          for (let index = 0; index < aj[i].askItem; index++) {
            const element = aj[i].checkList[index]
              ? aj[i].checkList[index]
              : "";
            if (element != "") {
              b++;
              this.$message.error(`请将题目${i + 1}填写完整。`);
              return;
            } else {
              a++;
            }
          }
          if (b == 1) {
            this.$message.error("至少填写一个问题");
            return;
          }
        } else if (aj[i].askstitle != "") {
          for (let index = 0; index < aj[i].askItem; index++) {
            const element = aj[i].checkList[index]
              ? aj[i].checkList[index]
              : "";
            var index = 0;
            for (var z = 0; z < aj[i].checkList.length; z++) {
              var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
              if (checkC != "") {
                index++;
              } else {
                this.$message.error(`题目${i + 1}选项不能为空！`);
                return;
              }
              for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
                let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
                if (checkC == checkC2) {
                  this.$message.error(
                    `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
                  );
                  return;
                }
              }
            }
            b++;
            if (index < 2) {
              this.$message.error("每道题目至少需要设置2个选项。");
              return;
            }
          }
        }
      }
      this.askJson.askJson = this.askJson.askJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return el.askstitle != "" && elc.length != 0;
      });
      if (!this.dialogVisible4) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolChoose[this.toolIndex] = this.askJson;
      }
      this.dialogVisible5 = false;
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 4
      ) {
        this.addTools(4, this.taskCount, this.toolIndex);
      }
    },
    addTest() {
      // if (this.testJson.testTitle === "") {
      //   this.$message.error("标题不能为空！");
      //   return;
      // }
      var aj = this.testJson.testJson;
      var b = 1;
      for (var i = 0; i < aj.length; i++) {
        if (aj[i].teststitle === "" && aj[i].timuList.length == 0) {
          var a = 1;
          for (let index = 0; index < aj[i].testItem; index++) {
            const element = aj[i].checkList[index]
              ? aj[i].checkList[index]
              : "";
            if (element != "") {
              b++;
              this.$message.error(`请将题目${i + 1}填写完整。`);
              return;
            } else {
              a++;
            }
          }
          if (b == 1) {
            this.$message.error("至少填写一个问题");
            return;
          }
        } else if (aj[i].teststitle != "" || aj[i].timuList.length > 0) {
          for (let index = 0; index < aj[i].testItem; index++) {
            const element = aj[i].checkList[index]
              ? aj[i].checkList[index]
              : "";
            var index = 0;
            for (var z = 0; z < aj[i].checkList.length; z++) {
              var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
              if (checkC != "") {
                index++;
              } else {
                this.$message.error(`题目${i + 1}选项不能为空！`);
                return;
              }
              for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
                let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
                if (checkC == checkC2) {
                  this.$message.error(
                    `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
                  );
                  return;
                }
              }
            }
            b++;
            if (index < 2) {
              this.$message.error("每道题目至少需要设置2个选项。");
              return;
            }
            if (
              (aj[i].type == "2" && !aj[i].answer.length) ||
              (aj[i].type == "1" &&
                ((typeof aj[i].answer == "object" && !aj[i].answer.length) ||
                  (aj[i].answer !== 0 && !aj[i].answer)))
            ) {
              this.$message.error(`请将题目${i + 1}的正确选项设置完整`);
              return;
            }
          }
        }
      }
      var isTestJson = JSON.parse(JSON.stringify(this.testJson));
      isTestJson.testJson = this.testJson.testJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return (
          (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
        );
      });
      isTestJson.testCount = isTestJson.testJson.length;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].testJson = isTestJson;

      this.dialogVisibleChoice = false;
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 45
      ) {
        this.addTools(45, this.taskCount, this.toolIndex);
      }
    },
    addVideoJson(videoJson) {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].videoJson = videoJson;

      this.dialogVisibleVideo = false;
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 62
      ) {
        this.addTools(62, this.taskCount, this.toolIndex);
      }
    },
    //自动获取剪贴板
    pasteOption() {
      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
      if (!iframe) {
        this.$message.error("请使用AI共创生成题目");
        return;
      }
      let copyData = iframe.contentWindow.copyData;
      if (!copyData || !copyData.selectData.length) {
        this.$message.error("请使用AI共创生成题目");
        return;
      }
      let selectData = copyData.selectData;
      for (var i = 0; i < selectData.length; i++) {
        let answer = 0;
        switch (selectData[i].answer[0]) {
          case "A":
            answer = 0;
            break;
          case "B":
            answer = 1;
            break;
          case "C":
            answer = 2;
            break;
          case "D":
            answer = 3;
            break;
          case "E":
            answer = 4;
            break;
          default:
            break;
        }
        this.testJson.testJson.push({
          teststitle: selectData[i].subject,
          testItem: selectData[i].options.length,
          checkList: selectData[i].options,
          timuList: [],
          answer: answer,
          type: "1",
        });
        this.testJson.testCount++;
      }
      var isTestJson = JSON.parse(JSON.stringify(this.testJson));
      isTestJson.testJson = this.testJson.testJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return el.teststitle != "" || el.timuList.length > 0 || elc.length != 0;
      });
      isTestJson.testCount = isTestJson.testJson.length;
      if (!isTestJson.testCount) {
        return;
      }
      this.testJson = isTestJson;
      this.$forceUpdate();
    },
    pasteTask(taskJson) {
      let stageTasksData = [];
      if (taskJson) {
        stageTasksData = taskJson;
      } else {
        let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
        let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
        if (!iframe && !iframe2) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        let copyData = iframe ? iframe.contentWindow.copyData : false;
        let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
        if (
          (!copyData || !copyData.tasksData || !copyData.tasksData.length) &&
          (!copyData2 || !copyData2.tasksData || !copyData2.tasksData.length)
        ) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        stageTasksData = copyData
          ? copyData.tasksData
          : copyData2
            ? copyData2.tasksData
            : [{ taskName: "", taskDecs: "" }];
      }

      let taskA = [];
      let tasks = stageTasksData;
      for (var j = 0; j < tasks.length; j++) {
        taskA.push({
          task: tasks[j].taskName,
          taskDetail: tasks[j].taskDecs,
          chapterData: [],
          toolText: "",
          toolChoose: [
            {
              tool: [],
              toolDetail: "",
              toolType: 0,
              askCount: 1,
              askTitle: "",
              askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
            },
          ],
          isShowTools: false,
          askCount: 1,
          isFold: 1,
          askTitle: "",
          askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
          checkJson: [{ checkCount: [], checkPerent: [] }],
          homeworkList: [],
        });
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson = taskA;
      this.$forceUpdate();
    },
    pasteStage(stageJson) {
      let stageData = [];
      if (stageJson) {
        stageData = stageJson;
      } else {
        let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
        let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
        if (!iframe && !iframe2) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        let copyData = iframe ? iframe.contentWindow.copyData : false;
        let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
        if (
          (!copyData || !copyData.stageData || !copyData.stageData.length) &&
          (!copyData2 || !copyData2.stageData || !copyData2.stageData.length)
        ) {
          this.$message.error("请使用AI共创生成");
          return;
        }
        stageData = copyData
          ? copyData.stageData
          : copyData2
            ? copyData2.stageData
            : [""];
      }

      let stage = [];
      for (var i = 0; i < stageData.length; i++) {
        stage.push({
          dyName: stageData[i], //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  taskDetail: "",
                  chapterData: [],
                  toolText: "",
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    },
                  ],
                  isShowTools: false,
                  askCount: 1,
                  isFold: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  checkJson: [{ checkCount: [], checkPerent: [] }],
                  homeworkList: [],
                },
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: [],
            },
          ],
        });
      }
      let _this = this;
      if (stageJson) {
        if (!_this.cid) {
          _this.unitJson = stage;
        } else {
          _this.unitIndex = 0;
          _this.unitJson = stage;
          _this.updateWork();
        }
      } else {
        _this
          .$confirm(
            "确定选择智能粘贴模板吗？修改课程时无法重置课程模板。",
            "提示",
            {
              confirmButtonText: "确定",
              cancelButtonText: "取消",
              type: "warning",
            }
          )
          .then(() => {
            _this.unitIndex = 0;
            _this.unitJson = stage;
            // _this.steps++;
            _this.updateWork();
          })
          .catch(() => {
            return;
          });
      }
    },
    openStageBox() {
      this.unitJson3 = JSON.parse(JSON.stringify(this.unitJson));
      this.dialogVisibleStageChange = true;
    },
    updateChange() {
      this.$confirm(
        "切换阶段顺序将删除所有工具的提交成果，是否继续此操作?",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      )
        .then(() => {
          this.unitJson = JSON.parse(JSON.stringify(this.unitJson3));
          this.updateWork();
          this.dialogVisibleStageChange = false;
        })
        .catch(() => {
          return;
        });
    },
    addAnswer() {
      if (this.answerQ == "") {
        this.$message.error("请输入您想要问的问题");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].answerQ = this.answerQ;
      this.dialogVisible8 = false;

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 15
      ) {
        this.addTools(15, this.taskCount, this.toolIndex);
      }
    },
    addMp3Answer() {
      if (this.answerQ == "") {
        this.$message.error("请输入您想要回答的问题");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].answerQ = this.answerQ;
      this.dialogVisibleMp3 = false;
    },
    addRateAnswer() {
      var a = 1;
      for (var i = 0; i < this.rateJson.length; i++) {
        if (this.rateJson[i].value == "") {
          a = 2;
          break;
        }
      }
      if (a == 2) {
        this.$message.error("请把评价信息填写完整");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].rateJson = this.rateJson;
      this.dialogVisibleRate = false;

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 40
      ) {
        this.addTools(40, this.taskCount, this.toolIndex);
      }
    },
    addSelectAnswer() {
      if (this.selectJson.url == "") {
        this.$message.error("请上传题目");
        return;
      }
      if (!this.selectJson.select.length) {
        this.$message.error("请添加选项");
        return;
      }
      if (!this.selectJson.answer.length) {
        this.$message.error("请设置答案");
        return;
      }
      var a = 1;
      for (var i = 0; i < this.selectJson.answer.length; i++) {
        if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
          a = 2;
        }
      }
      if (a == 2) {
        this.$message.error("请设置答案");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].selectJson = this.selectJson;
      this.dialogVisibleSelect = false;

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 41
      ) {
        this.addTools(41, this.taskCount, this.toolIndex);
      }
    },
    nextSelectSteps() {
      if (this.selectJson.url == "") {
        this.$message.error("请上传题目");
        return;
      }
      if (!this.selectJson.select.length) {
        this.$message.error("请添加选项");
        return;
      } else {
        for (var z = 0; z < this.selectJson.select.length; z++) {
          let checkC = this.selectJson.select[z];
          for (var z2 = z + 1; z2 < this.selectJson.select.length; z2++) {
            let checkC2 = this.selectJson.select[z2];
            if (checkC == checkC2) {
              this.$message.error(
                `选项${z + 1}和选项${z2 + 1}重复了，请修改！`
              );
              return;
            }
          }
        }
      }
      var a = 1;
      for (var i = 0; i < this.selectJson.select.length; i++) {
        if (!this.selectJson.select[i]) {
          a = 2;
        }
      }
      if (a == 2) {
        this.$message.error("添加的选项不能为空");
        return;
      }
      this.selectSteps++;
    },
    selectCourseDetail() {
      if (this.cid == "" || this.cid == undefined) {
        if (this.oid == '4c686762-1d0a-11ed-8c78-005056b86db5') {
          this.isTeacherSee = true;
        }
        console.log("这是新增课程");
        this.selectAllType();
      } else {
        this.cidType = 1;
        let params = {
          cid: this.cid,
        };
        this.ajax
          .get(this.$store.state.api + "select_course_detail", params)
          .then((res) => {
            this.unitJson = JSON.parse(res.data[0][0].chapters);
            this.courseState = res.data[0][0].state;
            for (var j = 0; j < this.unitJson.length; j++) {
              for (
                var k = 0;
                k < this.unitJson[j].chapterInfo[0].taskJson.length;
                k++
              ) {
                this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
                  .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
                  ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
                  : [];
                let _chapterData = [];
                for (
                  var c = 0;
                  c <
                  this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
                    .length;
                  c++
                ) {
                  if (
                    this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
                  ) {
                    _chapterData.push(
                      this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
                    );
                  }
                }
                this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
                  _chapterData;
              }
            }

            this.$forceUpdate();
            this.courseName = res.data[0][0].title;
            this.courseText = res.data[0][0].brief;
            this.courseText2 = res.data[0][0].reBrief;
            this.evalua = res.data[0][0].evaId;
            this.cover = JSON.parse(res.data[0][0].cover);
            this.noneBtnImg = this.cover.length >= 1;
            if(res.data[0][0].refile){
              this.infoData = JSON.parse(res.data[0][0].refile)
            }
            // this.checkboxList =
            //   res.data[0][0].course_student.length > 0
            //     ? JSON.parse(res.data[0][0].course_student)
            //     : [];
            this.checkboxList2 = res.data[0][0].juri
              ? res.data[0][0].juri.split(",")
              : [];
            this.inviteCode = [];
            for (var i = 0; i < res.data[2].length; i++) {
              this.inviteCode.push({
                cid: res.data[2][i].classid,
                ic: res.data[2][i].code,
              });
            }

            this.checkboxList3 = res.data[0][0].course_teacher
              ? res.data[0][0].course_teacher.split(",")
              : [];
            // this.isTeacherSee =
            //   res.data[0][0].is_teacher_look == 0 ? true : false;
            this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
            this.myWord = res.data[0][0].template;
            this.templateC.id = "123";
            this.courseUserid = res.data[0][0].userid;
            // if(this.courseUserid == this.userid){
            //   this.InviteChange(this.checkboxList2)
            // }
            this.nbOrder = res.data[0][0].ordernumber;
            this.courseTypeId = [];
            for (var i = 0; i < res.data[1].length; i++) {
              this.courseTypeId.push(res.data[1][i].typeid);
            }
            console.log(this.courseTypeId);
            // if (this.timer) clearInterval(this.timer);
            if (this.timer) clearTimeout(this.timer);
            this.timer = null;
            // this.timer = setInterval(() => {

            this.seleteCourseUpdate();
            this.setMan();
            this.selectAllType();
            this.unitJson[
              this.unitIndex
            ].chapterInfo[0].taskJson[0].toolOpen = true;
            // }, 5000);
            this.$forceUpdate();
            setTimeout(() => {
              this.checkEva(this.evalua);
              setTimeout(() => {
                this.checkEva(this.evalua);
              }, 100);
            }, 100);
          })
          .catch((err) => {
            console.error(err);
          });
      }
    },
    seleteCourseUpdate() {
      let params = {
        cid: this.cid,
      };
      this.ajax
        .get(this.$store.state.api + "select_course_detail", params)
        .then((res) => {
          // console.log(this.unitJson);
          let unitJson = JSON.parse(res.data[0][0].chapters);
          this.unitJson2 = JSON.parse(res.data[0][0].chapters);
          let _unitJson2 = JSON.parse(JSON.stringify(this.unitJson));
          let _unitJson = [];
          let _chapAarry = [];
          let _unitIndex = JSON.parse(JSON.stringify(this.unitIndex));
          let _unitIndex2 = JSON.parse(JSON.stringify(this.unitIndex));
          let index = 1;
          let chapindex;
          if (_unitJson2.length > unitJson.length) {
            for (let c = 0; c < _unitJson2.length; c++) {
              _chapAarry.push(_unitJson2[c].chapterInfo[0].chapterid);
            }
            for (let j = 0; j < unitJson.length; j++) {
              let count = 0;
              for (let k = 0; k < _unitJson2.length; k++) {
                if (
                  unitJson[j].chapterInfo[0].chapterid ==
                  _unitJson2[k].chapterInfo[0].chapterid
                ) {
                  count++;
                  _chapAarry.splice(
                    _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
                    1
                  );
                  _unitJson.push(unitJson[j]);
                  break;
                }
              }
              // if(count === 0){
              //   this.$message.error("您所修改的阶段已经被其他老师删除了");
              // }
            }
            for (let k = 0; k < _unitJson2.length; k++) {
              if (_unitJson2[k].isUpdate == 1) {
                _chapAarry.splice(
                  _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
                  1
                );
                _unitJson.push(_unitJson2[k]);
              }
            }
            console.log(_chapAarry);
            for (let d = 0; d < _unitJson2.length; d++) {
              if (
                _chapAarry.indexOf(_unitJson2[d].chapterInfo[0].chapterid) != -1
              ) {
                if (_unitIndex == d) {
                  index = 2;
                }
                chapindex = d;
                // this.$message.error("您所修改的阶段已经被其他老师删除了");
              }
            }
          } else {
            _unitJson = JSON.parse(JSON.stringify(_unitJson2));
          }

          for (let i = 0; i < unitJson.length; i++) {
            if (
              (i < _unitJson.length - 1 || i == _unitJson.length - 1) &&
              _unitJson[i].chapterInfo[0].chapterid !=
              unitJson[i].chapterInfo[0].chapterid
            ) {
              if (i == _unitJson.length - 1) {
                // this.unitIndex++
                _unitIndex2++;
              }
              _unitJson.splice(i, 0, unitJson[i]);
            } else if (i > _unitJson.length - 1) {
              _unitJson.push(unitJson[i]);
            } else if (
              _unitJson[i].chapterInfo[0].chapterid ==
              unitJson[i].chapterInfo[0].chapterid
            ) {
              _unitJson[i] = unitJson[i];
            }
            // if (i == _unitIndex) {
            //   continue;
            // } else
          }

          if (_chapAarry.length && index != 2) {
            if (chapindex < _unitIndex) {
              this.isDelete = 2;
              // this.unitIndex--;
              _unitIndex2--;
            } else if (
              _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
              _unitJson[_unitIndex].chapterInfo[0].chapterid
            ) {
              this.isDelete = 2;
              for (let n = 0; n < _unitJson.length; n++) {
                if (
                  _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
                  _unitJson[n].chapterInfo[0].chapterid
                ) {
                  // this.unitIndex = n;
                  _unitIndex2 = n;
                  _unitJson[n] = _unitJson2[_unitIndex];
                  break;
                }
              }
            }
          } else if (index != 2) {
            // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
            _unitJson2[_unitIndex];
            for (
              var ci = 0;
              ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
              ci++
            ) {
              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
                  ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                    .toolChoose
                  : [];
              let _chapterData = [];
              for (
                var c = 0;
                c <
                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
                  .length;
                c++
              ) {
                if (
                  _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                    .chapterData[c]
                ) {
                  _chapterData.push(
                    _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                      .chapterData[c]
                  );
                }
              }
              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
                _chapterData;
            }
            _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
          }
          if (index == 1) {
            this.unitJson = _unitJson;
            this.$forceUpdate();
            setTimeout(() => {
              if (this.unitIndex != _unitIndex2) {
                this.isDelete = 2;
                this.unitIndex = _unitIndex2;
              }
            }, 0);
            this.timer = setTimeout(() => {
              this.seleteCourseUpdate();
            }, 1000);
          } else if (index == 2) {
            let _this = this;
            _this
              .$confirm(
                "您所修改的阶段已经被其他老师删除了,需要恢复嘛?",
                "提示",
                {
                  confirmButtonText: "需要",
                  cancelButtonText: "取消",
                  type: "warning",
                }
              )
              .then(() => {
                if (_this.time()) {
                  _this.restoreWork(
                    _chapAarry[0],
                    _unitJson,
                    chapindex,
                    _unitJson2,
                    _unitIndex2
                  );
                }
              })
              .catch(() => {
                _this.unitJson = _unitJson;
                _this.$forceUpdate();
                setTimeout(() => {
                  if (this.unitIndex != _unitIndex2) {
                    this.isDelete = 2;
                    this.unitIndex = _unitIndex2;
                  }
                }, 0);
                _this.timer = setTimeout(() => {
                  _this.seleteCourseUpdate();
                }, 1000);
              });
          }
          // 在复制操作之前记录滚动位置
          const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
          // 执行复制操作
          // 复制操作完成后恢复滚动位置
          this.$nextTick(() => {
            if (this.$refs.scrollContainer) {
              this.$refs.scrollContainer.scrollTop = savedScrollPosition;
            }
          });
        })
        .catch((err) => {
          console.error(err);
        });
    },
    restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          chapid: chapid,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "restoreWork", params)
        .then((res) => {
          this.$message({
            message: "恢复成功",
            type: "success",
          });
          unitJson.splice(chapindex, 0, unitJson2[chapindex]);
          this.unitJson = unitJson;
          this.$forceUpdate();
          setTimeout(() => {
            if (this.unitIndex != unitIndex2) {
              this.isDelete = 2;
              this.unitIndex = unitIndex2;
            }
          }, 0);
          this.timer = setTimeout(() => {
            this.seleteCourseUpdate();
          }, 1000);
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    getTypeName() {
      console.log(this.courseTypeId);
      this.$forceUpdate();
    },
    selectAllType() {
      let params = {
        org: this.org && this.org != "" ? this.org : "",
        oid: this.oid && this.oid != "" ? this.oid : "",
      };
      this.ajax
        .get(this.$store.state.api + "selectAllType", params)
        .then((res) => {
          if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
            res.data[0] = [...res.data[0], ...res.data[4]];
          }
          this.CourseType = res.data;
          this.CourseType2 = [
            { name: "智见课程", id: [] },
            { name: "智行课程", id: [] },
            { name: "智创课程", id: [] },
          ];
          for (var cti = 0; cti < res.data[0].length; cti++) {
            if (
              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
            ) {
              this.CourseType2[0].id.push(res.data[0][cti].id);
            } else if (
              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
            ) {
              this.CourseType2[1].id.push(res.data[0][cti].id);
            } else if (
              res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
            ) {
              this.CourseType2[2].id.push(res.data[0][cti].id);
            }
            if (
              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5"
            ) {
              res.data[0][cti].name = "年级";
            } else if (
              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" ||
              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
            ) {
              res.data[0][cti].name = "学科";
            } else if (
              res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
            ) {
              res.data[0][cti].name = "主题";
            }
          }

          let _courseTypeId = [];
          for (var i = 0; i < res.data[0].length; i++) {
            if (!this.cid) {
              this.courseTypeId[res.data[0][i].id] = [];
            }
            // if (!this.CourseTypeJson[res.data[0][i].id]) {
            // }
            this.CourseTypeJson[res.data[0][i].id] = [];

            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
              if (res.data[0][i].name == "栏目") {
                this.CourseType[0][i].name = "主题";
              }
            }
            if (res.data[2].length == 0 && res.data[3].length == 0) {
              for (var j = 0; j < res.data[1].length; j++) {
                if (
                  this.courseTypeId.indexOf(res.data[1][j].id) != -1 &&
                  _courseTypeId.indexOf(res.data[1][j].id) == -1
                ) {
                  _courseTypeId.push(res.data[1][j].id);
                }
                if (res.data[0][i].id == res.data[1][j].pid) {
                  this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
                }
              }
            } else {
              if (res.data[2].length > 0) {
                for (var j = 0; j < res.data[2].length; j++) {
                  if (
                    this.courseTypeId.indexOf(res.data[2][j].id) != -1 &&
                    _courseTypeId.indexOf(res.data[2][j].id) == -1
                  ) {
                    _courseTypeId.push(res.data[2][j].id);
                  }
                  if (res.data[0][i].id == res.data[2][j].pid) {
                    this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
                  }
                }
              }
              if (res.data[3].length > 0) {
                for (var j = 0; j < res.data[3].length; j++) {
                  if (
                    this.courseTypeId.indexOf(res.data[3][j].id) != -1 &&
                    _courseTypeId.indexOf(res.data[3][j].id) == -1
                  ) {
                    _courseTypeId.push(res.data[3][j].id);
                  }
                  if (res.data[0][i].id == res.data[3][j].pid) {
                    this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
                  }
                }
              }
            }
          }
          this.courseTypeId = _courseTypeId;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectType() {
      this.ajax
        .get(this.$store.state.api + "selectType")
        .then((res) => {
          this.CourseType = res.data;
          for (var i = 0; i < res.data[0].length; i++) {
            if (!this.cid) {
              this.courseTypeId[res.data[0][i].id] = "";
            }
            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
              if (res.data[0][i].name == "栏目") {
                this.CourseType[0][i].name = "主题";
              }
            }
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
              }
            }
          }
          this.selectTypeByOid();
          this.selectTypeByOrg();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectTypeByOid() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectTypeByOid", params)
        .then((res) => {
          for (var i = 0; i < res.data[0].length; i++) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
              }
            }
          }
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectTypeByOrg() {
      let params = {
        oid: this.org,
      };
      this.ajax
        .get(this.$store.state.api + "selectTypeByOrg", params)
        .then((res) => {
          for (var i = 0; i < res.data[0].length; i++) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
              }
            }
          }
          this.$forceUpdate();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    OtherMb(type, task) {
      if (task === 0 || task) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          task
        ].isEvaFold = true;
      }
      this.typeMode = type;
      setTimeout(() => {
        this.checkEva(this.checkId);
        setTimeout(() => {
          this.checkEva(this.checkId);
        }, 100);
      }, 100);
    },
    openMember() {
      this.searchTN = "";
      this.getTeacher();
      this.dialogVisibleMember = true;
    },
    checkEva(id, type) {
      this.dialogVisiblemb = false;
      this.selectEva();
      if (this.evalua != id && type == 2) {
        this.$message.success("导入成功");
        setTimeout(() => {
          this.checkEva(id);
        }, 100);
      }
      this.evalua = id;
      this.checkId = id;
      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.data.data = [];
        this.$forceUpdate();
        setTimeout(() => {
          this.setMindData();
        }, 1000);
      }
    },
    deleteEva() {
      let _this = this;
      if (_this.evalua == "") {
        this.$message.warning("内容已经清空了，请勿重复清空");
        return;
      }
      _this
        .$confirm("确定删除此目标吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.evalua = "";
          _this.checkId = "";
          _this.eTitle = "";
          let _unitJson = _this.unitJson;
          for (var i = 0; i < _unitJson.length; i++) {
            let _task = _unitJson[i].chapterInfo[0].taskJson;
            for (var j = 0; j < _task.length; j++) {
              let _eList = _task[j].eList;
              for (var k = 0; k < _eList.length; k++) {
                delete _eList[k].target;
              }
            }
          }
          _this.$forceUpdate();
          if (_this.cid) {
            _this.updateWork();
          }
        })
        .catch(() => {
          return;
        });
    },
    selectEva() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectAllEvaluation", params)
        .then((res) => {
          this.evaJuri = res.data[0];
          // 在复制操作之前记录滚动位置
          const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
          // 执行复制操作
          // 复制操作完成后恢复滚动位置
          this.$nextTick(() => {
            if (this.$refs.scrollContainer) {
              this.$refs.scrollContainer.scrollTop = savedScrollPosition;
            }
          });
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setMindData() {
      let targetArray = [];
      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,
        });
        // targetArray.push({
        //   id: element.id,
        //   parentid: "root",
        //   name: element.name,
        // });
        targetArray.push({
          value: element.name,
          label: element.name,
          children: [],
        });
        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,
          });
          // targetArray.push({
          //   id: _ec.id,
          //   parentid: element.id,
          //   name: _ec.name,
          // });
          targetArray[i].children.push({
            value: _ec.name,
            label: _ec.name,
            children: [],
          });
          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,
            });
            // targetArray.push({
            //   id: _ez.id,
            //   parentid: _ec.id,
            //   name: _ez.name,
            // });
            targetArray[i].children[j].children.push({
              value: _ez.name,
              label: _ez.name,
            });
          }
        }
      }
      this.targetArray = targetArray;
      this.$forceUpdate();
    },
    /*添加评价 */
    addEList(index, tIndex) {
      this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList
        ? this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
          value: "",
          detail: "",
          score: 5,
        })
        : (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [
          { value: "", detail: "", score: 5 },
        ]);
      this.$forceUpdate();
    },
    openEList(index, tIndex) {
      this.evaIndex = index;
      this.evatIndex = tIndex;
      this.evaBoxDialog = true;
    },
    addCET(index, tIndex) {
      this.cetIndex = index;
      this.cettIndex = tIndex;
      this.selectAllType1();
    },
    addCETemplate() {
      var array =
        this.unitJson[this.cetIndex].chapterInfo[0].taskJson[this.cettIndex]
          .eList;
      let params = [
        {
          uid: this.userid,
          n: this.templateName,
          json: JSON.stringify(array),
          t: 1,
          oid: this.oid,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addCETShare", params)
        .then((res) => {
          this.addTypeByCET(res.data[0][0].id);
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    addTypeByCET(id) {
      if (this.setTypeJson.two == "") {
        this.$message.warning("请选择二级分类，如没有二级分类请前往添加!");
        return;
      }
      let params = {
        cid: id,
      };
      this.ajax
        .get(this.$store.state.api + "deleteCETLabel", params)
        .then((res) => {
          for (var i = 0; i < 2; i++) {
            let tid = "";
            if (i == 0) {
              tid = this.setTypeJson.one;
            } else {
              tid = this.setTypeJson.two;
            }
            let params = [
              {
                cid: id,
                tid: tid,
                uid: this.userid,
              },
            ];
            this.ajax
              .post(this.$store.state.api + "addCETLabel", params)
              .then((res) => {
                this.$message({
                  message: "添加成功",
                  type: "success",
                });
                this.close();
              })
              .catch((err) => {
                this.$message.error("网络不佳");
                console.error(err);
              });
          }
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    updateEvaJson(array) {
      this.unitJson[this.evaIndex].chapterInfo[0].taskJson[
        this.evatIndex
      ].eList = array;
    },
    forceUpdate() {
      this.$forceUpdate();
    },
    deletEList(index, tIndex, eIndex) {
      this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.splice(
        eIndex,
        1
      );
      this.$forceUpdate();
    },
    getChoosePic(t) {
      this.chooseType = t;
      this.getAllBanner();
    },
    getAllBanner() {
      this.sysPicVisible = true;
      let params = {
        t: this.chooseType,
      };
      this.ajax
        .get(this.$store.state.api + "selectAllBanner", params)
        .then((res) => {
          this.sysPic = res.data[0];
        })
        .catch((err) => {
          console.error(err);
        });
    },
    // getClass() {
    //   let params = {
    //     oid: this.oid,
    //   };
    //   this.ajax
    //     .get(this.$store.state.api + "selectClassBySchool", params)
    //     .then((res) => {
    //       this.classJuri = res.data[0];
    //     })
    //     .catch((err) => {
    //       console.error(err);
    //     });
    // },
    deleteSysPic() {
      this.cover = [];
      this.isSysPic = false;
      this.isSysPic2 = false;
    },
    deleteSelectPic() {
      this.selectJson.url = "";
    },
    setEListStar() {
      this.$forceUpdate();
    },
    deletRateList(i) {
      this.rateJson.splice(i, 1);
    },
    addRateList() {
      this.rateJson.push({ detail: "", score: 5, value: "" });
    },
    addSt() {
      this.sentenceList.push({
        sentenceTitle: "",
        addSentence: [],
        rightAnswer: [],
      });
    },
    addSen(i) {
      if (!this.sentenceList[i].sentenceTitle) {
        this.$message.error("请填写卡片内容！");
        return;
      }
      if (this.sentenceList[i].sentenceTitle.length > 10) {
        this.$message.error("卡片内容字数不能超过10位");
        return;
      }
      if (
        this.sentenceList[i].addSentence.indexOf(
          this.sentenceList[i].sentenceTitle
        ) !== -1
      ) {
        this.$message.error("不能添加重复的卡片内容！");
        return;
      }
      this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
      // this.isPushTitleList.push(this.sentenceTitle);
      this.sentenceList[i].sentenceTitle = "";
    },
    setRightAnswer(s, i, j) {
      if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
        this.sentenceList[i].rightAnswer.push(s);
      }
    },
    returnCard(r, i, j) {
      this.sentenceList[i].rightAnswer.splice(j, 1);
    },
    addSentenceTool() {
      for (var i = 0; i < this.sentenceList.length; i++) {
        if (this.sentenceList[i].rightAnswer.length == 0) {
          this.$message.error(`请将题目${i + 1}设置完整。`);
          return;
        }
        if (
          this.sentenceList[i].addSentence.length !=
          this.sentenceList[i].rightAnswer.length
        ) {
          this.$message.error(`请将题目${i + 1}设置完整。`);
          return;
        }
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
      this.sentenceList = [
        { sentenceTitle: "", addSentence: [], rightAnswer: [] },
      ];
      this.dialogVisibleSentence = false;
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //   itemTaskIndex
      // ].toolChoose[toolIndex].tool = [];
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //   itemTaskIndex
      // ].toolChoose[toolIndex].tool.push(i);

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 47
      ) {
        this.addTools(47, this.taskCount, this.toolIndex);
      }
    },
    addTableJson() {
      // if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
      //   this.$message.error("请将信息填写完整！");
      //   return;
      // }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].tableJson = this.tableJson;
      // this.tableJson = [{ text: "" }];
      // this.dialogVisibleTable = false;
      this.$message.success("上传成功");
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 48
      ) {
        this.addTools(48, this.taskCount, this.toolIndex);
      }
    },
    addWordJson() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].wordJson = this.wordJson;
      // this.wordJson = [{ text: "" }];
      // this.dialogVisibleWord = false;
      this.$message.success("上传成功");

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 52
      ) {
        this.addTools(52, this.taskCount, this.toolIndex);
      }
    },
    addMoreUpload() {
      if (this.uploadJson.length == 0) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolChoose[this.toolIndex].uploadJson = [];
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolChoose[this.toolIndex].uploadJson = this.uploadJson;
      }

      this.uploadJson = [];
      this.dialogVisibleMoreUpload = false;
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 50
      ) {
        this.addTools(50, this.taskCount, this.toolIndex);
      }
    },
    addPreTime() {
      if (this.preTime == 0) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolChoose[this.toolIndex].preTime = 0;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolChoose[this.toolIndex].preTime = this.preTime;
      }
      this.preTime = 0;
      this.dialogVisiblePreTime = false;
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 10
      ) {
        this.addTools(10, this.taskCount, this.toolIndex);
      }
    },
    goToTask(i) {
      this.toolIndexType = "";
      if (this.isClickColor == i + 1) {
        // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
        //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
        // } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].toolOpen = true;
        // }
        this.$forceUpdate();
        return;
      }

      // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
      // } else {
      document.querySelectorAll(".basic_box")[0].scrollTop =
        document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
      this.isClickColor = i + 1;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
    },
    taskOpen(i, stageIndex) {
      if (this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen) {
        this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = false;
      } else {
        this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      }
      this.updateWork3(stageIndex);
      this.$forceUpdate();
    },
    goToTask2(i, stage) {
      this.toolIndexType = "";
      if (this.isClickColor == i + 1 && this.unitIndex == stage) {
        // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
        //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
        // } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].toolOpen = true;
        // }
        this.$forceUpdate();
        return;
      }
      if (this.unitIndex != stage) {
        if (this.panUnitJson() == 2) {
          return;
        }
        this.unitSet(stage);
      }
      // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
      // } else {
      document.querySelectorAll(".basic_box")[0].scrollTop =
        document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
      this.isClickColor = i + 1;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
    },
    taskMove(type, index) {
      this.$confirm(
        "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
        "提示",
        {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        }
      )
        .then(() => {
          if (type == 1) {
            if (index > 0) {
              let a = JSON.parse(
                JSON.stringify(
                  this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                  index - 1
                  ]
                )
              );
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] =
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
            }
          } else {
            if (
              index <
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1
            ) {
              let a = JSON.parse(
                JSON.stringify(
                  this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                  index + 1
                  ]
                )
              );
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] =
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
            }
          }
          this.$forceUpdate();
        })
        .catch(() => {
          return;
        });
    },
    stageMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.unitJson3[index - 1]));
          let acid = JSON.parse(
            JSON.stringify(this.unitJson3[index - 1].chapterInfo[0].chapterid)
          );
          let bcid = JSON.parse(
            JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
          );
          this.unitJson3[index - 1] = this.unitJson3[index];
          this.unitJson3[index] = a;
          this.unitJson3[index - 1].chapterInfo[0].chapterid = acid;
          this.unitJson3[index].chapterInfo[0].chapterid = bcid;
        }
      } else {
        if (index < this.unitJson3.length - 1) {
          let a = JSON.parse(JSON.stringify(this.unitJson3[index + 1]));
          let acid = JSON.parse(
            JSON.stringify(this.unitJson3[index + 1].chapterInfo[0].chapterid)
          );
          let bcid = JSON.parse(
            JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
          );
          this.unitJson3[index + 1] = this.unitJson3[index];
          this.unitJson3[index] = a;
          this.unitJson3[index + 1].chapterInfo[0].chapterid = acid;
          this.unitJson3[index].chapterInfo[0].chapterid = bcid;
        }
      }
      this.$forceUpdate();
    },
    addGroup(i) {
      // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
      this.groupJson.group.push({
        name: "第" + (this.groupJson.group.length + 1) + "组",
      });
    },
    deleteGroup(i) {
      this.groupJson.group.splice(i, 1);
    },
    numberPan() {
      if (
        /[^\d]/.test(this.groupJson.number) ||
        this.groupJson.number < 2 ||
        this.groupJson.number > 10
      ) {
        this.$message.error("请输入2-10的数字");
        this.groupJson.number = "";
      }
    },
    addGroupJson() {
      for (var i = 0; i < this.groupJson.group.length; i++) {
        if (!this.groupJson.group[i].name) {
          this.$message.error("请将信息填写完整！");
          return;
        }
      }
      if (!this.groupJson.number) {
        this.$message.error("请将信息填写完整！");
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].groupJson = JSON.parse(
        JSON.stringify(this.groupJson)
      );
      this.dialogVisibleGroup = false;
      this.groupJson = {};

      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 49
      ) {
        this.addTools(49, this.taskCount, this.toolIndex);
      }
    },
    updateTime(preTime) {
      this.preTime = preTime;
    },
    InviteChange(val) {
      console.log(val);
      let _check = [];
      let _check2 = [];
      for (var i = 0; i < this.grade2.length; i++) {
        var gid = this.grade2[i].id;
        _check.push(gid);
      }
      for (var i = 0; i < this.checkboxList2.length; i++) {
        var _id = this.checkboxList2[i];
        if (_check.indexOf(_id) !== -1) {
          _check2.push(_id);
        }
      }
      this.checkAll = _check2.length === _check.length;
      return;
      let array = JSON.parse(JSON.stringify(val));
      this.inviteCode = this.inviteCode.filter((el) => {
        if (val.indexOf(el.cid) != -1) {
          array.splice(array.indexOf(el.cid), 1);
          return el;
        }
      });
      for (var i = 0; i < array.length; i++) {
        this.getInviteCode(array[i]);
      }
    },
    InviteChange2(val) {
      console.log(val);
      let _check = [];
      let _check2 = [];
      for (var i = 0; i < this.teacherJuri.length; i++) {
        var gid = this.teacherJuri[i].userid;
        _check.push(gid);
      }
      for (var i = 0; i < this.checkboxList3.length; i++) {
        var _id = this.checkboxList3[i];
        if (_check.indexOf(_id) !== -1) {
          _check2.push(_id);
        }
      }
      this.checkAll2 = _check2.length === _check.length;
      this.setMan();
      return;
      let array = JSON.parse(JSON.stringify(val));
      this.inviteCode = this.inviteCode.filter((el) => {
        if (val.indexOf(el.cid) != -1) {
          array.splice(array.indexOf(el.cid), 1);
          return el;
        }
      });
      for (var i = 0; i < array.length; i++) {
        this.getInviteCode(array[i]);
      }
    },
    handleCheckAllChange(val) {
      if (val) {
        for (var i = 0; i < this.grade2.length; i++) {
          var gid = this.grade2[i].id;
          if (this.checkboxList2.indexOf(gid) === -1) {
            this.checkboxList2.push(gid);
          }
        }
      } else {
        let _check = [];
        let _check2 = [];
        for (var i = 0; i < this.grade2.length; i++) {
          var gid = this.grade2[i].id;
          _check.push(gid);
        }
        for (var i = 0; i < this.checkboxList2.length; i++) {
          var _id = this.checkboxList2[i];
          if (_check.indexOf(_id) === -1) {
            _check2.push(_id);
          }
        }
        this.checkboxList2 = _check2;
      }
      this.isIndeterminate = false;
    },
    handleCheckAllChange2(val) {
      if (val) {
        for (var i = 0; i < this.teacherJuri.length; i++) {
          var gid = this.teacherJuri[i].userid;
          if (this.checkboxList3.indexOf(gid) === -1) {
            this.checkboxList3.push(gid);
          }
        }
      } else {
        let _check = [];
        let _check2 = [];
        for (var i = 0; i < this.teacherJuri.length; i++) {
          var gid = this.teacherJuri[i].userid;
          _check.push(gid);
        }
        for (var i = 0; i < this.checkboxList3.length; i++) {
          var _id = this.checkboxList3[i];
          if (_check.indexOf(_id) === -1) {
            _check2.push(_id);
          }
        }
        this.checkboxList3 = _check2;
      }
      this.isIndeterminate2 = false;
    },
    async getInviteCode(cid) {
      let code = this.randomNumber();
      let params = {
        code: code,
        oid: this.oid,
      };
      let type = 1;
      for (var i = 0; i < this.inviteCode.length; i++) {
        if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
          type = 2;
        }
      }
      if (type == 2) {
        this.getInviteCode(cid);
        return;
      }
      const res = await this.ajax.get(
        this.$store.state.api + "selectInviteCode2",
        params
      );
      if (
        res.data.length &&
        res.data[0].length &&
        res.data[0][0].courseId != this.cid
      ) {
        this.getInviteCode(cid);
        return;
      }

      let array = [];
      for (var i = 0; i < this.inviteCode.length; i++) {
        array.push(this.inviteCode[i].cid);
      }
      if (array.indexOf(cid) != -1) {
        this.inviteCode[array.indexOf(cid)].ic = code;
      } else {
        this.inviteCode.push({ cid: cid, ic: code });
      }
    },
    OpenInviteD(cid) {
      let array = [];
      this.icode = "";
      for (var i = 0; i < this.inviteCode.length; i++) {
        array.push(this.inviteCode[i].cid);
      }
      if (array.indexOf(cid) != -1) {
        this.icode = this.inviteCode[array.indexOf(cid)].ic;
      }
      this.inviteId = cid;
      this.dialogVisibleInvite = true;
    },
    addInvite() {
      let reg = /^[A-Za-z0-9]{4,}$/;
      if (!reg.test(this.icode)) {
        this.$message.error("请输入至少四位数字或英文组合的随机码");
        return;
      }
      let type = 1;
      for (var i = 0; i < this.inviteCode.length; i++) {
        if (
          this.inviteCode[i].cid != this.inviteId &&
          this.icode == this.inviteCode[i].ic
        ) {
          type = 2;
        }
      }
      if (type == 2) {
        this.$message.error("已有此随机码，不能重复");
        return;
      }

      let params = {
        code: this.icode,
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectInviteCode", params)
        .then((res) => {
          if (
            res.data.length &&
            res.data[0].length &&
            res.data[0][0].courseId != this.cid
          ) {
            this.$message.error("已有此随机码，不能重复");
            return;
          }

          let array = [];
          for (var i = 0; i < this.inviteCode.length; i++) {
            array.push(this.inviteCode[i].cid);
          }
          if (array.indexOf(this.inviteId) != -1) {
            this.inviteCode[array.indexOf(this.inviteId)].ic = this.icode;
          } else {
            this.inviteCode.push({ cid: this.inviteId, ic: this.icode });
          }
          this.icode = "";
          this.dialogVisibleInvite = false;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    randomNumber() {
      // 随机生成两位数
      // let num = Math.floor(Math.random() * 900) + 100;
      // 生成 0 到 99 之间的随机整数
      const randomNumber = Math.floor(Math.random() * 100);

      // 如果随机数小于 10，补上前导零
      const num =
        randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();

      // 随机生成两个大写字母
      let letters = "";
      let chars2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
      for (let i = 0; i < 3; i++) {
        letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
      }

      // 随机生成两位数字和字母的组合
      let mix = "";
      let chars =
        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
      for (let i = 0; i < 3; i++) {
        let char = chars.charAt(Math.floor(Math.random() * chars.length));
        mix += char;
      }

      // 随机选择一种类型
      let type = Math.floor(Math.random() * 3);

      return num;

      // 根据类型输出结果
      switch (type) {
        case 0:
          console.log(num); // 输出两位数
          return num;
        case 1:
          console.log(letters); // 输出两个大写字母
          return letters;
        case 2:
          console.log(mix); // 输出两位数字和字母的组合
          return mix;
      }
    },
    getPaste() {
      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
      let iframe2 = top.document.querySelectorAll("#AIChat aigpt")[0];
      if (!iframe && !iframe2) {
        return;
      }
      let copyData = iframe ? iframe.contentWindow.copyData : false;
      let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
      if (copyData && copyData.stageData && copyData.stageData.length) {
        this.isPasteStage = true;
      }
      if (copyData2 && copyData2.stageData && copyData2.stageData.length) {
        this.isPasteStage = true;
      }
      if (copyData && copyData.selectData.length) {
        this.isPasteChoice = true;
      }
      if (copyData && copyData.tasksData && copyData.tasksData.length) {
        this.isPasteTask = true;
      }
      if (copyData2 && copyData2.tasksData && copyData2.tasksData.length) {
        this.isPasteTask = true;
      }
    },
    searchImage() {
      var _this = this;
      _this.imageList = [];
      if (!_this.searchImageValue) {
        _this.sysPicVisible2 = true;
        return;
      }
      _this.imageloading = true;
      _this.ajax
        .post("https://gpt.cocorobo.cn/search_image", {
          page: _this.ppage,
          pagesize: 9,
          query: _this.searchImageValue,
        })
        .then(function (response) {
          // console.log(response.data.data);
          var data = response.data.FunctionResponse.result;
          for (var i = 0; i < data.length; i++) {
            _this.imageList.push({ url: data[i].thumbnail });
          }
          _this.imageloading = false;
        })
        .catch(function (error) {
          console.log(error);
        });
      _this.sysPicVisible2 = true;
    },
    changePicture() {
      this.ppage++;
      this.searchImage();
    },
    resetImage() {
      this.ppage = 1;
      this.searchImage();
    },
    jumpGj(i, j) {
      if (i + 1 != this.isClickColor) {
        this.isClickColor = i + 1;
      }
      var a = document.scrollingElement;
      this.toolIndexType = `gj${i}${j}`;
      let target = document.querySelector(`#gj${i}${j}`);
      if (target) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
        setTimeout(() => {
          target.scrollIntoView(true);
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
            j
          ].isFold3 = false;
          setTimeout(() => {
            this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
          }, 0);
        }, 0);
      }
    },
    jumpGj2(i, j, k) {
      if (this.unitIndex != k) {
        if (this.panUnitJson() == 2) {
          return;
        }
        this.unitSet(k);
      }
      setTimeout(() => {
        if (i + 1 != this.isClickColor) {
          this.isClickColor = i + 1;
        }
        var a = document.scrollingElement;
        this.toolIndexType = `gj${i}${j}${k}`;
        let target = document.querySelector(`#gj${i}${j}`);
        if (target) {
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
          setTimeout(() => {
            target.scrollIntoView(true);
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
              j
            ].isFold3 = false;
            setTimeout(() => {
              this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
            }, 0);
          }, 0);
        }
      }, 0);
    },
    dragStart(val, i, j) {
      console.log(this.taskCount);
      this.dragType = "drag";
      this.taskCount = j;
      this.oldIndex = i;
      this.oldData = val;
    },
    dragOver(i, j) {
      this.typeIndex = "chapter-" + j + "-" + i;
      this.newIndex = i;
    },
    dragEnd() {
      if (this.dragType != "drag") {
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.isdrag = "";
        return;
      }
      console.log(this.taskCount);

      let newItems = [
        ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .chapterData,
      ];
      // 删除老的节点
      newItems.splice(this.oldIndex, 1);
      // 在列表中目标位置增加新的节点
      newItems.splice(this.newIndex, 0, this.oldData);
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData = [...newItems];
      this.typeIndex = "";
      this.newIndex = "";
      this.dragType = "";
      this.isdrag = "";
      this.$forceUpdate();
    },
    dragTaskStart(val, i, j) {
      this.dragType = "task";
      this.oldIndex = i;
      this.oldData = val;
      this.oldUnitIndex = j;
    },
    dragTaskOver(i, j) {
      this.typeIndex = "task-" + i;
      this.newIndex = i;
      this.checkUnitIndex = j;
    },
    async dragTaskEnd() {
      if (this.dragType != "task") {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        return;
      }
      if (
        this.newIndex == this.oldIndex &&
        this.oldUnitIndex == this.checkUnitIndex
      ) {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        return;
      }
      let count1 = await this.getWorksCount(
        2,
        this.checkUnitIndex,
        this.newIndex,
        0
      );
      let count2 = await this.getWorksCount(
        2,
        this.oldUnitIndex,
        this.oldIndex,
        0
      );
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(() => {
            if (this.oldUnitIndex != this.checkUnitIndex) {
              let newItems = [
                ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
              ];
              // 删除老的节点
              newItems.splice(this.oldIndex, 1);
              // 在列表中目标位置增加新的节点
              let newItems2 = [
                ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
              ];
              newItems2.splice(this.newIndex, 0, this.oldData);
              this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
                ...newItems,
              ];
              this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
                ...newItems2,
              ];
            } else {
              let newItems = [
                ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
              ];
              let chapterData = []
              if (this.oldIndex == 0) {
                chapterData = newItems[this.oldIndex].chapterData
                newItems[this.oldIndex].chapterData = []
              } else if (this.newIndex == 0) {
                chapterData = newItems[this.newIndex].chapterData
                newItems[this.oldIndex].chapterData = []
              }
              // 删除老的节点
              newItems.splice(this.oldIndex, 1);
              // 在列表中目标位置增加新的节点
              newItems.splice(this.newIndex, 0, this.oldData);
              if (this.oldIndex == 0 || this.newIndex == 0) {
                newItems[0].chapterData = chapterData
              }
              this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
                ...newItems,
              ];
            }
            this.typeIndex = "";
            this.newIndex = "";
            this.dragType = "";
            this.checkUnitIndex = "";
            this.isdrag = "";
            this.updateWork();
            this.$forceUpdate();
          })
          .catch(() => {
            this.newIndex = "";
            this.dragType = "";
            this.typeIndex = "";
            this.checkUnitIndex = "";
            this.isdrag = "";
            return;
          });
      } else {
        if (this.oldUnitIndex != this.checkUnitIndex) {
          let newItems = [
            ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
          ];
          // 删除老的节点
          newItems.splice(this.oldIndex, 1);
          // 在列表中目标位置增加新的节点
          let newItems2 = [
            ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
          ];
          newItems2.splice(this.newIndex, 0, this.oldData);
          this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
            ...newItems,
          ];
          this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
            ...newItems2,
          ];
        } else {
          let newItems = [
            ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
          ];
          let chapterData = []
          if (this.oldIndex == 0) {
            chapterData = newItems[this.oldIndex].chapterData
            newItems[this.oldIndex].chapterData = []
          } else if (this.newIndex == 0) {
            chapterData = newItems[this.newIndex].chapterData
            newItems[this.oldIndex].chapterData = []
          }
          // 删除老的节点
          newItems.splice(this.oldIndex, 1);
          // 在列表中目标位置增加新的节点
          newItems.splice(this.newIndex, 0, this.oldData);
          if (this.oldIndex == 0 || this.newIndex == 0) {
            newItems[0].chapterData = chapterData
          }
          this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
            ...newItems,
          ];
        }
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        this.updateWork();
        this.$forceUpdate();
      }
    },
    dragUnitStart(val, i) {
      this.dragType = "Unit";
      this.oldIndex = i;
      this.oldData = val;
    },
    dragUnitOver(i) {
      this.typeIndex = "Unit-" + i;
      this.newIndex = i;
      console.log(i, this.unitJson[i].toolOpen);
      if (!this.unitJson[i].toolOpen && this.dragType == "task") {
        this.unitJson[i].toolOpen = true;
        this.updateWork();
        this.$forceUpdate();
      }
    },
    async dragUnitEnd() {
      if (this.dragType != "Unit") {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.isdrag = "";
        return;
      }
      if (this.newIndex == this.oldIndex) {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.isdrag = "";
        return;
      }
      let count1 = await this.getWorksCount(1, this.newIndex, 0, 0);
      let count2 = await this.getWorksCount(1, this.oldIndex, 0, 0);
      console.log(count1, count2);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          "切换阶段顺序将删除所有工具的提交成果，是否继续此操作?",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(() => {
            let newItems = [...this.unitJson];
            // 删除老的节点
            newItems.splice(this.oldIndex, 1);
            // 在列表中目标位置增加新的节点
            newItems.splice(this.newIndex, 0, this.oldData);
            this.unitJson = [...newItems];
            this.typeIndex = "";
            this.newIndex = "";
            this.dragType = "";
            this.isdrag = "";
            this.updateWork();
            this.$forceUpdate();
          })
          .catch(() => {
            this.newIndex = "";
            this.dragType = "";
            this.typeIndex = "";
            this.isdrag = "";
            return;
          });
      } else {
        let newItems = [...this.unitJson];
        // 删除老的节点
        newItems.splice(this.oldIndex, 1);
        // 在列表中目标位置增加新的节点
        newItems.splice(this.newIndex, 0, this.oldData);
        this.unitJson = [...newItems];
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.isdrag = "";
        this.updateWork();
        this.$forceUpdate();
      }
    },
    getWorksCount(type, stage, task, tool) {
      return new Promise((resolve, reject) => {
        let params = [
          {
            cid: this.cid,
            stage: stage,
            task: task,
            tool: tool,
            type: type,
          },
        ];
        this.ajax
          .post(this.$store.state.api + "getCourseWorkCount", params)
          .then((res) => {
            let count = res.data[0][0].count;
            resolve(count);
          })
          .catch((err) => {
            resolve(0);
            this.$message.error("网络不佳");
            console.error(err);
          });
      });
    },
    getTwoType(id) {
      this.twoJson = [];
      var array = this.CourseTypeJson1[
        "3f8eed32-aba9-11ee-b534-005056b86db5"
      ].filter((e) => {
        return e.ppid == id;
      });
      this.twoJson = array;
      this.$forceUpdate();
    },
    ctype() {
      this.oneJson =
        this.CourseTypeJson1["3c73702a-aba9-11ee-b534-005056b86db5"];
    },
    selectAllType1() {
      this.CourseType1 = [];
      this.CourseTypeJson1 = {};
      this.courseTypeId1 = {};
      this.$forceUpdate();
      let params = {
        org: this.org && this.org != "" ? this.org : "",
        oid: this.oid && this.oid != "" ? this.oid : "",
      };
      this.ajax
        .get(this.$store.state.api + "selectAllEvaType", params)
        .then((res) => {
          this.CourseType1 = res.data;
          for (var i = 0; i < res.data[0].length; i++) {
            if (res.data[0][i].id == "3c73702a-aba9-11ee-b534-005056b86db5") {
              res.data[0][i].name = "一级分类";
            } else if (
              res.data[0][i].id == "3f8eed32-aba9-11ee-b534-005056b86db5"
            ) {
              res.data[0][i].name = "二级分类";
            }
            if (!this.cid) {
              this.courseTypeId1[res.data[0][i].id] = [];
            }
            if (!this.CourseTypeJson1[res.data[0][i].id]) {
              this.CourseTypeJson1[res.data[0][i].id] = [];
            }

            // if (res.data[2].length == 0 && res.data[3].length == 0) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                this.CourseTypeJson1[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
              }
            }
            // } else {
            if (res.data[2].length > 0) {
              for (var j = 0; j < res.data[2].length; j++) {
                if (res.data[0][i].id == res.data[2][j].pid) {
                  this.CourseTypeJson1[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
                }
              }
            }
            if (res.data[3].length > 0) {
              for (var j = 0; j < res.data[3].length; j++) {
                if (res.data[0][i].id == res.data[3][j].pid) {
                  this.CourseTypeJson1[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
                }
              }
            }
            // }
          }
          this.ctype();
          this.cetBoxDialog = true;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    detailYou(){
      this.textLoading = true 
      setTimeout(()=>{
        if(this.courseName == '热传递2'){
          this.courseText = `本项目旨在通过一个综合性的学习过程，让学生深入探究“热”的物理现象及其在日常生活中的应用。学生将通过实验、观察、设计和制作等活动，理解热的传递方式、热的良导体与不良导体的概念，以及保温技术的原理和应用。项目的核心是制作一个保温杯，该保温杯需要能够有效地减缓热量散失，保持水温在一定时间内相对稳定。通过这个项目，学生不仅能够巩固和拓展科学知识，还能培养创新思维、问题解决能力和团队合作精神。

该项目的驱动性问题是如何设计并制作一个既实用又环保的保温杯，使其在一定时间内最大限度地减少热量散失？

该项目的最终作品是一个由学生团队设计和制作的保温杯原型，该保温杯应使用合适的材料和技术，以实现良好的保温效果。最终作品需要附上一份详细的设计报告，阐述设计理念、选材依据、制作过程和测试结果。`
            }else if(this.courseName == '热传递1'){
              this.courseText = `项目名：探索热传导：从热到冷
项目概况：随着气温的变化，孩子们可能对热量如何从热物体传到冷物体的过程产生兴趣。这是热传导的基础知识，对日常生活中的很多现象有深入的解释。例如A小组的孩子们在午餐时注意到，他们的塑料餐具比金属餐具冷得快。引出的驱动性问题是：“为什么塑料餐具比金属餐具冷得快？因此在这个项目中学生需要通过实施一系列的实验的方式，解决这个问题。

本项目需要孩子们了解热传导的基本知识，掌握观察和记录实验数据的基本技能，以及分析和解释数据的能力。并通过实验研究的方式，完成一个关于热传导的实验报告，报告中需要包括实验的设计、实施过程、数据记录、数据分析和结论。

通过了解和掌握热传导的基本原理，以及通过实验测试不同材质的热传导情况，学生们可以了解不同物质的热传导效果的差异，预期的结果是：塑料的热传导效果较差，所以冷得快，而金属的热传导效果好，所以冷得慢。`
            }else if(this.courseName == '热传递'){
              this.courseText = `课程名称：探索热传导的奥秘
课程介绍：
在这个为期四周的项目式学习课程中，五年级的学生们将通过实际操作和实验，深入了解热传导的基本原理和日常生活中的应用。学生们将通过探索不同材料的热传导性能，设计实验，收集数据，并最终制作一个展示他们发现的创意项目。本课程旨在激发学生的好奇心，提高他们的科学探究能力，并帮助他们理解热能是如何在不同环境中传递的。
驱动性问题：
•热传导是如何在不同材料之间发生的？
•哪些日常用品的设计利用了热传导的原理？
•我们如何通过实验来比较不同材料的热传导效率？
•如何设计一个既实用又创新的产品，利用热传导原理解决实际问题？
期末作品：
•热传导实验报告：详细记录实验过程、数据和结论。
•创意产品：展示学生基于热传导原理设计的创新产品或模型。

通过这个课程，学生不仅能够掌握热传导的科学知识，还能通过实际操作和创造，将理论知识应用于解决实际问题，培养他们的科学素养和创新能力。`
            }
        this.textLoading = false
      }, 5000)
    },
    setUnitJson(){
      this.unitJson[0].chapterInfo[0].taskJson[0] = {"task":"观察热在水中的传递","taskDetail":"同学们，今天我们将通过一个有趣的实验来探究热是如何在水中传递的。你将需要加热水并观察温度是如何分布的。请准备好实验器材，并按照安全指南进行操作。在实验过程中，请注意观察热水和冷水之间的相互作用，以及水温是如何随时间和空间变化的。你将需要记录你的观察结果，并思考热是如何从一个地方传递到另一个地方的。","chapterData":[],"toolText":"","toolChoose":[{"tool":[1],"toolDetail":"使用电子白板工具来绘制你的实验设置和观察到的热传递过程。你可以使用电子白板的绘图功能来创建一个温度分布图，展示热水和冷水相遇时的情况。同时，你可以用它来记录实验步骤和关键观察点，以便于你和同学们进行讨论和分享。","toolType":1,"askCount":1,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"isFold3":false}],"isShowTools":false,"askCount":1,"isFold":0,"askTitle":"","askJson":[{"askstitle":"","askItem":1,"checkList":[]}],"checkJson":[{"checkCount":[],"checkPerent":[]}],"homeworkList":[],"toolOpen":true,"eList":[{"value":"实验观察和记录","detail":"学生应该能够准确地记录实验过程中的观察结果，包括水温变化和热传递的现象。","score":5},{"value":"数据分析和解释","detail":"学生应该能够分析实验数据，解释热在水中的传递方式，并能够用自己的话描述热对流的原理。","score":5},{"value":"实验报告撰写","detail":"学生应该能够撰写一份清晰的实验报告，包括实验目的、方法、结果和结论，以及对实验过程的反思。","score":5}]}
      this.$forceUpdate()
    }
  },
  beforeDestroy() {
    clearTimeout(this.timer);
    this.timer = null;
    clearInterval(this.timer2);
    this.timer2 = null;
    clearInterval(this.pasteTimer);
    this.pasteTimer = null;
  },
  beforeRouteLeave(to, from, next) {
    clearTimeout(this.timer);
    this.timer = null;
    clearInterval(this.timer2);
    this.timer2 = null;
    clearInterval(this.pasteTimer);
    this.pasteTimer = null;
    next();
  },
  created() {
    this.getStudent();
    this.getTeacher();
    this.getClass();
    this.selectGrage();
    this.getTemplate();
    // this.selectType();
    this.selectEva();
    this.loading = false;
    this.timer2 = setInterval(() => {
      this.selectEva();
    }, 5000);
    this.pasteTimer = setInterval(() => {
      this.getPaste();
    }, 1000);
    setTimeout(() => {
      // this.selectAllType();

      this.selectCourseDetail();
    }, 500);
    let _this = this;
    window.pasteStage = function (json) {
      _this.pasteStage(json);
    };
    window.pasteTask = function (json) {
      _this.pasteTask(json);
    };
  },
};
</script>

<style scoped>
@media screen and (max-width: 1280px) {
  .mbCss {
    flex-direction: column !important;
  }

  .pjCss {
    width: 100% !important;
  }

  .evaCss {
    width: 100% !important;
    margin-top: 10px;
  }
}

.el-table>>>.even_row {
  background-color: #f1f1f1 !important;
}

.dialog_diy>>>.el-dialog__header {
  background: #3c3c3c !important;
  padding: 15px 20px;
}

.dialog_diy>>>.el-dialog__title {
  color: #fff;
}

.dialog_diy>>>.el-dialog__headerbtn {
  top: 19px;
}

.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
}

.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
  color: #fff;
}

.dialog_diy>>>.el-dialog__body,
.dialog_diy>>>.el-dialog__footer {
  background: #fafafa;
}

.dialog_diy3>>>.el-dialog__body,
.dialog_diy3>>>.el-dialog__footer {
  background: #eee !important;
}

.dialog_diy3>>>.el-dialog__body {
  padding: 20px 20px;
}

.dialog_diyStage>>>.el-dialog__body {
  padding: 10px;
}

.source_diy>>>.el-dialog {
  height: 100% !important;
  margin: 0 auto !important;
}

.source_diy>>>.el-dialog__body {
  height: calc(100% - 185px);
  overflow: auto;
  background: #e6eaf0;
}

.source_diy>>>.el-dialog__footer {
  background: #e6eaf0 !important;
}

.left {
  border-right: 1px solid rgb(60, 94, 143);
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 600px;
  width: 385px;
  height: 80%;
}

.tips {
  color: rgb(128, 128, 128);
  font-size: 12px;
  width: 270px;
  margin: 40px;
}

.pb_content {
  height: 100% !important;
  /* margin: 0 20px 0 20px; */
}

.pb_content_body {
  width: 100% !important;
  height: 100%;
}

.info_solid {
  width: 270px;
  height: 30px;
  border-left: 1px solid #bdbdbd;
  margin: 10px 0px 10px 30px;
}

.info_steps {
  width: 270px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

.info_steps span:nth-child(1) {
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.38);
  display: block;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  line-height: 30px;
}

.steps_active {
  background: #3d67bc !important;
}

.info_steps span:nth-child(2) {
  margin-left: 5px;
}

.right {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.basic_box {
  margin: 0 auto;
  position: relative;
  padding: 0 20px 0 20px;
}

.basic_box_success {
  width: 100%;
  min-height: 455px;
  padding: 50px 0;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.info_title {
  font-size: 1.5em;
  margin-right: 25px;
  /* margin: 20px 30px 20px 30px; */
}

.bInfo_title {
  text-align: left;
  margin: 10px 0;
}

.small_title {
  font-size: 14px;
  line-height: 40px;
}

.chapter_beizhu {
  font-size: 12px;
  font-weight: bold;
  float: right;
  color: rgb(128, 128, 128);
  margin-top: 5px;
}

.chapter_uploadBox1 {
  text-align: left;
  background-color: rgb(242, 242, 242);
  width: 100%;
  height: 67px;
  padding: 0px 15px;
  border-radius: 8px;
  overflow: hidden;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
}

.chapter_add {
  width: 100%;
  height: 32px;
  margin-top: 15px;
  cursor: pointer;
}

.chapter_add_l {
  margin-left: 5px;
  width: 30px;
  height: 30px;
  float: left;
  border: 1px solid #aaa;
  color: #aaa;
  border-radius: 50%;
  font-size: 25px;
  text-align: center;
}

.chapter_add_r {
  font-size: 18px;
  height: 40px;
  line-height: 30px;
  text-indent: 10px;
  color: #aaa;
}

.chapter_add_r span {
  font-size: 12px;
  color: rgb(204, 204, 204);
}

.chapter_add_input {
  display: none;
}

.line {
  width: 85%;
  margin: 0 auto;
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
}

.info_btnBox {
  width: calc(100%);
  display: flex;
  justify-content: center;
  height: 80px;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border-top: 2px solid rgb(228, 232, 237);
  box-sizing: border-box;
}

.info_btnBox2 {
  width: calc(100%);
  display: flex;
  justify-content: center;
  height: 20px;
  align-items: center;
  background: #fff;
  margin: 0 auto;
  border-top: 2px solid rgb(228, 232, 237);
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.info_btnBox3 {
  width: calc(100%);
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
  height: 60px;
  align-items: center;
  background: unset;
  margin: 0 auto;
  /* border-top: 1px solid rgb(228, 232, 237); */
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border-radius: 10px;
}

.info_btn+.info_btn {
  margin-left: 15px;
}

.info_btn,
.teacherWord {
  color: #fff;
  background-color: #0f7eff;
  padding: 8px 24px;
  font-size: 0.9375rem;
  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
    0px 3px 1px -2px rgb(0 0 0 / 12%);
  min-width: 64px;
  font-weight: 500;
  border-radius: 4px;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
}

.teacherWord {
  width: 105px !important;
  text-align: center !important;
  line-height: 36px !important;
  padding: 0 !important;
  font-size: 14px !important;
  margin: 10px 0 !important;
}

.template_box {
  display: flex;
  flex-wrap: wrap;
}

.wordTeacher {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 100px;
  text-align: center;
  font-size: 13px;
  margin: 0 20px 20px 0;
  background: #f0f4fa;
  position: relative;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid #cad1dc;
  color: #0e1e33;
  /* padding: 25px 0px; */
  cursor: pointer;
}

.wordTeacher::after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  right: 10px;
  top: 10px;
  background-image: url(../../../assets/icon/new/choose_a.png);
  background-size: 100% 100%;
}

.wordTeacherA::after {
  background-image: url(../../../assets/icon/new/choose_b.png);
}

.wordTeacher:nth-child(5n) {
  margin-right: 0px;
}

.wordPic {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.deleteWord {
  width: 22px;
  height: 22px;
  position: absolute;
  right: 5px;
  top: -15px;
  cursor: pointer;
  display: none;
  z-index: 999;
}

.wordPic>img,
.deleteWord>img,
.addToolImg>img {
  width: 100%;
  height: 100%;
}

.info_btn:hover {
  background-color: #4f7cd5 !important;
}

.cru_selectBox {
  display: flex;
  margin: 15px 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
  position: relative;
  height: 40px;
  max-width: calc(100% - 175px);
}

.cru_selectBox::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px;
}

/*定义滚动条轨道 内阴影+圆角*/
.cru_selectBox::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #eee;
}

/*定义滑块 内阴影+圆角*/
.cru_selectBox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.1);
}

.cru_line {
  position: absolute;
  bottom: 0px;
  transition: all 0.5s;
  left: 0px;
  width: 50px;
  height: 4px;
  left: 10px;
  border-radius: 2px;
  background: #3681fc;
}

.cru_select {
  font-size: 18px;
  margin-right: 20px;
  margin-left: 5px;
  cursor: pointer;
  color: #0e1e33;
}

.cru_select:hover {
  color: #3681fc !important;
}

.cru_selected {
  color: #3681fc !important;
  font-weight: bold;
}

.chapter_box {
  margin-top: 10px;
  width: 100%;
  padding: 10px 20px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}

.chapter_contentbox {
  display: flex;
  align-items: center;
  /* margin-top: 15px; */
}

.chapter_contentbox .cc_title {
  margin: 0px;
  color: black;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  font-size: 18px;
  height: 20px;
  line-height: 22px;
  min-width: fit-content;
  display: flex;
}

.chapter_contentbox .cc_title::before {
  content: "";
  height: 100%;
  width: 3px;
  background: #3681fc;
  border-radius: 3px;
  opacity: 1;
  display: block;
  margin-right: 10px;
}

.chapter_contentbox .cc_input {
  width: 100%;
  display: flex;
}

.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);
}

.show_toolD {
  min-width: fit-content;
  margin-left: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  color: #717c8d;
  /* position: absolute;
  right: 45px;
  top: 5px; */
}

.show_toolD>img {
  width: 15px;
  margin-right: 5px;
  transition: 0.2s all;
  transform: rotate(-90deg);
}

.show_toolD.show>img {
  transform: rotate(0deg);
}

.remove {
  background-image: url("../../../assets/icon/new/delete_u.png");
  cursor: pointer;
  opacity: 0.5;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 10px;
}

.remove1 {
  background-image: url("../../../assets/remove1.png");
  background-repeat: no-repeat;
  background-position: 5px 10px;
  width: 40px;
  height: 50px;
  cursor: pointer;
  margin-left: 10px;
}

.binfo_input {
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  display: block;
  min-width: 0;
  outline: none;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  resize: none;
  font-family: "Microsoft YaHei";
  min-height: 48px;
  /* border: 1px solid #3682fc00; */
  border: 1.5px solid #cad1dc;
}

.binfo_textarea {
  border: 1.5px solid #cad1dc;
  font-size: 16px;
  resize: none;
  /* background: #f6f6f6; */
  font-family: "Microsoft YaHei";
}

.binfo_input:focus-visible {
  border: 1.5px solid #3681fc !important;
}

.time {
  display: flex;
  margin: 35px 0 80px 0;
}

.chapter_btnbox {
  width: 160px;
  border-radius: 5px;
  border: 2px dashed gray;
  display: flex;
  padding: 8px 50px;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0;
  cursor: pointer;
}

.icon_add {
  position: relative;
  width: 24px;
  padding-top: 20px;
  border-radius: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: gray;
}

.icon_add i:nth-child(1) {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60%;
  transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}

.icon_add i:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  transform: translate(-50%, -50%);
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}

.chapter_btn_w {
  font-size: 0.9375rem;
  font-weight: bold;
  color: gray;
  margin-left: 20px;
}

.disUoloadSty>>>.el-icon-plus {
  display: none !important;
  /* 上传按钮隐藏 */
}

.imgLeft {
  margin: 15px 0;
}

.add_info_box {
  margin: 0 0 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.add_info_box button {
  margin: 0 5px 10px 0;
}

.add_info_box2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.add_info_box2::after {
  content: "提示：支持上传10M以内的PPT和Word文件、5M以内的Excel文件， PDF文件不限制大小。";
  color: red;
  font-size: 14px;
  margin-bottom: 10px;
}

.add_chapters_box {
  text-align: left;
  background-color: #fff;
  width: 100%;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
  padding: 0 15px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #cad1dc;
}

.add_chapters_box.add_c_none {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.add_c_none>img {
  width: 25px;
}

.add_chapters_box.add_c_none>span {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px 5px;
}

.homework_box {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 15px 0 0 0;
  flex-direction: column;
  align-content: flex-start;
}

.course_homework {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  margin: 0 10px 0 0;
}

.course_homework>>>.el-input__inner {
  width: 140px;
  margin-left: 15px;
}

.chapter_upload_move {
  position: relative;
  background-color: #fff;
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  border: 1px solid #eee;
  border-radius: 5px;
  transition: width 2s;
  -moz-transition: width 2s;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
}

.chapter_upload_l_i {
  background-image: url("../../../assets/icon.png");
  background-position: 3px -165px;
  width: 30px;
  height: 30px;
  margin: 10px auto 0 auto;
}

.course_input_box {
  display: flex;
  margin-right: 20px;
  width: 100%;
  align-items: center;
  position: relative;
}

.course_input_box>.binfo_input {
  width: calc(100% - 0 - 200px - 20px);
  margin: 0 10px;
}

.bb_courseIcon {
  width: 57px;
  height: 45px;
  background: #f0f4fa;
  border-radius: 5px 0px 0px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1.5px solid rgb(202, 209, 220);
  box-sizing: border-box;
  position: absolute;
  left: 1.5px;
}

.bb_courseIcon>img {
  width: 25px;
  height: auto;
}

.big_box {
  /* margin-top: 20px; */
  display: flex;
  justify-content: space-between;
  /* border-bottom: 1px solid #E0E2ED; */
}

.left_first {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: calc(100% - 310px);
  padding: 20px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
}

.right_first {
  width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-left: 1px solid #E0E2ED; */
  box-sizing: border-box;
  padding: 20px;
  flex-direction: column;
  background: #fff;
  border-radius: 5px;
}

.ai_box {
  width: 204px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.ai_content {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 7px 20px;
  box-sizing: border-box;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
}

.ai_content>img {
  width: 40px;
  margin-right: 5px;
}

.c_info_title {
  padding: 15px 0 15px 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  line-height: 20px;
}

.c_info_title::before {
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background: #0061ff;
  border-radius: 3px;
  margin: 0 5px 0 0;
}

.right_title {
  height: 30px;
  padding: 15px 0 15px 20px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 1.5em;
  font-weight: bold;
  color: #0f7eff;
  margin: 0 auto;
}

.people {
  border: 1px solid rgb(229 229 229);
  /* height: 495px; */
  height: 350px;
  border-radius: 5px;
  width: 100%;
  overflow: auto;
}

.people_top {
  display: flex;
  width: 100%;
  /* justify-content: space-between; */
  /* align-items: center; */
  flex-direction: column;
  padding: 10px 10px 0;
  box-sizing: border-box;
}

.people_nav,
.people_top_right {
  /* padding: 20px 0 0 20px; */
}

.people_top_right {
  height: 40px;
  margin-bottom: 10px;
}

.people_search {
  display: flex;
  position: relative;
}

.people_search>>>.el-input__inner {
  /* height: 25px; */
  width: 100%;
}

.search_img {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.search_img>img {
  width: 100%;
  height: 100%;
}

.people_name {
  display: flex;
  justify-content: flex-start;
  padding: 20px 10px;
  flex-direction: column;
  flex-wrap: wrap;
}

.p_box {
  position: relative;
}

.people_name>>>.el-checkbox {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.people_name>>>.el-checkbox__label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100%);
}

.people_name2>>>.el-checkbox__label {
  width: calc(100% - 130px);
}

.inviteCode {
  position: absolute;
  right: 30px;
  color: #237ade;
  top: 0;
  cursor: pointer;
  font-size: 13px;
}

.noneInvite {
  color: #a8a8a8;
}

.inviteImg {
  position: absolute;
  right: 5px;
  top: 0;
  width: 20px;
}

.right_img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.right_img>img {
  width: 100%;
  height: 100%;
}

.number {
  margin-top: 20px;
  color: #4aa6ff;
  text-decoration: underline;
}

.success_button {
  display: flex;
  text-align: center;
  margin: 5% 0 auto;
  flex-direction: row;
  justify-content: center;
}

.look_course {
  margin-right: 40px;
  background: #3d67bc;
  width: 200px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
}

.attend_others {
  width: 250px;
  background: #4fb13c;
  height: 35px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
}

.dialog_diy2>>>.el-dialog__body {
  text-align: center;
}

.write_togother {
  position: absolute;
  right: 45px;
  display: flex;
  top: 5%;
}

.write_people {
  font-size: 14px;
  line-height: 50px;
  padding-right: 10px;
}

.end_write {
  background: #3d67bc;
  color: #fff;
  width: 100px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
}

.chapter_upload+.chapter_upload {
  /* margin-top: 15px; */
  border-top: 1px solid #e7ebf1;
}

.chapter_upload {
  height: 45px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 45px;
  /* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
  /* border-radius: 4px; */
  /* overflow: hidden; */
  box-sizing: border-box;
}

.chapter_upload_drag {
  position: absolute;
  cursor: pointer;
  width: 16px;
  height: 16px;
  left: -9px;
  background-image: url("../../../assets/icon/new/icon_course_drag.png");
  background-size: 100% 100%;
  z-index: 10;
  display: none;
}

.isNavStage>.chapter_upload_drag {
  background-image: url("../../../assets/icon/new/icon_course_drag_active2.png");
}

.chapter_upload_t {
  background-color: #fff;
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}

.chapter_upload_o {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.chapter_upload_ic {
  margin: 0 15px 0px auto;
  display: flex;
  align-items: center;
}

.chapter_upload_ic_l {
  width: 50px;
  height: 50px;
  float: left;
}

.chapter_upload_ic_l div {
  width: 30px;
  height: 35px;
  background: url("../../../assets/icon/icon.png");
}

.chapter_upload_ic_edit {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 10px 0 0;
}

.chapter_upload_ic_edit div {
  width: 18px;
  height: 18px;
  background-image: url("../../../assets/icon/new/edit_u.png");
  background-size: 100% 100%;
}

.chapter_upload_ic_r {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.chapter_upload_ic_r div {
  width: 18px;
  height: 18px;
  background-image: url("../../../assets/icon/new/delete_u.png");
  background-size: 100% 100%;
}

.chapter_upload_n {
  display: flex;
  text-indent: 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 55%;
  margin-left: 10px;
  cursor: pointer;
  margin-top: 2px;
  align-items: center;
}

.chapter_upload_l_i2,
.chapter_upload_l_i3,
.chapter_upload_l_i8,
.chapter_upload_l_i6,
.chapter_upload_l_i12,
.chapter_upload_l_i14,
.chapter_upload_l_i13 {
  width: 15px;
  height: 15px;
  background-size: 100% 100%;
}

.chapter_upload_l_i2 {
  background-image: url("../../../assets/icon/new/u_word.png");
}

.chapter_upload_l_i3 {
  background-image: url("../../../assets/icon/new/u_video.png");
}

.chapter_upload_l_i8 {
  background-image: url("../../../assets/icon/new/u_url.png");
}

.chapter_upload_l_i14 {
  background-image: url("../../../assets/icon/new/u_source.png");
}

.chapter_upload_l_i6 {
  background-image: url("../../../assets/icon/new/u_picture.png");
}

.chapter_upload_l_i12 {
  background-image: url("../../../assets/icon/new/u_word.png");
}

.chapter_upload_l_i13 {
  background-image: url("../../../assets/icon/new/u_img.png");
}

.chapter_upload_noSee {
  background-image: url("../../../assets/icon/new/u_noUpload.png");
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  display: block;
  margin-right: 10px;
}

.chapter_upload_ud {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 10px 0 0;
}

.chapter_upload_ud>.chapter_upload_up {
  margin-bottom: 0;
  margin-right: 10px;
}

.chapter_upload_down,
.chapter_upload_up {
  width: 20px;
  height: 20px;
  background: #e4eaf2;
  cursor: pointer;
  margin: 0 auto;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chapter_upload_up::after,
.chapter_upload_down::after {
  content: "";
  background-image: url("../../../assets/icon/new/downBtn.png");
  width: 13px;
  height: 13px;
  background-size: 100% 100%;
  display: block;
}

.chapter_upload_up::after {
  background-image: url("../../../assets/icon/new/upBtn.png") !important;
}

.chapter_upload_up {
  margin-bottom: 5px;
}

.chapter_upload_ud2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 10px 0 0;
}

.chapter_upload_ud2>.chapter_upload_up2 {
  margin-bottom: 0;
  margin-right: 10px;
}

.chapter_upload_down2,
.chapter_upload_up2 {
  cursor: pointer;
  margin: 0 auto;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #717c8d;
  font-size: 14px;
}

.chapter_upload_up2 {
  margin-right: 10px;
}

.chapter_upload_up2::before,
.chapter_upload_down2::before {
  content: "";
  background-image: url("../../../assets/icon/new/c_down.png");
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  display: block;
  margin-right: 5px;
}

.chapter_upload_up2::before {
  background-image: url("../../../assets/icon/new/c_up.png") !important;
}

.addWordStyle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: wrap;
}

/* 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;
}

.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;
}

.wordbox {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  width: 100%;
}

.checkword {
  width: 22px;
  height: 22px;
  margin: 10px auto 0;
  cursor: pointer;
}

.checkword img {
  width: 100%;
}

.stepBg {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  width: calc(100%);
  margin: 0 auto;
}

.stepBorder {
  height: 3px !important;
  background: #cad1dc;
  width: 100px !important;
  margin: 0 15px !important;
  position: relative;
}

.border-active {
  background: #3681fc !important;
}

.border-active::before,
.border-active::after {
  border-color: #3681fc !important;
}

.stepBorder::before,
.stepBorder::after {
  content: "";
  width: 9px;
  height: 9px;
  background: #ffffff;
  opacity: 1;
  border: 2px solid #acb4bf;
  display: block;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.stepBorder::after {
  right: -9px;
}

.stepTop {
  width: 100%;
  /* border-radius: 10px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background: #fff;
  /* top: 18%; */
  height: 80px;
  border-bottom: 2px solid rgb(228, 232, 237);
  box-sizing: border-box;
}

.stepTop2 {
  width: 100%;
  /* border-radius: 10px; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  background: #fff;
  /* top: 18%; */
  height: 20px;
  border-bottom: 2px solid rgb(228, 232, 237);
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}

.stepTop>div img {
  width: 100%;
}

.stepTop>div {
  height: 50px;
  width: 180px;
  cursor: pointer;
  margin: 10px 0;
  border-radius: 10px;
}

.first,
.second,
.third,
.four {
  background: #3681fc;
  height: 90px;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.first>div:nth-child(1),
.second>div:nth-child(1),
.third>div:nth-child(1),
.four>div:nth-child(1) {
  margin: 5px 10px 0 0;
  width: 2rem;
}

.firstNo,
.secondNo,
.thirdNo,
.fourNo {
  background: #e7e7e7;
  color: #adadad;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.firstNo>div:nth-child(1),
.secondNo>div:nth-child(1),
.thirdNo>div:nth-child(1),
.fourNo>div:nth-child(1) {
  margin: 5px 10px 0 0;
  width: 2rem;
}

.uploadWidth>>>.el-upload {
  width: 60px;
  height: 60px;
  position: relative;
}

.addPeople {
  background: #fa6060;
  width: 150px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
}

.kcImg {
  width: 60px;
  margin-left: 10px;
}

.zyImg {
  width: 55px;
  margin: 0 10px;
}

.deleteZy {
  width: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.kcImg>img,
.zyImg>img,
.deleteZy>img {
  width: 100%;
  height: 100%;
}

.zyBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #67d37d;
  color: #fff;
  width: 210px;
  margin: 20px 20px 0 0;
  border-radius: 10px;
  height: 70px;
  position: relative;
}

.upCss {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.upCss>>>.el-icon-plus {
  position: none !important;
  width: 200px;
  height: 100px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #ccc;
  min-width: 78px;
  min-height: 100px;
  z-index: 999;
}

.upCss>>>.el-upload-list__item-name {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.upCss>>>.el-upload-list__item .el-icon-close {
  font-size: 20px;
  z-index: 9999;
}

.addStageImg {
  min-width: 20px;
  min-height: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.addHW {
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.addStageImg>img,
.addHW>img {
  width: 100%;
  height: 100%;
}

.addNewPP>>>.el-dialog__body {
  padding: 5px 20px;
}

.addNewPP>>>.el-dialog {
  margin-top: 5vh !important;
}

.addNewPP2>>>.el-dialog__body {
  padding: 5px 0;
}

.addNewPP2>>>.el-dialog {
  margin-top: 5vh !important;
}

.isHeight {
  height: 680px;
}

.toolChoose {
  display: flex;
  /* width: 100%; */
  flex-direction: row;
  flex-wrap: wrap;
}

.tool,
.isToolChoose {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: fit-content;
  margin: 10px 0 10px 0;
  align-items: center;
  border: 2px solid #dbdbdb00;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  /* box-shadow: 0 0 2px 0px #dedede; */
  position: relative;
  box-sizing: border-box;
}

.tool:hover {
  border: 2px solid #a5c7ff;
}

.tool:hover>.noCTool {
  display: block;
  opacity: 0.5;
}

.isToolChoose {
  border: 2px solid #438aff !important;
  box-shadow: 0 0 2px 0px #438aff;
  opacity: 1 !important;
}

.isCTool,
.noCTool {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: -4px;
}

.noCTool {
  display: none;
}

.isCTool>img,
.noCTool>img {
  width: 100%;
  height: 100%;
}

.tool+.tool {
  margin-right: 10px;
}

.whiteBIcon {
  width: 80px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 14px;
}

.whiteBIcon>img,
.toolIcon>img,
.arrow>img {
  width: 100%;
  height: 100%;
}

.check img {
  width: 20px;
  height: 20px;
}

.whiteBIcon>img {
  box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  border-radius: 15px;
}

.whiteBIcon>div:nth-child(2) {
  height: 20px;
  line-height: 20px;
}

.check {
  /* width: 20px;
  height: 20px; */
  cursor: pointer;
  margin: 10px 0 0;
}

.checkDiv {
  display: flex;
  align-items: center;
}

.checkDiv span {
  margin-left: 5px;
  color: #858585;
}

.customWidth>>>.el-dialog {
  min-width: 500px !important;
}

.a_addBox {
  margin: 10px 0;
  background: #fff;
  padding: 15px;
  /* max-height: 600px; */
  overflow: auto;
}

.a_add_box {
  border-bottom: 2px solid #eee;
  padding-bottom: 25px;
}

.a_add_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0 0;
  font-size: 18px;
}

.a_add_checkType {
  margin-top: 10px;
  display: flex;
  font-size: 14px;
  align-items: center;
}

.a_add_checkType span {
  box-sizing: border-box;
  padding: 0 0 5px 0;
  cursor: pointer;
}

.a_add_checkType span+span {
  margin-left: 10px;
}

.a_add_checkType .active {
  border-bottom: 2px solid #409eff;
  color: #409eff;
}

.a_add_head .a_add_head_input {
  /* width: 540px; */
  width: 100%;
}

.a_add_head .a_add_head_div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.a_add_body {
  display: flex;
  /* align-items: center; */
  align-items: flex-end;
}

.a_add_input {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.a_add_input_choice {
  flex-direction: column;
  margin-right: 10px;
}

.a_add_input_choice>>>.el-radio {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin: 30px 0 0 0;
  position: relative;
}

.a_add_input_choice>>>.el-checkbox {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin: 30px 0 0 0;
  position: relative;
}

.width100 {
  width: 100%;
}

.a_add_input .a_add_persent {
  width: 100%;
}

.a_add_persent_div {
  width: 100%;
  display: flex;
  align-items: center;
}

.a_add_persent_div span {
  margin: 5px 0;
}

.a_add_persent_div span:nth-child(1) {
  width: 30%;
}

.a_add_persent_div span:nth-child(2) {
  width: 7%;
}

.a_add_persent_div span:nth-child(3) {
  width: 40%;
}

.a_add_body_div {
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  position: absolute;
  right: -20px;
  transform: translateX(100%);
}

.a_add_body_div>>>.el-button--primary {
  background: #466b99;
  border: none;
}

.all_choose {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}

.all_choose+.all_choose {
  /* margin-top: 10px */
}

.all_choose>span {
  min-width: fit-content;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  font-weight: bold;
  font-size: 14px;
}

.all_choose>>>.el-checkbox-group {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3px;
}

.all_choose>.el-checkbox-group>>>.el-checkbox {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}

.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
  min-width: 80px;
  overflow: hidden;
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label:hover {
  width: auto;
}

.choose>div:nth-child(3)>span {
  /* letter-spacing: 0 !important; */
}

.choose {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-evenly;
  align-items: flex-start;
}

.both {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 0;
}

.notice>>>.el-dialog {
  width: 500px !important;
  text-align: center;
}

.notice>>>.el-button {
  margin-top: 20px;
}

.whiteBg {
  /* background: #fff; */
  border-radius: 10px;
}

.wb_j_box {
  display: flex;
  width: 100%;
  padding: 0 20px 0;
  box-sizing: border-box;
}

.wb_j_box_content {
  width: calc(100% - 55% - 100px);
  display: flex;
  align-items: center;
}

.wb_j_box_p_box {
  max-width: calc(100% - 200px);
  word-break: break-all;
  overflow: hidden;
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #6e6e6e;
  z-index: 999;
}

.chooseWho {
  display: flex;
  width: 410px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: 10px;
}

.chooseWho>div {
  cursor: pointer;
  padding-bottom: 10px;
  font-weight: bold;
}

.isChooseActive {
  color: #3e88f4;
  border-bottom: 2px solid #2f80f3;
}

.toolSort {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.toolSort>div {
  margin-right: 10px;
}

.tools {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.leftTools,
.rightTools {
  width: 50%;
}

.leftTools+.leftTools {
  border-top: 1px solid #dbdbdb;
  padding-top: 30px;
}

.rightTools {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.firstToolList {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.iconList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 20px 0 5px 0;
  width: 240px;
  min-width: 240px;
}

.iconTool {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin: 15px 10px;
}

.toolIcon {
  width: 50px;
}

.taskBorder {
  /* border: 1px solid #CAD1DC; */
  border-radius: 10px;
  margin-top: 10px;
  min-height: 670px;
  position: relative;
  background: #fff;
  padding: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.smallTaskBorder {
  height: 405px;
  min-height: 405px !important;
  overflow: hidden;
}

/* .taskBorder>div {
  padding: 30px 30px 10px;
} */

.addTaskBorder {
  /* border: 2px solid #5E9AFC; */
  border-radius: 8px;
  margin-top: 10px;
  cursor: pointer;
  /* height: 50px;
  line-height: 50px; */
  background: #fff;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .addTaskBorder>div {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.addTaskBorder>div>img {
  width: 20px;
}

.addTaskBorder>div>span {
  font-size: 16px;
  margin-left: 10px;
  color: #5E9AFC;
} */

.funBlock {
  display: flex;
  padding: 15px 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 60px;
  z-index: 9;
}

.fold {
  display: flex;
  margin: 0 20px;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  color: #2b7bff;
}

.arrow {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-size: 100% 100%;
  display: block;
  background-image: url(../../../assets/icon/new/u_up.png);
  /* border-left: 7px solid transparent;
  border-bottom: 7px solid #717C8D;
  border-top: 0px solid transparent;
  border-right: 7px solid transparent; */
  /* box-sizing: border-box; */
  transition: all 0.3s;
}

.arrowZ {
  transform: rotate(180deg);
}

.addToolFun {
  display: flex;
  width: 150px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 2px dashed #cad1dc;
  border-radius: 5px;
  height: 50px;
  margin: 35px auto 0;
  cursor: pointer;
}

.addToolFun2 {
  display: flex;
  width: 150px;
  border: 2px dashed #cad1dc;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 50px;
  margin: 0 auto 0;
  cursor: pointer;
}

.addToolFun2>div,
.addToolFun>div {
  display: flex;
  line-height: 50px;
}

.addToolImg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.addToolsDia>>>.el-dialog__body {
  padding: 20px;
}

.addToolsDia>>>.el-dialog__body>.toolChoose {
  padding: 0;
}

.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools {
  padding: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools>.chooseWho {
  width: 100%;
}

.lineCss>>>.el-form-item__label {
  width: auto !important;
}

.lineCss>>>.el-form-item__content {
  margin-left: 50px !important;
}

.newSteps {
  display: flex;
  width: 100% !important;
  /* height: 80px; */
  cursor: pointer;
  margin: 10px 0;
  border-radius: 10px;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}

/* 评价样式 */
.elist_css {
  padding-bottom: 75px !important;
}

.elist_title {
  margin-bottom: 10px;
}

.elist_input {
  width: 100%;
}

.elist_input_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.elist_input_box+.elist_input_box {
  margin-top: 30px;
}

.elist_input .elist_input_box input {
  font: inherit;
  color: currentColor;
  width: 100%;
  /* max-width: calc(100% - 385px); */
  max-width: calc(100% - 150px);
  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);
  min-width: 80px;
}

.elist_input .elist_input_box .remove {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-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 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.elist_input_box .elist_inptu_text input {
  /* width: 500px; */
  width: 100%;
  max-width: unset;
}

.elist_input_box>>>.el-rate__icon {
  font-size: 24px;
}

.elist_btn {
  margin-top: 10px;
}

.lineTitle {
  /* margin-top: 15px; */
  width: 110px;
  font-size: 16px;
  display: flex;
  align-items: center;
  line-height: 20px;
}

.lineTitle::before {
  content: "";
  display: block;
  width: 3px;
  height: 20px;
  background: #0061ff;
  border-radius: 3px;
  margin: 0 5px 0 0;
}

.clineTitle::before {
  content: "";
  display: block;
  min-width: 10px;
  width: 10px;
  height: 10px;
  background: #0061ff;
  border-radius: 50%;
  margin: 0 5px 0 0;
}

.courseTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 10px 0;
}

.stepsNav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.stepsWord {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-left: auto;
  background: rgb(15, 126, 255);
  border-radius: 5px;
  padding: 3px 25px;
  box-sizing: border-box;
}

.stepBox {
  width: calc(100% - 40px);
  height: calc(100% - 50px);
  overflow: hidden;
  border-radius: 5px;
  margin: 0 auto;
}

.rightBox {
  width: calc(100%);
  background: #f0f2f5;
  /* border-radius: 10px; */
  overflow: auto;
  height: calc(100% - 150px);
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}

.e_add_top {
  display: flex;
  justify-content: space-between;
  background: #fff;
  position: absolute;
  right: 20px;
  height: 50px;
  align-items: center;
}

.e_add_title2 {
  display: flex;
  align-items: center;
}

.e_add_title2 span {
  width: 40px;
}

.e_add_title {
  display: flex;
  align-items: center;
  color: #b8b8b8;
  font-size: 18px;
  position: relative;
  height: 40px;
}

.e_add_title span {
  margin-right: 10px;
}

.e_add_title .el_input {
  width: 300px;
}

.e_add_title>>>.el-input__inner {
  width: 400px;
}

.e_add_btn {}

.e_add_content {
  display: flex;
  width: 100%;
}

.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%;
}

.e_add_list_pbox_title {
  height: 50px;
  background: #fff;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

.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;
}

.mbCss {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: flex-start;
  justify-content: flex-start;
}

.pjCss {
  /* width: 42%; */
  width: calc(100% - 55%);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.e_box {
  /* display: flex; */
  flex-wrap: wrap;
  max-height: 500px;
  align-items: flex-start;
  overflow: auto;
  width: 100%;
}

.e_card {
  border: 1px solid #ccc;
  background: #fff;
  margin-right: 20px;
  width: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  margin-top: 10px;
  text-align: center;
}

.e_card_picture {
  margin: 10px 0;
}

.e_card_picture>img {
  width: 50px;
}

.e_card_name {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e_card_time {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 15px;
  color: #c3c3c3;
  margin-bottom: 10px;
}

.e_card_btn {
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
  background: rgb(244, 244, 244);
}

.e_card_btn:hover {
  background: rgb(221 221 221);
}

.e_card_btn span {
  flex: 1 1 auto;
  text-align: center;
  cursor: pointer;
}

.addEva {
  border: 1px solid #ccc;
  background: #fff;
  margin-right: 20px;
  width: 270px;
  height: 149px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
}

.addEva>img {
  width: 50px;
  object-fit: cover;
}

.uploadFm {
  border: 1px dashed #ccc;
  width: 100%;
  height: 140px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #6e6e6e;
  position: relative;
}

.cover_p {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}

.uploadFm2:hover .cover_mask {
  display: flex !important;
}

.cover_mask {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #00000054;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.cover_mask>img {
  width: 30px;
}

.cover_mask>span {
  color: #fff;
  font-size: 12px;
}

.uploadFm>img {
  width: 50px;
}

.fileCss {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  padding-top: 15px;
}

.fileCss>div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fileCss .spanName {
  margin-top: 10px;
}

.sysPicBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 435px;
  overflow: auto;
  position: relative;
}

.picNone {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: fit-content;
  color: #9c9c9c;
}

.sysPic {
  width: 200px;
  height: 115px;
  margin: 0 20px 20px 0;
  cursor: pointer;
}

.sysPic>img,
.isSysPic>img,
.deletePic>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.isSysPic {
  width: 200px;
  height: 115px;
  position: relative;
}

.deletePic {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.select_box1 {
  height: 100%;
}

.select_box1_img {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.select_box1_title {
  padding: 0 0 15px 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}

.select_box1_title span:nth-child(1) {
  font-size: 16px;
  margin-right: 20px;
  color: #000;
}

.select_box1_title span:nth-child(2) {
  font-size: 14px;
  color: rgb(112, 112, 112);
}

.select_box1_add_img {}

.select_box1_select {
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
  height: calc(100% - 200px);
  overflow: auto;
}

.select_box2 {
  height: 100%;
}

.select_box2_title {
  background: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.select_box2_box {
  display: flex;
  height: calc(100% - 30px);
}

.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: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  box-sizing: border-box;
}

.select_box2_answer_box {
  margin: 0 0 10px 0;
  width: 85%;
}

.rate_textarea {
  font: inherit;
  color: currentColor;
  width: 100%;
  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;
  resize: none;
}

.select_answer_title {
  text-align: left;
  width: 85%;
  margin-bottom: 10px;
  font-size: 18px;
  color: #8e8e8e;
}

.mask {
  background-color: rgb(0 0 0 / 30%);
  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progressBox {
  width: 300px;
  height: 150px;
  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%;
}

.updateTips::before {
  content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
  font-size: 14px;
  margin-left: 20px;
  font-weight: 400;
  color: #ff3a3a;
  margin-bottom: 10px;
  display: block;
}

.updateMask {
  width: 100%;
  z-index: 3;
  top: 0;
  position: absolute;
  /* background-color: rgba(0,0,0,.3); */
}

.t_j_box {
  display: flex;
}

.t_j_box span:nth-child(1) {
  width: 15%;
  overflow: hidden;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t_j_box span:nth-child(2) {
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}

.t_j_box span:nth-child(3) {
  max-width: calc(55% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.sentenBox {
  background: #fff;
  height: 600px;
  overflow: auto;
  background-image: url("../../../assets/icon/conSentences/csBg.png");
  background-position: 102%;
  background-repeat: no-repeat;
  background-size: 60%;
}

.sentenBox>.sentenContent {
  padding-bottom: 10px;
  width: 97%;
  margin: 0 auto;
}

.sentenBox>.sentenContent+.sentenContent {
  border-top: 1px solid #cbcbcb;
}

.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;
}

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

.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 {
  padding: 30px 0 20px 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;
}

.rightCardList {
  display: flex;
  flex-wrap: wrap;
}

.cardBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.isCard,
.isCard1 {
  width: auto;
  padding: 0 20px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-size: 14px;
  cursor: pointer;
  background-image: url("../../../assets/icon/conSentences/titleBorder.png");
  background-size: 100% 100%;
  position: relative;
  z-index: 99;
}

.isCard1 {
  background-image: url("../../../assets/icon/conSentences/answerBorder.png");
}

.isCard:hover .deleteWord {
  display: block;
}

.isCard>div:nth-child(1),
.isCard1>div:nth-child(1) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0 auto;
}

.card {
  width: 140px;
  height: 65px;
}

.card>img {
  width: 100%;
  height: 100%;
}

.rightCardBox {
  width: 98%;
  margin: 10px auto 0;
}

.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;
}

.sentenTopBox {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 55px 0 0 20px;
  box-sizing: border-box;
  width: 85%;
}

.rb_c_ai_box,
.stepsBottom {
  width: 100%;
  /* box-shadow: 0 0 10px 10px #f7f7f7; */
  /* background: #f7f7f7; */
  border-radius: 10px;
  overflow: hidden;
  /* height: 100%; */
  height: calc(100% - 55px);
}

.navTop {
  background: #53749b;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  font-size: 18px;
}

.navBottom {
  /* background: #6b91b7; */
  height: 100%;
  overflow: auto;
  padding: 10px 0;
}

.navStage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  background: #ffffff;
  width: 95%;
  margin: 5px auto 5px;
  box-sizing: border-box;
  border-radius: 5px;
  flex-wrap: wrap;
  position: relative;
}

.navStage:hover>.chapter_upload_drag {
  display: block;
}

.navTask:hover>.chapter_upload_drag {
  display: block;
}

.chapter_upload:hover>.chapter_upload_drag {
  display: block;
}

.navStage::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../../assets/icon/new/icon_stage.png);
  background-size: 100%;
  margin-left: 25px;
}

.navStage .chapter_unit_open {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../../assets/icon/new/down.png);
  transform: rotate(-90deg);
  background-size: 100%;
  margin-left: 10px;
  transition: all 0.5s;
}

.isNavStageOpen .chapter_unit_open {
  transform: rotate(0deg);
}

.isNavStage {
  background: #0061ff;
}

.isNavStage::before {
  background-image: url(../../../assets/icon/new/icon_stage_a.png);
}

.isNavStage .chapter_unit_open {
  background-image: url(../../../assets/icon/new/downC.png);
}

.isNavStage .nt_taskName {
  font-weight: bold !important;
  color: #ffffff !important;
}

.isNavStage .nt_taskTitle {
  font-weight: bold !important;
  color: #fff !important;
}

.navStage .nt_taskBox {
  width: calc(100% - 68px);
  padding: 0 0 0 5px;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
}

.navStage .nt_taskTitle {
  color: #060e17;
  line-height: 25px;
  font-size: 16px;
}

.navStage .nt_taskName {
  max-width: calc(100% - 82px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #060e17;
}

.navTask {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 10px 10px 0;
  cursor: pointer;
  background: #ffffff;
  width: 95%;
  margin: 5px auto 5px;
  box-sizing: border-box;
  border-radius: 5px;
  flex-wrap: wrap;
  position: relative;
}

.navTask .chapter_upload_open {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../../../assets/icon/new/icon_arrow.png);
  background-size: 100%;
  margin-left: 23px;
}

.noImage .chapter_upload_open {
  display: none;
  background-image: unset !important;
}

.isNavOpen .chapter_upload_open {
  /* background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important; */
  transform: rotate(90deg);
}

.isNavTask .chapter_upload_open {
  background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important;
  transform: rotate(-90deg);
}

.isNavTask.isNavOpen .chapter_upload_open {
  transform: rotate(0deg);
}

.dragOverTop {
  border-top: 2px solid #0061ff !important;
  border-radius: 0 !important;
  margin-top: 10px;
}

.dragOverBottom {
  border-bottom: 2px solid #0061ff !important;
  border-radius: 0 !important;
  margin-top: 10px;
}

.dragOverTop2 {
  border-top: 2px solid #0061ff !important;
  border-radius: 0 !important;
}

.dragOverBottom2 {
  border-bottom: 2px solid #0061ff !important;
  border-radius: 0 !important;
}

.isNavTask {
  /* background: #3681FC; */
  background: #eef3fb;
}

.isNavTask>.chapter_upload_drag {
  background-image: url(../../../assets/icon/new/icon_course_drag_active.png) !important;
}

.isNavTask .nt_taskName {
  /* color: #fff !important; */
  font-weight: bold !important;
  color: #0061ff !important;
}

.isNavTask .nt_taskTitle {
  /* color: #AECCFE !important; */
  font-weight: bold !important;
  color: #0061ff !important;
}

.navTask .nt_taskBox {
  width: calc(100% - 40px);
  padding: 0 0 0 5px;
  box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
}

.navTask .nt_taskTitle {
  /* color: #717C8D; */
  color: #060e17;
  line-height: 25px;
  font-size: 16px;
  /* min-width: 66px; */
}

.navTask .nt_taskName {
  /* color: #fff; */
  /* max-width: 130px; */
  /* width: 100%; */
  max-width: calc(100% - 66px);
  font-size: 16px;
  color: #060e17;
  /* color: #0E1E33; */
}

.navTask .nt_taskName span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.gjBox {
  width: calc(100% - 25px);
  padding: 0 0 0 0;
  box-sizing: border-box;
  border-left: 1px solid #cad1dc;
  margin-left: 25px;
}

.gjBox>div {
  display: flex;
  align-items: center;
}

.gjBox>div::before {
  content: "";
  height: 1px;
  width: 10px;
  background: #cad1dc;
  display: block;
  margin-right: 5px;
}

.gjCss {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 15px 0;
  box-sizing: border-box;
  font-size: 14px;
  cursor: pointer;
}

.isGjCss {
  color: #0061ff;
}

.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;
}

.radioBox>div {
  margin: 10px 0 0 10px;
}

.radioBox>>>.el-radio__input,
.radioBox>>>.el-checkbox__inner {
  margin-left: 10px;
}

.radioBox>>>.el-radio__label,
.radioBox>>>.el-checkbox__label {
  display: flex;
  align-items: center;
}

.inImg {
  width: 50px;
}

.inImg>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upCss>>>.el-upload-list--picture .el-upload-list__item {
  height: auto;
  padding: 10px;
  margin: 0;
}

.upCss>>>.el-upload-list {
  width: 100%;
}

.upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
  width: 100%;
  height: 120px;
  object-fit: contain;
  background: unset;
  margin-left: 0;
}

.upCss>>>.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
  display: none;
}

.tcMember+.tcMember::before {
  content: "、";
}

.xzUpImg {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  cursor: pointer;
  margin: 0 10px;
}

.xzUpImg>img {
  width: 100%;
  height: 100%;
}

.closeCss {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.closeCss>img {
  width: 100%;
  height: 100%;
}

.moveBtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 55px;
}

.timuUpImg {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin-right: 10px;
}

.timuUpImg>div:nth-child(1) {
  margin-right: 10px;
  display: flex;
  align-items: center;
  width: 100%;
}

.timuImgBox {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}

.timuImg {
  width: 100px;
  margin: 5px 0;
  cursor: pointer;
  position: relative;
}

.timuImg:hover .deleteWord {
  display: block;
}

.deleteWord {
  width: 25px;
  height: 25px;
  position: absolute;
  right: -5px;
  top: -5px;
  cursor: pointer;
  display: none;
}

.timuImg>img,
.deleteWord>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.e_add_delete {
  cursor: pointer;
  margin-left: 10px;
}

.pType_box {
  margin-top: 30px;
  align-items: flex-end;
}

.noneBox {
  height: 200px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* margin-top: 150px; */
}

.noneBox>img {
  width: 95px;
}

.noneBox>span {
  margin-top: 10px;
  color: #717c8d;
}

.rb_c_box {
  width: 100%;
  height: 100%;
  display: flex;
  /* padding: 20px; */
  box-sizing: border-box;
  justify-content: space-between;
}

.rb_c_box_left {
  height: 100%;
  background: #fff;
  width: 270px;
  min-width: 270px;
  border-radius: 8px;
  margin-right: 10px;
}

.rb_c_box_right {
  height: 100%;
  width: calc(100%);
  overflow: hidden;
}

.rb_c_box_btn {
  display: flex;
  justify-content: flex-start;
  height: 50px;
  align-items: center;
}

.rb_c_box_right>.basic_box {
  /* background: #fff; */
  border-radius: 0;
  height: calc(100% - 0px);
  overflow: auto;
  padding: 0;
}

.textarea_css {
  display: block;
  resize: none;
  padding: 10px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
  overflow: hidden;
  height: 46px;
  font-family: "Microsoft YaHei";
}

.textarea_css::-webkit-input-placeholder {
  color: #c0c4cc;
}

.textarea_css:focus {
  border-color: #409eff;
  outline: 0;
}

.addEditor>>>.text {
  height: auto;
  min-height: 100px;
}

.addEditor>>>.w-e-text-container {
  min-height: 100px;
}

.moveBtn2 {
  flex-direction: column;
  width: fit-content;
  margin: 0 10px 0 10px;
}

.moveBtn2 .chapter_upload_down,
.moveBtn2 .chapter_upload_up {
  width: 16px;
  height: 16px;
}

.moveBtn2 .chapter_upload_up::after,
.moveBtn2 .chapter_upload_down::after {
  width: 10px;
  height: 10px;
}

.fullStyle>>>.el-dialog__body {
  height: calc(100% - 125px) !important;
  box-sizing: border-box;
}

.fullStyle1>>>.el-dialog__body {
  height: auto !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;
}

.wb_j_box_btn {
  width: calc(100% - 30px);
  display: flex;
  height: 40px;
  border: 1.5px solid #cad1dc;
  border-radius: 4px;
  box-sizing: border-box;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
}

.wb_j_box_btn:hover {
  border: 1.5px solid #0061ff;
}

.wb_j_box_title {
  background: #f0f4fa;
  height: 100%;
  line-height: 40px;
  width: 90px;
  text-align: center;
  color: #060e17;
  border-right: 1.5px solid #cad1dc;
  box-sizing: border-box;
}

.wb_j_box_btn_c {
  width: calc(100% - 90px);
  padding: 0 35px 0 10px;
  box-sizing: border-box;
  position: relative;
}

.wb_j_box_span {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: break-word;
  color: #717c8d;
}

.wb_j_box_arrow {
  content: "";
  width: 14px;
  height: 14px;
  background: url(../../../assets/icon/new/u_arrow.png);
  background-size: 100% 100%;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.check_classBox {
  height: 400px;
  display: flex;
  border-top: 1.5px solid #e7ebf1;
  border-bottom: 1.5px solid #e7ebf1;
}

.check_class_right {
  width: 130px;
  border-right: 1px solid #e7ebf1;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 15px 0;
  box-sizing: border-box;
}

.check_class {
  width: 85%;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.check_class.activeX {
  background: #e0eafb;
  color: #3681fc;
  font-weight: 700;
}

.check_class+.check_class {
  margin-top: 15px;
}

.check_class_left {
  background: #fafafa;
  width: calc(100% - 130px);
  padding: 15px;
  box-sizing: border-box;
}

.check_class_all_box {
  display: flex;
  margin-bottom: 10px;
}

.all_check {
  display: flex;
  align-items: center;
  padding: 2px 0 0;
  margin-left: 10px;
}

.all_check>>>.el-checkbox__label {
  line-height: 18px;
}

.check_class_left_title {
  font-size: 16px;
  font-weight: 700;
}

.check_class_item {
  display: flex;
  flex-wrap: wrap;
  height: calc(100% - 45px);
  overflow: auto;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.class_item:first-child {
  /* margin: 0 15px 15px 67px; */
}

.class_item {
  margin: 0 15px 15px 0;
}

.class_item:hover>>>.el-checkbox__label {
  color: #409eff;
}

.class_item>>>.el-checkbox__label {
  color: #0e1e33;
}

.class_item:hover>>>.el-checkbox__inner {
  border-color: #409eff;
}

.class_item>>>.el-checkbox,
.class_item>>>.el-checkbox__input {
  display: flex;
  align-items: center;
}

.taskTitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 35px;
}

.taskTitle:after {
  content: "";
  width: 100%;
  display: block;
  height: 1px;
  background: #cad1dc;
  position: absolute;
  left: 0;
  margin: 15px 0 0;
}

.eva_btn_box {
  margin: 20px 0px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.eva_btn_left_box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.addTypeChoose {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 15px 0;
}

.addTypeBox {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.addTypeChoose {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 15px 0;
}

.buchong_box {
  background: #E0EAFB66;
  width: calc(100% - 20px);
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.outline {
  width: calc(100% - 40px);
  margin: 0 auto;
}

.task_outline {
  width: calc(100% - 40px);
  margin: 0 auto;
}

.outline_box+.outline_box {
  margin: 30px 0 0px;
}

.outline_task {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.outline_task .title {
  font-size: 18px;
  font-weight: bold;
  min-width: 80px;
}

.op_task_box,
.op_tool_box,
.outline_detail {
  position: relative;
}

.op_task_box:hover .op_box,
.op_tool_box:hover .op_box,
.outline_detail:hover .op_box {
  display: flex
}

.op_box {
  position: absolute;
  bottom: 10px;
  display: none;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 20px);
  left: 50%;
  transform: translateX(-50%);
}

.op_box .op_remark {
  color: #8E8E8E;
  font-size: 14px;
}

.rb_c_nav {
  width: calc(100% - 20px);
  margin: 15px auto 0;
  font-size: 18px;
}

.rb_c_nav span {
  cursor: pointer;
}

.rb_c_nav span+span {
  margin-left: 10px;
}

.rb_c_nav span.active {
  color: #0061FF
}

.text_panel >>> .text{
  height: 400px;
}
</style>