Strona główna Odkrywaj Pomoc
Zaloguj się
CocoRoboLabs
/
pbl-teacher-table
3
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Przeglądaj źródła

update

lsc 1 rok temu
rodzic
8c4edafe4d
commit
ad5f970af2
16 zmienionych plików z 14562 dodań i 2 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 1 1
      dist/index.html
  2. 0 0
      dist/static/css/app.3925127929a1e9771f4790940fe11ba2.css
  3. 0 0
      dist/static/css/app.3925127929a1e9771f4790940fe11ba2.css.map
  4. 0 0
      dist/static/css/app.9c24a3d317f7554832fcdb392c62bc8c.css.map
  5. BIN
      dist/static/img/groupBg.83e405b.png
  6. 0 0
      dist/static/js/app.5bf3ab57961301ce757c.js
  7. 0 0
      dist/static/js/app.d5cd14b79ad3d5d5bc11.js
  8. 0 0
      dist/static/js/app.d5cd14b79ad3d5d5bc11.js.map
  9. 0 0
      dist/static/js/manifest.3512a67a6213c2df4180.js.map
  10. BIN
      src/assets/icon/chair.png
  11. BIN
      src/assets/icon/groupBg.png
  12. BIN
      src/assets/icon/groupN.png
  13. 11349 0
      src/components/pages/synergyCourse/addCourse.vue
  14. 1885 0
      src/components/pages/synergyCourse/course.vue
  15. 1310 0
      src/components/pages/synergyCourse/group/group.vue
  16. 17 1
      src/router/index.js

+ 1 - 1
dist/index.html
Wyświetl plik 

@@ -25,7 +25,7 @@
 
       height: 100%;
 
       height: 100%;
 
       width: 100%;
 
       width: 100%;
 
       background: #e6eaf0;
 
       background: #e6eaf0;
 
-    }</style><link href=./static/css/app.9c24a3d317f7554832fcdb392c62bc8c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3512a67a6213c2df4180.js></script><script type=text/javascript src=./static/js/vendor.1b8e037bd3fbbd358d74.js></script><script type=text/javascript src=./static/js/app.5bf3ab57961301ce757c.js></script></body></html><script>function stopSafari() {
 
+    }</style><link href=./static/css/app.3925127929a1e9771f4790940fe11ba2.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3512a67a6213c2df4180.js></script><script type=text/javascript src=./static/js/vendor.1b8e037bd3fbbd358d74.js></script><script type=text/javascript src=./static/js/app.d5cd14b79ad3d5d5bc11.js></script></body></html><script>function stopSafari() {
 
     //阻止safari浏览器双击放大功能
 
     //阻止safari浏览器双击放大功能
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     document.documentElement.addEventListener("touchstart", function (event) {
 
     document.documentElement.addEventListener("touchstart", function (event) {

Plik diff jest za duży
+ 0 - 0
dist/static/css/app.3925127929a1e9771f4790940fe11ba2.css


Plik diff jest za duży
+ 0 - 0
dist/static/css/app.3925127929a1e9771f4790940fe11ba2.css.map


Plik diff jest za duży
+ 0 - 0
dist/static/css/app.9c24a3d317f7554832fcdb392c62bc8c.css.map


BIN
dist/static/img/groupBg.83e405b.png
Wyświetl plik


Plik diff jest za duży
+ 0 - 0
dist/static/js/app.5bf3ab57961301ce757c.js


Plik diff jest za duży
+ 0 - 0
dist/static/js/app.d5cd14b79ad3d5d5bc11.js


Plik diff jest za duży
+ 0 - 0
dist/static/js/app.d5cd14b79ad3d5d5bc11.js.map


Plik diff jest za duży
+ 0 - 0
dist/static/js/manifest.3512a67a6213c2df4180.js.map


BIN
src/assets/icon/chair.png
Wyświetl plik


BIN
src/assets/icon/groupBg.png
Wyświetl plik


BIN
src/assets/icon/groupN.png
Wyświetl plik


+ 11349 - 0
src/components/pages/synergyCourse/addCourse.vue
Wyświetl plik 

@@ -0,0 +1,11349 @@
 
+<template>
 
+  <div class="pb_content" style="background: #F0F2F5;">
 
+    <div class="pb_content_body" style="position: relative; margin: 0">
 
+      <div class="right">
 
+        <!-- <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">
 
+              <el-breadcrumb separator-class="el-icon-arrow-right">
 
+                <el-breadcrumb-item :to="{
 
+                  path:
 
+                    '/synergyCourse?userid=' +
 
+                    userid +
 
+                    '&oid=' +
 
+                    oid +
 
+                    '&org=' +
 
+                    org +
 
+                    '&role=' +
 
+                    role,
 
+                }">协同建构</el-breadcrumb-item>
 
+                <el-breadcrumb-item>
 
+                  <span style="color: rgb(15, 126, 255)">创建协同建构</span>
 
+                </el-breadcrumb-item>
 
+              </el-breadcrumb>
 
+            </div>
 
+            <div class="r_pub_button_retrun" @click="lastSteps()">返回</div>
 
+          </div>
 
+          <div class="rightBox" style="padding: 0;"
 
+            :style="{ height: (!isBtnDisplay) ? 'calc(100% - 50px)' : 'calc(100% - 120px)' }" v-if="this.steps == 1">
 
+            <!-- @mousewheel="scrollChange" -->
 
+            <div class="updateMask" :style="{
 
+              height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
 
+            }" v-if="cid && userid != courseUserid && role != '1'"></div>
 
+            <div class="whiteBg" style="background:unset;padding: 0;">
 
+              <div>
 
+                <div class="basic_box" style="padding: 0;">
 
+                  <div class="big_box">
 
+                    <div class="left_first">
 
+                      <div :class="{
 
+                        updateTips: cid && userid != courseUserid && role != '1',
 
+                      }">
 
+                        <div style="width: 100%;">
 
+                          <div class="course_input_box">
 
+                            <div class="bb_courseIcon"><img src="../../../assets/icon/new/course.png" /></div>
 
+                            <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
 
+                              style="border: 1.5px solid rgb(202, 209, 220);margin: 0px 10px 0px 0px;border-radius: 5px;font-weight: 600;padding: 12px 14px 12px 71px;" />
 
+                            <!-- background: #f6f6f6; -->
 
+                            <!-- <el-switch v-model="isTeacherSee" active-text="是否公开此课程"
 
+                              style="justify-content: center;width: 200px;"></el-switch> -->
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
 
+                        <span>类型</span>
 
+                        <!-- 学科+ 主题+  未来+ -->
 
+                        <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
 
+                          style="display: flex; align-items: center">
 
+                          <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
 
+                            <el-radio :label="item.name">{{
 
+                              item.name
 
+                            }}</el-radio>
 
+                          </div>
 
+                        </el-radio-group>
 
+                      </div>
 
+                      <div class="both">
 
+                        <div class="choose">
 
+                          <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
 
+                            <span v-if="CourseTypeJson[item.id].length > 0 &&
 
+                              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                                ? pTypeCheck.indexOf(item.id) != -1
 
+                                : true)
 
+                              ">{{ item.name }}:</span>
 
+                            <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0 &&
 
+                              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                                ? pTypeCheck.indexOf(item.id) != -1
 
+                                : true)
 
+                              ">
 
+                              <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
 
+                                item1.name }}</el-checkbox>
 
+                            </el-checkbox-group>
 
+                            <!-- <div
 
+                              v-else
 
+                              style="font-size: 14px; margin-left: -8px"
 
+                            >
 
+                              暂无
 
+                            </div> -->
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="right_first">
 
+                      <!-- <div class="ai_box">
 
+                      <div class="ai_content" @click="openAI"><img src="../../assets/icon/new/ai.png"/><span>AI共创</span></div>
 
+                    </div> -->
 
+                      <div class="c_info_title" style="padding: 0 0 15px;margin: 0 auto 0 0;">上传封面</div>
 
+                      <div style="width: 100%;">
 
+                        <div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
 
+                          <img src="../../../assets/icon/addPoster.png" alt="" />
 
+                          <div>点击添加封面</div>
 
+                        </div>
 
+                        <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
 
+                          v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
 
+                          :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
 
+                          :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
 
+                          <i class="el-icon-plus"></i>
 
+                        </el-upload>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="whiteBg" style="margin-top: 10px">
 
+              <div class="wb_j_box">
 
+                <div class="wb_j_box_content">
 
+                  <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
 
+                    (dialogVisibleClass = true),
 
+                    (classSearch = ''),
 
+                    (gradeId = ''),
 
+                    getClass()
 
+                    ">添加班级</button>
 
+                  <div v-if="checkboxList2.length" class="wb_j_box_p_box">
 
+                    <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
 
+                      getClassC(tc) }}</span>
 
+                  </div> -->
 
+                  <div class="wb_j_box_btn" @click="
 
+                    (dialogVisibleClass = true),
 
+                    (classSearch = ''),
 
+                    (gradeId = ''),
 
+                    getClass()
 
+                    ">
 
+                    <div class="wb_j_box_title">授课班级</div>
 
+                    <div class="wb_j_box_btn_c">
 
+                      <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top"
 
+                        v-if="checkboxList2.length" popper-class="text_tooltip2">
 
+                        <div class="wb_j_box_span">{{ getListClassC(checkboxList2) }}</div>
 
+                      </el-tooltip>
 
+                      <div v-else class="wb_j_box_span">请选择授课班级</div>
 
+                      <div class="wb_j_box_arrow"></div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div style="margin-left: auto;">
 
+                  <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="isPasteTask">智能粘贴</button>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="whiteBg" style="margin-top: 10px">
 
+              <groupBox :cid="cid" :classList="classList" :courseDetail="courseDetail" :userid="userid" :type="1"
 
+                classId="" :oid="oid"></groupBox>
 
+            </div>
 
+            <div class="whiteBg" style="border-radius: 0; background:#F0F2F5;" v-if="false">
 
+              <div style="display: flex">
 
+                <div class="course_left">
 
+                  <div class="stepsBottom2">
 
+                    <div class="navBottom" :style="{ height: heightPx }">
 
+                      <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
 
+                        .taskJson" :key="tIndex">
 
+                        <div @click="goToTask(tIndex)" class="navTask" :class="{
 
+                          isNavTask:
 
+                            isClickColor > 0 && isClickColor == tIndex + 1,
 
+                          isNavOpen: t.toolOpen
 
+                        }">
 
+                          <div class="nt_taskBox">
 
+                            <div class="nt_taskTitle">任务{{ tIndex + 1 }}</div>
 
+                            <div class="nt_taskName">
 
+                              <el-tooltip effect="light" :content="t.task" placement="top">
 
+                                <span>{{ t.task }}</span>
 
+                              </el-tooltip>
 
+                            </div>
 
+                          </div>
 
+                          <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
 
+                            1
 
+                            ">
 
+                            <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
 
+                              @click.stop="taskMove(1, tIndex)"></div>
 
+                            <div class="chapter_upload_down" style="width: 25px;height: 25px;"
 
+                              @click.stop="taskMove(2, tIndex)"></div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
 
+                          <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
 
+                            @click="jumpGj(tIndex, toolIndex2)">
 
+                            <div class="gjCss" :class="{ isGjCss: toolIndexType == `gj${tIndex}${toolIndex2}` }">
 
+                              <div>工具{{ toolIndex2 + 1 }}:</div>
 
+                              <div>{{ toolsData[tool.tool[0]] && toolsData[tool.tool[0]].name }}</div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="basic_box2">
 
+                  <div style="margin: 0 0 20px 0; padding: 0 0 0 10px"
 
+                    v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
 
+                    <div class="taskBorder" style="padding: 20px 20px 10px;">
 
+                      <div class="basic_box" style="
 
+                          margin: 0;
 
+                          min-height: 0;
 
+                          padding: 10px 0 0 !important;
 
+                        ">
 
+                        <div style="
 
+                            display: flex;
 
+                            margin: 0 0 20px 0;
 
+                            flex-direction: row;
 
+                            justify-content: space-between;
 
+                            align-items: center;
 
+                          ">
 
+                          <div class="lineTitle">学习内容</div>
 
+                          <div v-if="!item.taskJson[0].isFoldchapter" class="show_taskD show" @click="foldC(0)"><img
 
+                              src="../../../assets/icon/new/icon-slide.png" />收起学习内容</div>
 
+                          <div v-else class="show_taskD" @click="foldC(0)"><img
 
+                              src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div>
 
+                        </div>
 
+                        <div v-if="!item.taskJson[0].isFoldchapter">
 
+                          <div class="add_chapters_box add_c_none" v-if="item.taskJson[0].chapterData &&
 
+                            item.taskJson[0].chapterData.length == 0
 
+                            "><img src="../../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span></div>
 
+                          <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
 
+                            <div class="chapter_upload" v-for="(item1, index1) in item.taskJson[0]
 
+                              .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_i2"></div>
 
+                                  <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px"></div>
 
+                                  <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px"></div>
 
+                                  <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
 
+                                  <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
 
+                                  <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
 
+                                  </div>
 
+                                  <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
 
+                                  </div>
 
+                                  <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
 
+                                  </div>
 
+                                </div>
 
+                                <div class="chapter_upload_n">
 
+                                  <input readonly="true" v-if="item1.type == 2 ||
 
+                                    item1.type == 3 ||
 
+                                    item1.type == 12 ||
 
+                                    item1.type == 13 ||
 
+                                    item1.type == 7
 
+                                    " :placeholder="item1.name" @click="
 
+    updataVideoT(
 
+      $event,
 
+      unitIndex,
 
+      0,
 
+      index1
 
+    )
 
+    " style="
 
+                                  border: none;
 
+                                  outline: none;
 
+                                  width: 80%;
 
+                                  minwidth: 215px;
 
+                                  z-index: 99;
 
+                                  font-size: 14px;
 
+                                  white-space: nowrap;
 
+                                  overflow: hidden;
 
+                                  text-overflow: ellipsis;
 
+                                " />
 
+                                  <input :placeholder="item1.name" v-if="item1.type == 6" style="
 
+                                  border: none;
 
+                                  outline: none;
 
+                                  width: 80%;
 
+                                  white-space: nowrap;
 
+                                  overflow: hidden;
 
+                                  text-overflow: ellipsis;
 
+                                " readonly="true" @click="selectAttText(0, index1)" />
 
+                                  <input :placeholder="item1.title ? item1.title : '链接'
 
+                                    " v-if="item1.type == 8" style="
 
+                                  border: none;
 
+                                  outline: none;
 
+                                  width: 80%;
 
+                                  white-space: nowrap;
 
+                                  overflow: hidden;
 
+                                  text-overflow: ellipsis;
 
+                                " readonly="true" @click="selectLine(0, index1)" />
 
+                                  <input :placeholder="item1.title ? item1.title : '链接'
 
+                                    " v-if="item1.type == 14" style="
 
+                                  border: none;
 
+                                  outline: none;
 
+                                  width: 80%;
 
+                                  white-space: nowrap;
 
+                                  overflow: hidden;
 
+                                  text-overflow: ellipsis;
 
+                                " readonly="true" @click="openUpdateSource(0, index1)" />
 
+                                </div>
 
+                                <div class="chapter_upload_ic">
 
+                                  <div class="chapter_upload_noSee" v-if="item1.type == 12">
 
+                                  </div>
 
+                                  <div class="chapter_upload_ud" style="z-index: 99">
 
+                                    <div class="chapter_upload_up" @click.stop="
 
+                                      upCd(
 
+                                        $event,
 
+                                        unitIndex,
 
+                                        index,
 
+                                        0,
 
+                                        index1
 
+                                      )
 
+                                      "></div>
 
+                                    <div class="chapter_upload_down" @click.stop="
 
+                                      downCd(
 
+                                        $event,
 
+                                        unitIndex,
 
+                                        index,
 
+                                        0,
 
+                                        index1
 
+                                      )
 
+                                      "></div>
 
+                                  </div>
 
+                                  <div class="chapter_upload_ic_edit" v-if="item1.type == 2 ||
 
+                                    item1.type == 3 ||
 
+                                    item1.type == 12 ||
 
+                                    item1.type == 13 ||
 
+                                    item1.type == 7
 
+                                    " @click.stop="
 
+    updataVideoT(
 
+      $event,
 
+      unitIndex,
 
+      0,
 
+      index1
 
+    )
 
+    ">
 
+                                    <div></div>
 
+                                  </div>
 
+                                  <div class="chapter_upload_ic_edit" v-if="item1.type == 6"
 
+                                    @click="selectAttText(0, index1)">
 
+                                    <div></div>
 
+                                  </div>
 
+                                  <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
 
+                                    @click="selectLine(0, index1)">
 
+                                    <div></div>
 
+                                  </div>
 
+                                  <div class="chapter_upload_ic_edit" v-if="item1.type == 14"
 
+                                    @click="openUpdateSource(0, index1)">
 
+                                    <div></div>
 
+                                  </div>
 
+                                  <div class="chapter_upload_ic_r" @click.stop="
 
+                                    deleteChapterData(
 
+                                      $event,
 
+                                      unitIndex,
 
+                                      index,
 
+                                      index1,
 
+                                      0
 
+                                    )
 
+                                    ">
 
+                                    <div></div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="add_info_box" v-if="!item.taskJson[0].isFoldchapter">
 
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
 
+                            添加文件
 
+                            <input type="file" accept="*" style="display: none" v-if="inputShow"
 
+                              @change="beforeUpload2($event, unitIndex, 13, 0)" />
 
+                          </button>
 
+                          <!-- <button class="info_btn" @click="addImg($event)">
 
+                            添加视频
 
+                            <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
 
+                              v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, 0)
 
+                                " />
 
+                          </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, 0)
 
+                                " />
 
+                          </button> -->
 
+                          <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
 
+                            添加图文
 
+                          </button>
 
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
 
+                            添加链接
 
+                          </button>
 
+                          <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
 
+                            嵌入代码
 
+                          </button>
 
+                          <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
 
+                            添加资源
 
+                          </button>
 
+                          <!-- <button class="info_btn" @click="addImg($event)">
 
+                            其他附件
 
+                            <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
 
+                              " />
 
+                          </button> -->
 
+                        </div>
 
+                        <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[0]
 
+                          .proVisible
 
+                          " class="mask">
 
+                          <div class="progressBox">
 
+                            <!-- <div id="closePro" class="closeCss">
 
+                                            <img src="../../../../assets/icon/close.png" alt />
 
+                                        </div> -->
 
+                            <div class="lbox">
 
+                              <img src="../../../assets/loading.gif" />上传中，请稍后
 
+                            </div>
 
+                            <div style="margin-bottom: 10px">
 
+                              <span>{{
 
+                                unitJson[unitIndex].chapterInfo[0].taskJson[0]
 
+                                  .isFinishSize
 
+                              }}M</span>
 
+                              /
 
+                              <span>{{
 
+                                unitJson[unitIndex].chapterInfo[0].taskJson[0]
 
+                                  .isAllSize
 
+                              }}M</span>
 
+                            </div>
 
+                            <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[0]
 
+                              .progress
 
+                              ? unitJson[unitIndex].chapterInfo[0]
 
+                                .taskJson[0].progress
 
+                              : 0
 
+                              " style="width: 80%"></el-progress>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="taskBorder" :style="{
 
+                      minHeight: unitJson[unitIndex].easy && 'unset',
 
+                    }" v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
 
+                      <div v-if="unitJson[unitIndex].easy != 1">
 
+                        <div :style="{
 
+                          marginBottom:
 
+                            unitJson[unitIndex].easy == 3 ||
 
+                              (unitJson[unitIndex].easy == 5 &&
 
+                                itemTask.taskType == 1)
 
+                              ? '75px'
 
+                              : '0',
 
+                        }">
 
+                          <div style="
 
+                              display: flex;
 
+                              margin: 0px 0 20px;
 
+                              flex-direction: row;
 
+                              justify-content: flex-start;
 
+                              align-items: center;
 
+                            ">
 
+                            <div class="lineTitle">任务{{ itemTaskIndex + 1 }}概述</div>
 
+                          </div>
 
+                          <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
 
+                              flex-direction: row;
 
+                              justify-content: flex-start;
 
+                              align-items: center;
 
+                            ">
 
+                            <!-- <div  class="cc_title">
 
+                              任务{{ itemTaskIndex + 1 }}
 
+                            </div> -->
 
+                            <div class="cc_input">
 
+                              <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
 
+                                v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                                  itemTaskIndex
 
+                                ].task
 
+                                  " />
 
+                              <div v-if="itemTask.isFold2" class="show_taskD show" @click="fold2(itemTaskIndex)"><img
 
+                                  src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
 
+                              <div v-else class="show_taskD" @click="fold2(itemTaskIndex)"><img
 
+                                  src="../../../assets/icon/new/icon-slide.png" />展开任务描述</div>
 
+                            </div>
 
+                            <div class="remove" v-if="item.taskJson.length > 1" @click="deleteTask(itemTaskIndex)"></div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div style="margin: 25px 0" v-if="itemTask.isFold2">
 
+                        <!-- <editor-bar style="width: 90% !important; margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                          itemTaskIndex
 
+                        ].taskDetail
 
+                          " @change="change"></editor-bar> -->
 
+                        <textarea rows="2" v-autoHeight="70" class="binfo_input" placeholder="请输入任务描述" cols v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                          itemTaskIndex
 
+                        ].taskDetail
 
+                          "></textarea>
 
+                      </div>
 
+                      <div class="toolChoose" style="margin: 20px 0">
 
+                        <div class="tools">
 
+                          <div class="leftTools" style="
 
+                              width: 100%;
 
+                            " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
 
+                            <div style="
 
+                                display: flex;
 
+                                flex-direction: row;
 
+                                align-items: baseline;
 
+                                flex-wrap: nowrap;
 
+                                justify-content: flex-start;
 
+                                position: relative;
 
+                              ">
 
+                              <div :id="'gj' + itemTaskIndex + '' + toolIndex"
 
+                                style="margin-right: 20px; font-weight: bold">
 
+                                步骤 {{ toolIndex + 1 }} ：
 
+                              </div>
 
+                              <div class="chooseWho">
 
+                                <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
 
+                                  " @click="(itemTool.toolType = 0), (itemTool.isFold3 = true), $forceUpdate()">
 
+                                  互动类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 1
 
+                                  ? 'isChooseActive'
 
+                                  : ''
 
+                                  " @click="
 
+    (itemTool.toolType = 1), (itemTool.isFold3 = true), $forceUpdate()
 
+    ">
 
+                                  思维类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 6
 
+                                  ? 'isChooseActive'
 
+                                  : ''
 
+                                  " @click="
 
+    (itemTool.toolType = 6), (itemTool.isFold3 = true), $forceUpdate()
 
+    ">
 
+                                  协作类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 2
 
+                                  ? 'isChooseActive'
 
+                                  : ''
 
+                                  " @click="
 
+    (itemTool.toolType = 2), (itemTool.isFold3 = true), $forceUpdate()
 
+    ">
 
+                                  测评类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 7
 
+                                  ? 'isChooseActive'
 
+                                  : ''
 
+                                  " @click="
 
+    (itemTool.toolType = 7), (itemTool.isFold3 = true), $forceUpdate()
 
+    ">
 
+                                  评价类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 3
 
+                                  ? 'isChooseActive'
 
+                                  : ''
 
+                                  " @click="
 
+    (itemTool.toolType = 3), (itemTool.isFold3 = true), $forceUpdate()
 
+    ">
 
+                                  编程类
 
+                                </div>
 
+                                <div :class="itemTool.toolType == 5 ? 'isChooseActive' : ''
 
+                                  " @click="(itemTool.toolType = 5), (itemTool.isFold3 = true), $forceUpdate()">
 
+                                  学科类
 
+                                </div>
 
+                                <!-- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
 
+                                  " @click="(itemTool.toolType = 4), $forceUpdate()">
 
+                                  其他
 
+                                </div> -->
 
+                              </div>
 
+                              <div v-if="itemTool.isFold3" class="show_toolD show"
 
+                                @click="fold3(itemTaskIndex, toolIndex)"
 
+                                :style="{ right: itemTask.toolChoose.length > 1 ? '45px' : '0px' }"><img
 
+                                  src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
 
+                              <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
 
+                                :style="{ right: itemTask.toolChoose.length > 1 ? '45px' : '0px' }"><img
 
+                                  src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div>
 
+                              <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
 
+                                v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 0"></div>
 
+                            </div>
 
+                            <div style="min-height: 163px" v-show="itemTool.isFold3">
 
+                              <div class="toolSort" v-if="itemTool.toolType == 0">
 
+                                <!-- <div class="tool">
 
+                              <div
 
+                                class="whiteBIcon"
 
+                                @click="addTools(8, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img src="../../../assets/icon/secondToolList/library.png" alt />
 
+                                <div style="margin: 5px 0">素材库</div>
 
+                              </div>
 
+                              <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(8) == -1"
 
+                                />
 
+                                <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
 
+                                    alt /><span>已选择</span></div>
 
+                              </div>
 
+                            </div>-->
 
+                                <!-- <div class="tool">
 
+                              <div
 
+                                class="whiteBIcon"
 
+                                @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/secondToolList/library.png"
 
+                                  alt
 
+                               />
 
+                                <div style="margin: 5px 0">学习资料</div>
 
+                              </div>
 
+                              <div
 
+                                class="check"
 
+                                @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(17) == -1"
 
+                                />
 
+                                <img
 
+                                  src="../../../assets/icon/checkedIs.png"
 
+                                  alt
 
+                                  v-else
 
+                                />
 
+                              </div>10
 
+                            </div> -->
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 10, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/time.png" alt />
 
+                                    <div style="margin: 5px 0">倒计时</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(10, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(10) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="addTools(65, itemTaskIndex, toolIndex)">
 
+                                    <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
 
+                                    <div style="margin: 5px 0">挑人</div>
 
+                                  </div>
 
+                                  <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(65) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                                  <div
 
+                                    class="whiteBIcon"
 
+                                    @click="
 
+                                      openTools(itemTaskIndex, 49, toolIndex)
 
+                                    "
 
+                                  >
 
+                                    <img
 
+                                      src="../../../assets/icon/fourthToolList/group.png"
 
+                                      alt
 
+                                    />
 
+                                    <div style="margin: 5px 0">学生分组</div>
 
+                                  </div>
 
+                                  <div
 
+                                    class="check"
 
+                                    @click="
 
+                                      addTools(49, itemTaskIndex, toolIndex)
 
+                                    "
 
+                                  >
 
+                                    <img
 
+                                      src="../../../assets/icon/checkNo.png"
 
+                                      alt
 
+                                      v-if="itemTool.tool.indexOf(49) == -1"
 
+                                    />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img
 
+                                        src="../../../assets/icon/checkedIs.png"
 
+                                        alt
 
+                                      /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div> -->
 
+                                <!-- <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 62, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
 
+                                    <div style="margin: 5px 0">交互视频</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(62, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(62) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div> -->
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 1">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(7, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                                    <div style="margin: 5px 0">思维网格</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(7, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(7) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 1, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                                    <div style="margin: 5px 0">电子白板</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(1, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(1) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                              <div
 
+                                class="whiteBIcon"
 
+                                @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/secondToolList/note.png"
 
+                                  alt
 
+                                />
 
+                                <div style="margin: 5px 0">便签</div>
 
+                              </div>
 
+                              <div
 
+                                class="check"
 
+                                @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(2) == -1"
 
+                                />
 
+                                <div class="checkDiv" v-else>
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                  /><span>已选择</span>
 
+                                </div>
 
+                              </div>
 
+                            </div> -->
 
+                                <!-- <div class="tool">
 
+                              <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
 
+                                <img src="../../../assets/icon/secondToolList/doc.png" alt />
 
+                                <div style="margin: 5px 0">协同文档</div>
 
+                              </div>
 
+                              <div
 
+                                class="check"
 
+                                @click="addTools(6, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(6) == -1"
 
+                                />
 
+                                <div class="checkDiv" v-else>
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                  /><span>已选择</span>
 
+                                </div>
 
+                              </div>
 
+                            </div> -->
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 52, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/text.png" alt />
 
+                                    <div style="margin: 5px 0">文档</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(52, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(52) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 3, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                                    <div style="margin: 5px 0">思维导图</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(3, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(3) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 48, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/table.png" alt />
 
+                                    <div style="margin: 5px 0">表格</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(48, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(48) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 6">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 49, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/group.png" alt />
 
+                                    <div style="margin: 5px 0">学生分组</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(49, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(49) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 2">
 
+                                <!-- <div class="tool">
 
+                              <div
 
+                                class="whiteBIcon"
 
+                                @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/thirdToolList/score.png"
 
+                                  alt
 
+                                />
 
+                                <div style="margin: 5px 0">量规评分</div>
 
+                              </div>
 
+                              <div
 
+                                class="check"
 
+                                @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(5) == -1"
 
+                                />
 
+                                <img
 
+                                  src="../../../assets/icon/checkedIs.png"
 
+                                  alt
 
+                                  v-else
 
+                                />
 
+                              </div>
 
+                            </div>-->
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 4, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                                    <div style="margin: 5px 0">问卷调查</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(4, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(4) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 45, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/choose.png" alt />
 
+                                    <div style="margin: 5px 0">选择题</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(45, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(45) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 15, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/answer.png" alt />
 
+                                    <div style="margin: 5px 0">问答</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(15, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(15) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(16, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/work.png" alt />
 
+                                    <div style="margin: 5px 0">作业提交</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(16, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(16) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(50, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                    <div style="margin: 5px 0">批量上传</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(50, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(50) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                                  <div
 
+                                    class="whiteBIcon"
 
+                                    @click="
 
+                                      openTools(itemTaskIndex, 40, toolIndex)
 
+                                    "
 
+                                  >
 
+                                    <img
 
+                                      src="../../../assets/icon/thirdToolList/eval.png"
 
+                                      alt
 
+                                    />
 
+                                    <div style="margin: 5px 0">个人评价</div>
 
+                                  </div>
 
+                                  <div
 
+                                    class="check"
 
+                                    @click="
 
+                                      addTools(40, itemTaskIndex, toolIndex)
 
+                                    "
 
+                                  >
 
+                                    <img
 
+                                      src="../../../assets/icon/checkNo.png"
 
+                                      alt
 
+                                      v-if="itemTool.tool.indexOf(40) == -1"
 
+                                    />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img
 
+                                        src="../../../assets/icon/checkedIs.png"
 
+                                        alt
 
+                                      /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div> -->
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 41, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/select.png" alt />
 
+                                    <div style="margin: 5px 0">选择匹配</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(41, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(41) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 47, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                    <div style="margin: 5px 0">排序</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(47, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(47) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                              <div
 
+                                class="whiteBIcon"
 
+                                @click="openTools(itemTaskIndex, 42, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/thirdToolList/mp3.png"
 
+                                  alt
 
+                                />
 
+                                <div style="margin: 5px 0">上传音频</div>
 
+                              </div>
 
+                              <div
 
+                                class="check"
 
+                                @click="addTools(42, itemTaskIndex, toolIndex)"
 
+                              >
 
+                                <img
 
+                                  src="../../../assets/icon/checkNo.png"
 
+                                  alt
 
+                                  v-if="itemTool.tool.indexOf(42) == -1"
 
+                                />
 
+                                <img
 
+                                  src="../../../assets/icon/checkedIs.png"
 
+                                  alt
 
+                                  v-else
 
+                                />
 
+                              </div>
 
+                            </div> -->
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 3">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(18, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
 
+                                    <div style="margin: 5px 0">训练平台</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(18, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(18) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(21, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/program.png" alt />
 
+                                    <div style="margin: 5px 0">AIoT Blockly</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(21, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(21) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(22, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
 
+                                    <div style="margin: 5px 0">AI体验</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(22, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(22) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div> -->
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(23, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
 
+                                    <div style="margin: 5px 0">AI Python</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(23, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(23) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(24, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
 
+                                    <div style="margin: 5px 0">AI Blockly</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(24, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(24) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(32, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/code.png" alt />
 
+                                    <div style="margin: 5px 0">源码编辑</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(32, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(32) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="openTools(itemTaskIndex, 57, toolIndex)">
 
+                                    <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
 
+                                    <div style="margin: 5px 0">CocoPi</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(57, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(57) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(63, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
 
+                                    <div style="margin: 5px 0">海龟编程</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(63, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(63) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 5">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(28, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/translation.png" alt />
 
+                                    <div style="margin: 5px 0">翻译</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(28, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(28) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(31, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                    <div style="margin: 5px 0">数字画板</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(31, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(31) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(39, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                    <div style="margin: 5px 0">GeoGebra</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(39, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(39) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(66, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
 
+                                    <div style="margin: 5px 0">公式编辑</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(66, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(66) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(67, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/molStr.png" alt />
 
+                                    <div style="margin: 5px 0">分子结构</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(67, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(67) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(68, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
 
+                                    <div style="margin: 5px 0">时间轴</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(68, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(68) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(28, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/translation.png" alt />
 
+                                    <div style="margin: 5px 0">翻译</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(28, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(28) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(37, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/mohe.png" alt />
 
+                                    <div style="margin: 5px 0">魔盒识字</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(37, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(37) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(38, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/24game.png" alt />
 
+                                    <div style="margin: 5px 0">24点</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(38, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(38) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(31, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                    <div style="margin: 5px 0">数学画板</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(31, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(31) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(39, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                    <div style="margin: 5px 0">GeoGebra</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(39, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(39) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(58, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/car.png" alt />
 
+                                    <div style="margin: 5px 0">模拟驾驶</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(58, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(58) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(59, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
 
+                                    <div style="margin: 5px 0">路径搜索</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(59, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(59) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(60, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
 
+                                    <div style="margin: 5px 0">深度学习</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(60, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(60) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(61, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
 
+                                    <div style="margin: 5px 0">全历史</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(61, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(61) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div> -->
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 7">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    openTools(itemTaskIndex, 40, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/eval.png" alt />
 
+                                    <div style="margin: 5px 0">个人评价</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(40, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(40) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="toolSort" v-if="itemTool.toolType == 4">
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(26, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
 
+                                    <div style="margin: 5px 0">课程设计</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(26, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(26) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="tool">
 
+                                  <div class="whiteBIcon" @click="
 
+                                    addTools(25, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
 
+                                    <div style="margin: 5px 0">目标管理</div>
 
+                                  </div>
 
+                                  <div class="check" @click="
 
+                                    addTools(25, itemTaskIndex, toolIndex)
 
+                                    ">
 
+                                    <img src="../../../assets/icon/checkNo.png" alt
 
+                                      v-if="itemTool.tool.indexOf(25) == -1" />
 
+                                    <div class="checkDiv" v-else>
 
+                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                    </div>
 
+                                  </div>
 
+                                </div>
 
+                                <!-- <div class="tool">
 
+                              <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
 
+                                <div style="margin: 5px 0">汉字宫</div>
 
+                              </div>
 
+                              <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
 
+                                <div class="checkDiv" v-else>
 
+                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                </div>
 
+                              </div>
 
+                            </div> -->
 
+                              </div>
 
+                            </div>
 
+                            <div v-show="itemTool.isFold3">
 
+                              <textarea rows="3" type="text" v-autoHeight="87" placeholder="添加工具描述" class="binfo_input"
 
+                                style="
 
+                                  margin: 0 0 20px 0;
 
+                                " v-model="itemTool.toolDetail"></textarea>
 
+                            </div>
 
+                          </div>
 
+                          <div class="addToolFun2" @click="addToolFun(itemTaskIndex)">
 
+                            <div class="addToolImg">
 
+                              <img src="../../../assets/icon/add.png" alt />
 
+                            </div>
 
+                            <div>添加工具</div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
 
+                      <!-- <div>
 
+                        <img src="../../../assets/icon/new/addStage.png" alt />
 
+                        <span>添加任务</span>
 
+                      </div> -->
 
+                      <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
 
+                        添加任务
 
+                      </button>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="info_btnBox3">
 
+              <button class="c_pub_button_return pub_btn_return_img" @click="lastSteps">
 
+                返回首页
 
+              </button>
 
+              <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps">
 
+                确认上传
 
+              </button>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true" width="25%"
 
+      :before-close="handleClose" class="dialog_diy2 customWidth">
 
+      <el-form>
 
+        <el-form-item label="文档标题">
 
+          <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
 
+        </el-form-item>
 
+        <div>文档简介</div>
 
+        <editor-bar v-model="tdetail" @change="change"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible1 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
 
+        <el-button type="primary" @click="upWord" v-else>修 改</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <el-form-item label="文档标题">
 
+          <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
 
+        </el-form-item>
 
+        <div>文档内容</div>
 
+        <editor-bar v-model="cTemplate" @change="change"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearChoose">取 消</el-button>
 
+        <el-button type="primary" @click="wordNext()">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <el-form-item label="文本标题">
 
+          <el-input ref="fuInput" v-model="AttText.title" auto-complete="off" @input="change2"
 
+            placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item>
 
+        <!-- <div>富文本内容</div> -->
 
+        <editor-bar v-model="AttText.text" @change="change" v-if="dialogVisible6"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearAttText">取 消</el-button>
 
+        <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy lineCss">
 
+      <el-form>
 
+        <el-form-item label="标题" :label-width="formLabelWidth">
 
+          <span>
 
+            <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
 
+          </span>
 
+        </el-form-item>
 
+        <el-form-item label="链接" :label-width="formLabelWidth">
 
+          <span>
 
+            <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
 
+          </span>
 
+        </el-form-item>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearLine">取 消</el-button>
 
+        <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog :title="updateSourcePan ? '修改资源' : '添加资源'" :visible.sync="dialogVisibleSource" :append-to-body="true"
 
+      width="100%" :before-close="handleClose" class="dialog_diy source_diy">
 
+      <div>
 
+        <sourceDialog :sourceData.sync="sourceData" :updateSourcePan="updateSourcePan"></sourceDialog>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleSource = false">取 消</el-button>
 
+        <el-button type="primary" @click="addSource" v-if="!updateSourcePan">确定</el-button>
 
+        <el-button type="primary" @click="updateSource" v-else>确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加课程成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%"
 
+      :before-close="handleClose" class="addNewPP customWidth">
 
+      <div class="people">
 
+        <div class="people_top">
 
+          <div class="people_nav">选择成员</div>
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-input style="height: 100%" placeholder="搜索成员名称" v-model="searchPeople"></el-input>
 
+              <div class="search_img" @click="searchStudent">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <el-checkbox-group v-model="checkboxList" class="people_name">
 
+          <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{ item.name ? item.name :
 
+            "暂无学生可选" }}</el-checkbox>
 
+        </el-checkbox-group>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible3 = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddPP">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <!-- <el-dialog title="添加班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="400px" height="80%"
 
+      :before-close="handleClose" class="addNewPP">
 
+      <div class="people" style="height: 300px">
 
+        <div class="people_top">
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-select v-model="gradeId" placeholder="请选择年级" class="student_input" clearable @change="getClass()">
 
+                <el-option label="全部" value=""></el-option>
 
+                <el-option v-for="(item, index) in gradeList" :key="index" :label="item.name"
 
+                  :value="item.id"></el-option>
 
+              </el-select>
 
+              <el-input placeholder="搜索班级名称" v-model="classSearch" @input="getClass()"></el-input>
 
+              <div class="search_img">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="people_nav">选择班级</div>
 
+        </div>
 
+        <el-checkbox-group v-model="checkboxList2" class="people_name people_name2" @change="InviteChange"
 
+          v-if="grade2.length">
 
+          <div v-for="item in grade2" :key="item.id" class="p_box">
 
+            <el-checkbox :label="item.id">
 
+              {{ item.name }}
 
+            </el-checkbox>
 
+          </div>
 
+        </el-checkbox-group>
 
+        <div v-if="!grade2.length" style="padding:20px 10px">暂无数据</div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleClass = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddClass">确定</el-button>
 
+      </span>
 
+    </el-dialog> -->
 
+    <el-dialog title="选择授课班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="600px" height="80%"
 
+      :before-close="handleClose" class="addNewPP2">
 
+      <div class="check_classBox">
 
+        <div class="check_class_right">
 
+          <div class="check_class" :class="{ activeX: gradeId == '' }" @click="gradeId = '', getClass()">
 
+            全部
 
+          </div>
 
+          <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
 
+            <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="gradeId = item.id, getClass()">
 
+              {{ item.name }}
 
+            </div>
 
+          </el-tooltip>
 
+        </div>
 
+        <div class="check_class_left">
 
+          <div class="check_class_left_title">选择班级</div>
 
+          <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange" v-if="grade2.length">
 
+            <div v-for="item in grade2" :key="item.id" class="class_item">
 
+              <el-checkbox :label="item.id">
 
+                {{ item.name }}
 
+              </el-checkbox>
 
+            </div>
 
+          </el-checkbox-group>
 
+          <div v-if="!grade2.length">暂无数据</div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleClass = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddClass">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
 
+      :before-close="handleClose" class="addNewPP customWidth">
 
+      <div class="people">
 
+        <div class="people_top">
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
 
+              <div class="search_img" @click="getTeacher">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="people_nav">选择成员</div>
 
+        </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>
 
+              <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="dialogVisibleMember = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(4) }" class="dialog_diy fullStyle">
 
+      <div style="height:100%">
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: row;
 
+            align-items: center;
 
+            justify-content: center;
 
+          ">
 
+          <!-- <div style="margin-right: 20px; font-size: 20px">标题:</div> -->
 
+          <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
 
+        </div>
 
+        <div class="a_addBox" style="height:calc(100% - 50px)">
 
+          <!-- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div> -->
 
+          <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
 
+            <div class="a_add_checkType">
 
+              <span :class="{
 
+                active:
 
+                  askJson.askJson[index1].type == '1' ||
 
+                  !askJson.askJson[index1].type,
 
+              }" @click="checkAskType('1', askJson.askJson[index1])">单选题</span>
 
+              <span :class="{ active: askJson.askJson[index1].type == '2' }"
 
+                @click="checkAskType('2', askJson.askJson[index1])">多选题</span>
 
+            </div>
 
+            <div class="a_add_head">
 
+              <div style="display: flex;align-items: center;width: 100%;margin-right: 20px;">
 
+                <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
 
+                <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].askstitle
 
+                  " placeholder="请输入题目" @change="() => { $forceUpdate() }"></textarea>
 
+              </div>
 
+              <div class="moveBtn moveBtn2" style="margin: 0 20px 0 0px;" v-if="askJson.askCount != 1">
 
+                <div class="chapter_upload_up" @click.stop="askMove(1, index1)">
 
+                </div>
 
+                <div class="chapter_upload_down" @click.stop="askMove(2, index1)"></div>
 
+              </div>
 
+              <div class="a_add_head_div">
 
+                <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
 
+                </el-button>
 
+                <el-button type="primary" size="small" @click="addAskList(index1)">添加</el-button>
 
+              </div>
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input" style="flex-direction: column;">
 
+                <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex"
 
+                  style=" margin: 20px 10px 0 0;display: flex;align-items:center;position: relative;">
 
+                  <div style="margin-right: 10px">
 
+                    选项{{ checkIndex + 1 }}
 
+                  </div>
 
+                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].checkList[checkIndex]
 
+                    " placeholder="请输入选项" style="width: 300px" @change="() => { $forceUpdate() }"></textarea>
 
+                  <div class="moveBtn moveBtn2" style="margin: 0 0px 0 20px" v-if="askJson.askJson[index1].askItem != 1">
 
+                    <div class="chapter_upload_up" @click.stop="checkMove(1, index1, checkIndex)">
 
+                    </div>
 
+                    <div class="chapter_upload_down" @click.stop="checkMove(2, index1, checkIndex)"></div>
 
+                  </div>
 
+                  <div class="a_add_body_div">
 
+                    <el-button type="primary" size="small"
 
+                      @click="addcheckList(askJson.askJson[index1], checkIndex)">添加</el-button>
 
+                    <el-button type="primary" size="small" @click="deletecheckList(askJson.askJson[index1], checkIndex)"
 
+                      v-if="askJson.askJson[index1].askItem != 1">删除
 
+                    </el-button>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!-- <div class="a_add_body_div">
 
+                <el-button style="margin: 10px 0px 0 0" type="primary" size="small"
 
+                  @click="addcheckList(askJson.askJson[index1])">添加</el-button>
 
+                <el-button type="primary" size="small" style="margin: 10px 0 0 10px"
 
+                  @click="deletecheckList(askJson.askJson[index1])" v-if="askJson.askJson[index1].askItem != 1">删除
 
+                </el-button>
 
+              </div> -->
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(4)">取 消</el-button>
 
+        <el-button type="primary" @click="addAsk">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(45) }" class="dialog_diy fullStyle">
 
+      <div style="height:100%">
 
+        <!-- <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: row;
 
+            align-items: center;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
 
+          <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
 
+        </div> -->
 
+        <div class="a_addBox" style="height:100%">
 
+          <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
 
+            <!-- 请输入题目内容 -->
 
+            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
 
+              v-if="isPasteChoice">智能粘贴</button>
 
+          </div>
 
+          <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
 
+            <div class="a_add_checkType">
 
+              <span :class="{ active: testJson.testJson[index1].type == '1' }"
 
+                @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
 
+              <span :class="{ active: testJson.testJson[index1].type == '2' }"
 
+                @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
 
+            </div>
 
+            <div class="a_add_head">
 
+              <div class="timuUpImg">
 
+                <div style="display: flex;align-items: center;">
 
+                  <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
 
+                  <!-- <el-input class="a_add_head_input"  v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
 
+                    placeholder="请输入题目">
 
+                  </el-input> -->
 
+                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
 
+                    v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目"
 
+                    @change="() => { $forceUpdate() }"></textarea>
 
+                </div>
 
+                <div class="moveBtn moveBtn2" v-if="testJson.testCount != 1">
 
+                  <div class="chapter_upload_up" @click.stop="testMove(1, index1)">
 
+                  </div>
 
+                  <div class="chapter_upload_down" @click.stop="testMove(2, index1)"></div>
 
+                </div>
 
+                <div class="xzUpImg" @click.stop="addImg($event)" style="margin-right: 10px;">
 
+                  <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                  <input type="file" accept="image/*" style="display: none" @change="beforeUploadTiMu($event, index1)" />
 
+                </div>
 
+              </div>
 
+              <div class="a_add_head_div">
 
+                <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
 
+                </el-button>
 
+                <el-button type="primary" size="small" @click="addTestList(index1)">添加</el-button>
 
+              </div>
 
+            </div>
 
+            <div class="timuImgBox" v-if="testJson.testJson[index1].timuList &&
 
+              testJson.testJson[index1].timuList.length
 
+              ">
 
+              <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
 
+                @click.stop="previewImg(timg.src)">
 
+                <img :src="timg.src" alt="" />
 
+                <div class="deleteWord" @click.stop="deleteM(index1, tIndex)">
 
+                  <img src="../../../assets/icon/delete.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input a_add_input_choice">
 
+                <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1"
 
+                  @change="() => { $forceUpdate() }">
 
+                  <div class="radioBox">
 
+                    <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
 
+                      .testItem" :key="checkIndex" :label="checkIndex">
 
+                      <div style="margin-right: 10px">
 
+                        选项{{ checkIndex + 1 }}
 
+                      </div>
 
+                      <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex] &&
 
+                        testJson.testJson[index1].checkList[checkIndex]
 
+                          .imgType &&
 
+                        testJson.testJson[index1].checkList[checkIndex]
 
+                          .imgType == 1
 
+                        ">
 
+                        <div class="inImg" @click.stop="
 
+                          previewImg(
 
+                            testJson.testJson[index1].checkList[checkIndex]
 
+                              .src
 
+                          )
 
+                          ">
 
+                          <el-image :src="testJson.testJson[index1].checkList[checkIndex]
 
+                            .src
 
+                            " lazy />
 
+                          <!-- <img :src="
 
+                            testJson.testJson[index1].checkList[checkIndex]
 
+                              .src
 
+                          " alt="" /> -->
 
+                        </div>
 
+                      </div>
 
+                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
 
+                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
 
+                        @change="() => { $forceUpdate() }"></textarea>
 
+                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
 
+                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)">
 
+                        </div>
 
+                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
 
+                      </div>
 
+                      <div class="xzUpImg" @click.stop="addImg($event)">
 
+                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                        <input type="file" accept="image/*" style="display: none"
 
+                          @change="beforeUploadTi($event, index1, checkIndex)" />
 
+                      </div>
 
+                      <div class="a_add_body_div">
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="addTcheckList(testJson.testJson[index1], checkIndex)">添加</el-button>
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex)"
 
+                          v-if="testJson.testJson[index1].testItem != 1">删除
 
+                        </el-button>
 
+                      </div>
 
+                    </el-radio>
 
+                  </div>
 
+                </el-radio-group>
 
+                <el-checkbox-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == '2'"
 
+                  @change="() => { $forceUpdate() }">
 
+                  <div class="radioBox">
 
+                    <el-checkbox v-for="(item2, checkIndex1) in testJson.testJson[index1]
 
+                      .testItem" :key="checkIndex1" :label="checkIndex1">
 
+                      <div style="margin-right: 10px">
 
+                        选项{{ checkIndex1 + 1 }}
 
+                      </div>
 
+                      <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex1] &&
 
+                        testJson.testJson[index1].checkList[checkIndex1]
 
+                          .imgType &&
 
+                        testJson.testJson[index1].checkList[checkIndex1]
 
+                          .imgType == 1
 
+                        ">
 
+                        <div class="inImg" @click.stop="
 
+                          previewImg(
 
+                            testJson.testJson[index1].checkList[checkIndex1]
 
+                              .src
 
+                          )
 
+                          ">
 
+                          <el-image :src="testJson.testJson[index1].checkList[checkIndex1]
 
+                            .src
 
+                            " lazy />
 
+                          <!-- <img :src="
 
+                            testJson.testJson[index1].checkList[checkIndex1]
 
+                              .src
 
+                          " alt="" /> -->
 
+                        </div>
 
+                      </div>
 
+
 
+                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
 
+                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
 
+                        @change="() => { $forceUpdate() }"></textarea>
 
+                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
 
+                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)">
 
+                        </div>
 
+                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
 
+                      </div>
 
+                      <div class="xzUpImg" @click.stop="addImg($event)">
 
+                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                        <input type="file" accept="image/*" style="display: none"
 
+                          @change="beforeUploadTi($event, index1, checkIndex1)" />
 
+                      </div>
 
+                      <div class="a_add_body_div">
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="addTcheckList(testJson.testJson[index1], checkIndex1)">添加</el-button>
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex1)"
 
+                          v-if="testJson.testJson[index1].testItem != 1">删除
 
+                        </el-button>
 
+                      </div>
 
+                    </el-checkbox>
 
+                  </div>
 
+                </el-checkbox-group>
 
+              </div>
 
+              <!-- <div class="a_add_body_div">
 
+                <el-button type="primary" size="small" @click="addTcheckList(testJson.testJson[index1])">添加</el-button>
 
+                <el-button type="primary" size="small" @click="deleteTcheckList(testJson.testJson[index1])"
 
+                  v-if="testJson.testJson[index1].testItem != 1">删除
 
+                </el-button>
 
+              </div> -->
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(45)">取 消</el-button>
 
+        <el-button type="primary" @click="addTest">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加工具" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
 
+      :before-close="handleClose" class="dialog_diy addToolsDia">
 
+      <div class="toolChoose" style="padding: 0 0 0 30px">
 
+        <div class="tools">
 
+          <div class="leftTools" style="
 
+              width: 95%;
 
+              padding: 0 0 15px 0;
 
+              margin: 15px 0;
 
+            " v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
 
+            <div style="
 
+                display: flex;
 
+                flex-direction: row;
 
+                align-items: baseline;
 
+                flex-wrap: nowrap;
 
+                justify-content: flex-start;
 
+                position: relative;
 
+              ">
 
+              <div class="chooseWho">
 
+                <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
 
+                  互动类
 
+                </div>
 
+                <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
 
+                  思维类
 
+                </div>
 
+                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
 
+                  评价类
 
+                </div>
 
+                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
 
+                  其他
 
+                </div>
 
+              </div>
 
+            </div>
 
+
 
+            <div style="min-height: 163px">
 
+              <div class="toolSort" v-if="chapToolsType == 0">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(8)">
 
+                    <img src="../../../assets/icon/secondToolList/library.png" alt />
 
+                    <div style="margin: 5px 0">素材库</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(8)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="toolSort" v-if="chapToolsType == 1">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(7)">
 
+                    <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                    <div style="margin: 5px 0">思维网格</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(7)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(1)">
 
+                    <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                    <div style="margin: 5px 0">电子白板</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(1)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(2)">
 
+                    <img src="../../../assets/icon/secondToolList/note.png" alt />
 
+                    <div style="margin: 5px 0">便签</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(2)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(6)">
 
+                    <img src="../../../assets/icon/secondToolList/doc.png" alt />
 
+                    <div style="margin: 5px 0">协同文档</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(6)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(3)">
 
+                    <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                    <div style="margin: 5px 0">思维导图</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(3)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(31)">
 
+                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                    <div style="margin: 5px 0">数学画板</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(31)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="toolSort" v-if="chapToolsType == 2">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(5)">
 
+                    <img src="../../../assets/icon/thirdToolList/score.png" alt />
 
+                    <div style="margin: 5px 0">量规评分</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(5)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="openTools(chapCount, 4, null)">
 
+                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                    <div style="margin: 5px 0">问卷调查</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(4)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <input type="text" placeholder="添加工具描述" class="binfo_input" style="margin: 20px 0; width: 71.5% !important"
 
+                v-model="itemTools.toolDetail" />
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible4 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px"
 
+      :before-close="(done) => { closePan(15) }" class="dialog_diy">
 
+      <div>
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: flex-start;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
 
+          <!-- <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input> -->
 
+          <textarea rows="1" v-autoHeight="40" type="text" placeholder="请输入您要问的问题" class="binfo_input"
 
+            style="width: 100% !important;border:1px solid #DCDFE6" v-model="answerQ"></textarea>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(15)">取 消</el-button>
 
+        <el-button type="primary" @click="addAnswer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: flex-start;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
 
+          <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addMp3Answer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="600px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="fileCss" style="padding-top: 20px">
 
+          <div>
 
+            <button class="info_btn" @click="addImg($event)">
 
+              选择本地文件
 
+              <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
 
+            </button>
 
+            <div class="spanName">选择本地文件</div>
 
+          </div>
 
+          <div>
 
+            <el-button @click="getAllBanner" v-if="isSysPic == false">选择系统文件</el-button>
 
+            <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
 
+              <img :src="cover[0].url" alt="" />
 
+              <div class="deletePic" @click="deleteSysPic">
 
+                <img src="../../../assets/icon/delete.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="spanName">选择系统文件</div>
 
+          </div>
 
+          <div>
 
+            <el-button @click="searchImageValue = courseName, resetImage()" v-if="isSysPic2 == false">选择网络文件</el-button>
 
+            <div class="isSysPic" v-if="isSysPic2 == true && cover.length > 0">
 
+              <img :src="cover[0].url" alt="" />
 
+              <div class="deletePic" @click="deleteSysPic">
 
+                <img src="../../../assets/icon/delete.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="spanName">选择网络文件</div>
 
+          </div>
 
+        </div>
 
+        <!-- <div class="fileCss">
 
+          <div>选择本地文件</div>
 
+          <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>
 
+    </el-dialog>
 
+    <el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="people_top_right" style="display: flex;align-items: center;">
 
+          <div style="position: relative; width: 100%;">
 
+            <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue"
 
+              @keyup.enter.native="resetImage()"></el-input>
 
+            <div class="search_img" @click="resetImage" style="right: 10px;">
 
+              <img src="../../../assets/icon/search.png" alt />
 
+            </div>
 
+          </div>
 
+          <el-button type="primary" size="default" style="margin-left: 10px;" @click="changePicture">换一组</el-button>
 
+        </div>
 
+        <div class="sysPicBox" v-loading="imageloading">
 
+          <div class="picNone" v-if="!imageList.length">请输入关键词搜索图片</div>
 
+          <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
 
+            <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="选择匹配" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(41) }" class="dialog_diy dialog_diy3 fullStyle">
 
+      <div v-if="selectJson" style="height:100%">
 
+        <div class="select_box1" v-if="selectSteps == 1">
 
+          <div class="select_box1_img">
 
+            <div class="select_box1_title">
 
+              <span>上传题目图片</span><span>提示：请将所有题目上传为一张图片。</span>
 
+            </div>
 
+            <div class="select_box1_add_img">
 
+              <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
 
+                <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
 
+                <img src="../../../assets/icon/addPoster.png" alt="" />
 
+              </div>
 
+              <div class="isSysPic" v-else>
 
+                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
 
+                <div class="deletePic" @click="deleteSelectPic">
 
+                  <img src="../../../assets/icon/delete.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="select_box1_select">
 
+            <div class="select_box1_title">
 
+              <span>添加选项</span><span>提示：请输入以上题目的选项内容，此选项为所有题目共享。</span>
 
+            </div>
 
+            <div class="select_box1_select_box">
 
+              <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex"
 
+                v-model="selectJson.select[checkIndex]" placeholder="请输入选项"
 
+                style="width: 150px; margin: 10px 10px 0 0"></el-input>
 
+              <div class="select_box1_select_box_add">
 
+                <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
 
+                  添加</el-button>
 
+                <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)"
 
+                  v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div v-if="selectSteps == 2" style="height:100%">
 
+          <div class="select_box2">
 
+            <div class="select_box2_title">设置每道题目的正确选项</div>
 
+            <div class="select_box2_box">
 
+              <div class="select_box2_img">
 
+                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
 
+              </div>
 
+              <div class="select_box2_answer">
 
+                <div class="select_answer_title">根据题目选择对应答案</div>
 
+                <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
 
+                  <span>{{ checkIndex + 1 }}、</span>
 
+                  <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
 
+                    <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
 
+                    </el-option>
 
+                  </el-select>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
 
+        <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
 
+        <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="background: #fff; padding: 15px; box-sizing: border-box">
 
+        <div style="font-size: 18px; color: #a9a9a9">请输入个人评价指标:</div>
 
+        <div class="pjCss" style="width: 100%">
 
+          <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
 
+            <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
 
+              <span style="min-width: 100px; text-align: right">个人评价指标：</span>
 
+              <input type="input" v-model="eItem.value" placeholder="填写评价名称" />
 
+              <div class="remove" @click="deletRateList(eIndex)"></div>
 
+              <div style="width: 100%; display: flex">
 
+                <span style="min-width: 100px; text-align: right">评星等级：</span>
 
+                <el-rate v-model="eItem.score" disabled></el-rate>
 
+              </div>
 
+              <div class="elist_inptu_text" style="align-items: flex-start">
 
+                <span style="min-width: 100px; text-align: right">描述：</span>
 
+                <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写评价描述"></textarea>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="addToolFun" @click="addRateList()">
 
+            <div class="addToolImg">
 
+              <img src="../../../assets/icon/add.png" alt />
 
+            </div>
 
+            <div>添加</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleRate = false">取 消</el-button>
 
+        <el-button type="primary" @click="addRateAnswer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="排序设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
 
+      :before-close="(done) => { closePan(47) }" class="dialog_diy dialog_diy3 fullStyle">
 
+      <div style="height: 100%;">
 
+        <div class="sentenBox" style="height: 100%;">
 
+          <div class="addSen" @click="addSt">添加题目</div>
 
+          <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
 
+            <div class="sentenTopBox">
 
+              <div class="sentenTop" :index="stIndex + 1">
 
+                <div>题目设置</div>
 
+                <div>
 
+                  <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle" :maxlength="10"></el-input>
 
+                </div>
 
+                <div @click="addSen(stIndex)">添加</div>
 
+                <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
 
+              </div>
 
+            </div>
 
+
 
+            <div class="cardList">
 
+              <div v-if="st.addSentence.length > 0" class="cardBox">
 
+                <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex"
 
+                  @click="setRightAnswer(s, stIndex, sIndex)">
 
+                  <el-tooltip class="item" effect="light" :content="s" placement="top">
 
+                    <div>{{ s }}</div>
 
+                  </el-tooltip>
 
+                  <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
 
+                    <img src="../../../assets/icon/delete.png" alt="" />
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="card">
 
+                <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="rightCardBox">
 
+              <div>正确顺序</div>
 
+              <div class="rightCardList">
 
+                <div v-if="st.rightAnswer.length > 0" class="cardBox">
 
+                  <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
 
+                    <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
 
+                      <el-tooltip class="item" effect="light" :content="r" placement="top">
 
+                        <div>{{ r }}</div>
 
+                      </el-tooltip>
 
+                    </div>
 
+                    <div>{{ rIndex + 1 }}</div>
 
+                  </div>
 
+                </div>
 
+                <div class="card" v-if="st.rightAnswer.length == 0">
 
+                  <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
 
+                </div>
 
+                <div class="card" v-else>
 
+                  <img src="../../../assets/icon/conSentences/clickNo.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(47)">取 消</el-button>
 
+        <el-button type="primary" @click="addSentenceTool">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <!-- <el-form-item label="文本标题">
 
+          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item> -->
 
+        <div>表格内容</div>
 
+        <Table v-model="tableJson.text" @change="change"></Table>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <!-- <el-button @click="dialogVisibleTable = false">取 消</el-button>
 
+        <el-button type="primary" @click="addTableJson">确定</el-button> -->
 
+        <el-button type="primary" @click="addTableJson">上传模板</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="800px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <!-- <el-form-item label="文本标题">
 
+          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item> -->
 
+        <div>文档内容</div>
 
+        <editor-bar v-model="wordJson.text"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
 
+        <el-button type="primary" @click="addWordJson">上传模板</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加班级" :visible.sync="dialogVisibleMoreUpload" :append-to-body="true" width="30%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div>班级：</div>
 
+        <el-select multiple v-model="uploadJson" placeholder="请选择">
 
+          <el-option v-for="item in classJuri" :key="item.id" :label="item.name" :value="item.id">
 
+          </el-option>
 
+        </el-select>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleMoreUpload = false">取 消</el-button>
 
+        <el-button type="primary" @click="addMoreUpload">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="设置随机码" :visible.sync="dialogVisibleInvite" :append-to-body="true" width="360px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div>随机码：</div>
 
+        <el-input v-model="icode" style="width: 240px" placeholder="请输入随机码"></el-input>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleInvite = false">取 消</el-button>
 
+        <el-button type="primary" @click="addInvite">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加预设时间" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div style="margin-bottom: 20px;color: #999;">提示：点击“+”或“-”修改倒计时时长。</div>
 
+        <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisiblePreTime = false">取 消</el-button>
 
+        <el-button type="primary" @click="addPreTime">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="导入目标" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%" :before-close="handleClose"
 
+      class="dialog_diy">
 
+      <div>
 
+        <div style="
 
+            width: 100%;
 
+            display: flex;
 
+            flex-direction: row;
 
+            flex-wrap: nowrap;
 
+            align-content: center;
 
+            align-items: center;
 
+            justify-content: space-between;
 
+          ">
 
+          <div style="
 
+              display: flex;
 
+              flex-flow: row nowrap;
 
+              align-items: flex-start;
 
+              width: 100%;
 
+              flex-direction: column;
 
+              flex-wrap: nowrap;
 
+              position: relative;
 
+            ">
 
+            <div class="e_box">
 
+              <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
 
+                <div class="e_card_picture">
 
+                  <img src="../../../assets/e_picture.png" />
 
+                </div>
 
+                <div class="e_card_name">
 
+                  <span>{{ item.title }}</span>
 
+                </div>
 
+                <div class="e_card_btn">
 
+                  <span @click="checkEva(item.id, 2)">导入</span>
 
+                </div>
 
+              </div>
 
+              <div class="addEva" @click="openT">
 
+                <img src="../../../assets/icon/addEva.png" alt="" />
 
+              </div>
 
+              <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
 
+                暂无数据
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisiblemb = false">取 消</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="groupBox">
 
+        <div v-if="groupJson.group" class="groupContent">
 
+          <div class="groupTitle">请设置小组数量及名称</div>
 
+          <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
 
+            <span class="groupn">第{{ index + 1 }}组名称:</span>
 
+            <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
 
+            <div class="groupBtn">
 
+              <el-button type="primary" size="small" @click="addGroup(index)" v-if="groupJson.group.length - 1 == index">
 
+                添加</el-button>
 
+              <el-button type="primary" size="small" @click="deleteGroup(index)"
 
+                v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="groupContent">
 
+          <div class="groupTitle">请设置每组人数</div>
 
+          <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
 
+            style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
 
+          <el-input v-model="groupJson.number" style="width:150px" placeholder="请输入2-10的数字"
 
+            @change="numberPan"></el-input>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleGroup = false">取 消</el-button>
 
+        <el-button type="primary" @click="addGroupJson">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="修改名称" :visible.sync="dialogVisibleupdataVideoT" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div style="min-width: fit-content;">文件名称：</div>
 
+        <el-input v-model="line" placeholder="请输入要修改的名称"></el-input>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleupdataVideoT = false">取 消</el-button>
 
+        <el-button type="primary" @click="updataVideoC">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import "../../../common/aws-sdk-2.235.1.min.js";
 
+import { tools as toolsData } from "../../../common/tools.js";
 
+import $ from "jquery";
 
+import EditorBar from "../../../components/tools/wangEnduit";
 
+import Table from "../../../components/tools/table";
 
+import Mind from "../../tools/jsmind2";
 
+import Time from "../../tools/time.vue";
 
+import Sunburst from "../../tools/sunburst";
 
+import SeeBoard from "../../tools/seeBoard";
 
+import weilaiData from "../components/weilai.js";
 
+import sourceDialog from "../teacherSource/dialog.vue";
 
+import interVideo from "../interVideo/index.vue";
 
+import groupBox from "./group/group.vue"
 
+
 
+export default {
 
+  components: {
 
+    EditorBar,
 
+    Mind,
 
+    Time,
 
+    Sunburst,
 
+    SeeBoard,
 
+    Table,
 
+    sourceDialog,
 
+    interVideo,
 
+    groupBox
 
+  },
 
+  data() {
 
+    return {
 
+      checkAll: false,
 
+      chooseType: 1,
 
+      checkedCities: [],
 
+      isIndeterminate: true,
 
+      isSysPic: false,
 
+      isSysPic2: false,
 
+      steps: 1,
 
+      nbOrder: 0,
 
+      courseId: "",
 
+      chapToolsType: 0,
 
+      chapTools: [
 
+        {
 
+          tools: [],
 
+          toolDetail: "",
 
+        },
 
+      ],
 
+      line: "",
 
+      lineTitle: "",
 
+      sysPic: [],
 
+      sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
 
+      sentenceList2: [],
 
+      isPushTitleList: [],
 
+      lineCount: 0,
 
+      lineType: 0,
 
+      chapCount: 0,
 
+      courseName: "",
 
+      isTeacherSee: true,
 
+      courseText: "",
 
+      preTime: 0,
 
+      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,
 
+      dialogVisibleMp3: false,
 
+      dialogVisibleSelect: false,
 
+      dialogVisibleSentence: false,
 
+      dialogVisibleRate: false,
 
+      dialogVisibleChoice: false,
 
+      dialogVisiblemb: false,
 
+      dialogVisibleInvite: false,
 
+      dialogVisibleSource: false,
 
+      dialogVisibleVideo: false,
 
+      dialogVisibleupdataVideoT: false,
 
+      isClickColor: 1,
 
+      toolIndexType: "",
 
+      publicTool: 0,
 
+      searchPeople: "",
 
+      searchTN: "",
 
+      userid: this.$route.query.userid,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      role: this.$route.query.role,
 
+      cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
 
+      dialogVisibleTable: false,
 
+      dialogVisibleWord: false,
 
+      tableJson: { text: "" },
 
+      wordJson: { text: "" },
 
+      dialogVisibleMoreUpload: false,
 
+      dialogVisiblePreTime: false,
 
+      uploadJson: [],
 
+      classJuri: [],
 
+      gradeList: [],
 
+      cover: [], //课程封面
 
+      myWord: [],
 
+      evaJuri: [],
 
+      evalua: "",
 
+      targetArray: [],
 
+      eTitle: "",
 
+      eJson: {},
 
+      fid: "", //一级
 
+      sid: "", //二级
 
+      tid: "", //二级
 
+      typeMode: 1,
 
+      eJSONNum: 0,
 
+      data: {
 
+        meta: {
 
+          name: "example",
 
+          author: "dd@163.com",
 
+          version: "0.2",
 
+        },
 
+        format: "node_array",
 
+        data: [{ id: "root", isroot: true, topic: "" }],
 
+      },
 
+      askJson: {
 
+        askCount: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+      },
 
+      askJson2: {},
 
+      testJson: {},
 
+      testJson2: {},
 
+      selectJson: {},
 
+      selectJson2: {},
 
+      rateJson: [],
 
+      unitJson2: [],
 
+      unitJson: [
 
+        {
 
+          dyName: "", //单元标题
 
+          chapterInfo: [
 
+            {
 
+              isread: false,
 
+              chapterid: this.guid(),
 
+              title: "",
 
+              courseName: "",
 
+              taskJson: [
 
+                {
 
+                  task: "",
 
+                  taskDetail: "",
 
+                  chapterData: [],
 
+                  toolChoose: [
 
+                    {
 
+                      tool: [],
 
+                      toolDetail: "",
 
+                      toolType: 0,
 
+                      askCount: 1,
 
+                      askTitle: "",
 
+                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                    },
 
+                  ],
 
+                  toolText: "",
 
+                  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: [],
 
+      checkboxList: [],
 
+      checkboxList2: [],
 
+      checkboxList3: [],
 
+      courseDetail: "",
 
+      classList: [],
 
+      classSearch: "",
 
+      gradeId: "",
 
+      number: "",
 
+      tTitle: "",
 
+      tdetail: "",
 
+      templateC: {},
 
+      AttText: {},
 
+      AttTextType: 0,
 
+      AttTextIndex: 0,
 
+      cTemplate: "",
 
+      CourseType: [],
 
+      CourseType2: [],
 
+      CourseTypeJson: {},
 
+      courseTypeId: [],
 
+      courseTypeSon: [],
 
+      clearArray: [],
 
+      pTypeCheck: [],
 
+      pTypeCheckName: [],
 
+      loading: false,
 
+      toolType: 0,
 
+      inputShow: true,
 
+      inputShow2: true,
 
+      toolIndex: 0,
 
+      cidType: 0,
 
+      answerQ: "",
 
+      answerQ2: "",
 
+      grade: [],
 
+      grade2: [],
 
+      courseUserid: "",
 
+      timer: null,
 
+      timer2: null,
 
+      pasteTimer: null,
 
+      checkId: "",
 
+      isDelete: 1,
 
+      addindex: 0,
 
+      selectSteps: 1,
 
+      groupJson: {},
 
+      dialogVisibleGroup: false,
 
+      rightBoxHeight: 0,
 
+      ManAarray: [],
 
+      checkBoolean: false,
 
+      inviteCode: [],
 
+      inviteId: "",
 
+      icode: "",
 
+      easyArray: [2, 4],
 
+      sourceData: {},
 
+      updateSourcePan: false,
 
+      videoJson: {},
 
+      isBtnDisplay: false,
 
+      isPasteTask: false,
 
+      isPasteChoice: false,
 
+      sysPicVisible2: false,
 
+      imageloading: false,
 
+      searchImageValue: "",
 
+      ppage: 1,
 
+      imageList: [],
 
+      heightPx: '100%',
 
+      toolsData: toolsData,
 
+    };
 
+  },
 
+  directives: {
 
+    autoHeight: {
 
+      update(el, binding) {
 
+        const { value } = binding
 
+        if (value && typeof value === 'number') {
 
+          el.style.height = `${value}px`
 
+        } else {
 
+          el.style.height = 'auto'
 
+        }
 
+      },
 
+      componentUpdated(el) {
 
+        el.style.height = `${el.scrollHeight + 5}px`
 
+      },
 
+    },
 
+  },
 
+  computed: {
 
+    // rightBoxHeight: function () {
 
+    //   return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
 
+    // },
 
+    offsetLetfPx: function () {
 
+      //addnum可以直接在模板语法里面用，相当于data内的值
 
+      return (
 
+        $(".cru_select")[this.unitIndex] &&
 
+        $(".cru_select")[this.unitIndex].offsetLeft
 
+      );
 
+    },
 
+    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 : "";
 
+      };
 
+    },
 
+    isInvite() {
 
+      return function (cid) {
 
+        let array = [];
 
+        for (var i = 0; i < this.inviteCode.length; i++) {
 
+          array.push(this.inviteCode[i].cid);
 
+        }
 
+        return array.indexOf(cid) != -1;
 
+      };
 
+    },
 
+    getInviteCodeC() {
 
+      return function (cid) {
 
+        let array = [];
 
+        for (var i = 0; i < this.inviteCode.length; i++) {
 
+          array.push(this.inviteCode[i].cid);
 
+        }
 
+        return this.inviteCode[array.indexOf(cid)].ic;
 
+      };
 
+    },
 
+    getClassC() {
 
+      return function (c) {
 
+        let _c2 = "";
 
+        if (this.grade.length) {
 
+          for (var i = 0; i < this.grade.length; i++) {
 
+            if (this.grade[i].id == c) {
 
+              _c2 = this.grade[i].name;
 
+              break;
 
+            }
 
+          }
 
+        }
 
+        return this.grade.length ? _c2 : "";
 
+      };
 
+    },
 
+    getListClassC() {
 
+      return function (list) {
 
+        let _c2 = [];
 
+
 
+        if (this.grade.length) {
 
+          for (var j = 0; j < list.length; j++) {
 
+            let c = list[j]
 
+            for (var i = 0; i < this.grade.length; i++) {
 
+              if (this.grade[i].id == c) {
 
+                _c2.push(this.grade[i].name);
 
+                break;
 
+              }
 
+            }
 
+          }
 
+        }
 
+        return this.grade.length ? _c2.join('、') : "";
 
+      };
 
+    },
 
+  },
 
+  watch: {
 
+    checkboxList2(newValue, oldValue) {
 
+
 
+      if (this.grade.length && newValue) {
 
+        this.classList = []
 
+        for (var j = 0; j < this.grade.length; j++) {
 
+          if (newValue.indexOf(this.grade[j].id) !== -1) {
 
+            this.classList.push(this.grade[j])
 
+          }
 
+        }
 
+      }
 
+    },
 
+    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++
 
+        ) {
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+            j
 
+          ].proVisible = false;
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+            j
 
+          ].proVisible2 = false;
 
+          if (
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
 
+              .length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z <
 
+              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
 
+                .length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
 
+                  .toolChoose[z].tool.length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+          if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
 
+              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
 
+                (ele) => {
 
+                  return ele.value != "";
 
+                }
 
+              );
 
+          }
 
+        }
 
+        if (cPan == 2) {
 
+          this.unitIndex = oldValue;
 
+          return;
 
+        }
 
+        for (var i = 0; i < this.unitJson.length; i++) {
 
+          if (this.addindex != i) {
 
+            delete this.unitJson[i].isUpdate;
 
+          }
 
+        }
 
+        this.$refs.rightboxR.scrollTop = 0;
 
+        this.addindex = -1;
 
+        let params = [
 
+          {
 
+            cid: this.cid,
 
+            chapters: JSON.stringify(this.unitJson),
 
+            uid: this.userid,
 
+            unitIndex: _unitIndex,
 
+          },
 
+        ];
 
+        this.ajax
 
+          .post(this.$store.state.api + "updateWorkNew4", params)
 
+          .then((res) => {
 
+            // this.$message({
 
+            //   message: "修改成功",
 
+            //   type: "success",
 
+            // });
 
+            // this.courseId = this.cid;
 
+          })
 
+          .catch((err) => {
 
+            this.$message.error("网络不佳");
 
+            console.error(err);
 
+          });
 
+      }
 
+    },
 
+    steps(newValue) {
 
+      if (newValue == 4) {
 
+        this.goTo(
 
+          "/synergyCourse?userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      }
 
+    },
 
+  },
 
+  methods: {
 
+    openAI() {
 
+      window.parent.postMessage({ tools: "64" }, "*");
 
+    },
 
+    setMan() {
 
+      // let teacherJuri = this.teacherJuri2;
 
+      this.ManAarray = [];
 
+      let _user = JSON.parse(JSON.stringify(this.checkboxList3));
 
+      if (_user.indexOf(this.courseUserid || this.userid) == -1) {
 
+        _user.push(this.courseUserid || this.userid);
 
+      }
 
+      let params = {
 
+        uid: _user.join(","),
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getAllUserById", params)
 
+        .then((res) => {
 
+          let teacherJuri = res.data[0];
 
+          this.ManAarray = teacherJuri;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    previewImg(url) {
 
+      this.$hevueImgPreview(url);
 
+    },
 
+    btnDisplay(bool) {
 
+      this.isBtnDisplay = bool
 
+    },
 
+    scrollChange() {
 
+      this.rightBoxHeight = $(".rightBox")[0].scrollHeight;
 
+      // document.querySelector('.course_left').scrollHeight
 
+      // document.querySelector('.stepsBottom2').scrollHeight
 
+
 
+      let stepsBottom2 = $(".stepsBottom2")[0].clientHeight;
 
+      // let client = $(".course_left")[0].clientHeight - stepsBottom2
 
+      let client = $(".course_left")[0].clientHeight - stepsBottom2;
 
+      let maxheight = $('.whiteBg')[0].offsetHeight + $('.whiteBg')[1].offsetHeight + 120
 
+      let top = $(".rightBox")[0].scrollTop - maxheight;
 
+      // if (top < client) {
 
+      //   $('.stepsBottom2')[0].style.position = 'absolute'
 
+      //   $('.stepsBottom2')[0].style.top = 0 + 'px'
 
+      //   // $('.stepsBottom2')[0].style.top = client + 'px'
 
+      // } else
 
+      if (top > 0) {
 
+        let top = $(".rightBox")[0].offsetTop;
 
+        $(".stepsBottom2")[0].style.position = "fixed";
 
+        $(".stepsBottom2")[0].style.top = top + "px";
 
+        this.heightPx = $(".rightBox")[0].offsetHeight - 40 + 'px'
 
+        // $('.stepsBottom2')[0].style.top = top + 'px'
 
+      } else {
 
+        $(".stepsBottom2")[0].style.position = "absolute";
 
+        $(".stepsBottom2")[0].style.top = "0px";
 
+        this.heightPx = $(".basic_box2")[0].offsetHeight - 50 + 'px'
 
+      }
 
+
 
+      const clientHeight = $(".rightBox")[0].clientHeight;
 
+      const scrollTop = $(".rightBox")[0].scrollTop;
 
+      const scrollHeight = $(".rightBox")[0].scrollHeight;
 
+      if ((clientHeight + scrollTop > (scrollHeight - 10)) && (top > 0)) {
 
+        this.heightPx = $(".rightBox")[0].offsetHeight - 130 + 'px'
 
+      }
 
+    },
 
+    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) {
 
+      if (this.dialogVisible1) {
 
+        this.tdetail = val
 
+      } else if (this.dialogVisible6) {
 
+        this.AttText.text = val
 
+      } else if (this.dialogVisible2) {
 
+        this.cTemplate = val
 
+      } else if (this.dialogVisibleTable) {
 
+        this.tableJson.text = val
 
+      }
 
+      this.$forceUpdate();
 
+      console.log(val);
 
+    },
 
+    change2(val) {
 
+      console.log(val);
 
+      this.$forceUpdate();
 
+    },
 
+    handleClose(done) {
 
+      done();
 
+    },
 
+    closePan(tool) {
 
+      if (tool == 15) {
 
+        if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
 
+          this.dialogVisible8 = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 4) {
 
+        if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
 
+          this.dialogVisible5 = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 45) {
 
+        if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
 
+          this.dialogVisibleChoice = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 41) {
 
+        if (JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)) {
 
+          this.dialogVisibleSelect = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 47) {
 
+        if (JSON.stringify(this.sentenceList) == JSON.stringify(this.sentenceList2)) {
 
+          this.dialogVisibleSentence = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      }
 
+    },
 
+    closeConfirm(tool) {
 
+      this
 
+        .$confirm("是否保存已编辑内容？", "提示", {
 
+          confirmButtonText: "保存",
 
+          cancelButtonText: "不保存",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (tool == 15) {
 
+            this.addAnswer();
 
+          } else if (tool == 4) {
 
+            this.addAsk();
 
+          } else if (tool == 45) {
 
+            this.addTest();
 
+          } else if (tool == 41) {
 
+            this.addSelectAnswer();
 
+          } else if (tool == 47) {
 
+            this.addSentenceTool();
 
+          }
 
+        })
 
+        .catch(() => {
 
+          if (tool == 15) {
 
+            this.dialogVisible8 = false;
 
+          } else if (tool == 4) {
 
+            this.dialogVisible5 = false;
 
+          } else if (tool == 45) {
 
+            this.dialogVisibleChoice = false;
 
+          } else if (tool == 41) {
 
+            this.dialogVisibleSelect = false;
 
+          } else if (tool == 47) {
 
+            this.dialogVisibleSentence = false;
 
+          }
 
+        });
 
+    },
 
+    imgChange2(i, j) {
 
+      var _tmp = this.testJson.testJson[i].checkList[j];
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    imgChange3(i) {
 
+      var _tmp = this.testJson.testJson[i];
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    imgChange1(file, fileList, type, itemTaskIndex) {
 
+      if (type == 1) {
 
+        var _tmp = this.cover;
 
+      } else if (
 
+        type == 2 ||
 
+        type == 3 ||
 
+        type == 6 ||
 
+        type == 7 ||
 
+        type == 8
 
+      ) {
 
+        var _tmp =
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .chapterData;
 
+      } else if (type == 4) {
 
+        var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
 
+      } else {
 
+        var _tmp =
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .homeworkList;
 
+      }
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    guid() {
 
+      var _num,
 
+        i,
 
+        _guid = "";
 
+      for (i = 0; i < 32; i++) {
 
+        _guid += Math.floor(Math.random() * 16).toString(16); //随机0  - 16 的数字 转变为16进制的字符串
 
+        _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
 
+        if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
 
+          //会使guid中间加 "-"   形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
 
+          _guid += "-";
 
+        }
 
+      }
 
+      return _guid;
 
+    },
 
+    lastSteps() {
 
+      this
 
+        .$confirm("是否保存已编辑内容？", "提示", {
 
+          confirmButtonText: "保存",
 
+          cancelButtonText: "不保存",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (this.cid == "" || this.cid == undefined) {
 
+            if (this.courseName == "") {
 
+              this.$message.error("请补充填写课程名称");
 
+              return;
 
+            } else {
 
+              this.addWork();
 
+            }
 
+          } else {
 
+            if (this.courseName == "") {
 
+              this.$message.error("请补充填写课程名称");
 
+              return;
 
+            } else {
 
+              // if (this.userid != this.courseUserid && this.role != "1") {
 
+              //   this.updateWork2();
 
+              // } else {
 
+              this.updateWork();
 
+              // }
 
+            }
 
+          }
 
+        })
 
+        .catch(() => {
 
+          this.goTo(
 
+            "/synergyCourse?userid=" +
 
+            this.userid +
 
+            "&oid=" +
 
+            this.oid +
 
+            "&org=" +
 
+            this.org +
 
+            "&role=" +
 
+            this.role
 
+          );
 
+        });
 
+    },
 
+    nextSteps() {
 
+      if (this.cid == "" || this.cid == undefined) {
 
+        if (this.courseName == "") {
 
+          this.$message.error("请补充填写课程名称");
 
+          return;
 
+        } else {
 
+          this.addWork();
 
+        }
 
+      } else {
 
+        if (this.courseName == "") {
 
+          this.$message.error("请补充填写课程名称");
 
+          return;
 
+        } else {
 
+          // if (this.userid != this.courseUserid && this.role != "1") {
 
+          //   this.updateWork2();
 
+          // } else {
 
+          this.updateWork();
 
+          // }
 
+        }
 
+      }
 
+      this.$refs.stepBox.scrollTop = 0;
 
+    },
 
+    unitSet(i) {
 
+      this.unitIndex = i;
 
+      // this.$refs.rightboxR.scrollTop = 0;
 
+    },
 
+    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 + "deleteWork", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "删除成功",
 
+            type: "success",
 
+          });
 
+          this.unitJson.splice(this.unitIndex, 1);
 
+          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;
 
+          });
 
+      }
 
+    },
 
+    deleteSentence(i) {
 
+      var _this = this;
 
+      _this
 
+        .$confirm("确定删除此题目吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.sentenceList.splice(i, 1);
 
+          _this.$message.success("删除成功");
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    deleteS(s, i, j) {
 
+      this.sentenceList[i].addSentence.splice(j, 1);
 
+      if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
 
+        var a = this.sentenceList[i].rightAnswer.indexOf(s);
 
+        this.sentenceList[i].rightAnswer.splice(a, 1);
 
+      }
 
+    },
 
+    openT() {
 
+      window.parent.postMessage({ tools: "25" }, "*");
 
+    },
 
+    deleteTask(i) {
 
+      var _this = this;
 
+      //((_this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length - 1) == i) ? "确定删除此任务吗?" : "切换任务顺序将删除所有工具的提交成果，是否继续此操作？"
 
+      _this
 
+        .$confirm("确定删除此任务吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (i == 0) {
 
+            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+              i + 1
 
+            ].chapterData = JSON.parse(
 
+              JSON.stringify(
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[i]
 
+                  .chapterData
 
+              )
 
+            );
 
+          }
 
+          _this.$forceUpdate();
 
+          _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(i, 1);
 
+          _this.$message.success("删除成功");
 
+
 
+          // this.$nextTick(() => {
 
+          //   $('.stepsBottom2')[0].style.transition = 'unset'
 
+          //   setTimeout(() => {
 
+          //     let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
 
+          //     let client = $(".basic_box2")[0].clientHeight - stepsBottom2 - 100
 
+          //     let top = $('.stepsBottom2')[0].offsetTop - 20
 
+          //     if (top > client) {
 
+          //       $('.stepsBottom2')[0].style.top = client + 'px'
 
+          //     }
 
+          //     $('.stepsBottom2')[0].style.transition = 'all .5s'
 
+          //     this.$forceUpdate()
 
+          //   }, 500)
 
+          // })
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    handlePictureCardPreview(file) {
 
+      this.dialogImageUrl = file.url;
 
+    },
 
+    clean(i, c) {
 
+      this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
 
+    },
 
+    handle_remove1(file, fileList, type) {
 
+      var _tmp = this.cover;
 
+      // for (var i = 0, len = _tmp.length; i < len; i++) {
 
+      //   if (_tmp[i].uid == file.uid) {
 
+      //     _tmp.splice(i, 1);
 
+      //     break;
 
+      //   }
 
+      //   this.cover = _tmp;
 
+      // }
 
+      this.cover = [];
 
+      this.noneBtnImg = this.cover.length >= 1;
 
+      this.isSysPic = false;
 
+      this.isSysPic2 = false;
 
+      this.$forceUpdate();
 
+    },
 
+    addImg(e) {
 
+      var el = e.currentTarget;
 
+      el.getElementsByTagName("input")[0].click();
 
+      e.target.value = "";
 
+    },
 
+    addChaptersTools(i) {
 
+      this.chapTools = [
 
+        {
 
+          tools: [],
 
+          toolDetail: "",
 
+        },
 
+      ];
 
+      this.chapCount = i;
 
+      this.dialogVisible4 = true;
 
+    },
 
+    isNoFinsh() {
 
+      this.$message.warning("功能正在开发中");
 
+    },
 
+    addAttText(i) {
 
+      this.AttText = {
 
+        title: "",
 
+        text: "",
 
+      };
 
+      this.taskCount = i;
 
+      this.AttTextType = 0;
 
+      this.$forceUpdate();
 
+      this.dialogVisible6 = true;
 
+      setTimeout(() => {
 
+        this.$refs['fuInput'].focus();
 
+      }, 100);
 
+    },
 
+    openLine(i) {
 
+      this.line = "";
 
+      this.lineCount = i;
 
+      this.lineType = 0;
 
+      this.$forceUpdate();
 
+      this.dialogVisible7 = true;
 
+    },
 
+    pasteLine(i) {
 
+      navigator.clipboard
 
+        .readText()
 
+        .then((v) => {
 
+          console.log("获取剪贴板成功：", v);
 
+          const html = v;
 
+          const regex = /src="(.*?)"/g;
 
+          const match = regex.exec(html);
 
+          if (match && match[1]) {
 
+            console.log(match[1]);
 
+            this.$message.success("粘贴成功");
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              i
 
+            ].chapterData.push({
 
+              name: "链接",
 
+              title: "嵌入代码",
 
+              url: match[1],
 
+              type: 8,
 
+            });
 
+          } else {
 
+            // console.log("未找到包含 src 属性的 iframe");
 
+            this.$message.error("系统没有找到粘贴对象，请首先复制可用于粘贴的链接。");
 
+          }
 
+        })
 
+        .catch((v) => {
 
+          console.log("获取剪贴板失败: ", v);
 
+        });
 
+    },
 
+    openSource(i) {
 
+      this.lineCount = i;
 
+      this.sourceData = {};
 
+      this.dialogVisibleSource = true;
 
+      this.updateSourcePan = false;
 
+    },
 
+    addSource() {
 
+      if (!Object.keys(this.sourceData).length) {
 
+        this.$message.error("请选择要上传的资源");
 
+        return;
 
+      }
 
+      let keys = Object.keys(this.sourceData);
 
+      for (var i = 0; i < keys.length; i++) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.lineCount
 
+        ].chapterData.push({
 
+          name: "链接",
 
+          title: this.sourceData[keys[i]].name,
 
+          url: this.sourceData[keys[i]].url,
 
+          type: 14,
 
+          id: keys[i]
 
+        });
 
+      }
 
+      this.$forceUpdate();
 
+      this.dialogVisibleSource = false;
 
+    },
 
+    updateSource() {
 
+      if (!Object.keys(this.sourceData).length) {
 
+        this.$message.error("请选择要上传的资源");
 
+        return;
 
+      }
 
+      let keys = Object.keys(this.sourceData);
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].url = this.sourceData[keys[0]].url;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].title = this.sourceData[keys[0]].name;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].id = keys[0];
 
+      this.updateSourcePan = false;
 
+      this.$forceUpdate();
 
+      this.dialogVisibleSource = false;
 
+    },
 
+    deleteM(i, j) {
 
+      this.testJson.testJson[i].timuList.splice(j, 1);
 
+    },
 
+    beforeUploadTiMu(event, i) {
 
+      const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (_this.testJson.testJson[i].timuList) {
 
+                _this.testJson.testJson[i].timuList.push({
 
+                  src: data.Location,
 
+                });
 
+              } else {
 
+                _this.testJson.testJson[i].timuList = [];
 
+                _this.testJson.testJson[i].timuList.push({
 
+                  src: data.Location,
 
+                });
 
+              }
 
+              _this.imgChange3(i);
 
+              _this.$forceUpdate();
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUploadTi(event, i, j) {
 
+      const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.testJson.testJson[i].checkList[j] = {};
 
+              _this.testJson.testJson[i].checkList[j].src = data.Location;
 
+              _this.testJson.testJson[i].checkList[j].imgType = 1;
 
+              _this.imgChange2(i, j);
 
+              _this.$forceUpdate();
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUpload1(event, type) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.cover.push({
 
+                name: file.name,
 
+                url: data.Location,
 
+                uid: file.uid,
 
+              });
 
+              _this.imgChange1(null, null, 1, null);
 
+              _this.choosePicVisible = false;
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUploadSelect(event, type) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.selectJson.url = data.Location;
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    chooseSysPic(p) {
 
+      this.cover = []
 
+      setTimeout(() => {
 
+        this.cover[0] = {
 
+          name: "系统图片.png",
 
+          url: p,
 
+        };
 
+        this.imgChange1(null, null, 1, null);
 
+        this.$forceUpdate();
 
+      }, 0);
 
+      this.isSysPic = true;
 
+      this.isSysPic2 = false;
 
+      this.sysPicVisible = false;
 
+      this.$forceUpdate();
 
+    },
 
+    chooseSysPic2(p) {
 
+      this.cover = []
 
+      setTimeout(() => {
 
+        this.cover[0] = {
 
+          name: "网络图片.png",
 
+          url: p,
 
+        };
 
+        this.imgChange1(null, null, 1, null);
 
+        this.$forceUpdate();
 
+      }, 0);
 
+      this.isSysPic2 = true;
 
+      this.isSysPic = false;
 
+      this.sysPicVisible2 = false;
 
+      this.$forceUpdate();
 
+    },
 
+    beforeUpload(data) {
 
+      this.$refs.upload1.uploadFiles;
 
+      this.uploadLoading1 = true;
 
+      var file = data.file;
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            _this.uploadLoading1 = false;
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              //上传成功处理
 
+              _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
 
+                name: file.name,
 
+                url: data.Location,
 
+                uid: file.uid,
 
+              });
 
+              _this.imgChange();
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    onExceed() {
 
+      this.$message.error("课程封面仅支持上传一张，请删除后再进行上传");
 
+    },
 
+    beforeUpload2(event, unitIndex, type, itemTaskIndex) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+      if (type == 3) {
 
+        var b = [
 
+          "DOC",
 
+          "DOCX",
 
+          "DOCM",
 
+          "DOTM",
 
+          "DOTX",
 
+          "PPTX",
 
+          "PPSX",
 
+          "PPT",
 
+          "PPS",
 
+          "PPTM",
 
+          "POTM",
 
+          "PPAM",
 
+          "POTX",
 
+          "PPSM",
 
+          "XLSX",
 
+          "XLS",
 
+        ];
 
+        if (
 
+          b.indexOf(
 
+            file.name
 
+              .split(".")
 
+            [file.name.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        } else if (
 
+          file.name
 
+            .split(".")
 
+          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = false;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].progress = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].proVisible = true;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isFinishSize = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
 
+      _this.$forceUpdate();
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = parseInt((evt.loaded / evt.total) * 100);
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
 
+            _this.$forceUpdate();
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = 100;
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize =
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].isAllSize;
 
+            _this.$forceUpdate();
 
+            setTimeout(() => {
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].proVisible = false;
 
+              _this.$forceUpdate();
 
+            }, 1000);
 
+            _this.inputShow = true;
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (type == 13) {
 
+                let _type = 2;
 
+                var imgA = [
 
+                  "png",
 
+                  "jpg",
 
+                  "jpeg",
 
+                  "bmp",
 
+                  "gif",
 
+                  "webp",
 
+                  "psd",
 
+                  "svg",
 
+                  "tiff",
 
+                ];
 
+                var fileA = [
 
+                  "PDF",
 
+                  "DOC",
 
+                  "DOCX",
 
+                  "DOCM",
 
+                  "DOTM",
 
+                  "DOTX",
 
+                  "PPTX",
 
+                  "PPSX",
 
+                  "PPT",
 
+                  "PPS",
 
+                  "PPTM",
 
+                  "POTM",
 
+                  "PPAM",
 
+                  "POTX",
 
+                  "PPSM",
 
+                  "XLSX",
 
+                  "XLS",
 
+                ];
 
+                var videoA = [
 
+                  "AVI",
 
+                  "NAVI",
 
+                  "MPEG",
 
+                  "ASF",
 
+                  "MOV",
 
+                  "WMV",
 
+                  "3GP",
 
+                  "RM",
 
+                  "RMVB",
 
+                  "FLV",
 
+                  "F4V",
 
+                  "H.264",
 
+                  "H.265",
 
+                  "REAL VIDEO",
 
+                  "MKV",
 
+                  "WebM",
 
+                  "HDDVD",
 
+                  "MP4",
 
+                  "MPG",
 
+                  "M4V",
 
+                  "MGV",
 
+                  "OGV",
 
+                  "QTM",
 
+                  "STR",
 
+                  "AMC",
 
+                  "DVX",
 
+                  "EVO",
 
+                  "DAT",
 
+                  "OGG",
 
+                  "OGM",
 
+                ];
 
+                if (
 
+                  fileA.indexOf(
 
+                    data.Location.split(".")[
 
+                      data.Location.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _type = 3;
 
+                } else if (
 
+                  videoA.indexOf(
 
+                    data.Location.split(".")[
 
+                      data.Location.split(".").length - 1
 
+                    ].toLocaleUpperCase()
 
+                  ) != -1
 
+                ) {
 
+                  _type = 2;
 
+                } else if (
 
+                  imgA.indexOf(
 
+                    data.Location.split(".")[
 
+                      data.Location.split(".").length - 1
 
+                    ].toLocaleLowerCase()
 
+                  ) != -1
 
+                ) {
 
+                  _type = 13;
 
+                } else {
 
+                  _type = 12;
 
+                }
 
+                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                  type: _type,
 
+                });
 
+                _this.imgChange1(null, null, _type, itemTaskIndex);
 
+              } else if (type == 2 || type == 3 || type == 12) {
 
+                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                  type: type,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 4) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].fileList1.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 5) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].homeworkList.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              }
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUpload3(event, unitIndex, type, itemTaskIndex, string) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+      if (type == 3) {
 
+        var b = [
 
+          "DOC",
 
+          "DOCX",
 
+          "DOCM",
 
+          "DOTM",
 
+          "DOTX",
 
+          "PPTX",
 
+          "PPSX",
 
+          "PPT",
 
+          "PPS",
 
+          "PPTM",
 
+          "POTM",
 
+          "PPAM",
 
+          "POTX",
 
+          "PPSM",
 
+        ];
 
+        if (
 
+          b.indexOf(
 
+            file.name
 
+              .split(".")
 
+            [file.name.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        } else if (
 
+          file.name
 
+            .split(".")
 
+          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = false;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].progress = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].proVisible = true;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isFinishSize = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
 
+      _this.$forceUpdate();
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = parseInt((evt.loaded / evt.total) * 100);
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
 
+            _this.$forceUpdate();
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = 100;
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize =
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].isAllSize;
 
+            _this.$forceUpdate();
 
+            setTimeout(() => {
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].proVisible = false;
 
+              _this.$forceUpdate();
 
+            }, 1000);
 
+            _this.inputShow = true;
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (type == 2 || type == 3) {
 
+                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData.push({
 
+                  name: file.name,
 
+                  // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  //   itemTaskIndex
 
+                  // ].chapterData.length+1),
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                  type: type,
 
+                  text: string,
 
+                  // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  //   itemTaskIndex
 
+                  // ].chapterData.length + 1),
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 4) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].fileList1.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 5) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].homeworkList.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              }
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    addunit() {
 
+      this.unitJson.push({
 
+        dyName: "", //单元标题
 
+        isUpdate: 1,
 
+        easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
 
+        chapterInfo: [
 
+          {
 
+            isread: false,
 
+            chapterid: this.guid(),
 
+            title: "",
 
+            courseName: "",
 
+            taskJson: [
 
+              {
 
+                task: "",
 
+                taskDetail: "",
 
+                chapterData: [],
 
+                toolText: "",
 
+                toolChoose: [
 
+                  {
 
+                    tool: [],
 
+                    toolDetail: "",
 
+                    toolType: 0,
 
+                    askCount: 1,
 
+                    askTitle: "",
 
+                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                  },
 
+                ],
 
+                isShowTools: false,
 
+                askCount: 1,
 
+                isFold: 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(itemTaskIndex) {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].toolChoose.push({
 
+        tool: [],
 
+        toolDetail: "",
 
+        toolType: 0,
 
+        askCount: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+      });
 
+    },
 
+    addTaskBorder() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
 
+        task: "",
 
+        taskDetail: "",
 
+        chapterData: [],
 
+        toolChoose: [
 
+          {
 
+            tool: [],
 
+            toolDetail: "",
 
+            toolType: 0,
 
+            askCount: 1,
 
+            askTitle: "",
 
+            askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+          },
 
+        ],
 
+        toolText: "",
 
+        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);
 
+    },
 
+    fold2(i) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
 
+      }
 
+      setTimeout(() => {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail += '*0*%*'
 
+        setTimeout(() => {
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail.replaceAll('*0*%*', '')
 
+        }, 0);
 
+      }, 0);
 
+      this.$forceUpdate();
 
+    },
 
+    foldC(i) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = true;
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    fold3(i, ti) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = true;
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    deleteHomeworkBox(unitIndex, index, i) {
 
+      this.unitJson[unitIndex].chapterInfo[index].taskJson[
 
+        this.taskCount
 
+      ].homeworkList.splice(i, 1);
 
+    },
 
+    getStudent() {
 
+      let params = {
 
+        oid: this.oid,
 
+        cu: "",
 
+        cn: this.searchPeople,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectStudentAdd", params)
 
+        .then((res) => {
 
+          this.studentJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    getTeacher() {
 
+      let params = {
 
+        oid:
 
+          this.org && this.org != "undefined" && this.org != "null"
 
+            ? this.org
 
+            : this.oid,
 
+        cu: "",
 
+        cn: this.searchTN,
 
+      };
 
+      this.ajax
 
+        .get(
 
+          this.$store.state.api +
 
+          (this.org && this.org != "undefined" && this.org != "null"
 
+            ? "selectTeacherAddOrg"
 
+            : "selectTeacherAdd"),
 
+          params
 
+        )
 
+        .then((res) => {
 
+          let teacherJuri = res.data[0];
 
+          for (var i = 0; i < teacherJuri.length; i++) {
 
+            if (teacherJuri[i].userid == this.userid) {
 
+              teacherJuri.splice(i, 1);
 
+              break;
 
+            }
 
+          }
 
+          this.teacherJuri = teacherJuri;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    searchStudent() {
 
+      this.getStudent();
 
+    },
 
+    selectGrage() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectGrageBySchool", params)
 
+        .then((res) => {
 
+          this.gradeList = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    //获取班级列表
 
+    getClass() {
 
+      let params = {
 
+        oid: this.oid,
 
+        gid: this.gradeId,
 
+        cn: this.classSearch,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
 
+        .then((res) => {
 
+          if (!this.grade.length) {
 
+            this.grade = res.data[0];
 
+          }
 
+          this.grade2 = res.data[0];
 
+          this.classJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    CourseType2Change(val) {
 
+      this.pTypeCheck = [];
 
+      for (var i = 0; i < this.CourseType2.length; i++) {
 
+        let typeA = this.CourseType2[i];
 
+        if (val.indexOf(typeA.name) != -1) {
 
+          this.pTypeCheck.push(...typeA.id);
 
+        }
 
+      }
 
+    },
 
+    getChapterData(e, i, j, ic, type) {
 
+      e.stopPropagation();
 
+      this.updataC = true;
 
+      this.icc = ic;
 
+      if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
 
+        console.log("还不能下载图片喔");
 
+      }
 
+    },
 
+    deleteChapterData(e, i, j, ic, taskI) {
 
+      e.stopPropagation();
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定删除此项?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    updataVideoT(e, i, j, ic) {
 
+      // e.stopPropagation();
 
+      // this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[
 
+      //   ic
 
+      //   ].name = JSON.parse(JSON.stringify(e.target.value));
 
+      this.line = this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[
 
+        ic
 
+      ].name;
 
+      this.taskCount = j;
 
+      this.lineCount = ic;
 
+      this.dialogVisibleupdataVideoT = true;
 
+      this.$forceUpdate();
 
+    },
 
+    updataVideoC() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].chapterData[this.lineCount].name = JSON.parse(JSON.stringify(this.line));
 
+      this.dialogVisibleupdataVideoT = false;
 
+      this.$forceUpdate();
 
+    },
 
+    upCd(e, i, j, taskCount, ic) {
 
+      e.stopPropagation();
 
+      if (ic == 0) {
 
+        return;
 
+      }
 
+      var a =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
 
+      this.$forceUpdate();
 
+    },
 
+    downCd(e, i, j, taskCount, ic) {
 
+      e.stopPropagation();
 
+      if (
 
+        ic ==
 
+        this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
 
+        1
 
+      ) {
 
+        return;
 
+      }
 
+      var a =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
 
+      this.$forceUpdate();
 
+    },
 
+    addWork() {
 
+      let cPan = 1;
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        for (
 
+          var j = 0;
 
+          j < this.unitJson[i].chapterInfo[0].taskJson.length;
 
+          j++
 
+        ) {
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
 
+
 
+          if (
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
 
+                  .length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+
 
+          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
 
+              i
 
+            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
 
+              return ele.value != "";
 
+            });
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+
 
+      if (cPan == 2) {
 
+        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(",") : "",
 
+          inviteCode: JSON.stringify(this.inviteCode),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addSynergyCourse", 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.steps = 4;
 
+        })
 
+        .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++
 
+      ) {
 
+        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
 
+        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+          j
 
+        ].proVisible2 = false;
 
+        if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
 
+              (ele) => {
 
+                return ele.value != "";
 
+              }
 
+            );
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+      if (cPan == 2) {
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.cid,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          uid: this.userid,
 
+          unitIndex: _unitIndex,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateWorkNew4", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "修改成功",
 
+            type: "success",
 
+          });
 
+          this.courseId = this.cid;
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateWork() {
 
+      let cPan = 1;
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        for (
 
+          var j = 0;
 
+          j < this.unitJson[i].chapterInfo[0].taskJson.length;
 
+          j++
 
+        ) {
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
 
+
 
+          if (
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
 
+                  .length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+
 
+          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
 
+              i
 
+            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
 
+              return ele.value != "";
 
+            });
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+      if (cPan == 2) {
 
+        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(",") : "",
 
+          inviteCode: JSON.stringify(this.inviteCode),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateSynergy", params)
 
+        .then((res) => {
 
+          // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
 
+          if (this.cidType == 1) {
 
+            this.$message({
 
+              message: "修改成功",
 
+              type: "success",
 
+            });
 
+          } else {
 
+            this.$message({
 
+              message: "新增成功",
 
+              type: "success",
 
+            });
 
+          }
 
+          // }
 
+          this.number = this.nbOrder;
 
+          this.courseId = this.cid;
 
+          this.steps = 4;
 
+        })
 
+        .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;
 
+      this.setMan();
 
+    },
 
+    getTemplate() {
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateT", "")
 
+        .then((res) => {
 
+          this.templateArray = res.data[0];
 
+          this.getTemplateOid();
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    getTemplateOid() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
 
+        .then((res) => {
 
+          if (res.data[0].length) {
 
+            this.templateArray = [...res.data[0], ...this.templateArray];
 
+          }
 
+          this.getTemplateOrg();
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    getTemplateOrg() {
 
+      let params = {
 
+        oid: this.org,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
 
+        .then((res) => {
 
+          if (res.data[0].length) {
 
+            this.templateArray = [...res.data[0], ...this.templateArray];
 
+          }
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    clearChoose() {
 
+      this.clearArray.splice(this.templateC.id, 1);
 
+      this.dialogVisible2 = false;
 
+    },
 
+    clearAttText() {
 
+      this.AttText = {
 
+        title: "",
 
+        text: "",
 
+      };
 
+      this.dialogVisible6 = false;
 
+    },
 
+    clearLine() {
 
+      this.line = "";
 
+      this.dialogVisible7 = false;
 
+    },
 
+    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.unitIndex = 0;
 
+          _this.unitJson = [
 
+            {
 
+              dyName: "", //单元标题
 
+              chapterInfo: [
 
+                {
 
+                  isread: false,
 
+                  chapterid: this.guid(),
 
+                  title: "",
 
+                  courseName: "",
 
+                  taskJson: [
 
+                    {
 
+                      task: "",
 
+                      taskDetail: "",
 
+                      chapterData: [],
 
+                      toolText: "",
 
+                      toolChoose: [
 
+                        {
 
+                          tool: [],
 
+                          toolDetail: "",
 
+                          toolType: 0,
 
+                          askCount: 1,
 
+                          askTitle: "",
 
+                          askJson: [
 
+                            { askstitle: "", askItem: 1, checkList: [] },
 
+                          ],
 
+                        },
 
+                      ],
 
+                      isShowTools: false,
 
+                      askCount: 1,
 
+                      isFold: 0,
 
+                      askTitle: "",
 
+                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                      checkJson: [{ checkCount: [], checkPerent: [] }],
 
+                      homeworkList: [],
 
+                    },
 
+                  ],
 
+                  itemCount: 1,
 
+                  fileList1: [],
 
+                  video: [],
 
+                  testData: [],
 
+                  pData: [],
 
+                  templateArray: [],
 
+                },
 
+              ],
 
+            },
 
+          ];
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    checkTemplate3() {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择简易模式吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = [
 
+            {
 
+              dyName: "", //单元标题
 
+              easy: 1,
 
+              chapterInfo: [
 
+                {
 
+                  isread: false,
 
+                  chapterid: this.guid(),
 
+                  title: "",
 
+                  courseName: "",
 
+                  taskJson: [
 
+                    {
 
+                      task: "",
 
+                      taskDetail: "",
 
+                      chapterData: [],
 
+                      toolText: "",
 
+                      toolChoose: [
 
+                        {
 
+                          tool: [],
 
+                          toolDetail: "",
 
+                          toolType: 0,
 
+                          askCount: 1,
 
+                          askTitle: "",
 
+                          askJson: [
 
+                            { askstitle: "", askItem: 1, checkList: [] },
 
+                          ],
 
+                        },
 
+                      ],
 
+                      isShowTools: false,
 
+                      askCount: 1,
 
+                      isFold: 0,
 
+                      askTitle: "",
 
+                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                      checkJson: [{ checkCount: [], checkPerent: [] }],
 
+                      homeworkList: [],
 
+                    },
 
+                  ],
 
+                  itemCount: 1,
 
+                  fileList1: [],
 
+                  video: [],
 
+                  testData: [],
 
+                  pData: [],
 
+                  templateArray: [],
 
+                },
 
+              ],
 
+            },
 
+          ];
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    checkTemplate4() {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择未来小学课程设计吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = JSON.parse(JSON.stringify(weilaiData));
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    wordNext() {
 
+      this.dialogVisible2 = false;
 
+    },
 
+    isAddOrUpdateAttText() {
 
+      if (this.AttTextType == 0) {
 
+        this.addAttTextMessage();
 
+      } else {
 
+        this.updateAttText();
 
+      }
 
+    },
 
+    isAddOrUpdateLine() {
 
+      if (!this.lineTitle) {
 
+        this.$message.error("请填写链接标题");
 
+        return;
 
+      }
 
+      if (this.lineType == 0) {
 
+        this.addLine();
 
+      } else {
 
+        this.updateLine();
 
+      }
 
+    },
 
+    addAttTextMessage() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData.push({
 
+        name: this.AttText.title,
 
+        url: this.AttText.text,
 
+        type: 6,
 
+      });
 
+      this.imgChange1(null, null, 6, this.taskCount);
 
+      this.dialogVisible6 = false;
 
+    },
 
+    selectAttText(itemTaskIndex, i) {
 
+      this.AttText.title =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].name;
 
+      this.AttText.text =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].url;
 
+      this.taskCount = itemTaskIndex;
 
+      this.AttTextIndex = i;
 
+      this.AttTextType = 1;
 
+      this.dialogVisible6 = true;
 
+    },
 
+    updateAttText() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.AttTextIndex].name = this.AttText.title;
 
+
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.AttTextIndex].url = this.AttText.text;
 
+      this.dialogVisible6 = false;
 
+    },
 
+    addLine() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.lineCount
 
+      ].chapterData.push({
 
+        name: "链接",
 
+        title: this.lineTitle,
 
+        url: this.line,
 
+        type: 8,
 
+      });
 
+      this.imgChange1(null, null, 8, this.lineCount);
 
+      this.dialogVisible7 = false;
 
+    },
 
+    selectLine(itemTaskIndex, i) {
 
+      this.line =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].url;
 
+      this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].chapterData[i].title
 
+        ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+          .chapterData[i].title
 
+        : "";
 
+      this.taskCount = itemTaskIndex;
 
+      this.lineCount = i;
 
+      this.lineType = 1;
 
+      this.dialogVisible7 = true;
 
+    },
 
+    openUpdateSource(itemTaskIndex, i) {
 
+      this.sourceData = {}
 
+      let source = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].chapterData[i]
 
+      this.sourceData[source.id] = {}
 
+      this.sourceData[source.id].name = source.title
 
+      this.sourceData[source.id].url = source.url
 
+      this.dialogVisibleSource = true;
 
+      this.updateSourcePan = true;
 
+      this.taskCount = itemTaskIndex;
 
+      this.lineCount = i;
 
+    },
 
+    updateLine() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].url = this.line;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].title = this.lineTitle;
 
+      this.dialogVisible7 = false;
 
+    },
 
+    addPP() {
 
+      this.dialogVisible3 = true;
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    openTools(itemTaskIndex, i, toolIndex) {
 
+      this.toolIndex = toolIndex;
 
+      this.taskCount = itemTaskIndex;
 
+      if (i == 4) {
 
+        if (toolIndex == null) {
 
+          var a =
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+              .chapterData;
 
+          for (var i = 0; i < a.length; i++) {
 
+            if (a[i].url == 4 && a[i].askJson.askTitle != "") {
 
+              this.askJson =
 
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData[i].askJson;
 
+            }
 
+          }
 
+        } else {
 
+          this.askJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex]
 
+            )
 
+          );
 
+        }
 
+        this.askJson2 = JSON.parse(JSON.stringify(this.askJson))
 
+        this.dialogVisible5 = true;
 
+      } else if (i == 45) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].testJson
 
+        ) {
 
+          this.testJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].testJson
 
+            )
 
+          );
 
+        } else {
 
+          var testJson = {
 
+            testCount: 1,
 
+            testTitle: "",
 
+            testJson: [
 
+              {
 
+                teststitle: "",
 
+                testItem: 1,
 
+                checkList: [],
 
+                timuList: [],
 
+                answer: [],
 
+                type: "1",
 
+              },
 
+            ],
 
+          };
 
+          this.testJson = testJson;
 
+        }
 
+        this.testJson2 = JSON.parse(JSON.stringify(this.testJson));
 
+        this.dialogVisibleChoice = true;
 
+      } else if (i == 47) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].sentenceList
 
+        ) {
 
+          this.sentenceList = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].sentenceList
 
+            )
 
+          );
 
+        } else {
 
+          var sentenceList = [
 
+            { sentenceTitle: "", addSentence: [], rightAnswer: [] },
 
+          ];
 
+          this.sentenceList = sentenceList;
 
+        }
 
+        this.sentenceList2 = JSON.parse(JSON.stringify(this.sentenceList));
 
+        this.dialogVisibleSentence = true;
 
+      } else if (i == 48) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].tableJson
 
+        ) {
 
+          this.tableJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].tableJson
 
+            )
 
+          );
 
+        } else {
 
+          var tableJson = { text: "" };
 
+          this.tableJson = tableJson;
 
+        }
 
+        this.dialogVisibleTable = true;
 
+      } else if (i == 52) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].wordJson
 
+        ) {
 
+          this.wordJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].wordJson
 
+            )
 
+          );
 
+        } else {
 
+          var wordJson = { text: "" };
 
+          this.wordJson = wordJson;
 
+        }
 
+        this.dialogVisibleWord = true;
 
+        //   else if (i == 50) {
 
+        //   if (
 
+        //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+        //       .toolChoose[toolIndex].uploadJson
 
+        //   ) {
 
+        //     this.uploadJson = JSON.parse(
 
+        //       JSON.stringify(
 
+        //         this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        //           itemTaskIndex
 
+        //         ].toolChoose[toolIndex].uploadJson
 
+        //       )
 
+        //     );
 
+        //   } else {
 
+        //     var uploadJson = [];
 
+        //     this.uploadJson = uploadJson;
 
+        //   }
 
+        //   this.dialogVisibleMoreUpload = true;
 
+        // }
 
+      } else if (i == 10) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].preTime
 
+        ) {
 
+          this.preTime = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].preTime
 
+            )
 
+          );
 
+        } else {
 
+          var preTime = 0;
 
+          this.preTime = preTime;
 
+        }
 
+        this.dialogVisiblePreTime = true;
 
+      } else if (i == 49) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].groupJson
 
+        ) {
 
+          this.groupJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].groupJson
 
+            )
 
+          );
 
+        } else {
 
+          var groupJson = {
 
+            group: [{ name: "第1组" }],
 
+            number: undefined,
 
+            islock: 1,
 
+          };
 
+          this.groupJson = groupJson;
 
+        }
 
+        this.dialogVisibleGroup = true;
 
+      } else if (i == 62) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].videoJson
 
+        ) {
 
+          this.videoJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].videoJson
 
+            )
 
+          );
 
+        } else {
 
+          var videoJson = {
 
+            video: "",
 
+            setting: [],
 
+          };
 
+          this.videoJson = videoJson;
 
+        }
 
+        this.dialogVisibleVideo = true;
 
+      } else if (i == 15) {
 
+        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].answerQ
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].answerQ
 
+            )
 
+          )
 
+          : "";
 
+        this.answerQ2 = JSON.parse(JSON.stringify(this.answerQ))
 
+        this.dialogVisible8 = true;
 
+      } else if (i == 40) {
 
+        this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].rateJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].rateJson
 
+            )
 
+          )
 
+          : [{ detail: "", score: 5, value: "" }]; //{detail:"",score:5,value:""}
 
+        this.selectSteps = 1;
 
+        this.dialogVisibleRate = true;
 
+      } else if (i == 42) {
 
+        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].answerQ
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].answerQ
 
+            )
 
+          )
 
+          : "";
 
+        this.dialogVisibleMp3 = true;
 
+      } else if (i == 41) {
 
+        this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].selectJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].selectJson
 
+            )
 
+          )
 
+          : { url: "", select: [], answer: [] };
 
+        this.selectSteps = 1;
 
+        this.selectJson2 = JSON.parse(JSON.stringify(this.selectJson))
 
+        this.dialogVisibleSelect = true;
 
+      } else if (i == 3) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "3y",
 
+            cid: this.cid,
 
+            stage: this.unitIndex,
 
+            task: itemTaskIndex,
 
+            tool: toolIndex,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (i == 1) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "1y",
 
+            cid: this.cid,
 
+            stage: this.unitIndex,
 
+            task: itemTaskIndex,
 
+            tool: toolIndex,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (i == 57) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        window.parent.postMessage(
 
+          {
 
+            tools: "57y",
 
+            cid: this.cid,
 
+            stage: this.unitIndex,
 
+            task: itemTaskIndex,
 
+            tool: toolIndex,
 
+          },
 
+          "*"
 
+        );
 
+      }
 
+    },
 
+    chapAddTools(i) {
 
+      if (this.chapTools[0].tools.length == 0) {
 
+        this.chapTools[0].tools.push(i);
 
+      } else {
 
+        if (this.chapTools[0].tools.indexOf(i) != -1) {
 
+          this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
 
+        } else {
 
+          this.chapTools[0].tools.push(i);
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    addChaptersDataTools() {
 
+      if (this.chapTools[0].tools.indexOf(4) != -1) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.chapCount
 
+        ].chapterData.push({
 
+          name: this.chapTools[0].toolDetail,
 
+          url: this.chapTools[0].tools,
 
+          type: 7,
 
+          askJson: this.askJson,
 
+        });
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.chapCount
 
+        ].chapterData.push({
 
+          name: this.chapTools[0].toolDetail,
 
+          url: this.chapTools[0].tools,
 
+          type: 7,
 
+        });
 
+      }
 
+      this.imgChange1(null, null, 7, this.chapCount);
 
+      this.dialogVisible4 = false;
 
+    },
 
+    addTools(i, itemTaskIndex, toolIndex) {
 
+      // if (
 
+      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+      //     .toolChoose[toolIndex].tool.length == 0
 
+      // ) {
 
+      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //     itemTaskIndex
 
+      //   ].toolChoose[toolIndex].tool.push(i);
 
+      // } else {
 
+      //   if (
 
+      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //       itemTaskIndex
 
+      //     ].toolChoose[toolIndex].tool.indexOf(i) != -1
 
+      //   ) {
 
+      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //       itemTaskIndex
 
+      //     ].toolChoose[toolIndex].tool.splice(
 
+      //       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //         itemTaskIndex
 
+      //       ].toolChoose[toolIndex].tool.indexOf(i),
 
+      //       1
 
+      //     );
 
+      //   } else {
 
+      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //       itemTaskIndex
 
+      //     ].toolChoose[toolIndex].tool.push(i);
 
+      //   }
 
+      //   console.log(
 
+      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+      //       .toolChoose[toolIndex].tool
 
+      //   );
 
+      // }
 
+      if (i == 4) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].askJson.askTitle == "" ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].askJson[0].askstitle == "" ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].askJson[0].checkList < 2
 
+        ) {
 
+          this.openTools(itemTaskIndex, 4, toolIndex);
 
+          // this.$message({
 
+          //   message: "请填写完整问卷内容",
 
+          //   type: "error",
 
+          // });
 
+          return;
 
+        }
 
+      }
 
+      if (i == 45) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].testJson ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
 
+        ) {
 
+          this.openTools(itemTaskIndex, 45, toolIndex);
 
+          // this.$message({
 
+          //   message: "请填写完整问卷内容",
 
+          //   type: "error",
 
+          // });
 
+          return;
 
+        }
 
+      }
 
+      if (i == 47) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].sentenceList ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
 
+        ) {
 
+          this.openTools(itemTaskIndex, 47, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+      // if (i == 48) {
 
+      //   if (
 
+      //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+      //       .toolChoose[toolIndex].tableJson
 
+      //   ) {
 
+      //     this.openTools(itemTaskIndex, 48, toolIndex);
 
+      //     return;
 
+      //   }
 
+      // }
 
+      // if (i == 50) {
 
+      //   if (
 
+      //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+      //       .toolChoose[toolIndex].uploadJson
 
+      //   ) {
 
+      //     this.openTools(itemTaskIndex, 50, toolIndex);
 
+      //     return;
 
+      //   }
 
+      // }
 
+
 
+      if (i == 49) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].groupJson
 
+        ) {
 
+          this.openTools(itemTaskIndex, 49, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+      if (i == 62) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].videoJson
 
+        ) {
 
+          this.openTools(itemTaskIndex, 62, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+      if (i == 15) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].answerQ ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].answerQ == ""
 
+        ) {
 
+          this.openTools(itemTaskIndex, 15, toolIndex);
 
+          // this.$message({
 
+          //   message: "请填写问答内容",
 
+          //   type: "error",
 
+          // });
 
+          return;
 
+        }
 
+      }
 
+      if (i == 40) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].rateJson ||
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].rateJson.length
 
+        ) {
 
+          this.openTools(itemTaskIndex, 40, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+      if (i == 41) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].selectJson ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].selectJson.url == "" ||
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].selectJson.select.length ||
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].selectJson.answer.length
 
+        ) {
 
+          this.openTools(itemTaskIndex, 41, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+      if (i == 42) {
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].answerQ ||
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].answerQ == ""
 
+        ) {
 
+          this.openTools(itemTaskIndex, 42, toolIndex);
 
+          return;
 
+        }
 
+      }
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+          .toolChoose[toolIndex].tool.length > 0
 
+      ) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+            itemTaskIndex
 
+          ].toolChoose[toolIndex].tool.indexOf(i) != -1
 
+        ) {
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+            itemTaskIndex
 
+          ].toolChoose[toolIndex].tool.splice(
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].toolChoose[toolIndex].tool.indexOf(i),
 
+            1
 
+          );
 
+        } else {
 
+          // this.$message({
 
+          //   message: "每个工具只能添加一个",
 
+          //   type: "error",
 
+          // });
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+            itemTaskIndex
 
+          ].toolChoose[toolIndex].tool = [];
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+            itemTaskIndex
 
+          ].toolChoose[toolIndex].tool.push(i);
 
+        }
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].tool.push(i);
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    addAskList(index) {
 
+      this.askJson.askJson.splice(index + 1, 0, {
 
+        askstitle: "",
 
+        askItem: 1,
 
+        checkList: [],
 
+      })
 
+      this.askJson.askCount++;
 
+    },
 
+    addTestList(index) {
 
+      this.testJson.testJson.splice(index + 1, 0, {
 
+        teststitle: "",
 
+        testItem: 1,
 
+        checkList: [],
 
+        timuList: [],
 
+        answer: [],
 
+        type: "1",
 
+      })
 
+      this.testJson.testCount++;
 
+    },
 
+    deleteAskList(index) {
 
+      if (!this.askJson.askJson[index].askstitle && this.askJson.askJson[index].askItem == 1 && !this.askJson.askJson[index].checkList[0]) {
 
+        this.askJson.askJson.splice(index, 1);
 
+        this.askJson.askCount--;
 
+      } else {
 
+        let _this = this;
 
+        _this
 
+          .$confirm("此操作不可撤销，是否继续？", "提示", {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          })
 
+          .then(() => {
 
+            _this.askJson.askJson.splice(index, 1);
 
+            _this.askJson.askCount--;
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+      }
 
+    },
 
+    deleteTestList(index) {
 
+      if (!this.testJson.testJson[index].teststitle && this.testJson.testJson[index].testItem == 1 && !this.testJson.testJson[index].checkList[0]) {
 
+        this.testJson.testJson.splice(index, 1);
 
+        this.testJson.testCount--;
 
+      } else {
 
+        let _this = this;
 
+        _this
 
+          .$confirm("此操作不可撤销，是否继续？", "提示", {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          })
 
+          .then(() => {
 
+            _this.testJson.testJson.splice(index, 1);
 
+            _this.testJson.testCount--;
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+      }
 
+
 
+    },
 
+    askMove(type, index) {
 
+      if (type == 1) {
 
+        if (index > 0) {
 
+          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
 
+          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
 
+          this.askJson.askJson[index - 1] = b;
 
+          this.askJson.askJson[index] = a;
 
+        }
 
+      } else {
 
+        if (
 
+          index < this.askJson.askJson.length - 1
 
+        ) {
 
+          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
 
+          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
 
+          this.askJson.askJson[index + 1] = b;
 
+          this.askJson.askJson[index] = a;
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    checkMove(type, index, checkIndex) {
 
+      if (type == 1) {
 
+        if (checkIndex > 0) {
 
+          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex - 1]));
 
+          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex]));
 
+          this.askJson.askJson[index].checkList[checkIndex - 1] = b;
 
+          this.askJson.askJson[index].checkList[checkIndex] = a;
 
+        }
 
+      } else {
 
+        if (
 
+          checkIndex < this.askJson.askJson[index].checkList.length - 1
 
+        ) {
 
+          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex + 1]));
 
+          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index].checkList[checkIndex]));
 
+          this.askJson.askJson[index].checkList[checkIndex + 1] = b;
 
+          this.askJson.askJson[index].checkList[checkIndex] = a;
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    testMove(type, index) {
 
+      if (type == 1) {
 
+        if (index > 0) {
 
+          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
 
+          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
 
+          this.testJson.testJson[index - 1] = b;
 
+          this.testJson.testJson[index] = a;
 
+        }
 
+      } else {
 
+        if (
 
+          index < this.testJson.testJson.length - 1
 
+        ) {
 
+          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
 
+          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
 
+          this.testJson.testJson[index + 1] = b;
 
+          this.testJson.testJson[index] = a;
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    tcheckMove(type, index, checkIndex) {
 
+      if (type == 1) {
 
+        if (checkIndex > 0) {
 
+          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex - 1]));
 
+          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex]));
 
+          this.testJson.testJson[index].checkList[checkIndex - 1] = b;
 
+          this.testJson.testJson[index].checkList[checkIndex] = a;
 
+        }
 
+      } else {
 
+        if (
 
+          checkIndex < this.testJson.testJson[index].checkList.length - 1
 
+        ) {
 
+          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex + 1]));
 
+          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index].checkList[checkIndex]));
 
+          this.testJson.testJson[index].checkList[checkIndex + 1] = b;
 
+          this.testJson.testJson[index].checkList[checkIndex] = a;
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    addcheckList(json, index) {
 
+      // json.checkList.length++;
 
+      json.checkList.splice(index + 1, 0, '')
 
+      json.askItem++;
 
+      this.$forceUpdate();
 
+    },
 
+    deletecheckList(json, index) {
 
+      // json.checkList.length--;
 
+      json.checkList.splice(index, 1)
 
+      json.askItem--;
 
+      this.$forceUpdate();
 
+    },
 
+    addTcheckList(json, index) {
 
+      // json.checkList.length++;
 
+      json.checkList.splice(index + 1, 0, '')
 
+      json.testItem++;
 
+      this.$forceUpdate();
 
+    },
 
+    deleteTcheckList(json, index) {
 
+      // json.checkList.length--;
 
+      json.checkList.splice(index, 1)
 
+      json.testItem--;
 
+      this.$forceUpdate();
 
+    },
 
+    checkTestType(type, json) {
 
+      json.type = type;
 
+      setTimeout(() => {
 
+        json.answer = [];
 
+      }, 100)
 
+      this.$forceUpdate();
 
+    },
 
+    checkAskType(type, json) {
 
+      json.type = type;
 
+      // json.checkList = [];
 
+      this.$forceUpdate();
 
+    },
 
+    addSelectList(json) {
 
+      json.select.push("");
 
+      json.answer.push("");
 
+    },
 
+    deleteSelectList(json) {
 
+      // json.select.length--;
 
+      // json.answer.length--;
 
+      json.select.splice(json.select.length - 1, 1);
 
+      json.answer.splice(json.answer.length - 1, 1);
 
+    },
 
+    addAsk() {
 
+      if (this.askJson.askTitle === "") {
 
+        this.$message.error("标题不能为空！");
 
+        return;
 
+      }
 
+      var aj = this.askJson.askJson;
 
+      var b = 1;
 
+      for (var i = 0; i < aj.length; i++) {
 
+        if (aj[i].askstitle === "") {
 
+          var a = 1;
 
+          for (let index = 0; index < aj[i].askItem; index++) {
 
+            const element = aj[i].checkList[index]
 
+              ? aj[i].checkList[index]
 
+              : "";
 
+            if (element != "") {
 
+              b++;
 
+              this.$message.error(`请将题目${i + 1}填写完整。`);
 
+              return;
 
+            } else {
 
+              a++;
 
+            }
 
+          }
 
+          if (b == 1) {
 
+            this.$message.error("至少填写一个问题");
 
+            return;
 
+          }
 
+        } else if (aj[i].askstitle != "") {
 
+          for (let index = 0; index < aj[i].askItem; index++) {
 
+            const element = aj[i].checkList[index]
 
+              ? aj[i].checkList[index]
 
+              : "";
 
+            var index = 0;
 
+            for (var z = 0; z < aj[i].checkList.length; z++) {
 
+              let checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
 
+              if (checkC != "") {
 
+                index++;
 
+              } else {
 
+                this.$message.error(`题目${i + 1}选项不能为空！`);
 
+                return;
 
+              }
 
+
 
+              for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
 
+                let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
 
+                if (checkC == checkC2) {
 
+                  this.$message.error(`第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
 
+                  return;
 
+                }
 
+              }
 
+            }
 
+            b++;
 
+            if (index < 2) {
 
+              this.$message.error("每道题目至少需要设置2个选项。");
 
+              return;
 
+            }
 
+          }
 
+        }
 
+      }
 
+      this.askJson.askJson = this.askJson.askJson.filter((el) => {
 
+        var elc = el.checkList.filter((element) => {
 
+          return element != "";
 
+        });
 
+        return el.askstitle != "" && elc.length != 0;
 
+      });
 
+      if (!this.dialogVisible4) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[this.toolIndex] = this.askJson;
 
+      }
 
+      this.dialogVisible5 = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 4
 
+      ) {
 
+        this.addTools(4, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addTest() {
 
+      // if (this.testJson.testTitle === "") {
 
+      //   this.$message.error("标题不能为空！");
 
+      //   return;
 
+      // }
 
+      var aj = this.testJson.testJson;
 
+      var b = 1;
 
+      for (var i = 0; i < aj.length; i++) {
 
+        if (aj[i].teststitle === "" && aj[i].timuList.length == 0) {
 
+          var a = 1;
 
+          for (let index = 0; index < aj[i].testItem; index++) {
 
+            const element = aj[i].checkList[index]
 
+              ? aj[i].checkList[index]
 
+              : "";
 
+            if (element != "") {
 
+              b++;
 
+              this.$message.error(`请将题目${i + 1}填写完整。`);
 
+              return;
 
+            } else {
 
+              a++;
 
+            }
 
+          }
 
+          if (b == 1) {
 
+            this.$message.error("至少填写一个问题");
 
+            return;
 
+          }
 
+        } else if (aj[i].teststitle != "" || aj[i].timuList.length > 0) {
 
+          for (let index = 0; index < aj[i].testItem; index++) {
 
+            const element = aj[i].checkList[index]
 
+              ? aj[i].checkList[index]
 
+              : "";
 
+            var index = 0;
 
+            for (var z = 0; z < aj[i].checkList.length; z++) {
 
+              var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
 
+              if (checkC != "") {
 
+                index++;
 
+              } else {
 
+                this.$message.error(`题目${i + 1}选项不能为空！`);
 
+                return;
 
+              }
 
+
 
+              for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
 
+                let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
 
+                if (checkC == checkC2) {
 
+                  this.$message.error(`第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
 
+                  return;
 
+                }
 
+              }
 
+            }
 
+            b++;
 
+            if (index < 2) {
 
+              this.$message.error("每道题目至少需要设置2个选项。");
 
+              return;
 
+            }
 
+            if (
 
+              (aj[i].type == "2" && !aj[i].answer.length) ||
 
+              (aj[i].type == "1" && ((typeof aj[i].answer == 'object' && !aj[i].answer.length) || (aj[i].answer !== 0 && !aj[i].answer)))
 
+            ) {
 
+              this.$message.error(`请将题目${i + 1}的正确选项设置完整`);
 
+              return;
 
+            }
 
+          }
 
+        }
 
+      }
 
+      var isTestJson = JSON.parse(JSON.stringify(this.testJson));
 
+      isTestJson.testJson = this.testJson.testJson.filter((el) => {
 
+        var elc = el.checkList.filter((element) => {
 
+          return element != "";
 
+        });
 
+        return (
 
+          (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
 
+        );
 
+      });
 
+      isTestJson.testCount = isTestJson.testJson.length;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].testJson = isTestJson;
 
+
 
+      this.dialogVisibleChoice = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 45
 
+      ) {
 
+        this.addTools(45, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addVideoJson(videoJson) {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].videoJson = videoJson;
 
+
 
+      this.dialogVisibleVideo = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 62
 
+      ) {
 
+        this.addTools(62, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    //自动获取剪贴板
 
+    pasteOption() {
 
+      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
 
+      if (!iframe) {
 
+        this.$message.error("请使用AI共创生成题目");
 
+        return;
 
+      }
 
+      let copyData = iframe.contentWindow.copyData;
 
+      if (!copyData || !copyData.selectData.length) {
 
+        this.$message.error("请使用AI共创生成题目");
 
+        return;
 
+      }
 
+      let selectData = copyData.selectData;
 
+      for (var i = 0; i < selectData.length; i++) {
 
+        let answer = 0;
 
+        switch (selectData[i].answer[0]) {
 
+          case "A":
 
+            answer = 0;
 
+            break;
 
+          case "B":
 
+            answer = 1;
 
+            break;
 
+          case "C":
 
+            answer = 2;
 
+            break;
 
+          case "D":
 
+            answer = 3;
 
+            break;
 
+          case "E":
 
+            answer = 4;
 
+            break;
 
+          default:
 
+            break;
 
+        }
 
+        this.testJson.testJson.push({
 
+          teststitle: selectData[i].subject,
 
+          testItem: selectData[i].options.length,
 
+          checkList: selectData[i].options,
 
+          timuList: [],
 
+          answer: answer,
 
+          type: "1",
 
+        });
 
+        this.testJson.testCount++;
 
+      }
 
+      var isTestJson = JSON.parse(JSON.stringify(this.testJson));
 
+      isTestJson.testJson = this.testJson.testJson.filter((el) => {
 
+        var elc = el.checkList.filter((element) => {
 
+          return element != "";
 
+        });
 
+        return (
 
+          (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
 
+        );
 
+      });
 
+      isTestJson.testCount = isTestJson.testJson.length;
 
+      this.testJson = isTestJson;
 
+      this.$forceUpdate();
 
+    },
 
+    pasteTask() {
 
+      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
 
+      if (!iframe) {
 
+        this.$message.error("请使用AI共创生成");
 
+        return;
 
+      }
 
+      let copyData = iframe.contentWindow.copyData;
 
+      if (!copyData || !copyData.tasksData || !copyData.tasksData.length) {
 
+        this.$message.error("请使用AI共创生成");
 
+        return;
 
+      }
 
+      let stageTasksData = copyData.tasksData;
 
+      let taskA = [];
 
+      let tasks = stageTasksData;
 
+      for (var j = 0; j < tasks.length; j++) {
 
+        taskA.push({
 
+          task: tasks[j].taskName,
 
+          taskDetail: tasks[j].taskDecs,
 
+          chapterData: [],
 
+          toolText: "",
 
+          toolChoose: [
 
+            {
 
+              tool: [],
 
+              toolDetail: "",
 
+              toolType: 0,
 
+              askCount: 1,
 
+              askTitle: "",
 
+              askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+            },
 
+          ],
 
+          isShowTools: false,
 
+          askCount: 1,
 
+          isFold: 0,
 
+          askTitle: "",
 
+          askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+          checkJson: [{ checkCount: [], checkPerent: [] }],
 
+          homeworkList: [],
 
+        });
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson = taskA;
 
+      this.$forceUpdate();
 
+    },
 
+    pasteStage() {
 
+      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
 
+      if (!iframe) {
 
+        this.$message.error("请使用AI共创生成");
 
+        return;
 
+      }
 
+      let copyData = iframe.contentWindow.copyData;
 
+      if (!copyData || !copyData.stageData || !copyData.stageData.length) {
 
+        this.$message.error("请使用AI共创生成");
 
+        return;
 
+      }
 
+      let stageData = copyData.stageData;
 
+      let stage = [];
 
+      for (var i = 0; i < stageData.length; i++) {
 
+        stage.push({
 
+          dyName: stageData[i], //单元标题
 
+          chapterInfo: [
 
+            {
 
+              isread: false,
 
+              chapterid: this.guid(),
 
+              title: "",
 
+              courseName: "",
 
+              taskJson: [
 
+                {
 
+                  task: "",
 
+                  taskDetail: "",
 
+                  chapterData: [],
 
+                  toolText: "",
 
+                  toolChoose: [
 
+                    {
 
+                      tool: [],
 
+                      toolDetail: "",
 
+                      toolType: 0,
 
+                      askCount: 1,
 
+                      askTitle: "",
 
+                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                    },
 
+                  ],
 
+                  isShowTools: false,
 
+                  askCount: 1,
 
+                  isFold: 0,
 
+                  askTitle: "",
 
+                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                  checkJson: [{ checkCount: [], checkPerent: [] }],
 
+                  homeworkList: [],
 
+                },
 
+              ],
 
+              itemCount: 1,
 
+              fileList1: [],
 
+              video: [],
 
+              testData: [],
 
+              pData: [],
 
+              templateArray: [],
 
+            },
 
+          ],
 
+        });
 
+      }
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择智能粘贴模式吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = stage;
 
+          _this.steps++;
 
+          _this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    addAnswer() {
 
+      if (this.answerQ == "") {
 
+        this.$message.error("请输入您想要问的问题");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].answerQ = this.answerQ;
 
+      this.dialogVisible8 = false;
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 15
 
+      ) {
 
+        this.addTools(15, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addMp3Answer() {
 
+      if (this.answerQ == "") {
 
+        this.$message.error("请输入您想要回答的问题");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].answerQ = this.answerQ;
 
+      this.dialogVisibleMp3 = false;
 
+    },
 
+    addRateAnswer() {
 
+      var a = 1;
 
+      for (var i = 0; i < this.rateJson.length; i++) {
 
+        if (this.rateJson[i].value == "") {
 
+          a = 2;
 
+          break;
 
+        }
 
+      }
 
+      if (a == 2) {
 
+        this.$message.error("请把评价信息填写完整");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].rateJson = this.rateJson;
 
+      this.dialogVisibleRate = false;
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 40
 
+      ) {
 
+        this.addTools(40, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addSelectAnswer() {
 
+      if (this.selectJson.url == "") {
 
+        this.$message.error("请上传题目");
 
+        return;
 
+      }
 
+      if (!this.selectJson.select.length) {
 
+        this.$message.error("请添加选项");
 
+        return;
 
+      }
 
+      if (!this.selectJson.answer.length) {
 
+        this.$message.error("请设置答案");
 
+        return;
 
+      }
 
+      var a = 1;
 
+      for (var i = 0; i < this.selectJson.answer.length; i++) {
 
+        if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
 
+          a = 2;
 
+        }
 
+      }
 
+      if (a == 2) {
 
+        this.$message.error("请设置答案");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].selectJson = this.selectJson;
 
+      this.dialogVisibleSelect = false;
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 41
 
+      ) {
 
+        this.addTools(41, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    nextSelectSteps() {
 
+      if (this.selectJson.url == "") {
 
+        this.$message.error("请上传题目");
 
+        return;
 
+      }
 
+      if (!this.selectJson.select.length) {
 
+        this.$message.error("请添加选项");
 
+        return;
 
+      } else {
 
+        for (var z = 0; z < this.selectJson.select.length; z++) {
 
+          let checkC = this.selectJson.select[z];
 
+          for (var z2 = z + 1; z2 < this.selectJson.select.length; z2++) {
 
+            let checkC2 = this.selectJson.select[z2];
 
+            if (checkC == checkC2) {
 
+              this.$message.error(`选项${z + 1}和选项${z2 + 1}重复了，请修改！`);
 
+              return;
 
+            }
 
+          }
 
+        }
 
+      }
 
+      var a = 1;
 
+      for (var i = 0; i < this.selectJson.select.length; i++) {
 
+        if (!this.selectJson.select[i]) {
 
+          a = 2;
 
+        }
 
+      }
 
+      if (a == 2) {
 
+        this.$message.error("添加的选项不能为空");
 
+        return;
 
+      }
 
+      this.selectSteps++;
 
+    },
 
+    selectCourseDetail() {
 
+      if (this.cid == "" || this.cid == undefined) {
 
+        console.log("这是新增课程");
 
+        this.selectAllType();
 
+      } else {
 
+        this.cidType = 1;
 
+        let params = {
 
+          cid: this.cid,
 
+        };
 
+        this.ajax
 
+          .get(this.$store.state.api + "select_synergy", params)
 
+          .then((res) => {
 
+            this.loading = true;
 
+            this.courseDetail = res.data[0][0]
 
+            this.unitJson = JSON.parse(res.data[0][0].chapters);
 
+            for (var j = 0; j < this.unitJson.length; j++) {
 
+              for (
 
+                var k = 0;
 
+                k < this.unitJson[j].chapterInfo[0].taskJson.length;
 
+                k++
 
+              ) {
 
+                this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
 
+                  .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
 
+                  ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
 
+                  : [];
 
+                let _chapterData = [];
 
+                for (
 
+                  var c = 0;
 
+                  c <
 
+                  this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
 
+                    .length;
 
+                  c++
 
+                ) {
 
+                  if (
 
+                    this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
 
+                  ) {
 
+                    _chapterData.push(
 
+                      this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
 
+                    );
 
+                  }
 
+                }
 
+                this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
 
+                  _chapterData;
 
+              }
 
+            }
 
+
 
+            this.$forceUpdate();
 
+            this.courseName = res.data[0][0].title;
 
+            this.courseText = res.data[0][0].brief;
 
+            this.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.inviteCode = [];
 
+            for (var i = 0; i < res.data[2].length; i++) {
 
+              this.inviteCode.push({
 
+                cid: res.data[2][i].classid,
 
+                ic: res.data[2][i].code,
 
+              });
 
+            }
 
+
 
+            this.checkboxList3 = res.data[0][0].course_teacher
 
+              ? res.data[0][0].course_teacher.split(",")
 
+              : [];
 
+            // this.isTeacherSee =
 
+            //   res.data[0][0].is_teacher_look == 0 ? true : false;
 
+            this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
 
+            this.myWord = res.data[0][0].template;
 
+            this.templateC.id = "123";
 
+            this.courseUserid = res.data[0][0].userid;
 
+            // if(this.courseUserid == this.userid){
 
+            //   this.InviteChange(this.checkboxList2)
 
+            // }
 
+            this.nbOrder = res.data[0][0].ordernumber;
 
+            this.courseTypeId = [];
 
+            for (var i = 0; i < res.data[1].length; i++) {
 
+              this.courseTypeId.push(res.data[1][i].typeid);
 
+            }
 
+            console.log(this.courseTypeId);
 
+            // if (this.timer) clearInterval(this.timer);
 
+            if (this.timer) clearTimeout(this.timer);
 
+            this.timer = null;
 
+            // this.timer = setInterval(() => {
 
+
 
+            // this.seleteCourseUpdate();
 
+            this.setMan();
 
+            this.selectAllType();
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
 
+            // }, 5000);
 
+            this.$forceUpdate();
 
+            setTimeout(() => {
 
+              this.checkEva(this.evalua);
 
+            }, 0);
 
+          })
 
+          .catch((err) => {
 
+            console.error(err);
 
+          });
 
+      }
 
+    },
 
+    seleteCourseUpdate() {
 
+      let params = {
 
+        cid: this.cid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "select_synergy", params)
 
+        .then((res) => {
 
+          // console.log(this.unitJson);
 
+          let unitJson = JSON.parse(res.data[0][0].chapters);
 
+          this.unitJson2 = JSON.parse(res.data[0][0].chapters);
 
+          let _unitJson2 = JSON.parse(JSON.stringify(this.unitJson));
 
+          let _unitJson = [];
 
+          let _chapAarry = [];
 
+          let _unitIndex = JSON.parse(JSON.stringify(this.unitIndex));
 
+          let _unitIndex2 = JSON.parse(JSON.stringify(this.unitIndex));
 
+          let index = 1;
 
+          let chapindex;
 
+          if (_unitJson2.length > unitJson.length) {
 
+            for (let c = 0; c < _unitJson2.length; c++) {
 
+              _chapAarry.push(_unitJson2[c].chapterInfo[0].chapterid);
 
+            }
 
+            for (let j = 0; j < unitJson.length; j++) {
 
+              let count = 0;
 
+              for (let k = 0; k < _unitJson2.length; k++) {
 
+                if (
 
+                  unitJson[j].chapterInfo[0].chapterid ==
 
+                  _unitJson2[k].chapterInfo[0].chapterid
 
+                ) {
 
+                  count++;
 
+                  _chapAarry.splice(
 
+                    _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
 
+                    1
 
+                  );
 
+                  _unitJson.push(unitJson[j]);
 
+                  break;
 
+                }
 
+              }
 
+              // if(count === 0){
 
+              //   this.$message.error("您所修改的阶段已经被其他老师删除了");
 
+              // }
 
+            }
 
+            for (let k = 0; k < _unitJson2.length; k++) {
 
+              if (_unitJson2[k].isUpdate == 1) {
 
+                _chapAarry.splice(
 
+                  _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
 
+                  1
 
+                );
 
+                _unitJson.push(_unitJson2[k]);
 
+              }
 
+            }
 
+            console.log(_chapAarry);
 
+            for (let d = 0; d < _unitJson2.length; d++) {
 
+              if (
 
+                _chapAarry.indexOf(_unitJson2[d].chapterInfo[0].chapterid) != -1
 
+              ) {
 
+                if (_unitIndex == d) {
 
+                  index = 2;
 
+                }
 
+                chapindex = d;
 
+                // this.$message.error("您所修改的阶段已经被其他老师删除了");
 
+              }
 
+            }
 
+          } else {
 
+            _unitJson = JSON.parse(JSON.stringify(_unitJson2));
 
+          }
 
+
 
+          for (let i = 0; i < unitJson.length; i++) {
 
+            if (
 
+              (i < _unitJson.length - 1 || i == _unitJson.length - 1) &&
 
+              _unitJson[i].chapterInfo[0].chapterid !=
 
+              unitJson[i].chapterInfo[0].chapterid
 
+            ) {
 
+              if (i == _unitJson.length - 1) {
 
+                // this.unitIndex++
 
+                _unitIndex2++;
 
+              }
 
+              _unitJson.splice(i, 0, unitJson[i]);
 
+            } else if (i > _unitJson.length - 1) {
 
+              _unitJson.push(unitJson[i]);
 
+            } else if (
 
+              _unitJson[i].chapterInfo[0].chapterid ==
 
+              unitJson[i].chapterInfo[0].chapterid
 
+            ) {
 
+              _unitJson[i] = unitJson[i];
 
+            }
 
+            // if (i == _unitIndex) {
 
+            //   continue;
 
+            // } else
 
+          }
 
+
 
+          if (_chapAarry.length && index != 2) {
 
+            if (chapindex < _unitIndex) {
 
+              this.isDelete = 2;
 
+              // this.unitIndex--;
 
+              _unitIndex2--;
 
+            } else if (
 
+              _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
 
+              _unitJson[_unitIndex].chapterInfo[0].chapterid
 
+            ) {
 
+              this.isDelete = 2;
 
+              for (let n = 0; n < _unitJson.length; n++) {
 
+                if (
 
+                  _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
 
+                  _unitJson[n].chapterInfo[0].chapterid
 
+                ) {
 
+                  // this.unitIndex = n;
 
+                  _unitIndex2 = n;
 
+                  _unitJson[n] = _unitJson2[_unitIndex];
 
+                  break;
 
+                }
 
+              }
 
+            }
 
+          } else if (index != 2) {
 
+            // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
 
+            _unitJson2[_unitIndex];
 
+            for (
 
+              var ci = 0;
 
+              ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
 
+              ci++
 
+            ) {
 
+              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
 
+                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
 
+                  ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
 
+                    .toolChoose
 
+                  : [];
 
+              let _chapterData = [];
 
+              for (
 
+                var c = 0;
 
+                c <
 
+                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
 
+                  .length;
 
+                c++
 
+              ) {
 
+                if (
 
+                  _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
 
+                    .chapterData[c]
 
+                ) {
 
+                  _chapterData.push(
 
+                    _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
 
+                      .chapterData[c]
 
+                  );
 
+                }
 
+              }
 
+              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
 
+                _chapterData;
 
+            }
 
+            _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
 
+          }
 
+          if (index == 1) {
 
+            this.unitJson = _unitJson;
 
+            this.$forceUpdate();
 
+            setTimeout(() => {
 
+              if (this.unitIndex != _unitIndex2) {
 
+                this.isDelete = 2;
 
+                this.unitIndex = _unitIndex2;
 
+              }
 
+            }, 0);
 
+            this.timer = setTimeout(() => {
 
+              this.seleteCourseUpdate();
 
+            }, 1000);
 
+          } else if (index == 2) {
 
+            let _this = this;
 
+            _this
 
+              .$confirm(
 
+                "您所修改的阶段已经被其他老师删除了,需要恢复嘛?",
 
+                "提示",
 
+                {
 
+                  confirmButtonText: "需要",
 
+                  cancelButtonText: "取消",
 
+                  type: "warning",
 
+                }
 
+              )
 
+              .then(() => {
 
+                if (_this.time()) {
 
+                  _this.restoreWork(
 
+                    _chapAarry[0],
 
+                    _unitJson,
 
+                    chapindex,
 
+                    _unitJson2,
 
+                    _unitIndex2
 
+                  );
 
+                }
 
+              })
 
+              .catch(() => {
 
+                _this.unitJson = _unitJson;
 
+                _this.$forceUpdate();
 
+                setTimeout(() => {
 
+                  if (this.unitIndex != _unitIndex2) {
 
+                    this.isDelete = 2;
 
+                    this.unitIndex = _unitIndex2;
 
+                  }
 
+                }, 0);
 
+                _this.timer = setTimeout(() => {
 
+                  _this.seleteCourseUpdate();
 
+                }, 1000);
 
+              });
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
 
+      let params = [
 
+        {
 
+          cid: this.cid,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          uid: this.userid,
 
+          chapid: chapid,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "restoreWork", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "恢复成功",
 
+            type: "success",
 
+          });
 
+          unitJson.splice(chapindex, 0, unitJson2[chapindex]);
 
+          this.unitJson = unitJson;
 
+          this.$forceUpdate();
 
+          setTimeout(() => {
 
+            if (this.unitIndex != unitIndex2) {
 
+              this.isDelete = 2;
 
+              this.unitIndex = unitIndex2;
 
+            }
 
+          }, 0);
 
+          this.timer = setTimeout(() => {
 
+            this.seleteCourseUpdate();
 
+          }, 1000);
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    getTypeName() {
 
+      console.log(this.courseTypeId);
 
+      this.$forceUpdate();
 
+    },
 
+    selectAllType() {
 
+      let params = {
 
+        org: this.org && this.org != "" ? this.org : "",
 
+        oid: this.oid && this.oid != "" ? this.oid : "",
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectAllType", params)
 
+        .then((res) => {
 
+          if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+            res.data[0] = [...res.data[0], ...res.data[4]]
 
+          }
 
+          this.CourseType = res.data;
 
+          this.CourseType2 = [
 
+            { name: "智见课程", id: [] },
 
+            { name: "智行课程", id: [] },
 
+            { name: "智创课程", id: [] },
 
+          ];
 
+
 
+          for (var cti = 0; cti < res.data[0].length; cti++) {
 
+            if (
 
+              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
 
+              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
 
+            ) {
 
+              this.CourseType2[0].id.push(res.data[0][cti].id);
 
+            } else if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
 
+              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
 
+              this.CourseType2[1].id.push(res.data[0][cti].id);
 
+            } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
 
+              this.CourseType2[2].id.push(res.data[0][cti].id);
 
+            }
 
+            if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5") {
 
+              res.data[0][cti].name = "年级";
 
+            } else if (res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
 
+              res.data[0][cti].name = "学科";
 
+            } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
 
+              res.data[0][cti].name = "主题";
 
+            }
 
+          }
 
+          let _courseTypeId = [];
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            if (!this.cid) {
 
+              this.courseTypeId[res.data[0][i].id] = [];
 
+            }
 
+            // if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+            // }
 
+            this.CourseTypeJson[res.data[0][i].id] = [];
 
+
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              if (res.data[0][i].name == "栏目") {
 
+                this.CourseType[0][i].name = "主题";
 
+              }
 
+            }
 
+            if (res.data[2].length == 0 && res.data[3].length == 0) {
 
+              for (var j = 0; j < res.data[1].length; j++) {
 
+                if (
 
+                  this.courseTypeId.indexOf(res.data[1][j].id) != -1 &&
 
+                  _courseTypeId.indexOf(res.data[1][j].id) == -1
 
+                ) {
 
+                  _courseTypeId.push(res.data[1][j].id);
 
+                }
 
+                if (res.data[0][i].id == res.data[1][j].pid) {
 
+                  this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
 
+                }
 
+              }
 
+            } else {
 
+              if (res.data[2].length > 0) {
 
+                for (var j = 0; j < res.data[2].length; j++) {
 
+                  if (
 
+                    this.courseTypeId.indexOf(res.data[2][j].id) != -1 &&
 
+                    _courseTypeId.indexOf(res.data[2][j].id) == -1
 
+                  ) {
 
+                    _courseTypeId.push(res.data[2][j].id);
 
+                  }
 
+                  if (res.data[0][i].id == res.data[2][j].pid) {
 
+                    this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
 
+                  }
 
+                }
 
+              }
 
+              if (res.data[3].length > 0) {
 
+                for (var j = 0; j < res.data[3].length; j++) {
 
+                  if (
 
+                    this.courseTypeId.indexOf(res.data[3][j].id) != -1 &&
 
+                    _courseTypeId.indexOf(res.data[3][j].id) == -1
 
+                  ) {
 
+                    _courseTypeId.push(res.data[3][j].id);
 
+                  }
 
+                  if (res.data[0][i].id == res.data[3][j].pid) {
 
+                    this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
 
+                  }
 
+                }
 
+              }
 
+            }
 
+          }
 
+          this.courseTypeId = _courseTypeId;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectType() {
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectType")
 
+        .then((res) => {
 
+          this.CourseType = res.data;
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            if (!this.cid) {
 
+              this.courseTypeId[res.data[0][i].id] = "";
 
+            }
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              if (res.data[0][i].name == "栏目") {
 
+                this.CourseType[0][i].name = "主题";
 
+              }
 
+            }
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
 
+              }
 
+            }
 
+          }
 
+          this.selectTypeByOid();
 
+          this.selectTypeByOrg();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectTypeByOid() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectTypeByOid", params)
 
+        .then((res) => {
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
 
+              }
 
+            }
 
+          }
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectTypeByOrg() {
 
+      let params = {
 
+        oid: this.org,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectTypeByOrg", params)
 
+        .then((res) => {
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
 
+              }
 
+            }
 
+          }
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    OtherMb(type) {
 
+      this.typeMode = type;
 
+      setTimeout(() => {
 
+        this.checkEva(this.checkId);
 
+      }, 0);
 
+    },
 
+    openMember() {
 
+      this.searchTN = "";
 
+      this.getTeacher();
 
+      this.dialogVisibleMember = true;
 
+    },
 
+    checkEva(id, type) {
 
+      this.dialogVisiblemb = false;
 
+      this.selectEva();
 
+      if (this.evalua != id && type == 2) {
 
+        this.$message.success("导入成功");
 
+      }
 
+      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);
 
+      }
 
+    },
 
+    deleteEva() {
 
+      let _this = this;
 
+      if (_this.evalua == "") {
 
+        this.$message.warning("内容已经清空了，请勿重复清空");
 
+        return;
 
+      }
 
+      _this
 
+        .$confirm("确定删除此目标吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.evalua = "";
 
+          _this.checkId = "";
 
+          _this.eTitle = "";
 
+          let _unitJson = _this.unitJson;
 
+          for (var i = 0; i < _unitJson.length; i++) {
 
+            let _task = _unitJson[i].chapterInfo[0].taskJson;
 
+            for (var j = 0; j < _task.length; j++) {
 
+              let _eList = _task[j].eList;
 
+              for (var k = 0; k < _eList.length; k++) {
 
+                delete _eList[k].target;
 
+              }
 
+            }
 
+          }
 
+          _this.$forceUpdate();
 
+          if (_this.cid) {
 
+            _this.updateWork();
 
+          }
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    selectEva() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectAllEvaluation", params)
 
+        .then((res) => {
 
+          this.evaJuri = res.data[0];
 
+        })
 
+        .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);
 
+        });
 
+    },
 
+    // getClass() {
 
+    //   let params = {
 
+    //     oid: this.oid,
 
+    //   };
 
+    //   this.ajax
 
+    //     .get(this.$store.state.api + "selectClassBySchool", params)
 
+    //     .then((res) => {
 
+    //       this.classJuri = res.data[0];
 
+    //     })
 
+    //     .catch((err) => {
 
+    //       console.error(err);
 
+    //     });
 
+    // },
 
+    deleteSysPic() {
 
+      this.cover = [];
 
+      this.isSysPic = false;
 
+      this.isSysPic2 = false;
 
+    },
 
+    deleteSelectPic() {
 
+      this.selectJson.url = "";
 
+    },
 
+    setEListStar() {
 
+      this.$forceUpdate();
 
+    },
 
+    deletRateList(i) {
 
+      this.rateJson.splice(i, 1);
 
+    },
 
+    addRateList() {
 
+      this.rateJson.push({ detail: "", score: 5, value: "" });
 
+    },
 
+    addSt() {
 
+      this.sentenceList.push({
 
+        sentenceTitle: "",
 
+        addSentence: [],
 
+        rightAnswer: [],
 
+      });
 
+    },
 
+    addSen(i) {
 
+      if (!this.sentenceList[i].sentenceTitle) {
 
+        this.$message.error("请填写卡片内容！");
 
+        return;
 
+      }
 
+      if (this.sentenceList[i].sentenceTitle.length > 10) {
 
+        this.$message.error("卡片内容字数不能超过10位");
 
+        return;
 
+      }
 
+      if (this.sentenceList[i].addSentence.indexOf(this.sentenceList[i].sentenceTitle) !== -1) {
 
+        this.$message.error("不能添加重复的卡片内容！");
 
+        return;
 
+      }
 
+      this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
 
+      // this.isPushTitleList.push(this.sentenceTitle);
 
+      this.sentenceList[i].sentenceTitle = "";
 
+    },
 
+    setRightAnswer(s, i, j) {
 
+      if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
 
+        this.sentenceList[i].rightAnswer.push(s);
 
+      }
 
+    },
 
+    returnCard(r, i, j) {
 
+      this.sentenceList[i].rightAnswer.splice(j, 1);
 
+    },
 
+    addSentenceTool() {
 
+      for (var i = 0; i < this.sentenceList.length; i++) {
 
+        if (this.sentenceList[i].rightAnswer.length == 0) {
 
+          this.$message.error(`请将题目${i + 1}设置完整。`);
 
+          return;
 
+        }
 
+        if (
 
+          this.sentenceList[i].addSentence.length !=
 
+          this.sentenceList[i].rightAnswer.length
 
+        ) {
 
+          this.$message.error(`请将题目${i + 1}设置完整。`);
 
+          return;
 
+        }
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
 
+      this.sentenceList = [
 
+        { sentenceTitle: "", addSentence: [], rightAnswer: [] },
 
+      ];
 
+      this.dialogVisibleSentence = false;
 
+      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //   itemTaskIndex
 
+      // ].toolChoose[toolIndex].tool = [];
 
+      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+      //   itemTaskIndex
 
+      // ].toolChoose[toolIndex].tool.push(i);
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 47
 
+      ) {
 
+        this.addTools(47, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addTableJson() {
 
+      // if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
 
+      //   this.$message.error("请将信息填写完整！");
 
+      //   return;
 
+      // }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].tableJson = this.tableJson;
 
+      // this.tableJson = [{ text: "" }];
 
+      // this.dialogVisibleTable = false;
 
+      this.$message.success("上传成功");
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 48
 
+      ) {
 
+        this.addTools(48, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addWordJson() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].wordJson = this.wordJson;
 
+      // this.wordJson = [{ text: "" }];
 
+      // this.dialogVisibleWord = false;
 
+      this.$message.success("上传成功");
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 52
 
+      ) {
 
+        this.addTools(52, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addMoreUpload() {
 
+      if (this.uploadJson.length == 0) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[this.toolIndex].uploadJson = [];
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[this.toolIndex].uploadJson = this.uploadJson;
 
+      }
 
+
 
+      this.uploadJson = [];
 
+      this.dialogVisibleMoreUpload = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 50
 
+      ) {
 
+        this.addTools(50, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    addPreTime() {
 
+      if (this.preTime == 0) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[this.toolIndex].preTime = 0;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.taskCount
 
+        ].toolChoose[this.toolIndex].preTime = this.preTime;
 
+      }
 
+      this.preTime = 0;
 
+      this.dialogVisiblePreTime = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 10
 
+      ) {
 
+        this.addTools(10, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    goToTask(i) {
 
+      this.toolIndexType = ''
 
+      if (this.isClickColor == (i + 1)) {
 
+        if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
 
+        } else {
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
 
+        }
 
+        this.$forceUpdate();
 
+        return;
 
+      }
 
+
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
 
+      } else {
 
+        document.querySelectorAll(".rightBox")[0].scrollTop =
 
+          document.querySelectorAll(".taskBorder")[i + 1].offsetTop +
 
+          document.querySelectorAll(".taskBorder")[i + 1].parentElement.parentElement.offsetTop;
 
+        this.isClickColor = i + 1;
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    taskMove(type, index) {
 
+      // this
 
+      //   .$confirm("切换任务顺序将删除所有工具的提交成果，是否继续此操作?", "提示", {
 
+      //     confirmButtonText: "确定",
 
+      //     cancelButtonText: "取消",
 
+      //     type: "warning",
 
+      //   })
 
+      //   .then(() => {
 
+      if (type == 1) {
 
+        if (index > 0) {
 
+          let a = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1]
 
+            )
 
+          );
 
+          let b = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
 
+            )
 
+          );
 
+          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;
 
+          if (index - 1 == 0) {
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index - 1
 
+            ].chapterData = a.chapterData;
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index
 
+            ].chapterData = b.chapterData;
 
+          }
 
+        }
 
+      } 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]
 
+            )
 
+          );
 
+          let b = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
 
+            )
 
+          );
 
+          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;
 
+
 
+          if (index == 0) {
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index + 1
 
+            ].chapterData = a.chapterData;
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index
 
+            ].chapterData = b.chapterData;
 
+          }
 
+        }
 
+      }
 
+      this.$forceUpdate();
 
+      // })
 
+      // .catch(() => {
 
+      //   return;
 
+      // })
 
+    },
 
+    addGroup(i) {
 
+      // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
 
+      this.groupJson.group.push({
 
+        name: "第" + (this.groupJson.group.length + 1) + "组",
 
+      });
 
+    },
 
+    deleteGroup(i) {
 
+      this.groupJson.group.splice(i, 1);
 
+    },
 
+    numberPan() {
 
+      if (/[^\d]/.test(this.groupJson.number) || this.groupJson.number < 2 || this.groupJson.number > 10) {
 
+        this.$message.error('请输入2-10的数字')
 
+        this.groupJson.number = ''
 
+      }
 
+    },
 
+    addGroupJson() {
 
+      for (var i = 0; i < this.groupJson.group.length; i++) {
 
+        if (!this.groupJson.group[i].name) {
 
+          this.$message.error("请将信息填写完整！");
 
+          return;
 
+        }
 
+      }
 
+      if (!this.groupJson.number) {
 
+        this.$message.error("请将信息填写完整！");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].groupJson = JSON.parse(
 
+        JSON.stringify(this.groupJson)
 
+      );
 
+      this.dialogVisibleGroup = false;
 
+      this.groupJson = {};
 
+
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 49
 
+      ) {
 
+        this.addTools(49, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    updateTime(preTime) {
 
+      this.preTime = preTime;
 
+    },
 
+    InviteChange(val) {
 
+      console.log(val);
 
+      return;
 
+      let array = JSON.parse(JSON.stringify(val));
 
+      this.inviteCode = this.inviteCode.filter((el) => {
 
+        if (val.indexOf(el.cid) != -1) {
 
+          array.splice(array.indexOf(el.cid), 1);
 
+          return el;
 
+        }
 
+      });
 
+      for (var i = 0; i < array.length; i++) {
 
+        this.getInviteCode(array[i]);
 
+      }
 
+    },
 
+    async getInviteCode(cid) {
 
+      let code = this.randomNumber();
 
+      let params = {
 
+        code: code,
 
+        oid: this.oid,
 
+      };
 
+      let type = 1;
 
+      for (var i = 0; i < this.inviteCode.length; i++) {
 
+        if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
 
+          type = 2;
 
+        }
 
+      }
 
+      if (type == 2) {
 
+        this.getInviteCode(cid);
 
+        return;
 
+      }
 
+      const res = await this.ajax.get(
 
+        this.$store.state.api + "selectInviteCode2",
 
+        params
 
+      );
 
+      if (
 
+        res.data.length &&
 
+        res.data[0].length &&
 
+        res.data[0][0].courseId != this.cid
 
+      ) {
 
+        this.getInviteCode(cid);
 
+        return;
 
+      }
 
+
 
+      let array = [];
 
+      for (var i = 0; i < this.inviteCode.length; i++) {
 
+        array.push(this.inviteCode[i].cid);
 
+      }
 
+      if (array.indexOf(cid) != -1) {
 
+        this.inviteCode[array.indexOf(cid)].ic = code;
 
+      } else {
 
+        this.inviteCode.push({ cid: cid, ic: code });
 
+      }
 
+    },
 
+    OpenInviteD(cid) {
 
+      let array = [];
 
+      this.icode = "";
 
+      for (var i = 0; i < this.inviteCode.length; i++) {
 
+        array.push(this.inviteCode[i].cid);
 
+      }
 
+      if (array.indexOf(cid) != -1) {
 
+        this.icode = this.inviteCode[array.indexOf(cid)].ic;
 
+      }
 
+      this.inviteId = cid;
 
+      this.dialogVisibleInvite = true;
 
+    },
 
+    addInvite() {
 
+      let reg = /^[A-Za-z0-9]{4,}$/;
 
+      if (!reg.test(this.icode)) {
 
+        this.$message.error("请输入至少四位数字或英文组合的随机码");
 
+        return;
 
+      }
 
+      let type = 1;
 
+      for (var i = 0; i < this.inviteCode.length; i++) {
 
+        if (
 
+          this.inviteCode[i].cid != this.inviteId &&
 
+          this.icode == this.inviteCode[i].ic
 
+        ) {
 
+          type = 2;
 
+        }
 
+      }
 
+      if (type == 2) {
 
+        this.$message.error("已有此随机码，不能重复");
 
+        return;
 
+      }
 
+
 
+      let params = {
 
+        code: this.icode,
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectInviteCode", params)
 
+        .then((res) => {
 
+          if (
 
+            res.data.length &&
 
+            res.data[0].length &&
 
+            res.data[0][0].courseId != this.cid
 
+          ) {
 
+            this.$message.error("已有此随机码，不能重复");
 
+            return;
 
+          }
 
+
 
+          let array = [];
 
+          for (var i = 0; i < this.inviteCode.length; i++) {
 
+            array.push(this.inviteCode[i].cid);
 
+          }
 
+          if (array.indexOf(this.inviteId) != -1) {
 
+            this.inviteCode[array.indexOf(this.inviteId)].ic = this.icode;
 
+          } else {
 
+            this.inviteCode.push({ cid: this.inviteId, ic: this.icode });
 
+          }
 
+          this.icode = "";
 
+          this.dialogVisibleInvite = false;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    randomNumber() {
 
+      // 随机生成两位数
 
+      // let num = Math.floor(Math.random() * 900) + 100;
 
+      // 生成 0 到 99 之间的随机整数
 
+      const randomNumber = Math.floor(Math.random() * 100);
 
+
 
+      // 如果随机数小于 10，补上前导零
 
+      const num =
 
+        randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();
 
+
 
+      // 随机生成两个大写字母
 
+      let letters = "";
 
+      let chars2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
 
+      for (let i = 0; i < 3; i++) {
 
+        letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
 
+      }
 
+
 
+      // 随机生成两位数字和字母的组合
 
+      let mix = "";
 
+      let chars =
 
+        "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 
+      for (let i = 0; i < 3; i++) {
 
+        let char = chars.charAt(Math.floor(Math.random() * chars.length));
 
+        mix += char;
 
+      }
 
+
 
+      // 随机选择一种类型
 
+      let type = Math.floor(Math.random() * 3);
 
+
 
+      return num;
 
+
 
+      // 根据类型输出结果
 
+      switch (type) {
 
+        case 0:
 
+          console.log(num); // 输出两位数
 
+          return num;
 
+        case 1:
 
+          console.log(letters); // 输出两个大写字母
 
+          return letters;
 
+        case 2:
 
+          console.log(mix); // 输出两位数字和字母的组合
 
+          return mix;
 
+      }
 
+    },
 
+    getPaste() {
 
+      let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
 
+      if (!iframe) {
 
+        return;
 
+      }
 
+      let copyData = iframe.contentWindow.copyData;
 
+      // if (copyData && copyData.stageData && copyData.stageData.length) {
 
+      //   this.isPasteStage = true
 
+      // }
 
+      if (copyData && copyData.selectData.length) {
 
+        this.isPasteChoice = true
 
+      }
 
+      if (copyData && copyData.tasksData && copyData.tasksData.length) {
 
+        this.isPasteTask = true
 
+      }
 
+    },
 
+    searchImage() {
 
+      var _this = this;
 
+      _this.imageList = []
 
+      if (!_this.searchImageValue) {
 
+        _this.sysPicVisible2 = true
 
+        return
 
+      }
 
+      _this.imageloading = true
 
+      _this.ajax.post('https://gpt.cocorobo.cn/search_image', {
 
+        page: _this.ppage,
 
+        pagesize: 9,
 
+        query: _this.searchImageValue
 
+      }).then(function (response) {
 
+        // console.log(response.data.data);
 
+        var data = response.data.FunctionResponse.result;
 
+        for (var i = 0; i < data.length; i++) {
 
+          _this.imageList.push({ url: data[i].thumbnail })
 
+        }
 
+        _this.imageloading = false
 
+      }).catch(function (error) {
 
+        console.log(error);
 
+      });
 
+      _this.sysPicVisible2 = true
 
+    },
 
+    changePicture() {
 
+      this.ppage++
 
+      this.searchImage()
 
+    },
 
+    resetImage() {
 
+      this.ppage = 1
 
+      this.searchImage()
 
+    },
 
+    jumpGj(i, j) {
 
+      if ((i + 1) != this.isClickColor) {
 
+        this.isClickColor = (i + 1)
 
+      }
 
+      var a = document.scrollingElement;
 
+      this.toolIndexType = `gj${i}${j}`
 
+      let target = document.querySelector(`#gj${i}${j}`);
 
+      if (target) {
 
+        target.scrollIntoView(true);
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[j].isFold3 = true
 
+        // setTimeout(() => {
 
+        //   this.$refs.rightboxR.scrollTop = this.$refs.rightboxR.scrollTop - 100;
 
+        // }, 0);
 
+      }
 
+    },
 
+  },
 
+  beforeDestroy() {
 
+    clearTimeout(this.timer);
 
+    this.timer = null;
 
+    clearInterval(this.timer2);
 
+    this.timer2 = null;
 
+    clearInterval(this.pasteTimer);
 
+    this.pasteTimer = null;
 
+  },
 
+  beforeRouteLeave(to, from, next) {
 
+    clearTimeout(this.timer);
 
+    this.timer = null;
 
+    clearInterval(this.timer2);
 
+    this.timer2 = null;
 
+    clearInterval(this.pasteTimer);
 
+    this.pasteTimer = null;
 
+    next();
 
+  },
 
+  created() {
 
+    this.getStudent();
 
+    this.getTeacher();
 
+    this.getClass();
 
+    this.selectGrage();
 
+    this.getTemplate();
 
+    // this.selectType();
 
+    this.selectEva();
 
+    this.loading = false;
 
+    this.timer2 = setInterval(() => {
 
+      this.selectEva();
 
+    }, 5000);
 
+    this.pasteTimer = setInterval(() => {
 
+      this.getPaste();
 
+    }, 1000);
 
+    setTimeout(() => {
 
+      this.selectCourseDetail();
 
+    }, 500);
 
+  },
 
+  mounted() {
 
+    this.$nextTick(() => {
 
+      //监听这个dom的scroll事件
 
+      // $(".rightBox")[0].addEventListener("scroll", this.scrollChange);
 
+      // this.heightPx = $(".rightBox")[0].offsetHeight + 'px'
 
+      // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
 
+      this.$forceUpdate();
 
+    });
 
+  },
 
+};
 
+</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;
 
+}
 
+
 
+.source_diy>>>.el-dialog {
 
+  height: 100% !important;
 
+  margin: 0 auto !important;
 
+}
 
+
 
+.source_diy>>>.el-dialog__body {
 
+  height: calc(100% - 185px);
 
+  overflow: auto;
 
+  background: #e6eaf0;
 
+}
 
+
 
+.source_diy>>>.el-dialog__footer {
 
+  background: #e6eaf0 !important;
 
+}
 
+
 
+.left {
 
+  border-right: 1px solid rgb(60, 94, 143);
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  min-height: 600px;
 
+  width: 385px;
 
+  height: 80%;
 
+}
 
+
 
+.tips {
 
+  color: rgb(128, 128, 128);
 
+  font-size: 12px;
 
+  width: 270px;
 
+  margin: 40px;
 
+}
 
+
 
+.pb_content {
 
+  height: 100% !important;
 
+  /* margin: 0 20px 0 20px; */
 
+}
 
+
 
+.pb_content_body {
 
+  width: 100% !important;
 
+  height: 100%;
 
+}
 
+
 
+.info_solid {
 
+  width: 270px;
 
+  height: 30px;
 
+  border-left: 1px solid #bdbdbd;
 
+  margin: 10px 0px 10px 30px;
 
+}
 
+
 
+.info_steps {
 
+  width: 270px;
 
+  font-size: 0.875rem;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.info_steps span:nth-child(1) {
 
+  width: 30px;
 
+  height: 30px;
 
+  background: rgba(0, 0, 0, 0.38);
 
+  display: block;
 
+  color: #fff;
 
+  border-radius: 40px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+}
 
+
 
+.steps_active {
 
+  background: #3d67bc !important;
 
+}
 
+
 
+.info_steps span:nth-child(2) {
 
+  margin-left: 5px;
 
+}
 
+
 
+.right {
 
+  height: 100%;
 
+  width: calc(100% - 40px);
 
+  display: flex;
 
+  overflow: hidden;
 
+  margin: 0 auto;
 
+}
 
+
 
+
 
+.basic_box {
 
+  margin: 0 auto;
 
+  position: relative;
 
+  padding: 0 20px 0 20px;
 
+}
 
+
 
+.basic_box2 {
 
+  position: relative;
 
+  width: calc(100% - 300px);
 
+}
 
+
 
+.basic_box_success {
 
+  width: 100%;
 
+  height: 100%;
 
+  padding: 50px 0;
 
+  position: relative;
 
+  text-align: center;
 
+  /* border-bottom: 1px solid #bfbfbf; */
 
+  box-sizing: border-box;
 
+  display: flex;
 
+  align-items: center;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+
 
+.info_title {
 
+  font-size: 1.5em;
 
+  margin-right: 25px;
 
+  /* margin: 20px 30px 20px 30px; */
 
+}
 
+
 
+.bInfo_title {
 
+  text-align: left;
 
+  margin: 10px 0;
 
+}
 
+
 
+.small_title {
 
+  font-size: 14px;
 
+  line-height: 40px;
 
+}
 
+
 
+.chapter_beizhu {
 
+  font-size: 12px;
 
+  font-weight: bold;
 
+  float: right;
 
+  color: rgb(128, 128, 128);
 
+  margin-top: 5px;
 
+}
 
+
 
+.chapter_uploadBox1 {
 
+  text-align: left;
 
+  background-color: rgb(242, 242, 242);
 
+  width: 100%;
 
+  height: 67px;
 
+  padding: 0px 15px;
 
+  border-radius: 8px;
 
+  overflow: hidden;
 
+  font-size: 16px;
 
+  box-sizing: border-box;
 
+  position: relative;
 
+}
 
+
 
+.chapter_add {
 
+  width: 100%;
 
+  height: 32px;
 
+  margin-top: 15px;
 
+  cursor: pointer;
 
+}
 
+
 
+.chapter_add_l {
 
+  margin-left: 5px;
 
+  width: 30px;
 
+  height: 30px;
 
+  float: left;
 
+  border: 1px solid #aaa;
 
+  color: #aaa;
 
+  border-radius: 50%;
 
+  font-size: 25px;
 
+  text-align: center;
 
+}
 
+
 
+.chapter_add_r {
 
+  font-size: 18px;
 
+  height: 40px;
 
+  line-height: 30px;
 
+  text-indent: 10px;
 
+  color: #aaa;
 
+}
 
+
 
+.chapter_add_r span {
 
+  font-size: 12px;
 
+  color: rgb(204, 204, 204);
 
+}
 
+
 
+.chapter_add_input {
 
+  display: none;
 
+}
 
+
 
+.line {
 
+  width: 85%;
 
+  margin: 0 auto;
 
+  border-top: 1px solid #e5e5e5;
 
+  margin-top: 20px;
 
+}
 
+
 
+.info_btnBox {
 
+  width: calc(100%);
 
+  display: flex;
 
+  justify-content: center;
 
+  height: 70px;
 
+  align-items: center;
 
+  background: #fff;
 
+  margin: 0 auto;
 
+  border-top: 2px solid rgb(228, 232, 237);
 
+  box-sizing: border-box;
 
+  border-radius: 0px 0 5px 5px;
 
+}
 
+
 
+.info_btnBox2 {
 
+  width: calc(100%);
 
+  display: flex;
 
+  justify-content: center;
 
+  height: 20px;
 
+  align-items: center;
 
+  background: #fff;
 
+  margin: 0 auto;
 
+  border-top: 2px solid rgb(228, 232, 237);
 
+  box-sizing: border-box;
 
+  overflow: hidden;
 
+  cursor: pointer;
 
+}
 
+
 
+.info_btnBox3 {
 
+  width: calc(100%);
 
+  display: flex;
 
+  justify-content: flex-end;
 
+  padding: 0 20px;
 
+  height: 60px;
 
+  align-items: center;
 
+  background: unset;
 
+  margin: 10px auto 0;
 
+  /* border-top: 1px solid rgb(228, 232, 237); */
 
+  box-sizing: border-box;
 
+  overflow: hidden;
 
+  cursor: pointer;
 
+  background: #fff;
 
+  border-radius: 10px;
 
+}
 
+
 
+
 
+.info_btn+.info_btn {
 
+  margin-left: 15px;
 
+}
 
+
 
+.info_btn,
 
+.teacherWord {
 
+  color: #fff;
 
+  background-color: #0f7eff;
 
+  padding: 8px 24px;
 
+  font-size: 0.9375rem;
 
+  box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
 
+    0px 3px 1px -2px rgb(0 0 0 / 12%);
 
+  min-width: 64px;
 
+  font-weight: 500;
 
+  border-radius: 4px;
 
+  box-sizing: border-box;
 
+  border: none;
 
+  cursor: pointer;
 
+}
 
+
 
+.teacherWord {
 
+  width: 105px !important;
 
+  text-align: center !important;
 
+  line-height: 36px !important;
 
+  padding: 0 !important;
 
+  font-size: 14px !important;
 
+  margin: 10px 0 !important;
 
+}
 
+
 
+.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 .cc_title {
 
+  margin: 0px;
 
+  color: black;
 
+  display: block;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  margin-right: 20px;
 
+  font-size: 18px;
 
+  height: 20px;
 
+  line-height: 22px;
 
+  min-width: fit-content;
 
+  display: flex;
 
+}
 
+
 
+.chapter_contentbox .cc_title::before {
 
+  content: '';
 
+  height: 100%;
 
+  width: 3px;
 
+  background: #3681FC;
 
+  border-radius: 3px;
 
+  opacity: 1;
 
+  display: block;
 
+  margin-right: 10px;
 
+}
 
+
 
+.chapter_contentbox .cc_input {
 
+  width: 100%;
 
+  display: flex;
 
+}
 
+
 
+.show_taskD {
 
+  min-width: fit-content;
 
+  margin-left: 10px;
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  color: #717C8D;
 
+}
 
+
 
+.show_taskD>img {
 
+  width: 15px;
 
+  margin-right: 5px;
 
+  transition: .2s all;
 
+  transform: rotate(-90deg);
 
+}
 
+
 
+.show_taskD.show>img {
 
+  transform: rotate(0deg);
 
+}
 
+
 
+.show_toolD {
 
+  min-width: fit-content;
 
+  margin-left: 10px;
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  color: #717C8D;
 
+  position: absolute;
 
+  right: 45px;
 
+  top: 5px;
 
+}
 
+
 
+.show_toolD>img {
 
+  width: 15px;
 
+  margin-right: 5px;
 
+  transition: .2s all;
 
+  transform: rotate(-90deg);
 
+}
 
+
 
+.show_toolD.show>img {
 
+  transform: rotate(0deg);
 
+}
 
+
 
+.remove {
 
+  background-image: url("../../../assets/icon/new/delete_u.png");
 
+  cursor: pointer;
 
+  opacity: 0.5;
 
+  width: 30px;
 
+  min-width: 30px;
 
+  height: 30px;
 
+  background-size: 100% 100%;
 
+  background-repeat: no-repeat;
 
+  margin-left: 10px;
 
+}
 
+
 
+.remove1 {
 
+  background-image: url("../../../assets/remove1.png");
 
+  background-repeat: no-repeat;
 
+  background-position: 5px 10px;
 
+  width: 40px;
 
+  height: 50px;
 
+  cursor: pointer;
 
+  margin-left: 10px;
 
+}
 
+
 
+
 
+.binfo_input {
 
+  width: 100%;
 
+  margin: 0;
 
+  padding: 12px 14px;
 
+  display: block;
 
+  min-width: 0;
 
+  outline: none;
 
+  box-sizing: border-box;
 
+  background: none;
 
+  border: none;
 
+  border-radius: 4px;
 
+  background: #fff;
 
+  font-size: 16px;
 
+  resize: none;
 
+  font-family: 'Microsoft YaHei';
 
+  min-height: 48px;
 
+  border: 1.5px solid #CAD1DC;
 
+}
 
+
 
+.binfo_textarea {
 
+  border: 1.5px solid #CAD1DC;
 
+  font-size: 16px;
 
+  resize: none;
 
+  background: #f6f6f6;
 
+  font-family: 'Microsoft YaHei';
 
+}
 
+
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1.5px solid #3681FC !important;
 
+}
 
+
 
+.time {
 
+  display: flex;
 
+  margin: 35px 0 80px 0;
 
+}
 
+
 
+.chapter_btnbox {
 
+  width: 160px;
 
+  border-radius: 5px;
 
+  border: 2px dashed gray;
 
+  display: flex;
 
+  padding: 8px 50px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin: 30px auto 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.icon_add {
 
+  position: relative;
 
+  width: 24px;
 
+  padding-top: 20px;
 
+  border-radius: 100%;
 
+  border-width: 2px;
 
+  border-style: solid;
 
+  border-color: gray;
 
+}
 
+
 
+.icon_add i:nth-child(1) {
 
+  position: absolute;
 
+  left: 50%;
 
+  top: 50%;
 
+  height: 60%;
 
+  transform: translate(-50%, -50%);
 
+  border-width: 1px;
 
+  border-style: solid;
 
+  border-color: inherit;
 
+}
 
+
 
+.icon_add i:nth-child(2) {
 
+  position: absolute;
 
+  top: 50%;
 
+  left: 50%;
 
+  width: 60%;
 
+  transform: translate(-50%, -50%);
 
+  border-width: 1px;
 
+  border-style: solid;
 
+  border-color: inherit;
 
+}
 
+
 
+.chapter_btn_w {
 
+  font-size: 0.9375rem;
 
+  font-weight: bold;
 
+  color: gray;
 
+  margin-left: 20px;
 
+}
 
+
 
+.disUoloadSty>>>.el-icon-plus {
 
+  display: none !important;
 
+  /* 上传按钮隐藏 */
 
+}
 
+
 
+.imgLeft {
 
+  margin: 15px 0;
 
+}
 
+
 
+.add_info_box {
 
+  margin: 20px 0 0;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.add_info_box button {
 
+  margin: 0 20px 10px 0;
 
+}
 
+
 
+.add_info_box2 {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.add_info_box2::after {
 
+  content: "提示：支持上传10M以内的PPT和Word文件、5M以内的Excel文件， PDF文件不限制大小。";
 
+  color: red;
 
+  font-size: 14px;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.add_chapters_box {
 
+  text-align: left;
 
+  background-color: #fff;
 
+  width: 100%;
 
+  border-radius: 4px;
 
+  font-size: 16px;
 
+  box-sizing: border-box;
 
+  position: relative;
 
+  padding: 0 15px;
 
+  height: auto;
 
+  overflow-y: auto;
 
+  overflow-x: hidden;
 
+  border: 1px solid #CAD1DC;
 
+}
 
+
 
+.add_chapters_box.add_c_none {
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  padding: 15px;
 
+}
 
+
 
+.add_c_none>img {
 
+  width: 25px;
 
+}
 
+
 
+.add_chapters_box.add_c_none>span {
 
+  font-size: 14px;
 
+  font-weight: 400;
 
+  margin: 0 0 5px 5px;
 
+}
 
+
 
+.homework_box {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  flex-wrap: wrap;
 
+  margin: 15px 0 0 0;
 
+  flex-direction: column;
 
+  align-content: flex-start;
 
+}
 
+
 
+.course_homework {
 
+  display: flex;
 
+  justify-content: center;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  margin: 0 10px 0 0;
 
+}
 
+
 
+.course_homework>>>.el-input__inner {
 
+  width: 140px;
 
+  margin-left: 15px;
 
+}
 
+
 
+.chapter_upload_move {
 
+  position: relative;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  width: 100%;
 
+  top: 0px;
 
+  left: 0px;
 
+  border: 1px solid #eee;
 
+  border-radius: 5px;
 
+  transition: width 2s;
 
+  -moz-transition: width 2s;
 
+  -webkit-transition: width 2s;
 
+  -o-transition: width 2s;
 
+}
 
+
 
+.chapter_upload_l_i {
 
+  background-image: url("../../../assets/icon.png");
 
+  background-position: 3px -165px;
 
+  width: 30px;
 
+  height: 30px;
 
+  margin: 10px auto 0 auto;
 
+}
 
+
 
+.course_input_box {
 
+  display: flex;
 
+  margin-right: 20px;
 
+  width: 100%;
 
+  align-items: center;
 
+  position: relative;
 
+}
 
+
 
+.course_input_box>.binfo_input {
 
+  width: calc(100% - 0 - 200px - 20px);
 
+  margin: 0 10px;
 
+}
 
+
 
+.bb_courseIcon {
 
+  width: 57px;
 
+  height: 45px;
 
+  background: #F0F4FA;
 
+  border-radius: 5px 0px 0px 5px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border-right: 1.5px solid rgb(202, 209, 220);
 
+  box-sizing: border-box;
 
+  position: absolute;
 
+  left: 1.5px
 
+}
 
+
 
+.bb_courseIcon>img {
 
+  width: 25px;
 
+  height: auto
 
+}
 
+
 
+.big_box {
 
+  /* margin-top: 20px; */
 
+  display: flex;
 
+  justify-content: space-between;
 
+  /* border-bottom: 1px solid #E0E2ED; */
 
+}
 
+
 
+.left_first {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  width: calc(100% - 310px);
 
+  padding: 20px;
 
+  box-sizing: border-box;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+}
 
+
 
+.right_first {
 
+  width: 300px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  /* border-left: 1px solid #E0E2ED; */
 
+  box-sizing: border-box;
 
+  padding: 20px;
 
+  flex-direction: column;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+}
 
+
 
+.ai_box {
 
+  width: 204px;
 
+  display: flex;
 
+  justify-content: flex-end;
 
+  margin-bottom: 15px;
 
+}
 
+
 
+.ai_content {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  padding: 7px 20px;
 
+  box-sizing: border-box;
 
+  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
 
+  border-radius: 12px;
 
+  font-weight: 700;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_content>img {
 
+  width: 40px;
 
+  margin-right: 5px;
 
+}
 
+
 
+.c_info_title {
 
+  padding: 15px 0 15px 0;
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+  margin: 0 0 0 20px;
 
+  box-sizing: border-box;
 
+  display: flex;
 
+  align-items: center;
 
+  line-height: 20px;
 
+}
 
+
 
+.c_info_title::before {
 
+  content: '';
 
+  display: block;
 
+  width: 3px;
 
+  height: 20px;
 
+  background: #0061FF;
 
+  border-radius: 3px;
 
+  margin: 0 5px 0 0;
 
+}
 
+
 
+
 
+.right_title {
 
+  /* height: 30px; */
 
+  padding: 0 20px;
 
+  font-size: 18px;
 
+  font-weight: bold;
 
+  /* color: #0f7eff; */
 
+  margin: 20px auto 0;
 
+  display: flex;
 
+  /* justify-content: space-between; */
 
+  align-items: center;
 
+}
 
+
 
+.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 10px 0;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.people_nav,
 
+.people_top_right {
 
+  /* padding: 20px 0 0 20px; */
 
+}
 
+
 
+.people_top_right {
 
+  height: 40px;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.people_search {
 
+  display: flex;
 
+  position: relative;
 
+}
 
+
 
+.people_search>>>.el-input__inner {
 
+  /* height: 25px; */
 
+  width: 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: 20px 10px;
 
+  flex-direction: column;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.p_box {
 
+  position: relative;
 
+}
 
+
 
+.people_name>>>.el-checkbox {
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.people_name>>>.el-checkbox__label {
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  width: calc(100%);
 
+}
 
+
 
+.people_name2>>>.el-checkbox__label {
 
+  width: calc(100% - 130px);
 
+}
 
+
 
+.inviteCode {
 
+  position: absolute;
 
+  right: 30px;
 
+  color: #237ade;
 
+  top: 0;
 
+  cursor: pointer;
 
+  font-size: 13px;
 
+}
 
+
 
+.noneInvite {
 
+  color: #a8a8a8;
 
+}
 
+
 
+.inviteImg {
 
+  position: absolute;
 
+  right: 5px;
 
+  top: 0;
 
+  width: 20px;
 
+}
 
+
 
+.right_img {
 
+  width: 150px;
 
+  height: 150px;
 
+  margin: 20px auto;
 
+}
 
+
 
+.right_img>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.number {
 
+  margin-top: 20px;
 
+  color: #4aa6ff;
 
+  text-decoration: underline;
 
+}
 
+
 
+.success_button {
 
+  display: flex;
 
+  text-align: center;
 
+  margin: 5% 0 auto;
 
+  flex-direction: row;
 
+  justify-content: center;
 
+}
 
+
 
+.look_course {
 
+  margin-right: 40px;
 
+  background: #3d67bc;
 
+  width: 200px;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  color: #fff;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.attend_others {
 
+  width: 250px;
 
+  background: #4fb13c;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  color: #fff;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.dialog_diy2>>>.el-dialog__body {
 
+  text-align: center;
 
+}
 
+
 
+.write_togother {
 
+  position: absolute;
 
+  right: 45px;
 
+  display: flex;
 
+  top: 5%;
 
+}
 
+
 
+.write_people {
 
+  font-size: 14px;
 
+  line-height: 50px;
 
+  padding-right: 10px;
 
+}
 
+
 
+.end_write {
 
+  background: #3d67bc;
 
+  color: #fff;
 
+  width: 100px;
 
+  height: 35px;
 
+  line-height: 35px;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.chapter_upload+.chapter_upload {
 
+  /* margin-top: 15px; */
 
+  border-top: 1px solid #E7EBF1;
 
+}
 
+
 
+.chapter_upload {
 
+  height: 45px;
 
+  position: relative;
 
+  display: flex;
 
+  align-items: center;
 
+  width: 100%;
 
+  min-height: 45px;
 
+  /* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
 
+  /* border-radius: 4px; */
 
+  overflow: hidden;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.chapter_upload_t {
 
+  background-color: #fff;
 
+  position: absolute;
 
+  height: 100%;
 
+  top: 0px;
 
+  left: 0px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.chapter_upload_o {
 
+  width: 100%;
 
+  height: 100%;
 
+  position: relative;
 
+  z-index: 1;
 
+}
 
+
 
+.chapter_upload_ic {
 
+  margin: 0 15px 0px auto;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.chapter_upload_ic_l {
 
+  width: 50px;
 
+  height: 50px;
 
+  float: left;
 
+}
 
+
 
+.chapter_upload_ic_l div {
 
+  width: 30px;
 
+  height: 35px;
 
+  background: url("../../../assets/icon/icon.png");
 
+}
 
+
 
+.chapter_upload_ic_edit {
 
+  height: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  cursor: pointer;
 
+  margin: 0 10px 0 0;
 
+}
 
+
 
+.chapter_upload_ic_edit div {
 
+  width: 18px;
 
+  height: 18px;
 
+  background-image: url("../../../assets/icon/new/edit_u.png");
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.chapter_upload_ic_r {
 
+  height: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  cursor: pointer;
 
+}
 
+
 
+.chapter_upload_ic_r div {
 
+  width: 18px;
 
+  height: 18px;
 
+  background-image: url("../../../assets/icon/new/delete_u.png");
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.chapter_upload_n {
 
+  display: flex;
 
+  text-indent: 10px;
 
+  text-decoration: none;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  width: 55%;
 
+  margin-left: 10px;
 
+  cursor: pointer;
 
+  margin-top: 2px;
 
+  align-items: center;
 
+}
 
+
 
+.chapter_upload_l_i2,
 
+.chapter_upload_l_i3,
 
+.chapter_upload_l_i8,
 
+.chapter_upload_l_i6,
 
+.chapter_upload_l_i12,
 
+.chapter_upload_l_i14,
 
+.chapter_upload_l_i13 {
 
+  width: 15px;
 
+  height: 15px;
 
+  background-size: 100% 100%;
 
+}
 
+
 
+.chapter_upload_l_i2 {
 
+  background-image: url("../../../assets/icon/new/u_word.png");
 
+}
 
+
 
+.chapter_upload_l_i3 {
 
+  background-image: url("../../../assets/icon/new/u_video.png");
 
+}
 
+
 
+.chapter_upload_l_i8 {
 
+  background-image: url("../../../assets/icon/new/u_url.png");
 
+}
 
+
 
+.chapter_upload_l_i14 {
 
+  background-image: url("../../../assets/icon/new/u_source.png");
 
+}
 
+
 
+.chapter_upload_l_i6 {
 
+  background-image: url("../../../assets/icon/new/u_picture.png");
 
+}
 
+
 
+.chapter_upload_l_i12 {
 
+  background-image: url("../../../assets/icon/new/u_word.png");
 
+}
 
+
 
+.chapter_upload_l_i13 {
 
+  background-image: url("../../../assets/icon/new/u_img.png");
 
+}
 
+
 
+.chapter_upload_noSee {
 
+  background-image: url("../../../assets/icon/new/u_noUpload.png");
 
+  width: 18px;
 
+  height: 18px;
 
+  background-size: 100% 100%;
 
+  display: block;
 
+  margin-right: 10px;
 
+}
 
+
 
+.chapter_upload_ud {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: center;
 
+  margin: 0 10px 0 0;
 
+}
 
+
 
+.chapter_upload_ud>.chapter_upload_up {
 
+  margin-bottom: 0;
 
+  margin-right: 10px;
 
+}
 
+
 
+
 
+.chapter_upload_down,
 
+.chapter_upload_up {
 
+  width: 20px;
 
+  height: 20px;
 
+  background: #e4eaf2;
 
+  cursor: pointer;
 
+  margin: 0 auto;
 
+  border-radius: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.chapter_upload_up::after,
 
+.chapter_upload_down::after {
 
+  content: '';
 
+  background-image: url('../../../assets/icon/new/downBtn.png');
 
+  width: 13px;
 
+  height: 13px;
 
+  background-size: 100% 100%;
 
+  display: block;
 
+}
 
+
 
+.chapter_upload_up::after {
 
+  background-image: url('../../../assets/icon/new/upBtn.png') !important;
 
+}
 
+
 
+.chapter_upload_up {
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.kcImg {
 
+  width: 60px;
 
+  margin-left: 10px;
 
+}
 
+
 
+.zyImg {
 
+  width: 55px;
 
+  margin: 0 10px;
 
+}
 
+
 
+.deleteZy {
 
+  width: 20px;
 
+  position: absolute;
 
+  top: 5px;
 
+  right: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.kcImg>img,
 
+.zyImg>img,
 
+.deleteZy>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.zyBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  background: #67d37d;
 
+  color: #fff;
 
+  width: 210px;
 
+  margin: 20px 20px 0 0;
 
+  border-radius: 10px;
 
+  height: 70px;
 
+  position: relative;
 
+}
 
+
 
+.upCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: flex-start;
 
+}
 
+
 
+.upCss>>>.el-icon-plus {
 
+  position: none !important;
 
+  width: 200px;
 
+  height: 100px;
 
+  display: flex;
 
+  flex-wrap: nowrap;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border: 1px dashed #ccc;
 
+  min-width: 78px;
 
+  min-height: 100px;
 
+  z-index: 999;
 
+}
 
+
 
+.upCss>>>.el-upload-list__item-name {
 
+  width: 100px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.upCss>>>.el-upload-list__item .el-icon-close {
 
+  font-size: 20px;
 
+  z-index: 9999;
 
+}
 
+
 
+.addStageImg {
 
+  min-width: 25px;
 
+  min-height: 25px;
 
+  width: 25px;
 
+  height: 25px;
 
+  cursor: pointer;
 
+}
 
+
 
+.addHW {
 
+  width: 28px;
 
+  height: 28px;
 
+  cursor: pointer;
 
+}
 
+
 
+.addStageImg>img,
 
+.addHW>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.addNewPP>>>.el-dialog__body {
 
+  padding: 5px 20px;
 
+}
 
+
 
+.addNewPP>>>.el-dialog {
 
+  margin-top: 5vh !important;
 
+}
 
+
 
+.addNewPP2>>>.el-dialog__body {
 
+  padding: 5px 0;
 
+}
 
+
 
+.addNewPP2>>>.el-dialog {
 
+  margin-top: 5vh !important;
 
+}
 
+
 
+
 
+.isHeight {
 
+  height: 680px;
 
+}
 
+
 
+.toolChoose {
 
+  display: flex;
 
+  /* width: 100%; */
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.tool {
 
+  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;
 
+  font-size: 14px;
 
+}
 
+
 
+.whiteBIcon>img,
 
+.toolIcon>img,
 
+.arrow>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.check img {
 
+  width: 20px;
 
+  height: 20px;
 
+}
 
+
 
+.whiteBIcon>img {
 
+  box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
 
+  border-radius: 15px;
 
+}
 
+
 
+.whiteBIcon>div:nth-child(2) {
 
+  height: 20px;
 
+  line-height: 20px;
 
+}
 
+
 
+.check {
 
+  /* width: 20px;
 
+  height: 20px; */
 
+  cursor: pointer;
 
+  margin: 10px 0 0;
 
+}
 
+
 
+.checkDiv {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.checkDiv span {
 
+  margin-left: 5px;
 
+  color: #858585;
 
+}
 
+
 
+.customWidth>>>.el-dialog {
 
+  min-width: 500px !important;
 
+}
 
+
 
+.a_addBox {
 
+  margin: 10px 0;
 
+  background: #fff;
 
+  padding: 15px;
 
+  /* max-height: 600px; */
 
+  overflow: auto;
 
+}
 
+
 
+.a_add_box {
 
+  border-bottom: 2px solid #eee;
 
+  padding-bottom: 25px;
 
+}
 
+
 
+.a_add_head {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  margin: 10px 0 0 0;
 
+  font-size: 18px;
 
+}
 
+
 
+.a_add_checkType {
 
+  margin-top: 10px;
 
+  display: flex;
 
+  font-size: 14px;
 
+  align-items: center;
 
+}
 
+
 
+.a_add_checkType span {
 
+  box-sizing: border-box;
 
+  padding: 0 0 5px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.a_add_checkType span+span {
 
+  margin-left: 10px;
 
+}
 
+
 
+.a_add_checkType .active {
 
+  border-bottom: 2px solid #409eff;
 
+  color: #409eff;
 
+}
 
+
 
+.a_add_head .a_add_head_input {
 
+  width: 100%;
 
+}
 
+
 
+.a_add_head .a_add_head_div {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.a_add_body {
 
+  display: flex;
 
+  /* align-items: center; */
 
+  align-items: flex-end;
 
+}
 
+
 
+.a_add_input {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.a_add_input_choice {
 
+  flex-direction: column;
 
+  margin-right: 10px;
 
+}
 
+
 
+.a_add_input_choice>>>.el-radio {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-direction: row-reverse;
 
+  margin: 30px 0 0 0;
 
+  position: relative;
 
+}
 
+
 
+.a_add_input_choice>>>.el-checkbox {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-direction: row-reverse;
 
+  margin: 30px 0 0 0;
 
+  position: relative;
 
+}
 
+
 
+.width100 {
 
+  width: 100%;
 
+}
 
+
 
+.a_add_input .a_add_persent {
 
+  width: 100%;
 
+}
 
+
 
+.a_add_persent_div {
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.a_add_persent_div span {
 
+  margin: 5px 0;
 
+}
 
+
 
+.a_add_persent_div span:nth-child(1) {
 
+  width: 30%;
 
+}
 
+
 
+.a_add_persent_div span:nth-child(2) {
 
+  width: 7%;
 
+}
 
+
 
+.a_add_persent_div span:nth-child(3) {
 
+  width: 40%;
 
+}
 
+
 
+.a_add_body_div {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  /* flex-direction: column; */
 
+  position: absolute;
 
+  right: -20px;
 
+  transform: translateX(100%);
 
+}
 
+
 
+.a_add_body_div>>>.el-button--primary {
 
+  background: #466b99;
 
+  border: none;
 
+}
 
+
 
+.all_choose {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: flex-start;
 
+  width: 100%;
 
+}
 
+
 
+.all_choose>span {
 
+  min-width: fit-content;
 
+  display: block;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  margin-right: 20px;
 
+  font-weight: bold;
 
+  font-size: 14px;
 
+}
 
+
 
+
 
+.all_choose>>>.el-checkbox-group {
 
+  display: flex;
 
+  flex-direction: row;
 
+  width: 100%;
 
+  flex-wrap: wrap;
 
+  align-content: center;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  margin-top: 3px;
 
+}
 
+
 
+.all_choose>.el-checkbox-group>>>.el-checkbox {
 
+  margin-bottom: 10px;
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  margin-right: 10px;
 
+}
 
+
 
+.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label {
 
+  min-width: 80px;
 
+  overflow: hidden;
 
+  width: 80px;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+}
 
+
 
+.all_choose>.el-checkbox-group>.el-checkbox>>>.el-checkbox__label:hover {
 
+  width: auto;
 
+}
 
+
 
+.choose>div:nth-child(3)>span {
 
+  /* letter-spacing: 0 !important; */
 
+}
 
+
 
+.choose {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  height: 100%;
 
+  justify-content: space-evenly;
 
+  align-items: flex-start;
 
+}
 
+
 
+.both {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  width: 100%;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+  margin: 15px 0;
 
+}
 
+
 
+.notice>>>.el-dialog {
 
+  width: 500px !important;
 
+  text-align: center;
 
+}
 
+
 
+.notice>>>.el-button {
 
+  margin-top: 20px;
 
+}
 
+
 
+.whiteBg {
 
+  background: #fff;
 
+  border-radius: 10px;
 
+}
 
+
 
+.wb_j_box {
 
+  display: flex;
 
+  width: 100%;
 
+  padding: 10px 20px;
 
+  box-sizing: border-box;
 
+
 
+}
 
+
 
+.wb_j_box_content {
 
+  width: calc(100% - 55% - 100px);
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.wb_j_box_p_box {
 
+  max-width: calc(100% - 200px);
 
+  word-break: break-all;
 
+  overflow: hidden;
 
+  margin: 0 0 0 10px;
 
+  font-size: 14px;
 
+  color: #6e6e6e;
 
+}
 
+
 
+.chooseWho {
 
+  display: flex;
 
+  width: 410px;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: space-between;
 
+  padding-bottom: 10px;
 
+}
 
+
 
+.chooseWho>div {
 
+  cursor: pointer;
 
+  padding-bottom: 10px;
 
+  font-weight: bold;
 
+}
 
+
 
+.isChooseActive {
 
+  color: #3e88f4;
 
+  border-bottom: 2px solid #2f80f3;
 
+}
 
+
 
+.toolSort {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  align-items: flex-start;
 
+}
 
+
 
+.toolSort>div {
 
+  margin-right: 45px;
 
+}
 
+
 
+.tools {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: flex-start;
 
+}
 
+
 
+.leftTools,
 
+.rightTools {
 
+  width: 50%;
 
+}
 
+
 
+.leftTools+.leftTools {
 
+  border-top: 1px solid #dbdbdb;
 
+  padding-top: 30px;
 
+}
 
+
 
+.rightTools {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: space-around;
 
+}
 
+
 
+.firstToolList {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.iconList {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+  margin: 20px 0 5px 0;
 
+  width: 240px;
 
+  min-width: 240px;
 
+}
 
+
 
+.iconTool {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+  margin: 15px 10px;
 
+}
 
+
 
+.toolIcon {
 
+  width: 50px;
 
+}
 
+
 
+.taskBorder {
 
+  /*border: 1px solid #e1e1e1; */
 
+  border-radius: 8px;
 
+  margin-top: 10px;
 
+  /* min-height: 1160px; */
 
+  position: relative;
 
+  background: #fff;
 
+  padding: 20px 20px 0;
 
+  overflow: hidden;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.smallTaskBorder {
 
+  height: 170px;
 
+  min-height: 170px !important;
 
+  overflow: hidden;
 
+}
 
+
 
+.taskBorder>div {
 
+  /* padding: 30px 0 10px 30px; */
 
+}
 
+
 
+.addTaskBorder {
 
+  /* border: 2px solid #5E9AFC; */
 
+  border-radius: 8px;
 
+  margin-top: 10px;
 
+  cursor: pointer;
 
+  /* height: 50px;
 
+  line-height: 50px; */
 
+  background: #fff;
 
+  padding: 15px 0;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+/* .addTaskBorder>div {
 
+  margin: 0 auto;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.addTaskBorder>div>img {
 
+  width: 20px;
 
+}
 
+
 
+.addTaskBorder>div>span {
 
+  font-size: 16px;
 
+  margin-left: 10px;
 
+  color: #5E9AFC;
 
+} */
 
+
 
+.funBlock {
 
+  display: flex;
 
+  padding: 15px 0;
 
+  flex-direction: row;
 
+  justify-content: 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;
 
+}
 
+
 
+.addToolFun {
 
+  display: flex;
 
+  width: 150px;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border: 1px dashed;
 
+  border-radius: 5px;
 
+  height: 50px;
 
+  margin: 20px auto 35px;
 
+  cursor: pointer;
 
+}
 
+
 
+.addToolFun2 {
 
+  display: flex;
 
+  width: 150px;
 
+  border: 2px dashed #CAD1DC;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border-radius: 5px;
 
+  height: 50px;
 
+  margin: 0 auto 0;
 
+  cursor: pointer;
 
+}
 
+
 
+
 
+.addToolImg {
 
+  width: 20px;
 
+  height: 20px;
 
+  margin-right: 10px;
 
+}
 
+
 
+.addToolsDia>>>.el-dialog__body {
 
+  padding: 20px;
 
+}
 
+
 
+.addToolsDia>>>.el-dialog__body>.toolChoose {
 
+  padding: 0;
 
+}
 
+
 
+.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools {
 
+  padding: 0;
 
+  border-bottom: none;
 
+  margin-bottom: 0;
 
+}
 
+
 
+.addToolsDia>>>.el-dialog__body>.toolChoose>.leftTools>.chooseWho {
 
+  width: 100%;
 
+}
 
+
 
+.lineCss>>>.el-form-item__label {
 
+  width: auto !important;
 
+}
 
+
 
+.lineCss>>>.el-form-item__content {
 
+  margin-left: 50px !important;
 
+}
 
+
 
+.newSteps {
 
+  display: flex;
 
+  width: 100% !important;
 
+  height: 80px;
 
+  cursor: pointer;
 
+  margin: 10px 0;
 
+  border-radius: 10px;
 
+  flex-direction: row;
 
+  align-content: center;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin: 0 !important;
 
+}
 
+
 
+/* 评价样式 */
 
+.elist_css {
 
+  padding-bottom: 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 5px 0 0;
 
+}
 
+
 
+.elist_input .elist_input_box span {
 
+  height: 36px;
 
+  line-height: 36px;
 
+  color: rgb(82, 82, 82);
 
+  min-width: 80px;
 
+}
 
+
 
+.elist_input .elist_input_box .remove {
 
+  height: 20px;
 
+  width: 20px;
 
+  min-width: 20px;
 
+  background-size: 100% 100%;
 
+  background-position: unset;
 
+  margin-left: 5px;
 
+}
 
+
 
+.elist_input_box>>>.el-rate {
 
+  display: flex;
 
+  height: 36px;
 
+  align-items: center;
 
+}
 
+
 
+.elist_input_box .elist_inptu_text {
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-top: 10px;
 
+}
 
+
 
+.elist_input_box .elist_inptu_text input {
 
+  /* width: 500px; */
 
+  width: 100%;
 
+  max-width: unset;
 
+}
 
+
 
+.elist_input_box>>>.el-rate__icon {
 
+  font-size: 24px;
 
+}
 
+
 
+.elist_btn {
 
+  margin-top: 10px;
 
+}
 
+
 
+.lineTitle {
 
+  /* margin-top: 15px; */
 
+  width: 110px;
 
+  font-size: 16px;
 
+  display: flex;
 
+  align-items: center;
 
+  line-height: 20px;
 
+}
 
+
 
+.lineTitle::before {
 
+  content: '';
 
+  display: block;
 
+  width: 3px;
 
+  height: 20px;
 
+  background: #0061FF;
 
+  border-radius: 3px;
 
+  margin: 0 5px 0 0;
 
+}
 
+
 
+.courseTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  justify-content: space-between;
 
+  align-items: center;
 
+  width: calc(100%);
 
+  padding: 10px 0;
 
+  margin: 0 auto;
 
+}
 
+
 
+.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%);
 
+  background: #F0F2F5;
 
+  /* border-radius: 10px; */
 
+  overflow: auto;
 
+  height: calc(100% - 120px);
 
+  margin: 0 auto;
 
+  position: relative;
 
+  box-sizing: border-box;
 
+  border-radius: 5px;
 
+}
 
+
 
+.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: 100%;
 
+  height: 140px;
 
+  position: relative;
 
+  cursor: pointer;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  color: #6e6e6e;
 
+}
 
+
 
+.uploadFm>img {
 
+  width: 50px;
 
+}
 
+
 
+.fileCss {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  justify-content: space-around;
 
+  align-items: center;
 
+  padding-top: 15px;
 
+}
 
+
 
+.fileCss>div {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+}
 
+
 
+.fileCss .spanName {
 
+  margin-top: 10px
 
+}
 
+
 
+
 
+.sysPicBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-content: flex-start;
 
+  height: 435px;
 
+  overflow: auto;
 
+  position: relative;
 
+}
 
+
 
+.picNone {
 
+  position: absolute;
 
+  left: 50%;
 
+  top: 45%;
 
+  transform: translate(-50%, -50%);
 
+  width: fit-content;
 
+  color: #9c9c9c;
 
+}
 
+
 
+.sysPic {
 
+  width: 200px;
 
+  height: 115px;
 
+  margin: 0 20px 20px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.sysPic>img,
 
+.isSysPic>img,
 
+.deletePic>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.isSysPic {
 
+  width: 200px;
 
+  height: 115px;
 
+  position: relative;
 
+}
 
+
 
+.deletePic {
 
+  width: 20px;
 
+  height: 20px;
 
+  position: absolute;
 
+  top: 0;
 
+  right: 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.select_box1 {
 
+  height: 100%;
 
+}
 
+
 
+.select_box1_img {
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 15px;
 
+  box-sizing: border-box;
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.select_box1_title {
 
+  padding: 0 0 15px 0;
 
+  border-bottom: 1px solid #eee;
 
+  margin-bottom: 15px;
 
+}
 
+
 
+.select_box1_title span:nth-child(1) {
 
+  font-size: 16px;
 
+  margin-right: 20px;
 
+  color: #000;
 
+}
 
+
 
+.select_box1_title span:nth-child(2) {
 
+  font-size: 14px;
 
+  color: rgb(112, 112, 112);
 
+}
 
+
 
+.select_box1_add_img {}
 
+
 
+.select_box1_select {
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 15px;
 
+  box-sizing: border-box;
 
+  height: calc(100% - 200px);
 
+  overflow: auto;
 
+}
 
+
 
+.select_box2 {
 
+  height: 100%;
 
+}
 
+
 
+.select_box2_title {
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 5px 10px;
 
+  box-sizing: border-box;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.select_box2_box {
 
+  display: flex;
 
+  height: calc(100% - 30px);
 
+}
 
+
 
+.select_box2_img {
 
+  width: calc(100% - 310px);
 
+  height: 100%;
 
+  overflow: auto;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+}
 
+
 
+.select_box2_img img {
 
+  width: 100%;
 
+}
 
+
 
+.select_box2_answer {
 
+  background: #fff;
 
+  margin-left: 10px;
 
+  border-radius: 5px;
 
+  width: 300px;
 
+  overflow: auto;
 
+  height: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  padding-top: 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.select_box2_answer_box {
 
+  margin: 0 0 10px 0;
 
+  width: 85%;
 
+}
 
+
 
+.rate_textarea {
 
+  font: inherit;
 
+  color: currentColor;
 
+  width: 100%;
 
+  padding: 8px 14px;
 
+  display: block;
 
+  min-width: 0;
 
+  outline: none;
 
+  border: 1px solid rgba(0, 0, 0, 0.23);
 
+  border-radius: 4px;
 
+  box-sizing: border-box;
 
+  background: #fff;
 
+  margin: 0 20px 0 0;
 
+  resize: none;
 
+}
 
+
 
+.select_answer_title {
 
+  text-align: left;
 
+  width: 85%;
 
+  margin-bottom: 10px;
 
+  font-size: 18px;
 
+  color: #8e8e8e;
 
+}
 
+
 
+.mask {
 
+  background-color: rgb(0 0 0 / 30%);
 
+  /* position: fixed; */
 
+  position: absolute;
 
+  top: 0;
 
+  left: 0;
 
+  width: 100%;
 
+  height: 100%;
 
+  z-index: 90;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+
 
+.progressBox {
 
+  width: 300px;
 
+  height: 150px;
 
+  background: #fff;
 
+  border-radius: 10px;
 
+  box-shadow: 0 0 6px 1px #bfbfbf;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  flex-direction: column;
 
+  position: relative;
 
+  color: #6c6c6c;
 
+}
 
+
 
+.progressBox>>>.el-progress-bar__outer {
 
+  background-color: #d1dfff !important;
 
+}
 
+
 
+.progressBox .lbox {
 
+  height: 50px;
 
+  font-size: 19px;
 
+  display: flex;
 
+  align-items: center;
 
+  color: #747474;
 
+}
 
+
 
+.progressBox .lbox img {
 
+  width: 40px;
 
+  margin-right: 20px;
 
+}
 
+
 
+.closeCss {
 
+  position: absolute;
 
+  top: 8px;
 
+  right: 8px;
 
+  cursor: pointer;
 
+  width: 20px;
 
+  height: 20px;
 
+}
 
+
 
+.closeCss>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.updateTips::after {
 
+  content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
 
+  font-size: 14px;
 
+  margin-left: 20px;
 
+  font-weight: 400;
 
+  color: #ff3a3a;
 
+}
 
+
 
+.updateMask {
 
+  width: 100%;
 
+  z-index: 3;
 
+  top: 0;
 
+  position: absolute;
 
+  /* background-color: rgba(0,0,0,.3); */
 
+}
 
+
 
+.t_j_box {
 
+  display: flex;
 
+}
 
+
 
+.t_j_box span:nth-child(1) {
 
+  width: 15%;
 
+  overflow: hidden;
 
+  margin-right: 10px;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+}
 
+
 
+.t_j_box span:nth-child(2) {
 
+  width: 30%;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  margin-right: 10px;
 
+}
 
+
 
+.t_j_box span:nth-child(3) {
 
+  max-width: calc(55% - 20px);
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.sentenBox {
 
+  background: #fff;
 
+  height: 600px;
 
+  overflow: auto;
 
+  background-image: url("../../../assets/icon/conSentences/csBg.png");
 
+  background-position: 102%;
 
+  background-repeat: no-repeat;
 
+  background-size: 60%;
 
+}
 
+
 
+.sentenBox>.sentenContent {
 
+  padding-bottom: 10px;
 
+  width: 97%;
 
+  margin: 0 auto;
 
+}
 
+
 
+.sentenBox>.sentenContent+.sentenContent {
 
+  border-top: 1px solid #cbcbcb;
 
+}
 
+
 
+.addSen {
 
+  background: #409efe;
 
+  width: 90px;
 
+  color: #fff;
 
+  height: 35px;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 5px;
 
+  float: right;
 
+  margin: 10px 20px 0 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.sentenTop {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+}
 
+
 
+.sentenTop::before {
 
+  content: attr(index);
 
+  background: #3681fc;
 
+  border-radius: 50%;
 
+  color: #fff;
 
+  width: 25px;
 
+  height: 25px;
 
+  min-width: 25px;
 
+  min-height: 25px;
 
+  text-align: center;
 
+  line-height: 25px;
 
+  margin-right: 5px;
 
+}
 
+
 
+.sentenTop>div:nth-child(2) {
 
+  width: 300px;
 
+  margin: 0 15px;
 
+}
 
+
 
+.sentenTop>div:nth-child(3) {
 
+  background: #409efe;
 
+  color: #fff;
 
+  width: 65px;
 
+  height: 35px;
 
+  text-align: center;
 
+  line-height: 35px;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.cardList {
 
+  padding: 20px 0 20px 0;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  box-sizing: border-box;
 
+  border-bottom: 1px solid #f4f4f4;
 
+  width: 98%;
 
+  margin: 0 auto;
 
+}
 
+
 
+.rightCardList {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.cardBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  align-content: center;
 
+}
 
+
 
+.isCard,
 
+.isCard1 {
 
+  width: auto;
 
+  padding: 0 20px;
 
+  height: 65px;
 
+  text-align: center;
 
+  line-height: 65px;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  background-image: url("../../../assets/icon/conSentences/titleBorder.png");
 
+  background-size: 100% 100%;
 
+  position: relative;
 
+  z-index: 99;
 
+}
 
+
 
+.isCard1 {
 
+  background-image: url("../../../assets/icon/conSentences/answerBorder.png");
 
+}
 
+
 
+.isCard:hover .deleteWord {
 
+  display: block;
 
+}
 
+
 
+.isCard>div:nth-child(1),
 
+.isCard1>div:nth-child(1) {
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  width: 100%;
 
+  margin: 0 auto;
 
+}
 
+
 
+.card {
 
+  width: 140px;
 
+  height: 65px;
 
+}
 
+
 
+.card>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.rightCardBox {
 
+  width: 98%;
 
+  margin: 10px auto 0;
 
+}
 
+
 
+.rightCardBox>div:nth-child(1) {
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.cardCss {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  border-bottom: 3px solid #b4c3d3;
 
+  padding: 0 0 5px 0;
 
+  /* margin-right: 10px; */
 
+}
 
+
 
+.cardCss>div:nth-child(2) {
 
+  background: #5b7b9d;
 
+  color: #fff;
 
+  width: 20px;
 
+  height: 20px;
 
+  border-radius: 50%;
 
+  text-align: center;
 
+  line-height: 20px;
 
+}
 
+
 
+.sentenTopBox {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  padding: 55px 0 0 20px;
 
+  box-sizing: border-box;
 
+  width: 85%;
 
+}
 
+
 
+.stepsBottom {
 
+  width: 85%;
 
+  margin-bottom: 20px;
 
+  box-shadow: 0 0 10px 10px #f7f7f7;
 
+  background: #f7f7f7;
 
+  border-radius: 10px;
 
+  overflow: hidden;
 
+}
 
+
 
+.course_left {
 
+  width: 300px;
 
+  height: auto;
 
+  position: relative;
 
+}
 
+
 
+.stepsBottom2 {
 
+  width: 300px;
 
+  margin: 10px 0;
 
+  /* box-shadow: 0 0 10px 10px #f7f7f7; */
 
+  /* background: #f7f7f7; */
 
+  border-radius: 8px;
 
+  overflow: hidden;
 
+  height: fit-content;
 
+  position: relative;
 
+  /* transition: all .5s; */
 
+}
 
+
 
+.navTop {
 
+  background: #53749b;
 
+  color: #fff;
 
+  height: 40px;
 
+  line-height: 40px;
 
+  padding-left: 15px;
 
+  font-size: 18px;
 
+}
 
+
 
+.navBottom {
 
+  background: #fff;
 
+  height: calc(100vh - 210px);
 
+  overflow: auto;
 
+}
 
+
 
+.navTask {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  padding: 10px 10px 10px 0;
 
+  cursor: pointer;
 
+  background: #ffffff;
 
+  width: 95%;
 
+  margin: 10px auto 0;
 
+  box-sizing: border-box;
 
+  border-radius: 5px;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.navTask::before {
 
+  content: '';
 
+  display: block;
 
+  width: 16px;
 
+  height: 16px;
 
+  background-image: url(../../../assets/icon/new/icon_arrow.png);
 
+  background-size: 100%;
 
+  margin-left: 10px;
 
+}
 
+
 
+.isNavOpen::before {
 
+  background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important;
 
+}
 
+
 
+.isNavTask {
 
+  /* background: #3681FC; */
 
+  background: #EEF3FB;
 
+}
 
+
 
+.isNavTask .nt_taskName {
 
+  /* color: #fff !important; */
 
+  font-weight: bold !important;
 
+  color: #0061FF !important;
 
+}
 
+
 
+.isNavTask .nt_taskTitle {
 
+  /* color: #AECCFE !important; */
 
+  font-weight: bold !important;
 
+  color: #0061FF !important;
 
+}
 
+
 
+
 
+.navTask .nt_taskBox {
 
+  width: calc(100% - 85px);
 
+  padding: 0 10px 0 5px;
 
+  box-sizing: border-box;
 
+  box-sizing: border-box;
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: baseline;
 
+}
 
+
 
+.navTask .nt_taskTitle {
 
+  /* color: #717C8D; */
 
+  color: #060E17;
 
+  line-height: 25px;
 
+  font-size: 16px;
 
+  min-width: 45px;
 
+}
 
+
 
+.navTask .nt_taskName {
 
+  /* color: #fff; */
 
+  /* max-width: 130px; */
 
+  /* width: 100%; */
 
+  max-width: calc(100% - 50px);
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  font-size: 16px;
 
+  color: #060E17;
 
+  /* color: #0E1E33; */
 
+}
 
+
 
+.gjBox {
 
+  width: calc(100% - 25px);
 
+  padding: 0 0 0 0;
 
+  box-sizing: border-box;
 
+  border-left: 1px solid #CAD1DC;
 
+  margin-left: 25px;
 
+}
 
+
 
+.gjBox>div {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.gjBox>div::before {
 
+  content: '';
 
+  height: 1px;
 
+  width: 10px;
 
+  background: #CAD1DC;
 
+  display: block;
 
+  margin-right: 5px;
 
+}
 
+
 
+.gjCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  padding: 15px 0;
 
+  box-sizing: border-box;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.isGjCss {
 
+  color: #0061ff;
 
+}
 
+
 
+
 
+.groupBox {}
 
+
 
+.groupContent+.groupContent {
 
+  margin-top: 30px;
 
+}
 
+
 
+.groupTitle {
 
+  font-size: 24px;
 
+  color: rgb(80, 80, 80);
 
+  margin-bottom: 20px;
 
+}
 
+
 
+.groupName {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.groupn {
 
+  font-size: 15px;
 
+  margin-right: 10px;
 
+}
 
+
 
+.groupName+.groupName {
 
+  margin-top: 15px;
 
+}
 
+
 
+.groupBtn {
 
+  margin-left: 10px;
 
+}
 
+
 
+.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
 
+  text-align: left;
 
+}
 
+
 
+.radioBox>div {
 
+  margin: 10px 0 0 10px;
 
+}
 
+
 
+.radioBox>>>.el-radio__input,
 
+.radioBox>>>.el-checkbox__inner {
 
+  margin-left: 10px;
 
+}
 
+
 
+.radioBox>>>.el-radio__label,
 
+.radioBox>>>.el-checkbox__label {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.inImg {
 
+  width: 50px;
 
+}
 
+
 
+.inImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.upCss>>>.el-upload-list--picture .el-upload-list__item {
 
+  height: auto;
 
+  padding: 10px;
 
+  margin: 0;
 
+}
 
+
 
+.upCss>>>.el-upload-list {
 
+  width: 100%;
 
+}
 
+
 
+.upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
 
+  width: 100%;
 
+  height: 120px;
 
+  object-fit: contain;
 
+  background: unset;
 
+  margin-left: 0;
 
+}
 
+
 
+.upCss>>>.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
 
+  display: none;
 
+}
 
+
 
+.tcMember+.tcMember::before {
 
+  content: "、";
 
+}
 
+
 
+.xzUpImg {
 
+  width: 25px;
 
+  height: 25px;
 
+  min-width: 25px;
 
+  min-height: 25px;
 
+  cursor: pointer;
 
+  margin: 0 10px;
 
+}
 
+
 
+.xzUpImg>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.closeCss {
 
+  position: absolute;
 
+  top: 8px;
 
+  right: 8px;
 
+  cursor: pointer;
 
+  width: 20px;
 
+  height: 20px;
 
+}
 
+
 
+.closeCss>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.moveBtn {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  width: 55px;
 
+}
 
+
 
+.timuUpImg {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  width: 100%;
 
+  margin-right: 10px;
 
+}
 
+
 
+.timuUpImg>div:nth-child(1) {
 
+  margin-right: 10px;
 
+  display: flex;
 
+  align-items: center;
 
+  width: 100%;
 
+}
 
+
 
+.timuImgBox {
 
+  margin: 10px 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: wrap;
 
+  align-items: flex-start;
 
+}
 
+
 
+.timuImg {
 
+  width: 100px;
 
+  margin: 5px 0;
 
+  cursor: pointer;
 
+  position: relative;
 
+}
 
+
 
+.timuImg:hover .deleteWord {
 
+  display: block;
 
+}
 
+
 
+.deleteWord {
 
+  width: 25px;
 
+  height: 25px;
 
+  position: absolute;
 
+  right: -5px;
 
+  top: -5px;
 
+  cursor: pointer;
 
+  display: none;
 
+}
 
+
 
+.timuImg>img,
 
+.deleteWord>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.e_add_delete {
 
+  cursor: pointer;
 
+  margin-left: 10px;
 
+}
 
+
 
+.pType_box {
 
+  margin-top: 30px;
 
+  align-items: flex-end;
 
+}
 
+
 
+.noneBox {
 
+  height: 100%;
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-top: 150px;
 
+}
 
+
 
+.noneBox>img {
 
+  width: 300px;
 
+}
 
+
 
+
 
+.textarea_css {
 
+  display: block;
 
+  resize: none;
 
+  padding: 10px 15px;
 
+  line-height: 1.5;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+  font-size: 14px;
 
+  color: #606266;
 
+  background-color: #FFF;
 
+  background-image: none;
 
+  border: 1px solid #DCDFE6;
 
+  border-radius: 4px;
 
+  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
 
+  outline: none;
 
+  overflow: hidden;
 
+  height: 46px;
 
+  font-family: 'Microsoft YaHei';
 
+}
 
+
 
+.textarea_css::-webkit-input-placeholder {
 
+  color: #C0C4CC
 
+}
 
+
 
+.textarea_css:focus {
 
+  border-color: #409EFF;
 
+  outline: 0;
 
+}
 
+
 
+.moveBtn2 {
 
+  flex-direction: column;
 
+  width: fit-content;
 
+  margin: 0 10px 0 10px;
 
+}
 
+
 
+.moveBtn2 .chapter_upload_down,
 
+.moveBtn2 .chapter_upload_up {
 
+  width: 16px;
 
+  height: 16px;
 
+}
 
+
 
+.moveBtn2 .chapter_upload_up::after,
 
+.moveBtn2 .chapter_upload_down::after {
 
+  width: 10px;
 
+  height: 10px;
 
+}
 
+
 
+.fullStyle>>>.el-dialog__body {
 
+  height: calc(100% - 125px) !important;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.fullStyle>>>.el-dialog {
 
+  width: 100% !important;
 
+  max-width: 100% !important;
 
+  height: 100% !important;
 
+  margin: 0 !important;
 
+}
 
+
 
+.fullStyle {
 
+  width: 100% !important;
 
+  max-width: 100% !important;
 
+  height: 100% !important;
 
+  margin: 0 auto !important;
 
+}
 
+
 
+.wb_j_box_btn {
 
+  width: calc(100% - 30px);
 
+  display: flex;
 
+  height: 40px;
 
+  border: 1.5px solid #CAD1DC;
 
+  border-radius: 4px;
 
+  box-sizing: border-box;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  overflow: hidden;
 
+}
 
+
 
+.wb_j_box_btn:hover {
 
+  border: 1.5px solid #0061FF;
 
+}
 
+
 
+.wb_j_box_title {
 
+  background: #F0F4FA;
 
+  height: 100%;
 
+  line-height: 40px;
 
+  width: 90px;
 
+  text-align: center;
 
+  color: #060E17;
 
+  border-right: 1.5px solid #CAD1DC;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.wb_j_box_btn_c {
 
+  width: calc(100% - 90px);
 
+  padding: 0 35px 0 10px;
 
+  box-sizing: border-box;
 
+  position: relative;
 
+}
 
+
 
+.wb_j_box_span {
 
+  width: 100%;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+  word-wrap: break-word;
 
+  color: #717C8D;
 
+}
 
+
 
+.wb_j_box_arrow {
 
+  content: '';
 
+  width: 14px;
 
+  height: 14px;
 
+  background: url(../../../assets/icon/new/u_arrow.png);
 
+  background-size: 100% 100%;
 
+  position: absolute;
 
+  right: 12px;
 
+  top: 50%;
 
+  transform: translateY(-50%);
 
+}
 
+
 
+.check_classBox {
 
+  height: 400px;
 
+  display: flex;
 
+  border-top: 1.5px solid #E7EBF1;
 
+  border-bottom: 1.5px solid #E7EBF1;
 
+}
 
+
 
+.check_class_right {
 
+  width: 130px;
 
+  border-right: 1px solid #E7EBF1;
 
+  display: flex;
 
+  align-items: center;
 
+  flex-direction: column;
 
+  height: 100%;
 
+  overflow: auto;
 
+  padding: 15px 0;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.check_class {
 
+  width: 85%;
 
+  border-radius: 5px;
 
+  height: 30px;
 
+  line-height: 30px;
 
+  text-align: center;
 
+  padding: 0 10px;
 
+  box-sizing: border-box;
 
+  cursor: pointer;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.check_class.activeX {
 
+  background: #E0EAFB;
 
+  color: #3681FC;
 
+  font-weight: 700;
 
+}
 
+
 
+.check_class+.check_class {
 
+  margin-top: 15px;
 
+}
 
+
 
+.check_class_left {
 
+  background: #FAFAFA;
 
+  width: calc(100% - 130px);
 
+  padding: 15px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.check_class_left_title {
 
+  font-size: 16px;
 
+  font-weight: 700;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.check_class_item {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  height: calc(100% - 45px);
 
+  overflow: auto;
 
+  justify-content: flex-start;
 
+  align-items: flex-start;
 
+  align-content: flex-start;
 
+}
 
+
 
+.class_item {
 
+  margin: 0 15px 15px 0;
 
+
 
+}
 
+
 
+.class_item:hover>>>.el-checkbox__label {
 
+  color: #409EFF;
 
+}
 
+
 
+.class_item>>>.el-checkbox__label {
 
+  color: #0E1E33;
 
+}
 
+
 
+.class_item:hover>>>.el-checkbox__inner {
 
+  border-color: #409EFF;
 
+}
 
+
 
+.class_item>>>.el-checkbox,
 
+.class_item>>>.el-checkbox__input {
 
+  display: flex;
 
+  align-items: center;
 
+}</style>

+ 1885 - 0
src/components/pages/synergyCourse/course.vue
Wyświetl plik 

@@ -0,0 +1,1885 @@
 
+<template>
 
+  <div class="pb_content" style="height: auto; width: 94%; margin: 10px auto;background: unset;">
 
+    <div style="width:100%;padding:0 21px;background:#fff;border-radius: 5px;box-sizing: border-box;">
 
+      <div class="pb_head top">
 
+        <div style="
 
+    display: flex;
 
+    align-items: center;
 
+">
 
+          <span>协同构建</span>
 
+        </div>
 
+        <div class="student_button">
 
+          <el-button type="primary" class="bgColor" @click="goToCourse3()">创建协同构建</el-button>
 
+        </div>
 
+      </div>
 
+      <div class="reBox">
 
+        <div class="reTop">
 
+          <!-- <div>分类筛选</div> -->
 
+          <div class="reTopCh">
 
+            <el-select v-model="groupA" @change="search" v-if="false">
 
+              <el-option value="4" label="全部"></el-option>
 
+              <el-option value="2" label="我的课程"></el-option>
 
+              <el-option value="3" label="协同课程"></el-option>
 
+              <el-option value="1" label="他人课程"></el-option>
 
+            </el-select>
 
+            <el-select v-model="groupA" @change="search" v-if="false">
 
+              <el-option value="0" label="全部"></el-option>
 
+              <el-option value="2" label="我的课程"></el-option>
 
+              <el-option value="3" label="协同课程"></el-option>
 
+            </el-select>
 
+            <div class="searchI" style="margin: 0;">
 
+              <div class="search">
 
+                <img src="../../../assets/icon/search.png" alt="" />
 
+              </div>
 
+              <input class="sInput" type="text" placeholder="请输入关键字" v-model="courseName" @input="getCourse()" />
 
+            </div>
 
+            <el-button type="primary" class="bgColor" style="margin-left: 10px;" @click="reset">重置</el-button>
 
+          </div>
 
+        </div>
 
+        <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
 
+          <span><span>类型</span></span>
 
+          <el-radio-group v-model="pTypeCheckName" style="display: flex; align-items: center">
 
+            <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
 
+              <el-radio :label="item.name" @click.native.prevent="CourseType2Click(item.name)">{{ item.name }}</el-radio>
 
+            </div>
 
+          </el-radio-group>
 
+        </div>
 
+        <div class="choose">
 
+          <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index"
 
+            :style="{ margin: !CourseTypeJson[item.id].length && 0 }">
 
+            <span v-if="CourseTypeJson[item.id].length &&
 
+              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                ? pTypeCheck.indexOf(item.id) != -1
 
+                : true)
 
+              "><span>{{ item.name }}</span></span>
 
+            <div class="typeCss" v-if="CourseTypeJson[item.id].length &&
 
+              (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                ? pTypeCheck.indexOf(item.id) != -1
 
+                : true)
 
+              ">
 
+              <div class="cName" @click="getCourse2(item.name, '', item.id, 1)"
 
+                :class="typeE.indexOf(item.id) != -1 ? 'isCType' : ''">
 
+                全部
 
+              </div>
 
+              <div v-for="(item1, index1) in CourseTypeJson[item.id]" :key="index + '-' + index1" :label="item1.id"
 
+                @click="getCourse2(item.name, item.id, item1.id, 2)">
 
+                <div class="cName" :class="typea == item1.id || typeb == item1.id || typed == item1.id
 
+                  ? 'isCType'
 
+                  : ''
 
+                  ">
 
+                  {{ item1.name }}
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="all_choose" v-if="false">
 
+            <span><span>所有者</span></span>
 
+            <div class="typeCss">
 
+              <div class="cName" :class="groupA == '4' ? 'isCType' : ''" @click="groupA = '4'; search();">
 
+                全部
 
+              </div>
 
+              <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
 
+                我的课程
 
+              </div>
 
+              <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
 
+                协同课程
 
+              </div>
 
+              <div class="cName" :class="groupA == '1' ? 'isCType' : ''" @click="groupA = '1'; search();">
 
+                他人课程
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="all_choose" v-if="false">
 
+            <span><span>所有者</span></span>
 
+            <div class="typeCss">
 
+              <div class="cName" :class="groupA == '0' ? 'isCType' : ''" @click="groupA = '0'; search();">
 
+                全部
 
+              </div>
 
+              <div class="cName" :class="groupA == '2' ? 'isCType' : ''" @click="groupA = '2'; search();">
 
+                我的课程
 
+              </div>
 
+              <div class="cName" :class="groupA == '3' ? 'isCType' : ''" @click="groupA = '3'; search();">
 
+                协同课程
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="line"></div>
 
+    <div class="pb_content_body" style="height: 100%;width: 100%;background: #e6eaf0;margin: 0 auto;">
 
+      <div class="student_head" v-if="false">
 
+        <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-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">重置</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">
 
+        <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 ||
 
+              (item.course_teacher &&
 
+                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>
 
+                <el-tooltip :content="item.title" popper-class="text_tooltip" placement="top" effect="dark">
 
+                  <span>{{ item.title }}</span>
 
+                </el-tooltip>
 
+                <!-- <span>{{ item.state == 1 ? '阶段模式' : item.state == 2 ? '任务模式' : '极简模式' }}</span> -->
 
+              </div>
 
+              <!-- <div class="kc_t">
 
+                负责老师：{{ item.uname }}
 
+              </div> -->
 
+              <div class="kc_time">
 
+                <!-- <span style="color: #717C8D">创建日期:</span> -->
 
+                {{ item.time }}
 
+              </div>
 
+              <!-- <div class="kc_time">
 
+                <span style="color: #717C8D">修改日期:</span>{{ item.utime }}
 
+              </div> -->
 
+            </div>
 
+            <div class="three_bottom">
 
+              <!-- v-if="role == '1'" @click="get(item)"-->
 
+              <div>授课</div>
 
+              <!-- <div @click="jump(item.courseId)" v-else>评课</div> -->
 
+              <!-- <div v-if="((item.userid == userid) ||
 
+                (item.course_teacher &&
 
+                  item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
 
+                item.state == 1
 
+                " @click="goToCourse(item.courseId)">
 
+                修改
 
+              </div>
 
+              <div v-if="((item.userid == userid) ||
 
+                (item.course_teacher &&
 
+                  item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
 
+                item.state == 2
 
+                " @click="goToCourse2(item.courseId)">
 
+                修改
 
+              </div> -->
 
+              <div v-if="((item.userid == userid) ||
 
+                (item.course_teacher &&
 
+                  item.course_teacher.indexOf(userid) !== -1) || role == '1') &&
 
+                item.state == 1
 
+                " @click="goToCourse3(item.courseId)">
 
+                修改
 
+              </div>
 
+              <!-- <div v-if="groupA == '0'" @click="
 
+                goTo(
 
+                  '/works?cid=' +
 
+                  item.courseId +
 
+                  '&userid=' +
 
+                  userid +
 
+                  '&oid=' +
 
+                  oid +
 
+                  '&org=' +
 
+                  org +
 
+                  '&role=' +
 
+                  role
 
+                )
 
+                ">
 
+                评价
 
+              </div> -->
 
+              <div @click="copyCourse(item.courseId)">
 
+                复制
 
+              </div>
 
+              <div v-if="item.isCourseType == 1 || role == '1'" @click="deleteCourse(item.courseId)">
 
+                删除
 
+              </div>
 
+              <!-- <div class="more">
 
+                <span style="font-size: 18px; font-weight: 700">...</span>
 
+                <div>
 
+                  <span @click="copyCourse(item.courseId)">复制</span>
 
+                  <span @click="jump(item.courseId)" v-if="role == '1'">评课</span>
 
+                  <span @click="get(item.courseId)" v-else>预览</span>
 
+                  <span @click="getNT(item.courseId)">无终端</span>
 
+                </div>
 
+              </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="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 @click="
 
+              goTo(
 
+                '/course/addCourse?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 },
 
+  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,
 
+      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: [],
 
+      CourseType2: [],
 
+      CourseTypeJson: {},
 
+      courseTypeId: {},
 
+      courseTypeSon: [],
 
+      isChoose: 0,
 
+      problemCourse: null, //查看提问的课程
 
+      courseTeam: [],
 
+      typeE: [],
 
+      typea: "",
 
+      typeb: "",
 
+      typed: "",
 
+      pTypeCheck: [],
 
+      pTypeCheckName: [],
 
+      btnDisplay: false
 
+    };
 
+  },
 
+  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);
 
+    },
 
+    CourseType2Change(val) {
 
+      this.pTypeCheck = [];
 
+      for (var i = 0; i < this.CourseType2.length; i++) {
 
+        let typeA = this.CourseType2[i];
 
+        if (val.indexOf(typeA.name) != -1) {
 
+          this.pTypeCheck.push(...typeA.id);
 
+        }
 
+      }
 
+      this.typea = "";
 
+      this.typeb = "";
 
+      this.typed = "";
 
+      this.getCourse();
 
+    },
 
+    CourseType2Click(val) {
 
+      this.pTypeCheck = [];
 
+      this.typeE = [];
 
+      if (val === this.pTypeCheckName) {
 
+        this.pTypeCheckName = "";
 
+      } else {
 
+        this.pTypeCheckName = val;
 
+        for (var i = 0; i < this.CourseType2.length; i++) {
 
+          let typeA = this.CourseType2[i];
 
+          if (val.indexOf(typeA.name) != -1) {
 
+            this.pTypeCheck.push(...typeA.id);
 
+            this.typeE = [...typeA.id];
 
+          }
 
+        }
 
+      }
 
+
 
+      this.typea = "";
 
+      this.typeb = "";
 
+      this.typed = "";
 
+      this.getCourse();
 
+    },
 
+    goToCourse(courseId) {
 
+      if (courseId) {
 
+        this.$router.push(
 
+          "/course/addCourse?cid=" +
 
+          courseId +
 
+          "&userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      } else {
 
+        this.$router.push(
 
+          "/course/addCourse?userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      }
 
+      // this.$router.push(path);
 
+    },
 
+    reset() {
 
+      this.typeE = []
 
+      this.typea = ''
 
+      this.typeb = ''
 
+      this.typed = ''
 
+      this.courseName = ''
 
+      if (this.role == "1") {
 
+        this.groupA = "4";
 
+      } else {
 
+        this.groupA = "0";
 
+      }
 
+      this.getCourse();
 
+    },
 
+    goToCourse2(courseId) {
 
+      if (courseId) {
 
+        this.$router.push(
 
+          "/course/addCourseT?cid=" +
 
+          courseId +
 
+          "&userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      } else {
 
+        this.$router.push(
 
+          "/course/addCourseT?userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      }
 
+    },
 
+    goToCourse3(courseId) {
 
+      if (courseId) {
 
+        this.$router.push(
 
+          "/synergyCourse/add?cid=" +
 
+          courseId +
 
+          "&userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      } else {
 
+        this.$router.push(
 
+          "/synergyCourse/add?userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      }
 
+    },
 
+    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: "2" }, "*");
 
+    },
 
+    get(item) {
 
+      window.parent.postMessage({ cid: item.courseId, screenType: "3" }, "*");
 
+    },
 
+    getNT(cid) {
 
+      window.parent.postMessage({ cid: cid, screenType: "3NT" }, "*");
 
+    },
 
+    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();
 
+    },
 
+    getCourse2(typeName, ftypeId, typeid, type) {
 
+      this.page = 1;
 
+      if (typeid == "34628934-d02f-11ec-8c78-005056b86db5" || ftypeId == '34628934-d02f-11ec-8c78-005056b86db5' || typeid == "34628934-d02f-11ec-8c78-005056b86ac5" || ftypeId == "34628934-d02f-11ec-8c78-005056b86ac5") {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typea != "") {
 
+              this.typea = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typea == typeid) {
 
+            this.typea = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typea = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      } else if (typeName == "专栏") {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typeb != "") {
 
+              this.typeb = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typeb == typeid) {
 
+            this.typeb = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typeb = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      } else if (typeName == "栏目") {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typeb != "") {
 
+              this.typeb = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typeb == typeid) {
 
+            this.typeb = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typeb = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      } else if (typeid == "34629bcc-d02f-11ec-8c78-005056b86db5" || ftypeId == '34629bcc-d02f-11ec-8c78-005056b86db5') {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typeb != "") {
 
+              this.typeb = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typeb == typeid) {
 
+            this.typeb = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typeb = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      } else if (typeName == "学院") {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typeb != "") {
 
+              this.typeb = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typeb == typeid) {
 
+            this.typeb = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typeb = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      } else if (typeid == "34629907-d02f-11ec-8c78-005056b86db5" || ftypeId == '34629907-d02f-11ec-8c78-005056b86db5' || typeid == "34629907-d02f-11ec-8c78-005056b86ac5" || ftypeId == "34629907-d02f-11ec-8c78-005056b86ac5") {
 
+        if (type == 1) {
 
+          if (this.typeE.indexOf(typeid) != -1) {
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              return;
 
+            } else {
 
+              this.typeE.splice(this.typeE.indexOf(typeid), 1);
 
+            }
 
+          } else {
 
+            this.typeE.push(typeid);
 
+            if (this.typed != "") {
 
+              this.typed = "";
 
+            }
 
+          }
 
+        } else {
 
+          if (this.typed == typeid) {
 
+            this.typed = "";
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              this.typeE.push(ftypeId);
 
+            }
 
+          } else {
 
+            this.typed = typeid;
 
+            if (this.typeE.indexOf(ftypeId) != -1) {
 
+              this.typeE.splice(this.typeE.indexOf(ftypeId), 1);
 
+            }
 
+          }
 
+        }
 
+      }
 
+      // this.loading = true;
 
+      this.getCourse();
 
+    },
 
+    getCourse() {
 
+      if (!this.loading) {
 
+        this.loading = this.openLoading(
 
+          document.querySelector(".student_table")
 
+        );
 
+      }
 
+      // var typeE = [];
 
+      // var typea, typeb, typec, typed;
 
+      // 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 == "主题") {
 
+      //         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];
 
+      //       }
 
+      //       this.courseTypeSon.push(
 
+      //         this.courseTypeId[this.CourseType[0][i].id]
 
+      //       );
 
+      //     }
 
+      //   }
 
+      // }
 
+      console.log("typea", this.typea);
 
+      this.isLoading = true;
 
+      let params = {
 
+        type: this.groupA,
 
+        uid: this.userid,
 
+        oid: this.oid,
 
+        org: this.org,
 
+        typea: this.typea != undefined ? this.typea : "",
 
+        typeb: this.typeb != undefined ? this.typeb : "",
 
+        typec: "",
 
+        typed: this.typed != undefined ? this.typed : "",
 
+        typeE: this.typeE.join(","),
 
+        cu: "",
 
+        cn: this.courseName,
 
+        page: this.page,
 
+        pageSize: this.pageSize,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectSynergyCourse", params)
 
+        .then((res) => {
 
+          this.loading.close();
 
+          this.loading = "";
 
+          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(() => {
 
+          const loading = this.openLoading(
 
+            document.querySelector(".student_table")
 
+          );
 
+          this.isLoading = true;
 
+          let params = {
 
+            cid: cid,
 
+          };
 
+          this.ajax
 
+            .get(this.$store.state.api + "deleteSynergyCourse", params)
 
+            .then((res) => {
 
+              loading.close();
 
+              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 + "selectAllType", params)
 
+        .then((res) => {
 
+          if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+            res.data[0] = [...res.data[0], ...res.data[4]]
 
+          }
 
+          this.CourseType = res.data;
 
+          this.CourseType2 = [
 
+            { name: "智见课程", id: [] },
 
+            { name: "智行课程", id: [] },
 
+            { name: "智创课程", id: [] },
 
+          ];
 
+
 
+          for (var cti = 0; cti < res.data[0].length; cti++) {
 
+            if (
 
+              res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
 
+              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
 
+            ) {
 
+              this.CourseType2[0].id.push(res.data[0][cti].id);
 
+            } else if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
 
+              res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
 
+              this.CourseType2[1].id.push(res.data[0][cti].id);
 
+            } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
 
+              this.CourseType2[2].id.push(res.data[0][cti].id);
 
+            }
 
+            if (res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5") {
 
+              res.data[0][cti].name = "年级";
 
+            } else if (res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" || res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5") {
 
+              res.data[0][cti].name = "学科";
 
+            } else if (res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5") {
 
+              res.data[0][cti].name = "主题";
 
+            }
 
+          }
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            if (!this.cid) {
 
+              this.courseTypeId[res.data[0][i].id] = [];
 
+            }
 
+            if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+              this.CourseTypeJson[res.data[0][i].id] = [];
 
+            }
 
+            if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+              if (res.data[0][i].name == "栏目") {
 
+                this.CourseType[0][i].name = "主题";
 
+              }
 
+            }
 
+            if (res.data[2].length == 0 && res.data[3].length == 0) {
 
+              for (var j = 0; j < res.data[1].length; j++) {
 
+                if (res.data[0][i].id == res.data[1][j].pid) {
 
+                  this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
 
+                }
 
+              }
 
+            } else {
 
+              if (res.data[2].length > 0) {
 
+                for (var j = 0; j < res.data[2].length; j++) {
 
+                  if (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 + "selectType")
 
+        .then((res) => {
 
+          this.CourseType = res.data;
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            if (!this.cid) {
 
+              this.courseTypeId[res.data[0][i].id] = "";
 
+            }
 
+            // if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
 
+            //   if (res.data[0][i].name == "栏目") {
 
+            //     this.CourseType[0][i].name = "主题";
 
+            //   }
 
+            // }
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); //去除公共分类
 
+              }
 
+            }
 
+          }
 
+          this.selectTypeByOid();
 
+          this.selectTypeByOrg();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectTypeByOid() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectTypeByOid", params)
 
+        .then((res) => {
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
 
+              }
 
+            }
 
+          }
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    selectTypeByOrg() {
 
+      let params = {
 
+        oid: this.org,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectTypeByOrg", params)
 
+        .then((res) => {
 
+          for (var i = 0; i < res.data[0].length; i++) {
 
+            for (var j = 0; j < res.data[1].length; j++) {
 
+              if (res.data[0][i].id == res.data[1][j].pid) {
 
+                if (!this.CourseTypeJson[res.data[0][i].id]) {
 
+                  this.CourseTypeJson[res.data[0][i].id] = [];
 
+                }
 
+                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
 
+              }
 
+            }
 
+          }
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    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 + "copySynergyCourse", params)
 
+        .then((res) => {
 
+          this.page = 1;
 
+          if (this.role == "1") {
 
+            this.groupA = "4";
 
+          } else {
 
+            this.groupA = "0";
 
+          }
 
+          this.$message.success("复制成功")
 
+          this.clear();
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+  },
 
+  created() {
 
+    if (this.role == "1") {
 
+      this.groupA = "4";
 
+    }
 
+    this.page = 1;
 
+    // this.selectType();
 
+    this.selectAllType();
 
+    this.getCourse();
 
+  },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+@media screen and (max-width: 1380px) {
 
+  .out_box {
 
+    width: calc(100% / 4 - (15px * 3) / 4) !important;
 
+  }
 
+
 
+  .out_box:nth-child(5n) {
 
+    margin-right: 15px !important;
 
+  }
 
+
 
+  .out_box:nth-child(4n) {
 
+    margin-right: 0 !important;
 
+  }
 
+}
 
+
 
+@media screen and (max-width: 1080px) {
 
+  .out_box {
 
+    width: calc(100% / 3 - (15px * 2) / 3) !important;
 
+  }
 
+
 
+  .out_box:nth-child(5n) {
 
+    margin-right: 15px !important;
 
+  }
 
+
 
+  .out_box:nth-child(4n) {
 
+    margin-right: 15px !important;
 
+  }
 
+
 
+  .out_box:nth-child(3n) {
 
+    margin-right: 0 !important;
 
+  }
 
+}
 
+
 
+.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;
 
+  width: 100% !important;
 
+  box-sizing: border-box;
 
+  margin: 0px auto;
 
+  padding: 10px 5px;
 
+  height: 54px;
 
+}
 
+
 
+.bgColor {
 
+  background: #466b99;
 
+}
 
+
 
+.student_search {
 
+  display: flex;
 
+  align-items: center;
 
+  width: calc(100% / 3);
 
+}
 
+
 
+.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: 100%;
 
+  margin: 0 auto;
 
+  background: #e6eaf0;
 
+}
 
+
 
+.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: calc(100% / 5 - (15px * 4) / 5);
 
+  /* width: 280px; */
 
+  background: #fff;
 
+  margin-right: 15px;
 
+  /* border: 1px solid #ccc; */
 
+  height: fit-content;
 
+  box-sizing: border-box;
 
+  border-radius: 0px 0px 5px 5px;
 
+  /* overflow: hidden; */
 
+  margin-bottom: 15px;
 
+  position: relative;
 
+  border-radius: 8px;
 
+  box-sizing: border-box;
 
+  overflow: hidden;
 
+  border: 1px solid #3682fc00;
 
+}
 
+
 
+.out_box:hover {
 
+  border: 1px solid #3681FC;
 
+}
 
+
 
+.out_box:nth-child(5n) {
 
+  margin-right: 0;
 
+}
 
+
 
+.bottom_box {
 
+  display: flex;
 
+  padding: 10px;
 
+  flex-direction: column;
 
+  box-sizing: border-box;
 
+  /* height: 121px; */
 
+  flex-wrap: nowrap;
 
+  justify-content: space-evenly;
 
+}
 
+
 
+.bottom_box>div:nth-child(1) {
 
+  width: 100%;
 
+  /* overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  font-weight: bold; */
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.bottom_box>div:nth-child(1)>span:nth-child(1) {
 
+  max-width: 100%;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  /* font-weight: bold; */
 
+  font-size: 24px;
 
+}
 
+
 
+.bottom_box>div:nth-child(1)>span:nth-child(2) {
 
+  min-width: fit-content;
 
+  font-size: 14px;
 
+  color: #8c8c8c;
 
+}
 
+
 
+.tup {
 
+  width: 100%;
 
+  height: 180px;
 
+  margin: 0 auto;
 
+  overflow: hidden;
 
+  display: flex;
 
+  align-items: center;
 
+  padding: 10px 10px 0;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.tup>img {
 
+  width: 100%;
 
+  height: 100%;
 
+  object-fit: cover;
 
+}
 
+
 
+.kc_time {
 
+  margin-top: 8px;
 
+  font-size: 14px;
 
+  color: #717C8D;
 
+}
 
+
 
+.kc_time+.kc_time {
 
+  margin-top: 0;
 
+}
 
+
 
+.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: 45px;
 
+  align-items: center;
 
+  background: #fff;
 
+  font-size: 14px;
 
+  border-top: 1px solid #ddd;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.three_bottom>div {
 
+  cursor: pointer;
 
+  width: 100%;
 
+  text-align: center;
 
+}
 
+
 
+.three_bottom>div+div {
 
+  border-left: 1px solid #ddd;
 
+}
 
+
 
+.three_bottom>div:hover {
 
+  color: #3681FC;
 
+  font-weight: bold;
 
+}
 
+
 
+.three_bottom .deleteB {
 
+  color: #E96E6E;
 
+}
 
+
 
+.three_bottom .deleteB:hover {
 
+  color: #E96E6E;
 
+  font-weight: bold;
 
+}
 
+
 
+.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);
 
+}
 
+
 
+.all_choose > span {
 
+  width: 50px;
 
+  display: block;
 
+}
 
+
 
+.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(4) {
 
+  margin-right: 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: 5px;
 
+  color: #fff;
 
+  font-size: 14px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+  top: 5px;
 
+  left: 5px;
 
+}
 
+
 
+.xtCourse {
 
+  position: absolute;
 
+  background: #466b99;
 
+  width: 70px;
 
+  height: 30px;
 
+  border-radius: 5px;
 
+  color: #fff;
 
+  font-size: 14px;
 
+  text-align: center;
 
+  line-height: 30px;
 
+  top: 5px;
 
+  left: 5px;
 
+}
 
+
 
+.sub_head {
 
+  position: relative;
 
+}
 
+
 
+.sub_head::after {
 
+  content: "";
 
+  width: 100%;
 
+  background: #5a9cea;
 
+  height: 2px;
 
+  position: absolute;
 
+  left: 0;
 
+  bottom: -10px;
 
+}
 
+
 
+.subClick {
 
+  /* font-size: 16px; */
 
+  font-size: 26px;
 
+  cursor: pointer;
 
+  margin-left: 17.5px;
 
+  /* color: #ab582f; */
 
+  /* color: #409eff; */
 
+  color: #999;
 
+}
 
+
 
+.subClick:hover {
 
+  color: #000;
 
+}
 
+
 
+.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: 50px;
 
+  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;
 
+}
 
+
 
+.line {
 
+  width: 100%;
 
+  height: 15px;
 
+  background: #e6eaf0;
 
+}
 
+
 
+.reBox {
 
+  width: 100%;
 
+  /* padding-left: 20px; */
 
+  margin: 0 auto;
 
+  box-sizing: border-box;
 
+  overflow: hidden;
 
+  padding: 10px 15px 0;
 
+}
 
+
 
+.reTop {
 
+  padding: 0 0 5px;
 
+  /* padding: 20px 0 0 0; */
 
+  /* border-bottom: 1px solid #eee; */
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: nowrap;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.reTop>div:nth-child(1) {
 
+  font-weight: bold;
 
+  /* width: 40px; */
 
+  /* border-bottom: 1px solid #205cc6; */
 
+  /* padding-bottom: 20px; */
 
+  color: #205cc6;
 
+  /* font-size: 20px; */
 
+}
 
+
 
+.reTop .reTopCh {
 
+  display: flex;
 
+}
 
+
 
+.reTop .searchI {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: center;
 
+  border: 1px solid #ccced3;
 
+  width: 250px;
 
+  border-radius: 8px;
 
+  padding: 5px 0;
 
+  /* margin-bottom: 10px; */
 
+  background: #fafafa;
 
+  margin: 0 0 0 10px;
 
+}
 
+
 
+.search {
 
+  width: 20px;
 
+  padding: 0 5px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.search>img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.sInput {
 
+  border: none;
 
+  width: 85%;
 
+  background: #fafafa;
 
+}
 
+
 
+.sInput:focus-visible {
 
+  outline: none;
 
+}
 
+
 
+.typeCss {
 
+  display: flex;
 
+  flex-direction: row;
 
+  flex-wrap: wrap;
 
+  justify-content: flex-start;
 
+  align-items: center;
 
+}
 
+
 
+.choose {
 
+  display: flex;
 
+  flex-direction: column;
 
+  flex-wrap: nowrap;
 
+  height: 100%;
 
+  justify-content: space-evenly;
 
+  align-items: flex-start;
 
+  padding: 10px 0;
 
+}
 
+
 
+.all_choose {
 
+  display: flex;
 
+  flex-direction: row;
 
+  align-items: baseline;
 
+  margin: 2px 0;
 
+  width: 100%;
 
+}
 
+
 
+.all_choose>span {
 
+  display: flex;
 
+  margin-right: 5px;
 
+}
 
+
 
+.all_choose>span>span {
 
+  min-width: 65px;
 
+  max-width: 65px;
 
+  display: block;
 
+  text-align-last: justify;
 
+}
 
+
 
+.all_choose>span::after {
 
+  content: '：';
 
+}
 
+
 
+.all_choose>span:nth-child(1) {
 
+  font-weight: bold;
 
+}
 
+
 
+.all_choose>>>.el-checkbox-group {
 
+  display: flex;
 
+  flex-direction: row;
 
+  width: 820px;
 
+  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;
 
+}
 
+
 
+.cName {
 
+  cursor: pointer;
 
+  margin: 0 10px 5px 0;
 
+  color: #b9b6b9;
 
+  min-width: 80px;
 
+  width: 80px;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.isCType {
 
+  color: #6282c2;
 
+}
 
+
 
+.pType_box {
 
+  margin-top: 0;
 
+}
 
+
 
+.pType_box>>>.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
 
+  -webkit-box-shadow: none !important;
 
+  box-shadow: none !important;
 
+}
 
+
 
+.buttonBox {
 
+  position: absolute;
 
+  bottom: -0;
 
+  transform: translateY(100%);
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  box-shadow: 0 0 3px 1px #e3e3e3;
 
+  width: 100%;
 
+}
 
+
 
+.buttonBox>div {
 
+  height: 40px;
 
+  line-height: 40px;
 
+  width: 100%;
 
+  text-align: center;
 
+  color: #000;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.buttonBox>div+div {
 
+  border-top: 1px solid #e0e0e0;
 
+}
 
+
 
+.buttonBox>div:hover {
 
+  background: #f6f8ff;
 
+}</style>

+ 1310 - 0
src/components/pages/synergyCourse/group/group.vue
Wyświetl plik 

@@ -0,0 +1,1310 @@
 
+<template>
 
+    <div>
 
+        <div>
 
+            <div class="g_d_btnBox">
 
+                <div class="btn_left" v-if="type == 1 || type == 4">
 
+                    <div @click="setClassid('1')" :class="{ active: classid == '1' }" v-if="!classList.length">全部</div>
 
+                    <div @click="setClassid(item.id)" :class="{ active: classid == item.id }"
 
+                        v-for="(item, index) in classList" :key="index">{{ item.name }}</div>
 
+                </div>
 
+                <div class="btn_left" v-if="type == 2">
 
+                    <div @click="setClassid('1')" :class="{ active: classid == '1' }" v-if="!classList.length">全部</div>
 
+                    <div @click="setClassid(item.id)" :class="{ active: classid == item.id }"
 
+                        v-for="(item, index) in classList" :key="index">{{ item.name }}</div>
 
+                </div>
 
+                <div class="btn_right"
 
+                    v-if="courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1)">
 
+                    <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
 
+                        提示：开启【开放选座】，学生能够自由加入和退出小组。
 
+                    </div>
 
+                    <!-- 开放选座 -->
 
+                    <!-- <div type="primary" v-if="groupJson.islock == 1 && groupJson.group.length" class="returnBtn"
 
+                            style="background-color: #225bc7" @click="lockChair">
 
+                            锁定位置
 
+                        </div>
 
+                        <div type="primary" v-else-if="groupJson.group.length" class="returnBtn"
 
+                            style="background-color: #225bc7" @click="lockChair">
 
+                            解锁位置
 
+                        </div> -->
 
+                    <div class="group_switch">
 
+                        <span>开放选座</span>
 
+                        <el-switch v-model="islock" active-text="" class="switchCss" @change="lockChair"></el-switch>
 
+                    </div>
 
+                    <div class="group_switch">
 
+                        <span>开启分组</span>
 
+                        <el-switch v-model="isopen" class="switchCss" @change="openChair"></el-switch>
 
+                    </div>
 
+                    <div type="primary" @click="updateGroup" class="returnBtn" style="background-color: #225bc7">
 
+                        分组设置
 
+                    </div>
 
+                    <div type="primary" @click="deleteCourseGroup" class="returnBtn" style="background-color: #225bc7">
 
+                        删除分组
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div style="min-height: 250px;">
 
+                <div class="g_d_box" v-if="groupJson.group.length && isopen">
 
+                    <div class="g_d_group" v-for="(g, gindex) in groupJson.group" :key="gindex">
 
+                        <div class="g_d_group_chair">
 
+                            <div v-if="groupJson.number > 1">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][0],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][0] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][0])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][0]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][0].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                            <div v-if="groupJson.number > 4">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][4],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][4] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][4])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][4]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][4].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                            <div v-if="groupJson.number > 8">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][8],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][8] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][8])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][8]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][8].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                        </div>
 
+                        <div class="g_d_group_tableBox">
 
+                            <div class="g_d_group_chair2">
 
+                                <div v-if="groupJson.number > 2">
 
+                                    <span :class="{
 
+                                        isChair:
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][2],
 
+                                        updateChair:
 
+                                            courseDetail.userid == userid &&
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][2] &&
 
+                                            groupJson.islock == 2,
 
+                                    }"><span class="updateChairBtn"
 
+                                            @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][2])">修改</span></span><span>{{
 
+                                                groupStudent[g.id] &&
 
+                                                groupStudent[g.id][2]
 
+                                                ? groupStudent[g.id] &&
 
+                                                groupStudent[g.id][2].name
 
+                                                : "空位置" }}</span>
 
+                                </div>
 
+                                <div v-if="groupJson.number > 6">
 
+                                    <span :class="{
 
+                                        isChair:
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][6],
 
+                                        updateChair:
 
+                                            courseDetail.userid == userid &&
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][6] &&
 
+                                            groupJson.islock == 2,
 
+                                    }"><span class="updateChairBtn"
 
+                                            @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][6])">修改</span></span><span>{{
 
+                                                groupStudent[g.id] &&
 
+                                                groupStudent[g.id][6]
 
+                                                ? groupStudent[g.id] &&
 
+                                                groupStudent[g.id][6].name
 
+                                                : "空位置" }}</span>
 
+                                </div>
 
+                            </div>
 
+                            <div class="g_d_group_table">
 
+                                <div>
 
+                                    {{ g.name }}
 
+                                </div>
 
+                                <div>
 
+                                    <div v-if="courseDetail.userid == userid && groupJson.islock == 2"
 
+                                        @click="deleteGroupChair(g.id, gindex)">
 
+                                        移除组员
 
+                                    </div>
 
+                                    <div @click="selectGroup(g.id)"
 
+                                        v-else-if="groupStudentUid && groupStudentUid[g.id].indexOf(userid) == -1">
 
+                                        加入分组
 
+                                    </div>
 
+                                    <div @click="
 
+                                        exitGroup(groupStudent[g.id] &&
 
+                                            groupStudent[g.id][
 
+                                                groupStudentUid[g.id].indexOf(userid)
 
+                                            ].id)
 
+                                        "
 
+                                        v-else-if="groupStudentUid && groupStudentUid[g.id].indexOf(userid) != -1">
 
+                                        退出分组
 
+                                    </div>
 
+                                    <div style="margin-top:10px"
 
+                                        v-if="(courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1)) && groupStudent[g.id].length < groupJson.number"
 
+                                        @click="addGroupStudent(g.id)">
 
+                                        添加组员
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                            <div class="g_d_group_chair2">
 
+                                <div v-if="groupJson.number > 3">
 
+                                    <span :class="{
 
+                                        isChair:
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][3],
 
+                                        updateChair:
 
+                                            courseDetail.userid == userid &&
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][3] &&
 
+                                            groupJson.islock == 2,
 
+                                    }"><span class="updateChairBtn"
 
+                                            @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][3])">修改</span></span><span>{{
 
+                                                groupStudent[g.id] &&
 
+                                                groupStudent[g.id][3]
 
+                                                ? groupStudent[g.id] &&
 
+                                                groupStudent[g.id][3].name
 
+                                                : "空位置" }}</span>
 
+                                </div>
 
+                                <div v-if="groupJson.number > 7">
 
+                                    <span :class="{
 
+                                        isChair:
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][7],
 
+                                        updateChair:
 
+                                            courseDetail.userid == userid &&
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][7] &&
 
+                                            groupJson.islock == 2,
 
+                                    }"><span class="updateChairBtn"
 
+                                            @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][7])">修改</span></span><span>{{
 
+                                                groupStudent[g.id] &&
 
+                                                groupStudent[g.id][7]
 
+                                                ? groupStudent[g.id] &&
 
+                                                groupStudent[g.id][7].name
 
+                                                : "空位置" }}</span>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="g_d_group_chair">
 
+                            <div v-if="groupJson.number > 1">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][1],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][1] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][1])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][1]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][1].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                            <div v-if="groupJson.number > 5">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][5],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][5] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][5])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][5]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][5].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                            <div v-if="groupJson.number > 9">
 
+                                <span :class="{
 
+                                    isChair:
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][9],
 
+                                    updateChair:
 
+                                        courseDetail.userid == userid &&
 
+                                        groupStudent[g.id] &&
 
+                                        groupStudent[g.id][9] &&
 
+                                        groupJson.islock == 2,
 
+                                }"><span class="updateChairBtn"
 
+                                        @click="updateGroupChair(groupStudent[g.id] && groupStudent[g.id][9])">修改</span></span><span>{{
 
+                                            groupStudent[g.id] &&
 
+                                            groupStudent[g.id][9]
 
+                                            ? groupStudent[g.id] &&
 
+                                            groupStudent[g.id][9].name
 
+                                            : "空位置" }}</span>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div v-else-if="!groupJson.group.length" style="text-align: center;">{{ courseDetail.userid == userid ?
 
+                    "暂无分组，请点击右上角设置分组" :
 
+                    "老师暂未添加分组" }}</div>
 
+                <div v-else-if="!isopen" style="text-align: center;">{{ "已关闭分组" }}</div>
 
+            </div>
 
+        </div>
 
+        <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup2" :append-to-body="true" width="650px"
 
+            :before-close="handleClose" class="dialog_diy">
 
+            <div class="groupBox">
 
+                <div v-if="groupJson2.group" class="groupContent">
 
+                    <div class="groupTitle">请设置小组数量及名称</div>
 
+                    <div v-for="(item, index) in groupJson2.group" :key="index" class="groupName">
 
+                        <span class="groupn">第{{ index + 1 }}组名称:</span>
 
+                        <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
 
+                        <div class="groupBtn">
 
+                            <el-button type="primary" size="small" @click="addGroup(index)"
 
+                                v-if="(groupJson2.group.length - 1) == index">
 
+                                添加</el-button>
 
+                            <el-button type="primary" size="small" @click="deleteGroup(index)"
 
+                                v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="groupContent">
 
+                    <div class="groupTitle">请设置每组人数</div>
 
+                    <el-input v-model="groupJson2.number" style="width:150px" placeholder="请输入2-10的数字"
 
+                        @change="numberPan"></el-input>
 
+                </div>
 
+            </div>
 
+            <span slot="footer" class="dialog-footer">
 
+                <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
 
+                <el-button type="primary" @click="updateGroupJson(2)">确定</el-button>
 
+            </span>
 
+        </el-dialog>
 
+        <el-dialog title="移除组员" :visible.sync="dialogVisibleDeleteGroup" :append-to-body="true" width="350px"
 
+            :before-close="handleClose" class="dialog_diy">
 
+            <div>
 
+                <h2>
 
+                    {{ this.deleteGroupArray.name }}
 
+                </h2>
 
+                <div style="color: rgb(171 171 171); margin-top: 10px">
 
+                    请选择要删除的组员
 
+                </div>
 
+                <el-checkbox-group v-model="checkDeleteGroup">
 
+                    <el-checkbox style="display: flex; margin-top: 20px" v-for="(item, index) in deleteGroupUser"
 
+                        :label="item.userid" :key="index">{{ item.name }}</el-checkbox>
 
+                </el-checkbox-group>
 
+            </div>
 
+            <span slot="footer" class="dialog-footer">
 
+                <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
 
+                <el-button type="primary" @click="deleteChair">确定</el-button>
 
+            </span>
 
+        </el-dialog>
 
+        <el-dialog title="修改分组" :visible.sync="dialogVisibleUpdateGroup" :append-to-body="true" width="350px"
 
+            :before-close="handleClose" class="dialog_diy">
 
+            <div>
 
+                <h2>
 
+                    {{ this.updateGroupUser.name }}
 
+                </h2>
 
+                <div style="color: rgb(171 171 171); margin-top: 10px">
 
+                    请选择要进入的分组
 
+                </div>
 
+                <el-radio-group v-model="checkChair">
 
+                    <el-radio style="display: block; margin-top: 20px" v-for="(item, index) in updateGroupArray"
 
+                        :label="item.id" :key="index">{{ item.name }}</el-radio>
 
+                </el-radio-group>
 
+            </div>
 
+            <span slot="footer" class="dialog-footer">
 
+                <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
 
+                <el-button type="primary" @click="updateChair">确定</el-button>
 
+            </span>
 
+        </el-dialog>
 
+        <el-dialog title="添加学生" :visible.sync="dialogVisibleMember" :append-to-body="true" width="540px" height="80%"
 
+            :before-close="handleClose" class="addNewPP">
 
+            <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="getStudent"></el-input>
 
+                            <div class="search_img" @click="getStudent">
 
+                                <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>
 
+                </div> -->
 
+                <!-- <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="classJuri.length">
 
+                    <el-checkbox v-for="item in classJuri" :key="item.userid" :label="item.userid">
 
+                        <div class="t_j_box">
 
+                            <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
 
+                                <span>{{ item.name ? item.name : "暂无姓名" }}</span>
 
+                            </el-tooltip>
 
+                            <el-tooltip placement="top" :content="item.username">
 
+                                <span>{{ item.username }}</span>
 
+                            </el-tooltip>
 
+                        </div>
 
+                    </el-checkbox>
 
+                </el-checkbox-group> -->
 
+                <div class="i_box_login2" v-if="classJuri.length">
 
+                    <div :class="{ active: checkboxList3.indexOf(item.userid) != -1 }" v-for="item in classJuri"
 
+                        :key="item.userid" :label="item.userid" @click="addGroupUser(item.userid)">
 
+                        <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
 
+                            <span>{{ item.name ? item.name : "暂无姓名" }}</span>
 
+                        </el-tooltip>
 
+                    </div>
 
+                </div>
 
+                <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 && classJuri.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="joinGroup2">确定</el-button>
 
+            </span>
 
+        </el-dialog>
 
+    </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+    props: ['cid', 'classList', 'courseDetail', 'userid', "type", "classId", "oid"],
 
+    data() {
 
+        return {
 
+            groupJson2: {},
 
+            classid: "1",
 
+            groupid: "",
 
+            gid: "",
 
+            groupJson: {
 
+                group: [],
 
+                number: undefined,
 
+                islock: 1,
 
+            },
 
+            islock: false,
 
+            isopen: true,
 
+            timer: null,
 
+            groupStudent: {},
 
+            groupStudentUid: {},
 
+            allGroupStudentUid: [],
 
+            dialogVisibleGroup2: false,
 
+            checkDeleteGroup: [],
 
+            deleteGroupUser: [],
 
+            deleteGroupArray: [],
 
+            dialogVisibleDeleteGroup: false,
 
+            checkChair: "",
 
+            updateGroupArray: [],
 
+            updateGroupUser: {},
 
+            dialogVisibleUpdateGroup: false,
 
+            classJuri: [],
 
+            checkboxList3: [],
 
+            pageSize: 20,
 
+            total: 0,
 
+            page: 1,
 
+            dialogVisibleMember: false,
 
+            searchTN: "",
 
+        }
 
+    },
 
+    methods: {
 
+        handleClose2(done) {
 
+            this.$emit('update:dialogVisibleGroup', false)
 
+            done();
 
+        },
 
+        handleClose(done) {
 
+            done();
 
+        },
 
+        getStudent() {
 
+            this.page = 1
 
+            this.selectCStudent();
 
+        },
 
+        handleCurrentChange(val) {
 
+            this.page = val;
 
+            this.selectCStudent();
 
+        },
 
+        selectCStudent() {
 
+            let params = {
 
+                cid: this.classid,
 
+                oid: this.oid,
 
+                cn: this.searchTN,
 
+            };
 
+            this.ajax
 
+                .get(this.$store.state.api + "selectSnameByCidGroup", params)
 
+                .then((res) => {
 
+                    if (res.data && res.data[0].length) {
 
+                        this.classJuri = res.data[0].filter((el) => {
 
+                            return this.allGroupStudentUid.indexOf(el.userid) == -1
 
+                        });
 
+                    }
 
+                })
 
+                .catch((err) => {
 
+                    console.error(err);
 
+                });
 
+        },
 
+        setClassid(cid) {
 
+            this.classid = cid
 
+            this.groupid = ''
 
+            this.groupJson = {
 
+                group: [],
 
+                number: undefined,
 
+                islock: 1,
 
+            }
 
+            this.islock = false
 
+            this.isopen = true
 
+            this.getCourseGroup();
 
+        },
 
+        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;
 
+        },
 
+        updateGroup() {
 
+            this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
 
+            if (!this.groupJson2.group.length) {
 
+                this.groupJson2.group.push({
 
+                    name: "第" + (this.groupJson2.group.length + 1) + "组",
 
+                    id: this.guid()
 
+                });
 
+            }
 
+            this.dialogVisibleGroup2 = true;
 
+        },
 
+        deleteCourseGroup() {
 
+            this.$confirm(
 
+                // "您确定要删除该分组吗? 分组删除后将被清空并且无法恢复。",
 
+                "是否确定删除已有分组？删除后分组数据将被清空！",
 
+                "提示",
 
+                {
 
+                    confirmButtonText: "确定",
 
+                    cancelButtonText: "取消",
 
+                    type: "warning",
 
+                }
 
+            )
 
+                .then(() => {
 
+                    let params = [{
 
+                        gid: this.groupid,
 
+                    }];
 
+                    this.ajax
 
+                        .post(this.$store.state.api + "deleteCourseGroup", params)
 
+                        .then((res) => {
 
+                            this.groupJson = {
 
+                                group: [],
 
+                                number: undefined,
 
+                                islock: 1,
 
+                            }
 
+                            this.islock = false
 
+                            this.isopen = true
 
+                            this.$message.success("操作成功");
 
+                            this.getCourseGroup();
 
+                            this.$forceUpdate()
 
+                        })
 
+                        .catch((err) => {
 
+                            console.error(err);
 
+                        });
 
+                })
 
+                .catch(() => { });
 
+        },
 
+        addGroup() {
 
+            this.groupJson2.group.push({
 
+                name: "第" + (this.groupJson2.group.length + 1) + "组",
 
+                id: this.guid()
 
+            });
 
+        },
 
+        deleteGroup(i) {
 
+            this.groupJson2.group.splice(i, 1);
 
+        },
 
+        lockChair() {
 
+            this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
 
+            if (this.groupJson2.isopen == 2) {
 
+                this.$message.error("请开启分组后才能开放选座")
 
+                this.islock = false
 
+                return
 
+            } else {
 
+                this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
 
+            }
 
+            this.updateGroupJson();
 
+        },
 
+        numberPan() {
 
+            if (/[^\d]/.test(this.groupJson2.number) || this.groupJson2.number < 2 || this.groupJson2.number > 10) {
 
+                this.$message.error('请输入2-10的数字')
 
+                this.groupJson2.number = ''
 
+            }
 
+        },
 
+        openChair() {
 
+            this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
 
+            if (!this.groupJson2.isopen) {
 
+                this.groupJson2.isopen = 2;
 
+            } else {
 
+                this.groupJson2.isopen = this.groupJson2.isopen == 1 ? 2 : 1;
 
+            }
 
+            if (this.groupJson2.isopen == 2) {
 
+                this.groupJson2.islock = 2
 
+            } else {
 
+                this.groupJson2.islock = 1
 
+            }
 
+            this.updateGroupJson();
 
+        },
 
+        updateGroupJson(type) {
 
+            for (var i = 0; i < this.groupJson2.group.length; i++) {
 
+                if (!this.groupJson2.group[i].name) {
 
+                    this.$message.error("请将信息填写完整！");
 
+                    return;
 
+                }
 
+            }
 
+            if (!this.groupJson2.number) {
 
+                this.$message.error("请将信息填写完整！");
 
+                return;
 
+            }
 
+            for (var i = 0; i < this.groupJson2.group.length; i++) {
 
+                if (
 
+                    this.groupStudentUid[this.groupJson2.group[i].id] && this.groupStudentUid[this.groupJson2.group[i].id].length >
 
+                    this.groupJson2.number
 
+                ) {
 
+                    this.$message.error("已经有小组比你设置的人数多，请重新设置");
 
+                    return;
 
+                }
 
+            }
 
+            let params = [
 
+                {
 
+                    cid: this.cid,
 
+                    group: JSON.stringify(this.groupJson2).replaceAll(/%/g, "%25"),
 
+                    classid: this.classid,
 
+                },
 
+            ];
 
+            this.ajax
 
+                .post(this.$store.state.api + "setCourseGroup", params)
 
+                .then((res) => {
 
+                    if (this.groupJson2.isopen == 1) {
 
+                        if (type == 2) {
 
+                            this.$message.success("设置成功");
 
+                        } else {
 
+                            this.$message.success("开启分组成功");
 
+                        }
 
+                    } else if (this.groupJson2.isopen == 2) {
 
+                        this.$message.success("关闭分组成功");
 
+                    }
 
+                    // 开启分组成功/关闭分组成功
 
+                    this.dialogVisibleGroup2 = false;
 
+                    this.groupJson2 = {};
 
+                    this.getCourseGroup();
 
+                    this.$forceUpdate();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        },
 
+        getCourseGroup(gid) {
 
+            let params = {
 
+                cid: this.cid,
 
+                classid: this.classid,
 
+            };
 
+            this.ajax
 
+                .get(this.$store.state.api + "getCourseGroup", params)
 
+                .then((res) => {
 
+                    if (res.data && res.data[0].length) {
 
+                        this.groupJson = JSON.parse(res.data[0][0].group);
 
+                        this.islock = this.groupJson.islock == 1 ? true : false;
 
+                        if (!this.groupJson.isopen) {
 
+                            this.isopen = true
 
+                        } else {
 
+                            this.isopen = this.groupJson.isopen == 1 ? true : false;
 
+                        }
 
+                        this.groupid = res.data[0][0].id;
 
+                        let groupPerson = res.data[1]
 
+                        let group = JSON.parse(res.data[0][0].group).group
 
+                        let groupStudent = {}
 
+                        let groupStudentUid = {}
 
+                        for (var i = 0; i < group.length; i++) {
 
+                            groupStudent[group[i].id] = []
 
+                            groupStudentUid[group[i].id] = []
 
+                            for (var j = 0; j < groupPerson.length; j++) {
 
+                                if (groupPerson[j].groupCid == group[i].id) {
 
+                                    groupStudent[group[i].id].push(groupPerson[j])
 
+                                    groupStudentUid[group[i].id].push(groupPerson[j].userid)
 
+                                }
 
+                            }
 
+                        }
 
+                        this.allGroupStudentUid = []
 
+                        for (var j = 0; j < groupPerson.length; j++) {
 
+                            this.allGroupStudentUid.push(groupPerson[j].userid)
 
+                        }
 
+                        this.groupStudent = groupStudent
 
+                        this.groupStudentUid = groupStudentUid
 
+                        this.$forceUpdate();
 
+                        if (gid) {
 
+                            this.joinGroup(gid)
 
+                        }
 
+                    }
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        },
 
+        updateGroupChair(user) {
 
+            this.updateGroupArray = this.groupJson.group.filter((el, index) => {
 
+                el.label = index;
 
+                return el.id != user.groupCid;
 
+            });
 
+            this.updateGroupUser = user;
 
+            this.dialogVisibleUpdateGroup = true;
 
+        },
 
+        updateChair() {
 
+            if (
 
+                this.groupStudent[this.checkChair].length >
 
+                this.groupJson.number ||
 
+                this.groupStudent[this.checkChair].length ==
 
+                this.groupJson.number
 
+            ) {
 
+                this.$message.error("位置已满，无法加入");
 
+                return;
 
+            }
 
+            let params = [
 
+                {
 
+                    gid: this.groupid,
 
+                    g: this.checkChair,
 
+                    uid: this.updateGroupUser.userid,
 
+                },
 
+            ];
 
+            this.ajax
 
+                .post(this.$store.state.api + "joinCourseGroup", params)
 
+                .then((res) => {
 
+                    this.$message.success("修改成功");
 
+                    this.updateGroupUser = {};
 
+                    this.checkChair = "";
 
+                    this.updateGroupArray = {};
 
+                    this.dialogVisibleUpdateGroup = false;
 
+                    this.getCourseGroup();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        },
 
+        deleteGroupChair(gid, gindex) {
 
+            this.checkDeleteGroup = [];
 
+            this.deleteGroupUser = JSON.parse(
 
+                JSON.stringify(this.groupStudent[gid])
 
+            );
 
+            this.deleteGroupArray = this.groupJson.group[gindex];
 
+            this.gid = gid;
 
+            this.dialogVisibleDeleteGroup = true;
 
+        },
 
+        async deleteChair() {
 
+            for (let i = 0; i < this.checkDeleteGroup.length; i++) {
 
+                const gid =
 
+                    this.groupStudent[this.gid][
 
+                    this.groupStudentUid[this.gid].indexOf(
 
+                        this.checkDeleteGroup[i]
 
+                    )
 
+                    ];
 
+                let params = [
 
+                    {
 
+                        gid: gid.id,
 
+                    },
 
+                ];
 
+                var a = await this.deleteChairA(params);
 
+                if (i == this.checkDeleteGroup.length - 1) {
 
+                    this.$message.success("退出成功");
 
+                    this.dialogVisibleDeleteGroup = false;
 
+                    this.deleteGroupUser = [];
 
+                    this.deleteGroupArray = {};
 
+                    this.gid = "";
 
+                    this.checkDeleteGroup = [];
 
+                    this.getCourseGroup();
 
+                }
 
+            }
 
+        },
 
+        deleteChairA(params) {
 
+            return new Promise((resolve, reject) => {
 
+                this.ajax
 
+                    .post(this.$store.state.api + "exitCourseGroup", params)
 
+                    .then((res) => {
 
+                        resolve(1);
 
+                    })
 
+                    .catch((err) => {
 
+                        this.$message.error("网络不佳");
 
+                        console.error(err);
 
+                    });
 
+            });
 
+        },
 
+        selectGroup(gid) {
 
+            this.getCourseGroup(gid)
 
+        },
 
+        joinGroup(gid) {
 
+            if (this.groupJson.islock == 2) {
 
+                this.$message.error("位置已被锁定，无法加入");
 
+                return;
 
+            }
 
+            if (
 
+                this.groupStudent[gid].length >
 
+                this.groupJson.number ||
 
+                this.groupStudent[gid].length == this.groupJson.number
 
+            ) {
 
+                this.$message.error("位置已满，无法加入");
 
+                return;
 
+            }
 
+            let params = [
 
+                {
 
+                    gid: this.groupid,
 
+                    g: gid,
 
+                    uid: this.userid,
 
+                },
 
+            ];
 
+            this.ajax
 
+                .post(this.$store.state.api + "joinCourseGroup", params)
 
+                .then((res) => {
 
+                    this.$message.success("加入成功");
 
+                    this.$emit('getGroup')
 
+                    this.getCourseGroup();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        },
 
+        addGroupUser(uid) {
 
+            if (this.checkboxList3.indexOf(uid) == -1) {
 
+                this.checkboxList3.push(uid)
 
+            } else {
 
+                this.checkboxList3.splice(this.checkboxList3.indexOf(uid), 1)
 
+            }
 
+        },
 
+        async joinGroup2() {
 
+            if (
 
+                this.groupStudent[this.gid].length + this.checkboxList3.length >
 
+                this.groupJson.number
 
+            ) {
 
+                this.$message.error("位置已满，无法加入");
 
+                return;
 
+            }
 
+            for (let i = 0; i < this.checkboxList3.length; i++) {
 
+                let params = [
 
+                    {
 
+                        gid: this.groupid,
 
+                        g: this.gid,
 
+                        uid: this.checkboxList3[i],
 
+                    },
 
+                ];
 
+                const res = await this.ajax.post(this.$store.state.api + "joinCourseGroup", params)
 
+                if (i == this.checkboxList3.length - 1) {
 
+                    this.$message.success("加入成功");
 
+                    this.dialogVisibleMember = false
 
+                    this.getCourseGroup();
 
+                }
 
+            }
 
+        },
 
+        exitGroup(id) {
 
+            if (this.groupJson.islock == 2) {
 
+                this.$message.error("位置已被锁定，无法退出");
 
+                return;
 
+            }
 
+            let params = [
 
+                {
 
+                    gid: id,
 
+                },
 
+            ];
 
+            this.ajax
 
+                .post(this.$store.state.api + "exitCourseGroup", params)
 
+                .then((res) => {
 
+                    this.$message.success("退出成功");
 
+                    this.$emit('getGroup')
 
+                    this.getCourseGroup();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳"); s
 
+                    console.error(err);
 
+                });
 
+        },
 
+        addGroupStudent(groupid) {
 
+            this.gid = groupid
 
+            this.page = 1
 
+            this.searchTN = ""
 
+            this.checkboxList3 = []
 
+            this.selectCStudent()
 
+            this.getCourseGroup();
 
+            this.dialogVisibleMember = true
 
+        }
 
+    },
 
+    watch: {
 
+    },
 
+    beforeDestory() {
 
+        clearInterval(this.timer)
 
+        this.timer = null
 
+    },
 
+    mounted() {
 
+        if (this.classList.length) {
 
+                if (this.type == 2) {
 
+                    this.classList = this.classList.filter(el => {
 
+                        return this.classId.indexOf(el.id) != -1
 
+                    })
 
+                    this.classid = this.classList[0].id
 
+                } else {
 
+                    this.classid = this.classList[0].id
 
+                }
 
+            } else {
 
+                this.classid = '1'
 
+            }
 
+            this.setClassid(this.classid)
 
+            this.getCourseGroup();
 
+            // if (this.dialogVisibleGroup) {
 
+            //     this.getCourseGroup();
 
+            //     this.timer = setInterval(() => {
 
+            //         this.getCourseGroup();
 
+            //     }, 5000)
 
+            // } else {
 
+            //     clearInterval(this.timer)
 
+            //     this.timer = null
 
+            // }
 
+    }
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+.dialog_diy>>>.el-dialog {
 
+    margin-top: 10vh !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !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;
 
+}
 
+
 
+.group_workBox {}
 
+
 
+.group_workBox+.group_workBox {
 
+    margin-top: 20px;
 
+}
 
+
 
+.group_box {
 
+    padding-bottom: 20px;
 
+    border-bottom: 2px solid #f0f0f0;
 
+}
 
+
 
+.group_title {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: space-between;
 
+}
 
+
 
+.group_name {
 
+    background-image: url(../../../../assets/icon/groupN.png);
 
+    width: 220px;
 
+    background-size: 100% 100%;
 
+    height: 67px;
 
+    padding: 0 20px 0 43px;
 
+    box-sizing: border-box;
 
+    line-height: 63px;
 
+    color: #fff;
 
+    overflow: hidden;
 
+    white-space: nowrap;
 
+    text-overflow: ellipsis;
 
+}
 
+
 
+.group_work {
 
+    width: 100%;
 
+    padding: 0 10px;
 
+    box-sizing: border-box;
 
+    display: flex;
 
+    flex-wrap: wrap;
 
+}
 
+
 
+.g_d_box {
 
+    display: flex;
 
+    flex-flow: wrap;
 
+    justify-content: space-around;
 
+}
 
+
 
+.g_d_box .isChair {
 
+    background-image: url(../../../../assets/avatar.png) !important;
 
+}
 
+
 
+.g_d_group {
 
+    width: 500px;
 
+    margin-bottom: 80px;
 
+}
 
+
 
+.g_d_group_chair {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.g_d_group_chair>div+div {
 
+    margin-left: 30px;
 
+}
 
+
 
+.g_d_group_chair>div,
 
+.g_d_group_chair2>div {
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+}
 
+
 
+.g_d_group_chair>div>span:nth-child(1),
 
+.g_d_group_chair2>div>span:nth-child(1) {
 
+    background-image: url(../../../../assets/icon/chair.png);
 
+    width: 50px;
 
+    height: 50px;
 
+    display: block;
 
+    background-size: 100% 100%;
 
+}
 
+
 
+.g_d_group_tableBox {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.g_d_group_chair2 {
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.g_d_group_chair2>div+div {
 
+    margin-top: 10px;
 
+}
 
+
 
+.g_d_group_table {
 
+    background-image: url(../../../../assets/icon/groupBg.png);
 
+    width: 354px;
 
+    height: 196px;
 
+    background-size: 100% 100%;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    flex-direction: column;
 
+    color: #fff;
 
+}
 
+
 
+.g_d_group_table>div:nth-child(1) {
 
+    font-size: 24px;
 
+    margin-bottom: 5px;
 
+}
 
+
 
+.g_d_group_table>div:nth-child(2) div {
 
+    cursor: pointer;
 
+    background: #2e77bf;
 
+    padding: 4px 10px;
 
+    border-radius: 5px;
 
+}
 
+
 
+.groupBox {}
 
+
 
+.groupContent+.groupContent {
 
+    margin-top: 30px;
 
+}
 
+
 
+.groupTitle {
 
+    font-size: 24px;
 
+    color: rgb(80, 80, 80);
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.groupName {
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.groupn {
 
+    font-size: 15px;
 
+    margin-right: 10px;
 
+}
 
+
 
+.groupName+.groupName {
 
+    margin-top: 15px;
 
+}
 
+
 
+.groupBtn {
 
+    margin-left: 10px;
 
+}
 
+
 
+.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
 
+    text-align: left;
 
+}
 
+
 
+.g_d_btnBox {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    align-items: flex-end;
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.btn_left {
 
+    display: flex;
 
+    margin-top: 20px;
 
+    padding: 0px 0 0 30px;
 
+}
 
+
 
+.btn_left>div {
 
+    cursor: pointer;
 
+}
 
+
 
+.btn_left>div+div {
 
+    margin-left: 10px;
 
+}
 
+
 
+.btn_left .active {
 
+    color: #3e88f4;
 
+    border-bottom: 2px solid #2f80f3;
 
+    padding: 0 0 5px;
 
+}
 
+
 
+.btn_right {
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.updateChair {
 
+    position: relative;
 
+}
 
+
 
+.updateChairBtn {
 
+    position: absolute;
 
+    width: 50px;
 
+    height: 50px;
 
+    overflow: hidden;
 
+    /* display: flex; */
 
+    align-items: center;
 
+    justify-content: center;
 
+    background: #00000087;
 
+    color: #fff;
 
+    border-radius: 50px;
 
+    display: none;
 
+    cursor: pointer;
 
+}
 
+
 
+.updateChair:hover .updateChairBtn {
 
+    display: flex;
 
+}
 
+
 
+.returnBtn {
 
+    background: #499eef;
 
+    width: 65px;
 
+    height: 30px;
 
+    color: #fff;
 
+    text-align: center;
 
+    line-height: 32px;
 
+    margin-right: 20px;
 
+    cursor: pointer;
 
+    border-radius: 5px;
 
+    font-size: 14px;
 
+}
 
+
 
+.addNewPP>>>.el-dialog__body {
 
+    padding: 5px 20px;
 
+}
 
+
 
+.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: 100%;
 
+}
 
+
 
+.search_img {
 
+    width: 20px;
 
+    height: 20px;
 
+    position: absolute;
 
+    right: 10px;
 
+    top: 50%;
 
+    transform: translateY(-50%);
 
+}
 
+
 
+.search_img>img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+.people_name {
 
+    display: flex;
 
+    justify-content: flex-start;
 
+    padding: 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%;
 
+}
 
+
 
+.t_j_box {
 
+    display: flex;
 
+}
 
+
 
+.t_j_box span:nth-child(1) {
 
+    width: 50%;
 
+    overflow: hidden;
 
+    margin-right: 10px;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.t_j_box span:nth-child(2) {
 
+    width: 50%;
 
+    overflow: hidden;
 
+    margin-right: 10px;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+}
 
+
 
+.i_box_login2 {
 
+    height: calc(100% - 80px);
 
+    width: 100%;
 
+    display: flex;
 
+    flex-wrap: wrap;
 
+    overflow: auto;
 
+    padding-bottom: 10px;
 
+    box-sizing: border-box;
 
+    align-content: flex-start;
 
+    padding: 10px 25px 0;
 
+}
 
+
 
+.i_box_login2>div {
 
+    cursor: pointer;
 
+    width: 80px;
 
+    text-align: center;
 
+    height: 30px;
 
+    line-height: 30px;
 
+    padding: 0 5px;
 
+    overflow: hidden;
 
+    background: rgb(225, 237, 255);
 
+    margin: 10px calc((100% - (80px*5)) / 4) 0 0;
 
+    color: rgb(37 124 255);
 
+    border-radius: 5px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.i_box_login2>div:nth-child(5n) {
 
+    margin: 10px 0 0 0;
 
+}
 
+
 
+.i_box_login2>.active {
 
+    background: rgb(92, 157, 255);
 
+    color: #fff;
 
+}
 
+
 
+.i_box_login2>div>span {
 
+    width: 100%;
 
+    overflow: hidden;
 
+    white-space: nowrap;
 
+    text-overflow: ellipsis;
 
+    display: block;
 
+}
 
+
 
+.group_switch {
 
+    margin-right: 10px;
 
+    height: 30px;
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.group_switch>span {
 
+    margin-right: 5px;
 
+}
 
+</style>

+ 17 - 1
src/router/index.js
Wyświetl plik 

@@ -95,6 +95,8 @@ import teacherSource from '@/components/pages/teacherSource/index'
 
 import addCourseE from '@/components/pages/easy/addCourse'
 
 import addCourseE from '@/components/pages/easy/addCourse'
 
 import addCourseT from '@/components/pages/task/addCourse'
 
 import addCourseT from '@/components/pages/task/addCourse'
 
 import dataBoard from '@/components/pages/dataBoard'
 
 import dataBoard from '@/components/pages/dataBoard'
 
+import addSynergyCourse from '@/components/pages/synergyCourse/addCourse'
 
+import synergyCourse from '@/components/pages/synergyCourse/course'
 
 
 
 
 
 // 全局修改默认配置，点击空白处不能关闭弹窗
 
 // 全局修改默认配置，点击空白处不能关闭弹窗
 
@@ -822,6 +824,20 @@ export default new Router({
 
             meta: {
 
             meta: {
 
                 requireAuth: '' // 不需要鉴权
 
                 requireAuth: '' // 不需要鉴权
 
             }
 
             }
 
-        }        
+        },
 
+        {
 
+            path: '/synergyCourse',
 
+            component: synergyCourse,
 
+            meta: {
 
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
 
+            }
 
+        },
 
+        {
 
+            path: '/synergyCourse/add',
 
+            component: addSynergyCourse,
 
+            meta: {
 
+                requireAuth: '' // 是否需要判断是否登录,这里是需要判断
 
+            }
 
+        },
 
     ]
 
     ]
 
 })
 
 })

Niektóre pliki nie zostały wyświetlone z powodu dużej ilości zmienionych plików