update

src/components/pages/studio/addCourse.vue

@@ -0,0 +1,12142 @@
+<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,
+                  }"
+                  >{{
+                    orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1
+                      ? "师生项目"
+                      : "项目管理"
+                  }}
+                </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"
+                            >
+                              <el-checkbox
+                                @change="updateType(item1)"
+                                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
+                                    "
+                                    security="restricted"
+                                    sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
+                                  ></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
+                )
+              "
+            >
+              返回项目
+            </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,
+      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;
+      }
+    },
+    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 + "updateStudentWorkNew4", 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
+        );
+      } 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) {
+      let typeT = 1;
+      if (this.courseTypeId.length) {
+        let array = Object.keys(this.CourseTypeJson);
+        for (var t = 0; t < array.length; t++) {
+          var tp = array[t];
+          var tAarray = [];
+          for (var tt = 0; tt < this.CourseTypeJson[tp].length; tt++) {
+            tAarray.push(this.CourseTypeJson[tp][tt].id);
+          }
+          for (var tt = 0; tt < this.courseTypeId.length; tt++) {
+            if (tAarray.indexOf(this.courseTypeId[tt]) != -1) {
+              typeT++;
+            }
+          }
+        }
+      }
+      if (this.oid == "1c3b9def-8fbe-11ed-b13d-005056b86db5") {
+        typeT++;
+      }
+      if(this.CourseType.length == 0){
+        typeT = 3
+      }
+      if (this.courseName == "" || typeT != 3) {
+        if (typeT != 3) {
+          this.$message.error("分类为必选项目，请将信息补充完整后进行下一步");
+        } else {
+          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() {
+      let typeT = 1;
+      if (this.courseTypeId.length) {
+        let array = Object.keys(this.CourseTypeJson);
+        for (var t = 0; t < array.length; t++) {
+          var tp = array[t];
+          var tAarray = [];
+          for (var tt = 0; tt < this.CourseTypeJson[tp].length; tt++) {
+            tAarray.push(this.CourseTypeJson[tp][tt].id);
+          }
+          for (var tt = 0; tt < this.courseTypeId.length; tt++) {
+            if (tAarray.indexOf(this.courseTypeId[tt]) != -1) {
+              typeT++;
+            }
+          }
+        }
+      }
+      if (this.oid == "1c3b9def-8fbe-11ed-b13d-005056b86db5") {
+        typeT++;
+      }
+      if(this.CourseType.length == 0){
+        typeT = 3
+      }
+      if (this.cidttt == 1) {
+        if (this.steps == 1) {
+          if (this.courseName != "" && typeT == 3) {
+            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 {
+            if (typeT != 3) {
+              this.$message.error(
+                "分类为必选项目，请将信息补充完整后进行下一步"
+              );
+            } else {
+              this.$message.error("请将信息填写完整");
+            }
+            return;
+          }
+          this.setMan();
+        } else if (this.steps == 3) {
+          if (this.cid == "" || this.cid == undefined) {
+            if (this.courseName == "" || typeT != 3) {
+              if (typeT != 3) {
+                this.$message.error(
+                  "分类为必选项目，请将信息补充完整后进行下一步"
+                );
+              } else {
+                this.$message.error("请将信息填写完整");
+              }
+              return;
+            } else {
+              this.addWork();
+              if (this.type != 2) {
+                this.steps = 5;
+              } else {
+                this.steps++;
+              }
+            }
+          } else {
+            if (this.courseName == "" || typeT != 3) {
+              if (typeT != 3) {
+                this.$message.error(
+                  "分类为必选项目，请将信息补充完整后进行下一步"
+                );
+              } else {
+                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 != "" && typeT == 3) {
+            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 {
+            if (typeT != 3) {
+              this.$message.error(
+                "分类为必选项目，请将信息补充完整后进行下一步"
+              );
+            } 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 == "" || typeT != 3) {
+              if (typeT != 3) {
+                this.$message.error(
+                  "分类为必选项目，请将信息补充完整后进行下一步"
+                );
+              } else {
+                this.$message.error("请将信息填写完整");
+              }
+              return;
+            } else {
+              this.addWork();
+              if (this.type != 2) {
+                this.steps = 5;
+              } else {
+                this.steps++;
+              }
+            }
+          } else {
+            if (this.courseName == "" || typeT != 3) {
+              if (typeT != 3) {
+                this.$message.error(
+                  "分类为必选项目，请将信息补充完整后进行下一步"
+                );
+              } else {
+                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 + "deleteStudentWork", 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 + "deleteStudentToolSTT", 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 + "deleteStudentToolST", params)
+        .then((res) => {})
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    deleteStudentToolS() {
+      let params = [
+        {
+          cid: this.cid,
+          stage: this.unitIndex,
+        },
+      ];
+      this.ajax
+        .post(this.$store.state.api + "deleteStudentToolS", 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) {
+                _this.addCourseWorksS(tool, 13, 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;
+      }
+      this.setPeople(this.unitIndex, this.taskCount, this.userid);
+      this.editSourceType = 1;
+      this.sourcesData = [];
+      this.dialogVisibleSource = false;
+      this.dialogVisibleTool = false;
+      this.setVHeight();
+    },
+    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 + "s",
+            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"
+              ? "selectUserByOidS2"
+              : "selectUserByOidS2"),
+          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;
+    },
+    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;
+    },
+    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 + "addCourseWorkNew22", 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 + "updateStudentWorkNew4", 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 + "updateStudentWorkNew22", 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 + "getCourseTemplateTs", params)
+        .then((res) => {
+          this.templateArray = res.data[0];
+        })
+        .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_student_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_student_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 + "restoreStudentWork", 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 + "selectAllTypeS", params)
+        .then((res) => {
+          this.CourseType = res.data;
+          let _courseTypeId = [];
+
+          for (var i = 0; i < res.data[0].length; i++) {
+            if (!this.cid) {
+              this.courseTypeId[res.data[0][i].id] = "";
+            }
+            this.CourseTypeJson[res.data[0][i].id] = [];
+            if (this.oid == "1c3b9def-8fbe-11ed-b13d-005056b86db5") {
+              if (res.data[0][i].name == "赛道") {
+                this.CourseType[0][i].name = "项目类型";
+              }
+            }
+
+            if (res.data[2].length == 0 && res.data[3].length == 0) {
+              if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){
+                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{
+                this.CourseType = []
+              }
+            } 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 + "selectStudentType")
+        .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 + "selectStudentTypeByOid", 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 + "selectStudentTypeByOid", 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 + "addCourseWorksS", 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 + "addCourseWorksS", 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 + "addCourseWorksS", 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 + "deleteCourseWorkS", 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 + "addCourseWorksS", 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 + "addCourseWorksS", 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;
+}
+
+.people {
+  border: 1px solid rgb(229 229 229);
+  height: 495px;
+  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;
+}
+
+.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>

src/components/pages/studio/course.vue

@@ -0,0 +1,1140 @@
+<template>
+  <div class="pb_content" style="height: auto">
+    <div class="pb_head top">
+      <div>
+        <span>{{orgArray.indexOf(org) != -1 || oidArray.indexOf(oid) != -1 ? "师生项目" : "项目管理"}}</span>
+        <!-- <span class="subClick" @click="
+          goTo('/works?userid=' + userid + '&oid=' + oid + '&org=' + org)
+        ">评价管理</span> -->
+      </div>
+      <div class="student_button">
+        <!-- <el-button type="primary" class="bgColor" @click="openCourse">协同编辑</el-button> -->
+        <el-button type="primary" class="bgColor" @click="goToCourse()" v-if="org != '150e3120-9195-11ed-b13d-005056b86db5'">添加项目</el-button>
+      </div>
+    </div>
+    <div class="pb_content_body" style="height: 100%">
+      <div class="student_head">
+        <div class="choose">
+          <div class="student_search">
+            <span>项目筛选</span>
+            <el-select v-model="groupA" @change="search">
+              <el-option value="0" label="我的项目"></el-option>
+              <el-option value="1" label="协同项目"></el-option>
+              <el-option value="2" label="他人项目"></el-option>
+            </el-select>
+          </div>
+          <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
+            <span v-if="CourseTypeJson[item.id].length">{{ item.name }}</span>
+            <el-select v-if="CourseTypeJson[item.id].length" v-model="courseTypeId[item.id]" placeholder="请选择" @change="getTypeName">
+              <el-option label="全部" value="1">全部</el-option>
+              <el-option v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.name" :value="item1.id">
+              </el-option>
+            </el-select>
+          </div>
+          <div @click="clear" class="clear" v-if="CourseType.length">重置</div>
+        </div>
+
+        <div class="student_right">
+          <div class="head_left">
+            <el-input v-model="courseName" class="student_input" placeholder="请输入项目名称"></el-input>
+            <el-button class="course_button" @click="searchCourse">查询</el-button>
+          </div>
+        </div>
+      </div>
+      <div class="student_table" v-loading="isLoading">
+        <div class="course_box">
+          <div class="out_box" v-for="(item, index) in course" :key="index">
+            <div class="myCourse" v-if="item.userid == userid">
+              我的项目
+            </div>
+            <div class="myCourse" style="background:#4187f0" v-else-if="item.course_teacher.indexOf(userid) == -1">
+              他人项目
+            </div>
+            <div class="xtCourse" v-else>协同项目</div>
+            <div class="tup">
+              <img :src="
+                item.cover != null && item.cover != ''
+                  ? JSON.parse(item.cover).length > 0
+                    ? JSON.parse(item.cover)[0].url
+                    : mr
+                  : mr
+              " alt />
+            </div>
+            <div class="bottom_box">
+              <div>{{ item.title }}</div>
+              <div class="kc_t">
+                创建人：{{ item.uname }}
+              </div>
+              <div class="kc_time">
+                <span style="color: #4b4b4b">创建日期:</span>{{ item.time }}
+              </div>
+              <div class="kc_time">
+                <span style="color: #4b4b4b">修改日期:</span>{{ item.utime }}
+              </div>
+            </div>
+            <div class="three_bottom">
+              <div @click="goToCourse2(item.courseId)" v-if="org != '150e3120-9195-11ed-b13d-005056b86db5' && groupA != '2'">编辑</div>
+              <div @click="get(item.courseId)">预览</div>
+              <!-- 项目进展 -->
+              <div @click="getA(item.courseId)">进展</div>
+              <div @click="jump(item.courseId)">评论</div>
+              <div v-if="(item.userid == userid)" @click="deleteCourse(item.courseId)">
+                删除
+              </div>
+            </div>
+          </div>
+          <div class="course_empty" v-if="course.length == 0">暂无数据</div>
+        </div>
+      </div>
+    </div>
+    <div class="student_page">
+      <el-pagination background layout="prev, pager, next" :page-size="pageSize" :total="total" v-if="page && course.length"
+        style="padding-bottom: 20px" @current-change="handleCurrentChange"></el-pagination>
+    </div>
+    <el-dialog :visible.sync="dialogVisible1" size="tiny">
+      <img width="100%" :src="dialogImageUrl" alt />
+    </el-dialog>
+    <el-dialog title="查看提问" :visible.sync="dialogVisible" :append-to-body="true" width="750px"
+      :before-close="handleClose" class="dialog_diy">
+      <div>
+        <div class="a_addBox">
+          <CourseProblem :problemCourse="problemCourse"></CourseProblem>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="查看协同项目" :visible.sync="dialogVisibleCourse" :append-to-body="true" width="850px"
+      :before-close="handleClose" class="dialog_diy">
+      <div class="ct_box">
+        <div class="out_box" v-for="(item, index) in courseTeam" :key="index" style="margin-left: 15px">
+          <div class="tup">
+            <img :src="
+              item.cover != null && item.cover != ''
+                ? JSON.parse(item.cover).length > 0
+                  ? JSON.parse(item.cover)[0].url
+                  : mr
+                : mr
+            " alt />
+          </div>
+          <div class="bottom_box">
+            <div>{{ item.title }}</div>
+            <div class="kc_t">创建人：{{ item.uname }}</div>
+            <div class="kc_time">{{ item.time }}</div>
+          </div>
+          <div class="three_bottom">
+            <!-- <div @click="jump(item.courseId)">查看内容</div> -->
+            <div v-if="org != '150e3120-9195-11ed-b13d-005056b86db5'" @click="
+              goTo(
+                '/studentAddCourse?cid=' +
+                item.courseId +
+                '&userid=' +
+                userid +
+                '&oid=' +
+                oid +
+                '&org=' +
+                org
+              )
+            ">
+              编辑
+            </div>
+          </div>
+        </div>
+        <div class="course_empty" v-if="courseTeam.length == 0">暂无数据</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisibleCourse = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import "../../common/aws-sdk-2.235.1.min";
+import EditorBar from "../../components/tools/wangEnduit";
+import CourseProblem from "./components/courseProblem";
+export default {
+  components: { EditorBar, CourseProblem },
+  data() {
+    return {
+      itemCount: 1,
+      courseTitle: "",
+      courseText: "",
+      courseTime: "",
+      isLoading: false,
+      fileList: [],
+      fileList1: [],
+      homeworkList: [{ name: "" }],
+      formLabelWidth: "100px",
+      dialogVisible: false,
+      dialogVisible1: false,
+      dialogVisibleCourse: false,
+      dialogImageUrl: "",
+      group: "",
+      userid: this.$route.query.userid,
+      oid: this.$route.query.oid,
+      org: this.$route.query.org,
+      role: this.$route.query.role,
+      orgArray:["150e3120-9195-11ed-b13d-005056b86db5"],
+      oidArray:[],
+      Juri: "",
+      groupList: [],
+      JuriList: [],
+      page: 1,
+      total: 0,
+      pageSize: 20,
+      tableData: [],
+      now: "",
+      courseDetail: {},
+      addCourse: {},
+      groupA: "0",
+      classX: "",
+      course: [],
+      courseName: "",
+      mr: require("../../assets/icon/kc1.png"),
+      CourseType: [],
+      CourseTypeJson: {},
+      courseTypeId: {},
+      courseTypeSon: [],
+      isChoose: 0,
+      problemCourse: null, //查看提问的项目
+      courseTeam: [],
+    };
+  },
+  methods: {
+    change(val) {
+      console.log(val);
+    },
+    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;
+        }
+      }
+    },
+    addHomeworkBox() {
+      this.homeworkList.push({ name: "" });
+      this.itemCount++;
+    },
+    reduceHomeworkBox() {
+      var a = this.homeworkList;
+      a.splice(a.length - 1);
+      this.itemCount--;
+    },
+    goTo(path) {
+      this.$router.push(path);
+    },
+    goToCourse(courseId) {
+      if (courseId) {
+        this.$router.push(
+          "/studentAddCourse?cid=" +
+          courseId +
+          "&userid=" +
+          this.userid +
+          "&oid=" +
+          this.oid +
+          "&org=" +
+          this.org
+        );
+      } else {
+        this.$router.push(
+          "/studentAddCourse?userid=" +
+          this.userid +
+          "&oid=" +
+          this.oid +
+          "&org=" +
+          this.org
+        );
+      }
+      // this.$router.push(path);
+    },
+    goToCourse2(cid){
+      this.$router.push(
+          "/studentAddCourse?cid=" +
+          cid +
+          "&userid=" +
+          this.userid +
+          "&oid=" +
+          this.oid +
+          "&org=" +
+          this.org +
+          "&type=2"
+        );
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if ((rowIndex + 1) % 2 === 0) {
+        return "even_row";
+      } else {
+        return "";
+      }
+    },
+    jump(cid) {
+      // window.open(
+      //   "//pbl.cocorobo.cn/pbl-student-table/dist/#/courseDetail?courseId=" +
+      //     cid +
+      //     "&userid=" +
+      //     this.userid
+      // );
+      window.parent.postMessage({ cid: cid, screenType: "2s" }, "*");
+    },
+    get(cid) {
+      window.parent.postMessage({ cid: cid, screenType: "3s" }, "*");
+    },
+    getA(cid) {
+      this.$router.push("/courseProgress?cid=" + cid + "&userid=" +
+        this.userid +
+        "&oid=" +
+        this.oid +
+        "&org=" +
+        this.org)
+    },
+    handle_remove(file, fileList) {
+      var _tmp = this.fileList;
+      for (var i = 0, len = _tmp.length; i < len; i++) {
+        if (_tmp[i].uid == file.uid) {
+          _tmp.splice(i, 1);
+          break;
+        }
+        this.fileList = _tmp;
+      }
+    },
+    handle_remove1(file, fileList) {
+      var _tmp = this.fileList1;
+      for (var i = 0, len = _tmp.length; i < len; i++) {
+        if (_tmp[i].uid == file.uid) {
+          _tmp.splice(i, 1);
+          break;
+        }
+        this.fileList1 = _tmp;
+      }
+    },
+    handleCurrentChange(val) {
+      // console.log(`当前页: ${val}`);
+      this.page = val;
+      this.getCourse();
+    },
+    init() { },
+    handleClose(done) {
+      done();
+    },
+    handleRemove(file, fileList) {
+      console.log(file, fileList);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible1 = true;
+    },
+    onExceed() {
+      this.$message.error("项目海报仅支持上传一张，请删除后再进行上传");
+    },
+    //uuid生成
+    guid() {
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (c) {
+          var r = (Math.random() * 16) | 0,
+            v = c == "x" ? r : (r & 0x3) | 0x8;
+          return v.toString(16);
+        }
+      );
+    },
+    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;
+        }
+      }
+    },
+    searchCourse() {
+      this.page = 1;
+      this.getCourse();
+    },
+    clear() {
+      for (var i = 0; i < this.CourseType[0].length; i++) {
+        this.courseTypeId[this.CourseType[0][i].id] = "";
+      }
+      this.getCourse();
+    },
+    getCourse() {
+      var typeE = [];
+      var typea, typeb, typec, typed, typef;
+      if (this.isChoose == 1) {
+        for (var i = 0; i < this.CourseType[0].length; i++) {
+          if (this.courseTypeId[this.CourseType[0][i].id] == "1") {
+            typeE.push(this.CourseType[0][i].id);
+          } else if (this.courseTypeId[this.CourseType[0][i].id] != "") {
+            if (this.CourseType[0][i].name == "年级") {
+              typea = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "专栏") {
+              typeb = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "栏目") {
+              typeb = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "学院") {
+              typeb = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "新技能") {
+              typec = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "赛道") {
+              typed = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "项目类型") {
+              typed = this.courseTypeId[this.CourseType[0][i].id];
+            } else if (this.CourseType[0][i].name == "主题") {
+              typef = this.courseTypeId[this.CourseType[0][i].id];
+            }
+            this.courseTypeSon.push(
+              this.courseTypeId[this.CourseType[0][i].id]
+            );
+          }
+        }
+      }
+      this.isLoading = true;
+      let params = {
+        type: this.groupA,
+        uid: this.userid,
+        oid: this.oid,
+        org: this.org,
+        typea: typea != undefined ? typea : "",
+        typeb: typeb != undefined ? typeb : "",
+        typec: typec != undefined ? typec : "",
+        typed: typed != undefined ? typed : "",
+        typef: typef != undefined ? typef : "",
+        typeE: typeE.join(","),
+        cu: "",
+        cn: this.courseName,
+        page: this.page,
+        pageSize: this.pageSize,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectStudentCourseNew222", params)
+        .then((res) => {
+          this.isLoading = false;
+          this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+          this.course = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    getTypeName() {
+      this.$forceUpdate();
+      this.page = 1;
+      this.isChoose = 1;
+      this.getCourse();
+    },
+    // searchCourse() {
+    //   this.isLoading = true;
+    //   let params = {
+    //     cu: "",
+    //     cn: this.courseName,
+    //     page: this.page,
+    //   };
+    //   this.ajax
+    //     .get(this.$store.state.api + "searchCourse", params)
+    //     .then((res) => {
+    //       this.isLoading = false;
+    //       this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
+    //       this.course = res.data[0];
+    //     })
+    //     .catch((err) => {
+    //       this.isLoading = false;
+    //       console.error(err);
+    //     });
+    // },
+    deleteCourse(cid) {
+      // if (this.time()) {
+      this.$confirm("确定删除此项目吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.isLoading = true;
+          let params = {
+            cid: cid,
+          };
+          this.ajax
+            .get(this.$store.state.api + "deleteStudentCourse", params)
+            .then((res) => {
+              this.isLoading = false;
+              this.$message.success("删除成功");
+              this.getCourse();
+            })
+            .catch((err) => {
+              console.error(err);
+            });
+        })
+        .catch(() => {
+          loading.close();
+          this.isLoading = false;
+          return;
+        });
+      // }
+    },
+    selectAllType() {
+      let params = {
+        org: this.org && this.org != "" ? this.org : "",
+        oid: this.oid && this.oid != "" ? this.oid : "",
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectAllTypeS", params)
+        .then((res) => {
+          this.CourseType = res.data;
+
+          for (var i = 0; i < res.data[0].length; i++) {
+            if (!this.cid) {
+              this.courseTypeId[res.data[0][i].id] = '';
+            }
+            if (!this.CourseTypeJson[res.data[0][i].id]) {
+              this.CourseTypeJson[res.data[0][i].id] = [];
+            }
+            if (this.oid == "1c3b9def-8fbe-11ed-b13d-005056b86db5") {
+              if (res.data[0][i].name == "赛道") {
+                this.CourseType[0][i].name = "项目类型";
+              }
+            }
+
+            if (res.data[2].length == 0 && res.data[3].length == 0) {
+              // for (var j = 0; j < res.data[1].length; j++) {
+              //   if (res.data[0][i].id == res.data[1][j].pid) {
+              //     this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
+              //   }
+              // }
+              if(this.org == '150e3120-9195-11ed-b13d-005056b86db5'){
+                for (var j = 0; j < res.data[1].length; j++) {
+                  if (res.data[0][i].id == res.data[1][j].pid) {
+                    this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
+                  }
+                }
+              }else{
+                this.CourseType = []
+              }
+            } else {
+              if (res.data[2].length > 0) {
+                for (var j = 0; j < res.data[2].length; j++) {
+                  if (res.data[0][i].id == res.data[2][j].pid) {
+                    this.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 (res.data[0][i].id == res.data[3][j].pid) {
+                    this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
+                  }
+                }
+              }
+            }
+          }
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectType() {
+      this.ajax
+        .get(this.$store.state.api + "selectStudentType")
+        .then((res) => {
+          this.CourseType = res.data;
+          for (var i = 0; i < res.data[0].length; i++) {
+            if (!this.cid) {
+              this.courseTypeId[res.data[0][i].id] = "";
+            }
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
+              if (res.data[0][i].name == "栏目") {
+                this.CourseType[0][i].name = "主题";
+              }
+            }
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); //去除公共分类
+              }
+            }
+          }
+          this.selectTypeByOid();
+          this.selectTypeByOrg();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectTypeByOid() {
+      let params = {
+        oid: this.oid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectStudentTypeByOid", params)
+        .then((res) => {
+          for (var i = 0; i < res.data[0].length; i++) {
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+              }
+            }
+          }
+          this.$forceUpdate();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    selectTypeByOrg() {
+      let params = {
+        oid: this.org,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectStudentTypeByOid", params)
+        .then((res) => {
+          for (var i = 0; i < res.data[0].length; i++) {
+            for (var j = 0; j < res.data[1].length; j++) {
+              if (res.data[0][i].id == res.data[1][j].pid) {
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
+                  this.CourseTypeJson[res.data[0][i].id] = [];
+                }
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
+              }
+            }
+          }
+          this.$forceUpdate();
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    openCourse() {
+      this.dialogVisibleCourse = true;
+      this.getTeamCourse();
+    },
+    getTeamCourse() {
+      let params = {
+        uid: this.userid,
+        oid: this.oid,
+      };
+      this.ajax
+        .get(this.$store.state.api + "selectCourseTeam", params)
+        .then((res) => {
+          this.courseTeam = res.data[0];
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    search() {
+      this.page = 1;
+      this.getCourse();
+    },
+    checkProblem(res) {
+      this.problemCourse = res;
+      this.dialogVisible = true;
+    },
+    copyCourse(cid) {
+      let params = [{
+        cid: cid,
+        uid: this.userid
+      }]
+      this.ajax
+        .post(this.$store.state.api + "copyCourse", params)
+        .then((res) => {
+          this.page = 1
+          this.groupA = '0'
+          this.clear()
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    }
+  },
+  created() {
+    this.page = 1;
+    this.selectAllType();
+    this.getCourse();
+  },
+};
+</script>
+
+<style scoped>
+.dialog_diy>>>.el-dialog__header {
+  background: #3d67bc !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;
+}
+
+.student_head>>>.el-button--primary {
+  background-color: #2268bc;
+}
+
+.xls_button {
+  font-size: 14px;
+  cursor: pointer;
+  text-decoration: underline;
+  color: rgb(34, 104, 188);
+}
+
+.student_head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
+.top {
+  display: flex;
+  justify-content: space-between;
+}
+
+.bgColor {
+  background: #466b99;
+}
+
+.student_search {
+  display: flex;
+  align-items: center;
+  /* width: calc(100% / 3); */
+  width: 190px;
+}
+
+.student_search span {
+  margin: 0 10px 0 0;
+  min-width: 65px;
+}
+
+.student_button {
+  display: flex;
+  overflow: hidden;
+  height: 40px;
+}
+
+.upload-demo {
+  display: flex;
+  flex-direction: column;
+  align-items: end;
+  /* position: relative; */
+  width: 100px;
+  overflow: hidden;
+}
+
+.student_table {
+  padding: 20px 0;
+  height: 100%;
+  /* overflow: auto; */
+  min-height: 360px;
+}
+
+.student_empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.el-table>>>.even_row {
+  background-color: #f1f1f1;
+}
+
+.time {
+  font-size: 13px;
+  color: #999;
+}
+
+.course_button {
+  padding: 10px 20px;
+}
+
+.course_button_box {
+  display: flex;
+  margin-top: 5px;
+  justify-content: space-between;
+}
+
+.course_rate {
+  margin-top: 5px;
+}
+
+.course_view {
+  display: flex;
+  align-items: center;
+  margin: 5px 0 0 0;
+}
+
+.course_view i {
+  background-image: url("../../assets/liulan.png");
+  width: 25px;
+  height: 25px;
+  background-size: 100% 100%;
+  /* margin-top: 1px; */
+  line-height: 25px;
+  vertical-align: text-top;
+  background-repeat: no-repeat;
+}
+
+.image {
+  width: 100%;
+  height: 150px;
+  display: block;
+}
+
+.course_box {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.student_page {
+  width: 95%;
+  margin: 0 auto;
+}
+
+.course_create_box {
+  font-size: 18px;
+}
+
+.course_name {
+  margin-top: 10px;
+}
+
+.course_name span {
+  margin-bottom: 10px;
+  display: block;
+}
+
+.homework_box {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.course_homework {
+  width: 130px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 10px 10px 0;
+}
+
+.course_type {
+  margin-top: 10px;
+  display: flex;
+}
+
+.course_type1 span {
+  margin-bottom: 10px;
+  display: block;
+}
+
+.course_type2 {
+  margin-left: 20px;
+}
+
+.course_type2 span {
+  margin-bottom: 10px;
+  display: block;
+}
+
+.course_empty {
+  color: rgb(110, 110, 110);
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.el_cards>>>.el-card__body {
+  height: 100%;
+}
+
+.courseBtnBox {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: calc(100% - 170px);
+  padding: 10px;
+}
+
+.wordUpload {
+  display: flex;
+}
+
+.wordUpload>.buttonUp {
+  margin-right: 5px;
+}
+
+.out_box {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  width: 250px;
+  background: #fff;
+  margin-right: 25px;
+  border: 1px solid #ccc;
+  height: fit-content;
+  box-sizing: border-box;
+  border-radius: 0px 0px 5px 5px;
+  /* overflow: hidden; */
+  margin-bottom: 15px;
+  position: relative;
+}
+
+.bottom_box {
+  display: flex;
+  padding: 10px 0 10px 10px;
+  flex-direction: column;
+  box-sizing: border-box;
+  height: 140px;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+}
+
+.bottom_box>div:nth-child(1) {
+  width: 230px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.tup {
+  width: 100%;
+  height: 141.06px;
+  margin: 0 auto;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+}
+
+.tup>img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.kc_time {
+  margin-top: 8px;
+  font-size: 14px;
+  color: #999;
+}
+
+.kc_t {
+  margin-top: 5px;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.three_bottom {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  height: 40px;
+  align-items: center;
+  background: #f5f4f4;
+  font-size: 14px;
+}
+
+.three_bottom>div {
+  cursor: pointer;
+}
+
+.three_bottom>div:hover {
+  color: #79a2ff;
+}
+
+.head_left {
+  display: flex;
+}
+
+.student_input>>>.el-input__inner {
+  height: 40px;
+  width: 190px;
+  font-size: 13px;
+  padding: 0 10px;
+}
+
+.course_button {
+  color: #fff;
+  background: #2268bc;
+  width: 75px;
+  height: 40px;
+  padding: 0 !important;
+  font-size: 12px;
+  line-height: 40px;
+}
+
+.all_choose {
+  margin: 15px 0 10px;
+  height: 20%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  max-width: calc(100% / 3 - 50px);
+}
+
+.all_choose>span {
+  min-width: 75px;
+  display: block;
+  margin-right: 10px;
+  text-align-last: justify;
+}
+
+.choose {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: space-between;
+  height: 100%;
+  justify-content: flex-start;
+  width: 60%;
+  min-width: 868px;
+  align-items: center;
+}
+
+.choose>div:nth-child(2) {
+  margin-left: 1%;
+  width: 32.33333%;
+}
+
+.choose>div:nth-child(3) {
+  margin-left: 1%;
+  width: 32.33333%;
+}
+
+.choose>div:nth-child(5) {
+  margin: 5px 0 0 1%;
+}
+
+.choose>div:nth-child(4)>span {
+  /* width: 74px !important;
+  min-width: 74px; */
+}
+
+.choose>div:nth-child(4)>>>.el-select {
+  /* width: 217.5px;
+  min-width: 215.06px; */
+}
+
+.clear {
+  width: 70px;
+  height: 35px;
+  background: #2268bc;
+  color: #fff;
+  text-align: center;
+  border-radius: 5px;
+  line-height: 35px;
+  cursor: pointer;
+  margin-left: 20px;
+}
+
+.ct_box {
+  height: 500px;
+  overflow: auto;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.myCourse {
+  position: absolute;
+  background: #3c3c3c;
+  width: 70px;
+  height: 30px;
+  border-radius: 30px;
+  color: #fff;
+  font-size: 14px;
+  text-align: center;
+  line-height: 30px;
+  top: 5px;
+  left: 5px;
+}
+
+.xtCourse {
+  position: absolute;
+  background: #41a5f0;
+  width: 70px;
+  height: 30px;
+  border-radius: 30px;
+  color: #fff;
+  font-size: 14px;
+  text-align: center;
+  line-height: 30px;
+  top: 5px;
+  left: 5px;
+}
+
+.subClick {
+  font-size: 16px;
+  cursor: pointer;
+  margin-left: 10px;
+  /* color: #ab582f; */
+  color: #409eff;
+}
+
+.more {
+  position: relative;
+
+}
+
+.more:hover div {
+  display: block;
+  color: #000;
+}
+
+.more div {
+  position: absolute;
+  bottom: 0px;
+  transform: translate(-50%, 100%);
+  background: #f5f4f4;
+  padding: 10px 20px;
+  z-index: 99;
+  width: 40px;
+  border-radius: 5px;
+  box-shadow: 0 0 3px 3px #80808020;
+  display: none;
+}
+
+.more div>span+span {
+  margin-top: 10px;
+}
+
+.more div>span {
+  display: block;
+  width: 100%;
+  text-align: center;
+}
+
+.more div>span:hover {
+  color: #79a2ff;
+}
+</style>

src/components/pages/studio/courseProgress.vue

@@ -0,0 +1,238 @@
+<template>
+    <div v-loading="loading" class="box">
+        <el-button type="primary" size="small" class="returnBtn" @click="retrunA()">返回</el-button>
+        <!-- <div v-if="cPan == 2" class="noneClass">项目数据不完善,无法显示数据,请前去完善</div> -->
+        <div class="proMan" v-if="cPan == 1">
+            <div class="title"><img src="../../../assets/icon/task.png" alt />任务进展甘特图</div>
+            <ganChart :Json="unitJson"></ganChart>
+        </div>
+        <div class="proMan">
+            <div class="title"><img src="../../../assets/icon/tupu.png" alt />图谱</div>
+            <graph :Json="graphJson"></graph>
+        </div>
+        <div class="proMan" v-if="cPan == 1">
+            <div class="title"><img src="../../../assets/icon/proMan.png" alt />负责人看板</div>
+            <proMan :Json="unitJson" :ManAarray="ManAarray"></proMan>
+        </div>
+    </div>
+</template>
+
+<script>
+import proMan from "../components/proMan.vue"
+import ganChart from "../components/ganChart.vue"
+import graph from "../components/graph.vue"
+export default {
+    components: { proMan, ganChart, graph },
+    data() {
+        return {
+            cid: this.$route.query.cid,
+            userid: this.$route.query.userid,
+            oid: this.$route.query.oid,
+            org: this.$route.query.org,
+            loading: false,
+            unitJson: {},
+            cPan: 1,
+            teacherJuri2: [],
+            ManAarray: [],
+            checkboxList3: [],
+            courseUserid: "",
+            graphJson: {}
+        }
+    },
+    methods: {
+        retrunA() {
+            this.$router.go(-1)
+        },
+        getCourse() {
+            let params = {
+                cid: this.cid,
+            };
+            this.ajax
+                .get(this.$store.state.api + "select_student_course_detail", params)
+                .then((res) => {
+                    this.unitJson = JSON.parse(res.data[0][0].chapters);
+                    this.courseUserid = res.data[0][0].userid;
+                    this.checkboxList3 = res.data[0][0].course_teacher
+                        ? res.data[0][0].course_teacher.split(",")
+                        : [];
+                    this.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("请填写任务名称");
+                            //     this.cPan = 2
+                            //     break;
+                            // }
+                            // if (
+                            //     !this.unitJson[i].chapterInfo[0].taskJson[j].people
+                            // ) {
+                            //     // this.$message.error("请填写负责人");
+                            //     this.cPan = 2
+                            //     break;
+                            // }
+                            // if (
+                            //     !this.unitJson[i].chapterInfo[0].taskJson[j].time
+                            // ) {
+                            //     // this.$message.error("请填写任务完成时间");
+                            //     this.cPan = 2
+                            //     break;
+                            // }
+                            if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
+                                this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
+                                    i
+                                ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
+                                    return ele.value != "";
+                                });
+                            }
+                        }
+                    }
+                    this.getTeacher(res.data[0][0]);
+                })
+                .catch((err) => {
+                    console.error(err);
+                });
+        },
+        setGraphJson(json) {
+            let chapters = JSON.parse(json.chapters)
+            let gjson = {
+                rootId: 'pid',
+                nodes: [
+                    { id: 'pid', text: '', borderWidth: -1, color: '#128cff' },
+                ],
+                lines: [
+                ]
+            }
+            gjson.nodes[0].text = json.title
+            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
+        },
+        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 : '无'
+        },
+        getTeacher(sss) {
+            this.ManAarray = []
+            if (this.checkboxList3.indexOf(this.courseUserid) == -1) {
+                this.checkboxList3.push(this.courseUserid)
+            }
+            let params = {
+                uid: this.checkboxList3.join(","),
+            };
+            this.ajax
+                .get(
+                    this.$store.state.api + "getAllUserById",
+                    params
+                )
+                .then((res) => {
+                    let teacherJuri = res.data[0];
+                    this.ManAarray = teacherJuri;
+                    this.setGraphJson(sss)
+                    this.setMan();
+                })
+                .catch((err) => {
+                    console.error(err);
+                });
+        },
+        setMan() {
+            // let teacherJuri = this.teacherJuri2;
+            // debugger
+            // this.ManAarray = []
+            // for (var i = 0; i < teacherJuri.length; i++) {
+            //     if (teacherJuri[i].userid == this.userid) {
+            //         this.ManAarray.push(teacherJuri[i])
+            //     } else if (this.checkboxList3.indexOf(teacherJuri[i].userid) != -1) {
+            //         this.ManAarray.push(teacherJuri[i])
+            //     }
+            // }
+            this.loading = false;
+
+        },
+    },
+    mounted() {
+        this.loading = true;
+        this.getCourse();
+
+    },
+}
+</script>
+
+<style scoped>
+.returnBtn {
+    position: fixed;
+    right: 20px;
+    top: 15px;
+    z-index: 99999;
+}
+
+.noneClass {
+    margin-top: 10px;
+    display: flex;
+    justify-content: center;
+    font-size: 20px;
+    font-weight: 700;
+}
+
+.box {
+    background: #fff;
+    height: 100%;
+    width: 100%;
+    overflow: auto;
+}
+
+.proMan {
+    width: 95%;
+    margin: 0 auto;
+    padding: 20px 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;
+}
+</style>

src/components/pages/studio/studioEvaluate.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+
+  </div>
+</template>
+
+<script>
+export default {
+data() {
+    return {
+    }
+},
+}
+</script>
+
+<style>
+
+</style>

src/router/index.js

@@ -63,6 +63,9 @@ import tcSchool from '@/components/pages/tencent/school'
 import tcStudent from '@/components/pages/tencent/student'
 import tcTeacher from '@/components/pages/tencent/teacher'
 import tcNotice from '@/components/pages/tencent/notice'
+import studioCourse from '@/components/pages/studio/course'
+import studioAddCourse from '@/components/pages/studio/addCourse'
+import studioCourseProgress from '@/components/pages/studio/courseProgress'
 
 Vue.use(Router).use(ElementUI)
 
@@ -128,6 +131,27 @@ export default new Router({
                 requireAuth: '' // 是否需要判断是否登录,这里是需要判断
             }
         },
+        {
+            path: '/studioCourse',
+            component: studioCourse,
+            meta: {
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
+            }
+        },
+        {
+            path: '/studioAddCourse',
+            component: studioAddCourse,
+            meta: {
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
+            }
+        },
+        {
+            path: '/studioCourseProgress',
+            component: studioCourseProgress,
+            meta: {
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
+            }
+        },
         {
             path: '/courseGM',
             component: courseGM,