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

<template>
  <div class="pb_content">
    <div class="pb_content_body" style="position: relative; margin: 0">
      <div class="right">
        <div class="stepBg">
          <div class="stepTop">
            <div v-if="steps == 1" class="first" @click="navSteps(1)">
              <div>
                <img src="../../../assets/icon/first.png" alt />
              </div>
              <div>填写基本信息</div>
            </div>
            <div v-else class="firstNo" @click="navSteps(1)">
              <div>
                <img src="../../../assets/icon/firstNo.png" alt />
              </div>
              <div>填写基本信息</div>
            </div>
            <div v-show="cidttt === 0" class="secondNo">
              <div
                v-if="steps == 2"
                class="newSteps 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 class="newSteps secondNo" @click="navSteps(2)">
                <div>
                  <img src="../../../assets/icon/secondNo.png" alt />
                </div>
                <div>选择项目框架</div>
              </div>
            </div>
            <div v-if="steps == 3" class="third" @click="navSteps(3)">
              <div>
                <img src="../../../assets/icon/third.png" alt />
              </div>
              <div>上传项目内容</div>
            </div>
            <div v-else class="thirdNo" @click="navSteps(3)">
              <div>
                <img src="../../../assets/icon/thirdNo.png" alt />
              </div>
              <div>上传项目内容</div>
            </div>
            <div v-if="steps == 4 && type == 2" class="four">
              <div>
                <img
                  src="../../../assets/icon/five.png"
                  alt
                  style="width: 33px"
                />
              </div>
              <div>项目进展</div>
            </div>
            <div v-else-if="type == 2" class="fourNo" @click="navSteps(4)">
              <div>
                <img
                  src="../../../assets/icon/fiveNo.png"
                  alt
                  style="width: 33px"
                />
              </div>
              <div>项目进展</div>
            </div>
            <div v-if="steps == 5" class="four">
              <div>
                <img src="../../../assets/icon/four.png" alt />
              </div>
              <div>上传完成</div>
            </div>
            <div v-else class="fourNo">
              <div>
                <img src="../../../assets/icon/fourNo.png" alt />
              </div>
              <div>上传完成</div>
            </div>
          </div>
          <div class="stepsBottom" v-if="steps == 3">
            <div class="navTop">辅助导航</div>
            <div class="navBottom">
              <div
                class="navTask"
                :class="{
                  isNavTask: isClickColor > 0 && isClickColor == tIndex + 1,
                }"
                v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
                  .taskJson"
                :key="tIndex"
                @click="goToTask(tIndex)"
              >
                <div>任务{{ tIndex + 1 }}</div>
                <div>
                  <el-tooltip effect="light" :content="t.task" placement="top">
                    <span>{{ t.task }}</span>
                  </el-tooltip>
                </div>
                <div
                  class="moveBtn"
                  v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length > 1"
                >
                  <div
                    class="chapter_upload_up"
                    style="width: 15px; height: 15px"
                    @click.stop="taskMove(1, tIndex)"
                  ></div>
                  <div
                    class="chapter_upload_down"
                    style="width: 15px; height: 15px; margin: 2px 0 0"
                    @click.stop="taskMove(2, tIndex)"
                  ></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
        <div style="width: 100%; height: 100%; overflow: auto" ref="stepBox">
          <div class="courseTop">
            <div class="stepsNav">
              <h3 class="info_title" v-if="steps == 1">项目内容填写</h3>
              <h3 class="info_title" v-if="steps == 2">请选择项目框架</h3>
              <h3 class="info_title" v-if="steps == 3">项目内容填写</h3>
              <h3 class="info_title" v-if="steps == 4">项目管理</h3>
              <h3 class="info_title" v-if="steps == 5">上传项目</h3>
              <el-breadcrumb
                separator-class="el-icon-arrow-right"
                style="margin-top: 15px"
              >
                <!-- /studentCourse -->
                <el-breadcrumb-item
                  :to="{
                    path:
                      fpath +
                      '?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
              v-if="steps == 1 || steps == 2 || steps == 3"
              class="stepsWord"
            >
              {{
                steps == 1
                  ? "第一步"
                  : steps == 2
                  ? "第二步"
                  : steps == 3
                  ? cidttt === 0
                    ? "第三步"
                    : "第二步"
                  : ""
              }}
            </div>
          </div>
          <div class="rightBox" v-if="this.steps == 1"  @mousewheel="scrollChange">
            <div class="updateMask" :style="{
              height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
            }" v-if="cid && userid != courseUserid"></div>
            <div class="whiteBg">
              <div class="right_title" :class="{ updateTips: cid && userid != courseUserid }">项目基本信息</div>
              <div class="basic_box">
                <div class="big_box">
                  <div class="left_first">
                    <div>
                      <div>
                        <div class="bInfo_title" style="margin-bottom: 15px">
                          <!-- <span style="color: red">*</span>  -->
                          项目名称
                        </div>
                        <div style="display: flex; margin-right: 20px">
                          <img
                            src="../../../assets/icon/projectName.png"
                            alt
                            style="margin-right: 8px"
                          />
                          <input
                            type="text"
                            placeholder="请输入项目名称"
                            class="binfo_input"
                            v-model="courseName"
                          />
                        </div>
                      </div>
                      <div class="both" v-if="CourseType.length">
                        <div class="choose">
                          <div
                            class="all_choose"
                            v-for="(item, index) in CourseType[0]"
                            :key="index"
                          >
                            <span v-if="CourseTypeJson[item.id].length > 0">{{
                              item.name
                            }}</span>
                            <el-checkbox-group
                              v-model="courseTypeId"
                              v-if="CourseTypeJson[item.id].length > 0"
                            >
                            <!-- @change="updateType(item1)" -->
                              <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; ">
                                                            暂无分类
                                                        </div> -->
                          </div>
                        </div>
                      </div>
                      <div class="subjectBox" v-if="false">
                        <div class="bInfo_title">添加主题</div>
                        <div class="subjectList"></div>
                        <div class="subjectBtn">+ 添加</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="border-radius: 0">
              <div class="right_first">
                <div class="right_title">上传封面与成员</div>
                <div
                  style="
                    padding: 0 0 50px 20px;
                    display: flex;
                    align-items: baseline;
                    justify-content: flex-start;
                    margin: 0 auto;
                  "
                >
                  <div>
                    <div class="bInfo_title" style="margin-top: 0 !important">
                      项目封面
                    </div>
                    <div
                      class="uploadFm"
                      @click="choosePicVisible = true"
                      v-if="cover.length == 0"
                    >
                      <img src="../../../assets/icon/addPoster.png" alt="" />
                    </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
                    style="
                      display: flex;
                      flex-flow: row nowrap;
                      flex-direction: row;
                      flex-wrap: wrap;
                      align-items: baseline;
                      margin: 0 30px;
                    "
                  >
                    <!-- <div style="margin: 0 80px">
                                      <div class="bInfo_title">
                                        选择项目成员
                                      </div>
                                      <div
                                        class="addPeople"
                                        @click="addPP"
                                        v-if="this.checkboxList.length == 0"
                                      >添加成员</div>
                                      <div class="addPeople" @click="addPP" v-else>已添加，点击查看</div>
                                    </div>-->
                    <!-- <div style="margin: 0 30px 0 0">
                                      <div class="bInfo_title">添加班级</div>
                                      <div class="addPeople" @click="dialogVisibleClass = true">
                                        添加班级
                                      </div>
                                    </div> -->
                    <div
                      style="flex: 0.5 1 0%; margin: 0; width: 180px"
                      v-if="courseUserid != '' ? courseUserid == userid : true"
                    >
                      <div class="bInfo_title">协同编辑</div>
                      <div
                        class="addPeople"
                        @click="openMember"
                        style="background: #6b92c9"
                      >
                        添加协同成员
                      </div>
                      <div
                        v-if="checkboxList3.length"
                        style="
                          max-width: 100%;
                          word-break: break-all;
                          overflow: hidden;
                          margin-top: 10px;
                          font-size: 14px;
                          color: #6e6e6e;
                          cursor:pointer
                        "
                        @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>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
              <div class="right_title">项目简要描述</div>
              <div style="width: 95%; padding: 15px 0px 15px 20px">
                <div style="width: 55%">
                  <textarea
                    rows="8"
                    class="binfo_input"
                    cols
                    v-model="courseText"
                    :placeholder="
                      '1、项目内容说明' +
                      '\n' +
                      '2、项目学习知识目标' +
                      '\n' +
                      '3、项目学习技能目标'
                    "
                  ></textarea>
                </div>
              </div>
              <!-- <div style="width: 95%; margin: 15px auto">
                                <el-switch
                                  v-model="isTeacherSee"
                                  active-text="允许给其他老师查看"
                                  style="padding-bottom: 30px"
                                ></el-switch>
                              </div>-->
              <div style="width: 95%; padding: 15px 0px 15px 20px">
                <el-switch
                  v-model="isTeacherSee"
                  active-text="是否公开此项目"
                  style="padding-bottom: 30px"
                ></el-switch>
              </div>
            </div>
            <div
              class="whiteBg"
              style="border-radius: 0; margin-top: 15px; padding-bottom: 20px"
              v-if="false"
            >
              <div class="right_title">目标管理</div>
              <div style="margin: 15px auto; padding: 0 0 0 20px">
                <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 style="margin-right: 15px; min-width: 120px">
                                      请选择评价指标
                                    </div>
                                    <div>
                                      <el-select
                                        v-model="evalua"
                                        placeholder="请选择体系"
                                        @change="checkEva"
                                      >
                                        <el-option
                                          v-for="(e, eIndex) in evaJuri"
                                          :key="eIndex"
                                          :label="e.title"
                                          :value="e.id"
                                        ></el-option>
                                      </el-select>
                                    </div> -->
                    <!-- <div
                                      @click="openT"
                                      class="addPeople"
                                      style="
                                        background: #6b92c9;
                                        margin: 0 0 0 15px;
                                        position: absolute;
                                        right: 23%;
                                      "
                                    >
                                      前往设置目标管理
                                    </div> -->
                    <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_time">
                                          <span>{{ item.time }}</span>
                                        </div> -->
                        <div class="e_card_btn">
                          <span @click="checkEva(item.id)">导入</span>
                          <!-- <span @click="openT">前往设置</span> -->
                        </div>
                      </div>
                      <div class="addEva" @click="openT">
                        <img src="../../../assets/icon/addEva.png" alt="" />
                      </div>
                      <div
                        v-if="evaJuri.length === 0"
                        style="margin: 0 auto; color: #6e6e6e"
                      >
                        暂无数据
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  v-if="evalua"
                  style="
                    border: 1px solid #e5e5e5;
                    width: 95%;
                    margin-top: 30px;
                    box-shadow: 3px 1px 15px 3px #e0e0e0;
                  "
                >
                  <div class="e_add_top">
                    <div class="e_add_title">
                      <span>当前使用目标管理</span>
                      <span>{{ eTitle }}</span>
                      <img
                        src="../../../assets/line.png"
                        class="cru_line"
                        style="
                          width: 125px;
                          height: 20px;
                          bottom: -10px;
                          left: 155px;
                        "
                      />
                      <!-- <el-input
                                        v-model="eTitle"
                                        placeholder="请输入名称"
                                        @change="setMindData"
                                      ></el-input>-->
                    </div>
                  </div>
                  <div class="e_add_content">
                    <div class="e_add_list_pbox">
                      <div class="e_add_list_pbox_title">
                        <span class="type_title">切换模式</span>
                        <div class="type_content">
                          <span
                            :class="{ active: typeMode == 1 }"
                            @click="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-show="typeMode == 1"
                        ></Mind>
                        <Sunburst
                          :Josn="eJson"
                          :num="eJSONNum"
                          style="width: 100%"
                          v-if="typeMode == 2"
                        ></Sunburst>
                        <SeeBoard
                          :Josn="eJson"
                          :num="eJSONNum"
                          :ename="eTitle"
                          style="width: 100%"
                          v-if="typeMode == 3"
                        ></SeeBoard>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="rightBox" v-if="this.steps == 2">
            <div
              class="basic_box"
              style="padding: 20px 30px 0px !important; box-sizing: border-box"
            >
              <!-- <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"
                  v-for="(aa, indexF) in templateArray"
                  :key="indexF"
                  @click="checkTemplate(aa)"
                >
                  <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;
                    "
                  >
                    {{ aa.title }}
                  </div>
                </div>
                <div class="wordTeacher" @click="checkTemplate2()">
                  <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>
          <div class="rightBox" v-if="this.steps == 3" ref="rightboxR">
            <div class="basic_box">
              <div
                style="
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  position: sticky;
                  top: 0;
                  background: #fff;
                  z-index: 99;
                  width: 100%;
                  padding: 0 20px 0 20px;
                  box-sizing: border-box;
                "
              >
                <div class="cru_selectBox">
                  <div
                    v-for="(item, index) in unitJson"
                    :key="index"
                    class="cru_select"
                    :class="unitIndex == index ? 'cru_selected' : ''"
                    @click="unitSet(index)"
                  >
                    第{{ index + 1 }}阶段
                  </div>
                  <img
                    src="../../../assets/line.png"
                    class="cru_line"
                    :style="{
                      left: offsetLetfPx + 'px',
                    }"
                  />
                </div>
                <div class="addStageImg" @click="addunit()">
                  <img src="../../../assets/icon/add.png" alt />
                </div>
              </div>
              <div
                style="margin: 0 0 40px 0; padding: 0 20px 0 20px"
                v-for="(item, index) in unitJson[unitIndex].chapterInfo"
                :key="index"
              >
                <div>
                  <div class="chapter_contentbox">
                    <div>第{{ unitIndex + 1 }}阶段</div>
                    <div>
                      <input
                        type="text"
                        placeholder="阶段标题"
                        class="binfo_input"
                        v-model="unitJson[unitIndex].dyName"
                      />
                    </div>
                    <div
                      v-if="unitJson.length > 1"
                      @click="deleteUnit(unitIndex)"
                    ></div>
                  </div>
                </div>
                <div class="task_add_title">添加任务</div>
                <div
                  class="taskBorder"
                  v-for="(itemTask, itemTaskIndex) in item.taskJson"
                  :key="itemTaskIndex"
                >
                  <div>
                    <div>
                      <div
                        style="font-size: 22px; color: #8e8e8e"
                        :id="'task' + itemTaskIndex"
                      >
                        任务{{ itemTaskIndex + 1 }}
                      </div>
                      <div
                        class="chapter_contentbox"
                        style="
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                          flex-wrap: wrap;
                        "
                      >
                        <div
                          style="
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: center;
                            flex-wrap: wrap;
                            display: flex;
                            width: calc(100% - 115px);
                          "
                        >
                          <div
                            style="
                              flex-direction: row;
                              justify-content: flex-start;
                              align-items: center;
                              display: flex;
                              margin-bottom: 10px;
                            "
                          >
                            <div
                              style="
                                border-left: 6px solid #5699e8;
                                height: 20px;
                                padding: 0 10px;
                                line-height: 22px;
                              "
                            >
                              任务名称
                            </div>
                            <div style="width: auto">
                              <input
                                type="text"
                                placeholder="输入任务名称"
                                class="binfo_input"
                                style="border-radius: 4px"
                                v-model="
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].task
                                "
                              />
                            </div>
                          </div>
                          <div
                            style="
                              flex-direction: row;
                              justify-content: flex-start;
                              align-items: center;
                              display: flex;
                              margin-bottom: 10px;
                            "
                          >
                            <div
                              style="
                                height: 20px;
                                padding: 0 10px 0 16px;
                                line-height: 22px;
                              "
                            >
                              负责人
                            </div>
                            <div style="width: auto">
                              <!-- <input type="text" placeholder="输入负责人" class="binfo_input" style="border-radius: 4px"
                                              v-model="
                                                unitJson[unitIndex].chapterInfo[0].taskJson[
                                                  itemTaskIndex
                                                ].people
                                              " /> -->
                              <el-select
                                v-model="
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].people
                                "
                                placeholder="请选择负责人"
                                clearable
                                filterable
                                @change="
                                  peopleChange(
                                    unitJson[unitIndex].chapterInfo[0].taskJson[
                                      itemTaskIndex
                                    ].people,
                                    itemTaskIndex
                                  )
                                "
                              >
                                <el-option
                                  v-for="item in ManAarray"
                                  :key="item.userid"
                                  :label="
                                    item.name +
                                    (item.type == 1 ? '(老师)' : '(学生)')
                                  "
                                  :value="item.userid"
                                >
                                </el-option>
                              </el-select>
                            </div>
                          </div>
                          <!-- <div class="addPeople" @click="addTcMember(itemTaskIndex)"
                                                        style="background: rgb(107, 146, 201);margin: 0 0 10px 15px;margin-bottom: 10px;width: 100px;">
                                                        {{
                                                        (unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].tcMember
                                                                &&
                                                                unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].tcMember.length)
                                                                ? '已添加' : '添加协同者'
                                                        }}
                                                    </div> -->
                        </div>
                        <div
                          class="remove"
                          v-if="item.taskJson.length > 1"
                          @click="deleteTask(itemTaskIndex)"
                          style="position: absolute; right: 55px"
                        ></div>
                      </div>
                      <div
                        style="
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                          display: flex;
                          margin: 10px 0 15px;
                        "
                      >
                        <div
                          style="
                            height: 20px;
                            padding-left: 16px;
                            line-height: 22px;
                            font-size: 18px;
                          "
                        >
                          协同人员
                        </div>
                        <el-tooltip
                          :content="
                            getMen(
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                                itemTaskIndex
                              ].tcMember
                            )
                          "
                          placement="top"
                          effect="dark"
                          v-if="
                            unitJson[unitIndex].chapterInfo[0].taskJson[
                              itemTaskIndex
                            ].tcMember &&
                            unitJson[unitIndex].chapterInfo[0].taskJson[
                              itemTaskIndex
                            ].tcMember.length
                          "
                        >
                          <div
                            class="tcMember_box"
                            @click="addTcMember(itemTaskIndex)"
                          >
                            <span
                              :class="{ tcMember: getMan(tc) }"
                              v-for="(tc, tcIndex) in unitJson[unitIndex]
                                .chapterInfo[0].taskJson[itemTaskIndex]
                                .tcMember"
                              :key="tcIndex"
                              >{{ getMan(tc) }}</span
                            >
                          </div>
                        </el-tooltip>
                        <div
                          class="tcMember_box"
                          @click="addTcMember(itemTaskIndex)"
                          v-else
                        >
                          <span>点击添加协同成员</span>
                        </div>
                      </div>
                      <div
                        style="
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                          display: flex;
                          margin-top: 10px;
                        "
                      >
                        <div
                          style="
                            height: 20px;
                            padding-left: 16px;
                            line-height: 22px;
                          "
                        >
                          任务起止时间
                        </div>
                        <div style="margin-left: 20px">
                          <el-date-picker
                            v-model="
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                                itemTaskIndex
                              ].time
                            "
                            type="datetimerange"
                            range-separator="至"
                            start-placeholder="开始日期"
                            end-placeholder="结束日期"
                          >
                          </el-date-picker>
                        </div>
                      </div>
                      <div
                        style="
                          display: flex;
                          margin: 0 0 20px 0;
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                          width: 70.5% !important;
                        "
                      >
                        <div class="lineTitle">任务描述</div>
                        <div class="line"></div>
                      </div>
                      <div>
                        <editor-bar
                          style="
                            width: 90% !important;
                            margin: 0;
                            height: 500px;
                          "
                          class="ed_s"
                          placeholder="请输入任务描述"
                          v-model="
                            unitJson[unitIndex].chapterInfo[0].taskJson[
                              itemTaskIndex
                            ].taskDetail
                          "
                          @change="change"
                        ></editor-bar>
                      </div>
                    </div>
                  </div>
                  <div
                    class="basic_box"
                    v-if="false"
                    style="
                      margin: 0;
                      min-height: 0;
                      width: 90% !important;
                      paddint-top: 10px !important;
                    "
                  >
                    <div
                      style="
                        display: flex;
                        margin: 0 0 20px 0;
                        flex-direction: row;
                        justify-content: flex-start;
                        align-items: center;
                      "
                    >
                      <div class="lineTitle">资源库</div>
                      <div class="line"></div>
                    </div>
                    <div>
                      <div
                        class="add_chapters_box"
                        v-if="
                          itemTask.chapterData &&
                          itemTask.chapterData.length == 0
                        "
                        style="height: 185px"
                      ></div>
                      <div
                        v-else
                        class="add_chapters_box"
                        style="display: flex; flex-direction: column"
                      >
                        <div
                          class="chapter_upload"
                          v-for="(item1, index1) in itemTask.chapterData"
                          :key="item1.id"
                          @click="
                            getChapterData(
                              $event,
                              unitIndex,
                              index,
                              index1,
                              item1.type
                            )
                          "
                        >
                          <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_i1"
                              ></div>
                              <div
                                v-if="
                                  item1.type == 3 ||
                                  item1.type == 9 ||
                                  item1.type == 6 ||
                                  item1.type == 7
                                "
                                class="chapter_upload_l_i5"
                                style="margin-left: 1px"
                              ></div>
                              <div
                                v-if="item1.type == 8"
                                class="chapter_upload_l_i8"
                                style="margin-left: 1px"
                              ></div>
                            </div>
                            <div
                              class="chapter_upload_ic"
                              style="
                                cursor: pointer;
                                position: absolute;
                                width: 45px;
                                right: 0;
                                top: 0;
                              "
                            >
                              <div class="chapter_upload_ic_l"></div>
                              <div
                                class="chapter_upload_ic_r"
                                style="position: absolute"
                                @click.stop="
                                  deleteChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    itemTaskIndex
                                  )
                                "
                              >
                                <div></div>
                              </div>
                            </div>
                            <div class="chapter_upload_n">
                              <input
                                v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 9 ||
                                  item1.type == 7
                                "
                                :placeholder="item1.name"
                                @change="
                                  updataVideoT(
                                    $event,
                                    unitIndex,
                                    chapterIndex,
                                    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"
                                style="
                                  border: none;
                                  outline: none;
                                  width: 80%;
                                  white-space: nowrap;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                "
                                readonly="true"
                                @click="selectLine(itemTaskIndex, index1)"
                              />
                              <div
                                class="chapter_upload_ud"
                                style="z-index: 99"
                              >
                                <div
                                  class="chapter_upload_up"
                                  @click="
                                    upCd($event, unitIndex, index, index1)
                                  "
                                ></div>
                                <div
                                  class="chapter_upload_down"
                                  @click="
                                    downCd($event, unitIndex, index, index1)
                                  "
                                ></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="add_info_box">
                      <button class="info_btn" @click="addImg($event)">
                        添加视频
                        <!-- capture="camera" -->
                        <input
                          type="file"
                          accept="video/mp4, video/quicktime, video/x-msvideo"
                          style="display: none"
                          v-if="inputShow"
                          @change="
                            beforeUpload2($event, unitIndex, 2, itemTaskIndex)
                          "
                        />
                      </button>
                      <button class="info_btn" @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="
                            beforeUpload2($event, unitIndex, 3, itemTaskIndex)
                          "
                        />
                      </button>
                      <button
                        class="info_btn"
                        @click="addAttText(itemTaskIndex)"
                      >
                        添加图文
                      </button>
                      <button class="info_btn" @click="openLine(itemTaskIndex)">
                        添加链接
                      </button>
                    </div>
                    <div
                      v-if="
                        unitJson[unitIndex].chapterInfo[0].taskJson[
                          itemTaskIndex
                        ].proVisible
                      "
                      class="mask"
                    >
                      <div class="progressBox">
                        <div class="lbox">
                          <img
                            src="../../../assets/loading.gif"
                          />上传中，请稍后
                        </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 class="toolChoose" style="padding: 0 0 30px 30px">
                    <div class="tools" style="margin-top: 20px">
                      <div
                        class="leftTools"
                        style="
                          width: 95%;
                          padding: 0 0 15px 0;
                          border-bottom: 1px solid #efefef;
                          margin-bottom: 15px;
                        "
                        v-for="(itemTool, toolIndex) in itemTask.toolArray"
                        :key="toolIndex"
                      >
                        <div
                          style="
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            flex-wrap: nowrap;
                            justify-content: flex-start;
                            position: relative;
                          "
                        >
                          <div style="margin-right: 20px; font-weight: bold">
                            步骤 {{ toolIndex + 1 }} ：
                          </div>
                          <div class="chooseWho" style="padding-bottom: 0">
                            <span v-if="itemTool.tool == 1"> 电子白板 </span>
                            <span v-if="itemTool.tool == 3"> 思维导图 </span>
                            <span v-if="itemTool.tool == 6"> 协同文档 </span>
                            <span v-if="itemTool.tool == 15"> 问答工具 </span>
                            <span v-if="itemTool.tool == 48"> 表格 </span>
                            <span v-if="itemTool.tool == 51"> 资源库 </span>
                            <span v-if="itemTool.tool == 52"> 文档 </span>
                            <span v-if="itemTool.tool == 53"> 文件上传 </span>
                            <span v-if="itemTool.tool == 54"> 拍照 </span>
                            <span v-if="itemTool.tool == 55"> 文件 </span>
                            <span v-if="itemTool.tool == 56"> 投票 </span>
                            <span v-if="itemTool.tool == 57"> CocoPi </span>
                          </div>
                          <div
                            class="remove"
                            @click="deleteTool(itemTaskIndex, toolIndex)"
                            v-if="itemTask.toolArray.length > 0"
                            style="position: absolute; right: 55px"
                          ></div>
                        </div>
                        <div v-if="itemTool.tool != 51">
                          <textarea
                            rows="3"
                            type="text"
                            placeholder="添加工具描述"
                            class="binfo_input"
                            style="
                              margin: 20px 0 0;
                              resize: none;
                              width: 71.5% !important;
                            "
                            v-model="itemTool.toolDetail"
                          ></textarea>
                        </div>
                        <div style="margin-top: 10px">
                          <div class="tool" v-if="itemTool.tool == 1">
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(1, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/secondToolList/whiteBoard.png"
                                alt
                              />
                              <div style="margin: 5px 0">电子白板</div>
                            </div>
                          </div>
                          <div class="tool" v-if="itemTool.tool == 3">
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(3, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/secondToolList/mindMapping.png"
                                alt
                              />
                              <div style="margin: 5px 0">思维导图</div>
                            </div>
                          </div>
                          <div class="tool" v-if="itemTool.tool == 6">
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(6, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/secondToolList/doc.png"
                                alt
                              />
                              <div style="margin: 5px 0">协同文档</div>
                            </div>
                          </div>
                          <div class="tool" v-if="itemTool.tool == 15">
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(15, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/thirdToolList/answer.png"
                                alt
                              />
                              <div style="margin: 5px 0">问答工具</div>
                            </div>
                          </div>
                          <div
                            class="tool"
                            v-if="
                              itemTool.tool == 48 && !itemTool.toolPhoto.length
                            "
                          >
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(48, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/fourthToolList/table.png"
                                alt
                              />
                              <div style="margin: 5px 0">表格</div>
                            </div>
                          </div>
                          <div
                            class="tool"
                            v-if="
                              itemTool.tool == 52 && !itemTool.toolPhoto.length
                            "
                            style="position: relative"
                          >
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(52, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/fourthToolList/text.png"
                                alt
                              />
                              <div style="margin: 5px 0">文档</div>
                            </div>
                          </div>
                          <div
                            class="tool"
                            v-if="itemTool.tool == 53"
                            style="position: relative"
                          >
                            <div
                              class="whiteBIcon"
                              :id="itemTaskIndex + '-' + toolIndex"
                              @click="addImg($event)"
                            >
                              <img
                                src="../../../assets/icon/fourthToolList/file.png"
                                alt
                              />
                              <div style="margin: 5px 0">文件上传</div>
                              <input
                                type="file"
                                accept="application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/zip"
                                style="display: none"
                                @change="
                                  beforeUploadCC(
                                    $event,
                                    1,
                                    itemTaskIndex,
                                    toolIndex,
                                    53
                                  )
                                "
                              />
                              <div v-if="itemTool.proVisible" class="mask">
                                <div class="lbox2">
                                  <img src="../../../assets/loading.gif" />
                                </div>
                              </div>
                            </div>
                          </div>
                          <div
                            class="tool"
                            v-if="itemTool.tool == 54"
                            style="
                              display: flex;
                              flex-direction: row;
                              align-items: flex-end;
                            "
                          >
                            <div
                              class="whiteBIcon"
                              :id="itemTaskIndex + '-' + toolIndex"
                              @click="addImg($event)"
                              style="position: relative"
                            >
                              <img
                                src="../../../assets/icon/fourthToolList/photo.png"
                                alt
                              />
                              <div style="margin: 5px 0">拍照</div>
                              <!-- capture="camera" -->
                              <input
                                type="file"
                                accept="video/mp4, video/quicktime, video/x-msvideo,image/*"
                                style="display: none"
                                @change="
                                  beforeUploadCC(
                                    $event,
                                    2,
                                    itemTaskIndex,
                                    toolIndex,
                                    54
                                  )
                                "
                              />
                              <div
                                v-if="itemTool.proVisible"
                                class="mask"
                                style="background: unset"
                                @click.stop="1"
                              >
                                <div class="lbox2"></div>
                              </div>
                            </div>
                            <div
                              v-if="itemTool.proVisible"
                              style="margin: 5px 0"
                              class="f_size_box"
                            >
                              <img src="../../../assets/loading.gif" />
                              <div>
                                <span>{{ itemTool.isFinishSize }}M</span> /
                                <span>{{ itemTool.isAllSize }}M</span>
                              </div>
                              <!-- <el-button type="text">取消</el-button> -->
                            </div>
                          </div>
                          <div
                            class="tool"
                            v-if="itemTool.tool == 55"
                            style="
                              display: flex;
                              flex-direction: row;
                              align-items: flex-end;
                            "
                          >
                            <div
                              class="whiteBIcon"
                              :id="itemTaskIndex + '-' + toolIndex"
                              @click="addImg($event)"
                              style="position: relative"
                            >
                              <img
                                src="../../../assets/icon/fourthToolList/zip.png"
                                alt
                              />
                              <div style="margin: 5px 0">文件</div>
                              <input
                                type="file"
                                accept="*"
                                style="display: none"
                                @change="
                                  beforeUploadCC(
                                    $event,
                                    3,
                                    itemTaskIndex,
                                    toolIndex,
                                    55
                                  )
                                "
                              />
                              <div
                                v-if="itemTool.proVisible"
                                class="mask"
                                style="background: unset"
                                @click.stop="1"
                              >
                                <div class="lbox2"></div>
                              </div>
                            </div>
                            <div
                              v-if="itemTool.proVisible"
                              style="margin: 5px 0"
                              class="f_size_box"
                            >
                              <img src="../../../assets/loading.gif" />
                              <div>
                                <span>{{ itemTool.isFinishSize }}M</span> /
                                <span>{{ itemTool.isAllSize }}M</span>
                              </div>
                              <!-- <el-button type="text">取消</el-button> -->
                            </div>
                          </div>
                          <div class="tool" v-if="itemTool.tool == 56">
                            <div
                              class="whiteBIcon"
                              @click="openToolFun(56, itemTaskIndex, toolIndex)"
                            >
                              <img
                                src="../../../assets/icon/thirdToolList/ask.png"
                                alt
                              />
                              <div style="margin: 5px 0">投票</div>
                            </div>
                          </div>
                          <div v-if="itemTool.tool == 57">
                            <div>
                              <iframe
                                src="https://v.cocorobo.cn"
                                frameborder="0"
                                width="100%"
                                height="650"
                              ></iframe>
                            </div>
                          </div>
                          <div v-if="itemTool.tool == 51">
                            <div class="vedioTaskBox">
                              <div
                                class="box_course"
                                :class="
                                  'box_course' + itemTaskIndex + toolIndex
                                "
                                v-if="itemTool.toolData.length > 0"
                              >
                                <div
                                  class="wheel"
                                  v-if="
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type == 2
                                  "
                                >
                                  <div class="workd_media" style="height: 100%">
                                    <video-player
                                      class="video-player vjs-custom-skin"
                                      :playsinline="true"
                                      :options="
                                        itemTool.toolData[itemTool.sourceIndex]
                                          .src
                                      "
                                      @play="onPlayerPlay($event)"
                                      style="width: 99%; height: 100%"
                                    ></video-player>
                                  </div>
                                </div>
                                <div
                                  class="wheel"
                                  v-if="
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type == 6
                                  "
                                  style="
                                    box-shadow: 0 0 6px 1px #f2f2f2;
                                    width: 99%;
                                    background: #f1f1f1;
                                    height: 650px;
                                  "
                                >
                                  <div class="texttitle">查看文档</div>
                                  <el-form class="textBox">
                                    <el-form-item class="textTitle">
                                      <div
                                        style="
                                          font-size: 22px;
                                          max-height: 100px;
                                          overflow: auto;
                                        "
                                      >
                                        {{
                                          itemTool.toolData[
                                            itemTool.sourceIndex
                                          ].name
                                        }}
                                      </div>
                                    </el-form-item>
                                    <div
                                      v-html="
                                        itemTool.toolData[itemTool.sourceIndex]
                                          .url
                                      "
                                      class="textContent"
                                    ></div>
                                  </el-form>
                                </div>
                                <div
                                  class="wheel"
                                  v-if="
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type == 3
                                  "
                                  style="height: 650px; width: 99%"
                                >
                                  <iframe
                                    style="
                                      width: 100%;
                                      height: 100%;
                                      border: none;
                                    "
                                    :src="
                                      itemTool.toolData[itemTool.sourceIndex]
                                        .src
                                    "
                                  ></iframe>
                                </div>
                                <div
                                  class="wheel"
                                  v-if="
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type == 8
                                  "
                                  style="height: 650px; width: 99%"
                                >
                                  <iframe
                                    style="
                                      width: 100%;
                                      height: 100%;
                                      border: none;
                                    "
                                    :src="
                                      itemTool.toolData[itemTool.sourceIndex]
                                        .src
                                    "
                                    security="restricted"
                                    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"
                                  ></iframe>
                                </div>
                                <div
                                  class="wheel"
                                  v-if="
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type == 9
                                  "
                                  style="height: 650px; width: 99%"
                                >
                                  <pdf
                                    :pdfUrl="
                                      itemTool.toolData[itemTool.sourceIndex]
                                        .url
                                    "
                                    style="
                                      width: 100%;
                                      height: 100%;
                                      overflow: auto;
                                    "
                                  >
                                  </pdf>
                                </div>
                              </div>
                              <div
                                class="vedioList"
                                :class="'vedioList' + itemTaskIndex + toolIndex"
                                v-if="itemTool.toolData.length > 0"
                              >
                                <div class="navTitile">内容列表：</div>
                                <div class="navBox">
                                  <div>
                                    <div
                                      class="vedioTimeBox"
                                      v-for="(
                                        chapter, cIndex
                                      ) in itemTool.toolData"
                                      :key="cIndex + '1'"
                                      @click="setChapterIndex(itemTool, cIndex)"
                                    >
                                      <div
                                        class="vedioName"
                                        :class="{
                                          isClickNav:
                                            itemTool.sourceIndex == cIndex,
                                        }"
                                      >
                                        {{
                                          chapter.type == 8
                                            ? chapter.title
                                            : chapter.name
                                        }}
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div
                              style="padding: 10px 0 0"
                              v-if="itemTool.toolData[itemTool.sourceIndex]"
                            >
                              <el-button
                                v-if="
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 3 ||
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 9
                                "
                                type="primary"
                                @click="
                                  checkFileFull(
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type,
                                    itemTool.toolData[itemTool.sourceIndex].src
                                  )
                                "
                                >全屏查看</el-button
                              >
                              <el-button
                                v-if="
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 3 ||
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 9
                                "
                                type="primary"
                                @click="
                                  downloadFile(
                                    itemTool.toolData[itemTool.sourceIndex].src
                                  )
                                "
                                >文件下载</el-button
                              >
                              <el-button
                                v-if="
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 8
                                "
                                type="primary"
                                @click="
                                  openLineS(
                                    itemTool.toolData[itemTool.sourceIndex].src
                                  )
                                "
                                >打开链接
                              </el-button>
                              <el-button
                                v-if="
                                  itemTool.toolData[itemTool.sourceIndex]
                                    .type == 6
                                "
                                type="primary"
                                @click="
                                  checkFileFull(
                                    itemTool.toolData[itemTool.sourceIndex]
                                      .type,
                                    itemTool.toolData[itemTool.sourceIndex]
                                  )
                                "
                                >全屏查看</el-button
                              >
                              <el-button
                                type="primary"
                                @click="
                                  editSourceUpadte(itemTaskIndex, toolIndex)
                                "
                                >添加资源</el-button
                              >
                            </div>
                          </div>
                        </div>
                        <div
                          v-if="itemTool.toolPhoto.length"
                          style="margin-top: 10px"
                          class="toolimg_box"
                        >
                          <div
                            class="toolimg"
                            v-for="(photo, pIndex) in itemTool.toolPhoto"
                            :key="pIndex"
                            :class="{ answerWidth: photo.type == 3 }"
                          >
                            <img
                              v-if="photo.type == 1"
                              :src="photo.content"
                              alt=""
                              @click="previewImg(photo.content)"
                            />
                            <div class="answerBg" v-if="photo.type == 3">
                              <!-- <div>{{ w.sName }}</div> -->
                              <el-tooltip
                                class="item"
                                effect="light"
                                :content="photo.content"
                                placement="top"
                              >
                                <div class="answerContent">
                                  {{ photo.content }}
                                </div>
                              </el-tooltip>
                            </div>
                            <img
                              v-if="photo.type == 10"
                              src="../../../assets/icon/word2.png"
                              alt=""
                              @click="openToolFun(48, itemTaskIndex, toolIndex)"
                            />
                            <img
                              v-if="photo.type == 4"
                              src="../../../assets/icon/word2.png"
                              alt=""
                              @click="openFile(photo.content)"
                            />
                            <img
                              v-if="photo.type == 12"
                              src="../../../assets/icon/word2.png"
                              alt=""
                              @click="openToolFun(52, itemTaskIndex, toolIndex)"
                            />
                            <img
                              v-if="photo.type == 14"
                              src="../../../assets/icon/word2.png"
                              alt=""
                              @click="
                                openAsk(photo.content, itemTaskIndex, toolIndex)
                              "
                            />
                            <img
                              v-if="photo.type == 13"
                              src="../../../assets/icon/zip.png"
                              alt=""
                              @click="downloadFile(photo.content)"
                            />
                            <img
                              v-if="photo.type == 5"
                              src="../../../assets/icon/isVideo.png"
                              alt=""
                              @click="openVideo(photo.content)"
                            />
                            <img
                              class="deleteImg"
                              src="../../../assets/deleteworks.png"
                              v-if="
                                photo.userid == userid &&
                                itemTool.tool != 52 &&
                                itemTool.tool != 48
                              "
                              @click.stop="deleteWorks(photo.id)"
                              alt
                            />
                            <div class="comment">
                              <div class="worksName">
                                <div
                                  v-if="
                                    itemTool.tool == 52 || itemTool.tool == 48
                                  "
                                >
                                  <el-tooltip
                                    v-if="itemTool.people.length > 1"
                                    :content="itemTool.people.join('、')"
                                    placement="top"
                                    effect="dark"
                                  >
                                    <span>{{
                                      itemTool.people.join("、")
                                    }}</span>
                                  </el-tooltip>
                                  <span v-else>{{
                                    itemTool.people.join("、")
                                  }}</span>
                                </div>
                                <div v-else>{{ photo.username }}</div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div
                          v-if="
                            itemTool.toolPhoto.length && itemTool.tool == 56
                          "
                        >
                          <voteStatic
                            :askJSON="itemTool.askJson"
                            :checkJson="checkJson[toolIndex]"
                          ></voteStatic>
                        </div>
                      </div>
                      <div class="addToolFunBox">
                        <div
                          class="addToolFun"
                          @click="addToolFunD(itemTaskIndex)"
                        >
                          <div class="addToolImg">
                            <img src="../../../assets/icon/add.png" alt />
                          </div>
                          <div>添加工具</div>
                        </div>
                        <!-- <div class="addToolFun" @click="addSourceFunD(itemTaskIndex)">
                                                    <div class="addToolImg">
                                                        <img src="../../../assets/icon/add.png" alt />
                                                    </div>
                                                    <div>添加资源</div>
                                                </div> -->
                      </div>
                    </div>
                  </div>
                  <div class="funBlock" style="padding: 0">
                    <div class="fold" @click="fold(itemTaskIndex, $event, 1)">
                      <div>折叠</div>
                      <div class="arrow">
                        <img src="../../../assets/icon/fold.png" alt />
                      </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 class="addTaskBorder" @click="addTaskBorder">
                  <div>
                    <img src="../../../assets/icon/addHw.png" alt />
                    <span>添加任务</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="rightBox" v-if="steps == 4">
            <div class="proMan">
              <div class="title">
                <img src="../../../assets/icon/task.png" alt />任务进展甘特图
              </div>
              <ganChart :Json="unitJson" v-if="steps == 4"></ganChart>
            </div>
            <div class="proMan">
              <div class="title">
                <img src="../../../assets/icon/tupu.png" alt />图谱
              </div>
              <graph :Json="graphJson"></graph>
            </div>
            <div class="proMan">
              <div class="title">
                <img src="../../../assets/icon/proMan.png" alt />负责人看板
              </div>
              <proMan :Json="unitJson" :ManAarray="ManAarray"></proMan>
            </div>
          </div>
          <div
            style="
              width: calc(100% - 20px);
              background: rgb(255, 255, 255);
              border-radius: 10px;
            "
            v-if="steps == 5"
          >
            <div class="basic_box_success">
              <div class="right_img">
                <img src="../../../assets/icon/qr_code.jpg" v-if="org == '150e3120-9195-11ed-b13d-005056b86db5'" alt />
                <img src="../../../assets/icon/right.png" v-else alt />
              </div>
              <div style="font-weight: bold;margin:10px 0" v-if="org == '150e3120-9195-11ed-b13d-005056b86db5'">请参加双师科创成长营活动的成员</div>
              <div style="font-weight: bold;margin:10px 0" v-if="org == '150e3120-9195-11ed-b13d-005056b86db5'">前往腾讯未来教室小程序活动作品展示栏提交您的作品</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">
            <button
              class="info_btn"
              v-if="steps == 1"
              @click="
                goTo(
                  fpath + '?userid=' + userid + '&oid=' + oid + '&org=' + org + '&role=' + role 
                )
              "
            >
              返回项目
            </button>
            <button
              class="info_btn"
              v-if="steps > 1 && steps != 6"
              @click="lastSteps"
            >
              {{ steps == 5 ? "返回首页" : "上一步" }}
            </button>
            <button class="info_btn" v-if="steps < 5" @click="nextSteps">
              {{
                (steps == 4 && type == 2) || (steps == 3 && type != 2)
                  ? "确认上传"
                  : "下一步"
              }}
            </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
            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"></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="添加项目成员"
      :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="400px"
      height="80%"
      :before-close="handleClose"
      class="addNewPP"
    >
      <div class="people" style="height: 300px">
        <div class="people_top">
          <div class="people_nav">选择班级</div>
        </div>
        <el-checkbox-group v-model="checkboxList2" class="people_name">
          <div v-for="(item, index) in grade" :key="item.id">
            <el-checkbox :label="item.id">
              {{ item.name ? item.name : "暂无班级可选" }}
            </el-checkbox>
            <div>
              <span>{{ index }}</span>
            </div>
          </div>
        </el-checkbox-group>
      </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">选择成员</div>
        </div>
        <div
          class="t_j_box"
          style="
            padding: 20px 0 0 25px;
            width: calc(100% - 55px);
            margin-left: 25px;
          "
        >
          <span>姓名</span>
          <span>身份</span>
          <span>账号</span>
          <span>学校</span>
        </div>
        <el-checkbox-group
          v-model="checkboxList3"
          class="people_name"
          v-if="teacherJuri.length"
        >
          <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>
              <span>{{ item.type == "1" ? "老师" : "学生" }}</span>
              <el-tooltip placement="top" :content="item.username">
                <span>{{ item.username }}</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>
      <div style="margin-top: 10px;">
        <el-pagination
          background
          layout="prev, pager, next"
          :page-size="pageSize"
          :total="total"
          v-if="page && teacherJuri.length"
          style="padding-bottom: 20px"
          @current-change="handleCurrentChange"
        ></el-pagination>
      </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="dialogVisibleTcMember"
      :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">选择成员</div>
        </div>
        <div
          class="t_j_box"
          style="
            padding: 20px 0 0 25px;
            width: calc(100% - 55px);
            margin-left: 25px;
          "
        >
          <span>姓名</span>
          <span>身份</span>
          <span>账号</span>
          <span>学校</span>
        </div>
        <el-checkbox-group
          v-model="tcMember"
          class="people_name"
          v-if="ManAarray2.length"
        >
          <el-checkbox
            v-for="item in ManAarray2"
            :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>
              <span>{{ item.type == "1" ? "老师" : "学生" }}</span>
              <el-tooltip placement="top" :content="item.username">
                <span>{{ item.username }}</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="dialogVisibleTcMember = false">取 消</el-button>
        <el-button type="primary" @click="isAddPPTcTeacher">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="创建问卷"
      :visible.sync="dialogVisible5"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <div
          class="a_add_title"
          style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          "
        >
          <div style="margin-right: 20px; font-size: 20px">标题:</div>
          <el-input
            v-model="askJson.askTitle"
            placeholder="请输入标题"
            style="width: 400px"
          ></el-input>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
          <div
            class="a_add_box"
            v-for="(item1, index1) in askJson.askCount"
            :key="index1"
          >
            <div class="a_add_head">
              <div>
                {{ index1 + 1 + "、" }}
                <el-input
                  class="a_add_head_input"
                  v-model="askJson.askJson[index1].askstitle"
                  placeholder="请输入题目..."
                >
                </el-input>
              </div>
              <div class="a_add_head_div">
                <el-button type="primary" size="small" @click="addAskList()"
                  >添加</el-button
                >
                <el-button
                  type="primary"
                  size="small"
                  @click="deleteAskList(index1)"
                  v-if="askJson.askCount != 1"
                  >删除
                </el-button>
              </div>
            </div>
            <div class="a_add_body">
              <div class="a_add_input">
                <el-input
                  v-for="(item2, checkIndex) in askJson.askJson[index1].askItem"
                  :key="checkIndex"
                  v-model="askJson.askJson[index1].checkList[checkIndex]"
                  placeholder="请输入选项..."
                  style="width: 150px; margin: 10px 10px 0 0"
                ></el-input>
              </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="dialogVisible5 = false">取 消</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="handleClose"
      class="dialog_diy"
    >
      <div>
        <!-- <div class="a_add_title" style="
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            justify-content: center;
                          ">
                          <div style="margin-right: 20px; font-size: 20px">标题:</div>
                          <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
                        </div> -->
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div>
          <div
            class="a_add_box"
            v-for="(item1, index1) in testJson.testCount"
            :key="index1"
          >
            <div class="a_add_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>
                {{ index1 + 1 + "、" }}
                <el-input
                  class="a_add_head_input"
                  v-model="testJson.testJson[index1].teststitle"
                  placeholder="请输入题目..."
                >
                </el-input>
              </div>
              <div class="a_add_head_div">
                <el-button type="primary" size="small" @click="addTestList()"
                  >添加</el-button
                >
                <el-button
                  type="primary"
                  size="small"
                  @click="deleteTestList(index1)"
                  v-if="testJson.testCount != 1"
                  >删除
                </el-button>
              </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"
                >
                  <el-radio
                    v-for="(item2, checkIndex) in testJson.testJson[index1]
                      .testItem"
                    :key="checkIndex"
                    :label="checkIndex"
                  >
                    <el-input
                      v-model="testJson.testJson[index1].checkList[checkIndex]"
                      placeholder="请输入选项..."
                      style="width: 300px; margin-right: 10px"
                    ></el-input>
                  </el-radio>
                </el-radio-group>
                <el-checkbox-group
                  v-model="testJson.testJson[index1].answer"
                  v-if="testJson.testJson[index1].type == '2'"
                >
                  <el-checkbox
                    v-for="(item2, checkIndex) in testJson.testJson[index1]
                      .testItem"
                    :key="checkIndex"
                    :label="checkIndex"
                  >
                    <el-input
                      v-model="testJson.testJson[index1].checkList[checkIndex]"
                      placeholder="请输入选项..."
                      style="width: 300px; margin-right: 10px"
                    ></el-input>
                  </el-checkbox>
                </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="dialogVisibleChoice = false">取 消</el-button>
        <el-button type="primary" @click="addTest">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="添加问答"
      :visible.sync="dialogVisible8"
      :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="dialogVisible8 = false">取 消</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="500px"
      :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>
          <div>
            <el-button
              @click="getAllBanner"
              v-if="isSysPic == false && cover.length == 0"
              >选择系统文件</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>
        </div>
        <div class="fileCss">
          <div>选择本地文件</div>
          <div>选择系统文件</div>
        </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>
      <span slot="footer" class="dialog-footer">
        <el-button @click="sysPicVisible = false">取 消</el-button>
        <el-button type="primary">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="选择填空"
      :visible.sync="dialogVisibleSelect"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div v-if="selectJson">
        <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="" />
                <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">
          <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="" />
              </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="addToolFunBox">
            <div class="addToolFun" @click="addRateList()">
              <div class="addToolImg">
                <img src="../../../assets/icon/add.png" alt />
              </div>
              <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="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div class="sentenBox">
          <div class="addSen" @click="addSt">添加题目</div>
          <div
            v-for="(st, stIndex) in sentenceList"
            :key="stIndex"
            style="padding-bottom: 20px"
          >
            <div class="sentenTopBox">
              <div class="sentenTop">
                <div>题目设置</div>
                <div>
                  <el-input
                    placeholder="请输入卡片内容"
                    v-model="st.sentenceTitle"
                  ></el-input>
                </div>
                <div @click="addSen(stIndex)">添加</div>
              </div>
              <div
                class="remove1"
                v-if="sentenceList.length > 1"
                @click="deleteSentence(stIndex)"
              ></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>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleSentence = false">取 消</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"
          v-if="dialogVisibleTable"
        ></Table>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleTable = false">取 消</el-button>
        <el-button type="primary" @click="addTableJson">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="添加表格"
      :visible.sync="dialogVisibleTable1"
      :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"
          v-if="dialogVisibleTable1"
        ></Table>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleTable1 = false">取 消</el-button>
        <el-button type="primary" @click="addTable">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看表格"
      :visible.sync="dialogVisibleTable2"
      :append-to-body="true"
      width="95%"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div
          class="cont"
          v-html="tableJson.text"
          style="line-height: 24px"
        ></div>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="分组设置"
      :visible.sync="dialogVisibleGroup"
      :append-to-body="true"
      width="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)">
                添加</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-number
            v-model="groupJson.number"
            :controls="false"
            :min="2"
            :max="10"
            placeholder="2-10人以内"
          ></el-input-number>
        </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="dialogVisibleTool"
      :append-to-body="true"
      width="600px"
      :before-close="handleClose"
      class="dialog_diy addToolsDia"
    >
      <div class="toolChoose" style="padding: 0 0 30px 30px">
        <div class="tools">
          <div
            class="leftTools"
            style="
              width: 95%;
              padding: 0 0 15px 0;
              border-bottom: 1px solid #efefef;
              margin-bottom: 15px;
            "
          >
            <div style="min-height: 163px">
              <div class="toolSort">
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(1)">
                    <img
                      src="../../../assets/icon/secondToolList/whiteBoard.png"
                      alt
                    />
                    <div style="margin: 5px 0">电子白板</div>
                  </div>
                </div>
                <div class="tool" v-if="false">
                  <div class="whiteBIcon" @click="addToolFun(6)">
                    <img
                      src="../../../assets/icon/secondToolList/doc.png"
                      alt
                    />
                    <div style="margin: 5px 0">协同文档</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(3)">
                    <img
                      src="../../../assets/icon/secondToolList/mindMapping.png"
                      alt
                    />
                    <div style="margin: 5px 0">思维导图</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(48)">
                    <img
                      src="../../../assets/icon/fourthToolList/table.png"
                      alt
                    />
                    <div style="margin: 5px 0">表格</div>
                  </div>
                </div>
                <!-- <div class="tool">
                                    <div class="whiteBIcon" @click="addToolFun(15)">
                                        <img src="../../../assets/icon/thirdToolList/answer.png" alt />
                                        <div style="margin: 5px 0">问答工具</div>
                                    </div>
                                </div> -->
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(52)">
                    <img
                      src="../../../assets/icon/fourthToolList/text.png"
                      alt
                    />
                    <div style="margin: 5px 0">文档</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(51)">
                    <img
                      src="../../../assets/icon/fourthToolList/upload.png"
                      alt
                    />
                    <div style="margin: 5px 0">资源库</div>
                  </div>
                </div>
                <!-- <div class="tool">
                                    <div class="whiteBIcon" @click="addToolFun(53)">
                                        <img src="../../../assets/icon/fourthToolList/file.png" alt />
                                        <div style="margin: 5px 0">文件上传</div>
                                    </div>
                                </div> -->
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(54)">
                    <img
                      src="../../../assets/icon/fourthToolList/photo.png"
                      alt
                    />
                    <div style="margin: 5px 0">拍照</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(55)">
                    <img
                      src="../../../assets/icon/fourthToolList/zip.png"
                      alt
                    />
                    <div style="margin: 5px 0">文件</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(56)">
                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                    <div style="margin: 5px 0">投票</div>
                  </div>
                </div>
                <div class="tool">
                  <div class="whiteBIcon" @click="addToolFun(57)">
                    <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
                    <div style="margin: 5px 0">CocoPi</div>
                  </div>
                </div>
              </div>
            </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="dialogVisibleSource"
      :append-to-body="true"
      width="700px"
      :before-close="handleClose"
      class="dialog_diy addToolsDia"
    >
      <div class="toolChoose">
        <div class="tools">
          <div class="leftTools" style="width: 100%">
            <div>
              <div class="basic_box">
                <div>
                  <div
                    class="add_chapters_box"
                    v-if="sourcesData.length == 0"
                    style="height: 185px"
                  ></div>
                  <div
                    v-else
                    class="add_chapters_box"
                    style="display: flex; flex-direction: column"
                  >
                    <div
                      class="chapter_upload"
                      v-for="(item, index) in sourcesData"
                      :key="index"
                      @click="getChapterData2($event, index, item.type)"
                    >
                      <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="item.type == 2"
                            class="chapter_upload_l_i1"
                          ></div>
                          <div
                            v-if="
                              item.type == 3 ||
                              item.type == 9 ||
                              item.type == 6 ||
                              item.type == 7
                            "
                            class="chapter_upload_l_i5"
                            style="margin-left: 1px"
                          ></div>
                          <div
                            v-if="item.type == 8"
                            class="chapter_upload_l_i8"
                            style="margin-left: 1px"
                          ></div>
                        </div>
                        <div
                          class="chapter_upload_ic"
                          style="
                            cursor: pointer;
                            position: absolute;
                            width: 45px;
                            right: 0;
                            top: 0;
                          "
                        >
                          <div class="chapter_upload_ic_l"></div>
                          <div
                            class="chapter_upload_ic_r"
                            style="position: absolute"
                            @click.stop="deleteChapterData2($event, index)"
                          >
                            <div></div>
                          </div>
                        </div>
                        <div class="chapter_upload_n">
                          <input
                            v-if="
                              item.type == 2 ||
                              item.type == 3 ||
                              item.type == 9 ||
                              item.type == 7
                            "
                            :placeholder="item.name"
                            @change="updataVideoT2($event, index)"
                            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="item.name"
                            v-if="item.type == 6"
                            style="
                              border: none;
                              outline: none;
                              width: 80%;
                              white-space: nowrap;
                              overflow: hidden;
                              text-overflow: ellipsis;
                            "
                            readonly="true"
                            @click="selectAttText2(index)"
                          />
                          <input
                            :placeholder="item.title ? item.title : '链接'"
                            v-if="item.type == 8"
                            style="
                              border: none;
                              outline: none;
                              width: 80%;
                              white-space: nowrap;
                              overflow: hidden;
                              text-overflow: ellipsis;
                            "
                            readonly="true"
                            @click="selectLine2(index)"
                          />
                          <div class="chapter_upload_ud" style="z-index: 99">
                            <div
                              class="chapter_upload_up"
                              @click="upCd2($event, index)"
                            ></div>
                            <div
                              class="chapter_upload_down"
                              @click="downCd2($event, index)"
                            ></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="add_info_box">
                  <button class="info_btn" @click="addImg($event)">
                    添加视频
                    <!-- capture="camera" -->
                    <input
                      type="file"
                      accept="video/mp4, video/quicktime, video/x-msvideo"
                      style="display: none"
                      v-if="inputShow"
                      @change="beforeUpload3($event, 2)"
                    />
                  </button>
                  <button class="info_btn" @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, 3)"
                    />
                  </button>
                  <button class="info_btn" @click="addAttText()">
                    添加图文
                  </button>
                  <button class="info_btn" @click="openLine()">添加链接</button>
                </div>
                <div v-if="proVisible" class="mask">
                  <div class="progressBox">
                    <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../assets/icon/close.png" alt />
                                        </div> -->
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />上传中，请稍后
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{ isFinishSize }}M</span> /
                      <span>{{ isAllSize }}M</span>
                    </div>
                    <el-progress
                      :text-inside="true"
                      :stroke-width="20"
                      :percentage="progress"
                      style="width: 80%"
                    ></el-progress>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleSource = false">取 消</el-button>
        <el-button type="primary" @click="addSourceData">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看文档"
      :visible.sync="fullDialogVisible"
      :append-to-body="true"
      width="100%"
      :before-close="handleClose"
      :show-close="false"
      class="dialog_diy full_diy"
      :class="{ full_diy2: fulltype == 9 }"
    >
      <div slot="title" class="header-title">
        <div style="color: #fff">查看文档</div>
        <div
          @click="fullDialogVisible = false"
          style="
            cursor: pointer;
            position: absolute;
            top: 20px;
            right: 20px;
            color: #fff;
          "
        >
          退出全屏
        </div>
      </div>
      <div style="height: 100%">
        <iframe
          v-if="fulltype == 3"
          style="width: 100%; height: 100%; border: none"
          :src="fullUrl"
        ></iframe>
        <pdf
          v-else-if="fulltype == 9"
          :pdfUrl="fullUrl"
          style="width: 100%; height: 100%; overflow: auto"
        >
        </pdf>
        <div
          class="wheel"
          v-if="fulltype == 6"
          style="
            box-shadow: 0 0 6px 1px #f2f2f2;
            width: 100%;
            background: #f1f1f1;
          "
        >
          <div class="texttitle" style="width: 100%; box-sizing: border-box">
            查看文档
          </div>
          <el-form class="textBox" style="height: 90%">
            <el-form-item class="textTitle">
              <div style="font-size: 22px; max-height: 100px; overflow: auto">
                {{ fullUrl.name }}
              </div>
            </el-form-item>
            <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
            <div
              v-html="fullUrl.url"
              class="textContent"
              style="height: auto"
            ></div>
          </el-form>
        </div>
      </div>
      <!-- <div slot="footer">
                        <el-button @click="fullDialogVisible = false">关 闭</el-button>
                      </div> -->
    </el-dialog>
    <el-dialog
      title="问答"
      :visible.sync="answerDialogVisible"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <div
          style="
            display: flex;
            flex-wrap: nowrap;
            flex-direction: column;
            position: relative;
          "
        >
          <div class="queTop" style="padding: 20px 0 20px 0">
            <div class="question">
              <img src="../../../assets/icon/question.png" alt />
            </div>
            <div class="queTitle">
              <div style="width: 90px; min-width: 90px">提问：</div>
              <div>{{ answerQ }}</div>
            </div>
          </div>
          <div class="ediBottom">
            <textarea
              rows="6"
              class="binfo_input"
              cols
              style="width: 95%; height: 120px"
              v-model="questionAnswer"
            ></textarea>
          </div>
        </div>
      </div>
      <div slot="footer">
        <el-button @click="answerDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="addQuestion">提 交</el-button>
      </div>
    </el-dialog>
    <el-dialog
      title="文件预览"
      :visible.sync="dialogVisibleFile"
      width="50%"
      :before-close="handleClose"
      class="dialog_diy"
      :class="{ fullStyle: full }"
    >
      <div slot="title" class="header-title">
        <div style="color: #fff">文件预览</div>
        <div style="position: absolute; top: 19px; right: 50px">
          <img
            src="../../../assets/full.png"
            style="height: 16px; cursor: pointer"
            alt=""
            @click="full = !full"
          />
        </div>
      </div>
      <pdf
        v-if="showPDF"
        :pdfUrl="pptImgUrl"
        style="width: 100%; height: 520px; overflow: auto"
        :class="{ fullStyle: full }"
      ></pdf>
      <iframe
        v-else
        :src="pptImgUrl"
        frameborder="0"
        width="100%"
        height="600"
        :class="{ fullStyle: full }"
      ></iframe>
    </el-dialog>
    <el-dialog
      title="添加文档"
      :visible.sync="dialogVisibleText"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div>文档内容</div>
        <editor-bar
          v-model="tableJson.text"
          @change="change"
          v-if="dialogVisibleText"
        ></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleText = false">取 消</el-button>
        <el-button type="primary" @click="addText">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="上传文档"
      :visible.sync="dialogVisibleText3"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div>文档内容</div>
        <EditorBar2
          v-model="tableJson.text"
          @change="change"
          v-if="dialogVisibleText3"
        ></EditorBar2>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleText3 = false">取 消</el-button>
        <el-button type="primary" @click="addTextJson">确定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看文档"
      :visible.sync="dialogVisibleText2"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <el-form>
        <div
          class="cont"
          v-html="tableJson.text"
          style="line-height: 24px"
        ></div>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleText2 = false">关 闭</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看视频"
      :visible.sync="videoVisible"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy1"
    >
      <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
        <video-player
          class="video-player vjs-custom-skin"
          :playsinline="true"
          :options="videoDetail"
          @play="onPlayerPlay($event)"
          style="width: 100%; height: 100%"
        ></video-player>
      </div>
      <div slot="footer">
        <el-button
          style="background: #409efe; color: #fff"
          @click="(videoVisible = false), (videoDetail = {})"
        >
          关 闭</el-button
        >
      </div>
    </el-dialog>
    <el-dialog
      title="创建投票"
      :visible.sync="dialogVisibleVote"
      :append-to-body="true"
      width="800px"
      :before-close="handleClose"
      class="dialog_diy"
    >
      <div>
        <div
          class="a_add_title"
          style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          "
        >
          <div style="margin-right: 20px; font-size: 20px">投票标题:</div>
          <el-input
            v-model="askJson.askTitle"
            placeholder="请输入标题"
            style="width: 400px"
          ></el-input>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7">请输入投票内容</div>
          <div
            class="a_add_box"
            v-for="(item1, index1) in askJson.askCount"
            :key="index1"
          >
            <div class="a_add_head">
              <div>
                {{ index1 + 1 + "、" }}
                <el-input
                  class="a_add_head_input"
                  v-model="askJson.askJson[index1].askstitle"
                  placeholder="请输入内容..."
                >
                </el-input>
              </div>
              <div class="a_add_head_div">
                <el-button type="primary" size="small" @click="addAskList()"
                  >添加</el-button
                >
                <el-button
                  type="primary"
                  size="small"
                  @click="deleteAskList(index1)"
                  v-if="askJson.askCount != 1"
                  >删除
                </el-button>
              </div>
            </div>
            <div class="a_add_body">
              <div class="a_add_input">
                <el-input
                  v-for="(item2, checkIndex) in askJson.askJson[index1].askItem"
                  :key="checkIndex"
                  v-model="askJson.askJson[index1].checkList[checkIndex]"
                  placeholder="请输入投票选项..."
                  style="width: 150px; margin: 10px 10px 0 0"
                ></el-input>
              </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="dialogVisibleVote = false">取 消</el-button>
        <el-button type="primary" @click="addAsk">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看投票"
      :visible.sync="dialogVisibleVote2"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div
          class="a_add_title"
          style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          "
        >
          <div style="margin-right: 20px; font-size: 20px">投票标题:</div>
          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7">投票内容</div>
          <div
            class="a_add_box"
            v-for="(item1, index1) in askJson.askCount"
            :key="index1"
          >
            <div class="a_add_head">
              <div style="display: flex">
                {{ index1 + 1 + "、" }}
                <div>{{ askJson.askJson[index1].askstitle }}</div>
              </div>
              <img
                v-if="askJson.askJson[index1].img"
                :src="askJson.askJson[index1].img"
                style="height: 300px; margin-top: 10px; max-width: 100%"
              />
            </div>
            <div class="a_add_body">
              <div class="a_add_input">
                <el-radio-group v-model="radio[index1]">
                  <el-radio
                    v-for="(item2, checkIndex) in askJson.askJson[index1]
                      .checkList"
                    :key="checkIndex"
                    :label="checkIndex"
                    class="redioStyle"
                    ><span v-html="item2"></span
                  ></el-radio>
                </el-radio-group>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleVote2 = false">取 消</el-button>
        <el-button type="primary" @click="addStudentAsk">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="查看投票"
      :visible.sync="dialogVisibleVote3"
      :append-to-body="true"
      width="1000px"
      :before-close="handleClose"
      class="dialog_diy dialog_diy3"
    >
      <div>
        <div
          class="a_add_title"
          style="
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
          "
        >
          <div style="margin-right: 20px; font-size: 20px">投票标题:</div>
          <div style="font-size: 20px">{{ askJson.askTitle }}</div>
        </div>
        <div class="a_addBox">
          <div style="font-size: 16px; color: #c7c7c7">投票内容</div>
          <div
            class="a_add_box"
            v-for="(item1, index1) in askJson.askCount"
            :key="index1"
          >
            <div class="a_add_head">
              <div style="display: flex">
                {{ index1 + 1 + "、" }}
                <div>{{ askJson.askJson[index1].askstitle }}</div>
              </div>
              <img
                v-if="askJson.askJson[index1].img"
                :src="askJson.askJson[index1].img"
                style="height: 300px; margin-top: 10px; max-width: 100%"
              />
            </div>
            <div class="a_add_body">
              <div class="a_add_input">
                <el-radio-group v-model="radio[index1]">
                  <el-radio
                    v-for="(item2, checkIndex) in askJson.askJson[index1]
                      .checkList"
                    :key="checkIndex"
                    :label="checkIndex"
                    disabled
                    class="redioStyle"
                    ><span v-html="item2"></span
                  ></el-radio>
                </el-radio-group>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleVote3 = false">关 闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>
<script>
import "../../../common/aws-sdk-2.235.1.min.js";
import $ from "jquery";
import EditorBar from "../../../components/tools/wangEnduit";
import EditorBar2 from "../../../components/tools/wangEnduit";
import Table from "../../../components/tools/table";
import voteStatic from "../components/voteStatic.vue";
import TextT from "../../../components/tools/text";
import Mind from "../../tools/jsmind2";
import Sunburst from "../../tools/sunburst";
import SeeBoard from "../../tools/seeBoard";
import proMan from "../components/proMan.vue";
import ganChart from "../components/ganChart.vue";
import graph from "../components/graph.vue";
import pdf from "../components/vpdf";
import * as imageConversion from "image-conversion";
import courseDetailVue from "../courseDetail.vue";
export default {
  components: {
    EditorBar,
    EditorBar2,
    Mind,
    Sunburst,
    SeeBoard,
    Table,
    proMan,
    ganChart,
    graph,
    pdf,
    TextT,
    voteStatic,
  },
  data() {
    return {
      checkAll: false,
      chooseType: 1,
      checkedCities: [],
      isIndeterminate: true,
      isSysPic: false,
      steps: 1,
      nbOrder: 0,
      courseId: "",
      chapToolsType: 0,
      chapTools: [
        {
          tools: [],
          toolDetail: "",
        },
      ],
      line: "",
      lineTitle: "",
      sysPic: [],
      sentenceList: [
        {
          sentenceTitle: "",
          addSentence: [],
          rightAnswer: [],
        },
      ],
      isPushTitleList: [],
      lineCount: 0,
      lineType: 0,
      chapCount: 0,
      courseName: "",
      isTeacherSee: false,
      courseText: "",
      formLabelWidth: "100px",
      choosePicVisible: false,
      sysPicVisible: 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,
      dialogVisibleTcMember: false,
      dialogVisibleMp3: false,
      dialogVisibleSelect: false,
      dialogVisibleSentence: false,
      dialogVisibleRate: false,
      dialogVisibleChoice: false,
      dialogVisibleTool: false,
      dialogVisibleSource: false,
      answerDialogVisible: false,
      dialogVisibleFile: false,
      dialogVisibleText: false,
      dialogVisibleText2: false,
      dialogVisibleText3: false,
      dialogVisibleVote: false,
      dialogVisibleVote2: false,
      dialogVisibleVote3: false,
      videoVisible: false,
      videoDetail: {},
      showPDF: "",
      pptImgUrl: "",
      full: false,
      isClickColor: 0,
      publicTool: 0,
      searchPeople: "",
      searchTN: "",
      tcMember: "",
      userid: this.$route.query.userid,
      oid: this.$route.query.oid,
      org: this.$route.query.org,
      role: this.$route.query.role,
      type: this.$route.query.type,
      cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
      orgArray: ["150e3120-9195-11ed-b13d-005056b86db5"],
      oidArray: [],
      dialogVisibleTable: false,
      dialogVisibleTable1: false,
      dialogVisibleTable2: false,
      tableJson: {
        text: "",
      },
      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: [],
          },
        ],
      },
      testJson: {},
      selectJson: {},
      rateJson: [],
      unitJson2: [],
      unitJson: [
        {
          dyName: "", //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  people: "",
                  time: "",
                  taskDetail: "",
                  chapterData: [],
                  toolText: "",
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [
                        {
                          askstitle: "",
                          askItem: 1,
                          checkList: [],
                        },
                      ],
                    },
                  ],
                  toolArray: [],
                  isShowTools: false,
                  askCount: 1,
                  isFold: 0,
                  askTitle: "",
                  askJson: [
                    {
                      askstitle: "",
                      askItem: 1,
                      checkList: [],
                    },
                  ],
                  checkJson: [
                    {
                      checkCount: [],
                      checkPerent: [],
                    },
                  ],
                  homeworkList: [],
                },
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: [],
            },
          ],
        },
      ],
      studentJuri: [],
      teacherJuri: [],
      teacherJuri2: [],
      checkboxList: [],
      checkboxList2: [],
      checkboxList3: [],
      checkboxListPeople: [],
      number: "",
      tTitle: "",
      tdetail: "",
      templateC: {},
      AttText: {},
      AttTextType: 0,
      AttTextIndex: 0,
      cTemplate: "",
      CourseType: [],
      CourseTypeJson: {},
      courseTypeId: [],
      courseTypeSon: [],
      clearArray: [],
      loading: false,
      toolType: 0,
      inputShow: true,
      toolIndex: 0,
      cidType: 0,
      cidttt: 1,
      answerQ: "",
      questionAnswer: "",
      grade: [],
      courseUserid: "",
      timer: null,
      checkId: "",
      isDelete: 1,
      addindex: 0,
      selectSteps: 1,
      groupJson: {},
      dialogVisibleGroup: false,
      fpath: "",
      ManAarray: [],
      ManAarray2: [],
      proVisible: false,
      progress: 0,
      isFinishSize: 0,
      isAllsize: 0,
      playerOptions: {
        playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
        autoplay: false, //如果true,浏览器准备好时开始回放。
        muted: false, // 默认情况下将会消除任何音频。
        loop: false, // 导致视频一结束就重新开始。
        preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频（如果浏览器支持）
        language: "zh-CN",
        aspectRatio: "16:9", // 将播放器置于流畅模式，并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字（例如"16:9"或"4:3"）
        fluid: true, // 当true时，Video.js player将拥有流体大小。换句话说，它将按比例缩放以适应其容器。
        sources: [
          {
            type: "video/mp4", //这里的种类支持很多种：基本视频格式、直播、流媒体等，具体可以参看git网址项目   || "video/ogg"|| "video/webm"
            src: "", //url地址require("../../assets/media/aaa.mp4")
          },
        ],
        // poster: require("../../assets/tu31.png"), //你的封面地址
        // poster: dataRes.imgUrl, //你的封面地址
        notSupportedMessage: "此视频暂无法播放，请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
        controlBar: {
          timeDivider: true, //当前时间和持续时间的分隔符
          durationDisplay: true, //显示持续时间
          remainingTimeDisplay: false, //是否显示剩余时间功能
          fullscreenToggle: true, //全屏按钮
        },
      },
      sourcesData: [],
      fullDialogVisible: false,
      fulltype: "",
      fullUrl: "",
      editSourceType: 1,
      radio: [],
      checkJson: [],
      graphJson: {},
      rightBoxHeight: 0,
      checkBoolean:false,
      pageSize:20,
      total:0,
      page:0,
    };
  },
  computed: {
    offsetLetfPx: function () {
      //addnum可以直接在模板语法里面用，相当于data内的值
      return (
        $(".cru_select")[this.unitIndex] &&
        $(".cru_select")[this.unitIndex].offsetLeft
      );
    },
    getVideo() {
      //此处不需要携带参数
      return function (url) {
        var d = JSON.parse(JSON.stringify(this.playerOptions));
        d.sources[0].src = url;
        return d;
      };
    },
    getMan() {
      return function (people) {
        let _people = "";
        if (this.ManAarray.length) {
          for (var i = 0; i < this.ManAarray.length; i++) {
            if (this.ManAarray[i].userid == people) {
              _people = this.ManAarray[i].name;
              break;
            }
          }
        }
        return _people ? _people : "";
      };
    },
    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 : "";
      };
    },
    getMen() {
      return function (people) {
        let _people = people;
        let kp = [];
        if (this.ManAarray.length) {
          for (var k = 0; k < _people.length; k++) {
            let person = _people[k];
            for (var i = 0; i < this.ManAarray.length; i++) {
              if (this.ManAarray[i].userid == person) {
                // _people = this.ManAarray[i].name;
                kp.push(this.ManAarray[i].name);
                break;
              }
            }
          }
        }
        return this.ManAarray.length ? (kp.length ? kp.join("、") : "") : "";
      };
    },
  },
  watch: {
    steps(newValue, oldValue) {
      if (newValue == 4) {
        let chapters = this.unitJson;
        let gjson = {
          rootId: "pid",
          nodes: [{ id: "pid", text: "", borderWidth: -1, color: "#128cff" }],
          lines: [],
        };
        gjson.nodes[0].text = this.courseName;
        for (var i = 0; i < chapters.length; i++) {
          let _chapter = chapters[i];
          gjson.nodes.push({
            id: "chap" + i,
            text: "阶段" + (i + 1) + "-" + _chapter.dyName,
            borderWidth: -1,
            color: "#0672e1",
          });
          gjson.lines.push({ from: "pid", to: "chap" + i });
          let tasks = _chapter.chapterInfo[0].taskJson;
          for (var j = 0; j < tasks.length; j++) {
            let _task = tasks[j];
            gjson.nodes.push({
              id: "task" + i + "-" + j,
              text: "任务" + (j + 1) + "-" + _task.task,
              borderWidth: -1,
              color: "#3c59da",
            });
            gjson.lines.push({ from: "chap" + i, to: "task" + i + "-" + j });
            if (_task.people) {
              let _people = "负责人-" + this.getGMan(_task.people);
              gjson.nodes.push({
                id: "people" + i + "-" + j,
                text: _people,
                borderWidth: -1,
                color: "#004d9b",
              });
              gjson.lines.push({
                from: "task" + i + "-" + j,
                to: "people" + i + "-" + j,
              });
              if (_task.tcMember && _task.tcMember.length) {
                for (var tc = 0; tc < _task.tcMember.length; tc++) {
                  let _tc = this.getGMan(_task.tcMember[tc]);
                  if (_tc) {
                    gjson.nodes.push({
                      id: "tc" + i + "-" + j + "-" + tc,
                      text: _tc,
                      borderWidth: -1,
                      color: "#53c5fb",
                    });
                    gjson.lines.push({
                      from: "people" + i + "-" + j,
                      to: "tc" + i + "-" + j + "-" + tc,
                    });
                  }
                }
              }
            }
          }
        }
        this.graphJson = gjson;
      }else if(newValue == 5){
        this.goTo(
          this.fpath +
            "?userid=" +
            this.userid +
            "&oid=" +
            this.oid +
            "&org=" +
            this.org + '&role=' + this.role 
        );
      }
    },
    unitIndex(newValue, oldValue) {
      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++
        ) {
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
          // ) {
          //   this.$message.error("请填写任务名称");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
          // ) {
          //   this.$message.error("请填写负责人");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
          // ) {
          //   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 != "";
                }
              );
          }
          let _task = this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolArray
          for(var _tool = 0;_tool<_task.length;_tool++){
              delete _task[_tool].proVisible
          }
        }
        if (cPan == 2) {
          this.unitIndex = oldValue;
          this.isDelete = 2;
          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 + "updateStudioWorkNew4", params)
          .then((res) => {
            // this.$message({
            //   message: "修改成功",
            //   type: "success",
            // });
            // this.courseId = this.cid;
          })
          .catch((err) => {
            this.$message.error("网络不佳");
            console.error(err);
          });
      }
    },
  },
  methods: {
    handleCurrentChange(val) {
      // console.log(`当前页: ${val}`);
      this.page = val;
      this.getTeacher();
    },
    handleCheckAllChange(val) {
      this.checkedCities = val ? cityOptions : [];
      this.isIndeterminate = false;
    },
    handleCheckedCitiesChange(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.cities.length;
      this.isIndeterminate =
        checkedCount > 0 && checkedCount < this.cities.length;
    },
    addHw(e) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    change(val) {
      console.log(val);
      this.$forceUpdate();
    },
    change2(val) {
      console.log(val);
      this.$forceUpdate();
    },
    handleClose(done) {
      this.videoDetail = {};
      done();
    },
    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;
    },
    lastSteps() {
      if (this.steps == 5) {
        this.goTo(
          this.fpath +
            "?userid=" +
            this.userid +
            "&oid=" +
            this.oid +
            "&org=" +
            this.org + '&role=' + this.role
        );
      } else {
        if (this.cidttt == 0) {
          this.steps--;
          if (this.steps == 1) {
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 0);
          }
        } else {
          if (this.steps == 3) {
            this.steps = 1;
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 0);
          }
          if (this.steps == 4) {
            this.steps--;
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 0);
          }
        }
      }
    },
    navSteps(s) {
      if (this.courseName == "" ) {
        this.$message.error("请将信息填写完整");
        return;
      }
      if (this.cidttt == 0) {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid) {
              if (
                this.checkboxListPeople.join(",") !=
                this.checkboxList3.join(",")
              ) {
                this.updateWork();
              } else {
                this.updateWork2();
              }
            } else {
              this.updateWork();
            }
          }
          this.setMan();
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 0);
        }
        if (s == 2) {
          this.steps = 2;
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 1000);
        }
        if (s == 4 && this.cidType == 0) {
          this.$message.error("请将信息填写完整");
          return;
        } else if (s == 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++
            ) {
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].task
              // ) {
              //   this.$message.error("请填写任务名称");
              //   cPan = 2
              //   break;
              // }
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].people
              // ) {
              //   this.$message.error("请填写负责人");
              //   cPan = 2
              //   break;
              // }
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].time
              // ) {
              //   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 != "";
                    }
                  );
              }
            }
          }
          if (cPan == 2) {
            return;
          }
          if (this.userid != this.courseUserid) {
            if (
              this.checkboxListPeople.join(",") != this.checkboxList3.join(",")
            ) {
              this.updateWork();
            } else {
              this.updateWork2();
            }
          } else {
            this.updateWork();
          }
          this.steps = 4;
        }
      } else {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid) {
              if (
                this.checkboxListPeople.join(",") !=
                this.checkboxList3.join(",")
              ) {
                this.updateWork();
              } else {
                this.updateWork2();
              }
            } else {
              this.updateWork();
            }
          }
          this.setMan();
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 0);
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 1000);
        }
        if (s == 4 && this.cidType == 0) {
          this.$message.error("请将信息填写完整");
          return;
        } else if (s == 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++
            ) {
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].task
              // ) {
              //   this.$message.error("请填写任务名称");
              //   cPan = 2
              //   break;
              // }
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].people
              // ) {
              //   this.$message.error("请填写负责人");
              //   cPan = 2
              //   break;
              // }
              // if (
              //   !this.unitJson[i].chapterInfo[0].taskJson[j].time
              // ) {
              //   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 != "";
                    }
                  );
              }
            }
          }
          if (cPan == 2) {
            return;
          }
          if (this.userid != this.courseUserid) {
            if (
              this.checkboxListPeople.join(",") != this.checkboxList3.join(",")
            ) {
              this.updateWork();
            } else {
              this.updateWork2();
            }
          } else {
            this.updateWork();
          }
          this.steps = 4;
        }
      }
      this.$refs.stepBox.scrollTop = 0;
      this.setVHeight();
    },
    nextSteps() {
      if (this.cidttt == 1) {
        if (this.steps == 1) {
          if (this.courseName != "") {
            this.steps = 3;
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 1000);
            if (this.cid == "" || this.cid == undefined) {
              this.addWork();
            } else {
              if (this.userid != this.courseUserid) {
                if (
                  this.checkboxListPeople.join(",") !=
                  this.checkboxList3.join(",")
                ) {
                  this.updateWork();
                } else {
                  this.updateWork2();
                }
              } else {
                this.updateWork();
              }
            }
          } else {
            this.$message.error("请将信息填写完整");
            return;
          }
          this.setMan();
        } else if (this.steps == 3) {
          if (this.cid == "" || this.cid == undefined) {
            if (this.courseName == "") {
              this.$message.error("请将信息填写完整");
              return;
            } else {
              this.addWork();
              if (this.type != 2) {
                this.steps = 5;
              } else {
                this.steps++;
              }
            }
          } else {
            if (this.courseName == "") {
              this.$message.error("请将信息填写完整");
              return;
            } else {
              if (this.type != 2) {
                this.steps = 5;
              } else {
                this.steps++;
              }
              if (this.userid != this.courseUserid) {
                if (
                  this.checkboxListPeople.join(",") !=
                  this.checkboxList3.join(",")
                ) {
                  this.updateWork();
                } else {
                  this.updateWork2();
                }
              } else {
                this.updateWork();
              }
            }
          }
        } else if (this.steps == 4) {
          if (this.userid != this.courseUserid) {
            this.updateWork2();
            // this.updateWork();
          } 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) {
                if (
                  this.checkboxListPeople.join(",") !=
                  this.checkboxList3.join(",")
                ) {
                  this.updateWork();
                } else {
                  this.updateWork2();
                }
              } else {
                this.updateWork();
              }
            }
            this.steps++;
          } else {
            this.$message.error("请将信息填写完整");
            return;
          }
          this.setMan();
        } 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);
          }, 1000);
        } else if (this.steps == 3) {
          if (this.cid == "" || this.cid == undefined) {
            if (this.courseName == "") {
              this.$message.error("请将信息填写完整");
              return;
            } else {
              this.addWork();
              if (this.type != 2) {
                this.steps = 5;
              } else {
                this.steps++;
              }
            }
          } else {
            if (this.courseName == "") {
              this.$message.error("请将信息填写完整");
              return;
            } else {
              if (this.type != 2) {
                this.steps = 5;
              } else {
                this.steps++;
              }
              if (this.userid != this.courseUserid) {
                if (
                  this.checkboxListPeople.join(",") !=
                  this.checkboxList3.join(",")
                ) {
                  this.updateWork();
                } else {
                  this.updateWork2();
                }
              } else {
                this.updateWork();
              }
            }
          }
        } else if (this.steps == 4) {
          if (this.userid != this.courseUserid) {
            if (
              this.checkboxListPeople.join(",") != this.checkboxList3.join(",")
            ) {
              this.updateWork();
            } else {
              this.updateWork2();
            }
          } else {
            this.updateWork();
          }
          this.steps++;
        }
      }
      this.$refs.stepBox.scrollTop = 0;
      this.setVHeight();
    },
    unitSet(i) {
      this.unitIndex = i;
      // this.$refs.rightboxR.scrollTop = 0;
      this.setVHeight();
    },
    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 (_this.time()) {
        _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 + "deleteStudioWork", params)
        .then((res) => {
          this.$message({
            message: "删除成功",
            type: "success",
          });
          this.unitJson.splice(this.unitIndex, 1);
          this.deleteStudentToolS(this.unitIndex);
          this.unitIndex = this.unitIndex - 1;
        })
        .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;
      //     });
      // }
      var _this = this;
      _this
        .$confirm("确定删除此步骤吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
            itemTaskIndex
          ].toolArray.splice(i, 1);
          this.deleteStudentToolSTT(itemTaskIndex, i);
          _this.$message.success("删除成功");
        })
        .catch(() => {
          return;
        });
    },
    deleteStudentToolSTT(task, tool) {
      let params = [
        {
          cid: this.cid,
          stage: this.unitIndex,
          task: task,
          tool: tool,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "deleteStudioToolSTT", params)
        .then((res) => {})
        .catch((err) => {
          console.error(err);
        });
    },
    deleteStudentToolST(task) {
      let params = [
        {
          cid: this.cid,
          stage: this.unitIndex,
          task: task,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "deleteStudioToolST", params)
        .then((res) => {})
        .catch((err) => {
          console.error(err);
        });
    },
    deleteStudentToolS() {
      let params = [
        {
          cid: this.cid,
          stage: this.unitIndex,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "deleteStudioToolS", params)
        .then((res) => {})
        .catch((err) => {
          console.error(err);
        });
    },
    deleteSentence(i) {
      var _this = this;
      if (_this.time()) {
        _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() {
      window.parent.postMessage(
        {
          tools: "25",
        },
        "*"
      );
    },
    deleteTask(i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm("确定删除此任务吗?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(() => {
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(
              i,
              1
            );
            this.deleteStudentToolST(i);
            _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.noneBtnImg = _tmp.length >= 1;
      this.isSysPic = false;
    },
    addImg(e) {
      var el = e.currentTarget || e;
      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;
    },
    openLine(i) {
      this.line = "";
      this.lineTitle = "";
      // this.lineCount = i;
      this.lineType = 0;
      this.$forceUpdate();
      this.dialogVisible7 = true;
    },
    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) {
              _this.$message.error("上传失败");
            } else {
              _this.cover.push({
                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.push({
        name: "系统图片.png",
        url: p,
      });
      this.imgChange1(null, null, 1, null);
      this.isSysPic = true;
      this.sysPicVisible = false;
    },
    beforeUpload(data) {
      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) {
              _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;
            // 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;
            // loading.close();
            return;
          }
        }
      }
      this.inputShow = false;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].progress = 0;
      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
        itemTaskIndex
      ].proVisible = true;
      if (file) {
        var params = {
          Key:
            file.name.split(".")[0] +
            new Date().getTime() +
            "." +
            file.name.split(".")[file.name.split(".").length - 1],
          ContentType: file.type,
          Body: file,
          "Access-Control-Allow-Credentials": "*",
          ACL: "public-read",
        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
        var options = {
          partSize: 2048 * 1024 * 1024,
          queueSize: 2,
          leavePartsOnError: true,
        };
        bucket
          .upload(params, options)
          .on("httpUploadProgress", function (evt) {
            //这里可以写进度条
            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = parseInt((evt.loaded * 80) / evt.total);
          })
          .send(function (err, data) {
            // loading.close();
            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].progress = 100;
            setTimeout(() => {
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].proVisible = false;
              _this.$forceUpdate();
            }, 1000);
            _this.inputShow = true;
            if (err) {
              _this.$message.error("上传失败");
            } else {
              if (type == 2 || type == 3) {
                if (
                  data.Location.split(".")[
                    data.Location.split(".").length - 1
                  ].toLocaleUpperCase() == "PDF"
                ) {
                  type = 9;
                }
                _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);
            }
          });
      }
    },
    getVideo2(url) {
      var d = JSON.parse(JSON.stringify(this.playerOptions));
      d.sources[0].src = url;
      return d;
    },
    beforeUpload3(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;
            // 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;
            // loading.close();
            return;
          }
        }
      }
      _this.inputShow = false;
      _this.progress = 0;
      _this.proVisible = true;
      _this.isFinishSize = 0;
      _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
      if (file) {
        var params = {
          Key:
            file.name.split(".")[0] +
            new Date().getTime() +
            "." +
            file.name.split(".")[file.name.split(".").length - 1],
          ContentType: file.type,
          Body: file,
          "Access-Control-Allow-Credentials": "*",
          ACL: "public-read",
        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
        var options = {
          partSize: 2048 * 1024 * 1024,
          queueSize: 2,
          leavePartsOnError: true,
        };
        bucket
          .upload(params, options)
          .on("httpUploadProgress", function (evt) {
            //这里可以写进度条
            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
            _this.progress = parseInt((evt.loaded / evt.total) * 100);
            _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
          })
          .send(function (err, data) {
            // loading.close();
            _this.progress = 100;
            _this.isFinishSize = _this.isAllSize;
            setTimeout(() => {
              _this.proVisible = false;
              // _this.dialogVisibleSource = false;
              _this.$forceUpdate();
            }, 1000);
            _this.inputShow = true;
            if (err) {
              _this.$message.error("上传失败");
            } else {
              if (type == 2 || type == 3) {
                var src = "";
                if (
                  data.Location.split(".")[
                    data.Location.split(".").length - 1
                  ].toLocaleUpperCase() == "PDF"
                ) {
                  type = 9;
                }
                if (type == 2) {
                  src = _this.getVideo2(data.Location);
                } else if (type == 3) {
                  src =
                    "https://view.officeapps.live.com/op/view.aspx?src=" +
                    data.Location;
                } else {
                  src = data.Location;
                }
                // _this.unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolArray.push({
                //   tool: 51,
                //   toolDetail: "",
                //   toolPhoto: "",
                //   toolEdit: false,
                //   toolId: _this.guid(),
                //   toolData: {
                //     name: file.name,
                //     url: data.Location,
                //     uid: file.uid,
                //     type: type,
                //     src: src,
                //   }
                // });
                _this.sourcesData.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                  type: type,
                  src: src,
                });
              }
              console.log(data.Location);
            }
          });
      }
    },
    async beforeUploadCC(event, type, task, toolindex, tool) {
      // this.$message.success('进入上传')
      var file = "";
      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 && (file.size / 1024 / 1024) > 100){
          _this.$message.error("上传文件大于100兆,请重新选择文件！");
          return;
      }
      // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = 0;
      _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[
        toolindex
      ].proVisible = true;
      _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[
        toolindex
      ].isFinishSize = 0;
      _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[
        toolindex
      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
      _this.$forceUpdate();
      var b = [
        "DOC",
        "DOCX",
        "DOCM",
        "DOTM",
        "DOTX",
        "PPTX",
        "PPSX",
        "PPT",
        "PPS",
        "PPTM",
        "POTM",
        "PPAM",
        "POTX",
        "PPSM",
      ];
      var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
      var photoA = [
        "BMP",
        "GIF",
        "PNG",
        "JPGE",
        "JPG",
        "TIF",
        "PCX",
        "TGA",
        "EXIF",
        "FPX",
        "SVG",
        "APNG",
      ];
      if (
        photoA.indexOf(
          file.name
            .split(".")
            [file.name.split(".").length - 1].toLocaleUpperCase()
        ) != -1 &&
        type != 4
      ) {
        // const blob = await imageConversion.compress(file, 0.8)
        file = await this.pngToWhiteBg(file);
        const blob = await imageConversion.compressAccurately(file, 256);
        // const blob = await imageConversion.compressAccurately(file, {type:file.type});
        file = new File([blob], file.name, {
          type: file.type,
        });
      }
      if (file) {
        var params = {
          Key:
            file.name.split(".")[0] +
            new Date().getTime() +
            "." +
            file.name.split(".")[file.name.split(".").length - 1],
          ContentType: file.type,
          Body: file,
          "Access-Control-Allow-Credentials": "*",
          ACL: "public-read",
        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
        var options = {
          // partSize: 2048 * 1024 * 1024,
          partSize: 1024 * 1024 * 1024,
          queueSize: 2,
          leavePartsOnError: true,
        };
        bucket
          .upload(params, options)
          .on("httpUploadProgress", function (evt) {
            //这里可以写进度条
            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
            // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = parseInt((evt.loaded * 80) / evt.total);
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
              task
            ].toolArray[toolindex].isFinishSize = (
              evt.loaded /
              1024 /
              1024
            ).toFixed(2);
            _this.$forceUpdate();
          })
          .send(function (err, data) {
            // _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[task].toolArray[toolindex].progress = 100;
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
              task
            ].toolArray[toolindex].isFinishSize =
              _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                task
              ].toolArray[toolindex].isAllSize;
            _this.$forceUpdate();
            setTimeout(() => {
              _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                task
              ].toolArray[toolindex].proVisible = false;
            }, 1000);
            if (err) {
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              _this.$message.error("上传失败");
            } else {
              // _this.$message.success('上传成功')
              var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
              var c = [
                "AVI",
                "NAVI",
                "MPEG",
                "ASF",
                "MOV",
                "WMV",
                "3GP",
                "RM",
                "RMVB",
                "FLV",
                "F4V",
                "H.264",
                "H.265",
                "REAL VIDEO",
                "MKV",
                "WebM",
                "HDDVD",
                "MP4",
                "MPG",
                "M4V",
                "MGV",
                "OGV",
                "QTM",
                "STR",
                "AMC",
                "DVX",
                "EVO",
                "DAT",
                "OGG",
                "OGM",
              ];
              if (type == 1) {
                if (
                  ["ZIP"].indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _this.addCourseWorksS(
                    tool,
                    13,
                    data.Location,
                    task,
                    toolindex
                  );
                } else {
                  _this.addCourseWorksS(
                    tool,
                    4,
                    data.Location,
                    task,
                    toolindex
                  );
                }
              } else if (type == 2) {
                if (
                  c.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _this.addCourseWorksS(
                    tool,
                    5,
                    data.Location,
                    task,
                    toolindex
                  );
                } else {
                  _this.addCourseWorksS(
                    tool,
                    1,
                    data.Location,
                    task,
                    toolindex
                  );
                }
              } else if (type == 3) {
                let _type = 13
                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 = 4;
                } else if (
                  videoA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleUpperCase()
                  ) != -1
                ) {
                  _type = 5;
                } else if (
                  imgA.indexOf(
                    data.Location.split(".")[
                      data.Location.split(".").length - 1
                    ].toLocaleLowerCase()
                  ) != -1
                ) {
                  _type = 1;
                } else {
                  _type = 13;
                }
                _this.addCourseWorksS(tool, _type, data.Location, task, toolindex);
              }
              console.log(data.Location);
              // _this.$message.success('上传成功'+data.Location)
            }
          });
      }
    },
    pngToWhiteBg(file) {
      const _file = file;
      let read = new FileReader();
      read.readAsDataURL(file); // 文件转base64
      return new Promise((resolve, reject) => {
        read.onload = (e) => {
          let img = new Image();
          img.src = e.target.result;
          img.onload = async () => {
            // 生成canvas
            let canvas = document.createElement("canvas");
            let context = canvas.getContext("2d");
            // 绘制图片到canvas上
            canvas.width = img.width;
            canvas.height = img.height;
            // 在canvas绘制前填充白色背景
            context.fillStyle = "#fff";
            context.fillRect(0, 0, canvas.width, canvas.height);
            context.drawImage(img, 0, 0);
            let base64 = canvas.toDataURL(file["type"], 1);
            let newFile = this.dataUrlToFile(base64, _file);
            resolve(newFile);
          };
        };
      });
    },
    dataUrlToFile(dataurl, file) {
      let arr = dataurl.split(","),
        mime = arr[0].match(/:(.*?);/)[1],
        bstr = atob(arr[1]),
        n = bstr.length,
        u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      // return new Blob([u8arr], { type: mime });
      return new File(
        [
          new Blob([u8arr], {
            type: mime,
          }),
        ],
        file.name,
        {
          type: mime,
        }
      );
    },
    addunit() {
      if (this.cid != "") {
        let _unitIndex = this.unitIndex;
        let cPan = 1;
        for (
          var j = 0;
          j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
          j++
        ) {
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
          // ) {
          //   this.$message.error("请填写任务名称");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
          // ) {
          //   this.$message.error("请填写负责人");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
          // ) {
          //   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) {
          return;
        }
      }
      this.unitJson.push({
        dyName: "", //单元标题
        isUpdate: 1,
        chapterInfo: [
          {
            isread: false,
            chapterid: this.guid(),
            title: "",
            courseName: "",
            taskJson: [
              {
                task: "",
                people: "",
                time: "",
                taskDetail: "",
                chapterData: [],
                toolText: "",
                toolChoose: [
                  {
                    tool: [],
                    toolDetail: "",
                    toolType: 0,
                    askCount: 1,
                    askTitle: "",
                    askJson: [
                      {
                        askstitle: "",
                        askItem: 1,
                        checkList: [],
                      },
                    ],
                  },
                ],
                toolArray: [],
                isShowTools: false,
                askCount: 1,
                isFold: 0,
                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;
        this.unitSet(this.unitIndex);
      }, 0);
    },
    addToolFun(tool) {
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //   itemTaskIndex
      // ].toolChoose.push({
      //   tool: [],
      //   toolDetail: "",
      //   toolType: 0,
      //   askCount: 1,
      //   askTitle: "",
      //   askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      // });
      if (tool == 15) {
        this.tableJson.text = "";
        this.dialogVisible8 = true;
      } else if (tool == 48) {
        this.tableJson.text = "";
        this.dialogVisibleTable1 = true;
      } else if (tool == 52) {
        this.tableJson.text = "";
        this.dialogVisibleText = true;
      } else if (tool == 51) {
        this.addSourceFunD(this.taskCount);
      } else if (tool == 56) {
        this.askJson = {
          askCount: 1,
          askTitle: "",
          askJson: [
            {
              askstitle: "",
              askItem: 1,
              checkList: [],
            },
          ],
        };
        this.dialogVisibleVote = true;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolArray.push({
          tool: tool,
          toolDetail: "",
          toolPhoto: "",
          toolEdit: false,
          toolId: this.guid(),
        });
        this.$forceUpdate();
        this.dialogVisibleTool = false;
        if (tool == 1 || tool == 3 || tool == 6) {
          setTimeout(() => {
            this.openToolFun(
              tool,
              this.taskCount,
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                this.taskCount
              ].toolArray.length - 1
            );
          }, 500);
        } else if (tool == 53 || tool == 54 || tool == 55) {
          setTimeout(() => {
            this.addImg(
              document.getElementById(
                this.taskCount.toString() +
                  "-" +
                  (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                    this.taskCount
                  ].toolArray.length -
                    1)
              )
            );
          }, 500);
        }
        this.setPeople(this.unitIndex, this.taskCount, this.userid);
      }
    },
    addToolFunD(itemTaskIndex) {
      this.taskCount = itemTaskIndex;
      this.dialogVisibleTool = true;
    },
    addSourceFunD(itemTaskIndex) {
      this.sourcesData = [];
      this.proVisible = false;
      this.progress = 0;
      this.inputShow = true;
      this.taskCount = itemTaskIndex;
      this.dialogVisibleSource = true;
    },
    setChapterIndex(itemTool, index) {
      itemTool.sourceIndex = index;
      this.setVHeight();
      this.$forceUpdate();
    },
    setVHeight() {
      this.$nextTick(function () {
        setTimeout(() => {
          let task = this.unitJson[this.unitIndex].chapterInfo[0].taskJson;
          for (var j = 0; j < task.length; j++) {
            let tool = task[j].toolArray;
            for (var z = 0; z < tool.length; z++) {
              let _tool = tool[z];
              if (_tool.tool == 51) {
                var a = document.getElementsByClassName("box_course" + j + z)[0]
                  .offsetHeight;
                document.getElementsByClassName(
                  "vedioList" + j + z
                )[0].style.height = a + "px";
              }
            }
          }
        }, 0);
      });
    },
    addSourceData() {
      if (!this.sourcesData.length) {
        this.$message.error("请上传资源");
        return;
      }
      if (this.editSourceType == 1) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolArray.push({
          tool: 51,
          toolDetail: "",
          toolPhoto: "",
          toolEdit: false,
          toolId: this.guid(),
          toolData: JSON.parse(JSON.stringify(this.sourcesData)),
          sourceIndex: 0,
        });
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolArray[this.toolIndex].toolData = JSON.parse(
          JSON.stringify(this.sourcesData)
        );
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolArray[this.toolIndex].sourceIndex = 0;
      }
      let time = new Date()
      let nowTime = this.timestampToTime(time.toLocaleString('en-US',{hour12: false}).split(" "))
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.taskCount
        ].toolArray[this.toolIndex].createTime = nowTime
      this.setPeople(this.unitIndex, this.taskCount, this.userid);
      this.editSourceType = 1;
      this.sourcesData = [];
      this.dialogVisibleSource = false;
      this.dialogVisibleTool = false;
      this.setVHeight();
    },
    timestampToTime(times) {
        let time = times[1]
        let mdy = times[0]
        mdy = mdy.split('/')
        let month = parseInt(mdy[0]) > 9 ? parseInt(mdy[0]) : '0'+parseInt(mdy[0]);
        let day = parseInt(mdy[1]) > 9 ? parseInt(mdy[1]) : '0'+parseInt(mdy[1]);
        let year = parseInt(mdy[2])
        return year + '-' + month + '-' + day + ' ' + time
    },
    openToolFun(tool, taskCount, i) {
      this.taskCount = taskCount;
      this.toolIndex = i;
      if (tool == 48) {
        const array =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
            .toolArray[i].toolPhoto;
        let txt = "";
        if (array.length) {
          txt = JSON.parse(JSON.stringify(array[0].content));
        }
        // for (var l = 0; l < array.length; l++) {
        //     let _uid = array[l].userid
        //     if (_uid == this.userid) {
        //         txt = JSON.parse(JSON.stringify(array[l].content))
        //         break;
        //     }
        // }
        this.tableJson.text = txt
          ? JSON.parse(txt)
          : this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
              .toolArray[i].table
          ? JSON.parse(
              JSON.stringify(
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
                  .toolArray[i].table
              )
            )
          : "";
        // this.tableJson.text = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount].toolArray[i].table ? JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount].toolArray[i].table)) : ''
        this.dialogVisibleTable = true;
      } else if (tool == 15) {
        this.answerQ = JSON.parse(
          JSON.stringify(
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
              .toolArray[i].answerQ
          )
        );
        this.answerDialogVisible = true;
      } else if (tool == 52) {
        const array =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
            .toolArray[i].toolPhoto;
        let txt = "";
        if (array.length) {
          txt = JSON.parse(JSON.stringify(array[0].content));
        }
        // for (var l = 0; l < array.length; l++) {
        //     let _uid = array[l].userid
        //     if (_uid == this.userid) {
        //         txt = JSON.parse(JSON.stringify(array[l].content))
        //         break;
        //     }
        // }
        this.tableJson.text = txt
          ? JSON.parse(txt)
          : JSON.parse(
              JSON.stringify(
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
                  .toolArray[i].text
              )
            );
        this.dialogVisibleText3 = true;
      } else if (tool == 56) {
        const array =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
            .toolArray[i].toolPhoto;
        let txt = JSON.stringify([]);
        for (var l = 0; l < array.length; l++) {
          let _uid = array[l].userid;
          if (_uid == this.userid) {
            txt = JSON.parse(JSON.stringify(array[l].content));
            break;
          }
        }
        this.radio = JSON.parse(txt);
        this.askJson = JSON.parse(
          JSON.stringify(
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
              .toolArray[i].askJson
          )
        );
        this.dialogVisibleVote2 = true;
      } else {
        window.parent.postMessage(
          {
            tools: tool + "studio",
            cid: this.cid,
            stage: this.unitIndex,
            task: taskCount,
            tool: i,
          },
          "*"
        );
        if (tool == 1 || tool == 3 || tool == 6) {
          this.setPeople(this.unitIndex, taskCount, this.userid);
        }
      }
    },
    previewImg(url) {
      this.$hevueImgPreview(url);
    },
    scrollChange() {
      this.rightBoxHeight = $(".rightBox")[0].scrollHeight;
    },
    openTable(content) {
      this.tableJson.text = JSON.parse(content);
      this.dialogVisibleTable2 = true;
    },
    addTaskBorder() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
        task: "",
        people: "",
        time: "",
        taskDetail: "",
        chapterData: [],
        toolText: "",
        toolChoose: [
          {
            tool: [],
            toolDetail: "",
            toolType: 0,
            askCount: 1,
            askTitle: "",
            askJson: [
              {
                askstitle: "",
                askItem: 1,
                checkList: [],
              },
            ],
          },
        ],
        toolArray: [],
        isShowTools: false,
        askCount: 1,
        isFold: 0,
        askTitle: "",
        askJson: [
          {
            askstitle: "",
            askItem: 1,
            checkList: [],
          },
        ],
        checkJson: [
          {
            checkCount: [],
            checkPerent: [],
          },
        ],
        homeworkList: [],
      });
    },
    add(e, i) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    fold(i, e, type) {
      var a = e.currentTarget.parentElement.parentElement;
      var b = e.currentTarget.parentElement;
      if (type == 1) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
        a.className += " smallTaskBorder";
        b.className += " funBlockTop";
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
        a.className = "taskBorder";
        b.className = "funBlock";
      }
      console.log(e);
    },
    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);
        });
    },
    onPlayerPlay() {},
    getTeacher() {
      let params = {
        org:
          this.org && this.org != "undefined" && this.org != "null"
            ? this.org
            : "",
        oid: this.oid,
        cu: "",
        cn: this.searchTN,
        page: this.page,
        pageSize: this.pageSize,
      };
      this.ajax
        .get(
          this.$store.state.api +
            (this.org && this.org != "undefined" && this.org != "null"
              ? "selectUserByOidS2Studio"
              : "selectUserByOidS2Studio"),
          params
        )
        .then((res) => {
          let teacherJuri = res.data[0];
          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
          this.teacherJuri2 = JSON.parse(JSON.stringify(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;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setMan() {
      let _unitJosn = this.unitJson;
      // let teacherJuri = this.teacherJuri2;
      this.ManAarray = [];
      if (this.checkboxList3.indexOf(this.courseUserid) != -1) {
        this.checkboxList3.splice(
          this.checkboxList3.indexOf(this.courseUserid),
          1
        );
      }
      let array = JSON.parse(JSON.stringify(this.checkboxList3));
      if (array.indexOf(this.courseUserid || this.userid) == -1) {
        array.push(this.courseUserid || this.userid);
      }
      for (var i = 0; i < _unitJosn.length; i++) {
        let _chapter = _unitJosn[i].chapterInfo[0].taskJson;
        for (var j = 0; j < _chapter.length; j++) {
          let _task = _chapter[j];
          if (array.indexOf(_task.people) == -1) {
            _task.people = "";
          }

          if (_task.tcMember && _task.tcMember.length) {
            let _tc = _task.tcMember;
            let _tc2 = [];
            for (var k = 0; k < _tc.length; k++) {
              if (array.indexOf(_tc[k]) != -1) {
                _tc2.push(_tc[k]);
              }
            }
            _task.tcMember = _tc2;
          }
        }
      }
      let params = {
        uid: array.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);
        });
    },
    searchStudent() {
      this.getStudent();
    },
    //获取班级列表
    getClass() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectClassBySchool", params)
        .then((res) => {
          this.grade = res.data[0];
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    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("还不能下载图片喔");
      }
    },
    getChapterData2(e, 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();
      this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
    },
    deleteChapterData2(e, ic) {
      e.stopPropagation();
      this.sourcesData.splice(ic, 1);
    },
    updataVideoT(e, i, j, ic) {
      e.stopPropagation();
      this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
        ic
      ].name = e.target.value;
    },
    updataVideoT2(e, ic) {
      e.stopPropagation();
      this.sourcesData[ic].name = e.target.value;
    },
    upCd(e, i, j, ic) {
      e.stopPropagation();
      if (ic == 0) {
        return;
      }
      var a =
        this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
          ic - 1
        ];
      this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
        ic - 1
      ] =
        this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
          ic
        ];
      this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
        a;
    },
    downCd(e, i, j, ic) {
      e.stopPropagation();
      if (
        ic ==
        this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData
          .length -
          1
      ) {
        return;
      }
      var a =
        this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
          ic + 1
        ];
      this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
        ic + 1
      ] =
        this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[
          ic
        ];
      this.unitJson[i].chapterInfo[j].taskJson[this.taskCount].chapterData[ic] =
        a;
    },
    upCd2(e, ic) {
      e.stopPropagation();
      if (ic == 0) {
        return;
      }
      var a = this.sourcesData[ic - 1];
      this.sourcesData[ic - 1] = this.sourcesData[ic];
      this.sourcesData[ic] = a;
      this.$forceUpdate();
    },
    downCd2(e, ic) {
      e.stopPropagation();
      if (ic == this.sourcesData.length - 1) {
        return;
      }
      var a = this.sourcesData[ic + 1];
      this.sourcesData[ic + 1] = this.sourcesData[ic];
      this.sourcesData[ic] = 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++
        ) {
          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 != "";
            });
          }
        }
      }
      if (cPan == 2) {
        if (this.steps != 3) {
          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.replace(/%/g, "%25"),
          brief: this.courseText.replace(/%/g, "%25"),
          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).replaceAll(/%/g, "%25"),
          template: this.cTemplate != "undefined" ? this.cTemplate : "",
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorkNew2", 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.selectCourseDetail();
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    goCourse() {
      window.parent.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++
      ) {
        // if (
        //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].task
        // ) {
        //   this.$message.error("请填写任务名称");
        //   cPan = 2
        //   break;
        // }
        // if (
        //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].people
        // ) {
        //   this.$message.error("请填写负责人");
        //   cPan = 2
        //   break;
        // }
        // if (
        //   !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].time
        // ) {
        //   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) {
        if (this.steps != 3) {
          if (this.type == 2 && this.steps == 5) {
            this.steps == 3;
          } else {
            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 + "updateStudioWorkNew4", params)
        .then((res) => {
          if (
            this.steps != 1 &&
            this.steps != 2 &&
            this.steps != 3 &&
            this.steps != 4
          ) {
            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++
        ) {
          // if (
          //   !this.unitJson[i].chapterInfo[0].taskJson[j].task
          // ) {
          //   this.$message.error("请填写任务名称");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[i].chapterInfo[0].taskJson[j].people
          // ) {
          //   this.$message.error("请填写负责人");
          //   cPan = 2
          //   break;
          // }
          // if (
          //   !this.unitJson[i].chapterInfo[0].taskJson[j].time
          // ) {
          //   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 != "";
            });
          }
        }
      }
      if (cPan == 2) {
        if (this.steps != 3) {
          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.replace(/%/g, "%25"),
          brief: this.courseText.replace(/%/g, "%25"),
          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).replaceAll(/%/g, "%25"),
          template: this.myWord != "undefined" ? this.myWord : [],
          uid: this.userid,
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateStudioWorkNew2", params)
        .then((res) => {
          if (
            this.steps != 1 &&
            this.steps != 2 &&
            this.steps != 3 &&
            this.steps != 4
          ) {
            if (this.cidttt == 1) {
              this.$message({
                message: "修改成功",
                type: "success",
              });
            } else {
              this.$message({
                message: "新增成功",
                type: "success",
              });
            }
          }
          this.checkboxListPeople = JSON.parse(
            JSON.stringify(this.checkboxList3)
          );
          this.number = this.nbOrder;
          this.courseId = this.cid;
        })
        .catch((err) => {
          this.$message.error("网络不佳");
          console.error(err);
        });
    },
    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;
    },
    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;
      // let array = JSON.parse(JSON.stringify(this.checkboxList3))
      // if (array.indexOf(this.courseUserid || this.userid) == -1) {
      //     array.push(this.courseUserid || this.userid)
      // }
      this.setMan();
    },
    isAddPPTcTeacher() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].tcMember = this.tcMember;
      this.dialogVisibleTcMember = false;
    },
    addTcMember(index) {
      this.taskCount = index;
      // this.searchTN = ""
      let tcMember = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        index
      ].tcMember
        ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index].tcMember
        : [];
      const people =
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index].people;
      let ManAarray = JSON.parse(JSON.stringify(this.ManAarray));
      for (var i = 0; i < ManAarray.length; i++) {
        if (ManAarray[i].userid === people) {
          ManAarray.splice(i, 1);
        }
      }
      this.tcMember = tcMember;
      this.ManAarray2 = ManAarray;
      // this.getTeacher();
      this.dialogVisibleTcMember = true;
    },
    peopleChange(people, index) {
      let tcMember = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        index
      ].tcMember
        ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index].tcMember
        : [];
      if (tcMember.indexOf(people) != -1) {
        tcMember.splice(tcMember.indexOf(people), 1);
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index].tcMember =
        tcMember;
    },
    getTemplate() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTStudio", params)
        .then((res) => {
          this.templateArray = res.data[0];
          this.getTemplateOrg();
          this.$forceUpdate();
        })
        .catch((err) => {});
    },
    getTemplateOrg() {
      let params = {
        oid: this.org,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTStudio", params)
        .then((res) => {
          if (res.data[0].length) {
            let ta = res.data[0].filter(el => {
              return el.oid
            });
            this.templateArray = [...ta, ...this.templateArray];
            this.templateArray = this.templateArray.sort(function(a, b) {
              return b.create_at < a.create_at? -1 : 1
            })
          }
          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;
    },
    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);
          }, 1000);
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate1(w) {
      this.steps++;
    },
    checkTemplate2() {
      let _this = this;
      _this
        .$confirm("确定选择空模板吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
        })
        .then(() => {
          _this.unitJson = [
            {
              dyName: "", //单元标题
              chapterInfo: [
                {
                  isread: false,
                  chapterid: this.guid(),
                  title: "",
                  courseName: "",
                  taskJson: [
                    {
                      task: "",
                      people: "",
                      time: "",
                      taskDetail: "",
                      chapterData: [],
                      toolText: "",
                      toolChoose: [
                        {
                          tool: [],
                          toolDetail: "",
                          toolType: 0,
                          askCount: 1,
                          askTitle: "",
                          askJson: [
                            {
                              askstitle: "",
                              askItem: 1,
                              checkList: [],
                            },
                          ],
                        },
                      ],
                      toolArray: [],
                      isShowTools: false,
                      askCount: 1,
                      isFold: 0,
                      askTitle: "",
                      askJson: [
                        {
                          askstitle: "",
                          askItem: 1,
                          checkList: [],
                        },
                      ],
                      checkJson: [
                        {
                          checkCount: [],
                          checkPerent: [],
                        },
                      ],
                      homeworkList: [],
                    },
                  ],
                  itemCount: 1,
                  fileList1: [],
                  video: [],
                  testData: [],
                  pData: [],
                  templateArray: [],
                },
              ],
            },
          ];
          this.steps++;
        })
        .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;
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
      //   tool: 51,
      //   toolDetail: "",
      //   toolPhoto: "",
      //   toolEdit: false,
      //   toolId: this.guid(),
      //   toolData: {
      //     name: this.AttText.title,
      //     url: this.AttText.text,
      //     type: 6,
      //   }
      // });
      this.sourcesData.push({
        name: this.AttText.title,
        url: this.AttText.text,
        type: 6,
      });
      this.dialogVisible6 = false;
      // this.dialogVisibleSource = 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;
    },
    selectAttText2(i) {
      this.AttText.title = this.sourcesData[i].name;
      this.AttText.text = this.sourcesData[i].url;
      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.sourcesData[this.AttTextIndex].name = this.AttText.title;
      this.sourcesData[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;
      let src = "";
      if (
        this.line.indexOf("https://") == -1 &&
        this.line.indexOf("http://") == -1
      ) {
        src = "https://" + this.line;
      } else {
        src = this.line;
      }
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolArray.push({
      //   tool: 51,
      //   toolDetail: "",
      //   toolPhoto: "",
      //   toolEdit: false,
      //   toolId: this.guid(),
      //   toolData: {
      //     name: "链接",
      //     // title: this.lineTitle,
      //     url: this.line,
      //     src: src,
      //     type: 8,
      //   }
      // });
      this.sourcesData.push({
        name: "链接",
        title: this.lineTitle,
        url: this.line,
        src: src,
        type: 8,
      });
      this.dialogVisible7 = false;
      // this.dialogVisibleSource = 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;
    },
    selectLine2(i) {
      this.line = this.sourcesData[i].url;
      this.lineTitle = this.sourcesData[i].title
        ? this.sourcesData[i].title
        : "";
      this.lineCount = i;
      this.lineType = 1;
      this.dialogVisible7 = true;
    },
    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;
      if (!this.lineTitle) {
        this.$message.error("请填写链接标题");
        return;
      }
      this.sourcesData[this.lineCount].url = this.line;
      this.sourcesData[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.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: [],
                answer: [],
                type: "1",
              },
            ],
          };
          this.testJson = 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.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 == 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 == 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.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.dialogVisibleSelect = true;
      }
    },
    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 == 48) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].tableJson
        ) {
          this.openTools(itemTaskIndex, 48, 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 == 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() {
      this.askJson.askJson.push({
        askstitle: "",
        askItem: 1,
        checkList: [],
      });
      this.askJson.askCount++;
    },
    addTestList() {
      this.testJson.testJson.push({
        teststitle: "",
        testItem: 1,
        checkList: [],
        answer: [],
        type: "1",
      });
      this.testJson.testCount++;
    },
    deleteAskList(index) {
      this.askJson.askJson.splice(index, 1);
      this.askJson.askCount--;
    },
    deleteTestList(index) {
      this.testJson.testJson.splice(index, 1);
      this.testJson.testCount--;
    },
    addcheckList(json) {
      json.checkList.length++;
      json.askItem++;
    },
    deletecheckList(json) {
      json.checkList.length--;
      json.askItem--;
    },
    addTcheckList(json) {
      json.checkList.length++;
      json.testItem++;
    },
    deleteTcheckList(json) {
      json.checkList.length--;
      json.testItem--;
    },
    checkTestType(type, json) {
      json.type = type;
      json.answer = [];
    },
    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("填写了选项，题目不能为空！");
              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("选项不能为空！");
                return;
              }
            }
            b++;
            if (index < 2) {
              this.$message.error("填写了的题目，选项至少要有两项！");
              return;
            }
          }
        }
      }
      this.askJson.askJson = this.askJson.askJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return el.askstitle != "" && elc.length != 0;
      });
      this.dialogVisibleTool = false;
      this.dialogVisibleVote = false;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolArray.push({
        tool: 56,
        toolDetail: "",
        toolPhoto: "",
        toolEdit: false,
        toolId: this.guid(),
        askJson: JSON.parse(JSON.stringify(this.askJson)),
      });
      this.setPeople(this.unitIndex, this.taskCount, this.userid);
    },
    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 === "") {
          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("填写了选项，题目不能为空！");
              return;
            } else {
              a++;
            }
          }
          if (b == 1) {
            this.$message.error("至少填写一个问题");
            return;
          }
        } else if (aj[i].teststitle != "") {
          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("选项不能为空！");
                return;
              }
            }
            b++;
            if (index < 2) {
              this.$message.error("填写了的题目，选项至少要有两项！");
              return;
            }
            if (
              (aj[i].type == "2" && !aj[i].answer.length) ||
              (aj[i].type == "1" && aj[i].answer !== 0 && !aj[i].answer)
            ) {
              this.$message.error("有题目未选择答案请选择答案");
              return;
            }
          }
        }
      }
      this.testJson.testJson = this.testJson.testJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return el.teststitle != "" && elc.length != 0;
      });
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].testJson = this.testJson;
      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);
      }
    },
    addAnswer() {
      if (this.answerQ == "") {
        this.$message.error("请输入您想要问的问题");
        return;
      }
      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //   this.taskCount
      // ].toolChoose[this.toolIndex].answerQ = this.answerQ;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolArray.push({
        tool: 15,
        toolDetail: "",
        toolPhoto: "",
        toolEdit: false,
        toolId: this.guid(),
        answerQ: this.answerQ,
      });
      this.setPeople(this.unitIndex, this.taskCount, this.userid);
      this.$forceUpdate();
      this.dialogVisibleTool = false;
      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);
      // }
    },
    addText() {
      if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
        this.$message.error("请填写信息！");
        return;
      }

      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolArray.push({
        tool: 52,
        toolDetail: "",
        toolPhoto: "",
        toolEdit: false,
        toolId: this.guid(),
        text: this.tableJson.text,
      });
      this.setPeople(this.unitIndex, this.taskCount, this.userid);
      this.$forceUpdate();
      this.dialogVisibleTool = false;
      this.dialogVisibleText = false;
      setTimeout(() => {
        //     this.openToolFun(52, this.taskCount, this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        //     this.taskCount
        // ].toolArray.length-1)
        this.toolIndex =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
            .toolArray.length - 1;
        this.addTextJson();
      }, 500);
      // if (
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
      //     .toolChoose[this.toolIndex].tool != 15
      // ) {
      //   this.addTools(15, this.taskCount, this.toolIndex);
      // }
    },
    addTable() {
      if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
        this.$message.error("请填写信息！");
        return;
      }

      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolArray.push({
        tool: 48,
        toolDetail: "",
        toolPhoto: "",
        toolEdit: false,
        toolId: this.guid(),
        table: this.tableJson.text,
      });
      this.setPeople(this.unitIndex, this.taskCount, this.userid);
      this.$forceUpdate();
      this.dialogVisibleTool = false;
      this.dialogVisibleTable1 = false;
      setTimeout(() => {
        //     this.openToolFun(48, this.taskCount, this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        //     this.taskCount
        // ].toolArray.length-1)
        this.toolIndex =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
            .toolArray.length - 1;
        this.addTableJson();
      }, 500);
      // 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;
      }
      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) {
        console.log("这是新增项目");
        this.selectAllType();
        this.cidttt = 0;
      } else {
        this.cidType = 1;
        let params = {
          cid: this.cid,
        };
        this.ajax
          .get(this.$store.state.api + "select_studio_course_detail2", params)
          .then((res) => {
            this.loading = true;
            this.unitJson = JSON.parse(res.data[0][0].chapters);
            for (var j in this.unitJson) {
              for (var i in this.unitJson[j].chapterInfo) {
                this.unitJson[j].chapterInfo[i].taskJson[
                  this.taskCount
                ].toolChoose = this.unitJson[j].chapterInfo[i].taskJson[
                  this.taskCount
                ].toolChoose
                  ? this.unitJson[j].chapterInfo[i].taskJson[this.taskCount]
                      .toolChoose
                  : [];
                for (var k in this.unitJson[j].chapterInfo[i].taskJson) {
                  let _chapterData = [];
                  for (var c in this.unitJson[j].chapterInfo[i].taskJson[k]
                    .chapterData) {
                    if (
                      this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[c]
                    ) {
                      _chapterData.push(
                        this.unitJson[j].chapterInfo[i].taskJson[k].chapterData[
                          c
                        ]
                      );
                    }
                  }
                  this.unitJson[j].chapterInfo[i].taskJson[k].chapterData =
                    _chapterData;
                  let _task = this.unitJson[j].chapterInfo[i].taskJson[k].toolArray
                  for(var _tool = 0;_tool<_task.length;_tool++){
                      delete _task[_tool].proVisible
                  }
                }
              }
            }
            this.courseName = res.data[0][0].title;
            this.courseText = res.data[0][0].brief;
            this.evalua = res.data[0][0].evaId;
            this.cover = JSON.parse(res.data[0][0].cover);
            this.noneBtnImg = this.cover.length >= 1;
            // 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.checkboxList3 = res.data[0][0].course_teacher
              ? res.data[0][0].course_teacher.split(",")
              : [];
            this.checkboxListPeople = 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;
            this.nbOrder = res.data[0][0].ordernumber;
            if (res.data[1].length) {
              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();
            // }, 5000);
            this.$forceUpdate();
            setTimeout(() => {
              this.checkEva(this.evalua);
            }, 0);
          })
          .catch((err) => {
            console.error(err);
          });
      }
    },
    seleteCourseUpdate() {
      let params = {
        cid: this.cid,
      };
      this.ajax
        .get(this.$store.state.api + "select_studio_course_detail", params)
        .then((res) => {
          console.log(res.data[2]);
          let unitJson = this.unitJson;
          let works = res.data[2];
          for (var i = 0; i < unitJson.length; i++) {
            let task = unitJson[i].chapterInfo[0].taskJson;
            for (var j = 0; j < task.length; j++) {
              var tool = task[j].toolArray;
              for (var z = 0; z < tool.length; z++) {
                let _tool = tool[z];
                _tool.toolPhoto = [];
                _tool.people = [];
                this.checkJson[z] = [];
                let checkPeople = 0;
                for (var k = 0; k < works.length; k++) {
                  let _work = works[k];
                  if (
                    _work.stage == i &&
                    _work.task == j &&
                    _work.tool == z &&
                    _work.atool == _tool.tool
                  ) {
                    if (_tool.tool == 48 || _tool.tool == 52) {
                      _tool.toolPhoto[0] = _work;
                      if (_tool.people.indexOf(_work.username) == -1) {
                        _tool.people.push(_work.username);
                      }
                    } else {
                      _tool.toolPhoto.push(_work);
                    }
                    if (_tool.tool == 56) {
                      checkPeople++;
                      var checkL = JSON.parse(_work.content);
                      for (var kz = 0; kz < checkL.length; kz++) {
                        if (!this.checkJson[z][kz]) {
                          this.checkJson[z].push({
                            checkCount: [],
                            checkPerson: [],
                            rightPerson: [],
                          });
                        }
                        if (!this.checkJson[z][kz].checkCount.length) {
                          this.checkJson[z][kz].checkCount = [];
                          let _askItemCount = _tool.askJson.askJson[kz].askItem;
                          for (var aic = 0; aic < _askItemCount; aic++) {
                            this.checkJson[z][kz].checkCount.push(0);
                          }
                        }
                        this.checkJson[z][kz].checkPerson[parseInt(checkL[kz])]
                          ? this.checkJson[z][kz].checkPerson[
                              parseInt(checkL[kz])
                            ].push(_work.username)
                          : (this.checkJson[z][kz].checkPerson[
                              parseInt(checkL[kz])
                            ] = [_work.username]);
                        this.checkJson[z][kz].checkCount[parseInt(checkL[kz])]
                          ? this.checkJson[z][kz].checkCount[
                              parseInt(checkL[kz])
                            ]++
                          : (this.checkJson[z][kz].checkCount[
                              parseInt(checkL[kz])
                            ] = 1);
                      }
                    }
                  }
                }

                for (var kz = 0; kz < this.checkJson[z].length; kz++) {
                  this.checkJson[z][kz].checkPerent = [];
                  let aaaa = this.checkJson[z][kz];
                  console.log(aaaa);
                  for (
                    var kc = 0;
                    kc < this.checkJson[z][kz].checkCount.length;
                    kc++
                  ) {
                    this.checkJson[z][kz].checkPerent.push(
                      Math.round(
                        (this.checkJson[z][kz].checkCount[kc] / checkPeople) *
                          100
                      )
                    );
                  }
                }
              }
            }
          }
          this.$forceUpdate();
          if (this.timer) {
            clearTimeout(this.timer);
            this.timer = null;
          }
          this.timer = setTimeout(() => {
            this.seleteCourseUpdate();
          }, 1000);
        })
        .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 + "restoreStudioWork", 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 + "selectAllTypeStudio", params)
        .then((res) => {
          this.CourseType = res.data;
          let _courseTypeId = [];

          for (var i = 0; i < res.data[0].length; i++) {
            if(res.data[0][i].id == "2f8beae3-d030-11ec-8c78-005056b86abc"){
              res.data[0][i].name = "类型";
            }else if(res.data[0][i].id == "34629ce3-d02f-11ec-8c78-005056b86abc"){
              res.data[0][i].name = "主题";
            }else if(res.data[0][i].id == "34629bcc-d02f-11ec-8c78-005056b86abc"){
              res.data[0][i].name = "对象";
            }
            if (!this.cid) {
              this.courseTypeId[res.data[0][i].id] = "";
            }
            this.CourseTypeJson[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 (
                    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 + "selectStudioType")
        .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] = "";
            }
            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 + "selectStudioTypeByOid", 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 + "selectStudioTypeByOid", 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].unshift(res.data[1][j]);
              }
            }
          }
          this.$forceUpdate();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    OtherMb(type) {
      this.typeMode = type;
      setTimeout(() => {
        this.checkEva(this.checkId);
      }, 0);
    },
    checkEva(id) {
      this.selectEva();
      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();
        }, 500);
      }
    },
    selectEva() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectAllEvaluation", params)
        .then((res) => {
          this.evaJuri = res.data[0];
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setMindData() {
      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();
    },
    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);
        });
    },
    deleteSysPic() {
      this.cover = [];
      this.isSysPic = 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) {
      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("请将信息填写完整！");
          return;
        }
        if (
          this.sentenceList[i].addSentence.length !=
          this.sentenceList[i].rightAnswer.length
        ) {
          this.$message.error("请将信息填写完整！");
          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;
      }
      let params = [
        {
          uid: this.userid,
          cid: this.courseId,
          stage: this.unitIndex,
          task: this.taskCount,
          tool: this.toolIndex,
          content: JSON.stringify(this.tableJson.text).replaceAll(/%/g, "%25"),
          type: 10,
          atool: 48,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorksS", params)
        .then((res) => {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.seleteCourseUpdate();
          this.setPeople(this.unitIndex, this.taskCount, this.userid);
          this.dialogVisibleTable = false;
        })
        .catch((err) => {
          this.$message.error("提交失败");
          console.error(err);
        });
    },
    addStudentAsk() {
      if (!this.radio.length) {
        this.$message.error("请选择选项");
        return;
      }
      for (var i = 0; i < this.askJson.askCount; i++) {
        if (this.radio[i] !== 0 && !this.radio[i]) {
          this.$message.error("请选择选项");
          return;
        }
      }
      let params = [
        {
          uid: this.userid,
          cid: this.courseId,
          stage: this.unitIndex,
          task: this.taskCount,
          tool: this.toolIndex,
          content: JSON.stringify(this.radio),
          type: 14,
          atool: 56,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorksS", params)
        .then((res) => {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.radio = [];
          this.seleteCourseUpdate();
          this.dialogVisibleVote2 = false;
        })
        .catch((err) => {
          this.$message.error("提交失败");
          console.error(err);
        });
    },
    addTextJson() {
      if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
        this.$message.error("请填写信息！");
        return;
      }
      let params = [
        {
          uid: this.userid,
          cid: this.courseId,
          stage: this.unitIndex,
          task: this.taskCount,
          tool: this.toolIndex,
          content: JSON.stringify(this.tableJson.text).replaceAll(/%/g, "%25"),
          type: 12,
          atool: 52,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorksS", params)
        .then((res) => {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.tableJson.text = "";
          this.seleteCourseUpdate();
          this.setPeople(this.unitIndex, this.taskCount, this.userid);
          this.dialogVisibleText3 = false;
        })
        .catch((err) => {
          this.$message.error("提交失败");
          console.error(err);
        });
    },
    setPeople(i, task, uid) {
      if (this.checkboxList3.indexOf(uid) == -1 && uid != this.courseUserid) {
        this.checkboxList3.push(uid);
        this.setMan();
      }
      // debugger
      if (
        this.unitJson[i].chapterInfo[0].taskJson[task].people != uid &&
        (!this.unitJson[i].chapterInfo[0].taskJson[task].tcMember ||
          this.unitJson[i].chapterInfo[0].taskJson[task].tcMember.indexOf(
            uid
          ) == -1)
      ) {
        this.unitJson[i].chapterInfo[0].taskJson[task].tcMember
          ? this.unitJson[i].chapterInfo[0].taskJson[task].tcMember.push(uid)
          : (this.unitJson[i].chapterInfo[0].taskJson[task].tcMember = [uid]);
      }
      this.$forceUpdate();
    },
    goToTask(i) {
      document.getElementsByClassName("rightBox")[0].scrollTop =
        document.getElementsByClassName("taskBorder")[i].offsetTop - 100;
      this.isClickColor = i + 1;
    },
    taskMove(type, index) {
      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();
    },
    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);
    },
    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);
      }
    },
    deleteWorks(id) {
      this.$confirm("确定删除此作业吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          let params = [
            {
              id: id,
            },
          ];
          this.ajax
            .post(this.$store.state.api + "deleteStudentCourseWorkS", params)
            .then((res) => {
              this.$message({
                message: "删除成功",
                type: "success",
              });
              this.seleteCourseUpdate();
            })
            .catch((err) => {
              this.$message.error("网络异常");
              console.error(err);
            });
        })
        .catch(() => {});
    },
    openLineS(url) {
      window.open(url);
    },
    checkFileFull(type, url) {
      this.fullDialogVisible = true;
      this.fulltype = type;
      this.fullUrl = url;
    },
    downloadFile(url) {
      let _this = this;
      let _url = "";
      if (
        url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
      ) {
        _url = url.split(
          "https://view.officeapps.live.com/op/view.aspx?src="
        )[1];
      } else {
        _url = url;
      }
      const x = new XMLHttpRequest();
      x.open("GET", _url, true);
      x.responseType = "blob";
      const loading = _this.$loading.service({
        background: "rgba(255, 255, 255, 0.7)",
        target: document.body,
        text:'文件加载中...'
      });
      // _this.$message.success("文件下载中...");
      x.onload = function (e) {
        loading.close();
        // const url = window.URL.createObjectURL(x.response);
        // const a = document.createElement("a");
        // a.href = url;
        // a.target = "_blank";
        // a.download = url;
        // a.click();
        // a.remove();
        let content = x.response;
        let elink = document.createElement("a");
        elink.download = decodeURI(
          _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
        );
        elink.style.display = "none";
        let blob = new Blob([content]);
        elink.href = URL.createObjectURL(blob);
        document.body.appendChild(elink);
        elink.click();
        document.body.removeChild(elink);
      };
      x.send();
    },
    editSourceUpadte(taskCount, index) {
      this.taskCount = taskCount;
      this.toolIndex = index;
      this.editSourceType = 2;
      this.sourcesData = JSON.parse(
        JSON.stringify(
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
            .toolArray[index].toolData
        )
      );
      this.proVisible = false;
      this.progress = 0;
      this.inputShow = true;
      this.dialogVisibleSource = true;
    },
    addQuestion() {
      let params = [
        {
          uid: this.userid,
          cid: this.courseId,
          stage: this.unitIndex,
          task: this.taskCount,
          tool: this.toolIndex,
          content: this.questionAnswer.replaceAll(/%/g, "%25"),
          type: 3,
          atool: 15,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorksS", params)
        .then((res) => {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.questionAnswer = "";
          this.answerDialogVisible = false;
          this.seleteCourseUpdate();
        })
        .catch((err) => {
          this.$message.error("提交失败");
          console.error(err);
        });
    },
    addCourseWorksS(tool, type, content, task, toolindex) {
      let params = [
        {
          uid: this.userid,
          cid: this.courseId,
          stage: this.unitIndex,
          task: task,
          tool: toolindex,
          content: content,
          type: type,
          atool: tool,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addStudioCourseWorksS", params)
        .then((res) => {
          this.$message({
            message: "提交成功",
            type: "success",
          });
          this.setPeople(this.unitIndex, task, this.userid);
          this.seleteCourseUpdate();
        })
        .catch((err) => {
          this.$message.error("提交失败");
          console.error(err);
        });
    },
    openFile(f) {
      this.pptImgUrl = "";
      var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
      if (
        a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
        -1
      ) {
        this.pptImgUrl =
          "https://view.officeapps.live.com/op/view.aspx?src=" + f;
        this.showPDF = false;
        this.dialogVisibleFile = true;
      } else if (
        f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
      ) {
        this.pptImgUrl = f;
        this.showPDF = true;
        this.dialogVisibleFile = true;
      }
    },
    openText(f) {
      this.tableJson.text = JSON.parse(f);
      this.dialogVisibleText2 = true;
    },
    openAsk(f, taskCount, i) {
      this.askJson = JSON.parse(
        JSON.stringify(
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[taskCount]
            .toolArray[i].askJson
        )
      );
      this.radio = JSON.parse(f);
      this.dialogVisibleVote3 = true;
    },
    openMember() {
      this.searchTN = "";
      this.page = 1
      this.getTeacher();
      this.dialogVisibleMember = true;
    },
    updateType(sid) {
      var a = this.courseTypeId;
      var a1 = JSON.parse(JSON.stringify(this.courseTypeId));
      var c = [];
      var b = sid.pid;
      var d = [];
      // for (var i = 0; i < this.CourseType[1].length; i++) {
      //   if (this.CourseType[1][i].id == sid) {
      //     b = this.CourseType[1][i].pid;
      //   }
      // }
      for (var j = 0; j < this.CourseTypeJson[b].length; j++) {
        d.push(this.CourseTypeJson[b][j].id);
      }
      for (var i = 0; i < a.length; i++) {
        if (d.indexOf(a[i]) == -1) {
          c.push(a[i]);
        }
      }
      c.push(sid.id);
      this.courseTypeId = c;
    },
    openVideo(w) {
      this.videoDetail = JSON.parse(JSON.stringify(this.playerOptions));
      this.videoDetail.sources[0].src = w;
      this.videoVisible = true;
    },
    getGMan(people) {
      let _people = "";
      if (this.ManAarray.length) {
        for (var i = 0; i < this.ManAarray.length; i++) {
          if (this.ManAarray[i].userid == people) {
            _people = this.ManAarray[i].name;
            break;
          }
        }
      }
      return _people ? _people : "无";
    },
  },
  beforeDestroy() {
    clearTimeout(this.timer);
    this.timer = null;
  },
  beforeRouteLeave(to, from, next) {
    clearTimeout(this.timer);
    this.timer = null;
    next();
  },
  beforeRouteEnter(to, from, next) {
    next((vm) => {
      vm.fpath = from.path;
    });
  },
  created() {
    this.getStudent();
    this.getTeacher();
    this.getClass();
    this.getTemplate();
    // this.selectEva();
    this.loading = false;
    setTimeout(() => {
      this.selectCourseDetail();
      // this.selectEva();
    }, 500);
  },
};
</script>
<style scoped>
@media screen and (max-width: 1280px) {
  .mbCss {
    flex-direction: column !important;
  }

  .pjCss {
    width: 100% !important;
  }

  .evaCss {
    width: 100% !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;
}

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

.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: 100%;
  display: flex;
  justify-content: space-evenly;
  margin: 10px 0 10px 0;
}

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

.wordTeacher {
  display: flex;
  flex-direction: column;
  width: 20%;
  text-align: center;
  font-size: 14px;
  margin: 30px 30px 0 10px;
  background: #fff;
  position: relative;
  border-radius: 5px;
  padding: 25px 0px;
}

.wordPic {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  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: 24px 0 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: auto;
  position: relative;
  height: 47px;
}

.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: 125px;
  margin-left: -25px;
}

.cru_select {
  font-size: 21px;
  margin-right: 37px;
  margin-left: 5px;
  cursor: pointer;
  color: #a6a6a6;
}

.cru_selected {
  color: #0b7fc2 !important;
}

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

.chapter_contentbox > div:nth-child(1) {
  /* width: 150px; */
  margin: 0px;
  /* font-size: 2em; */
  color: black;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* font-weight: 600; */
  margin-right: 20px;
  font-size: 18px;
}

.chapter_contentbox > div:nth-child(2) {
  width: 380px;
}

.chapter_contentbox > div:nth-child(3),
.remove {
  background-image: url("../../../assets/remove.png");
  cursor: pointer;
  opacity: 0.5;
  width: 40px !important;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 5px 10px;
}

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

.binfo_input {
  font: inherit;
  color: currentColor;
  width: 100%;
  margin: 0;
  /* padding: 15px 14px; */
  padding: 8px 14px;
  display: block;
  min-width: 0;
  outline: none;
  box-sizing: content-box;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  font-size: 18px;
}

.binfo_input:focus-visible {
  border: 1px solid rgba(61, 103, 188);
}

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

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

.add_chapters_box {
  text-align: left;
  background-color: rgb(232 234 237);
  width: 100%;
  padding: 0px 15px;
  border-radius: 15px;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
  padding: 0 10px 5px 10px;
  height: 185px;
  overflow-y: auto;
  overflow-x: hidden;
}

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

.left_first {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.right_first {
  width: 100%;
  height: 100%;
  margin-top: 15px;
}

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

.addNewPP>>>.el-dialog{
  margin-top:5vh !important;
}
.people {
  border: 1px solid rgb(229 229 229);
  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 25px 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: 95%;
}

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

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

.people_name {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0 0 25px;
  flex-direction: column;
  flex-wrap: nowrap;
  height: calc(100% - 140px);
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
}

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

.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 {
  height: 50px;
  margin-top: 12px;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
}

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

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

.chapter_upload_ic {
  height: 30px;
  float: right;
}

.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_r {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 0px;
  display: flex;
  align-items: center;
}

.chapter_upload_ic_r div {
  width: 25px;
  height: 25px;
  background-image: url("../../../assets/delete.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;
}

.chapter_upload_l_i1 {
  background-image: url("../../../assets/icon/video.png");
  width: 28px;
  height: 28px;
  background-size: 100% 100%;
}

.chapter_upload_l_i5 {
  background-image: url("../../../assets/icon/word.png");
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
}

.chapter_upload_l_i8 {
  background-image: url("../../../assets/icon/line.png");
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
}

.chapter_upload_ud {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  justify-content: center;
}

.chapter_upload_up {
  background-image: url("../../../assets/icon/up.png");
  width: 17px;
  height: 15px;
  background-size: 100% 100%;
  cursor: pointer;
}

.chapter_upload_down {
  background-image: url("../../../assets/icon/down.png");
  width: 17px;
  height: 15px;
  margin: 2px auto 0 auto;
  background-size: 100% 100%;
  cursor: pointer;
}

.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;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  width: 300px;
  margin: 0 25px 0 0;
}

.stepTop {
  min-width: 300px;
  width: 300px;
  /* border-radius: 10px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  background: #fff;
  /* top: 18%; */
}

.stepTop > div {
  height: 80px;
  width: 85%;
  cursor: pointer;
  margin: 10px 0;
  border-radius: 10px;
}

.first,
.second,
.third,
.four {
  background: #4a83d0;
  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;
  margin-top: 20px;
}

.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: 25px;
  min-height: 25px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

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

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

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

.isHeight {
  height: 680px;
}

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

.tool {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: fit-content;
  margin: 10px 0 10px 0;
  align-items: center;
}

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

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

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

.check {
  /* width: 20px;
      height: 20px; */
  cursor: pointer;
  margin: 10px 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: 10px;
}

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

.a_add_checkType {
  margin-top: 10px;
  display: flex;
  font-size: 16px;
}

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

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

.a_add_body {
  display: flex;
  /* align-items: center; */
  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: 10px 0 0 0;
}

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

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

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

.all_choose > span {
  min-width: 80px;
  width: 80px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align-last: justify;
  margin-right: 10px;
}

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

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

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

.subjectList {
}

.subjectBtn {
  margin-left: 10px;
  border-radius: 5px;
  border: 1px dashed #bfbfbf;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 14px;
  color: #545454;
}

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

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

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

.chooseWho {
  display: flex;
  width: 380px;
  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: 45px;
}

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

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

.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 #e1e1e1;
  border-radius: 10px;
  margin-top: 20px;
  min-height: 690px;
  position: relative;
  background: #fbfbfb;
}

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

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

.addTaskBorder {
  border: 2px solid #e1e1e1;
  border-radius: 10px;
  margin-top: 25px;
  cursor: pointer;
}

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

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

.addTaskBorder > div > span {
  font-size: 23px;
  color: #dbdbdb;
}

.task_add_title {
  margin: 50px 0px 10px;
  font-size: 1.5em;
  font-weight: 700;
  color: #0f7eff;
}

.task_add_title::after {
  content: "提示：建议不要多账户同时编辑同一个任务";
  font-size: 14px;
  margin-left: 5px;
  font-weight: 400;
  color: #ff3a3a;
}

.funBlock {
  display: flex;
  padding: 15px 0;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 15px;
  bottom: 35px;
}

.fold {
  display: flex;
  margin: 0 10px;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}

.arrow {
  width: 15px;
  height: 15px;
  margin-left: 10px;
}

.addToolFunBox {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 35px;
}

.addToolFun + .addToolFun {
  margin-left: 10px;
}

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

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

.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: 60px !important;
}

.elist_title {
  margin-bottom: 10px;
}

.elist_input {
}

.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: 200px; */
  max-width: 200px;
  padding: 8px 14px;
  display: block;
  min-width: 0;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 20px 0 0;
}

.elist_input .elist_input_box span {
  height: 36px;
  line-height: 36px;
  color: rgb(82, 82, 82);
  min-width: 80px;
}

.elist_input .elist_input_box .remove {
  height: 20px;
  width: 20px;
  background-size: 100% 100%;
  background-position: unset;
  margin-left: 5px;
}

.elist_input_box >>> .el-rate {
  display: flex;
  height: 36px;
  align-items: center;
}

.elist_input_box .elist_inptu_text {
  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;
}

.courseTop {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /* width: 100%; */
  width: calc(100% - 20px);
  /* background: rgb(255, 255, 255); */
  /* border-radius: 10px; */
  padding: 20px 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;
}

.rightBox {
  width: calc(100% - 20px);
  background: rgb(255, 255, 255);
  border-radius: 10px;
  overflow: auto;
  height: calc(100% - 130px);
  position: relative;
}

.e_add_top {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
  border-radius: 3px;
  background: #fff;
}

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

.e_add_title2 span {
  width: 40px;
}

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

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

.e_add_title .el_input {
  width: 300px;
}

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

.e_add_btn {
}

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

.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;
  margin-top: 1.5%;
}

.e_box {
  display: flex;
  flex-wrap: wrap;
  max-height: 500px;
  align-items: flex-start;
  overflow: auto;
}

.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: 202px;
  height: 102px;
  position: relative;
  cursor: pointer;
}

.uploadFm > img {
  position: absolute;
  top: 25px;
  left: 35%;
  width: 50px;
}

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

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

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

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

.select_box2 {
}

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

.select_box2_box {
  display: flex;
  height: 500px;
}

.select_box2_img {
  width: calc(100% - 310px);
  height: 100%;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
}

.select_box2_img img {
  width: 100%;
}

.select_box2_answer {
  background: #fff;
  margin-left: 10px;
  border-radius: 5px;
  width: 300px;
  overflow: auto;
  height: 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;
}

.mask2 {
  position: fixed !important;
  z-index: 999999;
}

.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 .lbox {
  height: 80px;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.progressBox .lbox img {
  width: 40px;
  margin-right: 20px;
}

.progressBox >>> .el-progress-bar__outer {
  background-color: #d1dfff !important;
}

.mask .lbox2 {
  height: 100%;
  width: 100%;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mask .lbox2 img {
  width: 40px;
}

.updateTips::after {
  content: "他人课程暂不支持修改基本信息，只支持修改阶段内容。";
  font-size: 14px;
  margin-left: 20px;
  font-weight: 400;
  color: #ff3a3a;
}

.updateMask {
  width: 100%;
  z-index: 3;
  top: 0;
  position: absolute;
}

.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) {
  min-width: 30px;
  margin-right: 10px;
}

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

.t_j_box span:nth-child(4) {
  max-width: calc(45% - 60px);
  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%;
}

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

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

.isCard,
.isCard1 {
  width: 140px;
  height: 65px;
  text-align: center;
  line-height: 65px;
  font-size: 20px;
  cursor: pointer;
  background-image: url("../../../assets/icon/conSentences/titleBorder.png");
  background-size: cover;
  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: 80%;
  margin: 0 auto;
}

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

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

.rightCardBox {
  margin: 10px 0 0 10px;
}

.rightCardBox > div:nth-child(1) {
  margin-bottom: 10px;
}

.cardCss {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 3px solid #b4c3d3;
  padding: 0 0 5px 0;
  margin-right: 10px;
}

.cardCss > div:nth-child(2) {
  background: #5b7b9d;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}

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

.stepsBottom {
  width: 85%;
  margin-bottom: 20px;
  box-shadow: 0 0 10px 10px #f7f7f7;
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
}

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

.navBottom {
  background: #6b91b7;
  height: 180px;
  overflow: auto;
}

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

.isNavTask {
  /* background: #7e9ebd; */
}

.navTask > div:nth-child(1) {
  background: #468fe4;
  color: #fff;
  width: 65px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 5px;
  margin: 0 10px 0 5px;
  font-size: 14px;
}

.navTask > div:nth-child(2) {
  /* color: #fff; */
  /* max-width: 130px; */
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}

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

.toolimg {
  width: 200px;
  border-radius: 10px;
  box-shadow: rgb(223 218 218) 0px 0px 6px 1px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.toolimg > img {
  width: 100%;
  height: 105px;
  object-fit: contain;
}

.proMan {
  width: 95%;
  margin: 0 auto;
  padding: 0 0 20px;
  margin-top: 20px;
}

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

.proMan .title img {
  margin-right: 5px;
  height: 17px;
  width: 17px;
}

.ed_s >>> .text {
  height: calc(100% - 42px);
}

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

.toolimg {
  margin: 0 20px 20px 0;
}

.comment {
  background: #f5f5f5;
  /* border-radius: 0 0 15px 15px; */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 35px;
}

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

.worksName > div:nth-child(1) {
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.deleteImg {
  width: 25px !important;
  height: 25px !important;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.texttitle {
  background: #1e5cc9;
  /* width: 98%; */
  height: 45px;
  color: #fff;
  line-height: 45px;
  padding-left: 20px;
  box-sizing: border-box;
}

.textBox {
  font-size: 20px;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px auto 0;
}

.textContent {
  font-size: 18px;
  height: 450px;
  width: 95%;
  overflow: auto;
  line-height: 30px;
}

.vedioTaskBox {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.box_course {
  /* width: 60%; */
  width: 81%;
}

.wheel {
  width: 100%;
  height: 100%;
}

.vedioList {
  /* background: #f2f2f2; */
  background: #fff;
  border: 1px solid #ececec;
  /* width: 38.8%; */
  width: calc(100% - 83%);
  height: 650px;
  border-radius: 10px;
  overflow: hidden;
}

.navTitile {
  padding: 0 0px 0 15px;
  background: #1e5cc9;
  color: #fff;
  height: 40px;
  line-height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.navBox {
  background: rgb(255, 255, 255);
  height: calc(100% - 40px);
  padding: 5px 1px 0 1px;
  overflow: auto;
}

.vedioTimeBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}

.vedioName {
  cursor: pointer;
  margin: 0px 0px 10px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.isClickNav {
  color: #499eef;
}

.full_diy >>> .el-dialog {
  margin: 0 !important;
  height: 100%;
  padding: 4px;
}

.full_diy >>> .el-dialog__body {
  height: calc(100% - 100px);
}

.full_diy2 >>> .el-dialog__body {
  height: calc(100% - 50px);
  padding: 0;
}

.queTop {
  display: flex;
  padding: 20px 0 20px 30px;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}

.question {
  width: 40px;
  margin-right: 10px;
  margin-top: 7px;
}

.queTitle {
  margin-left: 5px;
  font-size: 25px;
  display: flex;
  align-items: center;
}

.addEditor {
  width: 100px;
  height: 30px;
  background: #42cda6;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  box-shadow: 1px 3px 6px 1px #bfbfbf;
  cursor: pointer;
}

.answerWidth {
  width: 250px !important;
}

.answerBg {
  background: url("../../../assets/icon/answerBgNew.png") no-repeat;
  background-size: cover;
  width: 100%;
  height: 120px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  justify-content: center;
}

.answerContent {
  /* width: 215px; */
  max-height: 60px;
  word-break: break-all;
  text-align: center;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  /* padding: 23px 0 0; */
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 15px;
}

.fullStyle >>> .el-dialog__body {
  height: 100% !important;
}

.fullStyle >>> .el-dialog,
.fullStyle {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

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

.tcMember_box {
  margin-left: 10px;
  border: 1px solid #c0c4cc;
  padding: 10px 14px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  color: #606266;
  font-size: 14px;
  width: 225px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upCss >>> .el-upload-list--picture .el-upload-list__item {
  height: auto;
}

.upCss >>> .el-upload-list--picture .el-upload-list__item-thumbnail {
  width: 200px;
  height: 100px;
  object-fit: contain;
  background: unset;
}

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

.redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  color: rgb(0 123 255) !important;
}

.redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  color: rgb(0 123 255) !important;
}

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

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

.f_size_box {
  display: flex;
  margin: 5px 0px;
  align-items: center;
  color: #6c6c6c;
}

.f_size_box img {
  height: 20px;
}

.f_size_box > div {
  margin: 0 8px;
}

.moveBtn {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 40px;
}

</style>