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

<template>
  <div class="pb_content" style="background: #f0f2f5;overflow: hidden;" v-loading="loading"
    :element-loading-text="lang.xiaokeloading">
   <!-- ai引导模式 -->
    <div class="c_pub_button_confirm stopBtn" v-if="loading && isOutlineCancelToken" @click="cancelAjax('outline')">{{ lang.stop }}
    </div>
    <div class="c_pub_button_confirm stopBtn" v-if="loading && isTeacherTaskCancelToken"
      @click="cancelAjax('teacherTask')">{{ lang.stop }}</div>
    <div class="pb_content_body" style="position: relative; margin: 0;overflow: hidden;">
      <div class="courseTop" :style="{width: !gotype ? '100%' :'100px'}">
        <div class="stepsNav" v-if="!gotype">
            <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{
                path:
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role,
              }">{{ lang.ssCourseMgmt }}</el-breadcrumb-item>
              <el-breadcrumb-item>
                <span style="color: rgb(15, 126, 255)">{{ lang.AddCourse }}</span>
              </el-breadcrumb-item>
            </el-breadcrumb>
          </div>
        <div class="r_pub_button_retrun" style="margin-left: auto" @click="retrunCourse">{{ lang.return }}</div>
      </div>
      <div class="right" style="height: calc(100% - 36px); margin-top: 36px;"
        :style="{width:istemplate == 1 ? 'calc(100% - 300px)' : '100%'}">
        <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
        <!-- @mouseenter="stepDisplay(true)"
              @mouseleave="stepDisplay(false)" -->
        <div ref="stepBox" class="stepBox" :style="{overflow:istemplate == 1 ? 'auto' : 'hidden'}">
          <div class="stepBg" v-if="false">
            <div :class="{ stepTop: isStepDisplay, stepTop2: !isStepDisplay }">
              <div v-if="steps > 0 && isStepDisplay" class="first" @click="navSteps(1)">
                <div>
                  <img src="../../../assets/icon/first.png" alt />
                </div>
                <div>{{ lang.Fillinbasicinformation }}</div>
              </div>
              <div v-else-if="isStepDisplay" class="firstNo" @click="navSteps(1)">
                <div>
                  <img src="../../../assets/icon/firstNo.png" alt />
                </div>
                <div>{{ lang.Fillinbasicinformation }}</div>
              </div>
              <div class="stepBorder" :class="{ 'border-active': steps > 1 }" v-if="cidType === 0 && isStepDisplay">
              </div>
              <!-- <div
                v-if="steps > 1 && cidType === 0 && isStepDisplay"
                class="second"
                @click="navSteps(2)"
              >
                <div style="margin: 5px 10px 0 0; width: 2rem">
                  <img src="../../../assets/icon/second.png" alt />
                </div>
                <div>选择课程模板</div>
              </div>
              <div
                v-else-if="cidType === 0 && isStepDisplay"
                class="secondNo"
                @click="navSteps(2)"
              >
                <div>
                  <img src="../../../assets/icon/secondNo.png" alt />
                </div>
                <div>选择课程模板</div>
              </div> -->
              <!-- <div
                v-if="isStepDisplay"
                class="stepBorder"
                :class="{ 'border-active': steps > 2 }"
              ></div> -->
              <div v-if="steps > 2 && isStepDisplay" class="third" @click="navSteps(3)">
                <div>
                  <img src="../../../assets/icon/third.png" alt />
                </div>
                <div>{{ lang.ssUploadCont }}</div>
              </div>
              <div v-else-if="isStepDisplay" class="thirdNo" @click="navSteps(3)">
                <div>
                  <img src="../../../assets/icon/thirdNo.png" alt />
                </div>
                <div>{{ lang.ssUploadCont }}</div>
              </div>
              <div v-if="isStepDisplay" class="stepBorder" :class="{ 'border-active': steps > 3 }"></div>
              <div v-if="steps > 3 && isStepDisplay" class="four">
                <div>
                  <img src="../../../assets/icon/four.png" alt />
                </div>
                <div>{{ lang.ssUploadOk }}</div>
              </div>
              <div v-else-if="isStepDisplay" class="fourNo">
                <div>
                  <img src="../../../assets/icon/fourNo.png" alt />
                </div>
                <div>{{ lang.ssUploadOk }}</div>
              </div>
            </div>
          </div>
          <div class="rightBox" :key="updateKey" ref='scrollContainer' v-if="steps == 1" @mousewheel="scrollChange"
            style="padding: 0" :style="{
              height:
                !isStepDisplay && !isBtnDisplay
                  ? istemplate == 1 ? 'auto' : 'calc(100% - 20px)'
                  : istemplate == 1 ? 'auto' : 'calc(100% - 100px)',
            }">
            <!-- <div class="updateMask" :style="{
              height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
            }" v-if="cid && userid != courseUserid && role != '1'"></div> -->
            <div class="whiteBg" style="background: unset; padding: 0">
              <div>
                <div class="basic_box" style="padding: 0">
                  <div class="big_box">
                    <div class="left_first">
                      <div :class="{
                        updateTips:
                          cid && userid != courseUserid && role != '1',
                      }">
                        <div style="width: 100%">
                          <div class="course_input_box2">
                            <div class="course_input_box">
                              <div class="bb_courseIcon">
                                <img src="../../../assets/icon/new/course.png" />
                              </div>
                              <input type="text" :placeholder="lang.ssEnterName" class="binfo_input" v-model="courseName"
                                @change="setCover" />
                            </div>
                            <div style=" margin-bottom: 15px; display:flex;">
                              <el-switch v-model="isTeacherSee" :active-text="lang.ssPublish"
                                style="justify-content: center; min-width: 150px;"></el-switch>
                              <el-switch v-model="isFileSearch" :active-text="lang.ssIntell"
                                style="justify-content: center; min-width: 175px;white-space: nowrap;"></el-switch>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
                        <span>{{ lang.type }}</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" v-if="oid != '91796dfb-8791-11ef-9b30-005056b86db5'">
                          <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" @change="typeChange" 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 class="info_box_t" v-if="!yiKeTemplateArray.includes(templateid)">
                        <div class="info_box_t_box">
                          <span>{{ lang.OutputLanguage }}：</span>
                          <el-radio-group v-model="languageSetting" style="display: flex; align-items: center"
                            @change="changeLang">
                            <div class="all_choose info_radio">
                              <el-radio :label="0">{{ lang.SimplifiedChinese }}</el-radio>
                            </div>
                            <div class="all_choose info_radio" style="margin-left: 10px">
                              <el-radio :label="1">{{ lang.traditionalChinese }}</el-radio>
                            </div>
                            <div class="all_choose info_radio" style="margin-left: 10px">
                              <el-radio :label="2">English</el-radio>
                            </div>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="info_box_t" v-if="!yiKeTemplateArray.includes(templateid)">
                        <div class="info_box_t_box">
                          <!-- <el-switch v-model="isuseT" active-text="是否从已有教案生成"
                              style="justify-content: center; min-width: 175px"></el-switch> -->
                          <span>{{ lang.ssGenMode }}</span>
                          <el-radio-group v-model="isuseT" style="display: flex; align-items: center"
                            @change="changeIsuseT">
                            <div class="all_choose info_radio">
                              <el-radio :label="false">{{ lang.ssFromZero }}</el-radio>
                            </div>
                            <div class="all_choose info_radio" style="margin-left: 10px">
                              <el-radio :label="true">{{ lang.ssFromExist }}</el-radio>
                            </div>
                            <div class="all_choose info_radio" style="margin-left: 10px">
                              <el-radio :label="1">{{ lang.ssDialogGen }}</el-radio>
                            </div>
                            <div class="all_choose info_radio" style="margin-left: 10px">
                              <el-radio :label="2">{{ lang.ssBrainGen }}</el-radio>
                            </div>
                          </el-radio-group>
                        </div>
                      </div>
                      <div class="info_box_t" v-if="!yiKeTemplateArray.includes(templateid)">
                        <div class="info_box_t_box">
                          <span>{{ lang.ssGenStyle }}</span>
                          <div class="mode_box">
                            <span :class="{active: mode == 1}" @click="mode = 1">{{ lang.ssPrecise }}</span>
                            <!-- <span :class="{active: mode == 2}" @click="mode = 2">平衡</span> -->
                            <span :class="{active: mode == 3}" @click="mode = 3">{{ lang.ssCreative }}</span>
                          </div>
                        </div>
                      </div>
                      <!-- <div class="info_box_t" v-if="templatePan.includes(templateid)">
                        <div class="info_box_t_box">
                          <span>课程节数：</span>
                          <input type="text" placeholder="请输入课程节数" class="binfo_input" v-model="courseJie" @change="numberPanJie"/>
                          <span>节</span>
                        </div>
                        <div class="info_box_t_box">
                          <span>课程时长：</span>
                          <input type="text" placeholder="请输入课程节数" class="binfo_input" v-model="courseTime"  @change="numberPanTime"/>
                          <span>min</span>
                        </div>
                      </div> -->
                    </div>
                    <div class="right_first" v-loading="imageloading2">
                      <!-- <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">
                        {{ lang.UploadCover }}
                      </div>
                      <div style="width: 100%">
                        <div class="uploadFm" @click="choosePicVisible = true" :class="{ uploadFm2: cover.length }">
                          <img src="../../../assets/icon/addPoster.png" alt="" v-if="cover.length == 0" />
                          <img :src="cover[0].url" alt="" class="cover_p" v-else />
                          <div v-if="cover.length == 0">{{ lang.AddCoverimage }}</div>
                          <div class="cover_mask">
                            <img src="../../../assets/icon/new/cover_update.png" /><span
                              style="margin-top: 5px">{{ lang.UpdateCover }}</span>
                          </div>
                        </div>
                        <!-- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
                          v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
                          :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
                          :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
                          <i class="el-icon-plus"></i>
                        </el-upload> -->
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 10px 0;padding: 0 0 15px;">
              <div class="whiteBg" style="border-radius: 0">
                <div class="c_info_title">
                  {{ lang.CourseAccessSettings }}
                </div>
                <div class="wb_j_box">
                  <div class="wb_j_box_content">
                    <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
                      (dialogVisibleClass = true),
                      (classSearch = ''),
                      (gradeId = ''),
                      getClass()
                      ">添加班级</button>
                    <div v-if="checkboxList2.length" class="wb_j_box_p_box">
                      <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
                        getClassC(tc) }}</span>
                    </div> -->
                    <div class="wb_j_box_btn" @click="
                      (dialogVisibleClass = true),
                      (classSearch = ''),
                      (gradeId = ''),
                      getClass()
                      ">
                      <div class="wb_j_box_title">{{ lang.TeachingClass }}</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">{{ lang.SelectTeachingClass }}</div>
                        <div class="wb_j_box_arrow"></div>
                      </div>
                    </div>
                  </div>
                  <div class="wb_j_box_content">
                    <!-- <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
                    <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
                      <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
                        checkBoolean
                        ? checkboxList3
                        : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
                        v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
                    </div> -->
                    <div class="wb_j_box_btn" @click="openMember">
                      <div class="wb_j_box_title">{{ lang.Collaborator }}</div>
                      <div class="wb_j_box_btn_c">
                        <!-- <el-tooltip effect="dark" :content="getListMan2(checkboxList3)" placement="top"
                          v-if="checkboxList3.length" popper-class="text_tooltip2"> -->
                          <div class="wb_j_box_span" v-if="checkboxList3.length">
                            {{ getListMan2(checkboxList3) }}
                          </div>
                        <!-- </el-tooltip> -->
                        <div v-else class="wb_j_box_span">{{ lang.Psac }}</div>
                        <div class="wb_j_box_arrow"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px" v-if="false">
                <div class="c_info_title">{{ lang.ObjectivesManagement }}</div>
                <div style="margin: 0 auto; padding: 0 20px">
                  <div style="
                      width: 95%;
                      min-height: 200px;
                      border: 1px solid #cad1dc;
                      border-radius: 4px;
                      position: relative;
                    ">
                    <div class="e_add_top">
                      <div class="e_add_title">
                        <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()" v-if="evalua">
                          {{ lang.DeleteL }}
                        </button>
                        <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">
                          {{ lang.ssAdd }}
                        </button>
                        <!-- <span>当前使用目标管理</span>
                      <span>{{ eTitle ? eTitle : "请添加目标" }}</span>
                      <img
                        src="../../../assets/line.png"
                        class="cru_line"
                        style="
                          width: 125px;
                          height: 20px;
                          bottom: -10px;
                          left: 155px;
                        "
                      /> -->
                      </div>
                      <div style="
                          display: flex;
                          flex-direction: row;
                          align-items: center;
                        ">
                        <!-- <el-button
                        type="primary"
                        size="small"
                        @click="dialogVisiblemb = true"
                        >添加目标管理</el-button
                      >
                      <el-button
                        type="primary"
                        size="small"
                        @click="deleteEva()"
                        >清除内容</el-button
                      > -->
                        <!-- <div class="e_add_delete" @click="deleteEva()">
                          <img src="../../../assets/icon/delete.png" alt="" />
                        </div> -->
                      </div>
                    </div>
                    <div v-if="evalua == ''">
                      <div class="noneBox">
                        <img src="../../../assets/icon/new/eva_none.png" />
                        <span>{{ lang.enterObjectiveManagement }}</span>
                      </div>
                    </div>
                    <div class="e_add_content" v-else>
                      <div class="e_add_list_pbox">
                        <div class="e_add_list_pbox_title">
                          <span class="type_title">{{ lang.SwitchMode }}</span>
                          <div class="type_content">
                            <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">{{ lang.TreeView }}</span>
                            <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">{{ lang.CompassView }}</span>
                            <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">{{ lang.BoardView }}</span> -->
                          </div>
                        </div>
                        <div class="e_add_list_pbox_content">
                          <Mind :showBar="false" :mindData="data" v-if="typeMode == 1"></Mind>
                          <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
                          <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
                            v-if="typeMode == 3">
                          </SeeBoard>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(!yiKeTemplateArray.includes(templateid)) && isuseT === true">
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssExistPlan }}
                    <div class="add_info_box" style="margin: 0 0 0 auto">
                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                        {{ lang.ssUploadPlan }}
                        <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                          style="display: none" v-if="inputShow" @change="
                          beforeUploadInfo2(
                            $event,
                            14
                          )
                          " />
                      </button>
                      <button class="c_pub_button_add" @click="clickGenTT"
                        v-if="templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'">
                        {{ lang.ssOneKeyGenLessonPlan }}
                      </button>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="add_chapters_box add_c_none" v-if="
                    teacherInfoData &&
                    teacherInfoData.length == 0
                  ">
                    <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                    <span>{{ lang.ssNoContentL }}</span>
                  </div>
                  <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                    <div @dragstart="
                      dragStart(item1, index1, 0)
                      " @dragover.prevent="
                        dragOver(index1, 0)
                        " @dragend="dragEnd()" :draggable="isdrag ==
                          'chapter-' + 0 + '-' + index1
                          " class="chapter_upload" v-for="(item1, index1) in teacherInfoData" :key="item1.id" @click="
                            getChapterData(
                              $event,
                              index1,
                              item1.type
                            )
                            " :class="{
                                    dragOverTop2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex > index1 &&
                                      dragType == 'drag',
                                    dragOverBottom2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex < index1 &&
                                      dragType == 'drag',
                                  }">
                      <div 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" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                        </div>
                        <div class="chapter_upload_ic">
                          <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                          <div class="chapter_upload_ic_r" @click.stop="
                            deleteTeacherInfoData(
                              $event,
                              index1
                            )
                            ">
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="
                  teacherinfoproVisible
                " class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        teacherinfoisFinishSize
                        }}</span>
                      /
                      <span>{{
                        teacherinfoisAllSize
                        }}</span>
                    </div>
                    <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="teacherinfoprogress
                      ? teacherinfoprogress
                      : 0
                      " style="width: 80%"></el-progress> -->
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" :style="{ minHeight: teacherTextLoading ? '250px' : 'auto'}"
              style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;position: relative"
              v-loading="teacherTextLoading" :element-loading-text="lang.xiaokeloading"
              v-if="(!yiKeTemplateArray.includes(templateid)) && isuseT === true">
              <div class="c_pub_button_confirm stopBtn" v-if="teacherTextLoading && isTeacherTextCancelToken"
                @click="cancelAjax('teacherText')">{{ lang.stop }}</div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssPlanSummary }}
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiteacherTextDetail',1), addCourseBehavior('courseBehavior', '右键已有教案摘要-提取摘要按钮')"
                      @click="openAiDialog(2, 'aiteacherTextDetail',1), addCourseBehavior('courseBehavior', '点击已有教案摘要-提取摘要按钮')">{{ lang.ssExtract }}</button>
                  </el-tooltip>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%);" class='op_task_box'>
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols
                      v-model="teacherCourseText" :placeholder="lang.ssEnterSum" v-if="teacherCourseTextB"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="teacherCourseText"
                      v-else-if="teacherTextLoading"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(teacherCourseText)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiteacherTextDetail']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiteacherTextDetail', 2), addCourseBehavior('courseBehavior', '右键已有教案摘要-智能优化按钮')"
                            @click="openAiDialog(2, 'aiteacherTextDetail', 2), addCourseBehavior('courseBehavior', '点击已有教案摘要-智能优化按钮')">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="teacherCourseTextB = !teacherCourseTextB,forceUpdate2(), addCourseBehavior('courseBehavior', '点击已有教案摘要-确定/编辑按钮')">
                          {{ teacherCourseTextB ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiteacherTextDetail']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiteacherTextDetail'), addCourseBehavior('courseBehavior', '点击已有教案摘要-引用按钮')"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" :style="{ minHeight: targetTextLoading ? '250px' : 'auto'}"
              style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-loading="targetTextLoading"
              :element-loading-text="lang.xiaokeloading"
              v-if="(!yiKeTemplateArray.includes(templateid)) && isuseT === true && templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'">
              <div class="c_pub_button_confirm stopBtn" v-if="targetTextLoading && isTargetCancelToken1"
                @click="cancelAjax('target1')">{{ lang.stop }}</div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssCourseObj }}
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aitargetTextDetail',1), addCourseBehavior('courseBehavior', '右键课程目标-提取目标按钮')"
                      @click="openAiDialog(2, 'aitargetTextDetail',1), addCourseBehavior('courseBehavior', '点击课程目标-提取目标按钮')">{{ lang.ssExtractObj }}</button>
                    </el-tooltip>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%);" class='op_task_box'>
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols
                      v-model="targetCourseText" :placeholder="lang.ssEnterObj" v-if="targetCourseTextB"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="targetCourseText"
                      v-else-if="targetTextLoading"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(targetCourseText)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aitargetTextDetail']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aitargetTextDetail', 2), addCourseBehavior('courseBehavior', '右键课程目标-智能优化按钮')"
                            @click="openAiDialog(2, 'aitargetTextDetail', 2), addCourseBehavior('courseBehavior', '点击课程目标-智能优化按钮')">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="targetCourseTextB = !targetCourseTextB,forceUpdate2(), addCourseBehavior('courseBehavior', '点击课程目标-确定/编辑按钮')">
                          {{ targetCourseTextB ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aitargetTextDetail']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aitargetTextDetail'), addCourseBehavior('courseBehavior', '点击课程目标-引用按钮')"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-if="false">
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssSysRef }}
                    <div class="add_info_box" style="margin: 0 0 0 auto">
                      <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                        <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                          @contextmenu.prevent="openAiDialog(1, 'aiSearchFile')"
                          @click="openAiDialog(2, 'aiSearchFile')">{{ lang.ssIntSearch }}</button>
                         </el-tooltip>
                    </div>
                  </div>
                </div>
                <div v-loading="fileSLoading" :element-loading-text="lang.xiaokeloading">
                  <div class="add_chapters_box add_c_none" v-if="
                    cankaoInfoData &&
                    cankaoInfoData.length == 0
                  ">
                    <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                    <span>{{ lang.ssNoContentL }}</span>
                  </div>
                  <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                    <div @dragstart="
                      dragStart(item1, index1, 0)
                      " @dragover.prevent="
                        dragOver(index1, 0)
                        " @dragend="dragEnd()" :draggable="isdrag ==
                          'chapter-' + 0 + '-' + index1
                          " class="chapter_upload" v-for="(item1, index1) in cankaoInfoData" :key="item1.id" @click="
                            getChapterData(
                              $event,
                              index1,
                              item1.type
                            )
                            " :class="{
                                    dragOverTop2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex > index1 &&
                                      dragType == 'drag',
                                    dragOverBottom2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex < index1 &&
                                      dragType == 'drag',
                                  }">
                      <div 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" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                        </div>
                        <div class="chapter_upload_ic">
                          <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                          <div class="chapter_upload_ic_r" @click.stop="
                            deleteCankaoInfoData(
                              $event,
                              index1
                            )
                            ">
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(!yiKeTemplateArray.includes(templateid))">
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssRefStd }}
                    <div class="add_info_box" style="margin: 0 0 0 auto">
                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                        {{ lang.ssUploadStd }}
                        <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                          style="display: none" v-if="inputShow" @change="
                          beforeUploadInfo2(
                            $event,
                            19
                          )
                          " />
                      </button>
                    </div>
                  </div>
                </div>
                <div>
                  <div class="add_chapters_box add_c_none" v-if="
                    knowInfoData &&
                    knowInfoData.length == 0
                  ">
                    <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                    <span>{{ lang.ssNoContentL }}</span>
                  </div>
                  <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                    <div class="chapter_upload" v-for="(item1, index1) in knowInfoData" :key="item1.id" @click="
                            getChapterData(
                              $event,
                              index1,
                              item1.type
                            )
                            ">
                      <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                        <div class="chapter_upload_check" :class="{ checked: knowFileids.indexOf(item1.fileid) != -1 }"
                          @click="checkKnowInfoData(item1.fileid)"></div>
                        <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 || item1.type == 16" 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.stop="
                            checkChpater3($event, index1, item1)
                            " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                          <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(index1)
                                        " />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(index1)" />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(index1)
                                        " />
                        </div>
                        <div class="chapter_upload_ic">
                          <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                          <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                            checkChpater3($event, index1, item1)
                            ">
                            <div></div>
                          </div>
                          <div class="chapter_upload_ic_r" @click.stop="
                            deleteKnowInfoData(
                              $event,
                              index1
                            )
                            ">
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="
                  knowinfoproVisible
                " class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        knowinfoisFinishSize
                        }}</span>
                      /
                      <span>{{
                        knowinfoisAllSize
                        }}</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;"
              v-if="(!yiKeTemplateArray.includes(templateid))" :style="{padding: interFindPan ? '0 0 15px' : '0 0 0'}">
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            width: 100%;
                            border-radius: 10px;" :style="{padding: interFindPan ? '1px 20px 10px' : '1px 20px 1px'}">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssSearchMat }}
                    <div class="add_info_box" style="margin: 0 0 0 auto;align-items:center">
                      <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                      @click="interFindPan = !interFindPan,forceUpdate2()">{{ interFindPan ? lang.fold : lang.expand }}</button>
                    </div>
                  </div>
                </div>
                <div class="know_serach" v-show="interFindPan">
                  <div class="know_serach_box" v-if="getTypeC(2).length || getTypeC(1).length">
                    <span>{{ lang.ssSearchItem }}</span>
                    <el-select v-if="getTypeC(2).length" v-model="typeC1" :placeholder="lang.ssSelectGrade" @change="forceUpdate()" style="width: 150px;margin-right: 10px;" clearable multiple :collapse-tags="true" :collapse-tags-tooltip="true">
                      <el-option v-for="(e, eIndex) in getTypeC(2)" :key="eIndex" :label="e" :value="e">
                      </el-option>
                    </el-select>
                    <el-select v-if="getTypeC(1).length" v-model="typeC2" :placeholder="lang.ssSelectSubj" @change="forceUpdate()" style="width: 150px;margin-right: 10px;" clearable multiple :collapse-tags="true" :collapse-tags-tooltip="true">
                      <el-option v-for="(e, eIndex) in getTypeC(1)" :key="eIndex" :label="e" :value="e">
                      </el-option>
                    </el-select>
                  </div>
                  <div class="know_serach_box">
                    <span>{{ lang.ssSearchKey }}</span>
                    <input type="text" :placeholder="lang.ssEnterKey" class="binfo_input" v-model="searchFileName"
                        style="width: 100%;margin: 0 5px 0 0;min-height: 36px;box-sizing: border-box;height: 36px;" />
                      <button class="c_pub_button_add" @click="startFindMatchingContents">{{ lang.ssClickSearch }}</button>
                  </div>
                  <!-- <div class="know_serach_box" v-if="getTypeC(2)">
                    <span>筛选年级：</span>
                    <div>{{getTypeC(2)}}</div>
                  </div>
                  <div class="know_serach_box" v-if="getTypeC(1)">
                    <span>筛选学科：</span>
                    <div>{{getTypeC(1)}}</div>
                  </div> -->
                  <div class="know_serach_box" v-if="this.knowInfoData3.length">
                    <span>{{ lang.ssFilterItem }}</span>
                    <el-select v-model="knowFileType1" :placeholder="lang.ssSelectVol" @change="forceUpdate()" style="width: 125px;margin-right: 10px;" clearable>
                      <el-option v-for="(e, eIndex) in knowFileTypeArray1" :key="eIndex" :label="e" :value="e">
                      </el-option>
                    </el-select>
                    <el-select v-model="knowFileType2" :placeholder="lang.ssSelectUnit" @change="forceUpdate()" style="width: 125px;margin-right: 10px;" clearable>
                      <el-option v-for="(e, eIndex) in 10" :key="eIndex" :label="lang.ssUnit.replace(/\*/g, e)" :value="e">
                      </el-option>
                    </el-select>
                    <el-select v-model="knowFileType" :placeholder="lang.ssSelectType" @change="forceUpdate()" style="width: 125px;margin-right: 10px;" clearable>
                      <el-option v-for="(e, eIndex) in getKnowType()" :key="eIndex" :label="e" :value="e">
                      </el-option>
                    </el-select>
                    <button class="c_pub_button_confirm" style="margin: 0 10px 0 0px;" @click="knowFileType1 = '',knowFileType2 = '',knowFileType = ''">{{ lang.reset }}</button>
                    <button v-loading="isfindMatchingContents" class="c_pub_button_confirm" style="margin: 0 0 0 0px;" @click="panFind" v-if="findMatchingContentsPage != 1">{{ lang.ssNextPage }}</button>
                    <button class="c_pub_button_stopeped" style="margin: 0 0 0 10px;" @click="cancelAjax('findMatchingContents')" v-if="isfindMatchingContents">{{ lang.stop }}</button>
                  </div>
                </div>
                <div style="display: flex; align-items: center;" v-show="interFindPan">
                  <div v-loading="knowInfoDataLoading" :element-loading-text="lang.xiaokeloading"
                      style="height: 400px; width:calc(50% - 50px);">
                      <div class="c_pub_button_confirm stopBtn" v-if="knowInfoDataLoading && isfindMatchingContents"
                        @click="cancelAjax('findMatchingContents')">{{ lang.stop }}</div>
                    <div class="add_chapters_check_box" v-if="allknowInfoData3() && allknowInfoData3().length">
                      <div class="add_chapters_check" @click="checkAllKnowInfoData3()">
                        <div class="chapter_upload_check" :class="{ checked: panknowInfoData3CheckAll() }"></div>
                        <div style="margin-left: 5px">{{ lang.SelectAll }}</div>
                      </div>
                    </div>
                    <div class="add_chapters_box add_c_none" style="height: 100%" v-if="
                      allknowInfoData3() &&
                      allknowInfoData3().length == 0
                    ">
                        <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                        <span>{{ lang.ssNoSearch }}</span>
                    </div>
                    <div v-else class="add_chapters_box" style="display: flex; flex-direction: column;height:calc(100% - 50px);overflow: auto;padding: 0;">
                      <div class="chapter_upload">
                        <div class="chapter_upload_o" style="position: relative; display: flex; align-items: center; padding: 0 10px;box-sizing: border-box;">
                          <div class="chapter_upload_check" style="min-width: 50px; background: unset;text-align: center; font-size: 14px;">{{ lang.ssSelected }}</div>
                          <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                            <div class="chapter_upload_l_i2" style="background: unset"></div>
                          </div>
                          <div class="chapter_upload_n" style="width: calc(100% - 80px - 80px - 116px - 20px); margin-top:0">
                            <div class="chapter_upload_box" style="color: #000">{{ lang.ssFileName }}</div>
                          </div>
                          <div class="chapter_upload_type">{{ lang.ssFileType }}</div>
                          <div class="chapter_upload_ic" style="width:80px;min-width: 80px;justify-content: center; font-size: 14px;">{{ lang.Action }}</div>
                        </div>
                      </div>
                      <!-- @scroll="panFind" -->
                      <div class="chapter_upload_box_file">
                        <div class="chapter_upload" v-for="(item1, index1) in allknowInfoData3()" :key="item1.id" @click="
                              getChapterData(
                                $event,
                                index1,
                                item1.type
                              )
                              ">
                          <div class="chapter_upload_o" style="
                                      position: relative;
                                      display: flex;
                                      align-items: center;
                                      padding: 0 10px;
                                      box-sizing: border-box;
                                      ">
                            <div class="chapter_upload_check file-loading-class"
                              :class="{ checked: knowFileids3.indexOf(item1.url) != -1 }"
                              @click="checkKnowInfoData3(item1.url)" style="min-width: 50px;text-align: center;background-size: 15px 15px;background-repeat: no-repeat;background-position: center;"></div>
                            <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" style="width: calc(100% - 80px - 80px - 116px - 20px)">
                              <el-tooltip :content="item1.name" placement="top" effect="dark">
                                <!-- content to trigger tooltip here -->
                                <div v-if="
                              item1.type == 2 ||
                              item1.type == 3 ||
                              item1.type == 12 ||
                              item1.type == 13 ||
                              item1.type == 7
                            " @click.stop="
                              checkChpater3($event, index1, item1)
                              " class="chapter_upload_box" >{{ item1.name }}</div>
                                <div v-if="item1.type == 6" class="chapter_upload_box" @click="
                                          selectAttText(index1)
                                          " >{{ item1.name }}</div>
                                <div v-if="item1.type == 8" class="chapter_upload_box" @click="selectLine(index1)" >{{ item1.title ? item1.title : lang.Links }}</div>
                                <div v-if="item1.type == 14" class="chapter_upload_box" @click="
                                          openUpdateSource(index1)
                                          " >{{ item1.title ? item1.title : lang.Links }}</div>
                              </el-tooltip>
                            </div>
                            <div class="chapter_upload_type">
                              {{ item1.file_type }}
                            </div>
                            <div class="chapter_upload_ic" style="width:80px;min-width: 80px;justify-content: center;margin:0 10px 0px auto;">
                              <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                              <div class="chapter_upload_ic_check" style="margin: 0" v-if="item1.type == 3" @click.stop="
                              checkChpater3($event, index1, item1)
                              ">
                                <div></div>
                              </div>
                              <!-- <div class="chapter_upload_ic_r" @click.stop="
                              deleteKnowInfoData3(
                                $event,
                                index1
                              )
                              ">
                              <div></div>
                            </div> -->
                            </div>
                          </div>
                        </div>
                      </div>
                      </div>
                  </div>
                  <div style="margin: 0 5px; min-width: fit-content">
                    <button class="c_pub_button_confirm" @click="useUrl">
                      {{ lang.Use }}
                      <svg t="1730970226429" class="right_icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="1465" width="128" height="128">
                        <path
                          d="M236.552013 926.853955a55.805997 55.805997 0 0 0 0 80.454996 59.682997 59.682997 0 0 0 82.794996 0l468.099978-455.081978a55.805997 55.805997 0 0 0 0-80.453996L319.348009 16.689999a59.682997 59.682997 0 0 0-82.794996 0 55.805997 55.805997 0 0 0 0 80.454996L663.401993 511.999975 236.624013 926.853955z"
                          p-id="1466" fill="#ffffff"></path>
                      </svg>
                    </button>
                  </div>
                  <div style="height: 400px; width:calc(50% - 50px);position: relative;">
                    <div class="add_chapters_check_box" v-if="knowInfoData2 && knowInfoData2.length">
                      <div class="add_chapters_check" @click="checkAllKnowInfoData2()" v-if="knowInfoData2 && knowInfoData2.length">
                        <div class="chapter_upload_check" :class="{ checked: knowFileids2.length == knowInfoData2.length }"></div>
                        <div style="margin-left: 5px">{{ lang.SelectAll }}</div>
                      </div>
                      <button  v-if="knowFileids2.length" class="c_pub_button_confirm" style="margin: 0 0 0 10px;" @click="deleteCheckAllKnowInfoData2()">{{ lang.Delete }}</button>

                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)"  style="margin: 0 0 0 auto;">
                        {{ lang.ssUploadKB }}
                        <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                          style="display: none" v-if="inputShow" @change="beforeUploadInfo2($event, 20)" />
                      </button>
                    </div>
                    <div class="add_chapters_box add_c_none" style="height: 100%" v-if="
                      knowInfoData2 &&
                      knowInfoData2.length == 0
                    ">
                      <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                      <span>{{ lang.ssNoContentL }}</span>
                    </div>
                    <div v-else class="add_chapters_box" style="display: flex; flex-direction: column;height:calc(100% - 50px);overflow: auto;padding: 0;" ref="rightKnow">
                      <div class="chapter_upload">
                        <div class="chapter_upload_o" style="position: relative; display: flex; align-items: center; padding: 0 10px;box-sizing: border-box;">
                          <div class="chapter_upload_check" style="min-width: 50px; background: unset;text-align: center; font-size: 14px;">{{ lang.ssSelected }}</div>
                          <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                            <div class="chapter_upload_l_i2" style="background: unset"></div>
                          </div>
                          <div class="chapter_upload_n" style="width: calc(100% - 80px - 80px - 116px - 20px); margin-top:0">
                            <div class="chapter_upload_box" style="color: #000">{{ lang.ssFileName }}</div>
                          </div>
                          <div class="chapter_upload_type">{{ lang.ssFileType }}</div>
                          <div class="chapter_upload_ic" style="width:80px;min-width: 80px;justify-content: center; font-size: 14px;">{{ lang.Action }}</div>
                        </div>
                      </div>
                      <div class="chapter_upload_box_file">
                        <div class="chapter_upload" v-for="(item1, index1) in knowInfoData2" :key="item1.id" @click="
                                getChapterData(
                                  $event,
                                  index1,
                                  item1.type
                                )
                                ">
                          <div class="chapter_upload_o" style="
                                        position: relative;
                                        display: flex;
                                        align-items: center;
                                        padding: 0 10px;
                                        box-sizing: border-box;
                                      ">
                            <div class="chapter_upload_check file-loading-class"
                              :class="{ checked: knowFileids2.indexOf(item1.fileid) != -1 }"
                              @click="checkKnowInfoData2(item1.fileid)" v-loading="!item1.fileid" style="min-width: 50px;text-align: center;background-size: 15px 15px;background-repeat: no-repeat;background-position: center;"></div>
                            <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" style="width: calc(100% - 80px - 80px - 116px - 20px)">
                              <el-tooltip :content="item1.name" placement="top" effect="dark">
                                <!-- content to trigger tooltip here -->
                                <div v-if="
                                item1.type == 2 ||
                                item1.type == 3 ||
                                item1.type == 12 ||
                                item1.type == 13 ||
                                item1.type == 7
                              " @click.stop="
                                checkChpater3($event, index1, item1)
                                "  class="chapter_upload_box">{{ item1.name }}</div>
                                <div v-if="item1.type == 6" class="chapter_upload_box" @click="
                                            selectAttText(index1)
                                            ">{{ item1.name }}</div>
                                <div v-if="item1.type == 8" class="chapter_upload_box" @click="selectLine(index1)">{{ item1.title ? item1.title : lang.Links }}</div>
                                <div v-if="item1.type == 14" class="chapter_upload_box" @click="
                                            openUpdateSource(index1)
                                            ">{{ item1.title ? item1.title : lang.Links }}</div>
                              </el-tooltip>
                            </div>
                            <div class="chapter_upload_type">
                              {{ item1.file_type ? item1.file_type : lang.ssNone }}
                            </div>
                            <div class="chapter_upload_ic" style="width:80px;min-width: 80px;justify-content: center;margin:0 10px 0px auto;">
                              <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                              <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                                checkChpater3($event, index1, item1)
                                ">
                                <div></div>
                              </div>
                              <div class="chapter_upload_ic_r" @click.stop="
                                deleteKnowInfoData2(
                                  $event,
                                  index1
                                )
                                ">
                                <div></div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                    </div>
                    <div v-if="
                  knowinfoproVisible2
                " class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        knowinfoisFinishSize2
                        }}</span>
                      /
                      <span>{{
                        knowinfoisAllSize2
                        }}</span>
                    </div>
                  </div>
                </div>
                  </div>
                </div>
                <!-- <div v-if="
                  knowinfoproVisible2
                " class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        knowinfoisFinishSize2
                        }}</span>
                      /
                      <span>{{
                        knowinfoisAllSize2
                        }}</span>
                    </div>
                  </div>
                </div> -->
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(!yiKeTemplateArray.includes(templateid)) && infoData2.length">
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssKnowBase }}
                    <div class="add_info_box" style="margin: 0 0 0 auto">
                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                        {{ lang.ssUploadSup }}
                        <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                          style="display: none" v-if="inputShow" @change="
                          beforeUploadInfo2(
                            $event,
                            15
                          )
                          " />
                      </button>
                      <!-- <el-tooltip effect="light" content="右键单击可配置提示词" placement="bottom" v-if="knowFileids.length">
                        <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                          @contextmenu.prevent="openAiDialog(1, 'aiSearchFile')"
                          @click="openAiDialog(2, 'aiSearchFile')">智能检索资料</button>
                       </el-tooltip> -->
                      <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                        @click="openAiDialog(2, 'aiSearchFile2')" v-if="knowFileids.length">{{ lang.ssIntSearch }}</button>
                    </div>
                  </div>
                </div>
                <div v-loading="fileSLoading" :element-loading-text="lang.xiaokeloading"
                  :style="{ minHeight: fileSLoading ? '200px' : 'auto'}">
                  <div class="c_pub_button_confirm stopBtn" v-if="fileSLoading && isFileCancelToken"
                    @click="cancelAjax('file')">{{ lang.stop }}</div>
                  <div class="add_chapters_box add_c_none" v-if="
                    infoData2 &&
                    infoData2.length == 0
                  ">
                    <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                    <span>{{ lang.ssNoContentL }}</span>
                  </div>
                  <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                    <div class="chapter_upload" v-for="(item1, index1) in infoData2" :key="item1.id" @click="
                            getChapterData(
                              $event,
                              index1,
                              item1.type
                            )
                            ">
                      <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                        <div class="chapter_upload_check" :class="{ checked: dataCheckPan(item1.fileid) }"
                          @click="checkInfoData(item1.fileid, item1)"></div>
                        <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.stop="
                            checkChpater2($event, index1 )
                            " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                          <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(index1)
                                        " />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(index1)" />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(index1)
                                        " />
                        </div>
                        <div class="chapter_upload_ic">
                          <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                          <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                            checkChpater2($event, index1 )
                            ">
                            <div></div>
                          </div>
                          <div class="chapter_upload_ic_r" @click.stop="
                            deleteInfoData2(
                              $event,
                              index1
                            )
                            ">
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="
                  infoproVisible
                " class="mask">
                  <div class="progressBox">
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        infoisFinishSize
                        }}</span>
                      /
                      <span>{{
                        infoisAllSize
                        }}</span>
                    </div>
                    <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="infoprogress
                      ? infoprogress
                      : 0
                      " style="width: 80%"></el-progress> -->
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-show="(isuseT === 2)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title" style="margin: 0 20px 0 20px;position:relative;">
                  {{ lang.ssCourseOver }}<span class="inter_setting" @click="openInterPanSetting2" v-if="istemplate == 1"></span>
                  <div class="inter_setting_panel" v-show="interSetting">
                    <div class="panel_title">{{ lang.ssConfigWF }}</div>
                    <div class="panel_tips">{{ lang.ssWorkflowTip }}</div>
                    <div class="panel_input">
                      <input type="text" :placeholder="lang.ssEnterAid" class="binfo_input" v-model="r_agentid" />
                      <div class="panel_input_record">
                        <span>{{ lang.ssAgendaQ }}</span>
                        <textarea rows="5" class="binfo_input binfo_textarea" cols v-model="aiJson.recordstart"
                          :placeholder="lang.ssAgendaQ"></textarea>
                      </div>
                      <div class="panel_input_record">
                        <span>{{ lang.ssViewProg }}</span>
                        <textarea rows="5" class="binfo_input binfo_textarea" cols v-model="aiJson.recordCheckJindu"
                          :placeholder="lang.ssViewProg"></textarea>
                      </div>
                      <div class="panel_input_record">
                        <span>{{ lang.ssSumCourse }}</span>
                        <textarea rows="5" class="binfo_input binfo_textarea" cols v-model="aiJson.recordCourseD"
                          :placeholder="lang.ssSumCourse"></textarea>
                      </div>
                    </div>
                    <div class="panel_button" style="justify-content: flex-end;">
                      <button class="c_pub_button_confirm" @click="setAgentid2" style="margin-right: 10px;">{{ lang.Confirm }}</button>
                      <button class="c_pub_button_return" @click="cancelInterSetting2">{{ lang.Cancel }}</button>
                    </div>
                  </div>
                  <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                    @click="interPan = !interPan,forceUpdate2()">{{ interPan ? lang.fold : lang.expand }}</button>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box;display:flex;">
                  <div style="width: calc(100%);height: 100%" class='op_task_box inter_voiceBox'>
                    <recordV :videoText2.sync="recordVideoText" :audioUrl2.sync="recordAudioUrl"></recordV>
                  </div>
                  <div class="inter_box" v-show="interPan" style="margin: 0 0 0 10px;max-width: 50%;max-height:500px;">
                    <aiBoxCourseDetail v-if="aiJson.recordAgentid && chatid" :languageSetting="languageSetting"
                      :courseId="chatid" :courseText2.sync="courseText" :viedoText="recordVideoText"
                      :agentid="aiJson.recordAgentid" :recordstart="aiJson.recordstart"
                      :recordCheckJindu="aiJson.recordCheckJindu" :recordCourseD="aiJson.recordCourseD"
                      :courseInfo="course_info" :fileids='[...knowFileids, ...knowFileids2]'></aiBoxCourseDetail>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" :style="{ minHeight: textLoading ? '250px' : 'auto'}"
              style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-loading="textLoading"
              :element-loading-text="lang.xiaokeloading"
              v-if="(!(isuseT === true) && !(isuseT === 1) && !(isuseT === 2) && (!yiKeTemplateArray.includes(templateid))) || (isuseT === true && (!yiKeTemplateArray.includes(templateid)) && courseTextBool) || (yiKeTemplateArray.includes(templateid)) || (isuseT === 2 && courseText)">
              <div class="c_pub_button_confirm stopBtn" v-if="textLoading && isTextCancelToken"
                @click="cancelAjax('text')">{{ lang.stop }}</div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title" style="margin: 0 20px 0 20px;">
                  {{ lang.CourseDescription }}
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                    <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiDetail',1), addCourseBehavior('courseBehavior', '右键课程简要描述-AI优化按钮')"
                      @click="openAiDialog(2, 'aiDetail',1), addCourseBehavior('courseBehavior', '点击课程简要描述-AI优化按钮')">{{ lang.ssAIOpt }}</button>
                  </el-tooltip>
                  <button class="c_pub_button_confirm" @click="clickGenTT2" style="margin: 0 0 0 5px;"
                    v-if="templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'">{{ lang.ssGenOver }}</button>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%);" class='op_task_box'>
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText"
                      :placeholder="lang.EnterCourseDescription" v-if="courseTextB" @change="textAreaChange('courseText')"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="courseText"
                      v-else-if="textLoading"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(courseText)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiDetail']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiDetail', 2), addCourseBehavior('courseBehavior', '右键课程简要描述-智能优化按钮')"
                            @click="openAiDialog(2, 'aiDetail', 2), addCourseBehavior('courseBehavior', '点击课程简要描述-智能优化按钮')">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="courseTextB = !courseTextB,forceUpdate2(), addCourseBehavior('courseBehavior', '点击课程简要描述-确定/编辑按钮')">
                          {{ courseTextB ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiDetail']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiDetail'), addCourseBehavior('courseBehavior', '点击课程简要描述-引用按钮')"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-loading="textLoading"
              :element-loading-text="lang.xiaokeloading" v-if="(isuseT === 1)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title" style="margin: 0 20px 0 20px;position:relative;">
                  {{ lang.ssCourseOver }}<span class="inter_setting" @click="openInterPanSetting"></span>
                  <div class="inter_setting_panel" v-show="interSetting">
                    <div class="panel_title">{{ lang.ssConfigWF }}</div>
                    <div class="panel_tips">{{ lang.ssWorkflowTip }}</div>
                    <div class="panel_input">
                      <input type="text" :placeholder="this.aiJson.agentid ? this.aiJson.agentid : lang.ssEnterAid"
                        class="binfo_input" v-model="agentid" />
                    </div>
                    <div class="panel_button">
                      <button class="c_pub_button_confirm" @click="setAgentid">{{ lang.Confirm }}</button>
                      <button class="c_pub_button_confirm" @click="rebuildAgentid" v-if="istemplate != 1">{{ lang.ssRestore }}</button>
                      <button class="c_pub_button_return" @click="cancelInterSetting">{{ lang.Cancel }}</button>
                    </div>
                  </div>
                  <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                    @click="interPan = !interPan,forceUpdate2()">{{ interPan ? lang.fold : lang.expand }}</button>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box;display:flex;">
                  <div class="inter_box" v-show="interPan">
                    <iframe allow="camera *; microphone *;display-capture;midi;encrypted-media;" :src="interUrl"
                      frameborder="0" v-if="interFlash && chatid" class="interIframe"></iframe>
                  </div>
                  <div style="width: calc(100%);height: 100%" class='op_task_box'
                    :class="{inter_Detailbox: !courseTextB && interPan}">
                    <textarea style="height: 500px" class="binfo_input binfo_textarea" cols v-model="courseText"
                      :placeholder="lang.EnterCourseDescription" v-if="courseTextB && interPan"
                      @change="textAreaChange('courseText')"></textarea>
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText"
                      :placeholder="lang.EnterCourseDescription" v-else-if="courseTextB && !interPan"
                      @change="textAreaChange('courseText')"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="courseText"
                      :style="{height: interPan ? '500px' : 'auto', overflowY:'auto'}" v-else-if="textLoading"></div>
                    <div class="markBox vditor-reset" :style="{height: interPan ? '500px' : 'auto', overflowY:'auto'}"
                      v-html="MarkdownT(courseText)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiDetail']}">
                      <div class="op_remark"></div>
                      <div class="op_box_right">
                        <!-- <el-tooltip effect="light" content="右键单击可配置提示词" placement="bottom">
                            <div class="r_pub_button_op"
                              @contextmenu.prevent="openAiDialog(1, 'aiDetail', 2)"
                              @click="openAiDialog(2, 'aiDetail', 2)">智能优化</div>
                          </el-tooltip> -->
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="courseTextB = !courseTextB,forceUpdate2(), addCourseBehavior('courseBehavior', '点击课程概况-确定/编辑按钮')">
                          {{ courseTextB ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiDetail']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiDetail'), addCourseBehavior('courseBehavior', '点击课程概况-引用按钮')"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" :style="{ minHeight: targetTextLoading2 ? '250px' : 'auto'}"
              style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-loading="targetTextLoading2"
              :element-loading-text="lang.xiaokeloading"
              v-if="((!(isuseT === true) && (!yiKeTemplateArray.includes(templateid))) || (isuseT === true && (!yiKeTemplateArray.includes(templateid)) && courseTextBool)) && templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'">
              <div class="c_pub_button_confirm stopBtn" v-if="targetTextLoading2 && isTargetCancelToken2"
                @click="cancelAjax('target2')">{{ lang.stop }}</div>
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title" style="flex-wrap: wrap; position:relative;margin:0 20px;">
                  {{ lang.ssCourseObj }}
                  <button class="c_pub_button_confirm2" @click="addImg($event)" style="margin: 0px 0px 0px 10px;">
                    {{ lang.ssUploadSup }}
                    <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                      style="display: none" v-if="inputShow" @change="
                      beforeUploadInfo2(
                        $event,
                        16
                      )
                      " />
                  </button>
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom" v-show="false">
                    <button class="c_pub_button_confirm" style="margin: 0px 0 0px auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aitargetTextDetail2',1)"
                      @click="openAiDialog(2, 'aitargetTextDetail2',1)">{{ lang.ssGenObj2 }}</button>
                  </el-tooltip>
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                    <button class="c_pub_button_confirm" style="margin: 0px 0 0px auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aitargetTextDetail3',1), addCourseBehavior('courseBehavior', '右键课程目标-生成目标按钮')"
                      @click="openAiDialog(2, 'aitargetTextDetail3',1), addCourseBehavior('courseBehavior', '点击课程目标-生成目标按钮')"
                      ref="aitargetTextDetail3">{{ lang.ssGenObj }}</button>
                  </el-tooltip>
                  <div style="margin-top: 10px;width:100%" v-if="mubiaoInfoData.length">
                    <div class="add_chapters_box add_c_none" v-if="
                      mubiaoInfoData &&
                      mubiaoInfoData.length == 0
                    ">
                      <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                      <span>{{ lang.ssNoContentL }}</span>
                    </div>
                    <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                      <div class="chapter_upload" v-for="(item1, index1) in mubiaoInfoData" :key="item1.id" @click="
                              getChapterData(
                                $event,
                                index1,
                                item1.type
                              )
                              ">
                        <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.stop="
                              checkChpater3($event, index1, item1)
                              " style="
                                          border: none;
                                          outline: none;
                                          width: 80%;
                                          minwidth: 215px;
                                          z-index: 99;
                                          font-size: 14px;
                                          white-space: nowrap;
                                          overflow: hidden;
                                          text-overflow: ellipsis;
                                        " />
                            <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                          border: none;
                                          outline: none;
                                          width: 80%;
                                          white-space: nowrap;
                                          overflow: hidden;
                                          text-overflow: ellipsis;
                                        " readonly="true" @click="
                                          selectAttText(index1)
                                          " />
                            <input :placeholder="item1.title ? item1.title : lang.Links
                              " v-if="item1.type == 8" style="
                                          border: none;
                                          outline: none;
                                          width: 80%;
                                          white-space: nowrap;
                                          overflow: hidden;
                                          text-overflow: ellipsis;
                                        " readonly="true" @click="selectLine(index1)" />
                            <input :placeholder="item1.title ? item1.title : lang.Links
                              " v-if="item1.type == 14" style="
                                          border: none;
                                          outline: none;
                                          width: 80%;
                                          white-space: nowrap;
                                          overflow: hidden;
                                          text-overflow: ellipsis;
                                        " readonly="true" @click="
                                          openUpdateSource(index1)
                                          " />
                          </div>
                          <div class="chapter_upload_ic">
                            <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                            <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                              checkChpater3($event, index1, item1)
                              ">
                              <div></div>
                            </div>
                            <div class="chapter_upload_ic_r" @click.stop="
                              deletemubiaoInfoData(
                                $event,
                                index1
                              )
                              ">
                              <div></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div v-if="
                    mubiaoinfoproVisible
                  " class="mask">
                    <div class="progressBox">
                      <div class="lbox">
                        <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                      </div>
                      <div style="margin-bottom: 10px">
                        <span>{{
                          mubiaoinfoisFinishSize
                          }}</span>
                        /
                        <span>{{
                          mubiaoinfoisAllSize
                          }}</span>
                      </div>
                      <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="mubiaoinfoprogress
                        ? mubiaoinfoprogress
                        : 0
                        " style="width: 80%"></el-progress> -->
                    </div>
                  </div>
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%);" class='op_task_box'>
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols
                      v-model="targetCourseText2" :placeholder="lang.ssEnterObj" v-if="targetCourseText2B"
                      @change="textAreaChange('targetCourseText2')"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="targetCourseText2"
                      v-else-if="targetTextLoading2"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(targetCourseText2)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aitargetTextDetail2']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aitargetTextDetail2', 2), addCourseBehavior('courseBehavior', '右键课程目标-智能优化按钮')"
                            @click="openAiDialog(2, 'aitargetTextDetail2', 2), addCourseBehavior('courseBehavior', '点击课程目标-智能优化按钮')">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="targetCourseText2B = !targetCourseText2B,forceUpdate2(), addCourseBehavior('courseBehavior', '点击课程目标-确定/编辑按钮')">
                          {{ targetCourseText2B ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aitargetTextDetail2']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aitargetTextDetail2'), addCourseBehavior('courseBehavior', '点击课程目标-引用按钮')"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="yiKeTemplateArray.includes(templateid)">
              <!-- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  补充资料
                  <button class="c_pub_button_add pub_btn_add_img" style="margin: 0 20px 0 auto;">上传补充资料</button>
                </div>
                <div class="buchong_box">
                  <span>暂时还没有内容，快去添加吧~</span>
                </div>
              </div> -->
              <div style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: true
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                  <div style="margin-bottom: 10px;width:100%;font-weight:bold" class="lineTitle">
                    {{ lang.ssSupMat }}
                    <div class="add_info_box" style="margin: 0 0 0 auto">
                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                        {{ lang.ssUploadSup }}
                        <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                          style="display: none" v-if="inputShow" @change="
                          beforeUploadInfo2(
                            $event,
                            13
                          )
                          " />
                      </button>
                      <!-- <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
                              图文
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
                              链接
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
                              代码
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
                              资源
                            </button> -->
                    </div>
                  </div>
                </div>
                <div>
                  <div class="add_chapters_box add_c_none" v-if="
                    infoData &&
                    infoData.length == 0
                  ">
                    <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                    <span>{{ lang.ssNoContentL }}</span>
                  </div>
                  <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                    <div @dragstart="
                      dragStart(item1, index1, 0)
                      " @dragover.prevent="
                        dragOver(index1, 0)
                        " @dragend="dragEnd()" :draggable="isdrag ==
                          'chapter-' + 0 + '-' + index1
                          " class="chapter_upload" v-for="(item1, index1) in infoData" :key="item1.id" @click="
                            getChapterData(
                              $event,
                              index1,
                              item1.type
                            )
                            " :class="{
                                    dragOverTop2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex > index1 &&
                                      dragType == 'drag',
                                    dragOverBottom2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      0 +
                                      '-' +
                                      index1 &&
                                      oldIndex < index1 &&
                                      dragType == 'drag',
                                  }">
                      <!-- <div @mousedown="
                              isdrag =
                              'chapter-' + 0 + '-' + index1
                              " @mouseup="isdrag = ''" @touchstart="
                                isdrag =
                                'chapter-' + 0 + '-' + index1
                                " @touchend="isdrag = ''" class="chapter_upload_drag"></div> -->
                      <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                        <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                          <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                          <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                          </div>
                          <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                          </div>
                          <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                          <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                          </div>
                          <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                          </div>
                          <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                          </div>
                          <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                          </div>
                        </div>
                        <div class="chapter_upload_n">
                          <input readonly="true" v-if="
                            item1.type == 2 ||
                            item1.type == 3 ||
                            item1.type == 12 ||
                            item1.type == 13 ||
                            item1.type == 7
                          " :placeholder="item1.name" @click="
                            updataVideoT(
                              $event,
                              index1
                            )
                            " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                          <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(index1)
                                        " />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(index1)" />
                          <input :placeholder="item1.title ? item1.title : lang.Links
                            " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(index1)
                                        " />
                        </div>
                        <div class="chapter_upload_ic">
                          <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                          <!-- <div class="chapter_upload_ud" style="z-index: 99">
                                  <div class="chapter_upload_up" @click="
                                    upCd(
                                      $event,
                                      index1
                                    )
                                    "></div>
                                  <div class="chapter_upload_down" @click="
                                    downCd(
                                      $event,
                                      index1
                                    )
                                    "></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " @click.stop="
                                  updataVideoT(
                                    $event,
                                    index1
                                  )
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                  selectAttText(index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
                                  @click="selectLine(index1)">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                  openUpdateSource(index1)
                                  ">
                                  <div></div>
                                </div> -->
                          <div class="chapter_upload_ic_r" @click.stop="
                            deleteInfoData(
                              $event,
                              index1
                            )
                            ">
                            <div></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div v-if="
                  infoproVisible
                " class="mask">
                  <div class="progressBox">
                    <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                    <div class="lbox">
                      <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                    </div>
                    <div style="margin-bottom: 10px">
                      <span>{{
                        infoisFinishSize
                        }}M</span>
                      /
                      <span>{{
                        infoisAllSize
                        }}M</span>
                    </div>
                    <el-progress :text-inside="true" :stroke-width="20" :percentage="infoprogress
                      ? infoprogress
                      : 0
                      " style="width: 80%"></el-progress>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-if="false">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssSupDesc }}
                  <!-- <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button> -->
                </div>
                <div style="width: 100%; padding: 0px 20px; box-sizing: border-box">
                  <div style="width: calc(100%)">
                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols v-model="courseText2"
                      :placeholder="lang.ssEnterSupDesc"></textarea>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3' && isOutline">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssCourseOut }}
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom" v-if="istemplate == 1">
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiOutline')" @click="openAiDialog(2, 'aiOutline')"
                      v-if="templateid != '61c628b9-3d96-11ef-b873-005056b86db5'">{{ lang.ssGenOut }}</button>
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiOutline2')" @click="openAiDialog(2, 'aiOutline2')"
                      v-if="templateid == '61c628b9-3d96-11ef-b873-005056b86db5'">{{ lang.ssGenOut }}</button>
                  </el-tooltip>
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiOutline'), addCourseBehavior('courseBehavior', '点击课程大纲-重新生成课程大纲按钮')"
                    v-if="templateid != '61c628b9-3d96-11ef-b873-005056b86db5' && istemplate != 1">{{panOutline() > 0 ?
                    lang.ssRegenOut : lang.ssGenOut}}</button>
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiOutline2'), addCourseBehavior('courseBehavior', '点击课程大纲-重新生成课程大纲按钮')"
                    v-if="(templateid == '61c628b9-3d96-11ef-b873-005056b86db5') && istemplate != 1">{{panOutline() > 0
                    ? lang.ssRegenOut : lang.ssGenOut}}</button>
                  <!-- <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button> -->
                </div>
                <div class="task_outline">
                  <div class="outline_box" v-for="(item, index) in unitJson[0].chapterInfo[0].taskJson" :key="index">
                    <div class="outline_task">
                      <div class="title">{{ lang.ssTask }}{{ index + 1 }}</div>
                      <input type="text" :placeholder="lang.EnterTaskName" class="binfo_input" style="border-radius: 4px"
                        v-model="item.task" />
                      <div class="outline_btn">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <button class="c_pub_button_confirm2" style="margin: 0px 0px 0px 5px;"
                            @contextmenu.prevent="openAiDialog(1, 'aiOutlineDetail2', index)"
                            @click="openAiDialog(2, 'aiOutlineDetail2', index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-${item.taskDetail2 ? '重新生成任务' : '生成任务'}按钮`)">{{
                            item.taskDetail2 ? lang.ssRegenTask : lang.ssGenTask}}</button>
                        </el-tooltip>
                        <button class="c_pub_button_confirm2" style="margin: 0px 0px 0px 5px;"
                          @click="addTaskBorder2(1, index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-在上面加入一个任务按钮`)">{{ lang.ssAddTaskUp }}</button>
                        <button class="c_pub_button_confirm2" style="margin: 0px 0px 0px 5px;"
                          @click="addTaskBorder2(2, index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-在下面加入一个任务按钮`)">{{ lang.ssAddTaskDown }}</button>
                        <button class="c_pub_button_confirm2" style="margin: 0px 0px 0px 5px;"
                          @click="deleteTask2(index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-删除按钮`)"
                          v-if="unitJson[0].chapterInfo[0].taskJson.length > 1">{{ lang.Delete }}</button>
                      </div>
                    </div>
                    <div class="outline_detail"
                      :style="{ minHeight: taskDetailLoading.indexOf('task-' + index) !== -1 ? '250px' : 'auto'}"
                      v-loading="taskDetailLoading.indexOf('task-' + index) !== -1"
                      :element-loading-text="lang.xiaokeloading">
                      <div div class="c_pub_button_confirm stopBtn"
                        v-if="taskDetailLoading.indexOf('task-' + index) !== -1 && isOutlineTaskCancelToken[index]"
                        @click="cancelAjax('outlineTask', index)">{{ lang.stop }}</div>
                      <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
                        :placeholder="lang.entertaskdescription" v-model="item.taskDetail2" v-if="item.isTask2"
                        @change="textAreaChange('taskDetail2', index)"></textarea>
                      <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="item.taskDetail2"
                        v-else-if="ttaskDetailLoading.indexOf('task-' + index) !== -1"></div>
                      <div class="markBox vditor-reset" v-html="MarkdownT(item.taskDetail2)" v-else></div>
                      <div class="op_box" :class="{op_box_isquote: isQuote['aiDetail1-'+index]}">
                        <div class="op_remark">{{ lang.ssOptTip }}</div>
                        <div class="op_box_right">
                          <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                            <div class="r_pub_button_op"
                              @contextmenu.prevent="openAiDialog(1, 'aiDetail1', item, index), addCourseBehavior('courseBehavior', `右键课程大纲-任务${index + 1}-智能优化按钮`)"
                              @click="openAiDialog(2, 'aiDetail1', item, index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-智能优化按钮`)">
                              {{ lang.ssIntOpt }}</div>
                          </el-tooltip>
                          <div class="r_pub_button_edit" style="margin-left:10px"
                            @click="editTask2(index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-确定/编辑按钮`)">
                            {{
                            item.isTask2 ? lang.Confirm : lang.edit }}</div>
                          <el-switch style="margin-left: 10px" v-model="isQuote['aiDetail1-'+index]" :active-text="lang.ssQuote"
                            active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                            @change="handleSwitchChange('aiDetail1-'+index), addCourseBehavior('courseBehavior', `点击课程大纲-任务${index + 1}-引用按钮`)"></el-switch>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3') && (cpoteType > 0 || istemplate == 1)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssCpoteGrp }}
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiCpote1'), addCourseBehavior('courseBehavior', `点击概念群-重新生成概念群按钮`)">{{cpote.cpote1
                    ? lang.ssRegenCpote : lang.ssGenCpote}}</button>
                </div>
                <div class="task_outline">
                  <div class="outline_detail" v-loading="cpoteLoading.cpote1" :element-loading-text="lang.xiaokeloading">
                    <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols :placeholder="lang.ssEnterCpote"
                      v-model="cpote.cpote1" v-if="cpote.cpote1s"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="cpote.cpote1"
                      v-else-if="cpotetLoading.cpote1"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(cpote.cpote1)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiCpote1']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiCpote1'), addCourseBehavior('courseBehavior', `右键概念群-智能优化按钮`)"
                            @click="openAiDialog(2, 'aiCpote1'), addCourseBehavior('courseBehavior', `点击概念群-智能优化按钮`)">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="editCpote('cpote1s'), addCourseBehavior('courseBehavior', `点击概念群-确定/编辑按钮`)">{{
                          cpote.cpote1s ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiCpote1']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiCpote1'), addCourseBehavior('courseBehavior', `点击概念群-引用按钮`)"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3') && (cpoteType > 1 || istemplate == 1)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssQChain }}
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiCpote2'), addCourseBehavior('courseBehavior', `点击问题链-重新生成问题链按钮`)">{{cpote.cpote2
                    ? lang.ssRegenQChain : lang.ssGenQChain}}</button>
                </div>
                <div class="task_outline">
                  <div class="outline_detail" v-loading="cpoteLoading.cpote2" :element-loading-text="lang.xiaokeloading">
                    <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols :placeholder="lang.ssEnterQChain"
                      v-model="cpote.cpote2" v-if="cpote.cpote2s"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="cpote.cpote2"
                      v-else-if="cpotetLoading.cpote2"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(cpote.cpote2)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiCpote2']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiCpote2'), addCourseBehavior('courseBehavior', `右键问题链-智能优化按钮`)"
                            @click="openAiDialog(2, 'aiCpote2'), addCourseBehavior('courseBehavior', `点击问题链-智能优化按钮`)">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="editCpote('cpote2s'), addCourseBehavior('courseBehavior', `点击问题链-确定/编辑按钮`)">{{
                          cpote.cpote2s ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiCpote2']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiCpote2'), addCourseBehavior('courseBehavior', `点击问题链-引用按钮`)"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3') && (cpoteType > 2 || istemplate == 1)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssTargetLay }}
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiCpote3'), addCourseBehavior('courseBehavior', `点击目标层-重新生成目标层按钮`)">{{cpote.cpote3
                    ? lang.ssRegenTargetLay : lang.ssGenTargetLay}}</button>
                </div>
                <div class="task_outline">
                  <div class="outline_detail" v-loading="cpoteLoading.cpote3" :element-loading-text="lang.xiaokeloading">
                    <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols :placeholder="lang.ssEnterTargetLay"
                      v-model="cpote.cpote3" v-if="cpote.cpote3s"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="cpote.cpote3"
                      v-else-if="cpotetLoading.cpote3"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(cpote.cpote3)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiCpote3']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiCpote3'), addCourseBehavior('courseBehavior', `右键目标层-智能优化按钮`)"
                            @click="openAiDialog(2, 'aiCpote3'), addCourseBehavior('courseBehavior', `点击目标层-智能优化按钮`)">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="editCpote('cpote3s'), addCourseBehavior('courseBehavior', `点击目标层-确定/编辑按钮`)">{{
                          cpote.cpote3s ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiCpote3']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiCpote3'), addCourseBehavior('courseBehavior', `点击目标层-引用按钮`)"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;"
              v-if="(templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3') && (cpoteType > 3 || istemplate == 1)">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssTaskClus }}
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiCpote4'), addCourseBehavior('courseBehavior', `点击任务簇-重新生成任务簇按钮`)">{{cpote.cpote4
                    ? lang.ssRegenTaskClus : lang.ssGenTaskClus}}</button>
                </div>
                <div class="task_outline">
                  <div class="outline_detail" v-loading="cpoteLoading.cpote4" :element-loading-text="lang.xiaokeloading">
                    <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols :placeholder="lang.ssEnterTaskClus"
                      v-model="cpote.cpote4" v-if="cpote.cpote4s"></textarea>
                    <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="cpote.cpote4"
                      v-else-if="cpotetLoading.cpote4"></div>
                    <div class="markBox vditor-reset" v-html="MarkdownT(cpote.cpote4)" v-else></div>
                    <div class="op_box" :class="{op_box_isquote: isQuote['aiCpote4']}">
                      <div class="op_remark">{{ lang.ssOptTip }}</div>
                      <div class="op_box_right">
                        <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                          <div class="r_pub_button_op"
                            @contextmenu.prevent="openAiDialog(1, 'aiCpote4'), addCourseBehavior('courseBehavior', `右键任务簇-智能优化按钮`)"
                            @click="openAiDialog(2, 'aiCpote4'), addCourseBehavior('courseBehavior', `点击任务簇-智能优化按钮`)">
                            {{ lang.ssIntOpt }}</div>
                        </el-tooltip>
                        <div class="r_pub_button_edit" style="margin-left:10px"
                          @click="editCpote('cpote4s'), addCourseBehavior('courseBehavior', `点击任务簇-确定/编辑按钮`)">{{
                          cpote.cpote4s ? lang.Confirm : lang.edit }}</div>
                        <el-switch style="margin-left: 10px" v-model="isQuote['aiCpote4']" :active-text="lang.ssQuote"
                          active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                          @change="handleSwitchChange('aiCpote4'), addCourseBehavior('courseBehavior', `点击任务簇-引用按钮`)"></el-switch>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="whiteBg" style="background: #fff; margin: 0 0 10px;padding: 0 0 15px;" v-if="isOutline2">
              <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
                <div class="c_info_title">
                  {{ lang.ssLessonPlan }}
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom"
                    v-if="istemplate == 1 && dArray.length && templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'">
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiTeacher2')"
                      @click="openAiDialog(2, 'aiTeacher2')">{{ lang.ssGenLessonPlan }}</button>
                  </el-tooltip>
                  <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                    @click="openAiDialog2(2, 'aiTeacher2'), addCourseBehavior('courseBehavior', `点击教案-重新生成教案按钮`)"
                    v-if="istemplate != 1">{{ lang.ssRegenLessonPlan }}</button>
                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom"
                    v-if="panTeacher() == 0 && istemplate == 1 && (templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3')">
                    <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;"
                      @contextmenu.prevent="openAiDialog(1, 'aiTeacher3')"
                      @click="openAiDialog(2, 'aiTeacher3')">{{ lang.ssGenLessonPlan }}</button>
                  </el-tooltip>
                  <!-- <button class="c_pub_button_confirm" style="margin: 0 20px 0 auto;">AI优化</button> -->
                </div>
                <div class="task_outline">
                  <div class="outline_box" v-for="(item, index) in unitJson[0].chapterInfo[0].taskJson" :key="index">
                    <div class="outline_task">
                      <div class="title">{{ lang.ssTask }}{{ index + 1 }}</div>
                      <input type="text" :placeholder="lang.EnterTaskName" class="binfo_input" style="border-radius: 4px"
                        v-model="item.task" />
                    </div>
                    <div class="outline_detail"
                      :style="{ minHeight: taskDetailLoading5.indexOf('task-' + index) !== -1 ? '250px' : 'auto'}"
                      v-loading="taskDetailLoading5.indexOf('task-' + index) !== -1"
                      :element-loading-text="lang.xiaokeloading">
                      <div div class="c_pub_button_confirm stopBtn"
                        v-if="taskDetailLoading5.indexOf('task-' + index) !== -1"
                        @click="cancelAjax('teacherDetail2', index)">{{ lang.stop }}</div>
                      <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols :placeholder="lang.ssEnterLessonPlan"
                        v-model="item.taskDetail3" v-if="item.isTask3"
                        @change="textAreaChange('taskDetail3', index)"></textarea>
                      <div class="markBox vditor-reset" style="white-space:pre-wrap;" v-text="item.taskDetail3"
                        v-else-if="ttaskDetailLoading5.indexOf('task-' + index) !== -1"></div>
                      <div class="markBox vditor-reset" v-html="MarkdownT(item.taskDetail3)" v-else></div>
                      <div class="op_box" :class="{op_box_isquote: isQuote['teacherDetail2-'+index]}">
                        <div class="op_remark">{{ lang.ssOptTip }}</div>
                        <div class="op_box_right">
                          <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                            <div class="r_pub_button_op"
                              @contextmenu.prevent="openAiDialog(1, 'teacherDetail2', item.taskDetail3, index), addCourseBehavior('courseBehavior', `右键教案-任务${index + 1}-智能优化按钮`)"
                              @click="openAiDialog(2, 'teacherDetail2', item.taskDetail3, index), addCourseBehavior('courseBehavior', `点击教案-任务${index + 1}-智能优化按钮`)">
                              {{ lang.ssIntOpt }}</div>
                          </el-tooltip>
                          <div class="r_pub_button_edit" style="margin-left:10px" @click="editTask3(index)">{{
                            item.isTask3 ? lang.Confirm : lang.edit }}</div>
                          <el-switch style="margin-left: 10px" v-model="isQuote['teacherDetail2-'+index]"
                            :active-text="lang.ssQuote" active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                            @change="handleSwitchChange('teacherDetail2-'+index), addCourseBehavior('courseBehavior', `点击教案-任务${index + 1}-引用按钮`)"></el-switch>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="info_btnBox3" v-if="istemplate != 1">
              <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                goTo(
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role
                )
                ">
                {{ lang.BacktoCourse }}
              </button>
              <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
                {{ steps == 4 ? lang.BacktoCourse : lang.BackL }}
              </button>
              <button class="c_pub_button_confirm"
                v-if="isuseT === true && !isOutline && !courseTextBool && (!yiKeTemplateArray.includes(templateid)) && templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'"
                @click="clickGenTT2">
                {{isuseT === true ? lang.ssRegenOverAndTarget : lang.ssGenOver}}
              </button>
              <button class="c_pub_button_confirm"
                v-else-if="isuseT === true && !isOutline && !courseTextBool && (!yiKeTemplateArray.includes(templateid))"
                @click="clickGenTT2">
                {{isuseT === true ? lang.ssRegenOver : lang.ssGenOverOnly}}
              </button>
              <button class="c_pub_button_confirm" v-if="isOutline2" @click="exportTeachPlan">
                {{ lang.ssExportPlan }}
              </button>
              <!-- ((isuseT || courseTextBool) && (!yiKeTemplateArray.includes(templateid))) &&  -->
              <el-tooltip effect="light" :content="lang.ssRightClick" placement="top" v-if="steps < 4">
                <button class="c_pub_button_confirm" @click="nextSteps(2)" @contextmenu.prevent="nextSteps(1)"
                  v-if="templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'"
                  :class="{
                    pub_btn_next_img: steps != 3,
                    pub_btn_finish_img: steps == 3,
                  }">
                  {{ steps == 3 ? lang.ConfirmUpload : !isOutline ? lang.ssGenOut : !isOutline2 ? lang.ssGenLessonPlan : lang.Next }}
                </button>
                <button class="c_pub_button_confirm" v-else @click="nextSteps(2)" @contextmenu.prevent="nextSteps(1)"
                  :class="{
                    pub_btn_next_img: steps != 3,
                    pub_btn_finish_img: steps == 3,
                  }">
                  {{ steps == 3 ? lang.ConfirmUpload : ((templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || templateid ==
                  "cf5722a4-401b-11ef-b873-005056b86dc3") && cpoteType < 4) ? cpoteType < 3 ? cpoteType < 2 ? cpoteType
                    < 1 ? lang.ssGenCpote : lang.ssGenQChain : lang.ssGenTargetLay : lang.ssGenTaskClus : !isOutline2 ? lang.ssGenLessonPlan : lang.Next }} </button>
              </el-tooltip>
              <!-- <el-tooltip effect="light" content="右键单击可配置提示词" placement="top"  v-if="isOutline2 && cidType == 0">
                <button class="c_pub_button_confirm" @click="nextSteps(2, 2)" @contextmenu.prevent="nextSteps(1, 2)" :class="{
                      pub_btn_next_img: steps != 3,
                      pub_btn_finish_img: steps == 3,
                    }">下一步2</button>
              </el-tooltip> -->
            </div>
          </div>
          <div class="rightBox" v-if="steps == 2" :style="{
            height:
              !isStepDisplay && !isBtnDisplay
                ? istemplate == 1 ? 'auto' : 'calc(100% - 20px)'
                : istemplate == 1 ? 'auto' : 'calc(100% - 100px)',
          }">
            <div class="basic_box" style="
                padding: 20px 30px 0px !important;
                box-sizing: border-box;
                height: calc(100% - 80px);
                overflow: auto;
                background: #fff;
              ">
              <!-- <div
                style="
                  color: #b8b8b8;
                  background: #fff;
                  width: 26%;
                  height: 40px;
                  border-radius: 15px;
                  padding-left: 20px;
                  line-height: 40px;
                  font-size: 17px;
                  box-shadow: 0px 1px 2px 2px #e0e0e0;
                "
              >-->
              <div class="right_title" style="border: none; margin: 0; padding: 0">
                {{ lang.choosecoursetemplate }}
              </div>
              <div class="wordbox">
                <div class="wordTeacher" @click="checkTemplate2()">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template_none.png" alt />
                  </div>
                  <div style="
                      margin-top: 10px;
                      line-height: 19px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap;
                      padding: 0 20px;
                    ">
                    {{ lang.BlankTemplate }}
                  </div>
                </div>
                <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
                  <div class="wordPic">
                    <img src="../../../assets/icon/new/template.png" alt />
                  </div>

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

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

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

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

                  <div style="
                        margin-top: 10px;
                        line-height: 19px;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        padding: 0 20px;
                      ">
                    我的课程
                  </div>
                </div> -->
              </div>
            </div>
            <div class="info_btnBox3" style="position: absolute; bottom: 0">
              <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                goTo(
                  '/course?userid=' +
                  userid +
                  '&oid=' +
                  oid +
                  '&org=' +
                  org +
                  '&role=' +
                  role
                )
                ">
                {{ lang.BacktoCourse }}
              </button>
              <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5" @click="lastSteps">
                {{ steps == 4 ? lang.BacktoCourse : lang.BackL }}
              </button>
              <button class="c_pub_button_confirm" v-if="steps < 4" @click="nextSteps" :class="{
                pub_btn_next_img: steps != 3,
                pub_btn_finish_img: steps == 3,
              }">
                {{ steps == 3 ? lang.ConfirmUpload : !isOutline ? lang.ssGenOut : lang.Next }}
              </button>
            </div>
          </div>
          <div class="rightBox" v-if="steps == 3 || istemplate == 1" ref="rightboxR" :style="{
            height:
              !isStepDisplay && !isBtnDisplay
                ? istemplate == 1 ? 'auto' : 'calc(100% - 20px)'
                : istemplate == 1 ? 'auto' : 'calc(100% - 100px)',
          }">
            <div class="rb_c_box">
              <div class="rb_c_box_left" v-if="(steps == 3 || istemplate == 1) && unitJson[unitIndex].easy != 1"
                :style="{width: stepShow ? '270px' : '0',minWidth: stepShow ? '270px' : '0',height: stepShow ? '100%' : '0',marginRight: stepShow ? '10px' : '0'}">
                <div class="close_btn" @click="stepShow = !stepShow" :class="!stepShow ? 'close_btn_voice' : ''"
                  style="left: 0;right: unset;top: 5px;transform: rotate(180deg);">
                  <img src="../../../assets/icon/course/arrow.svg">
                </div>
                <div class="rb_c_nav">
                  <span :class="{ active: stepsNav == 1 }" @click="stepsNav = 1" v-show="stepShow"
                    style="margin-left: auto">{{ lang.ssCatalog }}</span>
                  <!-- <span :class="{ active: stepsNav == 2 }" @click="stepsNav = 2">AI助手</span> -->
                  <!-- <span class="button-toggle" @click="stepShow = !stepShow">{{ stepShow ? '收缩' : '展开' }}</span> -->
                </div>
                <div class="stepsBottom" v-if="stepsNav == 1" :style="{
                  height:istemplate == 1 ? 'calc(100vh - 300px)' : 'calc(100% - 55px)',
                  position: istemplate == 1 ? 'sticky' : 'unset',
                  top: istemplate == 1 ? '0' : 'unset'
                }">
                  <!-- <div class="navTop">辅助导航</div> -->
                  <div class="navBottom" v-if="courseState == 4 || courseState == 5">
                    <!-- <div class="navTask noImage" v-if="unitJson[unitIndex].dyName">
                      <div class="nt_taskBox" style="width: 100%;">
                        <div class="nt_taskTitle"
                          style="font-size: 16px;min-width: fit-content;margin-right: 10px;font-weight: 700;">阶段 {{
                            unitIndex + 1 }}</div>
                        <div class="nt_taskName" style="font-size: 16px;font-weight: 700;">
                          <el-tooltip effect="light" :content="unitJson[unitIndex].dyName" placement="top">
                            <span>{{ unitJson[unitIndex].dyName }}</span>
                          </el-tooltip>
                        </div>
                      </div>
                    </div> -->
                    <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
                      .taskJson" :key="tIndex" :class="{
                        dragOverTop:
                          newIndex === tIndex &&
                          typeIndex == 'task-' + tIndex &&
                          oldIndex > tIndex &&
                          dragType == 'task',
                        dragOverBottom:
                          newIndex === tIndex &&
                          typeIndex == 'task-' + tIndex &&
                          oldIndex < tIndex &&
                          dragType == 'task',
                      }">
                      <div @dragstart="dragTaskStart(t, tIndex, 0)" @dragover.prevent="dragTaskOver(tIndex, 0)"
                        @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + tIndex" @click="goToTask(tIndex)"
                        class="navTask" :class="{
                          isNavTask:
                            isClickColor > 0 && isClickColor == tIndex + 1,
                          isNavOpen: t.toolOpen,
                        }">
                        <div @click.stop="taskOpen(tIndex, 0)" class="chapter_upload_open"></div>
                        <div @mousedown="isdrag = 'task-' + tIndex" @mouseup="isdrag = ''"
                          @touchstart="isdrag = 'task-' + tIndex" @touchend="isdrag = ''" style="left: 8px"
                          class="chapter_upload_drag"></div>
                        <div class="nt_taskBox">
                          <div class="nt_taskTitle">{{ lang.ssTask }}{{ tIndex + 1 }}：</div>
                          <div class="nt_taskName">
                            <el-tooltip effect="light" :content="t.task ? t.task : lang.UntitledTask" placement="top">
                              <span>{{ t.task ? t.task : lang.UntitledTask }}</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>{{ lang.ssToolC }}{{ toolIndex2 + 1 }}：</div>
                            <div>
                              {{
                              toolsData[tool.tool[0]] &&
                              toolsData[tool.tool[0]].name
                              }}
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div>
                      <div @click="goToTask(unitJson[unitIndex].chapterInfo[0].taskJson.length)"
                        class="navTask" :class="{ isNavTask: isClickColor == unitJson[unitIndex].chapterInfo[0].taskJson.length + 1  }">
                        <div class="nt_taskBox" style="padding: 0 0 0 45px;">
                          <div class="nt_taskTitle">{{ lang.ssAttachArea }}</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="navBottom" v-if="courseState == 1">
                    <div v-for="(stage, stageIndex) in unitJson" :key="stageIndex" class="stageBox" :class="{
                      dragOverTop:
                        newIndex === stageIndex &&
                        typeIndex == 'Unit-' + stageIndex &&
                        oldIndex > stageIndex &&
                        dragType == 'Unit',
                      dragOverBottom:
                        newIndex === stageIndex &&
                        typeIndex == 'Unit-' + stageIndex &&
                        oldIndex < stageIndex &&
                        dragType == 'Unit',
                    }">
                      <div @dragstart="dragUnitStart(stage, stageIndex)" @dragover.prevent="dragUnitOver(stageIndex)"
                        @dragend="dragUnitEnd()" :draggable="isdrag == 'unit-' + stageIndex"
                        @click="unitSet2(stageIndex)" class="navStage" :class="{
                          isNavStage: stageIndex == unitIndex,
                          isNavStageOpen: stage.toolOpen,
                        }">
                        <div @mousedown="isdrag = 'unit-' + stageIndex" @mouseup="isdrag = ''"
                          @touchstart="isdrag = 'unit-' + stageIndex" @touchend="isdrag = ''" style="left: 8px"
                          class="chapter_upload_drag"></div>
                        <div class="nt_taskBox">
                          <div class="nt_taskTitle">
                            {{ lang.Stage.replace(/\*/g, stageIndex + 1) }}：
                          </div>
                          <div class="nt_taskName">
                            <el-tooltip effect="light" :content="stage.dyName ? stage.dyName : lang.Unnamedstage
                              " placement="top">
                              <span>{{
                                stage.dyName ? stage.dyName : lang.Unnamedstage
                                }}</span>
                            </el-tooltip>
                          </div>
                        </div>
                        <div @click.stop="unitOpen(stageIndex)" class="chapter_unit_open"></div>
                      </div>
                      <div v-for="(t, tIndex) in unitJson[stageIndex]
                        .chapterInfo[0].taskJson" :key="`${stageIndex}-${tIndex}`" :class="{
                          dragOverTop:
                            newIndex === tIndex &&
                            typeIndex == 'task-' + tIndex &&
                            ((oldIndex > tIndex &&
                              stageIndex == checkUnitIndex) ||
                              (oldIndex == tIndex &&
                                stageIndex == checkUnitIndex &&
                                checkUnitIndex != oldUnitIndex)) &&
                            dragType == 'task',
                          dragOverBottom:
                            newIndex === tIndex &&
                            typeIndex == 'task-' + tIndex &&
                            oldIndex < tIndex &&
                            stageIndex == checkUnitIndex &&
                            dragType == 'task',
                        }" :style="{ display: stage.toolOpen ? 'block' : 'none' }">
                        <div @dragstart="dragTaskStart(t, tIndex, stageIndex)"
                          @dragover.prevent="dragTaskOver(tIndex, stageIndex)" @dragend="dragTaskEnd()" :draggable="isdrag == 'task-' + stageIndex + '-' + tIndex
                            " @click="goToTask2(tIndex, stageIndex)" class="navTask" style="padding-left: 12px" :class="{
                              isNavTask:
                                isClickColor > 0 &&
                                isClickColor == tIndex + 1 &&
                                stageIndex == unitIndex,
                              isNavOpen: t.toolOpen,
                            }">
                          <div @click.stop="taskOpen(tIndex, stageIndex)" class="chapter_upload_open"></div>
                          <div @mousedown="
                            isdrag = 'task-' + stageIndex + '-' + tIndex
                            " @mouseup="isdrag = ''" @touchstart="
                              isdrag = 'task-' + stageIndex + '-' + tIndex
                              " @touchend="isdrag = ''" style="left: 20px" class="chapter_upload_drag"></div>
                          <div class="nt_taskBox" style="width: calc(100% - 52px)">
                            <div class="nt_taskTitle">
                              {{ lang.TaskL.replace(/\*/g, tIndex + 1) }}：
                            </div>
                            <div class="nt_taskName">
                              <el-tooltip effect="light" :content="t.task ? t.task : lang.UntitledTask" placement="top">
                                <span>{{
                                  t.task ? t.task : lang.UntitledTask
                                  }}</span>
                              </el-tooltip>
                            </div>
                          </div>
                        </div>
                        <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
                          <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
                            @click="jumpGj2(tIndex, toolIndex2, stageIndex)">
                            <div class="gjCss" :class="{
                              isGjCss:
                                toolIndexType ==
                                `gj${tIndex}${toolIndex2}${stageIndex}`,
                            }">
                              <div>{{ lang.ssToolC }}{{ toolIndex2 + 1 }}：</div>
                              <div>
                                {{
                                toolsData[tool.tool[0]] &&
                                toolsData[tool.tool[0]].name
                                }}
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="rb_c_ai_box" v-if="stepsNav == 2">
                  <aiBox @setUnitJson="setUnitJson" :courseId="cid" :unitJson="unitJson"></aiBox>
                </div>
              </div>
              <div class="rb_c_box_right">
                <div class="rb_c_box_btn" style="justify-content: flex-end">
                  <span class="title">{{ courseName }}</span>
                  <!-- <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="steps == 3">智能粘贴</button> -->
                  <button class="c_pub_button_return" v-if="steps > 1 && steps != 5 && istemplate != 1"
                    @click="lastSteps" style="margin-left: auto;border: none;">
                    {{ steps == 4 ? lang.BacktoCourse : lang.BackL }}
                  </button>
                  <button class="c_pub_button_confirm3 buttonBoxB">
                    <span>{{ lang.ssOneKeyGen }}</span>
                    <div class="buttonBox">
                      <div
                        @click="openAiDialog2(2, 'aiTask3','all', ''), addCourseBehavior('courseBehavior', `点击学历案-重新生成所有任务按钮`)">
                        {{ lang.ssRegenAllTask }}</div>
                      <div
                        @click="openAiDialog(2, 'aiTaskG2', 'all'), addCourseBehavior('courseBehavior', `点击学历案-一键生成所有工具按钮`)"
                        v-if="panTool() == 0">{{ lang.ssGenAllTool }}</div>
                      <div
                        @click="openAiDialog2(2, 'aiTaskG2', 'all'), addCourseBehavior('courseBehavior', `点击学历案-一键生成所有工具按钮`)"
                        v-if="panTool() > 0">{{ lang.ssRegenAllTool }}</div>
                      <div @click="allEvaCan(), addCourseBehavior('courseBehavior', `点击学历案-一键生成所有评价按钮`)"
                        v-if="panTool() > 0">{{panTaskElist() == 0 && panEvaCont() == 0 ? lang.ssGenAllEva : lang.ssRegenAllEva}}
                      </div>
                      <!-- <div @click="exportTaskEA(), addCourseBehavior('courseBehavior', `点击学历案-导出评价和学历案按钮`)">导出评价和学历案
                      </div> -->
                    </div>
                  </button>
                  <!-- <button class="c_pub_button_confirm3" style="margin: 0 0 0 10px;" @click="openAiDialog2(2, 'aiTask3','all', ''), addCourseBehavior('courseBehavior', `点击学历案-重新生成所有任务按钮`)">重新生成所有任务</button> -->
                  <!-- <button class="c_pub_button_confirm3" style="margin: 0 0 0 10px;" @click="openAiDialog(2, 'aiTaskG2', 'all'), addCourseBehavior('courseBehavior', `点击学历案-一键生成所有工具按钮`)" v-if="panTool() == 0">一键生成所有工具</button> -->
                  <!-- <button class="c_pub_button_confirm3" style="margin: 0 0 0 10px;" @click="allEvaCan(), addCourseBehavior('courseBehavior', `点击学历案-一键生成所有评价按钮`)" v-if="panTool() > 0 && panTaskElist() == 0 && panEvaCont() == 0">一键生成所有评价</button> -->
                  <!-- <button class="c_pub_button_confirm3" style="margin: 0 0 0 10px;" @click="exportTaskEA(), addCourseBehavior('courseBehavior', `点击学历案-导出评价和学历案按钮`)">导出评价和学历案</button> -->
                  <button class="c_pub_button_confirm" style="margin: 0 0 0 10px;" v-if="steps < 4 && istemplate != 1"
                    @click="nextSteps">
                    {{ steps == 3 ? lang.ConfirmUpload : lang.Next }}
                  </button>
                </div>
                <div class="basic_box" ref="unitBox" @scroll="taskScroll">
                  <div v-if="false" style="
                      display: flex;
                      flex-direction: row;
                      align-items: center;
                      position: sticky;
                      top: 0;
                      z-index: 99;
                      width: 100%;
                      padding: 0 20px 0 20px;
                      box-sizing: border-box;
                      background: #fff;
                      border-radius: 8px;
                    ">
                    <!-- :style="{ maxWidth: (userid == courseUserid || role == '1') ? 'calc(100% - 300px)' : 'calc(100% - 175px)' }" -->
                    <div class="cru_selectBox" :style="{
                      maxWidth: isPasteTask
                        ? 'calc(100% - 335px)'
                        : 'calc(100% - 190px)',
                    }" v-if="courseState == 1">
                      <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
                        :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
                        <!-- item.dyName ? item.dyName :  -->
                        <span v-if="
                          unitJson[unitJson.length - 1].easy == 4 ||
                          unitJson[unitJson.length - 1].easy == 6
                        ">{{
                          item.dyName
                          ? item.dyName
                          : lang.Stage.replace(/\*/g, index + 1)
                          }}</span>
                        <span v-else>{{ lang.Stage.replace(/\*/g, index + 1) }}</span>
                      </div>
                      <div class="cru_line" :style="{
                        left: offsetLetfPx + 'px',
                      }"></div>
                    </div>
                    <div class="addStageImg" @click="addunit()" v-if="
                      !(unitJson[unitJson.length - 1].easy == 4) &&
                      !(unitJson[unitJson.length - 1].easy == 6) &&
                      courseState == 1
                    ">
                      <img src="../../../assets/icon/new/addStage.png" alt />
                    </div>
                    <button class="c_pub_button_add pub_btn_add_img" @click="updateCourseState(1)"
                      v-if="courseState == 2" style="margin: 15px 0">
                      {{ lang.NewStage }}
                    </button>
                    <!-- v-if="steps == 3 && (userid == courseUserid || role == '1')" -->
                    <button class="c_pub_button_add" @click="openStageBox" v-show="false" style="margin: 0 0 0 auto">
                      {{ lang.Stagesequence }}
                    </button>
                    <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask()"
                      v-if="(steps == 3 || istemplate == 1)  && isPasteTask" style="margin: 0 0 0 auto">
                      {{ lang.SMARTPaste }}
                    </button>
                    <button class="c_pub_button_confirm pub_btn_template_img" @click="openTemplate" :style="{
                      margin: isPasteTask ? '0 0 0 20px' : '0 0 0 auto',
                    }" style="padding: 0 12px">
                      {{ lang.SelectCourseTemplate }}
                    </button>
                  </div>

                  <div style="margin: 0 0 10px 0; padding: 0" v-for="(item, index) in unitJson[unitIndex].chapterInfo"
                    :key="index">
                    <div v-loading="anLoading[0]" v-if="courseState == 4" style="position: relative;
                            background: #fff;
                            box-sizing: border-box;
                            padding: 1px 20px 10px;
                            width: 100%;
                            border-radius: 10px;">
                      <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: !item.taskJson[0].isFoldchapter
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                        <div style="margin-bottom: 10px;width: 100%;" class="lineTitle">
                          {{ lang.LearningContent }}
                          <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                            <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                              @contextmenu.prevent="openAiDialog2(1, 'aiTask2','all')"
                              @click="openAiDialog2(2, 'aiTask2','all')">{{ lang.ssRegenTask }}</button>
                          </el-tooltip>
                        </div>
                      </div>
                      <div>
                        <div class="add_chapters_box add_c_none" v-if="
                          item.taskJson[0].chapterData &&
                          item.taskJson[0].chapterData.length == 0
                        ">
                          <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                          <span>{{ lang.AddLearningContent }}</span>
                        </div>
                        <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                          <div @dragstart="
                            dragStart(item1, index1, 0)
                            " @dragover.prevent="
                              dragOver(index1, 0)
                              " @dragend="dragEnd()" :draggable="isdrag ==
                                'chapter-' + 0 + '-' + index1
                                " class="chapter_upload" v-for="(item1, index1) in item.taskJson[0].chapterData"
                            :key="item1.id" @click="
                              getChapterData(
                                $event,
                                unitIndex,
                                index,
                                index1,
                                item1.type
                              )
                              " :class="{
                                dragOverTop2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex > index1 &&
                                  dragType == 'drag',
                                dragOverBottom2:
                                  newIndex === index1 &&
                                  typeIndex ==
                                  'chapter-' +
                                  0 +
                                  '-' +
                                  index1 &&
                                  oldIndex < index1 &&
                                  dragType == 'drag',
                              }">
                            <div @mousedown="
                              isdrag =
                              'chapter-' + 0 + '-' + index1
                              " @mouseup="isdrag = ''" @touchstart="
                                isdrag =
                                'chapter-' + 0 + '-' + index1
                                " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
                            <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                              <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                                </div>
                                <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                                <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                                </div>
                                <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                                </div>
                              </div>
                              <div class="chapter_upload_n">
                                <input readonly="true" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " :placeholder="item1.name" @click="
                                  updataVideoT(
                                    $event,
                                    unitIndex,
                                    0,
                                    index1
                                  )
                                  " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(0, index1)
                                        " />
                                <input :placeholder="item1.title ? item1.title : lang.Links
                                  " 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 : lang.Links
                                  " 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_ic_check" v-if="item1.type == 3" @click.stop="
                                  checkChpater( $event, unitIndex, 0, index1 )
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ud" style="z-index: 99">
                                  <div class="chapter_upload_up" @click="
                                    upCd(
                                      $event,
                                      unitIndex,
                                      index,
                                      0,
                                      index1
                                    )
                                    "></div>
                                  <div class="chapter_upload_down" @click="
                                    downCd(
                                      $event,
                                      unitIndex,
                                      index,
                                      0,
                                      index1
                                    )
                                    "></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="
                                  item1.type == 2 ||
                                  item1.type == 3 ||
                                  item1.type == 12 ||
                                  item1.type == 13 ||
                                  item1.type == 7
                                " @click.stop="
                                  updataVideoT(
                                    $event,
                                    unitIndex,
                                    0,
                                    index1
                                  )
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                  selectAttText(0, index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 8"
                                  @click="selectLine(0, index1)">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                  openUpdateSource(0, index1)
                                  ">
                                  <div></div>
                                </div>
                                <div class="chapter_upload_ic_r" @click.stop="
                                  deleteChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    0
                                  )
                                  ">
                                  <div></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="add_info_box" style="margin: 10px 0 0">
                        <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                          {{ lang.Files }}
                          <input type="file" accept="*" style="display: none" v-if="inputShow" multiple="multiple"
                            @change="
                            beforeUpload2(
                              $event,
                              unitIndex,
                              13,
                              0
                            )
                            " />
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
                          {{ lang.TextImages }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
                          {{ lang.Links }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
                          {{ lang.Code }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
                          {{ lang.resource }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openAiCreate(0)">
                          {{ lang.ssAIGenPPT }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="createTeacherAn(0)">
                          {{ lang.ssGenLessonPlan }}
                        </button>
                        <button class="c_pub_button_add pub_btn_add_img" @click="openAiCreateVideo(0)">
                          {{ lang.ssIntSearchV }}
                        </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" />{{ lang.pleasewait }}
                          </div>
                          <div style="margin-bottom: 10px">
                            <span>{{
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                              0
                              ].isFinishSize
                              }}</span>
                            /
                            <span>{{
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                              0
                              ].isAllSize
                              }}</span>
                          </div>
                          <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
                            0
                          ].progress
                            ? unitJson[unitIndex].chapterInfo[0]
                              .taskJson[0].progress
                            : 0
                            " style="width: 80%"></el-progress> -->
                        </div>
                      </div>
                    </div>
                    <div class="chapter_box" v-if="courseState == 1">
                      <div class="chapter_contentbox">
                        <!-- <div>第{{ unitIndex + 1 }}阶段</div> -->
                        <div class="cc_input">
                          <input ref="dyInput" type="text" :placeholder="lang.enterstagetitle" class="binfo_input"
                            v-model="unitJson[unitIndex].dyName" />
                        </div>
                        <div class="remove" v-if="
                          (unitJson.length > 1 || courseState != 2) &&
                          !(unitJson[unitJson.length - 1].easy == 4) &&
                          !(unitJson[unitJson.length - 1].easy == 6)
                        " @click="deleteUnit(unitIndex)"></div>
                      </div>
                    </div>
                    <!-- <div v-if="!unitJson[unitIndex].easy" style="
                    margin: 50px 0px 10px;
                    font-size: 1.5em;
                    font-weight: 700;
                    color: #0f7eff;
                  ">
                  添加任务
                </div> -->
                    <div class="taskBorder" :style="{
                      minHeight: unitJson[unitIndex].easy && 'unset',
                      borderRadius: itemTaskIndex == 0 ? '0px 0px 10px 10px' : '10px',
                      marginTop: itemTaskIndex == 0 ? '0' : '10px',
                    }" :class="{ smallTaskBorder: itemTask.isFold === 1 }"
                      v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex"
                      v-loading="taskLoading[itemTaskIndex]" :element-loading-text="lang.xiaokeloading">
                      <div style="background: #fff; border-radius: 5px"
                        v-loading="taskGLoading[itemTaskIndex] && taskGLoading[itemTaskIndex][0]"
                        :element-loading-text="lang.xiaokeloading">
                        <div class="c_pub_button_confirm stopBtn"
                          v-if="taskGLoading[itemTaskIndex] && taskGLoading[itemTaskIndex][0]"
                          @click="cancelAjax('aiTaskGL1', itemTaskIndex)">{{ lang.stop }}</div>
                        <div class="taskTitle">
                          <div style="display: flex;width: 100%;justify-content: space-between;">
                            <span>{{ lang.ssTask }}{{ itemTaskIndex + 1 }}</span>
                            <!-- <el-tooltip effect="light" content="右键单击可配置提示词" placement="bottom">
                              <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                                @contextmenu.prevent="openAiDialog2(1, 'aiTask2',itemTaskIndex)"
                                @click="openAiDialog2(2, 'aiTask2',itemTaskIndex)">重新生成任务</button>
                            </el-tooltip> -->
                            <div style="display: flex">
                              <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                <button class="c_pub_button_confirm" style="margin: 0 0 0 20px;"
                                  @contextmenu.prevent="openAiDialog2(1, 'aiTask3',itemTaskIndex), addCourseBehavior('courseBehavior', `右键学历案-任务${itemTaskIndex + 1}-重新生成任务按钮`)"
                                  @click="openAiDialog2(2, 'aiTask3',itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-重新生成任务按钮`)">{{ lang.ssRegenTask }}</button>
                              </el-tooltip>
                            </div>
                            <!-- <el-tooltip effect="light" content="右键单击可配置提示词" placement="bottom">
                              <button class="c_pub_button_confirm" style="margin: 0 0 0 20px;"
                                @contextmenu.prevent="openAiDialog2(1, 'aiTask3','all')"
                                @click="openAiDialog2(2, 'aiTask3','all')">重新生成任务</button>
                            </el-tooltip> -->
                          </div>
                        </div>
                        <!-- padding: 20px; -->
                        <div v-if="unitJson[unitIndex].easy != 1">
                          <div :style="{
                            marginBottom:
                              unitJson[unitIndex].easy == 3 ||
                                (unitJson[unitIndex].easy == 5 &&
                                  itemTask.taskType == 1)
                                ? '75px'
                                : '0',
                          }">
                            <div style="
                                display: flex;
                                margin: 0px 0 20px;
                                flex-direction: row;
                                justify-content: flex-start;
                                align-items: center;
                              ">
                              <div class="lineTitle">{{ lang.TaskOverview }}</div>
                            </div>
                            <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
                                flex-direction: row;
                                justify-content: flex-start;
                                align-items: center;
                                margin: 0;
                              ">
                              <!-- <div class="cc_title">
                                任务{{ itemTaskIndex + 1 }}
                              </div> -->
                              <div class="cc_input">
                                <input type="text" :placeholder="lang.EnterTaskName" class="binfo_input" style="border-radius: 4px"
                                  v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].task
                                    " />
                              </div>
                              <div class="remove" v-if="
                                item.taskJson.length > 1 &&
                                (!unitJson[unitIndex].easy ||
                                  unitJson[unitIndex].easy == 6)
                              " @click="deleteTask(itemTaskIndex)"></div>
                              <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
                                class="show_taskD show" @click="fold2(itemTaskIndex)"><img
                                  src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
                              <div v-else-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" class="show_taskD"
                                @click="fold2(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />展开任务描述
                              </div> -->
                            </div>
                            <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
                          display: flex;
                          margin: 20px 0;
                          flex-direction: row;
                          justify-content: flex-start;
                          align-items: center;
                        ">
                              <div class="lineTitle">任务描述</div>
                            </div> && !itemTask.isFold2-->
                            <div v-if="
                              easyArray.indexOf(unitJson[unitIndex].easy) ==
                              -1
                            " style="margin-top: 20px" class="op_task_box"
                              v-loading="taskDetailLoading2.indexOf('task-' + itemTaskIndex) !== -1"
                              :element-loading-text="lang.xiaokeloading">
                              <!-- <editor-bar class="addEditor" style="margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                ].taskDetail
                                " @change="change"></editor-bar> -->
                              <textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols
                                :placeholder="lang.entertaskdescription" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                ].taskDetail
                                  "></textarea>
                              <!-- <textarea rows="6" class="binfo_input" placeholder="请输入任务描述" cols
                                style="width: 70.5% !important; height: 120px" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].taskDetail
                                  "></textarea> -->
                              <div class="op_box" :class="{op_box_isquote: isQuote['aiDetail2-'+itemTaskIndex]}">
                                <div class="op_remark">{{ lang.ssOptTip }}</div>
                                <div class="op_box_right">
                                  <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                    <div class="r_pub_button_op"
                                      @contextmenu.prevent="openAiDialog(1, 'aiDetail2', unitJson[unitIndex].chapterInfo[0].taskJson[
                                      itemTaskIndex
                                    ], itemTaskIndex), addCourseBehavior('courseBehavior', `右键学历案-任务${itemTaskIndex + 1}-任务描述-智能优化按钮`)"
                                      @click="openAiDialog(2, 'aiDetail2', unitJson[unitIndex].chapterInfo[0].taskJson[
                                      itemTaskIndex
                                    ], itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-任务描述-智能优化按钮`)">{{ lang.ssIntOpt }}</div>
                                  </el-tooltip>
                                  <el-switch style="margin-left: 10px" v-model="isQuote['aiDetail2-'+itemTaskIndex]"
                                    :active-text="lang.ssQuote" active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                                    @change="handleSwitchChange('aiDetail2-'+itemTaskIndex)"></el-switch>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div v-loading="anLoading[itemTaskIndex]" style="position: relative" v-if="courseState == 5">
                          <div style="
                              display: flex;
                              flex-direction: row;
                              justify-content: space-between;
                              align-items: center;
                            " :style="{
                              margin: !itemTask.isFoldchapter
                                ? '20px 0 10px'
                                : '20px 0 0',
                            }">
                            <div style="margin-bottom: 10px" class="lineTitle clineTitle">
                              {{ lang.LearningContent }}
                            </div>
                            <!-- <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show"
                              @click="foldC(itemTaskIndex)"><img src="../../../assets/icon/new/icon-slide.png" />收起学习内容</div>
                            <div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img
                                src="../../../assets/icon/new/icon-slide.png" />展开学习内容</div> -->
                            <!-- <div class="line"></div> -->
                          </div>
                          <!-- v-if="!itemTask.isFoldchapter" -->
                          <div>
                            <div class="add_chapters_box add_c_none" v-if="
                                itemTask.chapterData &&
                                itemTask.chapterData.length == 0
                              ">
                              <!-- <img
                                src="../../../assets/icon/new/c_none.png"
                                alt
                              /> -->
                              <span>{{ lang.AddLearningContent }}</span>
                            </div>
                            <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                              <div @dragstart="
                                  dragStart(item1, index1, itemTaskIndex)
                                " @dragover.prevent="
                                  dragOver(index1, itemTaskIndex)
                                " @dragend="dragEnd()" :draggable="
                                  isdrag ==
                                  'chapter-' + itemTaskIndex + '-' + index1
                                " class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData"
                                :key="item1.id" @click="
                                  getChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    item1.type
                                  )
                                " :class="{
                                  dragOverTop2:
                                    newIndex === index1 &&
                                    typeIndex ==
                                      'chapter-' +
                                        itemTaskIndex +
                                        '-' +
                                        index1 &&
                                    oldIndex > index1 &&
                                    dragType == 'drag',
                                  dragOverBottom2:
                                    newIndex === index1 &&
                                    typeIndex ==
                                      'chapter-' +
                                        itemTaskIndex +
                                        '-' +
                                        index1 &&
                                    oldIndex < index1 &&
                                    dragType == 'drag',
                                }">
                                <div @mousedown="
                                    isdrag =
                                      'chapter-' + itemTaskIndex + '-' + index1
                                  " @mouseup="isdrag = ''" @touchstart="
                                    isdrag =
                                      'chapter-' + itemTaskIndex + '-' + index1
                                  " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
                                <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                                  <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                    <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                    <div v-if="item1.type == 3 || item1.type == 16" 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
                                    v-if="item1.type == 15"
                                    class="chapter_upload_l_i15"
                                    style="margin-left: 1px"
                                  ></div>
                                  <div
                                    v-if="item1.type == 17"
                                    class="chapter_upload_l_i8"
                                    style="margin-left: 1px"
                                  ></div>
                                  </div>
                                  <div class="chapter_upload_n">
                                    <input
                                      readonly="true"
                                      v-if="
                                        item1.type == 16
                                      "
                                      :placeholder="item1.name"
                                      @click="
                                        openCodeEditor(1,item1, unitIndex,itemTaskIndex, index1)
                                      "
                                      style="
                                      border: none;
                                      outline: none;
                                      width: 80%;
                                      minwidth: 215px;
                                      z-index: 99;
                                      font-size: 14px;
                                      white-space: nowrap;
                                      overflow: hidden;
                                      text-overflow: ellipsis;
                                    "
                                    />
                                    <input 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,
                                          itemTaskIndex,
                                          index1
                                        )
                                      " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                    <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(itemTaskIndex, index1)
                                      " />
                                    <input :placeholder="
                                        item1.title ? item1.title : lang.Links
                                      " v-if="item1.type == 8" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
                                     <input
                                    :placeholder="
                                      item1.title ? item1.title : lang.Codeupload
                                    "
                                    v-if="item1.type == 17"
                                    style="
                                  border: none;
                                  outline: none;
                                  width: 80%;
                                  white-space: nowrap;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                "
                                    readonly="true"
                                    @click="changeHTmlPage(itemTaskIndex, index1)"
                                  />
                                    <input :placeholder="
                                        item1.title ? item1.title : lang.Links
                                      " v-if="item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        openUpdateSource(itemTaskIndex, index1)
                                      " />
                                       <input
                                    :placeholder="
                                      item1.title ? item1.title : lang.ssAiApp
                                    "
                                    v-if="item1.type == 15"
                                    style="
                                  border: none;
                                  outline: none;
                                  width: 80%;
                                  white-space: nowrap;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                "
                                    readonly="true"
                                    @click="selectLine(0, index1)"
                                  />
                                  </div>
                                  <div class="chapter_upload_ic">
                                    <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                    <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                                    checkChpater( $event, unitIndex, itemTaskIndex, index1 )
                                    ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ud" style="z-index: 99">
                                      <div class="chapter_upload_up" @click="
                                          upCd(
                                            $event,
                                            unitIndex,
                                            index,
                                            itemTaskIndex,
                                            index1
                                          )
                                        "></div>
                                      <div class="chapter_upload_down" @click="
                                          downCd(
                                            $event,
                                            unitIndex,
                                            index,
                                            itemTaskIndex,
                                            index1
                                          )
                                        "></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="
                                        item1.type == 2 ||
                                        item1.type == 3 ||
                                        item1.type == 12 ||
                                        item1.type == 13 ||
                                        item1.type == 7
                                      " @click.stop="
                                        updataVideoT(
                                          $event,
                                          unitIndex,
                                          itemTaskIndex,
                                          index1
                                        )
                                      ">
                                      <div></div>
                                    </div>
                                    <div
                                      class="chapter_upload_ic_edit"
                                      v-if="
                                        item1.type == 16
                                      "
                                      @click.stop="
                                        openCodeEditor(1,item1, unitIndex,itemTaskIndex, index1)
                                      "
                                    >
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                        selectAttText(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 8 || item1.type==15"
                                      @click="selectLine(itemTaskIndex, index1)">
                                      <div></div>
                                    </div>
                                    <div
                                    class="chapter_upload_ic_edit"
                                    v-if="item1.type == 17"
                                    @click="changeHTmlPage(itemTaskIndex, index1)"
                                  >
                                    <div></div>
                                  </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                        openUpdateSource(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_r" @click.stop="
                                        deleteChapterData(
                                          $event,
                                          unitIndex,
                                          index,
                                          index1,
                                          itemTaskIndex
                                        )
                                      ">
                                      <div></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- v-if="!itemTask.isFoldchapter" -->
                          <div class="add_info_box" style="margin: 10px 0 0">
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              {{ lang.Files }}
                              <input type="file" accept="*" style="display: none" multiple="multiple" v-if="inputShow"
                                @change="
                                  beforeUpload2(
                                    $event,
                                    unitIndex,
                                    13,
                                    itemTaskIndex
                                  )
                                " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(itemTaskIndex)">
                              {{ lang.TextImages }}
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openLine(itemTaskIndex)">
                              {{ lang.Links }}
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(itemTaskIndex)">
                              {{ lang.Code }}
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="openSource(itemTaskIndex)">
                              {{ lang.resource }}
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img"
                              @click="openAiCreate(itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-AI生成PPT按钮`)">
                              {{ lang.ssAIGenPPT }}
                            </button>
                            <!-- <button class="c_pub_button_add pub_btn_add_img" @click="createTeacherAn(itemTaskIndex)">
                              AI生成教案
                            </button> -->
                            <button class="c_pub_button_add pub_btn_add_img"
                              @click="createTaskAn(itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-AI生成学历案按钮`)">
                              {{ taskAnLoading[itemTaskIndex] && taskAnLoading[itemTaskIndex] == true ? lang.ssStopGenPlanL :
                              lang.ssAIGenPlan}}
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img"
                              @click="openAiCreateVideo(itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-智能检索视频按钮`)">
                              {{ lang.ssIntSearchV }}
                            </button>
                            <button
                            class="c_pub_button_add pub_btn_add_img"
                            @click="openAddApp(itemTaskIndex)"
                          >
                            {{ lang.Intelligentapplication }}
                          </button>
                          <button
                            class="c_pub_button_add pub_btn_add_img"
                            @click="openCodeEditor(0,'',unitIndex,itemTaskIndex ,'')"
                          >
                            {{ lang.CodeEditor }}
                          </button>

                          <button
                            class="c_pub_button_add pub_btn_add_img"
                                @click="uploadZIPFile(itemTaskIndex)"
                          >
                            {{ lang.Codeupload }}
                          </button>
                          </div>
                          <div v-if="
                              unitJson[unitIndex].chapterInfo[0].taskJson[
                                itemTaskIndex
                              ].proVisible
                            " class="mask">
                            <div class="progressBox">
                              <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                              <div class="lbox">
                                <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                              </div>
                              <div style="margin-bottom: 10px">
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                  ].isFinishSize
                                  }}</span>
                                /
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                  ].isAllSize
                                  }}</span>
                              </div>
                              <!-- <el-progress
                                :text-inside="true"
                                :stroke-width="20"
                                :percentage="
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                    itemTaskIndex
                                  ].progress
                                    ? unitJson[unitIndex].chapterInfo[0]
                                        .taskJson[itemTaskIndex].progress
                                    : 0
                                "
                                style="width: 80%"
                              ></el-progress> -->
                            </div>
                          </div>
                        </div>
                        <div v-if="
                          unitJson[unitIndex].easy == 1 ||
                          (unitJson[unitIndex].easy == 5 &&
                            itemTask.taskType == 2)
                        ">
                          <div>
                            <div class="add_chapters_box add_c_none" v-if="
                              itemTask.chapterData &&
                              itemTask.chapterData.length == 0
                            ">
                              <img src="../../../assets/icon/new/c_none.png" alt />
                            </div>
                            <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                              <div @dragstart="dragStart(item1, index1, index)" @dragover.prevent="
                                dragOver(index1, itemTaskIndex)
                                " @dragend="dragEnd()" :draggable="isdrag ==
                                  'chapter-' + itemTaskIndex + '-' + index1
                                  " class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData"
                                :key="item1.id" @click="
                                  getChapterData(
                                    $event,
                                    unitIndex,
                                    index,
                                    index1,
                                    item1.type
                                  )
                                  " :class="{
                                    dragOverTop2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      itemTaskIndex +
                                      '-' +
                                      index1 &&
                                      oldIndex > index1,
                                    dragOverBottom2:
                                      newIndex === index1 &&
                                      typeIndex ==
                                      'chapter-' +
                                      itemTaskIndex +
                                      '-' +
                                      index1 &&
                                      oldIndex < index1,
                                  }">
                                <div @mousedown="
                                  isdrag =
                                  'chapter-' + itemTaskIndex + '-' + index1
                                  " @mouseup="isdrag = ''" @touchstart="
                                    isdrag =
                                    'chapter-' + itemTaskIndex + '-' + index1
                                    " @touchend="isdrag = ''" class="chapter_upload_drag"></div>
                                <div class="chapter_upload_t" style="width: 100%"></div>
                                <div class="chapter_upload_o" style="
                                    position: relative;
                                    display: flex;
                                    align-items: center;
                                  ">
                                  <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
                                    <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
                                    <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px">
                                    </div>
                                    <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
                                    <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
                                    </div>
                                    <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
                                    </div>
                                    <div
                                    v-if="item1.type == 15"
                                    class="chapter_upload_l_i15"
                                    style="margin-left: 1px"
                                  ></div>
                                  <div
                                    v-if="item1.type == 17"
                                    class="chapter_upload_l_i8"
                                    style="margin-left: 1px"
                                  ></div>
                                  </div>
                                  <div class="chapter_upload_n">
                                    <span style="
                                        font-size: 14px;
                                        color: rgb(109, 109, 109);
                                        height: 14px;
                                        line-height: 14px;
                                      " v-if="
                                        item1.type == 2 ||
                                        item1.type == 3 ||
                                        item1.type == 7
                                      ">{{ item1.text }}-</span>
                                    <input readonly="true" v-if="
                                      item1.type == 2 ||
                                      item1.type == 3 ||
                                      item1.type == 7
                                    " :placeholder="item1.name" @click="
                                      updataVideoT(
                                        $event,
                                        unitIndex,
                                        itemTaskIndex,
                                        index1
                                      )
                                      " style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        minwidth: 215px;
                                        z-index: 99;
                                        font-size: 14px;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " />
                                    <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="
                                        selectAttText(itemTaskIndex, index1)
                                        " />
                                    <input :placeholder="item1.title ? item1.title : lang.Links
                                      " v-if="item1.type == 8 || item1.type == 14" style="
                                        border: none;
                                        outline: none;
                                        width: 80%;
                                        white-space: nowrap;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                      " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
                                      <input
                                    :placeholder="
                                      item1.title ? item1.title : lang.Codeupload
                                    "
                                    v-if="item1.type == 17"
                                    style="
                                  border: none;
                                  outline: none;
                                  width: 80%;
                                  white-space: nowrap;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                "
                                    readonly="true"
                                    @click="changeHTmlPage(itemTaskIndex, index1)"
                                  />
                                      <input
                                    :placeholder="
                                      item1.title ? item1.title : lang.ssAiApp
                                    "
                                    v-if="item1.type == 15"
                                    style="
                                  border: none;
                                  outline: none;
                                  width: 80%;
                                  white-space: nowrap;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                "
                                    readonly="true"
                                    @click="selectLine(0, index1)"
                                  />
                                  </div>
                                  <div class="chapter_upload_ic">
                                    <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                    <div class="chapter_upload_ud" style="z-index: 99">
                                      <div class="chapter_upload_up" @click="
                                        upCd(
                                          $event,
                                          unitIndex,
                                          index,
                                          itemTaskIndex,
                                          index1
                                        )
                                        "></div>
                                      <div class="chapter_upload_down" @click="
                                        downCd(
                                          $event,
                                          unitIndex,
                                          index,
                                          itemTaskIndex,
                                          index1
                                        )
                                        "></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="
                                      item1.type == 2 ||
                                      item1.type == 3 ||
                                      item1.type == 12 ||
                                      item1.type == 13 ||
                                      item1.type == 7
                                    " @click.stop="
                                      updataVideoT(
                                        $event,
                                        unitIndex,
                                        itemTaskIndex,
                                        index1
                                      )
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 6" @click="
                                      selectAttText(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 8 || item1.type == 15"
                                      @click="selectLine(itemTaskIndex, index1)">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_edit" v-if="item1.type == 14" @click="
                                      openUpdateSource(itemTaskIndex, index1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_r" @click.stop="
                                      deleteChapterData(
                                        $event,
                                        unitIndex,
                                        index,
                                        index1,
                                        itemTaskIndex
                                      )
                                      ">
                                      <div></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="add_info_box" style="margin: 10px 0 0">
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              <span style="color: red">*</span>
                              {{ lang.instructionaldesign }}
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    lang.instructionaldesign
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              <span style="color: red">*</span>
                              {{ lang.Teachingcourseware }}
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    lang.Teachingcourseware
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              {{ lang.Teachingvideos }}
                              <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    2,
                                    itemTaskIndex,
                                    lang.Teachingvideos
                                  )
                                  " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              {{ lang.Teachingaudio }}
                              <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
                                beforeUpload3(
                                  $event,
                                  unitIndex,
                                  2,
                                  itemTaskIndex,
                                  lang.Teachingaudio
                                )
                                " />
                            </button>
                            <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
                              {{ lang.worksheet }}
                              <input type="file"
                                accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
                                style="display: none" v-if="inputShow" @change="
                                  beforeUpload3(
                                    $event,
                                    unitIndex,
                                    3,
                                    itemTaskIndex,
                                    lang.worksheet
                                  )
                                  " />
                            </button>
                          </div>
                          <div v-if="
                            unitJson[unitIndex].chapterInfo[0].taskJson[
                              itemTaskIndex
                            ].proVisible
                          " class="mask">
                            <div class="progressBox">
                              <!-- <div id="closePro" class="closeCss">
                                            <img src="../../../../assets/icon/close.png" alt />
                                        </div> -->
                              <div class="lbox">
                                <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                              </div>
                              <div style="margin-bottom: 10px">
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                  ].isFinishSize
                                  }}M</span>
                                /
                                <span>{{
                                  unitJson[unitIndex].chapterInfo[0].taskJson[
                                  itemTaskIndex
                                  ].isAllSize
                                  }}M</span>
                              </div>
                              <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
                                itemTaskIndex
                              ].progress
                                ? unitJson[unitIndex].chapterInfo[0]
                                  .taskJson[itemTaskIndex].progress
                                : 0
                                " style="width: 80%"></el-progress>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- padding: 20px; -->
                      <div style="
                          background: #fff;
                          border-radius: 5px;
                          margin-top: 15px;
                        " :style="{paddingBottom: panTaskElist() == 0?'75px':''}">
                        <div v-if="
                          unitJson[unitIndex].easy == 6 ||
                          !unitJson[unitIndex].easy
                        " class="toolChoose" v-loading="taskGLoading[itemTaskIndex] && taskGLoading[itemTaskIndex][1]"
                          :element-loading-text="lang.xiaokeloading">
                          <div class="c_pub_button_confirm stopBtn"
                            v-if="taskGLoading[itemTaskIndex] && taskGLoading[itemTaskIndex][1]"
                            @click="cancelAjax('aiTaskGL2', itemTaskIndex)">{{ lang.stop }}</div>
                          <div style="width: 100%">
                            <div style="
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                margin: 5px 0 20px;
                                width: 100%
                              ">
                              <div class="lineTitle clineTitle" style="width: 100%">
                                <span>{{ lang.Practicecontent }}</span>
                                <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                  <div class="r_pub_button_op" style="margin-left:auto;"
                                    @contextmenu.prevent="openAiDialog(1, 'aiTaskG2', itemTaskIndex)"
                                    @click="openAiDialog(2, 'aiTaskG2', itemTaskIndex)">{{ panDanTool(itemTask) > 0 ?
                                    lang.ssRegenTool : lang.ssGenTool }}</div>
                                </el-tooltip>
                                <div class="r_pub_button_op" style="margin-left:10px;" @click="allEvaCan2(itemTaskIndex)"  v-if="panDanTool(itemTask) > 0">{{ panDanToolEva(itemTask) > 0 ?
                                    lang.ssRegenToolEva : lang.ssGenToolEva }}</div>
                              </div>
                              <!-- <div class="line" style="width: 90%"></div> -->
                            </div>
                          </div>
                          <div class="tools">
                            <div class="leftTools" style="width: 100%" v-for="(
                                itemTool, toolIndex
                              ) in itemTask.toolChoose" :key="toolIndex">
                              <div style="
                                  display: flex;
                                  flex-direction: row;
                                  align-items: baseline;
                                  flex-wrap: nowrap;
                                  justify-content: flex-start;
                                  position: relative;
                                ">
                                <div style="margin-right: 20px; font-weight: bold"
                                  :id="'gj' + itemTaskIndex + '' + toolIndex">
                                  {{ lang.ToolL.replace(/\*/g, toolIndex + 1) }} ：
                                </div>
                                <div class="chooseWho">
                                  <div :class="itemTool.toolType == 0
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 0),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Interactive }}
                                  </div>
                                  <div :class="itemTool.toolType == 1
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 1),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Cognitive }}
                                  </div>
                                  <div :class="itemTool.toolType == 6
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 6),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Collaborative }}
                                  </div>
                                  <div :class="itemTool.toolType == 2
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 2),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Assessment }}
                                  </div>
                                  <div :class="itemTool.toolType == 7
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 7),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Evaluation }}
                                  </div>
                                  <div :class="itemTool.toolType == 3
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 3),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.Programming }}
                                  </div>
                                  <div :class="itemTool.toolType == 5
                                    ? 'isChooseActive'
                                    : ''
                                    " @click="
                                      (itemTool.toolType = 5),
                                      (itemTool.isFold3 = false),
                                      $forceUpdate()
                                      ">
                                    {{ lang.SubjectSpecific }}
                                  </div>
                                  <!-- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
                              " @click="(itemTool.toolType = 4), $forceUpdate()">
                              其他
                            </div> -->
                                </div>
                                <div class="chapter_upload_ud2" style="z-index: 9; margin: 0 0 0 auto" :style="{
                                  margin:
                                    itemTask.toolChoose.length > 1
                                      ? '0px 35px 0px auto'
                                      : '0 0 0 auto',
                                }" v-if="itemTask.toolChoose.length > 1">
                                  <div class="chapter_upload_up2" @click.stop="
                                    upTool(
                                      $event,
                                      unitIndex,
                                      itemTaskIndex,
                                      toolIndex
                                    )
                                    ">
                                    {{ lang.Moveup }}
                                  </div>
                                  <div class="chapter_upload_down2" @click.stop="
                                    downTool(
                                      $event,
                                      unitIndex,
                                      itemTaskIndex,
                                      toolIndex
                                    )
                                    ">
                                    {{ lang.Movedown }}
                                  </div>
                                </div>
                                <!-- <div v-if="!itemTool.isFold3" class="show_toolD show"
                                @click="fold3(itemTaskIndex, toolIndex)"
                                :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
                                  src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
                              <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
                                :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
                                  src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div> -->
                                <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
                                  v-if="itemTask.toolChoose.length > 1" style="
                                    position: absolute;
                                    right: 0;
                                    top: -5px;
                                  "></div>
                              </div>
                              <!-- v-show="!itemTool.isFold3" -->
                              <div style="min-height: 163px">
                                <div class="toolSort" v-if="itemTool.toolType == 0">
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(8, itemTaskIndex, toolIndex)"
                              >
                                <img src="../../../assets/icon/secondToolList/library.png" alt />
                                <div style="margin: 5px 0">素材库</div>
                              </div>
                              <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(8) == -1"
                                />
                                <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
                                    alt /><span>已选择</span></div>
                              </div>
                            </div>-->
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(17, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/secondToolList/library.png"
                                  alt
                               />
                                <div style="margin: 5px 0">学习资料</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(17, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(17) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>10
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(10) != -1,
                                  }" @click="
                                    addTools(10, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 10, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/time.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssCountdown }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(10) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(65) != -1,
                                  }" @click="
                                    addTools(65, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(65, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssPickPeople }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(65) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
                                      <img src="../../../assets/icon/fourthToolList/group.png" alt />
                                      <div style="margin: 5px 0">学生分组</div>
                                    </div>
                                    <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(49) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div> -->
                                        <!-- <div class="tool">
                                        <div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
                                          <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
                                          <div style="margin: 5px 0">交互视频</div>
                                        </div>
                                        <div class="check" @click="addTools(62, itemTaskIndex, toolIndex)">
                                          <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(62) == -1" />
                                          <div class="checkDiv" v-else>
                                            <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                          </div>
                                        </div>
                                      </div> -->
                                      <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(72) != -1,
                                  }" @click="
                                    addTools(72, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 72, toolIndex)
                                      ">
                                      <img
                                      style="object-fit: cover;height: 60px;"

                                            :src="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson ?
                                            unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.json.icon :
                                            require('../../../assets/icon/firstToolList/appStore.png')"
                                          alt />

                                        <div style="margin: 5px 0" >
                                            <div
                                              v-if="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson"
                                              >
                                              <el-tooltip class="item" effect="dark"
                                                :content="unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name"
                                                placement="top">
                                                  <div class="Ovh">
                                                    {{unitJson[unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson.name}}
                                                  </div>
                                              </el-tooltip>
                                            </div>

                                            <span v-else>
                                              {{ lang.ssAppCenter }}
                                            </span>
                                        </div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(72) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 1">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(7) != -1,
                                  }" @click="
                                    addTools(7, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(7, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssMindGrid }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(7) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(1) != -1,
                                  }" @click="
                                    addTools(1, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 1, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssEWhite }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(1) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(2, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/secondToolList/note.png"
                                  alt
                                />
                                <div style="margin: 5px 0">便签</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(2, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(2) == -1"
                                />
                                <div class="checkDiv" v-else>
                                  <img
                                    src="../../../assets/icon/checkedIs.png"
                                    alt
                                  /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/secondToolList/doc.png" alt />
                                <div style="margin: 5px 0">协同文档</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(6, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(6) == -1"
                                />
                                <div class="checkDiv" v-else>
                                  <img
                                    src="../../../assets/icon/checkedIs.png"
                                    alt
                                  /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(52) != -1,
                                  }" @click="
                                    addTools(52, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 52, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/text.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssDocument }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(52) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(3) != -1,
                                  }" @click="
                                    addTools(3, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 3, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssMindMap }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(3) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(48) != -1,
                                  }" @click="
                                    addTools(48, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 48, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/table.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssTable }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(48) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 6">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(49) != -1,
                                  }" @click="
                                    addTools(49, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 49, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/group.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssStuGroup }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(49) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 2">
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="addTools(5, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/thirdToolList/score.png"
                                  alt
                                />
                                <div style="margin: 5px 0">量规评分</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(5, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(5) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>
                            </div>-->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(4) != -1,
                                  }" @click="
                                    addTools(4, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 4, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssQuest }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(4) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(45) != -1,
                                  }" @click="
                                    addTools(45, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click="
                                      openTools(itemTaskIndex, 45, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/choose.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssChoice }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(45) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(15) != -1,
                                  }" @click="
                                    addTools(15, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 15, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/answer.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssQA }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(15) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(16) != -1,
                                  }" @click="
                                    addTools(16, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(16, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/work.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssHomework }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(16) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(50) != -1,
                                  }" @click="
                                    addTools(50, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(50, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssBatchUp }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(50) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
                                <img src="../../../assets/icon/thirdToolList/eval.png" alt />
                                <div style="margin: 5px 0">个人评价</div>
                              </div>
                              <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(40) == -1" />
                                <div class="checkDiv" v-else>
                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(41) != -1,
                                  }" @click="
                                    addTools(41, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 41, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/select.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssSelMatch }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(41) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(47) != -1,
                                  }" @click="
                                    addTools(47, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 47, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssSort }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(47) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                              <div
                                class="whiteBIcon"
                                @click="openTools(itemTaskIndex, 42, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/thirdToolList/mp3.png"
                                  alt
                                />
                                <div style="margin: 5px 0">上传音频</div>
                              </div>
                              <div
                                class="check"
                                @click="addTools(42, itemTaskIndex, toolIndex)"
                              >
                                <img
                                  src="../../../assets/icon/checkNo.png"
                                  alt
                                  v-if="itemTool.tool.indexOf(42) == -1"
                                />
                                <img
                                  src="../../../assets/icon/checkedIs.png"
                                  alt
                                  v-else
                                />
                              </div>
                            </div> -->
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 3">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(18) != -1,
                                  }" @click="
                                    addTools(18, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(18, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssTrainPlat }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(18) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(21) != -1,
                                  }" @click="
                                    addTools(21, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(21, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/program.png" alt />
                                      <div style="margin: 5px 0">
                                        AIoT Blockly
                                      </div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(21) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
                                    <div style="margin: 5px 0">AI体验</div>
                                  </div>
                                  <div class="check" @click="addTools(22, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(22) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(23) != -1,
                                  }" @click="
                                    addTools(23, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(23, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
                                      <div style="margin: 5px 0">AI Python</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(23) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(24) != -1,
                                  }" @click="
                                    addTools(24, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(24, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
                                      <div style="margin: 5px 0">
                                        AI Blockly
                                      </div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(24) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(32) != -1,
                                  }" @click="
                                    addTools(32, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(32, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/code.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssCodeEdit }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(32) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(57) != -1,
                                  }" @click="
                                    addTools(57, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 57, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
                                      <div style="margin: 5px 0">CocoPi</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(57) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(63) != -1,
                                  }" @click="
                                    addTools(63, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(63, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssTurtle }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(63) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(71) != -1,
                                  }" @click="
                                    addTools(71, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(71, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/fourthToolList/chatgpt.png" alt />
                                      <div style="margin: 5px 0">AI智能体</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(71) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                  </div> -->
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 7">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(40) != -1,
                                  }" @click.stop="
                                    addTools(40, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 40, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/eval.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssPersonalL }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(40) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                </div>
                                <div class="toolSort" v-if="itemTool.toolType == 5">
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(28) != -1,
                                  }" @click="
                                    addTools(28, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(28, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssTranslate }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(28) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(31) != -1,
                                  }" @click="
                                    addTools(31, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(31, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssDigital }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(31) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(39) != -1,
                                  }" @click="
                                    addTools(39, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(39, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                      <div style="margin: 5px 0">GeoGebra</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(39) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(66) != -1,
                                  }" @click="
                                    addTools(66, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(66, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssFormula }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(66, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(66) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <!-- <div class="tool">
                                    <div class="whiteBIcon" @click="addTools(67, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/secondToolList/molStr.png" alt />
                                      <div style="margin: 5px 0">分子结构</div>
                                    </div>
                                    <div class="check" @click="addTools(67, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(67) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div>
                                  </div> -->
                                  <!-- <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(68) != -1,
                                  }" @click="
                                    addTools(68, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      addTools(68, itemTaskIndex, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
                                      <div style="margin: 5px 0">时间轴</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div> -->
                                    <!-- <div class="check" @click="addTools(68, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(68) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  <!-- </div> -->
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(69) != -1,
                                  }" @click="
                                    addTools(69, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 69, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/english.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssEngWrite }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(69) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
                                      <img src="../../../assets/icon/checkNo.png" alt
                                        v-if="itemTool.tool.indexOf(4) == -1" />
                                      <div class="checkDiv" v-else>
                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                      </div>
                                    </div> -->
                                  </div>
                                  <div class="tool" :class="{
                                    isToolChoose:
                                      itemTool.tool.indexOf(70) != -1,
                                  }" @click="
                                    addTools(70, itemTaskIndex, toolIndex)
                                    ">
                                    <div class="whiteBIcon" @click.stop="
                                      openTools(itemTaskIndex, 70, toolIndex)
                                      ">
                                      <img src="../../../assets/icon/thirdToolList/englishVoice.png" alt />
                                      <div style="margin: 5px 0">{{ lang.ssEngSpeak }}</div>
                                    </div>
                                    <div class="noCTool">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                    <div class="isCTool" v-if="itemTool.tool.indexOf(70) != -1">
                                      <img src="../../../assets/icon/new/isToolC.png" alt="" />
                                    </div>
                                  </div>
                                  <!-- <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                    <div style="margin: 5px 0">翻译</div>
                                  </div>
                                  <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(28) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(37, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/mohe.png" alt />
                                    <div style="margin: 5px 0">魔盒识字</div>
                                  </div>
                                  <div class="check" @click="addTools(37, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(37) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(38, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/24game.png" alt />
                                    <div style="margin: 5px 0">24点</div>
                                  </div>
                                  <div class="check" @click="addTools(38, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(38) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                    <div style="margin: 5px 0">数学画板</div>
                                  </div>
                                  <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(31) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                    <div style="margin: 5px 0">GeoGebra</div>
                                  </div>
                                  <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(39) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(58, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/car.png" alt />
                                    <div style="margin: 5px 0">模拟驾驶</div>
                                  </div>
                                  <div class="check" @click="addTools(58, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(58) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(59, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
                                    <div style="margin: 5px 0">路径搜索</div>
                                  </div>
                                  <div class="check" @click="addTools(59, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(59) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(60, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
                                    <div style="margin: 5px 0">深度学习</div>
                                  </div>
                                  <div class="check" @click="addTools(60, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(60) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(61, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
                                    <div style="margin: 5px 0">全历史</div>
                                  </div>
                                  <div class="check" @click="addTools(61, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(61) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="toolSort" v-if="itemTool.toolType == 4">
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(26, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
                                    <div style="margin: 5px 0">课程设计</div>
                                  </div>
                                  <div class="check" @click="addTools(26, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(26) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div>
                                <div class="tool">
                                  <div class="whiteBIcon" @click="addTools(25, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
                                    <div style="margin: 5px 0">目标管理</div>
                                  </div>
                                  <div class="check" @click="addTools(25, itemTaskIndex, toolIndex)">
                                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(25) == -1" />
                                    <div class="checkDiv" v-else>
                                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                    </div>
                                  </div>
                                </div> -->
                                  <!-- <div class="tool">
                              <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
                                <div style="margin: 5px 0">汉字宫</div>
                              </div>
                              <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
                                <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
                                <div class="checkDiv" v-else>
                                  <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                </div>
                              </div>
                            </div> -->
                                </div>
                              </div>
                              <!-- v-show="!itemTool.isFold3" -->
                              <div class="op_tool_box"
                                v-loading="taskDetailLoading3.indexOf('task-' + itemTaskIndex + toolIndex) !== -1"
                                :element-loading-text="lang.xiaokeloading">
                                <textarea rows="2" v-autoHeight="70" type="text" :placeholder="lang.AddToolDescription"
                                  class="binfo_input" style="
                                    margin: 0 0 20px 0;
                                    width: 100% !important;
                                  " v-model="itemTool.toolDetail"></textarea>
                                <div class="op_box"
                                  :class="{op_box_isquote: isQuote['aiDetail3-'+itemTaskIndex+'-'+toolIndex]}">
                                  <div class="op_remark">{{ lang.ssOptTip }}</div>
                                  <div class="op_box_right">
                                    <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                      <div class="r_pub_button_op"
                                        @contextmenu.prevent="openAiDialog(1, 'aiDetail3', itemTool, itemTaskIndex, toolIndex), addCourseBehavior('courseBehavior', `右键学历案-任务${itemTaskIndex + 1}-工具${toolIndex + 1}-工具描述-智能优化按钮`)"
                                        @click="openAiDialog(2, 'aiDetail3', itemTool.toolDetail, itemTaskIndex, toolIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-工具${toolIndex + 1}-工具描述-智能优化按钮`)">
                                        {{ lang.ssIntOpt }}</div>
                                    </el-tooltip>
                                    <el-switch style="margin-left: 10px"
                                      v-model="isQuote['aiDetail3-'+itemTaskIndex+'-'+toolIndex]" :active-text="lang.ssQuote"
                                      active-color="#0061FF" class="custom-switch" v-if="isDialog == 1"
                                      @change="handleSwitchChange('aiDetail3-'+itemTaskIndex+'-'+toolIndex)"></el-switch>
                                  </div>
                                </div>
                              </div>
                              <evaList :toolsData="toolsData" :unitJson="unitJson" :itemTaskIndex="itemTaskIndex"
                                :toolIndex="toolIndex" :knowFileids="knowFileids" :languageSetting="languageSetting"
                                :userid="userid" :aiJson="aiJson" @addAppendixEva="addAppendixEva"
                                @setEvaList="setEvaList" @addCourseBehavior="addCourseBehavior"
                                v-if="panTaskElist() == 0 && pjIndex.indexOf(itemTool.tool[0]) != -1"
                                :ref="'evalist'+itemTaskIndex+toolIndex"></evaList>
                            </div>
                            <button class="c_pub_button_add pub_btn_tool_img"
                              @click="addToolFun(itemTaskIndex), addCourseBehavior('courseBehavior', `点击学历案-任务${itemTaskIndex + 1}-工具描述-添加按钮`)"
                              style="
                                margin: 0 auto;
                                padding: 0 30px;
                                height: 45px;
                              ">
                              {{ lang.AddTool }}
                            </button>
                          </div>
                        </div>
                        <div class="elist_css" v-if="panElist(itemTask) > 0">
                          <div class="elist_title">
                            <div style=" display: flex; flex-direction: row; align-items: center; margin: 20px 0; ">
                              <div class="lineTitle clineTitle" style="width: auto">{{ lang.ssTaskEvaSys }}</div>
                            </div>
                            <div>
                              <MindTask :showBar="false" :mindData="itemTask" style="width: 100%"
                                :jsmindId="unitIndex + '-' + itemTaskIndex + 'mindTask' "
                                :ref="unitIndex + '-' + itemTaskIndex + 'mindTask'"></MindTask>
                            </div>
                          </div>
                        </div>
                        <div class="elist_css" v-if="panTaskElist() > 0"
                          v-loading="(taskDetailLoading4.indexOf('task-' + itemTaskIndex) !== -1) || (taskGLoading[itemTaskIndex] && taskGLoading[itemTaskIndex][2])"
                          :element-loading-text="lang.xiaokeloading">
                          <div class="elist_title">
                            <div style="
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                margin: 20px 0;
                              ">
                              <div class="lineTitle clineTitle">{{ lang.AssessmentSettings }}</div>
                              <div style="margin-left:auto;display: flex;">
                                <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom"
                                  v-if="itemTask.eList && itemTask.eList.length">
                                  <div class="r_pub_button_op"
                                    @contextmenu.prevent="openAiDialog(1, 'aiRateRuleA', itemTaskIndex)"
                                    @click="openAiDialog(2, 'aiRateRuleA', itemTaskIndex)">{{ lang.ssOneKeyEvaRule }}</div>
                                </el-tooltip>
                                <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom"
                                  v-if="itemTask.eList && itemTask.eList.length">
                                  <div class="r_pub_button_op" style="margin-left:10px;"
                                    @contextmenu.prevent="openAiDialog(1, 'aiDetail4', itemTask.eList, itemTaskIndex)"
                                    @click="openAiDialog(2, 'aiDetail4', itemTask.eList, itemTaskIndex)">{{ lang.ssIntOpt }}</div>
                                </el-tooltip>
                                <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                  <div class="r_pub_button_op" style="margin-left:10px;"
                                    @contextmenu.prevent="openAiDialog(1, 'aiTaskG3', itemTaskIndex)"
                                    @click="openAiDialog(2, 'aiTaskG3', itemTaskIndex)">{{ (itemTask.eList &&
                                    itemTask.eList.length) ? lang.ssRegenEva : lang.ssGenEva }}</div>
                                </el-tooltip>
                              </div>
                              <!-- <div class="line" style="width: 90%"></div> -->
                            </div>
                          </div>
                          <div style="flex-wrap: wrap; position:relative;margin:10px 0;">
                            <button class="c_pub_button_confirm2" @click="addImg($event)" style="margin: 0px;">
                              {{ lang.ssUploadSup }}
                              <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple"
                                style="display: none" v-if="inputShow" @change="
                                beforeUploadInfo2(
                                  $event,
                                  18,
                                  itemTaskIndex
                                )
                                " />
                            </button>
                            <div style="margin-top: 10px;width:100%"
                              v-if="pingjiaInfoData[itemTaskIndex] && pingjiaInfoData[itemTaskIndex].length">
                              <div class="add_chapters_box add_c_none" v-if="
                                pingjiaInfoData[itemTaskIndex] &&
                                pingjiaInfoData[itemTaskIndex].length == 0
                              ">
                                <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                                <span>{{ lang.ssNoContentL }}</span>
                              </div>
                              <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                                <div class="chapter_upload" v-for="(item1, index1) in pingjiaInfoData[itemTaskIndex]"
                                  :key="item1.id" @click="
                                        getChapterData(
                                          $event,
                                          index1,
                                          item1.type
                                        )
                                        ">
                                  <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.stop="
                                        checkChpater3($event, index1, item1)
                                        " style="
                                                    border: none;
                                                    outline: none;
                                                    width: 80%;
                                                    minwidth: 215px;
                                                    z-index: 99;
                                                    font-size: 14px;
                                                    white-space: nowrap;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                  " />
                                      <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                                    border: none;
                                                    outline: none;
                                                    width: 80%;
                                                    white-space: nowrap;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                  " readonly="true" @click="
                                                    selectAttText(index1)
                                                    " />
                                      <input :placeholder="item1.title ? item1.title : lang.Links
                                        " v-if="item1.type == 8" style="
                                                    border: none;
                                                    outline: none;
                                                    width: 80%;
                                                    white-space: nowrap;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                  " readonly="true" @click="selectLine(index1)" />
                                      <input :placeholder="item1.title ? item1.title : lang.Links
                                        " v-if="item1.type == 14" style="
                                                    border: none;
                                                    outline: none;
                                                    width: 80%;
                                                    white-space: nowrap;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                  " readonly="true" @click="
                                                    openUpdateSource(index1)
                                                    " />
                                    </div>
                                    <div class="chapter_upload_ic">
                                      <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                      <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                                        checkChpater3($event, index1, item1)
                                        ">
                                        <div></div>
                                      </div>
                                      <div class="chapter_upload_ic_r" @click.stop="
                                        deletepingjiaInfoData(
                                          $event,
                                          index1,
                                          itemTaskIndex
                                        )
                                        ">
                                        <div></div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div v-if="
                              pingjiainfoproVisible[itemTaskIndex]
                            " class="mask">
                              <div class="progressBox">
                                <div class="lbox">
                                  <img src="../../../assets/loading.gif" />{{ lang.pleasewait }}
                                </div>
                                <div style="margin-bottom: 10px">
                                  <span>{{
                                    pingjiainfoisFinishSize[itemTaskIndex]
                                    }}</span>
                                  /
                                  <span>{{
                                    pingjiainfoisAllSize[itemTaskIndex]
                                    }}</span>
                                </div>
                                <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="pingjiainfoprogress[itemTaskIndex]
                                  ? pingjiainfoprogress[itemTaskIndex]
                                  : 0
                                  " style="width: 80%"></el-progress> -->
                              </div>
                            </div>
                          </div>
                          <div class="mbCss">
                            <div class="pjCss" :style="{
                              width: itemTask.isEvaFold
                                ? 'calc(100% - 55%)'
                                : 'calc(100% - 120px)',
                            }">
                              <div v-if="itemTask.eList && itemTask.eList.length" class="elist_input">
                                <div v-for="(eItem, eIndex) in itemTask.eList" :key="eIndex" class="elist_input_box">
                                  <div class="elist_inptu_text">
                                    <span>{{ lang.ssTargetColon }}</span>
                                    <!-- <span>核心素养：</span> -->
                                    <input type="input" v-model="itemTask.eList[eIndex].target" :placeholder="lang.ssFillTarget"
                                      style="width: calc(100% - 280px);" />
                                    <el-switch @change="forceUpdate" class="rateSwitch" style="margin-left: auto;"
                                      v-model="itemTask.eList[eIndex].isai" active-color="#0061FF" :active-text="lang.ssAIScore"
                                      inactive-text="" active-value="1" inactive-value="2">
                                    </el-switch>
                                  </div>
                                  <div class="elist_inptu_text" v-show="false">
                                    <!-- <span>评价维度：</span> -->
                                    <span>{{ lang.ssAbilityColon }}</span>
                                    <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].value || '填写评价维度'" placement="top" popper-class="text_tooltip2"> -->
                                    <input type="input" v-model="itemTask.eList[eIndex].value" :placeholder="lang.ssFillAbility" />
                                    <!-- </el-tooltip> -->
                                    <!-- <span>评星等级：</span>
                                    <el-rate v-model="itemTask.eList[eIndex].score" @change="setEListStar()"
                                      disabled></el-rate> -->
                                    <div class="remove" @click="
                                      deletEList(
                                        unitIndex,
                                        itemTaskIndex,
                                        eIndex
                                      )
                                      "></div>
                                  </div>
                                  <div class="elist_inptu_text">
                                    <!-- <span>维度描述：</span> -->
                                    <span>{{ lang.ssEvaStdColon }}</span>
                                    <!-- <el-tooltip effect="dark" :content="itemTask.eList[eIndex].detail || '填写维度描述'" placement="top" popper-class="text_tooltip2"> -->
                                    <input type="input" v-model="itemTask.eList[eIndex].detail" :placeholder="lang.ssFillEvaStd" />
                                    <div class="remove" @click="
                                      deletEList(
                                        unitIndex,
                                        itemTaskIndex,
                                        eIndex
                                      )
                                      "></div>
                                    <!-- </el-tooltip> -->
                                  </div>
                                  <div class="elist_inptu_text" v-if="evalua">
                                    <span>{{ lang.ssTargetColon }}</span>
                                    <!-- <input type="input" v-model="itemTask.eList[eIndex].target" placeholder="填写维度描述" /> -->
                                    <!-- <el-select v-model="itemTask.eList[eIndex].target" placeholder="请选择目标"
                                @change="forceUpdate()">
                                <el-option v-for="(e, eIndex) in targetArray" :key="eIndex" :label="e.name"
                                  :value="e.name">
                                </el-option>
                              </el-select> -->
                                    <el-cascader :options="targetArray" v-model="itemTask.eList[eIndex].target"
                                      :props="{ checkStrictly: true }" :show-all-levels="false" clearable></el-cascader>
                                  </div>
                                  <div class="elist_inptu_text" style="align-items: flex-start;"
                                    v-loading="ruleLoading[itemTaskIndex] && ruleLoading[itemTaskIndex][eIndex]"
                                    :element-loading-text="lang.xiaokeloading">
                                    <span>{{ lang.ssEvaRuleColon }}</span>
                                    <div style="width: calc(100%);">
                                      <div @click="openRule(itemTaskIndex, eIndex)" class="ruleBtn"
                                        v-if="itemTask.eList[eIndex].rule">{{itemTask.eList[eIndex].isrule ? lang.ssFoldRule :
                                        lang.ssExpandRule}}</div>
                                      <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom" v-else>
                                        <div class="ruleBtn"
                                          @contextmenu.prevent="openAiDialog(1, 'aiRateRule', itemTaskIndex, eIndex)"
                                          @click="openAiDialog(2, 'aiRateRule', itemTaskIndex, eIndex)">{{ lang.ssGenRule }}</div>
                                      </el-tooltip>
                                      <div style="width: calc(100%);" class='op_task_box'
                                        v-if="itemTask.eList[eIndex].isrule">
                                        <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols
                                          v-model="itemTask.eList[eIndex].rule" :placeholder="lang.ssEnterEvaRule"></textarea>
                                        <div class="op_box">
                                          <div class="op_remark"></div>
                                          <div class="op_box_right">
                                            <el-tooltip effect="light" :content="lang.ssRightClick" placement="bottom">
                                              <div class="r_pub_button_op"
                                                @contextmenu.prevent="openAiDialog(1, 'aiRateRule', itemTaskIndex, eIndex)"
                                                @click="openAiDialog(2, 'aiRateRule', itemTaskIndex, eIndex)">
                                                {{itemTask.eList[eIndex].rule ? lang.ssRegenRule : lang.ssGenRule}}</div>
                                            </el-tooltip>
                                          </div>
                                        </div>
                                      </div>
                                    </div>

                                  </div>
                                </div>
                              </div>
                              <!-- <div class="addToolFun" @click="addEList(unitIndex, itemTaskIndex)"
                                style="margin: 35px 35px 0 0">
                                <div class="addToolImg">
                                  <img src="../../../assets/icon/add.png" alt />
                                </div>
                                <div>添加</div>
                              </div> -->
                              <div class="eva_btn_box">
                                <div class="eva_btn_left_box">
                                  <button class="c_pub_button_add pub_btn_eval_img"
                                    @click="addEList(unitIndex, itemTaskIndex)">
                                    {{ lang.ssAdd }}
                                  </button>
                                  <!-- <button class="c_pub_button_add pub_btn_eval_source_img"
                                    @click="openEList(unitIndex, itemTaskIndex)">
                                    资源
                                  </button> -->
                                </div>
                                <button class="c_pub_button_add" @click="addCET(unitIndex, itemTaskIndex)"
                                  v-if="itemTask.eList && itemTask.eList.length">
                                  {{ lang.AddResourceTemplate || lang.Addresourcetemplate }}
                                </button>
                              </div>
                            </div>
                            <div v-if="evalua" style="
                                border: 1px solid #e5e5e5;
                                box-shadow: 3px 1px 15px 3px #e0e0e0;
                              " :style="{
                                width: itemTask.isEvaFold ? '55%' : '116px',
                              }" class="evaCss">
                              <!-- <div class="e_add_top">
                              <div class="e_add_title">
                                <span>当前使用目标管理</span>
                                <span>{{ eTitle }}</span>
                                <img src="../../../assets/line.png" class="cru_line" style="
                                width: 125px;
                                height: 20px;
                                bottom: -10px;
                                left: 155px;
                              " />
                              </div>
                            </div> -->
                              <div class="e_add_content" style="width: 100%">
                                <div class="e_add_list_pbox" style="width: 100%">
                                  <div class="e_add_list_pbox_title">
                                    <span class="type_title" v-if="itemTask.isEvaFold">{{ lang.ssSwitchMode }}</span>
                                    <div class="type_content" v-if="itemTask.isEvaFold">
                                      <span :class="{ active: typeMode == 1 }"
                                        @click="OtherMb(1, itemTaskIndex)">{{ lang.ssTreeView }}</span>
                                      <span :class="{ active: typeMode == 2 }"
                                        @click="OtherMb(2, itemTaskIndex)">{{ lang.ssCompass }}</span>
                                      <!-- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span> -->
                                    </div>
                                    <div v-if="itemTask.isEvaFold" class="show_taskD show" style="margin: 0 0 0 auto"
                                      @click="foldEva(itemTaskIndex)">
                                      <img src="../../../assets/icon/new/icon-slide.png" />{{ lang.ssFoldGoal }}
                                    </div>
                                    <div v-else style="margin: 0 0 0 auto" class="show_taskD"
                                      @click="foldEva(itemTaskIndex)">
                                      <img src="../../../assets/icon/new/icon-slide.png" />{{ lang.ssExpandGoal }}
                                    </div>
                                  </div>
                                  <div class="e_add_list_pbox_content" v-if="itemTask.isEvaFold"
                                    style="min-height: 200px">
                                    <Mind :showBar="false" :mindData="data" style="width: 100%" :jsmindId="unitIndex + '-' + itemTaskIndex + 'mind'
                                      " v-if="typeMode == 1"></Mind>
                                    <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2">
                                    </Sunburst>
                                    <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
                                      v-if="typeMode == 3"></SeeBoard>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="funBlock" style="padding: 0">
                          <div class="fold" @click="fold(itemTaskIndex, $event)">
                            <div class="arrow" :class="{ arrowZ: !(itemTask.isFold === 1) }"></div>
                            <div>
                              {{
                              itemTask.isFold === 1 ? lang.ssExpandTask : lang.ssFoldTask
                              }}
                            </div>
                          </div>
                          <!-- <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
                          <div>展开</div>
                          <div class="arrow">
                            <img src="../../../assets/icon/expand.png" alt />
                          </div>
                        </div> -->
                        </div>
                      </div>
                    </div>
                    <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
                      <!-- <div>
                        <img src="../../../../assets/icon/new/addStage.png" alt />
                        <span>添加任务</span>
                      </div> -->
                      <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
                        {{ lang.ssAddTask }}
                      </button>
                    </div>
                    <div class="appendixBox whiteBg taskBorder" style="background: #fff; margin: 10px 0 10px;"
                      :style="{ paddingBottom: appendixPan ? '10px' : '0px', minHeight: appendixPan ? '670px' : 'unset' }" v-if="(appendixTaskCheck != 'all' || appendixTypeCheck != 'all') || allFile().length" v-loading="appendixLoading" element-loading-text="小可正在努力生成中，请稍等...">
                      <div class="whiteBg" style="border-radius: 0; ">
                        <div class="appendix_info_title" style="margin: 0 20px 0 20px;position:relative; padding: 0 0 15px;">
                          <span>{{ lang.ssAttachment }}</span>
                          <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;"
                            @click="appendixPan = !appendixPan">{{ appendixPan ? lang.ssFold : lang.ssExpand }}</button>
                        </div>
                        <div style="width: 100%; box-sizing: border-box;"
                          v-show="appendixPan">
                          <div class="appendix_check_box">
                            <div class="appendix_check_task">
                              <span>{{ lang.ssTaskColon }}</span>
                              <div class="checkButton" :class="{ checked: appendixTaskCheck == 'all' }" @click="appendixTaskCheck = 'all'">{{ lang.ssAll }}</div>
                              <div class="checkButton" :class="{ checked: appendixTaskCheck == (tIndex+1) }" @click="appendixTaskCheck = (tIndex+1)" v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0].taskJson" :key="tIndex">{{ lang.ssTaskNum.replace(/\*/g, tIndex+1) }}</div>
                            </div>
                            <div class="appendix_check_type">
                              <span>{{ lang.ssFileTypeC }}</span>
                              <div class="checkButton" :class="{ checked: appendixTypeCheck == 'all' }" @click="appendixTypeCheck = 'all'">{{ lang.ssAll }}</div>
                              <div class="checkButton" :class="{ checked: appendixTypeCheck == tIndex }" @click="appendixTypeCheck = t.value" v-for="(t, tIndex) in appendixType" :key="tIndex">{{ t.label }}</div>
                            </div>
                            <div class="appendix_check_all_box">
                              <div class="appendix_check_all" v-if="allFile().length" @click="checkAllappendixFile()">
                                <div class="chapter_upload_check" :class="{ checked: panAppendixCheckAll() }"></div>
                                <div class="appendix_check_all_text">{{ lang.ssSelectAll }}</div>
                              </div>
                              <button class="c_pub_button_confirm" style="margin: 0 0 0 auto;" @click="exportAppendixFiles">{{ lang.ssBatchDown }}</button>
                            </div>
                          </div>
                          <div class="appendix_file_box">
                            <div class="add_chapters_box" style="display: flex; flex-direction: column">
                              <div style="height: 50px; display: flex ; align-items: center; justify-content: center;" v-if="allFile().length == 0 ">
                                <span>{{ lang.ssNoContentL }}</span>
                              </div>
                              <div class="chapter_upload" v-for="(item1, index1) in allFile()" :key="item1.id">
                                <div class="chapter_upload_o"
                                  style=" position: relative; display: flex; align-items: center; ">
                                  <div class="chapter_upload_check"
                                    :class="{ checked: appendixFiles.indexOf(item1.url) != -1 }"
                                    @click="checkAppendixFile(item1.url)"></div>
                                  <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" style="width: 100%;">
                                    <div @click.stop="
                                      checkChpater3($event, index1, item1)
                                      " v-if="
                                          item1.type == 2 ||
                                          item1.type == 3 ||
                                          item1.type == 12 ||
                                          item1.type == 13 ||
                                          item1.type == 7
                                        " class="chapter_upload_box">{{ item1.name }}</div>
                                    <div v-if="item1.type == 6" class="chapter_upload_box" @click="
                                      selectAttText(0, index1)
                                      ">{{ item1.name }}</div>
                                    <div v-if="item1.type == 8" class="chapter_upload_box"
                                      @click="selectLine(0, index1)">{{ item1.title ? item1.title : lang.ssLink }}</div>
                                    <div v-if="item1.type == 14" class="chapter_upload_box" @click="
                                      openUpdateSource(0, index1)
                                      ">{{ item1.title ? item1.title : lang.ssLink }}</div>
                                  </div>
                                  <div class="chapter_upload_ic">
                                    <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                                    <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                                      checkChpater3($event, index1, item1)
                                      ">
                                      <div></div>
                                    </div>
                                    <div class="chapter_upload_ic_download" @click.stop="downloadFile(item1)">
                                      <div></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="info_btnBox3" v-show="istemplate == 1">
                    <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
                      goTo(
                        '/course?userid=' +
                        userid +
                        '&oid=' +
                        oid +
                        '&org=' +
                        org +
                        '&role=' +
                        role
                      )
                      ">
                      {{ lang.ssBackCourse }}
                    </button>
                    <button class="c_pub_button_return pub_btn_last_img"
                      v-if="steps > 1 && steps != 5 && istemplate != 1" @click="lastSteps" style="background: #dbdbdb">
                      {{ steps == 4 ? lang.ssBackCourse : lang.ssLastStep }}
                    </button>
                    <button class="c_pub_button_confirm" v-if="steps < 4 && istemplate != 1" @click="nextSteps" :class="{
                      pub_btn_next_img: steps != 3,
                      pub_btn_finish_img: steps == 3,
                    }">
                      {{ steps == 3 ? lang.ssConfirmUp : lang.ssNextStep }}
                    </button>
                    <button class="c_pub_button_confirm" v-if="istemplate == 1" @click="openSaveTips">{{ templateid ?
                      lang.ssModifyTemp : lang.ssSaveTemp }}</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div style="
              width: calc(100% - 20px);
              background: rgb(255, 255, 255);
              border-radius: 10px;
            " v-if="steps == 4">
            <div class="basic_box_success">
              <div class="right_img">
                <img src="../../../assets/icon/right.png" alt />
              </div>
              <div style="font-weight: bold">{{ lang.ssSuccess }}</div>
              <!-- <div>您的课程编号</div>
              <div class="number">{{ number }}</div>-->
              <!-- <div class="success_button">
                <div class="look_course" @click="isNoFinsh">
                  邀请老师协同编辑
                </div>
                <div class="attend_others" @click="goCourse">预览课程</div>
              </div> -->
            </div>
          </div>
          <div :class="{ info_btnBox: isBtnDisplay, info_btnBox2: !isBtnDisplay }" @mouseenter="btnDisplay(true)"
            @mouseleave="btnDisplay(false)" v-if="false">
            <button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1 && isBtnDisplay" @click="
              goTo(
                '/course?userid=' +
                userid +
                '&oid=' +
                oid +
                '&org=' +
                org +
                '&role=' +
                role
              )
              ">
              {{ lang.ssBackCourse }}
            </button>
            <button class="c_pub_button_return pub_btn_last_img" v-if="steps > 1 && steps != 5 && isBtnDisplay"
              @click="lastSteps">
              {{ steps == 4 ? lang.ssBackCourse : lang.ssLastStep }}
            </button>
            <button class="c_pub_button_confirm" v-if="steps < 4 && isBtnDisplay" @click="nextSteps" :class="{
              pub_btn_next_img: steps != 3,
              pub_btn_finish_img: steps == 3,
            }">
              {{ steps == 3 ? lang.ssConfirmUp : lang.ssNextStep }}
            </button>
          </div>
        </div>
      </div>
      <div class="leftBar" style="height: calc(100% - 36px - 20px);margin-top: 36px;" v-if="istemplate == 1">
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssExtract" :detail="aiJson.aiAbstract" pan="aiAbstract" @setAiJson="setAiJson"
          v-if="!yiKeTemplateArray.includes(templateid)" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssExtractObj" :detail="aiJson.aiTarget" pan="aiTarget" @setAiJson="setAiJson"
          v-if="!yiKeTemplateArray.includes(templateid)" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssIntSearch" :detail="aiJson.aiSearchFile" pan="aiSearchFile" @setAiJson="setAiJson"
          v-if="!yiKeTemplateArray.includes(templateid)" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssCourseOpt" :detail="aiJson.aiDetail" pan="aiDetail" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssTargetGet" :detail="aiJson.aiTargetGet" pan="aiTargetGet" @setAiJson="setAiJson"
          v-if="!yiKeTemplateArray.includes(templateid)" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssGenObj" :detail="aiJson.aiTarget2" pan="aiTarget2" @setAiJson="setAiJson"
          v-if="!yiKeTemplateArray.includes(templateid)" />
        <aiTips :ttitle="lang.ssBasicData" :title="lang.ssGenOutBtn" :detail="aiJson.aiOutline" pan="aiOutline" @setAiJson="setAiJson"
          v-if="templateid != '61c628b9-3d96-11ef-b873-005056b86db5' && templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips :ttitle="lang.ssCourseOut" :title="lang.ssOutTaskGen" :detail="aiJson.aiOutlineTask" pan="aiOutlineTask" @setAiJson="setAiJson"
          v-if="templateid == '61c628b9-3d96-11ef-b873-005056b86db5'" />
        <aiTips :ttitle="lang.ssCourseOut" :title="lang.ssOutDescGen" :detail="aiJson.aiOutlineDetail2" pan="aiOutlineDetail2"
          @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssCourseOut" :title="lang.ssOutDescOpt" :detail="aiJson.aiDetail1" pan="aiDetail1" @setAiJson="setAiJson"
          v-if="templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips ttitle="cpote" :title="lang.ssCpoteGrp" :detail="aiJson.cpote1" pan="cpote1" @setAiJson="setAiJson"
          v-if="templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips ttitle="cpote" :title="lang.ssQChain" :detail="aiJson.cpote2" pan="cpote2" @setAiJson="setAiJson"
          v-if="templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips ttitle="cpote" :title="lang.ssTargetLay" :detail="aiJson.cpote3" pan="cpote3" @setAiJson="setAiJson"
          v-if="templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips ttitle="cpote" :title="lang.ssTaskClus" :detail="aiJson.cpote4" pan="cpote4" @setAiJson="setAiJson"
          v-if="templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <aiTips ttitle="cpote" :title="lang.ssGenTask" :detail="aiJson.aiCpoteTask" pan="aiCpoteTask" @setAiJson="setAiJson"
          v-if="templateid == '4480d65a-1e48-11ef-bee5-005056b86db5' || templateid == 'cf5722a4-401b-11ef-b873-005056b86dc3'" />
        <!-- <aiTips ttitle="课程大纲" title="生成教案按钮" :detail="aiJson.aiTeacher" pan="aiTeacher" @setAiJson="setAiJson" /> -->
        <!-- <aiTips ttitle="生成教案" title="教案描述优化" :detail="aiJson.teacherDetail" pan="teacherDetail"
          @setAiJson="setAiJson" /> -->
        <aiTips :ttitle="lang.ssGenLessonPlan" :title="lang.ssPlanDescOpt" :detail="aiJson.teacherDetail2" pan="teacherDetail2"
          @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssGenLessonPlan" :title="lang.ssGenTaskBtn" :detail="aiJson.aiTask" pan="aiTask" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssTaskDesc" :detail="aiJson.aiTaskG1" pan="aiTaskG1" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssToolList" :detail="aiJson.aiTaskG2" pan="aiTaskG2" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssEvaExtract" :detail="aiJson.aiTaskG3" pan="aiTaskG3" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssTaskDescOpt" :detail="aiJson.aiDetail2" pan="aiDetail2" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssToolOpt" :detail="aiJson.aiDetail3" pan="aiDetail3" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssTaskEvaOpt" :detail="aiJson.aiDetail4" pan="aiDetail4" @setAiJson="setAiJson" />
        <aiTips :ttitle="lang.ssTaskDetail" :title="lang.ssOneKeyEvaRule" :detail="aiJson.aiRateRule" pan="aiRateRule" @setAiJson="setAiJson" />
      </div>
      <div class="leftBar2 resizable" style="height: calc(100% - 36px - 20px);margin-top: 36px;"
        v-show="istemplate != 1 && isDialog == 1 && chatid && isDisplay">
        <div class="resizer"></div>
        <aiBoxRight :languageSetting="languageSetting" :courseId="chatid" :unitJson="unitJson" :quoteArray="isQuote"
          :teacherCourseText="teacherCourseText" :targetCourseText="targetCourseText" :courseText2="courseText"
          :targetCourseText2="targetCourseText2" :cpote="cpote" @addCourseBehavior="addCourseBehavior"
          :fileids='[...knowFileids, ...knowFileids2]' @setIsQuote="setIsQuote" @addChatAppendixFile="addChatAppendixFile"></aiBoxRight>
      </div>
      <div class="close_btn" @click="closeRight" :class="!isDisplay ? 'close_btn_voice' : ''"
        v-show="istemplate != 1 && isDialog == 1 && chatid">
        <img src="../../../assets/icon/course/arrow.svg">
      </div>
    </div>
    <el-dialog :title="lang.ssTip" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose"
      class="dialog_diy2 customWidth">
      <div>{{ lang.ssCopyLink }}</div>
      <div>http://www.boomyon.com/index-zhang.com</div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary">{{ lang.ssCopyShare }}</el-button>
        <el-button @click="dialogVisible = false">{{ lang.ssCancel }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="updateBoolean2 ? lang.ssViewDoc : lang.ssAddDoc" :visible.sync="dialogVisible1" :append-to-body="true"
      width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
      <el-form>
        <el-form-item :label="lang.ssDocTitle">
          <el-input v-model="tTitle" auto-complete="off" :placeholder="lang.ssEnterDocT"></el-input>
        </el-form-item>
        <div>{{ lang.ssDocIntro }}</div>
        <editor-bar v-model="tdetail" @change="change"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible1 = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addWord" v-if="!updateBoolean2">{{ lang.ssAdd }}</el-button>
        <el-button type="primary" @click="upWord" v-else>{{ lang.ssEdit }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddDoc" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <el-form-item :label="lang.ssDocTitle">
          <el-input v-model="templateC.title" auto-complete="off" :placeholder="lang.ssEnterDocT"></el-input>
        </el-form-item>
        <div>{{ lang.ssDocContent }}</div>
        <editor-bar v-model="cTemplate" @change="change"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="clearChoose">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="wordNext()">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddText" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <el-form-item :label="lang.ssTextTitle">
          <el-input ref="fuInput" v-model="AttText.title" auto-complete="off" @input="change2"
            :placeholder="lang.ssEnterTextT"></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">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="isAddOrUpdateAttText">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddLink" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy lineCss">
      <el-form>
        <el-form-item :label="lang.ssTitle" :label-width="formLabelWidth">
          <span>
            <el-input :placeholder="lang.ssEnterLinkT" clearable v-model="lineTitle" class="add_input"></el-input>
          </span>
        </el-form-item>
        <el-form-item :label="lang.ssLink" :label-width="formLabelWidth">
          <span>
            <el-input :placeholder="lang.ssEnterLink" 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">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="isAddOrUpdateLine">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="updateSourcePan ? lang.ssModifyRes : lang.ssAddRes" :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">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addSource" v-if="!updateSourcePan">{{ lang.ssConfirm }}</el-button>
        <el-button type="primary" @click="updateSource" v-else>{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddCourseM" :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">{{ lang.ssSelectMem }}</div>
          <div class="people_top_right">
            <div class="people_search">
              <el-input style="height: 100%" :placeholder="lang.ssSearchMem" 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 :
            lang.ssNoStuAvail }}</el-checkbox>
        </el-checkbox-group>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible3 = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="isAddPP">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSelectTeac" :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()">
            {{ lang.ssAll }}
          </div>
          <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
            <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="(gradeId = item.id), getClass()">
              {{ item.name }}
            </div>
          </el-tooltip>
        </div>
        <div class="check_class_left">
          <div class="check_class_all_box">
            <div class="check_class_left_title">{{ lang.ssSelectClass }}</div>
            <div style="display: flex; align-items: center; margin-left: auto">
              <el-checkbox v-model="checkAll" @change="handleCheckAllChange" class="all_check">{{ lang.ssSelectAll }}</el-checkbox>
            </div>
          </div>
          <!-- <div class="class_item" style="position:absolute; margin:0" v-if="grade2.length">
            <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
          </div> -->
          <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange"
            v-if="grade2.length">
            <div v-for="item in grade2" :key="item.id" class="class_item">
              <el-checkbox :label="item.id">
                {{ item.name }}
              </el-checkbox>
            </div>
          </el-checkbox-group>
          <div v-if="!grade2.length">{{ lang.ssNoData }}</div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleClass = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="isAddClass">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddMember" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
      :before-close="handleClose" class="addNewPP customWidth">
      <div style="display: flex;justify-content: space-between;">
        <div style="width: 100px;overflow: auto;overflow-x: hidden; height: 350px;flex-shrink:0;padding-right: 10px;">
          <div class="CollaborativeCss" :class="{CollaborativeCss2:collid == ''}" @click="getTeacher('')">
            {{ lang.ssAll }}
          </div>
          <div class="CollaborativeCss" :class="{CollaborativeCss2:i.id == collid}" @click="getTeacher(i.id)"
            v-for="(i) in CollaborativeTeaList" :key="i.id">
            <el-tooltip placement="top" :content="i.name">
              <span>{{i.name}}</span>
            </el-tooltip>
          </div>
          <div class="CollaborativeCss" :class="{CollaborativeCss2:collid == '1xpz'}" @click="getTeacherCopy()">
            {{ lang.ssOther }}
          </div>
        </div>
        <div style="width: calc(100% - 100px);" v-loading="CollLoading">
          <div class="people">
            <div class="people_top">
              <div class="people_top_right">
                <div class="people_search">
                  <el-input :placeholder="lang.ssSearchMem" v-model="searchTN" @keyup.enter.native="getTeacher(collid)"></el-input>
                  <div class="search_img" @click="getTeacher(collid)">
                    <img src="../../../assets/icon/search.png" alt />
                  </div>
                </div>
              </div>
              <div class="people_nav" style="display: flex; align-items: center">
                <div class="check_class_left_title">{{ lang.ssSelectMem }}</div>
                <div style="display: flex; align-items: center; margin-left: auto">
                  <el-checkbox v-model="checkAll2" @change="handleCheckAllChange2" class="all_check">{{ lang.ssSelectAll }}</el-checkbox>
                </div>
              </div>
            </div>
            <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length"
              @change="InviteChange2">
              <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
                <div class="t_j_box">
                  <el-tooltip placement="top" :content="item.name ? item.name : lang.ssNoName">
                    <span>{{ item.name ? item.name : lang.ssNoName }}</span>
                  </el-tooltip>
                  <el-tooltip placement="top" :content="item.username.split('@')[0]">
                    <span>{{ item.username.split('@')[0] }}</span>
                  </el-tooltip>
                  <el-tooltip placement="top" :content="item.school">
                    <span>{{ item.school }}</span>
                  </el-tooltip>
                </div>
              </el-checkbox>
            </el-checkbox-group>
            <div style="text-align: center; margin-top: 10px" v-else>{{ lang.ssNoData }}</div>
          </div>
        </div>
      </div>


      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleMember = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="isAddPPTeacher">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssCreateQues" :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="lang.ssEnterTitle" 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])">{{ lang.ssSingleCh }}</span>
              <span :class="{ active: askJson.askJson[index1].type == '2' }"
                @click="checkAskType('2', askJson.askJson[index1])">{{ lang.ssMultipleCh }}</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="lang.ssEnterQues" @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">{{ lang.ssDelete }}
                </el-button>
                <el-button type="primary" size="small" @click="addAskList(index1)">{{ lang.ssAdd }}</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">{{ optionTypeList[checkIndex] }}.</div>
                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
                    v-model="askJson.askJson[index1].checkList[checkIndex]" :placeholder="lang.ssEnterOpt" 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)">{{ lang.ssAdd }}</el-button>
                    <el-button type="primary" size="small" @click="
                      deletecheckList(askJson.askJson[index1], checkIndex)
                      " v-if="askJson.askJson[index1].askItem != 1">{{ lang.ssDelete }}
                    </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)">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addAsk">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssCreateChoice" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(45);
    }
      " class="dialog_diy fullStyle">
      <div style="height: 100%" v-loading="choiceLoading" :element-loading-text="lang.ssGenWaitPls">
        <!-- <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="flex-wrap: wrap; position:relative;margin:10px 0;">
            <button class="c_pub_button_confirm2" @click="addImg($event)" style="margin: 0px;">
              {{ lang.ssUploadSup }}
              <input type="file" accept=".docx,.doc,.ppt,.pptx,.md,.txt,.pdf" multiple="multiple" style="display: none"
                v-if="inputShow" @change="
                beforeUploadInfo2(
                  $event,
                  17
                )
                " />
            </button>
            <div style="margin-top: 10px;width:100%" v-if="xuanzeInfoData.length">
              <div class="add_chapters_box add_c_none" v-if="
                xuanzeInfoData &&
                xuanzeInfoData.length == 0
              ">
                <!-- <img src="../../../assets/icon/new/c_none.png" alt /> -->
                <span>{{ lang.ssNoContentL }}</span>
              </div>
              <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
                <div class="chapter_upload" v-for="(item1, index1) in xuanzeInfoData" :key="item1.id" @click="
                        getChapterData(
                          $event,
                          index1,
                          item1.type
                        )
                        ">
                  <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.stop="
                        checkChpater3($event, index1, item1)
                        " style="
                                    border: none;
                                    outline: none;
                                    width: 80%;
                                    minwidth: 215px;
                                    z-index: 99;
                                    font-size: 14px;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                  " />
                      <input :placeholder="item1.name" v-if="item1.type == 6" style="
                                    border: none;
                                    outline: none;
                                    width: 80%;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                  " readonly="true" @click="
                                    selectAttText(index1)
                                    " />
                      <input :placeholder="item1.title ? item1.title : lang.ssLink
                        " v-if="item1.type == 8" style="
                                    border: none;
                                    outline: none;
                                    width: 80%;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                  " readonly="true" @click="selectLine(index1)" />
                      <input :placeholder="item1.title ? item1.title : lang.ssLink
                        " v-if="item1.type == 14" style="
                                    border: none;
                                    outline: none;
                                    width: 80%;
                                    white-space: nowrap;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                  " readonly="true" @click="
                                    openUpdateSource(index1)
                                    " />
                    </div>
                    <div class="chapter_upload_ic">
                      <div class="chapter_upload_noSee" v-if="item1.type == 12"></div>
                      <div class="chapter_upload_ic_check" v-if="item1.type == 3" @click.stop="
                        checkChpater3($event, index1, item1)
                        ">
                        <div></div>
                      </div>
                      <div class="chapter_upload_ic_r" @click.stop="
                        deletexuanzeInfoData(
                          $event,
                          index1
                        )
                        ">
                        <div></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div v-if="
              xuanzeinfoproVisible
            " class="mask">
              <div class="progressBox">
                <div class="lbox">
                  <img src="../../../assets/loading.gif" />{{ lang.ssUploadWait }}
                </div>
                <div style="margin-bottom: 10px">
                  <span>{{
                    xuanzeinfoisFinishSize
                    }}</span>
                  /
                  <span>{{
                    xuanzeinfoisAllSize
                    }}</span>
                </div>
                <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="xuanzeinfoprogress
                  ? xuanzeinfoprogress
                  : 0
                  " style="width: 80%"></el-progress> -->
              </div>
            </div>
          </div>
          <div style="
              font-size: 16px;
              color: #c7c7c7;
              display: flex;
              align-items: center;
              justify-content: flex-end;
            ">
            <!-- 请输入题目内容 -->
            <button class="c_pub_button_add pub_btn_paste_img" @click="aiChoice(45)" style="margin-left: 10px">
              {{ lang.ssIntGen }}
            </button>
            <!-- 请输入题目内容 -->
            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
              v-if="isPasteChoice">
              {{ lang.ssSmartPaste }}
            </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])">{{ lang.ssSingleCh }}</span>
              <span :class="{ active: testJson.testJson[index1].type == '2' }"
                @click="checkTestType('2', testJson.testJson[index1])">{{ lang.ssMultipleCh }}</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="lang.ssEnterQues" @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">{{ lang.ssDelete }}
                </el-button>
                <el-button type="primary" size="small" @click="addTestList(index1)">{{ lang.ssAdd }}</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">
                        {{ optionTypeList[checkIndex] }}.
                      </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="lang.ssEnterOpt" style="width: 300px; margin-right: 10px" @change="() => {
                          $forceUpdate();
                        }
                          "></textarea>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex)" />
                      </div>
                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(testJson.testJson[index1], checkIndex)
                          ">{{ lang.ssAdd }}</el-button>
                        <el-button type="primary" size="small" @click.stop="
                          deleteTcheckList(
                            testJson.testJson[index1],
                            checkIndex
                          )
                          " v-if="testJson.testJson[index1].testItem != 1">{{ lang.ssDelete }}
                        </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">
                        {{ optionTypeList[checkIndex1] }}.
                      </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="lang.ssEnterOption" style="width: 300px; margin-right: 10px" @change="() => {
                          $forceUpdate();
                        }
                          "></textarea>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex1)" />
                      </div>
                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(
                            testJson.testJson[index1],
                            checkIndex1
                          )
                          ">{{ lang.ssAdd }}</el-button>
                        <el-button type="primary" size="small" @click.stop="
                          deleteTcheckList(
                            testJson.testJson[index1],
                            checkIndex1
                          )
                          " v-if="testJson.testJson[index1].testItem != 1">{{ lang.ssDelete }}
                        </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)">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addTest">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddTool" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
      :before-close="handleClose" class="dialog_diy addToolsDia">
      <div class="toolChoose">
        <div class="tools">
          <div class="leftTools" style="width: 100%; padding: 0 0 15px 0"
            v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
            <div style="
                display: flex;
                flex-direction: row;
                align-items: baseline;
                flex-wrap: nowrap;
                justify-content: flex-start;
                position: relative;
              ">
              <div class="chooseWho">
                <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
                  {{ lang.ssInteract }}
                </div>
                <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
                  {{ lang.ssCognitive }}
                </div>
                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
                  {{ lang.ssEval }}
                </div>
                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
                  {{ lang.ssOther }}
                </div>
              </div>
            </div>

            <div style="min-height: 163px">
              <div class="toolSort" v-if="chapToolsType == 0">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(8) != -1 }" @click="chapAddTools(8)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(8)">
                    <img src="../../../assets/icon/secondToolList/library.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssMaterial }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(8) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(8)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
              <div class="toolSort" v-if="chapToolsType == 1">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(7) != -1 }" @click="chapAddTools(7)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(7)">
                    <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssMindGrid }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(7) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(7)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(1) != -1 }" @click="chapAddTools(1)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(1)">
                    <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssEWhite }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(1) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(1)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(2) != -1 }" @click="chapAddTools(2)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(2)">
                    <img src="../../../assets/icon/secondToolList/note.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssNote }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(2) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(2)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(6) != -1 }" @click="chapAddTools(6)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(6)">
                    <img src="../../../assets/icon/secondToolList/doc.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssCollDoc }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(6) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(6)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(3) != -1 }" @click="chapAddTools(3)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(3)">
                    <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssMindMap }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(3) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(3)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(31) != -1 }"
                  @click="chapAddTools(31)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(31)">
                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssMathBoard }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(31) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(31)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
              <div class="toolSort" v-if="chapToolsType == 2">
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(5) != -1 }" @click="chapAddTools(5)">
                  <div class="whiteBIcon" @click.stop="chapAddTools(5)">
                    <img src="../../../assets/icon/thirdToolList/score.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssGaugeRate }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(5) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(5)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
                <div class="tool" :class="{ isToolChoose: itemTools.tools.indexOf(4) != -1 }" @click="chapAddTools(4)">
                  <div class="whiteBIcon" @click.stop="openTools(chapCount, 4, null)">
                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                    <div style="margin: 5px 0">{{ lang.ssQuest }}</div>
                  </div>
                  <div class="noCTool">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <div class="isCTool" v-if="itemTools.tools.indexOf(4) != -1">
                    <img src="../../../assets/icon/new/isToolC.png" alt="" />
                  </div>
                  <!-- <div class="check" @click="chapAddTools(4)">
                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
                    <div class="checkDiv" v-else>
                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                    </div>
                  </div> -->
                </div>
              </div>
            </div>
            <div>
              <input type="text" :placeholder="lang.ssToolDesc" class="binfo_input" style="margin: 20px 0; width: 100% !important"
                v-model="itemTools.toolDetail" />
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible4 = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addChaptersDataTools">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddQA" :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">{{ lang.ssQuestion }}</div>
          <!-- <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input> -->
          <textarea rows="1" v-autoHeight="40" type="text" :placeholder="lang.ssEnterQues2" 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)">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addAnswer">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddQues" :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">{{ lang.ssQuestion }}</div>
          <el-input v-model="answerQ" :placeholder="lang.ssEnterWant"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleMp3 = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addMp3Answer">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssUploadPic" :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)">
              {{ lang.ssSelectLocal }}
              <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
            </button>
            <div class="spanName">{{ lang.ssSelectLocal }}</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">{{ lang.ssSelectNet }}</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">{{ lang.ssSelectNet }}</div>
          </div>
        </div>
        <!-- <div class="fileCss">
        </div> -->
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="choosePicVisible = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="choosePicVisible = false">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSelectSys" :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' : ''">
          {{ lang.ssPainting }}
        </div>
        <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
          {{ lang.ssScience }}
        </div>
        <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
          {{ lang.ssHumanity }}
        </div>
        <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
          {{ lang.ssArt }}
        </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="lang.ssSelectNet" :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="lang.ssSearchImg" 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">{{ lang.ssChangeGrp }}</el-button>
        </div>
        <div class="sysPicBox" v-loading="imageloading">
          <div class="picNone" v-if="!imageList.length">
            {{ lang.ssEnterKeyImg }}
          </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="lang.ssSelMatch" :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>{{ lang.ssUploadQuesImg }}</span><span>{{ lang.ssTipUpload }}</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>{{ lang.ssAddOpt }}</span><span>{{ lang.ssTipEnterOpt }}</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="lang.ssEnterOpt"
                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)">
                  {{ lang.ssAdd }}</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">{{ lang.ssDelete }}</el-button>
              </div>
            </div>
          </div>
        </div>
        <div v-if="selectSteps == 2" style="height: 100%">
          <div class="select_box2">
            <div class="select_box2_title">{{ lang.ssSetCorrect }}</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">{{ lang.ssSelectAns }}</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="lang.ssSelectCorrect">
                    <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">{{ lang.ssNextStep }}</el-button>
        <el-button @click="selectSteps--" v-if="selectSteps == 2">{{ lang.ssLastStep }}</el-button>
        <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddEva" :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">{{ lang.ssEnterEva }}</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">{{ lang.ssEvaCriteria }}</span>
              <input type="input" v-model="eItem.value" :placeholder="lang.ssFillEvaDim" />
              <div class="remove" @click="deletRateList(eIndex)"></div>
              <div style="width: 100%; display: flex">
                <span style="min-width: 100px; text-align: right">{{ lang.ssRatingLevel }}</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">{{ lang.ssDesc }}</span>
                <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" :placeholder="lang.ssFillDimDesc"></textarea>
              </div>
            </div>
          </div>
          <div class="addToolFun" @click="addRateList()">
            <div class="addToolImg">
              <img src="../../../assets/icon/add.png" alt />
            </div>
            <div>{{ lang.ssAdd }}</div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleRate = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addRateAnswer">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSortSet" :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">{{ lang.ssAddQues2 }}</div>
          <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
            <div class="sentenTopBox">
              <div class="sentenTop" :index="stIndex + 1">
                <div>{{ lang.ssQuesSet }}</div>
                <div>
                  <el-input :placeholder="lang.ssEnterCard" v-model="st.sentenceTitle" :maxlength="10"></el-input>
                </div>
                <div @click="addSen(stIndex)">{{ lang.ssAdd }}</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>{{ lang.ssCorrectOrder }}</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)">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addSentenceTool">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddTable" :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>{{ lang.ssTableContent }}</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">{{ lang.ssUploadTemp }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddDoc" :visible.sync="dialogVisibleWord" :append-to-body="true" width="95%"
      :before-close="handleClose" class="dialog_diy">
      <el-form>
        <!-- <el-form-item label="文本标题">
          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
        </el-form-item> -->
        <div>{{ lang.ssDocContent }}</div>
        <editor-bar v-model="wordJson.text" class="text_panel"></editor-bar>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
        <el-button type="primary" @click="addWordJson">{{ lang.ssUploadTemp }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddClass" :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>{{ lang.ssClassColon }}</div>
        <el-select multiple v-model="uploadJson" :placeholder="lang.ssSelect">
          <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">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addMoreUpload">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSetRandom" :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>{{ lang.ssRandomColon }}</div>
        <el-input v-model="icode" style="width: 240px" :placeholder="lang.ssEnterRandom"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleInvite = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addInvite">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddPreTime" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div style="margin-bottom: 20px; color: #999">
          {{ lang.ssTipClick }}
        </div>
        <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblePreTime = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addPreTime">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssImportTarget" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div style="
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            justify-content: space-between;
          ">
          <div style="
              display: flex;
              flex-flow: row nowrap;
              align-items: flex-start;
              width: 100%;
              flex-direction: column;
              flex-wrap: nowrap;
              position: relative;
            ">
            <div class="e_box">
              <!-- <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
                <div class="e_card_picture">
                  <img src="../../../assets/e_picture.png" />
                </div>
                <div class="e_card_name">
                  <span>{{ item.title }}</span>
                </div>
                <div class="e_card_btn">
                  <span @click="checkEva(item.id, 2)">导入</span>
                </div>
              </div> -->
              <!-- <div class="addEva" @click="openT">
                <img src="../../../assets/icon/addEva.png" alt="" />
              </div> -->
              <div style="
                  display: flex;
                  justify-content: flex-end;
                  margin-bottom: 10px;
                ">
                <el-button @click="openT" type="primary" size="small">{{ lang.ssAddTarget }}</el-button>
              </div>
              <el-table v-if="evaJuri.length" ref="table" :data="evaJuri" border :fit="true" style="width: 100%"
                :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }" :row-class-name="tableRowClassName">
                <el-table-column :label="lang.ssTargetName" min-width="15" align="center" prop="title">
                </el-table-column>
                <el-table-column prop="username" :label="lang.ssOwner" min-width="15" align="center">
                </el-table-column>
                <el-table-column :label="lang.ssAction" width="250px">
                  <template slot-scope="scope">
                    <div class="btnBox">
                      <el-button type="primary" size="small" @click="checkEva(scope.row.id, 2)">{{ lang.ssImport }}</el-button>
                    </div>
                  </template>
                </el-table-column>
              </el-table>
              <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
                {{ lang.ssNoData }}
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisiblemb = false">{{ lang.ssCancel }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssGroupSet" :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">{{ lang.ssSetGroupNum }}</div>
          <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
            <span class="groupn">{{ lang.ssGroupName.replace(/\*/g, index + 1) }}</span>
            <el-input v-model="item.name" :placeholder="lang.ssEnterName2" style="width: 250px"></el-input>
            <div class="groupBtn">
              <el-button type="primary" size="small" @click="addGroup(index)"
                v-if="groupJson.group.length - 1 == index">
                {{ lang.ssAdd }}</el-button>
              <el-button type="primary" size="small" @click="deleteGroup(index)"
                v-if="groupJson.group && groupJson.group.length > 1">{{ lang.ssDelete }}</el-button>
            </div>
          </div>
        </div>
        <div class="groupContent">
          <div class="groupTitle">{{ lang.ssSetGroupPer }}</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="lang.ssEnterNum"
            @change="numberPan"></el-input>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleGroup = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addGroupJson">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssModifyName" :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">{{ lang.ssFileNameColon }}</div>
        <el-input v-model="line" :placeholder="lang.ssEnterModify"></el-input>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleupdataVideoT = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="updataVideoC">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssCreateEssay" :visible.sync="englishDialogVisible" :append-to-body="true" width="800px" :before-close="(done) => {
      closePan(69);
    }
      " class="dialog_diy fullStyle fullStyle1">
      <englishRight :englishList="englishList" :oid="oid" ref="engJson" @setJson="addEnglish"></englishRight>
      <span slot="footer" class="dialog-footer">
        <el-button @click="englishDialogVisible = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addEnglish">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSelectTemp" :visible.sync="templateDialog" :append-to-body="true" width="630px"
      :before-close="handleClose" class="dialog_diy">
      <div class="template_box">
        <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkctJson(aa)"
          :class="{ wordTeacherA: ctJson.id == aa.id }">
          <div class="wordPic">
            <img src="../../../assets/icon/new/course_template.png" alt />
          </div>
          <el-tooltip effect="dark" :content="aa.title" placement="top">
            <div style="
                margin-top: 10px;
                line-height: 19px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding: 0 10px;
                box-sizing: border-box;
                width: 100%;
              ">
              {{ aa.title }}
            </div>
          </el-tooltip>
        </div>
        <div class="wordTeacher" @click="checkctJson({ id: 1 })" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'"
          :class="{ wordTeacherA: ctJson.id == 1 }">
          <div class="wordPic">
            <img src="../../../assets/icon/new/course_template.png" alt />
          </div>

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

          <div style="
              margin-top: 10px;
              line-height: 19px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              padding: 0 20px;
            ">
            {{ lang.ssSmartPaste }}
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="templateDialog = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="addTemplate(ctJson)">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
    <el-dialog :title="lang.ssChangeStage" :visible.sync="dialogVisibleStageChange" :append-to-body="true" width="400px"
      :before-close="handleClose" class="dialog_diy dialog_diyStage">
      <div class="change_stageBox">
        <div class="navTask" v-for="(t, tIndex) in unitJson3" :key="tIndex">
          <div class="nt_taskBox">
            <div class="nt_taskTitle">{{ lang.ssStageNum.replace(/\*/g, tIndex + 1) }}</div>
            <div class="nt_taskName">
              <el-tooltip effect="light" :content="t.dyName" placement="top">
                <span>{{ t.dyName }}</span>
              </el-tooltip>
            </div>
          </div>
          <div class="moveBtn" v-if="unitJson3.length > 1">
            <div class="chapter_upload_up" @click.stop="stageMove(1, tIndex)"></div>
            <div class="chapter_upload_down" @click.stop="stageMove(2, tIndex)"></div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleStageChange = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="updateChange">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssAddResTemp" :visible.sync="cetBoxDialog" :append-to-body="true" width="400px"
      :before-close="handleClose" class="dialog_diy">
      <div class="addTypeChoose" style="justify-content: center">
        <div style="min-width: 100px">{{ lang.ssTempName }}</div>
        <el-input v-model="templateName" style="width: 200px"></el-input>
      </div>
      <div class="addTypeBox">
        <div class="addTypeChoose">
          <div style="min-width: 100px">{{ lang.ssSelectOne }}</div>
          <el-select v-model="setTypeJson.one" :placeholder="lang.ssSelect" @change="getTwoType(setTypeJson.one)"
            style="width: 200px">
            <el-option v-for="(item, index) in oneJson" :key="index" :label="item.name" :value="item.id">
            </el-option>
          </el-select>
        </div>
        <div class="addTypeChoose" v-if="setTypeJson.one != ''">
          <div style="min-width: 100px">{{ lang.ssSelectTwo }}</div>
          <el-select v-model="setTypeJson.two" :placeholder="lang.ssSelect" style="width: 200px">
            <el-option v-for="(item1, index1) in twoJson" :key="index1" :label="item1.name" :value="item1.id">
            </el-option>
          </el-select>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="addCETemplate()">{{ lang.ssConfirm2 }}</el-button>
        <el-button @click="close()">{{ lang.ssClose }}</el-button>
      </span>
    </el-dialog>
    <evaBox :userid="userid" :oid="oid" :org="org" :dialogVisibleEva.sync="evaBoxDialog" @updateEvaJson="updateEvaJson">
    </evaBox>
    <EnglishVoice :oid="oid" :org="org" :EnglishVoiceDialog.sync="EnglishVoiceDialog"
      :englishVoiceJson="englishVoiceJson" @setEnglishVoiceJson="setEnglishVoiceJson"></EnglishVoice>
    <aiDialog :dialogVisibleAiD.sync="dialogVisibleAiD" :aiText="aiText" :aiText2="aiText2" :aiText3="aiText3"
      @aiConfirm="aiConfirm" :clickType="clickType">
    </aiDialog>
    <tipsDialog :dialogVisibleTips.sync="dialogVisibleTips" :tipsJson.sync="tipsJson" :aiJson="aiJson" :userid="userid"
      @retrunCourse="retrunCourse" :templateid.sync="templateid" @addWork="addWork"></tipsDialog>
    <div class="pptBox" :class="{'ppClass': pptBoxDialog && panPptCount() > 0 && pptCount.length}">
      <div class="box" v-show="pptBoxDialog">
        <aiCreateDialog v-for="(item, index) in unitJson[unitIndex].chapterInfo[0].taskJson" :key="index"
          :languageSetting="languageSetting" :dialogVisibleAiCreate="dialogVisibleAiCreate2.includes(index)"
          :courseName="courseName" @createAiPpt="createAiPpt" @closeAiPpt="closeAiPpt" :infoData="infoData"
          :courseTypeId="courseTypeId" :CourseTypeJson="CourseTypeJson" :courseState="courseState" :lineCount="index"
          :unitJson="unitJson" :ref="'ppt'+index"
          v-show="dialogVisibleAiCreate2.includes(index) && pptCount.includes(index)"></aiCreateDialog>
      </div>

      <span v-show="panPptCount() > 0 && pptCount.length" class="r_pub_button_edit"
        :style="{marginTop: panPptCount() > 0 ? '10px' : '0'}" style="justify-content: flex-start;"
        @click="pptBoxDialog = !pptBoxDialog">{{ pptBoxDialog ? lang.ssFold : lang.ssExpand }}</span>
    </div>
    <aiCreateVideoDialog :dialogVisibleAiCreateVideo.sync="dialogVisibleAiCreateVideo" :courseName="courseName"
      @createAiVideo="createAiVideo" :courseState="courseState" :lineCount="lineCount" :unitJson="unitJson">
    </aiCreateVideoDialog>
    <wpdf :dialogVisiblePdf.sync="dialogVisiblePdf" :url="wurl"></wpdf>
    <wOffice :dialogVisibleOffice.sync="dialogVisibleOffice" :url="wurl"></wOffice>
    <appDialog ref="appDialog" @success="selectAppSuccess"></appDialog>
    <CodeEditor ref="CodeEditorRef" @success="addHtmlSuccess"></CodeEditor>
    <selectHtmlPageDialog ref="selectHtmlPageDialogRef" @success="selectHtmlPageSuccess"/>
  </div>
</template>

<script>
import "../../../common/aws-sdk-2.235.1.min.js";
import { tools as toolsData } from "../../../common/tools.js";
// import "../../../common/aws-sdk-2.99.0.min.js";
import $ from "jquery";
import EditorBar from "../../../components/tools/wangEnduit";
import Table from "../../../components/tools/table";
import Mind from "../../tools/jsmind2";
import Time from "../../tools/time.vue";
import Sunburst from "../../tools/sunburst";
import SeeBoard from "../../tools/seeBoard";
import weilaiData from "../components/weilai.js";
import sourceDialog from "../teacherSource/dialog.vue";
import interVideo from "../interVideo/index.vue";
import englishRight from "../components/englishRight.vue";
import evaBox from "../evaBox/index.vue";
import EnglishVoice from "../EnglishVoice/index.vue";
import aiBox from './aiBox.vue'
import aiBoxRight from './aiBoxRight.vue'
import aiBoxCourseDetail from './aiBoxCourseDetail.vue'
import recordV from './record.vue'
import aiDialog from './aiDialog'
import aiTips from './aiTips.vue'
import tipsDialog from './tipsDialog.vue'
import { v4 as uuidv4 } from "uuid";
import MarkdownIt from "markdown-it";
import aiCreateDialog from './aiCreateDialog.vue'
import aiCreateVideoDialog from './aiCreateVideoDialog.vue'
import wpdf from "../test/file/wPdf2.vue";
import wOffice from "../test/file/wOffice.vue";
import htmlDocx from "html-docx-js/dist/html-docx";
import TurndownService from 'turndown';
import JSZip from "jszip";
import evaList from "./evaList.vue";
import MindTask from "./jsmind2";
import ConvertApi from 'convertapi-js'
let convertApi = ConvertApi.auth('secret_U1EO5rhgMCnoBnBT')
import appDialog from '../components/appDialog.vue'
import { myMixin } from "@/mixins/mixin.js"
import CodeEditor from "../components/CodeEditor";
import { uploadFileMixin } from "../../tools/uploadFileMixin.js";

var OpenCC = require("opencc-js");
let converter = OpenCC.Converter({
		from:'hk',
		to:'cn'
})

let converter2 = OpenCC.Converter({
		from:'cn',
		to:'hk'
})
import selectHtmlPageDialog from '../dialog/selectHtmlPageDialog.vue'

const getFile = (url) => {
  return new Promise((resolve, reject) => {
    var credentials = {
        accessKeyId: "AKIATLPEDU37QV5CHLMH",
        secretAccessKey: "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",
      }; //秘钥形式的登录上传
      window.AWS.config.update(credentials);
      window.AWS.config.region = "cn-northwest-1"; //设置区域
      let url2 = url;
      let _url2 = "";
      if (
        url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
      ) {
        _url2 = url2.split(
          "https://view.officeapps.live.com/op/view.aspx?src="
        )[1];
      } else {
        _url2 = url2;
      }
      var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
      let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
      var params = {
        Bucket: "ccrb",
        Key: name
      };
      s3.getObject(params, function (err, data) {
        if (err) {
          console.log(err, err.stack)
          resolve({ data: 1 });
        }else {
          resolve({ data: data.Body });
          console.log(data);
        }          // sxuccessful response

      });
  });
};

export default {
  mixins: [ myMixin,uploadFileMixin ],
  components: {
    CodeEditor,
    EditorBar,
    Mind,
    Time,
    Sunburst,
    SeeBoard,
    Table,
    sourceDialog,
    interVideo,
    englishRight,
    evaBox,
    EnglishVoice,
    aiBox,
    aiBoxRight,
    aiBoxCourseDetail,
    aiDialog,
    aiTips,
    tipsDialog,
    aiCreateDialog,
    aiCreateVideoDialog,
    wpdf,
    wOffice,
    evaList,
    MindTask,
    recordV,
    appDialog,
    selectHtmlPageDialog
  },
  data() {
    return {
      gotype: (window.topU && window.topU.gotype) ?  window.topU.gotype : '',
      checkAll: false,
      checkAll2: false,
      chooseType: 1,
      checkedCities: [],
      isIndeterminate: true,
      isIndeterminate2: true,
      isSysPic: false,
      isSysPic2: false,
      steps: 1,
      stepsNav: 1,
      nbOrder: 0,
      courseId: "",
      chapToolsType: 0,
      chapTools: [
        {
          tools: [],
          toolDetail: "",
        },
      ],
      line: "",
      lineTitle: "",
      sysPic: [],
      sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
      sentenceList2: [],
      isPushTitleList: [],
      lineCount: 0,
      lineType: 0,
      chapCount: 0,
      courseName: "",
      isTeacherSee: false,
      courseText: "",
      textLoading: false,
      ttextLoading: false,
      courseText2: "",
      preTime: 0,
      formLabelWidth: "100px",
      choosePicVisible: false,
      sysPicVisible: false,
      sysPicVisible2: false,
      uploadLoading1: false,
      noneBtnImg: false,
      updateBoolean2: false,
      unitIndex: 0,
      taskCount: 0,
      dialogVisible: false,
      dialogVisible1: false,
      dialogVisible2: false,
      dialogVisible3: false,
      dialogVisible4: false,
      dialogVisible5: false,
      dialogVisible6: false,
      dialogVisible7: false,
      dialogVisible8: false,
      dialogVisible9: false,
      dialogVisibleClass: false,
      dialogVisibleMember: false,
      dialogVisibleMp3: false,
      dialogVisibleSelect: false,
      dialogVisibleSentence: false,
      dialogVisibleRate: false,
      dialogVisibleChoice: false,
      dialogVisiblemb: false,
      dialogVisibleInvite: false,
      dialogVisibleSource: false,
      dialogVisibleVideo: false,
      dialogVisibleStageChange: false,
      dialogVisibleupdataVideoT: false,
      englishDialogVisible: false,
      templateDialog: false,
      ctJson: {},
      isClickColor: 1,
      toolIndexType: "",
      publicTool: 0,
      searchPeople: "",
      searchTN: "",
      collid: '',
      CollLoading: false,
      userid: this.$route.query.userid,
      oid: this.$route.query.oid,
      org: this.$route.query.org,
      role: this.$route.query.role,
      aiId: this.$route.query.aiId != undefined ? this.$route.query.aiId : "",
      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: 3,
      eJSONNum: 0,
      data: {
        meta: {
          name: "example",
          author: "dd@163.com",
          version: "0.2",
        },
        format: "node_array",
        data: [{ id: "root", isroot: true, topic: "" }],
      },
      askJson: {
        askCount: 1,
        askTitle: "",
        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      },
      askJson2: {},
      testJson: {},
      testJson2: {},
      selectJson: {},
      selectJson2: {},
      rateJson: [],
      unitJson2: [],
      unitJson3: [],
      unitJson: [
        {
          dyName: "", //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  taskDetail: "",
                  chapterData: [],
                  toolText: "",
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    },
                  ],
                  isShowTools: false,
                  askCount: 1,
                  isFold: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  checkJson: [{ checkCount: [], checkPerent: [] }],
                  homeworkList: [],
                },
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: [],
            },
          ],
        },
      ],
      templateArray: [],
      studentJuri: [],
      teacherJuri: [],
      CollaborativeTeaList: [],
      checkboxList: [],
      checkboxList2: [],
      checkboxList3: [],
      classSearch: "",
      gradeId: "",
      number: "",
      tTitle: "",
      tdetail: "",
      templateC: {},
      AttText: {},
      AttTextType: 0,
      AttTextIndex: 0,
      cTemplate: "",
      CourseType: [],
      CourseType1: [],
      CourseType2: [],
      CourseTypeJson: {},
      CourseTypeJson1: {},
      courseTypeId: [],
      courseTypeId1: [],
      courseTypeSon: [],
      clearArray: [],
      pTypeCheck: [],
      pTypeCheckName: [],
      loading: false,
      toolType: 0,
      inputShow: true,
      inputShow2: true,
      toolIndex: 0,
      cidType: 0,
      answerQ: "",
      answerQ2: "",
      grade: [],
      grade2: [],
      courseUserid: "",
      timer: null,
      timer2: null,
      pasteTimer: null,
      checkId: "",
      isDelete: 1,
      addindex: 0,
      selectSteps: 1,
      groupJson: {},
      dialogVisibleGroup: false,
      rightBoxHeight: 0,
      ManAarray: [],
      checkBoolean: false,
      inviteCode: [],
      inviteId: "",
      icode: "",
      easyArray: [2, 4],
      sourceData: {},
      updateSourcePan: false,
      videoJson: {},
      isBtnDisplay: false,
      isStepDisplay: false,
      isPasteStage: false,
      isPasteTask: false,
      isPasteChoice: false,
      imageList: [],
      imageloading: false,
      imageloading2: false,
      searchImageValue: "",
      ppage: 1,
      toolsData: JSON.parse(converter(JSON.stringify(toolsData))),
      oldIndex: 0,
      dragType: "",
      oldUnitIndex: 0,
      oldData: null,
      newIndex: "",
      englishList: {},
      typeIndex: "",
      courseState: 5,
      taskJSONa: [
        {
          task: "",
          taskDetail: "",
          chapterData: [],
          toolText: "",
          toolChoose: [
            {
              tool: [],
              toolDetail: "",
              toolType: 0,
              askCount: 1,
              askTitle: "",
              askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
            },
          ],
          isShowTools: false,
          askCount: 1,
          isFold: 1,
          askTitle: "",
          askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
          checkJson: [{ checkCount: [], checkPerent: [] }],
          homeworkList: [],
        },
      ],
      checkUnitIndex: 0,
      isdrag: "",
      evaIndex: "",
      evatIndex: "",
      evaBoxDialog: false,
      EnglishVoiceDialog: false,
      englishVoiceJson: {},
      cetIndex: "",
      cettIndex: "",
      cetBoxDialog: false,
      templateName: "",
      setTypeJson: {
        one: "",
        two: "",
      },
      twoJson: [],
      oneJson: [],
      updateKey: 1,
      isOutline: false,
      isOutline2: false,
      infoData: [],
      infoproVisible: false,
      infoisFinishSize: 0,
      infoisAllSize: 0,
      infoprogress: 0,
      taskDetailLoading: [],
      ttaskDetailLoading: [],
      taskDetailLoading2: [],
      ttaskDetailLoading2: [],
      taskDetailLoading3: [],
      ttaskDetailLoading3: [],
      taskDetailLoading4: [],
      taskDetailLoading5: [],
      ttaskDetailLoading5: [],
      dArray: [],
      dialogVisibleAiD: false,
      aitype: "",
      aiJson: {
        "aiDetail": "请根据<课程简要描述>设计一个名为<课程名字>的<课程学科>学科的，面向<面向年级>的项目式学习课程。",
        "aiOutline": "请为这个名为<课程名字>的<课程学科>学科的，面向<面向年级>学生的项目式学习课程设计序列教学活动（需要每个任务都需要至少100个token的详细描述）。你需要参考课程简要描述<课程简要描述>，并产出每个教学任务的设计（可以直接使用文件内容）以及每个教学活动的评价量规（学生能做到...）。",
        "aiTask": "请根据<教学任务教案>。",
        "aiDetail1": "请根据<课程描述>，重新设计该教学任务。任务需要至少50个token的详细描述，包含任务设计，评价标准。",
        "aiDetail2": "请你在考虑到整个课程的情况下，优化该任务描述",//和任务名：<任务名>：<任务描述>
        "aiDetail3": "请你在考虑到整个课程的情况下，**重点考虑该任务及工具名和工具内容的情况下**，优化工具指引。",
        "aiDetail4": "请你在考虑到整个课程的情况下，**重点考虑该任务详情**以及工具的情况下，优化评价标准。",
        "aiTeacher": "请根据<任务大纲>为每个教学任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含实例答案。",
        "teacherDetail": "请根据<任务大纲>，以及# 其他教学任务教案，为本教学任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动），相关知识点的讲解，练习（练习需要包含实例答案。注意，你绝对不能重复其他教学任务教案中的内容",
        "teacherDetail2": "请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。"
      },
      aiText: "",
      aiText2: "",
      aiText3: "",
      aiCallBack: "",
      aiIndex: "",
      clickType: 1,
      promptShow: false,
      templateid: this.$route.query.templateid != undefined ? this.$route.query.templateid : "",
      istemplate: this.$route.query.istemplate != undefined && this.$route.query.istemplate ? 1 : 2,
      dialogVisibleTips: false,
      tipsJson: {},
      cpote:{
        cpote1: '',
        cpote2: '',
        cpote3: '',
        cpote4: '',
      },
      cpoteLoading:{
        cpote1: false,
        cpote2: false,
        cpote3: false,
        cpote4: false,
      },
      cpotetLoading:{
        cpote1: false,
        cpote2: false,
        cpote3: false,
        cpote4: false,
      },
      cpoteType: 0,
      dialogVisibleAiCreate: false,
      dialogVisibleAiCreate2: [],
      pptBoxDialog: true,
      pptCount: [],
      dialogVisibleAiCreateVideo: false,
      teacherText: [],
      isFileSearch: true,
      fileIds: [],//'file-A81p1q02HHpJhus4nYYwtAmM'
      templatePan: ['0e7966d6-1e49-11ef-bee5-005056b86db5','60d153e3-1e49-11ef-bee5-005056b86db5','7f3e28b7-1e66-11ef-bee5-005056b86db5','9dd4bb76-1e48-11ef-bee5-005056b86db5','ab317f23-1e66-11ef-bee5-005056b86db5'],
      courseJie:1,
      courseTime:45,
      allTextArray: [],
      dialogVisiblePdf: false,
      dialogVisibleOffice: false,
      wurl: "",
      choiceLoading: false,
      teacherInfoData: [],
      teacherinfoproVisible: false,
      teacherinfoisFinishSize: 0,
      teacherinfoisAllSize: 0,
      teacherinfoprogress: 0,
      teacherCourseText: "",
      teacherTextLoading: false,
      tteacherTextLoading: false,
      targetCourseText: "",
      targetTextLoading: false,
      ttargetTextLoading: false,
      cankaoInfoData: [],
      fileSLoading: false,
      infoData2: [],
      isuseT: false,
      mode: 1,
      targetCourseText2: "",
      targetTextLoading2: false,
      ttargetTextLoading2: false,
      courseTextBool: false,
      teacherCourseTextB: true,
      targetCourseTextB: true,
      courseTextB: true,
      targetCourseText2B: true,
      // yiKeTemplateArray:['cf5722a4-401b-11ef-b873-005056b86db5','cf5722a4-401b-11ef-b873-005056b86dc4','cf5722a4-401b-11ef-b873-005056b86dc3','cf5722a4-401b-11ef-b873-005056b86dc5','9dd4bb76-1e48-11ef-bee5-005056b86dc4'],
      yiKeTemplateArray:[],
      taskLoading: [],
      ruleLoading: [],
      mubiaoInfoData: [],
      mubiaoinfoproVisible: false,
      mubiaoinfoisFinishSize: 0,
      mubiaoinfoisAllSize: 0,
      mubiaoinfoprogress: 0,
      xuanzeInfoData: [],
      xuanzeinfoproVisible: false,
      xuanzeinfoisFinishSize: 0,
      xuanzeinfoisAllSize: 0,
      xuanzeinfoprogress: 0,
      pingjiaInfoData: [],
      pingjiainfoproVisible: [],
      pingjiainfoisFinishSize: [],
      pingjiainfoisAllSize: [],
      pingjiainfoprogress: [],
      taskGLoading: [],
      ttaskGLoading: [],
      isOutlineCancelToken: null,
      isFileCancelToken: null,
      isTargetCancelToken1: null,
      isTargetCancelToken2: null,
      isTextCancelToken: null,
      isTeacherTextCancelToken: null,
      isTeacherTaskCancelToken: null,
      isOutlineTaskCancelToken: [],
      isTeacherTaskCancelToken2: [],
      isTeacherTaskCancelSource: [],
      isTextCancelSource: null,
      isOutlineTaskCancelSource: [],
      isTeacherTextCancelSource: null,
      isTargetCancelSource1: null,
      isTargetCancelSource2: null,
      fileidArray: [],
      interPan: true,
      interFlash: true,
      agentid: "",
      interSetting: false,
      chatid: "",
      languageSetting: 0, //0中文 1繁体 2英文
      isQuote: {},
      knowFileArray: [],
      knowInfoData: [],
      knowinfoproVisible: false,
      knowinfoisFinishSize: 0,
      knowinfoisAllSize: 0,
      knowinfoprogress: 0,
      knowFileids: [],
      searchFileName: "",
      knowInfoDataLoading: false,
      isfindMatchingContents: null,
      findMatchingContentsPage: 1,
      findMatchingContentsFinish: false,
      knowInfoData2: [],
      knowinfoproVisible2: false,
      knowinfoisFinishSize2: 0,
      knowinfoisAllSize2: 0,
      knowinfoprogress2: 0,
      knowFileids2: [],
      knowInfoData3: [],
      knowFileids3: [],
      pjTemplateArray: [ 'cf5722a4-401b-11ef-b873-005056b86cp5', '68629cfb-e719-48e9-a03d-56f189fb9cb0' ],
      pjIndex: [52, 48, 1, 3, 16, 45, 47, 41, 72],
      taskAnLoading: [],
      taskAnCancelToken: [],
      dialogTemplateArray: [ 'cf5722a4-401b-11ef-b873-005056b86cd2', '68629cfb-e719-48e9-a03d-56f189fb9cb0' ],
      taskCancelToken1: [],
      isTaskCancelSource1: [],
      taskCancelToken2: [],
      isDisplay: false,
      isDialog: 0,
      recordVideoText: "",
      recordAudioUrl: "",
      r_agentid: "",
      course_info: "",
      stepShow: true,
      anLoading: [],
      appendixFile: [],
      appendixPan: true,
      appendixFiles: [],
      appendixTypeCheck: 'all',
      appendixTaskCheck: 'all',
      appendixType: [],
      appendixLoading: false,
      interFindPan: true,
      typeC1: [],
      typeC2: [],
      knowFileType1: "",
      knowFileType2: "",
      knowFileType: "",
      knowFileTypeArray1: [],
      knowFileTypeArray: [],
      optionTypeList:['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'],
      changeId:"",
    };
  },
  directives: {
    autoHeight: {
      update(el, binding) {
        const { value } = binding;
        if (value && typeof value === "number") {
          el.style.height = `${value}px`;
        } else {
          el.style.height = "auto";
        }
      },
      componentUpdated(el) {
        el.style.height = `${el.scrollHeight + 25}px`;
      },
    },
  },
  computed: {
    // rightBoxHeight: function () {
    //   return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
    // },
    offsetLetfPx: function () {
      //addnum可以直接在模板语法里面用，相当于data内的值
      return (
        $(".cru_select")[this.unitIndex] &&
        $(".cru_select")[this.unitIndex].offsetLeft + 5
      );
    },
    getMan2() {
      return function (people) {
        let _people = people;
        let _people2 = "";
        if (this.ManAarray.length) {
          for (var i = 0; i < this.ManAarray.length; i++) {
            if (this.ManAarray[i].userid == people) {
              _people2 = this.ManAarray[i].name;
              break;
            }
          }
        }
        if (people == this.courseUserid) {
          return "";
        }
        return this.ManAarray.length ? _people2 : "";
      };
    },
    getListMan2() {
      return function (list) {
        console.log('getListMan2',list);
        let _people2 = [];
        if (this.ManAarray.length) {
          list.slice(0, 10).forEach(people => {
            let name = this.ManAarray.find(man => man.userid === people && people !== this.courseUserid).name || "";
            if (name) {
              _people2.push(name);
            }
          });
        }

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

        if (this.grade.length) {
          for (var j = 0; j < list.length; j++) {
            let c = list[j];
            for (var i = 0; i < this.grade.length; i++) {
              if (this.grade[i].id == c) {
                _c2.push(this.grade[i].name);
                break;
              }
            }
          }
        }
        return this.grade.length ? _c2.join("、") : "";
      };
    },
    MarkdownT() {
      return function (c) {
        let md = new MarkdownIt();
        return c
          ? md.render(c) : "";
      };
    },
    panOutline(){
      return function () {
        let count = 0;
        for(var i = 0; i < this.unitJson.length; i++){
          let _task = this.unitJson[i].chapterInfo[0].taskJson
          for(var j = 0; j < _task.length; j++){
            if(_task[j].taskDetail2){
              count++
            }
          }
        }
        return count;
      };
    },
    panTeacher(){
      return function () {
        let count = 0;
        for(var i = 0; i < this.unitJson.length; i++){
          let _task = this.unitJson[i].chapterInfo[0].taskJson
          for(var j = 0; j < _task.length; j++){
            if(_task[j].taskDetail3){
              count++
            }
          }
        }
        return count;
      };
    },
    panTask(){
      return function () {
        let count = 0;
        for(var i = 0; i < this.unitJson.length; i++){
          let _task = this.unitJson[i].chapterInfo[0].taskJson
          for(var j = 0; j < _task.length; j++){
            if(_task[j].taskDetail){
              count++
            }
          }
        }
        return count;
      };
    },
    panElist(){
      return function (array) {
        let count = 0;
        for(var i = 0; i < array.toolChoose.length; i++){
          if(array.toolChoose[i].eList && array.toolChoose[i].eList.length){
            count++
          }
        }
        return count;
      };
    },
    panTaskElist(){
      return function () {
        let count = 0;
        for(var i = 0; i < this.unitJson.length; i++){
          let _task = this.unitJson[i].chapterInfo[0].taskJson
          for(var j = 0; j < _task.length; j++){
            if(_task[j].eList && _task[j].eList.length){
              count++
            }
          }
        }
        return count;
      };
    },
    panEvaCont(){
      return function () {
        let count = 0;
        for(var i = 0; i < this.unitJson.length; i++){
          let _task = this.unitJson[i].chapterInfo[0].taskJson
          for(var j = 0; j < _task.length; j++){
            let tool = _task[j].toolChoose
            for(var k = 0; k < tool.length; k++){
              if(tool[k].eList && tool[k].eList.length){
                count++
              }
            }
          }
        }
        return count;
      };
    },
    dataCheckPan(){
      return function (fileid) {
        for(let i = 0; i < this.infoData.length; i++){
          if(this.infoData[i].fileid == fileid){
            return true
          }
        }
        return false;
      };
    },
    interUrl: function () {
      let agentid = this.aiJson.agentid
      let sagentid = this.aiJson.sagentid
      let url = ''
      if(sagentid){
        url = `https://beta.cloud.cocorobo.cn/aigpt/#/js?muti_agent_id=${sagentid}&isPbl=true&session_id=${this.chatid}`//+'&muti_agent_id2='+agentid
      }else{
        url = `https://beta.cloud.cocorobo.cn/aigpt/#/js?muti_agent_id=${agentid}&isPbl=true&session_id=${this.chatid}`//+'&muti_agent_id2='+agentid
      }
      return url;
    },
    panPptCount(){
      return function () {
        let ppts = 0
        for(var i = 0; i < this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length; i++){
          let ppt = this.$refs['ppt'+i]
          if(ppt && ppt[0].tanDialog){
            ppts++
          }

        }
        if(!this.pptCount.length){
          this.pptBoxDialog = false
        }
        return ppts;
      };
    },
    panDanTool(){
      return function (array) {
        let count = 0;
        for(var i = 0; i < array.toolChoose.length; i++){
          if((array.toolChoose[i].tool && array.toolChoose[i].tool.length) || array.toolChoose[i].toolDetail){
            count++
          }
        }
        return count;
      };
    },
    panDanToolEva(){
      return function (array) {
        let count = 0;
        let tool = array.toolChoose
        for(var k = 0; k < tool.length; k++){
          if(tool[k].eList && tool[k].eList.length){
            count++
          }
        }
        return count;
      };
    },
    panTool(){
      return function () {
        let count = 0;
        for(var j = 0; j < this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length; j++){
          let array = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[j]
          for(var i = 0; i < array.toolChoose.length; i++){
            if((array.toolChoose[i].tool && array.toolChoose[i].tool.length) || array.toolChoose[i].toolDetail){
              count++
            }
          }
        }
        return count;
      };
    },
    allFile(){
      return function (type) {
        let file = [...this.knowInfoData, ...this.infoData, ...this.knowInfoData2, ...this.appendixFile];
        for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
          let _task = this.unitJson[0].chapterInfo[0].taskJson[i];
          for(var j = 0; j < _task.chapterData.length; j++){
            if(_task.chapterData[j].type == 3){
              file.push({..._task.chapterData[j], tool:j, task:i});
            }
          }
        }
        let uniqueUrls = new Set(file.map(item => item.url)); // 使用Set去重
        let uniqueFile = Array.from(uniqueUrls).map(url => file.find(item => item.url === url)); // 根据url获取唯一文件
        if(this.appendixTaskCheck != 'all' && type != '2'){
          uniqueFile = uniqueFile.filter(file => file.task+1 == this.appendixTaskCheck || file.name.includes(this.lang.ssTask+this.appendixTaskCheck) || file.name.includes(this.lang.ssTask+this.numberToChinese(this.appendixTaskCheck)));
        }

        if(this.appendixTypeCheck != 'all' && type != '2'){
          if(this.appendixTypeCheck == 0){
            uniqueFile = uniqueFile.filter(file => file.name.includes(this.lang.ssLessonPlan));
          }else if(this.appendixTypeCheck == 1){
            uniqueFile = uniqueFile.filter(file => file.name.toUpperCase().includes('PPT') || file.name.toUpperCase().includes('PPTX'));
          }else if(this.appendixTypeCheck == 2){
            uniqueFile = uniqueFile.filter(file => file.name.includes(this.lang.ssStudyPlan));
          }else if(this.appendixTypeCheck == 3){
            uniqueFile = uniqueFile.filter(file => file.name.includes(this.lang.ssEvalSuffix));
          }else if(this.appendixTypeCheck == 4){
            uniqueFile = uniqueFile.filter(file => file.task == 'dialog');
          }
        }


        return uniqueFile;
      };
    },
    panAppendixCheckAll(){
      return function(){
        let files = this.allFile();
        let count = 0
        for(var i = 0; i < files.length; i++){
          if(this.appendixFiles.includes(files[i].url)){
            count++
          }
        }
        if (count == files.length) {
          return true
        }else {
          false
        }
      }
    },
    getTypeC(){
      return function(index){
        let sub = []
        let grade = []
        if (this.courseTypeId.length) {
          for (var i = 0; i < this.courseTypeId.length; i++) {
            let _sid = this.courseTypeId[i]
            for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
              if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
                sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
              }
            }
            for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
              if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
                grade.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
              }
            }
          }
        }
        if(index == 1){
          return sub
        }else if(index == 2){
          return grade
        }
      }
    },
    getFileType(){
      return function (name) {
        let fileType = this.getKnowType();

        for (let type of fileType) {
          if (converter(name).includes(type)) {
            return type; // 判断name中是否包含对应的文件类型
          }
        }

        return this.lang.ssOther;
      };
    },
    allknowInfoData3(){
      return function () {
        let knowInfoData = this.knowInfoData3;
        if(this.knowFileType){
          // if(converter(this.knowFileType) == '其他'){
          //   let fileType = this.getKnowType().filter(item => item != '其他');
          //   knowInfoData = knowInfoData.filter(item => {
          //     return !fileType.some(type => converter(item.name).includes(type));
          //   });
          // }else{
            knowInfoData = knowInfoData.filter(item => converter(item.file_type).includes(this.knowFileType))
          // }
        }
        if(this.knowFileType1){
          knowInfoData = knowInfoData.filter(item => converter(item.name).includes(this.knowFileType1))
        }
        if(this.knowFileType2){
          knowInfoData = knowInfoData.filter(item => converter(item.name).includes(converter(this.lang.ssUnit.replace(/\*/g, this.knowFileType2))) || converter(item.name).includes(converter(this.lang.ssUnit.replace(/\*/g, this.numberToChinese(this.knowFileType2)))))
        }
        return knowInfoData;
      };
    },
    getKnowType(){
      return function () {
        let knowInfoData = this.knowInfoData3;
        let array = []
        for(var i = 0; i < knowInfoData.length; i++){
          if(array.indexOf(knowInfoData[i].file_type) == -1){
            array.push(knowInfoData[i].file_type)
          }
        }
        return array;
      };
    },
    panknowInfoData3CheckAll(){
      return function(){
        let files = this.allknowInfoData3();
        let count = 0
        for(var i = 0; i < files.length; i++){
          if(this.knowFileids3.includes(files[i].url)){
            count++
          }
        }
        if (count == files.length) {
          return true
        }else {
          false
        }
      }
    },
  },
  watch: {
    unitIndex(newValue, oldValue) {
      // return;
      if (this.isDelete == 2) {
        this.isDelete = 1;
        return;
      }
      if (this.cid != "") {
        let _unitIndex = oldValue;
        if (
          JSON.stringify(this.unitJson2[_unitIndex]) ==
          JSON.stringify(this.unitJson[_unitIndex])
        ) {
          this.$refs.rightboxR.scrollTop = 0;
          return;
        }
        let cPan = 1;
        for (
          var j = 0;
          j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
          j++
        ) {
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
            j
          ].proVisible = false;
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
            j
          ].proVisible2 = false;
          if (
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length > 1
          ) {
            for (
              var z = 0;
              z <
              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
                .length;
              z++
            ) {
              if (
                !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
                  .toolChoose[z].tool.length
              ) {
                this.$message.error(this.lang.ssAddToolFull);
                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 != "" || ele.detail != "" || ele.target != "";
                }
              );
          }
        }
        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: this.lang.UpdateSuccessful,
            //   type: "success",
            // });
            // this.courseId = this.cid;
            this.addtips()
          })
          .catch((err) => {
            this.$message.error(this.lang.ssNetPoor);
            console.error(err);
          });
      }
    },
    steps(newValue, old) {
      if(newValue == 2){
        this.steps = old
      }
      if (newValue == 4) {
        let cPan = 1;
        for (var i = 0; i < this.unitJson.length; i++) {
          for (
            var j = 0;
            j < this.unitJson[i].chapterInfo[0].taskJson.length;
            j++
          ) {
            this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
            this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
            if (
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
            ) {
              for (
                var z = 0;
                z <
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
                z++
              ) {
                if (
                  !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z]
                    .tool.length
                ) {
                  this.$message.error(this.lang.ssAddToolFull);
                  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 != "" || ele.detail != "" || ele.target != "";
              });
            }
          }
        }
        this.inputShow = true;
        if (cPan == 2) {
          this.steps = old;
          return;
        }
        this.goTo(
          "/course?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
        );
      }
    },
    courseName(newVal, oldVal) {
      this.setCourseInfo();
    },
    courseTypeId: {
      immediate: true,
      deep: true,
      handler(newValue, oldValue) {
        this.setCourseInfo();
      }
    },
    knowFileids(newVal, oldVal) {
      window.course_fileids = [...this.knowFileids, ...this.knowFileids2]
    },
    knowFileids2(newVal, oldVal) {
      window.course_fileids = [...this.knowFileids, ...this.knowFileids2]
    },
  },
  methods: {
    tableRowClassName({ row, rowIndex }) {
      if ((rowIndex + 1) % 2 === 0) {
        return "even_row";
      } else {
        return "";
      }
    },
    close() {
      this.cetIndex = "";
      this.cettIndex = "";
      this.templateName = "";
      this.cetBoxDialog = false;
    },
    openAI() {
       window.topU.postMessage({ tools: "64" }, "*");
    },
    setMan() {
      // let teacherJuri = this.teacherJuri2;
      this.ManAarray = [];
      let _user = JSON.parse(JSON.stringify(this.checkboxList3));
      if (_user.indexOf(this.userid) == -1) {
        _user.push(this.userid);
      }
      if (_user.indexOf(this.courseUserid) == -1) {
        _user.push(this.courseUserid);
      }
      let params = [{
        uid: _user.join(","),
      }];
      this.ajax
        .post(this.$store.state.api + "getAllUserByIdP", params)
        .then((res) => {
          let teacherJuri = res.data[0];
          this.ManAarray = teacherJuri;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    previewImg(url) {
      this.$hevueImgPreview(url);
    },
    btnDisplay(bool) {
      this.isBtnDisplay = bool;
    },
    stepDisplay(bool) {
      this.isStepDisplay = bool;
    },
    scrollChange() {
      this.rightBoxHeight = $(".rightBox")[0].scrollHeight - 80;
    },
    addHw(e) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    change(val) {
      if (this.dialogVisible1) {
        this.tdetail = val;
      } else if (this.dialogVisible6) {
        this.AttText.text = val;
      } else if (this.dialogVisible2) {
        this.cTemplate = val;
      } else if (this.dialogVisibleTable) {
        this.tableJson.text = val;
      }
      this.$forceUpdate();

      console.log(val);
    },
    change2(val) {
      console.log(val);
      this.$forceUpdate();
    },
    handleClose(done) {
      done();
    },
    closePan(tool) {
      if (tool == 15) {
        if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
          this.dialogVisible8 = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 4) {
        if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
          this.dialogVisible5 = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 45) {
        if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
          this.dialogVisibleChoice = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 41) {
        if (
          JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)
        ) {
          this.dialogVisibleSelect = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 47) {
        if (
          JSON.stringify(this.sentenceList) ==
          JSON.stringify(this.sentenceList2)
        ) {
          this.dialogVisibleSentence = false;
        } else {
          this.closeConfirm(tool);
        }
      } else if (tool == 69) {
        if (
          JSON.stringify(this.englishList) == JSON.stringify(this.englishList)
        ) {
          this.englishDialogVisible = false;
        } else {
          this.closeConfirm(tool);
        }
      }
    },
    closeConfirm(tool) {
      this.$confirm(this.lang.ssSaveEdit, this.lang.ssTip, {
        confirmButtonText: this.lang.ssSave,
        cancelButtonText: this.lang.ssNotSave,
        type: "warning",
      })
        .then(() => {
          if (tool == 15) {
            this.addAnswer();
          } else if (tool == 4) {
            this.addAsk();
          } else if (tool == 45) {
            this.addTest();
          } else if (tool == 41) {
            this.addSelectAnswer();
          } else if (tool == 47) {
            this.addSentenceTool();
          } else if (tool == 69) {
            this.addEnglish();
          }
        })
        .catch(() => {
          if (tool == 15) {
            this.dialogVisible8 = false;
          } else if (tool == 4) {
            this.dialogVisible5 = false;
          } else if (tool == 45) {
            this.dialogVisibleChoice = false;
          } else if (tool == 41) {
            this.dialogVisibleSelect = false;
          } else if (tool == 47) {
            this.dialogVisibleSentence = false;
          } else if (tool == 69) {
            this.englishDialogVisible = false;
          }
        });
    },
    addEnglish(jsonType) {
      this.englishList.engTitle = this.$refs["engJson"].engList.engTitle;
      this.englishList.englishText = this.$refs["engJson"].engList.englishText;
      this.englishList.textJson = this.$refs["engJson"].engList.textJson;
      if (
        this.englishList.engTitle == "" ||
        this.englishList.englishText == ""
      ) {
        this.$message.error(this.lang.ssFillComplete);
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].englishList = this.englishList;
      this.englishList = {};
      if (jsonType && jsonType == 1) {
        this.englishDialogVisible = true;
      } else {
        this.englishDialogVisible = false;
      }
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 69
      ) {
        this.addTools(69, this.taskCount, this.toolIndex);
      }
    },
    imgChange2(i, j) {
      var _tmp = this.testJson.testJson[i].checkList[j];
      this.noneBtnImg = _tmp.length >= 1;
    },
    imgChange3(i) {
      var _tmp = this.testJson.testJson[i];
      this.noneBtnImg = _tmp.length >= 1;
    },
    imgChange1(file, fileList, type, itemTaskIndex) {
      if (type == 1) {
        var _tmp = this.cover;
      } else if (
        type == 2 ||
        type == 3 ||
        type == 6 ||
        type == 7 ||
        type == 8
      ) {
        var _tmp =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .chapterData;
      } else if (type == 4) {
        var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
      } else {
        var _tmp =
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .homeworkList;
      }
      this.noneBtnImg = _tmp.length >= 1;
    },
    goTo(path) {
      this.$router.push(path);
    },
    guid() {
      var _num,
        i,
        _guid = "";
      for (i = 0; i < 32; i++) {
        _guid += Math.floor(Math.random() * 16).toString(16); //随机0  - 16 的数字 转变为16进制的字符串
        _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
        if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
          //会使guid中间加 "-"   形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
          _guid += "-";
        }
      }
      return _guid;
    },
    retrunCourse() {
      if(this.istemplate == 1){
        this.goTo(
              "/course?userid=" +
              this.userid +
              "&oid=" +
              this.oid +
              "&org=" +
              this.org +
              "&role=" +
              this.role
            );
        return
      }
      this.$confirm(this.lang.ssSaveEdit, this.lang.ssTip, {
        confirmButtonText: this.lang.ssSave,
        cancelButtonText: this.lang.ssNotSave,
        distinguishCancelAndClose: true,
        type: "warning",
        customClass: 'custom-confirm-box'
      })
        .then(() => {
          if (this.taskLoading.length) {
            let _pan = 1
            for(var k = 0; k < this.taskLoading.length; k++){
              if(this.taskLoading[k]){
                this.$message({
                  message: this.lang.ssWaitTaskSave.replace(/\*/g, k+1),
                  type: "warning"
                });
                _pan = 2
              }
            }
            if(_pan == 2){
              return
            }
          }
          if(this.taskGLoading.length){
            let _pan = 1
            for(var k = 0; k < this.taskGLoading.length; k++){
              if(this.taskGLoading[k] && (this.taskGLoading[k][0] || this.taskGLoading[k][1] || this.taskGLoading[k][2])){
                this.$message({
                  message: this.lang.ssWaitTaskSave.replace(/\*/g, k+1),
                  type: "warning"
                });
                _pan = 2
              }
            }
            if(_pan == 2){
              return
            }
          }
          let pan2 = 1
          let taskJson = this.unitJson[0].chapterInfo[0].taskJson
          for(var index = 0; index < taskJson.length; index++){
            for (var j = 0; j < taskJson[index].toolChoose.length; j++) {
              if(this.panTaskElist() == 0 && this.pjIndex.indexOf(taskJson[index].toolChoose[j].tool[0]) != -1){
                if(this.$refs['evalist'+index+j] && this.$refs['evalist'+index+j][0].loading){
                  this.$message({
                    message: this.lang.ssWaitTaskCont.replace(/\*/g, index+1),
                    type: "warning"
                  });
                  pan2 = 2
                }
              }
            }
          }
          if(pan2 == 2){
            return
          }
          if (this.cid == "" || this.cid == undefined) {
            if (this.courseName == "") {
              this.$message.error(this.lang.ssFillCourseName);
              return;
            } else {
              this.addWork();
            }
            this.steps = 4;
          } else {
            if (this.courseName == "") {
              this.$message.error(this.lang.ssFillCourseName);
              return;
            } else {
              if (this.userid != this.courseUserid && this.role != "1") {
                this.updateWork2();
              } else {
                this.updateWork();
              }
              this.steps = 4;
            }
          }
        })
        .catch((v) => {
          console.log(v);
          if (v == "cancel") {
            this.goTo(
              "/course?userid=" +
              this.userid +
              "&oid=" +
              this.oid +
              "&org=" +
              this.org +
              "&role=" +
              this.role
            );
          }
        });
      setTimeout(() => {
        this.setTipsIndex()
      }, 500)
    },
    lastSteps() {
      if (this.steps == 4) {
        this.goTo(
          "/course?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
        );
      } else {
        // if (this.cidType == 0) {
        //   this.steps--;
        //   if (this.steps == 1) {
        //     setTimeout(() => {
        //       this.checkEva(this.checkId);
        //       setTimeout(() => {
        //         this.checkEva(this.checkId);
        //       }, 100);
        //     }, 100);
        //   }
        // } else {
        if (this.steps == 3) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        // }
      }
    },
    navSteps(s) {
      if (this.courseName == "") {
        this.$message.error(this.lang.ssFillCourseName);
        return;
      }
      if (this.cidType == 0) {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
          }
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        if (s == 2) {
          this.steps = 2;
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          this.isClickColor = 1;
          this.unitJson[
            this.unitIndex
          ].chapterInfo[0].taskJson[0].toolOpen = true;
          this.$forceUpdate();
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        }
      } else {
        if (this.steps == 1) {
          if (this.cid == "" || this.cid == undefined) {
            this.addWork();
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.updateWork2();
            } else {
              this.updateWork();
            }
          }
        }
        if (s == 1) {
          this.steps = 1;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 100);
        }
        if (s == 3) {
          this.cTemplate = this.templateC.content;
          this.dialogVisible2 = false;
          this.steps = 3;
          this.isClickColor = 1;
          this.unitJson[
            this.unitIndex
          ].chapterInfo[0].taskJson[0].toolOpen = true;
          this.$forceUpdate();
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        }
      }
      this.$refs.stepBox.scrollTop = 0;
    },
    setTipsIndex(){
      // 使用 setTimeout 确保对话框已经渲染完成
      this.$nextTick(() => {
        const dialog = document.querySelector('.custom-confirm-box');
        if (dialog) {
          const parent = dialog.parentElement;
          if (parent) {
            parent.style.zIndex = 9999999;
            const adjacentElement = parent.nextElementSibling;
            if (adjacentElement) {
              adjacentElement.style.zIndex = 9999998;
            }
          }
        }
      });
    },
    nextSteps(clickType, ttype) {
      if(!this.time()){
        return
      }
      // if (this.cidType == 1) {
      if (this.steps == 1) {
        if (this.courseName != "") {

          if ((this.ttaskDetailLoading.join(",").indexOf('task-') !== -1) || this.cpotetLoading.cpote1 || this.cpotetLoading.cpote2 || this.cpotetLoading.cpote3 || this.cpotetLoading.cpote4) {
            // this.$message({
            //   message: "请回答完毕后再次发送",
            //   type: "warning"
            // });

            if(this.ttaskDetailLoading.length){
              let num = parseInt(this.ttaskDetailLoading[0].split("task-")[1]) + 1
              this.$message({
                message: this.lang.ssGenOutTaskDesc.replace(/\*/g, num),
                type: "warning"
              });
            }
            if(this.cpotetLoading.cpote1){
              this.$message({
                message: this.lang.ssCpoteNotGen,
                type: "warning"
              });
            }
            if(this.cpotetLoading.cpote2){
              this.$message({
                message: this.lang.ssQChainNotGen,
                type: "warning"
              });
            }
            if(this.cpotetLoading.cpote3){
              this.$message({
                message: this.lang.ssTargetNotGen,
                type: "warning"
              });
            }
            if(this.cpotetLoading.cpote4){
              this.$message({
                message: this.lang.ssTaskClusNotGen,
                type: "warning"
              });
            }




            return;
          }

          if (this.templateid != "4480d65a-1e48-11ef-bee5-005056b86db5" && this.templateid != "cf5722a4-401b-11ef-b873-005056b86dc3" && !this.isOutline) {
            if(!this.courseText && !this.teacherCourseText){
              this.$message.error(this.lang.ssGenDescFirst);
              return;
            }
            if(this.templateid == '61c628b9-3d96-11ef-b873-005056b86db5'){
              this.openAiDialog(clickType, 'aiOutline2')
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键课程大纲-生成大纲按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击课程大纲-生成大纲按钮`)
              }
            }else {
              this.openAiDialog(clickType, 'aiOutline')
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键课程大纲-生成大纲按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击课程大纲-生成大纲按钮`)
              }
            }
            return;
          }

          if((this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") && this.cpoteType != 4){
            let _type = ''
            if(this.cpoteType == 0){
              _type = 'aiCpote1'
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键概念群-生成概念群按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击概念群-生成概念群按钮`)
              }
            }else if(this.cpoteType == 1){
              _type = 'aiCpote2'
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键问题链-生成问题链按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击问题链-生成问题链按钮`)
              }
            }else if(this.cpoteType == 2){
              _type = 'aiCpote3'
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键目标层-生成目标层按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击目标层-生成目标层按钮`)
              }
            }else if(this.cpoteType == 3){
              _type = 'aiCpote4'
              if(clickType == 1){
                this.addCourseBehavior('courseBehavior', `右键任务簇-生成任务簇按钮`)
              }else {
                this.addCourseBehavior('courseBehavior', `点击任务簇-生成任务簇按钮`)
              }
            }

            this.cpoteType++
            this.openAiDialog(clickType, _type)
            return;
          }

          // if (!this.isOutline2) {
          //   this.openAiDialog(clickType, 'aiTeacher')
          //   return;
          // }


          if (!this.isOutline2 && (this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3")) {
            this.openAiDialog(clickType, 'aiTeacher3')
            if(clickType == 1){
              this.addCourseBehavior('courseBehavior', `右键教案-生成教案按钮`)
            }else {
              this.addCourseBehavior('courseBehavior', `点击教案-生成教案按钮`)
            }
            return;
          }

          if (!this.isOutline2 && this.templateid != "4480d65a-1e48-11ef-bee5-005056b86db5" && this.templateid != "cf5722a4-401b-11ef-b873-005056b86dc3") {
            this.openAiDialog(clickType, 'aiTeacher2')
            if(clickType == 1){
              this.addCourseBehavior('courseBehavior', `右键教案-生成教案按钮`)
            }else {
              this.addCourseBehavior('courseBehavior', `点击教案-生成教案按钮`)
            }
            return;
          }
          let _pan2 = 1
          for (var k = 0; k < this.unitJson[0].chapterInfo[0].taskJson.length; k++) {
            if(!this.unitJson[0].chapterInfo[0].taskJson[k].taskDetail2 && !(this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3")){
              _pan2 = 2
              this.$message.error(this.lang.ssPerfectOut.replace(/\*/g, k+1))
              break;
            }
            if(!this.unitJson[0].chapterInfo[0].taskJson[k].taskDetail3){
              _pan2 = 2
              this.$message.error(this.lang.ssPerfectPlan.replace(/\*/g, k+1))
              break;
            }
          }

          if(_pan2 == 2){
            return;
          }

          const functionA = () => {
            setTimeout(() => {
              this.loading = false
              this.steps = 3;
            }, 0)
            this.isClickColor = 1;
            this.unitJson[
              this.unitIndex
            ].chapterInfo[0].taskJson[0].toolOpen = true;
            this.$forceUpdate();
            setTimeout(() => {
              this.checkEva(this.checkId);
              setTimeout(() => {
                this.checkEva(this.checkId);
              }, 100);
            }, 1000);
            if (this.cid == "" || this.cid == undefined) {
              this.addWork();
            } else {
              if (this.userid != this.courseUserid && this.role != "1") {
                this.updateWork2();
              } else {
                this.updateWork();
              }
            }
          }
          if((this.ttaskDetailLoading5.join(",").indexOf('task-') !== -1)){
            if(this.ttaskDetailLoading5.length){
              // let num = parseInt(this.ttaskDetailLoading5[0].split("task-")[1]) + 1
              // this.$message({
              //   message: "教案任务"+num+"描述还未生成完，请前往查看，回答完毕后再次操作。",
              //   type: "warning"
              // });
              this.$confirm(this.lang.ssPlanNotGen, this.lang.ssTip, {
                confirmButtonText: this.lang.ssConfirm,
                cancelButtonText: this.lang.ssCancel,
                distinguishCancelAndClose: true,
                type: "warning",
                customClass: 'custom-confirm-box'
              })
                .then(() => {
                  if(this.isTeacherTaskCancelToken2){
                    for(var i = 0; i < this.isTeacherTaskCancelToken2.length; i++){
                      if(this.isTeacherTaskCancelToken2[i]){
                        this.isTeacherTaskCancelToken2[i].cancel('Request canceled by the user.');
                        this.isTeacherTaskCancelToken2[i] = null;
                      }
                    }
                  }
                  this.taskDetailLoading5 = []
                  this.ttaskDetailLoading5 = []
                  if(this.isTeacherTaskCancelSource){
                    for(var i = 0; i < this.isTeacherTaskCancelSource.length; i++){
                      if(this.isTeacherTaskCancelSource[i]){
                        this.isTeacherTaskCancelSource[i].close()
                        this.isTeacherTaskCancelSource[i] = null
                      }
                    }
                  }
                  if (this.cid) {
                    this.loading = true
                    functionA()
                    this.addCourseBehavior('courseBehavior', `点击学历案-下一步按钮`)
                  } else {
                    this.openAiDialog(clickType, "aiTask3", 'all', functionA)
                    if(clickType == 1){
                      this.addCourseBehavior('courseBehavior', `右键学历案-下一步按钮`)
                    }else {
                      this.addCourseBehavior('courseBehavior', `点击学历案-下一步按钮`)
                    }
                  }
              }).catch((v) => {
                console.log(v);
              })
              setTimeout(() => {
                this.setTipsIndex()
              }, 500)
            }
            return;
          }
          if (this.cid && this.panTask() > 0) {
            this.loading = true
            functionA()
          } else {
            // if(ttype == 2){
            this.openAiDialog(clickType, "aiTask3", 'all', functionA)
            // }else {
            //   this.openAiDialog(clickType, "aiTask2", 'all', functionA)
            // }
          }

        } else {
          this.$message.error(this.lang.ssFillCourseName);
          return;
        }
      } else if (this.steps == 3) {
        if (this.taskLoading.length) {
          let _pan = 1
          for(var k = 0; k < this.taskLoading.length; k++){
            if(this.taskLoading[k]){
              this.$message({
                message: this.lang.ssWaitTaskUp.replace(/\*/g, k+1),
                type: "warning"
              });
              _pan = 2
            }
          }
          if(_pan == 2){
            return
          }
        }
        if(this.taskGLoading.length){
          let _pan = 1
          for(var k = 0; k < this.taskGLoading.length; k++){
            if(this.taskGLoading[k] && (this.taskGLoading[k][0] || this.taskGLoading[k][1] || this.taskGLoading[k][2])){
              this.$message({
                message: this.lang.ssWaitTaskSave.replace(/\*/g, k+1),
                type: "warning"
              });
              _pan = 2
            }
          }
          if(_pan == 2){
            return
          }
        }
        let pan2 = 1
        let taskJson = this.unitJson[0].chapterInfo[0].taskJson
        for(var index = 0; index < taskJson.length; index++){
          for (var j = 0; j < taskJson[index].toolChoose.length; j++) {
            if(this.panTaskElist() == 0 && this.pjIndex.indexOf(taskJson[index].toolChoose[j].tool[0]) != -1){
              if(this.$refs['evalist'+index+j] && this.$refs['evalist'+index+j][0].loading){
                this.$message({
                  message: this.lang.ssWaitTaskCont.replace(/\*/g, index+1),
                  type: "warning"
                });
                pan2 = 2
              }
            }
          }
        }
        if(pan2 == 2){
          return
        }
        if (this.cid == "" || this.cid == undefined) {
          if (this.courseName == "") {
            this.$message.error(this.lang.ssFillCourseName);
            return;
          } else {
            this.addCourseBehavior('courseBehavior', `点击确认上传按钮`)
            this.addWork();
            this.steps++;
          }
        } else {
          if (this.courseName == "") {
            this.$message.error(this.lang.ssFillCourseName);
            return;
          } else {
            if (this.userid != this.courseUserid && this.role != "1") {
              this.addCourseBehavior('courseBehavior', `点击确认上传按钮`)
              this.updateWork2();
            } else {
              this.addCourseBehavior('courseBehavior', `点击确认上传按钮`)
              this.updateWork();
            }
            this.steps++;
          }
        }
      }
      // } else {
      //   if (this.steps == 1) {
      //     if (this.courseName != "") {
      //       if (this.cid == "" || this.cid == undefined) {
      //         this.addWork();
      //       } else {
      //         if (this.userid != this.courseUserid && this.role != "1") {
      //           // this.updateWork2();
      //         } else {
      //           this.updateWork();
      //         }
      //       }
      //       this.steps++;
      //     } else {
      //       this.$message.error("请补充填写课程名称");
      //       return;
      //     }
      //   } else if (this.steps == 2) {
      //     if (this.templateC.id != "" || this.templateC.id != undefined) {
      //       this.cTemplate = this.templateC.content;
      //     }
      //     this.dialogVisible2 = false;
      //     this.steps++;
      //     setTimeout(() => {
      //       this.checkEva(this.checkId);
      //       setTimeout(() => {
      //         this.checkEva(this.checkId);
      //       }, 100);
      //     }, 1000);
      //   } else if (this.steps == 3) {
      //     if (this.cid == "" || this.cid == undefined) {
      //       if (this.courseName == "") {
      //         this.$message.error("请补充填写课程名称");
      //         return;
      //       } else {
      //         this.addWork();
      //         this.steps++;
      //       }
      //     } else {
      //       if (this.courseName == "") {
      //         this.$message.error("请补充填写课程名称");
      //         return;
      //       } else {
      //         if (this.userid != this.courseUserid && this.role != "1") {
      //           this.updateWork2();
      //         } else {
      //           this.updateWork();
      //         }
      //         this.steps++;
      //       }
      //     }
      //   }
      // }
      this.$refs.stepBox.scrollTop = 0;
    },
    unitSet(i) {
      if (this.unitIndex == i) {
        return;
      }
      this.unitIndex = i;
      this.isClickColor = 1;

      // this.$refs.rightboxR.scrollTop = 0;
      this.$refs.unitBox.scrollTop = 0;
    },
    panUnitJson() {
      let _unitIndex = this.unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error(this.lang.ssAddToolFull);
              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 != "" || ele.detail != "" || ele.target != "";
              }
            );
        }
      }
      return cPan;
    },
    unitOpen(i) {
      if (this.unitJson[i].toolOpen) {
        this.unitJson[i].toolOpen = false;
      } else {
        this.unitJson[i].toolOpen = true;
      }
      this.updateWork();
      this.$forceUpdate();
    },
    unitSet2(i) {
      if (this.panUnitJson() == 2) {
        return;
      }
      // if(this.unitJson[i].toolOpen){
      //   this.unitJson[i].toolOpen = false
      //   this.updateWork()
      //   this.$forceUpdate()
      //   return
      // }else {
      this.unitJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
      if (this.unitIndex == i) {
        return;
      }
      this.unitIndex = i;
      this.isClickColor = 1;

      // this.$refs.rightboxR.scrollTop = 0;
      this.$refs.unitBox.scrollTop = 0;
    },
    updateCourseState(i) {
      let params = [
        {
          cid: this.cid,
          state: i,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateCourseMode", params)
        .then((res) => {
          this.courseState = i;
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    addtips(){
      let params = [
        {
          cid: this.cid,
          tips: JSON.stringify(this.aiJson),
          tid: this.templateid
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addTips", params)
        .then((res) => {
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    openSaveTips(){
      this.dialogVisibleTips = true
    },
    time() {
      if (!this.now) {
        this.now = new Date().getTime();
        return true;
      } else {
        let time = new Date().getTime();
        if (time - this.now > 1000) {
          this.now = time;
          return true;
        } else {
          return false;
        }
      }
    },
    deleteUnit(i) {
      var _this = this;
      if (i == 0 && _this.unitJson.length == 1) {
        _this
          .$confirm(_this.lang.ssSwitchTask, _this.lang.ssTip, {
            confirmButtonText: _this.lang.ssConfirm,
            cancelButtonText: _this.lang.ssCancel,
            type: "warning",
          })
          .then(() => {
            _this.unitJson[i].dyName = "";
            // _this.updateCourseState(2);
          })
          .catch(() => {
            return;
          });
      } else {
        _this
          .$confirm(_this.lang.ssDeleteStage, _this.lang.ssTip, {
            confirmButtonText: _this.lang.ssConfirm,
            cancelButtonText: _this.lang.ssCancel,
            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: this.lang.ssDeleteSucc,
            type: "success",
          });
          let task = JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson
            )
          );
          this.unitJson.splice(this.unitIndex, 1);
          if (this.unitIndex == 0) {
            this.unitIndex = 0;
          } else {
            this.unitIndex = this.unitIndex - 1;
          }

          if (JSON.stringify(task) != JSON.stringify(this.taskJSONa)) {
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [
              ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson,
              ...task,
            ];
          }
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    deleteTool(itemTaskIndex, i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm(_this.lang.ssDeleteTool, _this.lang.ssTip, {
            confirmButtonText: _this.lang.ssConfirm,
            cancelButtonText: _this.lang.ssCancel,
            type: "warning",
          })
          .then(() => {
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
              itemTaskIndex
            ].toolChoose.splice(i, 1);
            _this.$message.success(_this.lang.ssDeleteSucc);
          })
          .catch(() => {
            return;
          });
      }
    },
    deleteSentence(i) {
      var _this = this;
      _this
        .$confirm(_this.lang.ssDeleteQues, _this.lang.ssTip, {
          confirmButtonText: _this.lang.ssConfirm,
          cancelButtonText: _this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.sentenceList.splice(i, 1);
          _this.$message.success(_this.lang.ssDeleteSucc);
        })
        .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.topU.postMessage({ tools: "25" }, "*");
    },
    deleteTask(i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm(
            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length -
              1 ==
              i
              ? _this.lang.ssDeleteTask
              : _this.lang.ssSwitchTaskDel,
            _this.lang.ssTip,
            {
              confirmButtonText: _this.lang.ssConfirm,
              cancelButtonText: _this.lang.ssCancel,
              type: "warning",
            }
          )
          .then(() => {
            if (i == 0 && _this.courseState == 4) {
              _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.lang.ssDeleteSucc);
          })
          .catch(() => {
            return;
          });
      }
    },
    deleteTask2(i) {
      var _this = this;
      if (_this.time()) {
        _this
          .$confirm(
            _this.lang.ssDeleteTask,
            _this.lang.ssTip,
            {
              confirmButtonText: _this.lang.ssConfirm,
              cancelButtonText: _this.lang.ssCancel,
              type: "warning",
            }
          )
          .then(() => {
            if (i == 0 && _this.courseState == 4) {
              _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.lang.ssDeleteSucc);
          })
          .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(this.lang.ssInDev);
    },
    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.lang.ssPasteSucc);
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
              i
            ].chapterData.unshift({
              name: this.lang.ssLink,
              title: this.lang.ssEmbedCode,
              url: match[1],
              type: 8,
            });
          } else {
            // console.log("未找到包含 src 属性的 iframe");
            this.$message.error(
              this.lang.ssNoPasteObj
            );
          }
        })
        .catch((v) => {
          console.log("获取剪贴板失败: ", v);
        });
    },
    openSource(i) {
      this.lineCount = i;
      this.sourceData = {};
      this.dialogVisibleSource = true;
      this.updateSourcePan = false;
    },
    openAiCreate(i){
      // this.lineCount = i;
      // this.dialogVisibleAiCreate = true;
      if(!this.pptCount.includes(i)){
        this.pptCount.push(i)
        this.dialogVisibleAiCreate2.push(i);
      }else{
        this.$refs['ppt'+i][0].tanDialog = false
        this.$refs['ppt'+i][0].dialogVisibleAiCreate2 = true
      }
      this.pptBoxDialog = true
    },
    createAiPpt(json, i){
      this.unitJson[0].chapterInfo[0].taskJson[this.lineCount].chapterData.unshift(json);
      // this.dialogVisibleAiCreate = false;
      this.pptCount.splice(this.pptCount.indexOf(i), 1)
      this.dialogVisibleAiCreate2.splice(this.dialogVisibleAiCreate2.indexOf(i), 1);
    },
    closeAiPpt(i){
      this.pptCount.splice(this.pptCount.indexOf(i), 1)
      this.dialogVisibleAiCreate2.splice(this.dialogVisibleAiCreate2.indexOf(i), 1);
    },
    openAiCreateVideo(i){
      this.lineCount = i;
      this.dialogVisibleAiCreateVideo = true;
    },
    createAiVideo(json){
      this.unitJson[0].chapterInfo[0].taskJson[this.lineCount].chapterData.unshift(json);
      // this.dialogVisibleAiCreateVideo = false;
    },
    async createTeacherAn(index, type){
      // this.lineCount = index;
      let md = new MarkdownIt();
      if(this.courseState == 4){
        this.anLoading[0] = true
        // if(index == 0 || index){
        //   let _task = this.unitJson[0].chapterInfo[0].taskJson[index]
        //   let name = _task.task+'-教案'
        //   let _html =  _task.taskDetail3 ? md.render(_task.taskDetail3) : ''
        //   await this.generate(name, _html, 0)
        // }else {
        for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
          let _task = this.unitJson[0].chapterInfo[0].taskJson[i]
          let name = this.lang.ssTaskNum.replace(/\*/g, i+1)+_task.task+'-'+this.lang.ssLessonPlan
          let _html =  _task.taskDetail3 ? md.render(_task.taskDetail3) : ''
          await this.generate(name, _html, 0)
        }
        // }
      }else if(this.courseState == 5){
        if(type != 2){
          this.anLoading[index] = true
        }
        if(index == 0 || index){
          let _task = this.unitJson[0].chapterInfo[0].taskJson[index]
          let name = this.lang.ssTaskNum.replace(/\*/g, index+1)+_task.task+'-'+this.lang.ssLessonPlan
          let _html =  _task.taskDetail3 ? md.render(_task.taskDetail3) : ''
          await this.generate(name, _html, index,"", type)
        }else {
          for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
            let _task = this.unitJson[0].chapterInfo[0].taskJson[i]
            let name = this.lang.ssTaskNum.replace(/\*/g, i+1)+_task.task+'-'+this.lang.ssLessonPlan
            let _html =  _task.taskDetail3 ? md.render(_task.taskDetail3) : ''
            await this.generate(name, _html, i)
          }
        }
      }

    },
    async createTaskAn(index){
      // this.lineCount = index;
      if(this.taskAnLoading[index]){
        // this.$message.error('请等待当前学历案生成完成')
        this.cancelAjax('taskAn', index)
        return
      }
      this.taskAnLoading[index] = true
      this.$forceUpdate()
      let _this = this
      let md = new MarkdownIt();

      let messages = ""
      messages = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}

根据任务的教案<任务教案>，生成学生工作单(student worksheet)，工作单里面包含 分解的子任务，子任务描述，并给出学生回答的框。输出语气亲切。格式为Markdown。

## 任务教案
${_this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}`

      _this.taskAnCancelToken[index] = _this.ajax.setCancelSource();

      let parm = {
        assistant_id: 'b19f1a1a-7586-11ef-8ce0-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: [],
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, _this.taskAnCancelToken[index])
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let _task = _this.unitJson[0].chapterInfo[0].taskJson[index]
            let name = _task.task+'-'+_this.lang.ssStudyPlan
            let _html =  md.render(data.message).replace(/[\r\n]+/g, '').replace(/<hr>/g, '').replace(/<ol[^>]*>/g, '').replace(/<\/ol>/g, '').replace(/<li[^>]*>(.*?)<\/li>/g, (match, content) => {
              // 去除内容为空的<li>标签
              if (!content.trim()) {
                return '';  // 如果<li>标签内容为空，删除该标签
              }
              // 去掉<li>中的标签，保留纯文本内容
              return `<li>${content.replace(/<[^>]+>/g, '')}</li>`;
            }); // 去掉 <ol> 和 </ol> 标签
            console.log(_html)
            await _this.generate(name, _html, index, ()=>{
              _this.taskAnLoading[index] = false
              _this.taskAnCancelToken[index] = null
            })
          }else{
            _this.taskAnLoading[index] = false
            _this.taskAnCancelToken[index] = null
          }

        }).catch((error) => {
          console.log(error);
          _this.taskAnLoading[index] = false
          _this.taskAnCancelToken[index] = null
        });
    },
    async generate(a, html, index, callback, type) {
      // <html lang="en">

      // 将html文件中需要用到的数据挂载到store上
      const content = `<!DOCTYPE html>
      <html  xmlns:v='urn:schemas-microsoft-com:vml'xmlns:o='urn:schemas-microsoft-com:office:office'xmlns:w='urn:schemas-microsoft-com:office:word'xmlns:m='http://schemas.microsoft.com/office/2004/12/omml'xmlns='http://www.w3.org/TR/REC-html40'>
      <head>
          <!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val='Cambria Math'/><m:brkBin m:val='before'/><m:brkBinSub m:val='--'/><m:smallFrac m:val='off'/><m:dispDef/><m:lMargin m:val='0'/> <m:rMargin m:val='0'/><m:defJc m:val='centerGroup'/><m:wrapIndent m:val='1440'/><m:intLim m:val='subSup'/><m:naryLim m:val='undOvr'/></m:mathPr></w:WordDocument></xml><![endif]-->
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>${a}</title>
          <style>
            table {
              border-collapse: collapse; /* 折叠边框 */
              width: 100%;
            }
            th, td {
              border: 1px solid black; /* 线条样式 */
              padding: 8px;
              text-align: left;
            }
          </style>
      </head>
      <body>
      ${html}
      </body>
      </html>`;
      // debugger
      const blob = htmlDocx.asBlob(content)
      // debugger
      let dname = a + ".docx";
      // 创建文件流
      // 创建bolb实例时，内容一定要放在[]中
      // const blob = new Blob([content], {
      //   type: "text/plain;charset='utf-8'",
      // });
      // const file = new File([blob], dname, { type: 'application/msword' });
      let file = new File([blob], dname, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
      // let params = convertApi.createParams()
      // params.add('file', file)
      // try {
      //   let result = await convertApi.convert('docx', 'docx', params)
      //   file = await fetch(result.files[0].Url).then(res => res.blob()).then(blob => {
      //     return new File([blob], result.files[0].FileName, { type: 'application/octet-stream' });
      //   });
      //   await this.beforeUploadHtml(file, index, callback)
      // } catch (error) {
      //   console.log('=================','报错')
      //   await this.beforeUploadHtml(file, index, callback)
      //   return
      // }
      await this.beforeUploadHtml(file, index, callback, type)

    },
    async generateExport(a, html, index) {
      // <html lang="en">

      // 将html文件中需要用到的数据挂载到store上
      const content = `<!DOCTYPE html>
      <html  xmlns:v='urn:schemas-microsoft-com:vml'xmlns:o='urn:schemas-microsoft-com:office:office'xmlns:w='urn:schemas-microsoft-com:office:word'xmlns:m='http://schemas.microsoft.com/office/2004/12/omml'xmlns='http://www.w3.org/TR/REC-html40'>
      <head>
          <!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val='Cambria Math'/><m:brkBin m:val='before'/><m:brkBinSub m:val='--'/><m:smallFrac m:val='off'/><m:dispDef/><m:lMargin m:val='0'/> <m:rMargin m:val='0'/><m:defJc m:val='centerGroup'/><m:wrapIndent m:val='1440'/><m:intLim m:val='subSup'/><m:naryLim m:val='undOvr'/></m:mathPr></w:WordDocument></xml><![endif]-->
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>${a}</title>
          <style>
            table {
              border-collapse: collapse; /* 折叠边框 */
              width: 100%;
            }
            th, td {
              border: 1px solid black; /* 线条样式 */
              padding: 8px;
              text-align: left;
            }
          </style>
      </head>
      <body>
      ${html}
      </body>
      </html>`;
      // debugger
      const blob = htmlDocx.asBlob(content)
      // debugger
      const dname = `${a}.docx`;
      // 创建文件流
      // const file = new File([blob], dname, { type: 'application/msword' });
      let file = new File([blob], dname, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
      // let params = convertApi.createParams()
      // params.add('file', file)
      // try {
      //   let result = await convertApi.convert('docx', 'docx', params)
      //   file = await fetch(result.files[0].Url).then(res => res.blob()).then(blob => {
      //     return new File([blob], result.files[0].FileName, { type: 'application/octet-stream' });
      //   });

      //   // 执行下载
      //   saveAs(file, dname);
      // } catch (error) {
      //   saveAs(file, dname);
      //   // this.$message.error('导出失败')
      // }
      saveAs(file, dname);

      // return file
    },
    async generateExport2(a, html, index) {
      return new Promise(async (resolve) => {
        // <html lang="en">

        // 将html文件中需要用到的数据挂载到store上
        const content = `<!DOCTYPE html>
        <html  xmlns:v='urn:schemas-microsoft-com:vml'xmlns:o='urn:schemas-microsoft-com:office:office'xmlns:w='urn:schemas-microsoft-com:office:word'xmlns:m='http://schemas.microsoft.com/office/2004/12/omml'xmlns='http://www.w3.org/TR/REC-html40'>
        <head>
            <!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val='Cambria Math'/><m:brkBin m:val='before'/><m:brkBinSub m:val='--'/><m:smallFrac m:val='off'/><m:dispDef/><m:lMargin m:val='0'/> <m:rMargin m:val='0'/><m:defJc m:val='centerGroup'/><m:wrapIndent m:val='1440'/><m:intLim m:val='subSup'/><m:naryLim m:val='undOvr'/></m:mathPr></w:WordDocument></xml><![endif]-->
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>${a}</title>
            <style>
              table {
                border-collapse: collapse; /* 折叠边框 */
                width: 100%;
              }
              th, td {
                border: 1px solid black; /* 线条样式 */
                padding: 8px;
                text-align: left;
              }
            </style>
        </head>
        <body>
        ${html}
        </body>
        </html>`;
        // debugger
        const blob = htmlDocx.asBlob(content)
        // debugger
        const dname = `${a}`;
        // 创建文件流

        let file = new File([blob], dname, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
        let params = convertApi.createParams()
        params.add('file', file)
        resolve(file);  // 通过 Promise 返回 File 对象

        // try {
        //   let result = await convertApi.convert('docx', 'docx', params)
        //   file = await fetch(result.files[0].Url).then(res => res.blob()).then(blob => {
        //     return new File([blob], result.files[0].FileName, { type: 'application/octet-stream' });
        //   });

        //   resolve(file);  // 通过 Promise 返回 File 对象
        // } catch (error) {
        //   resolve('');  // 通过 Promise 返回 File 对象
        // }

      });
    },
    async addChatAppendixFile(name, html){
      await this.generate(name, html, 0,"", 3)
    },
    beforeUploadHtml(event, index, callback, type) {
        var file = event;
        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) {
                  if(index == (_this.unitJson[0].chapterInfo[0].taskJson.length - 1) && _this.courseState == 4){
                    _this.anLoading[0] = false
                  }

                  if(_this.courseState == 5){
                    _this.anLoading[index] = false
                  }
                  callback ? callback() : ''
                  _this.$forceUpdate();

                  if (err) {
                      _this.$message.error(_this.lang.ssUploadFail);
                  } else {
                    let _index = 0
                    // if(_this.lineCount == 0 || _this.lineCount){
                    //   _index = _this.lineCount
                    // }else {
                      _index = index
                    // }
                    if(type != 2 && type != 3){
                      _this.unitJson[0].chapterInfo[0].taskJson[_index].chapterData.unshift({
                        name: file.name,
                        url: data.Location,
                        type: 3,
                      })
                    }else{
                      let fileName = file.name;
                      let baseName = fileName.split('.').slice(0, -1).join('.'); // 获取不带扩展名的文件名
                      let extension = fileName.split('.').pop(); // 获取文件扩展名
                      let count = 1;
                      // 检查文件名是否已存在
                      while (_this.appendixFile.some(item => item.name === fileName)) {
                        fileName = `${baseName} (${count}).${extension}`; // 修改文件名
                        count++;
                      }
                      if(type == 3){
                        _this.$message.success(_this.lang.ssSaveAttach)
                        _this.appendixFile.unshift({
                          name: fileName,
                          url: data.Location,
                          type: 3,
                          task: 'dialog'
                        })
                      }else{
                        _this.appendixFile.unshift({
                          name: fileName,
                          url: data.Location,
                          type: 3,
                        })
                      }
                    }

                    console.log(data.Location);
                  }
                });
        }
    },
    async generate2(a, html, index, callback) {
      // 将html文件中需要用到的数据挂载到store上
      const content = `<!DOCTYPE html>
      <html  xmlns:v='urn:schemas-microsoft-com:vml'xmlns:o='urn:schemas-microsoft-com:office:office'xmlns:w='urn:schemas-microsoft-com:office:word'xmlns:m='http://schemas.microsoft.com/office/2004/12/omml'xmlns='http://www.w3.org/TR/REC-html40'>
      <head>
          <!--[if gte mso 9]><xml><w:WordDocument><w:View>Print</w:View><w:TrackMoves>false</w:TrackMoves><w:TrackFormatting/><w:ValidateAgainstSchemas/><w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><w:IgnoreMixedContent>false</w:IgnoreMixedContent><w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><w:DoNotPromoteQF/><w:LidThemeOther>EN-US</w:LidThemeOther><w:LidThemeAsian>ZH-CN</w:LidThemeAsian><w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><w:Compatibility><w:BreakWrappedTables/><w:SnapToGridInCell/><w:WrapTextWithPunct/><w:UseAsianBreakRules/><w:DontGrowAutofit/><w:SplitPgBreakAndParaMark/><w:DontVertAlignCellWithSp/><w:DontBreakConstrainedForcedTables/><w:DontVertAlignInTxbx/><w:Word11KerningPairs/><w:CachedColBalance/><w:UseFELayout/></w:Compatibility><w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><m:mathPr><m:mathFont m:val='Cambria Math'/><m:brkBin m:val='before'/><m:brkBinSub m:val='--'/><m:smallFrac m:val='off'/><m:dispDef/><m:lMargin m:val='0'/> <m:rMargin m:val='0'/><m:defJc m:val='centerGroup'/><m:wrapIndent m:val='1440'/><m:intLim m:val='subSup'/><m:naryLim m:val='undOvr'/></m:mathPr></w:WordDocument></xml><![endif]-->
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>${a}</title>
          <style>
            table {
              border-collapse: collapse; /* 折叠边框 */
              width: 100%;
            }
            th, td {
              border: 1px solid black; /* 线条样式 */
              padding: 8px;
              text-align: left;
            }
          </style>
      </head>
      <body>
      ${html}
      </body>
      </html>`;

      const blob = htmlDocx.asBlob(content)
      // debugger
      let dname = a + ".docx";
      // 创建文件流
      // 创建bolb实例时，内容一定要放在[]中
      // const blob = new Blob([content], {
      //   type: "text/plain;charset='utf-8'",
      // });
      // const file = new File([blob], dname, { type: 'application/msword' });
      let file = new File([blob], dname, { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' });
      // let params = convertApi.createParams()
      // params.add('file', file)
      // try {
      //   let result = await convertApi.convert('docx', 'docx', params)
      //   file = await fetch(result.files[0].Url).then(res => res.blob()).then(blob => {
      //     return new File([blob], result.files[0].FileName, { type: 'application/octet-stream' });
      //   });
      //   await this.beforeUploadHtml2(file, index, callback)
      // } catch (error) {
      //   await this.beforeUploadHtml2(file, index, callback)
      //   return;
      // }
      await this.beforeUploadHtml2(file, index, callback)
    },
    beforeUploadHtml2(event, index, callback) {
        var file = event;
        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(async function (err, data) {
                  if(_this.courseState == 5){
                    _this.loading = false
                  }
                  if (err) {
                      callback ? callback() : ''
                      _this.$message.error(_this.lang.ssUploadFail);
                  } else {
                    let fileid = await _this.createFileid(data.Location)
      //               _this.cankaoInfoData.push({
      //                   name: file.name,
      //                   url: data.Location,
      //                   type: 3,
      //                   fileid: fileid,
      //               })
                    _this.infoData2.push({
                        name: file.name,
                        url: data.Location,
                        type: 3,
                        fileid: fileid == 1 ? '' : fileid,
                      })
                    _this.infoData.push({
                        name: file.name,
                        url: data.Location,
                        type: 3,
                        fileid: fileid == 1 ? '' : fileid,
                      });
                    console.log(data.Location);
                    callback ? callback() : ''
                  }
                });
        }
    },
    addSource() {
      if (!Object.keys(this.sourceData).length) {
        this.$message.error(this.lang.ssSelectResUp);
        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.unshift({
          name: this.lang.ssLink,
          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(this.lang.ssSelectResUp);
        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(_this.lang.ssUploadFail);
            } 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(_this.lang.ssUploadFail);
            } 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(_this.lang.ssUploadFail);
            } else {
              // _this.cover.push({
              //   name: file.name,
              //   url: data.Location,
              //   uid: file.uid,
              // });
              _this.cover = [
                {
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                },
              ];
              _this.imgChange1(null, null, 1, null);
              _this.choosePicVisible = false;
              console.log(data.Location);
            }
          });
      }
    },
    beforeUploadSelect(event, type) {
      // const loading = this.openLoading();
      var file = event.target.files[0];
      var credentials = {
        accessKeyId: "AKIATLPEDU37QV5CHLMH",
        secretAccessKey: "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",
      }; //秘钥形式的登录上传
      window.AWS.config.update(credentials);
      window.AWS.config.region = "cn-northwest-1"; //设置区域

      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
      var _this = this;

      if (file) {
        var params = {
          Key:
            file.name.split(".")[0] +
            new Date().getTime() +
            "." +
            file.name.split(".")[file.name.split(".").length - 1],
          ContentType: file.type,
          Body: file,
          "Access-Control-Allow-Credentials": "*",
          ACL: "public-read",
        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
        var options = {
          partSize: 2048 * 1024 * 1024,
          queueSize: 2,
          leavePartsOnError: true,
        };
        bucket
          .upload(params, options)
          .on("httpUploadProgress", function (evt) {
            //这里可以写进度条
            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
          })
          .send(function (err, data) {
            // loading.close();
            if (err) {
              _this.$message.error(_this.lang.ssUploadFail);
            } else {
              _this.selectJson.url = data.Location;
              console.log(data.Location);
            }
          });
      }
    },
    chooseSysPic(p) {
      this.cover = [];
      setTimeout(() => {
        this.cover[0] = {
          name: this.lang.ssSystemPic,
          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: this.lang.ssNetworkPic,
          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(_this.lang.ssUploadFail);
            } 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(this.lang.ssCoverOneUp);
    },
    beforeUpload2(event, unitIndex, type, itemTaskIndex) {
      let file = "";
      let cfindex2 = 0;

      for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
          // var file = event.target.files[0];
        file = event.target.files[cfindex];
        let fileName = file.name
        let fileUid = file.uid
        // 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(this.lang.ssFileOver80MB);
              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(this.lang.ssAddFileOver80);
              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 = event.target.files.length;
        // _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) {
              cfindex2++
              // loading.close();
              // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
              //   itemTaskIndex
              // ].progress = 100;
              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].isFinishSize = cfindex2
                // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                //   itemTaskIndex
                // ].isAllSize;
              _this.$forceUpdate();
              setTimeout(() => {
                if (
                  cfindex2 == event.target.files.length ||
                  cfindex2 > event.target.files.length
                ) {
                  _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(_this.lang.ssUploadFail);
              } 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.unshift({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                  });
                  _this.imgChange1(null, null, _type, itemTaskIndex);
                } else if (type == 2 || type == 3 || type == 12) {
                  _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                    itemTaskIndex
                  ].chapterData.unshift({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: type,
                  });
                  _this.imgChange1(null, null, type, itemTaskIndex);
                } else if (type == 4) {
                  _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                    itemTaskIndex
                  ].fileList1.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                  });
                  _this.imgChange1(null, null, type, itemTaskIndex);
                } else if (type == 5) {
                  _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                    itemTaskIndex
                  ].homeworkList.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                  });
                  _this.imgChange1(null, null, type, itemTaskIndex);
                }
                console.log(data.Location);
              }
            });
        }
      }
    },
    async beforeUploadInfo2(event, type, tindex) {
      // const loading = this.openLoading();
      let file = "";
      let cfindex2 = 0;

      for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
          // var file = event.target.files[0];
        file = event.target.files[cfindex];
        let fileName = file.name
        let fileUid = file.uid
        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;
        var xianObj = ['DOCX','DOC','PPT','PPTX','MD','TXT','PDF']
        if (
          xianObj.indexOf(
              file.name
                .split(".")
              [file.name.split(".").length - 1].toLocaleUpperCase()
            ) == -1
          ) {
          this.$message.error(this.lang.ssUploadDocPptFiles);
          this.inputShow = true;
          // var a = _this.$refs.upload1.uploadFiles;
          // a.splice(a.length - 1, a.length);
          // loading.close();
          return;
        }
        // if (
        //   ['DOC'].indexOf(
        //       file.name
        //         .split(".")
        //       [file.name.split(".").length - 1].toLocaleUpperCase()
        //     ) !== -1
        //   ) {
        //   this.$message.error("抱歉，小可暂时不支持.doc的文件呢");
        //   this.inputShow = true;
        //   return;
        // }

        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(this.lang.ssFileOver80MB);
              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(this.lang.ssAddFileOver80);
              this.inputShow = true;
              // var a = _this.$refs.upload1.uploadFiles;
              // a.splice(a.length - 1, a.length);
              // loading.close();
              return;
            }
          }
        }

        this.inputShow = false;
        if(type == 14){
          // _this.teacherinfoprogress = 0;
          _this.teacherinfoproVisible = true;
          _this.teacherinfoisFinishSize = 0;
          _this.teacherinfoisAllSize = event.target.files.length;
          _this.addCourseBehavior('courseBehavior', '点击已有教案-上传已有教案按钮')
          // _this.teacherinfoisAllSize = (file.size / 1024 / 1024).toFixed(2);
        }else if(type == 16){
          _this.mubiaoinfoprogress = 0;
          _this.mubiaoinfoproVisible = true;
          _this.mubiaoinfoisFinishSize = 0;
          _this.mubiaoinfoisAllSize = event.target.files.length;
          _this.addCourseBehavior('courseBehavior', '点击课程目标-上传补充资料按钮')
          // _this.mubiaoinfoisAllSize = (file.size / 1024 / 1024).toFixed(2);
        }else if(type == 17){
          _this.xuanzeinfoprogress = 0;
          _this.xuanzeinfoproVisible = true;
          _this.xuanzeinfoisFinishSize = 0;
          _this.xuanzeinfoisAllSize = event.target.files.length;
          // _this.xuanzeinfoisAllSize = (file.size / 1024 / 1024).toFixed(2);
        }else if(type == 18){
          _this.pingjiainfoprogress[tindex] = 0;
          _this.pingjiainfoproVisible[tindex] = true;
          _this.pingjiainfoisFinishSize[tindex] = 0;
          _this.pingjiainfoisAllSize[tindex] = event.target.files.length;
          // _this.pingjiainfoisAllSize[tindex] = (file.size / 1024 / 1024).toFixed(2);
        }else if(type == 19){
          _this.knowinfoprogress = 0;
          _this.knowinfoproVisible = true;
          _this.knowinfoisFinishSize = 0;
          _this.knowinfoisAllSize = event.target.files.length;
          _this.addCourseBehavior('courseBehavior', '点击参考标准-上传参考标准按钮')
        }else if(type == 20){
          _this.knowinfoprogress2 = 0;
          _this.knowinfoproVisible2 = true;
          _this.knowinfoisFinishSize2 = 0;
          _this.knowinfoisAllSize2 = event.target.files.length;
          _this.addCourseBehavior('courseBehavior', '点击参考标准-上传参考标准按钮')
        }else{
          _this.infoprogress = 0;
          _this.infoproVisible = true;
          _this.infoisFinishSize = 0;
          _this.infoisAllSize = event.target.files.length;
          // _this.infoisAllSize = (file.size / 1024 / 1024).toFixed(2);
        }
        // if (
        //   ['DOC'].indexOf(
        //       file.name
        //         .split(".")
        //       [file.name.split(".").length - 1].toLocaleUpperCase()
        //     ) !== -1
        //   ) {
        //   // this.$message.error("抱歉，小可暂时不支持.doc的文件呢");
        //   // this.inputShow = true;
        //   let params = convertApi.createParams()
        //   params.add('file', file)
        //   try {
        //     let result = await convertApi.convert('doc', 'docx', params);
        //     // Get result file URL
        //     file = await fetch(result.files[0].Url).then(res => res.blob()).then(blob => {
        //       return new File([blob], result.files[0].FileName, { type: 'application/octet-stream' });
        //     });
        //     console.log(result)
        //     console.log(file)
        //   } catch (error) {
        //     cfindex2++;
        //     if(type == 14){
        //       _this.teacherinfoisFinishSize = cfindex2;
        //     }else if(type == 16){
        //       _this.mubiaoinfoisFinishSize = cfindex2;
        //     }else if(type == 17){
        //       _this.xuanzeinfoisFinishSize = cfindex2;
        //     }else if(type == 18){
        //       _this.pingjiainfoisFinishSize[tindex] = cfindex2;
        //     }else if(type == 19){
        //       _this.knowinfoisFinishSize = cfindex2;
        //     }else if(type == 20){
        //       _this.knowinfoisFinishSize2 = cfindex2;
        //     }else {
        //       _this.infoisFinishSize = cfindex2;
        //     }
        //     setTimeout(() => {
        //       if (
        //         cfindex2 == event.target.files.length ||
        //         cfindex2 > event.target.files.length
        //       ) {
        //         if(type == 14){
        //           _this.teacherinfoproVisible = false;
        //         }else if(type == 16){
        //           _this.mubiaoinfoproVisible = false;
        //         }else if(type == 17){
        //           _this.xuanzeinfoproVisible = false;
        //         }else if(type == 18){
        //           _this.pingjiainfoproVisible[tindex] = false;
        //         }else if(type == 19){
        //           _this.knowinfoproVisible = false;
        //         }else if(type == 20){
        //           _this.knowinfoproVisible2 = false;
        //         }else{
        //           _this.infoproVisible = false;
        //         }
        //       }

        //       _this.$forceUpdate();
        //     }, 1000);
        //     _this.inputShow = true;
        //     _this.$message.error("抱歉，小可暂时不支持.doc的文件呢");
        //     // 捕捉到这个convertApi.convert报错就不要往下走了
        //     return; // 直接返回，不继续执行后续代码
        //   }


        //   // return;
        // }

        _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) + '%');

              // if(type == 14){
              //   _this.teacherinfoprogress = parseInt((evt.loaded / evt.total) * 100);
              //   _this.teacherinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
              // }else if(type == 16){
              //   _this.mubiaoinfoprogress = parseInt((evt.loaded / evt.total) * 100);
              //   _this.mubiaoinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
              // }else if(type == 17){
              //   _this.xuanzeinfoprogress = parseInt((evt.loaded / evt.total) * 100);
              //   _this.xuanzeinfoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
              // }else if(type == 18){
              //   _this.pingjiainfoprogress[tindex] = parseInt((evt.loaded / evt.total) * 100);
              //   _this.pingjiainfoisFinishSize[tindex] = (evt.loaded / 1024 / 1024).toFixed(2);
              // }else {
              //   _this.infoprogress = parseInt((evt.loaded / evt.total) * 100);
              //   _this.infoisFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
              // }
              _this.$forceUpdate();
            })
            .send(async function (err, data) {

              // loading.close();

              // if(type == 14){
              //   _this.teacherinfoprogress = 100;
              //   _this.teacherinfoisFinishSize = _this.teacherinfoisAllSize;
              // }else if(type == 16){
              //   _this.mubiaoinfoprogress = 100;
              //   _this.mubiaoinfoisFinishSize = _this.mubiaoinfoisAllSize;
              // }else if(type == 17){
              //   _this.xuanzeinfoprogress = 100;
              //   _this.xuanzeinfoisFinishSize = _this.xuanzeinfoisAllSize;
              // }else if(type == 18){
              //   _this.pingjiainfoprogress[tindex] = 100;
              //   _this.pingjiainfoisFinishSize[tindex] = _this.pingjiainfoisAllSize[tindex];
              // }else {
              //   _this.infoprogress = 100;
              //   _this.infoisFinishSize = _this.infoisAllSize;
              // }

              _this.$forceUpdate();
              _this.inputShow = true;
              if (err) {
                cfindex2++;
                if(type == 14){
                  _this.teacherinfoisFinishSize = cfindex2;
                }else if(type == 16){
                  _this.mubiaoinfoisFinishSize = cfindex2;
                }else if(type == 17){
                  _this.xuanzeinfoisFinishSize = cfindex2;
                }else if(type == 18){
                  _this.pingjiainfoisFinishSize[tindex] = cfindex2;
                }else if(type == 19){
                  _this.knowinfoisFinishSize = cfindex2;
                }else if(type == 20){
                  _this.knowinfoisFinishSize2 = cfindex2;
                }else {
                  _this.infoisFinishSize = cfindex2;
                }
                setTimeout(() => {
                    if (
                      cfindex2 == event.target.files.length ||
                      cfindex2 > event.target.files.length
                    ) {
                      if(type == 14){
                        _this.teacherinfoproVisible = false;
                      }else if(type == 16){
                        _this.mubiaoinfoproVisible = false;
                      }else if(type == 17){
                        _this.xuanzeinfoproVisible = false;
                      }else if(type == 18){
                        _this.pingjiainfoproVisible[tindex] = false;
                      }else if(type == 19){
                        _this.knowinfoproVisible = false;
                      }else if(type == 20){
                        _this.knowinfoproVisible2 = false;
                      }else{
                        _this.infoproVisible = false;
                      }
                    }

                  _this.$forceUpdate();
                }, 1000);
                // var a = _this.$refs.upload1.uploadFiles;
                // a.splice(a.length - 1, a.length);
                _this.$message.error(_this.lang.ssUploadFail);
              } else {
                let fileid = await _this.createFileid(data.Location)
                if(fileid){
                  cfindex2++;
                  if(type == 14){
                    _this.teacherinfoisFinishSize = cfindex2;
                  }else if(type == 16){
                    _this.mubiaoinfoisFinishSize = cfindex2;
                  }else if(type == 17){
                    _this.xuanzeinfoisFinishSize = cfindex2;
                  }else if(type == 18){
                    _this.pingjiainfoisFinishSize[tindex] = cfindex2;
                  }else if(type == 19){
                    _this.knowinfoisFinishSize = cfindex2;
                  }else if(type == 20){
                    _this.knowinfoisFinishSize2 = cfindex2;
                  }else {
                    _this.infoisFinishSize = cfindex2;
                  }
                  if (
                    cfindex2 == event.target.files.length ||
                    cfindex2 > event.target.files.length
                  ) {
                    if(type == 14){
                      _this.teacherinfoproVisible = false;
                    }else if(type == 16){
                      _this.mubiaoinfoproVisible = false;
                    }else if(type == 17){
                      _this.xuanzeinfoproVisible = false;
                    }else if(type == 18){
                      _this.pingjiainfoproVisible[tindex] = false;
                    }else if(type == 19){
                        _this.knowinfoproVisible = false;
                    }else if(type == 20){
                        _this.knowinfoproVisible2 = false;
                    }else{
                      _this.infoproVisible = false;
                    }
                  }
                  _this.$forceUpdate();
                }
                if(fileid == 1){
                  _this.$message.error(_this.lang.ssFileIdError);
                  return;
                }
                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",
                ];
                let _type = 2;
                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;
                }
                if (type == 13) {
                  _this.infoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  })
                }else if (type == 14) {
                  _this.teacherInfoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.infoData2.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.infoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  })
                }else if (type == 15) {
                  _this.infoData2.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.infoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData.unshift({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  })
                }else if (type == 16) {
                  _this.mubiaoInfoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                }else if (type == 17) {
                  _this.xuanzeInfoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                }else if (type == 18) {
                  if(!_this.pingjiaInfoData[tindex]){
                    _this.pingjiaInfoData[tindex] = []
                  }
                  _this.pingjiaInfoData[tindex].push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                }else if (type == 19) {
                  _this.knowInfoData.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  if(fileid != 1){
                    _this.knowFileids.push(fileid)
                  }
                }else if (type == 20) {
                  _this.knowInfoData2.push({
                    name: fileName,
                    url: data.Location,
                    uid: fileUid,
                    type: _type,
                    fileid: fileid == 1 ? '' : fileid,
                  });
                  if(fileid != 1){
                    _this.knowFileids2.push(fileid)
                  }
                }
                console.log(data.Location);
                console.log(fileName,'----------',fileid);
              }
            });
        }
      }
    },
    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(this.lang.ssFileOver80MB);
            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(this.lang.ssAddFileOver80);
            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(_this.lang.ssUploadFail);
            } else {
              if (type == 2 || type == 3) {
                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].chapterData.unshift({
                  name: file.name,
                  // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  //   itemTaskIndex
                  // ].chapterData.length+1),
                  url: data.Location,
                  uid: file.uid,
                  type: type,
                  text: string,
                  // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
                  //   itemTaskIndex
                  // ].chapterData.length + 1),
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 4) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].fileList1.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              } else if (type == 5) {
                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
                  itemTaskIndex
                ].homeworkList.push({
                  name: file.name,
                  url: data.Location,
                  uid: file.uid,
                });
                _this.imgChange1(null, null, type, itemTaskIndex);
              }
              console.log(data.Location);
            }
          });
      }
    },
    addunit() {
      this.unitJson.push({
        dyName: "", //单元标题
        isUpdate: 1,
        easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
        chapterInfo: [
          {
            isread: false,
            chapterid: this.guid(),
            title: "",
            courseName: "",
            taskJson: [
              {
                task: "",
                taskDetail: "",
                chapterData: [],
                toolText: "",
                toolChoose: [
                  {
                    tool: [],
                    toolDetail: "",
                    toolType: 0,
                    askCount: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  },
                ],
                isShowTools: false,
                askCount: 1,
                isFold: 1,
                askTitle: "",
                askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                checkJson: [{ checkCount: [], checkPerent: [] }],
                homeworkList: [],
              },
            ],
            itemCount: 1,
            fileList1: [],
            video: [],
            testData: [],
            pData: [],
            templateArray: [],
          },
        ],
      });
      this.addindex = this.unitJson.length - 1;

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

      setTimeout(() => {
        this.checkEva(this.checkId);
        setTimeout(() => {
          this.checkEva(this.checkId);
        }, 100);
      }, 100);
    },
    addTaskBorder2(type, index) {
      if (this.ttaskDetailLoading.join(",").indexOf('task-') !== -1) {
        this.$message({
          message: this.lang.ssOutGenWait,
          type: "warning"
        });
        return;
      }
      if(type == 1){
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson.splice(index,0,{
          task: "",
          isTask2: true,
          isTask3: true,
          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: [],
        })
      }else if(type == 2){
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson.splice(index+1,0,{
          task: "",
          isTask2: true,
          isTask3: true,
          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: [],
        })
      }

      setTimeout(() => {
        this.checkEva(this.checkId);
        setTimeout(() => {
          this.checkEva(this.checkId);
        }, 100);
      }, 100);
    },
    add(e, i) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
    },
    fold(i, e) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold == 0 ||
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold == 2
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
      }
    },
    fold2(i) {
      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFold2 = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
      }
      this.$forceUpdate();
    },
    foldEva(i) {
      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isEvaFold) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isEvaFold = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isEvaFold = true;
        setTimeout(() => {
          this.checkEva(this.checkId);
          setTimeout(() => {
            this.checkEva(this.checkId);
          }, 500);
        }, 0);
      }
      this.$forceUpdate();
    },
    foldC(i) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFoldchapter = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].isFoldchapter = true;
      }
      this.$forceUpdate();
    },
    fold3(i, ti) {
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti]
          .isFold3
      ) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
          ti
        ].isFold3 = false;
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
          ti
        ].isFold3 = true;
      }
      this.$forceUpdate();
    },
    deleteHomeworkBox(unitIndex, index, i) {
      this.unitJson[unitIndex].chapterInfo[index].taskJson[
        this.taskCount
      ].homeworkList.splice(i, 1);
    },
    getStudent() {
      let params = {
        oid: this.oid,
        cu: "",
        cn: this.searchPeople,
      };
      this.ajax
        .get(this.$store.state.api + "selectStudentAdd", params)
        .then((res) => {
          this.studentJuri = res.data[0];
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
      // 添加协同成员其他选项按钮
      getTeacherCopy(){
      this.CollLoading=true

      this.collid = ''
      this.collid = '1xpz'
      let params = {
        oid:
          this.org && this.org != "undefined" && this.org != "null"
            ? this.org
            : this.oid,
        cu: "",
        cn: this.searchTN,
        coll: ''
      };
      this.ajax
        .get(
          this.$store.state.api +
            (this.org && this.org != "undefined" && this.org != "null"
              ? "selectCollaborativeMembersOrg"
              : "selectCollaborativeMembers"),
          params
        )
        .then((res) => {
          let teacherJuri = res.data[0];
          this.CollaborativeTeaList = res.data[1];
          for (var i = 0; i < teacherJuri.length; i++) {
            if (teacherJuri[i].userid == this.userid) {
              teacherJuri.splice(i, 1);
              break;
            }
          }

          this.teacherJuri = teacherJuri.filter((i,index)=>{
            return (i.cclassid == '' || i.cclassid == null)
          })
          console.log(' this.teacherJuri', this.teacherJuri);


          let _check = [];
          let _check2 = [];
          for (var i = 0; i < this.teacherJuri.length; i++) {
            var gid = this.teacherJuri[i].userid;
            _check.push(gid);
          }
          for (var i = 0; i < this.checkboxList3.length; i++) {
            var _id = this.checkboxList3[i];
            if (_check.indexOf(_id) !== -1) {
              _check2.push(_id);
            }
          }

          if (_check2.length==0 && _check.length==0) {

          }else{
            this.checkAll2 = _check2.length === _check.length;
          }
          this.CollLoading=false

        })
        .catch((err) => {
          console.error(err);
          this.CollLoading=false
        });
    },
    getTeacher(val) {
      this.CollLoading=true
      this.collid = ''
      this.collid = !val ? '' : val

      let params = {
        oid:
          this.org && this.org != "undefined" && this.org != "null"
            ? this.org
            : this.oid,
        cu: "",
        cn: this.searchTN,
        coll: this.collid
      };
      this.ajax
        .get(
          this.$store.state.api +
          (this.org && this.org != "undefined" && this.org != "null"
            ? "selectCollaborativeMembersOrg"
            : "selectCollaborativeMembers"),
          params
        )
        .then((res) => {
          let teacherJuri = res.data[0];
          this.CollaborativeTeaList = res.data[1];

          for (var i = 0; i < teacherJuri.length; i++) {
            if (teacherJuri[i].userid == this.userid) {
              teacherJuri.splice(i, 1);
              break;
            }
          }
          this.teacherJuri = teacherJuri;

          let _check = [];
          let _check2 = [];
          for (var i = 0; i < this.teacherJuri.length; i++) {
            var gid = this.teacherJuri[i].userid;
            _check.push(gid);
          }
          for (var i = 0; i < this.checkboxList3.length; i++) {
            var _id = this.checkboxList3[i];
            if (_check.indexOf(_id) !== -1) {
              _check2.push(_id);
            }
          }

          if (_check2.length==0 && _check.length==0) {

          }else{
            this.checkAll2 = _check2.length === _check.length;
          }
          this.CollLoading=false
        })
        .catch((err) => {
          console.error(err);
          this.CollLoading=false
        });
    },
    searchStudent() {
      this.getStudent();
    },
    selectGrage() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectGrageBySchool", params)
        .then((res) => {
          this.gradeList = res.data[0];
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    //获取班级列表
    getClass() {
      let params = {
        oid: this.oid,
        gid: this.gradeId,
        cn: this.classSearch,
      };
      this.ajax
        .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
        .then((res) => {
          if (!this.grade.length) {
            this.grade = res.data[0];
          }
          this.grade2 = res.data[0];
          this.classJuri = res.data[0];
          let _check = [];
          let _check2 = [];
          for (var i = 0; i < this.grade2.length; i++) {
            var gid = this.grade2[i].id;
            _check.push(gid);
          }
          for (var i = 0; i < this.checkboxList2.length; i++) {
            var _id = this.checkboxList2[i];
            if (_check.indexOf(_id) !== -1) {
              _check2.push(_id);
            }
          }
          this.checkAll = _check2.length === _check.length;
        })
        .catch((err) => {
          this.isLoading = false;
          console.error(err);
        });
    },
    CourseType2Change(val) {
      this.pTypeCheck = [];
      for (var i = 0; i < this.CourseType2.length; i++) {
        let typeA = this.CourseType2[i];
        if (val.indexOf(typeA.name) != -1) {
          this.pTypeCheck.push(...typeA.id);
        }
      }
    },
    arrayToArray(arrayo, arrayt) {
      let array1 = arrayo;
      let array2 = arrayt;

      let commonElements = [];

      for (let i = 0; i < array1.length; i++) {
        for (let j = 0; j < array2.length; j++) {
          if (array1[i] === array2[j]) {
            commonElements.push(array1[i]);
          }
        }
      }
      return commonElements;
    },
    typeChange(){
      let courseInfo = ``
      let sub = []
      let mclass = []
      let theme = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'][j].id) {
              theme.push(this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      sub = JSON.parse(converter(JSON.stringify(sub)))
      mclass = JSON.parse(converter(JSON.stringify(mclass)))
      for(var fi = 0; fi < this.knowFileArray.length; fi++){
        let _file = this.knowFileArray[fi]
        let fileM = _file.grade ? converter(_file.grade).split('/') : 1
        let fileS = _file.name ? converter(_file.name).split('/') : 1
        let _sub = fileS == 1 ? [] : this.arrayToArray(fileS, sub)
        let _mclass = fileM == 1 ? [] : mclass.length ? this.arrayToArray(fileM, mclass) : [2]
        let fileids = this.knowInfoData.map((item) => item.fileid)

        if(_sub.length > 0 && _mclass.length > 0 && _mclass[0] == 2 && fileids.indexOf(_file.fileid) == -1 && _file.type == 1){
          this.knowInfoData.push({
            name: _file.filename,
            url: _file.url,
            uid: '',
            type: 3,
            fileid: _file.fileid,
          });
          this.knowFileids.push(_file.fileid)
        }
        fileids = this.knowInfoData.map((item) => item.fileid)
        if(_mclass.length > 0 && fileS == 1 && _mclass[0] != 2 && fileids.indexOf(_file.fileid) == -1 && _file.type == 1){
          this.knowInfoData.push({
            name: _file.filename,
            url: _file.url,
            uid: '',
            type: 3,
            fileid: _file.fileid,
          });
          this.knowFileids.push(_file.fileid)
        }
        fileids = this.knowInfoData.map((item) => item.fileid)
        if(_sub.length > 0 && fileM == 1 && fileids.indexOf(_file.fileid) == -1 && _file.type == 1){
          this.knowInfoData.push({
            name: _file.filename,
            url: _file.url,
            uid: '',
            type: 3,
            fileid: _file.fileid,
          });
          this.knowFileids.push(_file.fileid)
        }
        fileids = this.knowInfoData.map((item) => item.fileid)

        if(_sub.length > 0 && _mclass.length > 0 && _mclass[0] != 2 && fileids.indexOf(_file.fileid) == -1 && _file.type == 1){
          this.knowInfoData.push({
            name: _file.filename,
            url: _file.url,
            uid: '',
            type: 3,
            fileid: _file.fileid,
          });
          this.knowFileids.push(_file.fileid)
        }
        fileids = this.knowInfoData.map((item) => item.fileid)

        if(sub.length > 1 && fileids.indexOf(_file.fileid) == -1 && _file.type == 2){
          this.knowInfoData.push({
            name: _file.filename,
            url: _file.url,
            uid: '',
            type: 3,
            fileid: _file.fileid,
          });
          this.knowFileids.push(_file.fileid)
        }
      }
      if(mclass.length){
        courseInfo += `${this.lang.ssGradeColon}${mclass.join('，')} `
      }
      if(sub.length){
        courseInfo += `${this.lang.ssSubjColon}${sub.join('，')} `
      }
      if(theme.length){
        courseInfo += `${this.lang.ssThemeColon}${theme.join('，')} `
      }
      this.addCourseBehavior('courseBehavior', `点击选择分类-${courseInfo}`)
      this.typeC1 = this.getTypeC(2)
      this.typeC2 = this.getTypeC(1)
    },
    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(this.lang.ssCantDown);
      }
    },
    deleteChapterData(e, i, j, ic, taskI) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    checkInfoData(fileid, file){
      let type = 1
      let index = 0
      for(let i = 0; i < this.infoData.length; i++){
        if(this.infoData[i].fileid == fileid){
          type = 2
          index = i
        }
      }
      if(type == 2){
        this.infoData.splice(index, 1)
      }else {
        this.infoData.push({...file})
      }
    },
    checkKnowInfoData(fileid){
      if(this.knowFileids.indexOf(fileid) == -1){
        this.knowFileids.push(fileid)
      }else {
        this.knowFileids.splice(this.knowFileids.indexOf(fileid), 1)
      }
    },
    checkKnowInfoData2(fileid){
      if(!fileid){
        return
      }
      if(this.knowFileids2.indexOf(fileid) == -1){
        this.knowFileids2.push(fileid)
      }else {
        this.knowFileids2.splice(this.knowFileids2.indexOf(fileid), 1)
      }
    },
    checkKnowInfoData3(fileid){
      if(this.knowFileids3.indexOf(fileid) == -1){
        this.knowFileids3.push(fileid)
      }else {
        this.knowFileids3.splice(this.knowFileids3.indexOf(fileid), 1)
      }
    },
    checkAllKnowInfoData3(){
      // let array = this.knowInfoData3;
      // if(this.knowFileids3.length === array.length){
      //   this.knowFileids3 = []; // 取消全选
      // } else {
      //   this.knowFileids3 = array.map(item => item.url); // 全选
      // }

      let files = this.allknowInfoData3();
      let count = 0
      for(var i = 0; i < files.length; i++){
        if(this.knowFileids3.includes(files[i].url)){
          count++
        }
      }
      if (count == files.length) {
        this.knowFileids3 = this.knowFileids3.filter(url => !files.some(file => file.url === url)); // 取消全选只取消当前文件
      } else {
        this.knowFileids3 = [...new Set([...this.knowFileids3, ...files.map(file => file.url)])]; // 全选并添加新文件
      }
    },
    checkAllKnowInfoData2(){
      let array = this.knowInfoData2;
      if(this.knowFileids2.length === array.length){
        this.knowFileids2 = []; // 取消全选
      } else {
        this.knowFileids2 = array.map(item => item.fileid); // 全选
      }
    },
    deleteCheckAllKnowInfoData2(){
      let _this = this;
      _this
        .$confirm(this.lang.ssDelSelFile, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.knowInfoData2 = _this.knowInfoData2.filter(item => !_this.knowFileids2.includes(item.fileid))
          _this.knowFileids2 = []
          _this.$forceUpdate()
        })
        .catch(() => {
          return;
        });
    },
    checkAppendixFile(url){
      if(this.appendixFiles.indexOf(url) == -1){
        this.appendixFiles.push(url)
      }else {
        this.appendixFiles.splice(this.appendixFiles.indexOf(url), 1)
      }
    },
    checkAllappendixFile(){
      let files = this.allFile();
      let count = 0
      for(var i = 0; i < files.length; i++){
        if(this.appendixFiles.includes(files[i].url)){
          count++
        }
      }
      if (count == files.length) {
        this.appendixFiles = this.appendixFiles.filter(url => !files.some(file => file.url === url)); // 取消全选只取消当前文件
        if(this.appendixTypeCheck == 'all' && this.appendixTaskCheck == 'all'){
        this.appendixFiles = []
        }
      } else {
        this.appendixFiles = [...new Set([...this.appendixFiles, ...files.map(file => file.url)])]; // 全选并添加新文件
      }
    },
    async exportAppendixFiles(){
      let files = this.allFile(2);
      let uploadFile = []
      for(var i = 0; i < files.length; i++){
        if(this.appendixFiles.includes(files[i].url)){
          uploadFile.push(files[i])
        }
      }
      if(!uploadFile.length){
        this.$message.error(this.lang.ssSelAttach)
        return
      }

      this.appendixLoading = true
      const zip = new JSZip();

      for(var j = 0; j < uploadFile.length; j++){
        let fileZ = uploadFile[j]
        let name = fileZ.name
        let file = await getFile(fileZ.url)
        const file_name = fileZ.name; // 获取文件名
        const fileExt = file_name.split('.').pop(); // 获取文件后缀
        const fileNameWithoutExt = file_name.substring(0, file_name.length - fileExt.length - 1); // 获取文件名不包括后缀的部分
        // 判断是否有重复的文件名字
        if (!zip.file(file_name)) {
          zip.file(file_name, file.data, { binary: true }); // 逐个添加文件
        } else {
          // 如果有重复的文件名，则在文件名后添加序号
          let count = 1;
          let newFileName = fileNameWithoutExt;
          while (zip.file(`${newFileName}.${fileExt}`)) {
            newFileName = `${fileNameWithoutExt}(${count})`;
            count++;
          }
          zip.file(`${newFileName}.${fileExt}`, file.data, { binary: true });
        }
          // zip.file(`${name}`, file.data, { binary: true })
        }
      zip.generateAsync({ type: "blob" }).then((content) => {
        // 生成二进制流
        saveAs(
          content,
          this.courseName + "-" + this.lang.ssAttachZip
        ); // 利用file-saver保存文件  自定义文件名
        setTimeout(() => {
          this.appendixLoading = false
        }, 2000);
      });
    },
    deleteInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.infoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteInfoData2(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          let fileid = _this.infoData2[ic].fileid;
          _this.infoData = _this.infoData.filter((item) => item.fileid != fileid);
          _this.infoData2.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteKnowInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          if(_this.knowFileids.indexOf(_this.knowInfoData[ic].fileid) != -1){
            _this.knowFileids.splice(_this.knowFileids.indexOf(_this.knowInfoData[ic].fileid), 1)
          }
          _this.knowInfoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteKnowInfoData2(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          if(_this.knowFileids2.indexOf(_this.knowInfoData[ic].fileid) != -1){
            _this.knowFileids2.splice(_this.knowFileids2.indexOf(_this.knowInfoData[ic].fileid), 1)
          }
          _this.knowInfoData2.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deletemubiaoInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.mubiaoInfoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deletexuanzeInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.xuanzeInfoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deletepingjiaInfoData(e, ic, tindex) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.pingjiaInfoData[tindex].splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteCankaoInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.cankaoInfoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    deleteTeacherInfoData(e, ic) {
      e.stopPropagation();
      let _this = this;
      _this
        .$confirm(this.lang.ssDeleteItem, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.teacherInfoData.splice(
            ic,
            1
          );
        })
        .catch(() => {
          return;
        });
    },
    updataVideoT(e, i, j, ic) {
      // e.stopPropagation();
      // this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[
      //   ic
      // ].name = JSON.parse(JSON.stringify(e.target.value));
      this.line =
        this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[ic].name;
      this.taskCount = j;
      this.lineCount = ic;
      this.dialogVisibleupdataVideoT = true;
      this.$forceUpdate();
    },
    checkChpater(e, i, j, ic){
      let type = this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[ic].type
      if(type == 3){
        var fileA = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
          "XLSX",
          "XLS"
        ];
        let url = this.unitJson[i].chapterInfo[0].taskJson[j].chapterData[ic].url
        if (
          fileA.indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleUpperCase()
          ) != -1
        ) {
          this.dialogVisibleOffice = true
          this.wurl = url
        } else if (
          "pdf".indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleLowerCase()
          ) != -1
        ) {
          this.dialogVisiblePdf = true
          this.wurl = url
        }
      }

    },
    checkChpater2(e, ic){
      let type = this.infoData2[ic].type
      if(type == 3){
        var fileA = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
          "XLSX",
          "XLS"
        ];
        let url = this.infoData2[ic].url
        if (
          fileA.indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleUpperCase()
          ) != -1
        ) {
          this.dialogVisibleOffice = true
          this.wurl = url
        } else if (
          "pdf".indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleLowerCase()
          ) != -1
        ) {
          this.dialogVisiblePdf = true
          this.wurl = url
        }
      }

    },
    checkChpater3(e, ic, item){
      let type = item.type
      if(type == 3){
        var fileA = [
          "DOC",
          "DOCX",
          "DOCM",
          "DOTM",
          "DOTX",
          "PPTX",
          "PPSX",
          "PPT",
          "PPS",
          "PPTM",
          "POTM",
          "PPAM",
          "POTX",
          "PPSM",
          "XLSX",
          "XLS"
        ];
        let url = item.url
        if (
          fileA.indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleUpperCase()
          ) != -1
        ) {
          this.dialogVisibleOffice = true
          this.wurl = url
        } else if (
          "pdf".indexOf(
            url.split(".")[
						url.split(".").length - 1
            ].toLocaleLowerCase()
          ) != -1
        ) {
          this.dialogVisiblePdf = true
          this.wurl = url
        }
      }

    },
    updataVideoC() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData[this.lineCount].name = JSON.parse(
        JSON.stringify(this.line)
      );
      this.dialogVisibleupdataVideoT = false;
      this.$forceUpdate();
    },
    upCd(e, i, j, taskCount, ic) {
      e.stopPropagation();
      if (ic == 0) {
        return;
      }
      var a = JSON.parse(
        JSON.stringify(
          this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
          ic - 1
          ]
        )
      );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
        JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
          )
        );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
      this.$forceUpdate();
    },
    downCd(e, i, j, taskCount, ic) {
      e.stopPropagation();
      if (
        ic ==
        this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
        1
      ) {
        return;
      }
      var a = JSON.parse(
        JSON.stringify(
          this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[
          ic + 1
          ]
        )
      );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
        JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]
          )
        );
      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
      this.$forceUpdate();
    },
    async upTool(e, i, j, tooli) {
      e.stopPropagation();
      if (tooli == 0) {
        return;
      }
      let count1 = await this.getWorksCount(3, i, j, tooli - 1);
      let count2 = await this.getWorksCount(3, i, j, tooli);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          this.lang.ssSwitchMove,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
          .then(() => {
            var a = JSON.parse(
              JSON.stringify(
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
                tooli - 1
                ]
              )
            );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
              JSON.parse(
                JSON.stringify(
                  this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
                )
              );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
            this.$forceUpdate();
            this.moveWork(3, i, j, tooli - 1, i, j, tooli);
            this.updateWork();
          })
          .catch(() => {
            return;
          });
      } else {
        var a = JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]
          )
        );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
          JSON.parse(
            JSON.stringify(
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
            )
          );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
        this.$forceUpdate();
      }
    },
    async downTool(e, i, j, tooli) {
      e.stopPropagation();
      if (
        tooli ==
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length - 1
      ) {
        return;
      }
      let count1 = await this.getWorksCount(3, i, j, tooli + 1);
      let count2 = await this.getWorksCount(3, i, j, tooli);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          this.lang.ssSwitchMove,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
          .then(() => {
            var a = JSON.parse(
              JSON.stringify(
                this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[
                tooli + 1
                ]
              )
            );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
              JSON.parse(
                JSON.stringify(
                  this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
                )
              );
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
            this.$forceUpdate();
            this.moveWork(3, i, j, tooli + 1, i, j, tooli);
            this.updateWork();
          })
          .catch(() => {
            return;
          });
      } else {
        var a = JSON.parse(
          JSON.stringify(
            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]
          )
        );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
          JSON.parse(
            JSON.stringify(
              this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]
            )
          );
        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
        this.$forceUpdate();
      }
    },
    addWork(type) {
      if(type == 2 && this.courseName == "") {
          this.$message.error(this.lang.ssFillCourseName);
          return;
      }
      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(this.lang.ssAddToolFull);
                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 != "" || ele.detail != "" || ele.target != "";
            });
          }
        }
      }
      this.inputShow = true;

      if (cPan == 2) {
        this.steps--;
        return;
      }
      for (var i = 0; i < this.unitJson.length; i++) {
        delete this.unitJson[i].isUpdate;
      }
      if(!this.targetCourseText2){
        this.courseText = this.teacherCourseText ? JSON.parse(JSON.stringify(this.teacherCourseText)) : this.courseText
      }
      let params = [
        {
          uid: this.userid,
          title: this.courseName,
          brief: this.courseText,
          cover:
            this.cover.length > 0
              ? JSON.stringify(this.cover)
              : JSON.stringify([
                {
                  name: "noBanner.jpg",
                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
                  uid: 1656409780264,
                  status: "success",
                },
              ]),
          evaId: this.evalua,
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.unitJson),
          template: this.cTemplate != "undefined" ? this.cTemplate : "",
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: JSON.stringify(this.inviteCode),
          refile: JSON.stringify(this.infoData),
          reBrief: this.courseText2,
          cpote: JSON.stringify(this.cpote),
          setting: JSON.stringify({
            courseJie: this.courseJie,
            courseTime: this.courseTime,
            teacherInfoData: this.teacherInfoData,
            teacherCourseText: this.teacherCourseText,
            targetCourseText: this.targetCourseText,
            cankaoInfoData: this.cankaoInfoData,
            mubiaoInfoData: this.mubiaoInfoData,
            xuanzeInfoData: this.xuanzeInfoData,
            pingjiaInfoData: this.pingjiaInfoData,
            infoData2: this.infoData2,
            isuseT: this.isuseT,
            mode: this.mode,
            targetCourseText2: this.targetCourseText2,
            chatid: this.chatid,
            languageSetting: this.languageSetting,
            knowInfoData: this.knowInfoData,
            knowFileids: this.knowFileids,
            knowInfoData2: this.knowInfoData2,
            knowFileids2: this.knowFileids2,
            recordVideoText: this.recordVideoText,
            recordAudioUrl: this.recordAudioUrl,
            appendixFile: this.appendixFile,
          }),
          iresearch: this.isFileSearch ? 1 : 2,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addWorkNew2AI3", params)
        .then((res) => {
          console.log(this.steps);
          if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
            this.$message({
              message: this.lang.ssAddSucc,
              type: "success",
            });
          }
          this.number = res.data.ordernumber;
          this.courseId = res.data.courseId;
          this.cid = res.data.courseId;
          this.courseUserid = this.userid;
          this.islogin = true;
          // this.updateCourseState(4);
          this.updateCourseState(5);
          this.addtips()
          if(type == 2){
            this.retrunCourse()
          }
          if(type == 3){
            this.steps = 4
          }
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, "success")
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, err)
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    goCourse() {
       window.topU.postMessage({ cid: this.courseId, type: "1" }, "*");
    },
    updateWork2() {
      let _unitIndex = this.unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error(this.lang.ssAddToolFull);
              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 != "" || ele.detail != "" || ele.target != "";
              }
            );
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          unitIndex: _unitIndex,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew4", params)
        .then((res) => {
          this.$message({
            message: this.lang.UpdateSuccessful,
            type: "success",
          });
          this.courseId = this.cid;
          this.addtips();
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, "success")
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, err)
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    updateWork3(unitIndex) {
      let _unitIndex = unitIndex;
      let cPan = 1;
      for (
        var j = 0;
        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
        j++
      ) {
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
          j
        ].proVisible2 = false;
        if (
          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
            .length > 1
        ) {
          for (
            var z = 0;
            z <
            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
              .length;
            z++
          ) {
            if (
              !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose[
                z
              ].tool.length
            ) {
              this.$message.error(this.lang.ssAddToolFull);
              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 != "" || ele.detail != "" || ele.target != "";
              }
            );
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          unitIndex: _unitIndex,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew4", params)
        .then((res) => {
          // this.$message({
          //   message: this.lang.UpdateSuccessful,
          //   type: "success",
          // });
          this.courseId = this.cid;
          this.addtips()
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          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(this.lang.ssAddToolFull);
                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 != "" || ele.detail != "" || ele.target != "";
            });
          }
        }
      }
      this.inputShow = true;
      if (cPan == 2) {
        this.steps--;
        return;
      }
      for (var i = 0; i < this.unitJson.length; i++) {
        delete this.unitJson[i].isUpdate;
      }
      if(!this.targetCourseText2){
        this.courseText = this.teacherCourseText ? JSON.parse(JSON.stringify(this.teacherCourseText)) : this.courseText
      }
      let params = [
        {
          cid: this.cid,
          title: this.courseName,
          brief: this.courseText,
          cover:
            this.cover.length > 0
              ? JSON.stringify(this.cover)
              : JSON.stringify([
                {
                  name: "noBanner.jpg",
                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
                  uid: 1656409780264,
                  status: "success",
                },
              ]),
          evaId: this.evalua,
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.unitJson),
          template: this.myWord != "undefined" ? this.myWord : [],
          uid: this.userid,
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: JSON.stringify(this.inviteCode),
          refile: JSON.stringify(this.infoData),
          reBrief: this.courseText2,
          cpote: JSON.stringify(this.cpote),
          setting: JSON.stringify({
            courseJie: this.courseJie,
            courseTime: this.courseTime,
            teacherInfoData: this.teacherInfoData,
            teacherCourseText: this.teacherCourseText,
            targetCourseText: this.targetCourseText,
            cankaoInfoData: this.cankaoInfoData,
            mubiaoInfoData: this.mubiaoInfoData,
            xuanzeInfoData: this.xuanzeInfoData,
            pingjiaInfoData: this.pingjiaInfoData,
            infoData2: this.infoData2,
            isuseT: this.isuseT,
            mode: this.mode,
            targetCourseText2: this.targetCourseText2,
            chatid: this.chatid,
            languageSetting: this.languageSetting,
            knowInfoData: this.knowInfoData,
            knowFileids: this.knowFileids,
            knowInfoData2: this.knowInfoData2,
            knowFileids2: this.knowFileids2,
            recordVideoText: this.recordVideoText,
            recordAudioUrl: this.recordAudioUrl,
            appendixFile: this.appendixFile,
          }),
          iresearch: this.isFileSearch ? 1 : 2,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew2AI3", params)
        .then((res) => {
          if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
            if (this.cidType == 1) {
              this.$message({
                message: this.lang.UpdateSuccessful,
                type: "success",
              });
            } else {
              this.$message({
                message: this.lang.ssAddSucc,
                type: "success",
              });
            }
          }
          this.number = this.nbOrder;
          this.courseId = this.cid;
          this.addtips()
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, "success")
        })
        .catch((err) => {
          this.addOp3('1', "", { courseid: this.courseId ,type: "course_aiMode_clickUpload" }, err)
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    insertWord() {
      this.dialogVisible1 = true;
      this.updateBoolean2 = false;
      this.tTitle = "";
      this.tdetail = "";
    },
    addWord() {
      this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
        name: this.tTitle,
        content: this.tdetail,
        uid: this.guid(),
      });
      this.dialogVisible1 = false;
    },
    upWord() { },
    selectWord(uid, i, c) {
      this.dialogVisible1 = true;
      this.updateBoolean2 = true;
      if (
        uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
      ) {
        this.tTitle =
          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
        this.tdetail =
          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
      }
    },
    isAddPP() {
      if (this.checkboxList.length > 0) {
        this.$message({
          message: this.lang.ssAddOk,
          type: "success",
        });
        this.dialogVisible3 = false;
      } else {
        this.$message({
          message: this.lang.ssPlsAddCM,
          type: "error",
        });
      }
    },
    isAddClass() {
      this.dialogVisibleClass = false;
    },
    isAddPPTeacher() {
      this.dialogVisibleMember = false;
      this.setMan();
    },
    getTipsTemplate(){
      if(this.templateid){
        let params = {
          id: this.templateid
        }
        this.ajax
        .get(this.$store.state.api + "selectTipsTemplateById", params)
        .then((res) => {
          if(res.data[0].length){
            this.tipsJson = res.data[0][0]
            this.aiJson = JSON.parse(res.data[0][0].tips)
            this.aiJson.teacherDetail2 = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
            this.aiJson.aiAbstract = this.aiJson.aiAbstract ? this.aiJson.aiAbstract : '从用户提供的教案资料(文件形式）中，自动总结教案摘要与教案的学科关键词（每个学科3个）。注意，在提取信息方面你绝对不能虚拟出不存在的东西。然后，你基于用户上传的教案，生成项目的驱动性问题和最终作品。'
            this.aiJson.aiTarget = this.aiJson.aiTarget ? this.aiJson.aiTarget : '从用户提供的教案资料中，提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
            this.aiJson.aiSearchFile = this.aiJson.aiSearchFile ? this.aiJson.aiSearchFile : '请根据<关键词>，从你的相应知识库去检索5个最相关的信息。'
            this.aiJson.aiTarget2 = this.aiJson.aiTarget2 ? this.aiJson.aiTarget2 : '请根据课程标题<课程标题>，**从你的知识库去检索5个最相关的信息**，如果没有相关的信息，请你根据已有的知识，并参考#参考资料中的内容，生成本课程的教学目标。你仅需要输出与课程目标相关的内容。'
            this.aiJson.aiTargetGet = this.aiJson.aiTargetGet ? this.aiJson.aiTargetGet : '从用户提供的教案资料（文件形式）中，自动提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
            this.aiJson.aiOutlineDetail2 = this.aiJson.aiOutlineDetail2 ? this.aiJson.aiOutlineDetail2 : '请参考#参考资料，重新生成该任务，生成内容需包含任务名，任务设计，评价标准。注意，你绝对不能重复已有其他任务，也不要输出其他内容'
            this.aiJson.aiRateRule = this.aiJson.aiRateRule ? this.aiJson.aiRateRule :'根据<评价维度>和<维度描述>，制定具体的评价细则。 具体的评价细则分为6级——0星，1星，2星，3星，4星，5星。'
            if(this.templateid == '61c628b9-3d96-11ef-b873-005056b86db5'){
              this.aiJson.aiOutlineTask = this.aiJson.aiOutlineTask ? this.aiJson.aiOutlineTask : '请根据<课程名字>以及该课程的<课程简要描述>来为该课程生成100字以内的序列课程任务，序列任务要求彼此连结紧密且没有重复。'
              this.aiJson.aiOutlineDetail = this.aiJson.aiOutlineDetail ? this.aiJson.aiOutlineDetail : '参考<课程名字>、<任务名>和<课程简要描述>的内容，为该序列生成任务详情。任务详情中需要包含教学目标，任务设计和评价标准。'
            }

            this.aiJson.aiTaskG1 = this.aiJson.aiTaskG1 ? this.aiJson.aiTaskG1 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的任务描述。你的主要任务是输出任务描述，用亲切的口吻告诉学生他们需要做什么。你的输出需要符合# 输出格式与要求'
            this.aiJson.aiTaskG2 = this.aiJson.aiTaskG2 ? this.aiJson.aiTaskG2 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的互动工具列表。你的任务是，根据教案中提到的学生活动，为学生选择一些平台上有的互动工具，允许他们提交“证据”（即过程性成果）来展示他们的学习进度或者证明他们的学习成果。举例：如果学生活动有观看视频回答问题，那么你就为这一活动匹配选择【问答】工具，允许学生回答问题或者提出他们自己的疑问，如果学生活动有需要学生设计实验或者撰写报告，选用【文档】工具，如果需要学生记录数据，选用【表格】工具，如果需要学生整理或者梳理信息选用【思维导图】，如果需要学生绘制草图，选用【电子白板】，如果需要学生提交视频，图片，或者ppt，选用【作业提交】。你的输出需要符合# 输出格式与要求'
            this.aiJson.aiTaskG3 = this.aiJson.aiTaskG3 ? this.aiJson.aiTaskG3 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的目标和评价系统。你最主要的任务是提取教案中目标以及评价标准。你的输出需要符合# 输出格式与要求'

            this.aiJson.agentid = this.aiJson.agentid ? this.aiJson.agentid : '8e71322c-6c2a-11ef-8ce0-12e77c4cb76b'
            this.aiJson.sagentid = this.aiJson.sagentid ? this.aiJson.sagentid : ''
            this.aiJson.recordAgentid = this.aiJson.recordAgentid ? this.aiJson.recordAgentid : 'eb6c7ca4-9684-11ef-a04e-12e77c4cb76b'
            this.aiJson.recordstart = this.aiJson.recordstart ? this.aiJson.recordstart : `今天我们聚在一起，围绕采用{课程模板名字}模板的课程的设计展开讨论，而对于这堂课程，我这里有一些建议讨论的问题，供大家参考：

- 我们的课程主题可以如何与学生的实际生活联系起来？
- 围绕该课程主题，我们可以设计什么样的问题来引导学生进行深入思考？
- 这些问题是否能引导学生应用他们在课堂上学习到的知识，并结合实际情况进行探究？
- 学生在项目中可以参与哪些具体的任务或活动，以便更好地理解和解决驱动问题？
- 在这些任务和活动中，学生将学到哪些学科核心知识和技能？
- 学生个人最终要完成什么？学生小组最终要完成什么？
- 我们可以如何设计评价标准，既关注学习结果又关注过程？`
            this.aiJson.recordCheckJindu = this.aiJson.recordCheckJindu ? this.aiJson.recordCheckJindu : `检查以下讨论，查看用户是否讨论了以下问题？如果讨论了，请总结其讨论结果，如果没有，请提醒用户有哪些问题还没有讨论到。

问题：<议程和问题引导>中的问题

讨论：<转文本内容>`
            this.aiJson.recordCourseD = this.aiJson.recordCourseD ? this.aiJson.recordCourseD : `根据以下<讨论>，为一个<课程标题>的<学科>整合跨学科的，面向<年级>年级学生的项目式学习课程生成课程概况，驱动性问题(有且仅需要生成1个问题）和项目成果&评价标准`



            // if(this.templateid == '4480d65a-1e48-11ef-bee5-005056b86db5'){
            //   this.aiJson.aiCpoteTask = this.aiJson.aiCpoteTask ? this.aiJson.aiCpoteTask : '请根据<任务簇>，帮我取出里面对应的任务名'
            // }

            // if(this.templateid == 'cf5722a4-401b-11ef-b873-005056b86db5'){
            //   this.aiJson.aiAbstract = this.aiJson.aiAbstract ? this.aiJson.aiAbstract : '从用户提供的教案资料(文件形式）中，自动总结教案摘要与教案的学科关键词（每个学科3个）。注意，在提取信息方面你绝对不能虚拟出不存在的东西。然后，你基于用户上传的教案，生成项目的驱动性问题和最终作品。'
            //   this.aiJson.aiTarget = this.aiJson.aiTarget ? this.aiJson.aiTarget : '从用户提供的教案资料中，提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
            //   this.aiJson.aiSearchFile = this.aiJson.aiSearchFile ? this.aiJson.aiSearchFile : '请根据<关键词>，从你的相应知识库去检索5个最相关的信息。'
            //   this.aiJson.aiDetail = '请根据#参考资料（上下文中可能蕴含不相关的内容，请你无视不相关内容），为一个<课程标题>的<学科>整合跨学科的，面向<年级>年级学生的项目式学习课程生成课程概况，驱动性问题(有且仅需要生成1个问题）和项目成果&评价标准。请你再生成时更有创意一点，不要与#参考资料中原有的驱动性问题重复。'
            //   this.aiJson.aiTarget2 = this.aiJson.aiTarget2 ? this.aiJson.aiTarget2 : '请根据课程标题<课程标题>，**从你的知识库去检索5个最相关的信息**，如果没有相关的信息，请你根据已有的知识，并参考#参考资料中的内容，生成本课程的教学目标。你仅需要输出与课程目标相关的内容。'
            //   this.aiJson.aiOutline = '请为这个名为<课程名字>的<课程学科>学科的，面向<面向年级>学生的项目式学习课程设计序列教学活动（需要每个任务都需要至少200个token的详细描述）。你需要参考课程简要描述<课程简要描述>和<课程目标>和#参考资料（上下文中可能蕴含不相关的内容，请你无视不相关内容），并产出每个教学任务的设计以及每个教学活动的评价量规（学生能做到...）。'
            //   this.aiJson.aiTeacher = '请根据<任务名+单一任务描述>和并参考<课程简要描述>和#参考上下文（上下文中可能蕴含不相关的内容，请你无视不相关内容），为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），评价标准（学生能做到...)，相关知识点的讲解，练习（练习需要包含示例答案）。'
            // }
            this.$forceUpdate();
            this.isDialog = res.data[0][0].isDialog
          }
        })
        .catch((err) => { });
      }
    },
    getTipsTemplateIsDialog(){
      if(this.templateid){
        let params = {
          id: this.templateid
        }
        this.ajax
        .get(this.$store.state.api + "selectTipsTemplateById", params)
        .then((res) => {
          if(res.data[0].length){
            this.isDialog = res.data[0][0].isDialog
          }
        })
        .catch((err) => { });
      }
    },
    getTemplate() {
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateT", "")
        .then((res) => {
          this.templateArray = res.data[0];
          this.getTemplateOid();
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    getTemplateOid() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
        .then((res) => {
          if (res.data[0].length) {
            this.templateArray = [...res.data[0], ...this.templateArray];
          }
          this.getTemplateOrg();
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    getTemplateOrg() {
      let params = {
        oid: this.org,
      };
      this.ajax
        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
        .then((res) => {
          if (res.data[0].length) {
            this.templateArray = [...res.data[0], ...this.templateArray];
          }
          this.$forceUpdate();
        })
        .catch((err) => { });
    },
    clearChoose() {
      this.clearArray.splice(this.templateC.id, 1);
      this.dialogVisible2 = false;
    },
    clearAttText() {
      this.AttText = {
        title: "",
        text: "",
      };
      this.dialogVisible6 = false;
    },
    clearLine() {
      this.line = "";
      this.dialogVisible7 = false;
    },
    openTemplate() {
      this.ctJson = {};
      this.templateDialog = true;
    },
    checkctJson(json) {
      if (this.ctJson.id == json.id) {
        this.ctJson = {};
      } else {
        this.ctJson = json;
      }
    },
    addTemplate(res) {
      let _this = this;
      let _res = [];
      if (res.id == 1) {
        _res = [
          {
            dyName: "", //单元标题
            easy: 1,
            chapterInfo: [
              {
                isread: false,
                chapterid: this.guid(),
                title: "",
                courseName: "",
                taskJson: [
                  {
                    task: "",
                    taskDetail: "",
                    chapterData: [],
                    toolText: "",
                    toolChoose: [
                      {
                        tool: [],
                        toolDetail: "",
                        toolType: 0,
                        askCount: 1,
                        askTitle: "",
                        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      },
                    ],
                    isShowTools: false,
                    askCount: 1,
                    isFold: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    checkJson: [{ checkCount: [], checkPerent: [] }],
                    homeworkList: [],
                  },
                ],
                itemCount: 1,
                fileList1: [],
                video: [],
                testData: [],
                pData: [],
                templateArray: [],
              },
            ],
          },
        ];
        this.updateCourseState(1);
      } else if (res.id == 2) {
        let stageData = [];
        let iframe =  window.topU.document.querySelectorAll("#AIChat iframe")[0];
        let iframe2 =  window.topU.document.querySelectorAll("#AIChat aigpt")[0];
        if (!iframe && !iframe2) {
          this.$message.error(this.lang.ssUseAI);
          return;
        }
        let copyData = iframe ? iframe.contentWindow.copyData : false;
        let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
        if (
          (!copyData || !copyData.stageData || !copyData.stageData.length) &&
          (!copyData2 || !copyData2.stageData || !copyData2.stageData.length)
        ) {
          this.$message.error(this.lang.ssUseAI);
          return;
        }
        stageData = copyData
          ? copyData.stageData
          : copyData2
            ? copyData2.stageData
            : [""];
        for (var i = 0; i < stageData.length; i++) {
          _res.push({
            dyName: stageData[i], //单元标题
            chapterInfo: [
              {
                isread: false,
                chapterid: this.guid(),
                title: "",
                courseName: "",
                taskJson: [
                  {
                    task: "",
                    taskDetail: "",
                    chapterData: [],
                    toolText: "",
                    toolChoose: [
                      {
                        tool: [],
                        toolDetail: "",
                        toolType: 0,
                        askCount: 1,
                        askTitle: "",
                        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      },
                    ],
                    isShowTools: false,
                    askCount: 1,
                    isFold: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    checkJson: [{ checkCount: [], checkPerent: [] }],
                    homeworkList: [],
                  },
                ],
                itemCount: 1,
                fileList1: [],
                video: [],
                testData: [],
                pData: [],
                templateArray: [],
              },
            ],
          });
        }
        this.updateCourseState(1);
      } else if (!Object.keys(res).length) {
        this.$message.error(this.lang.ssSelectTemplatePls);
        retrun;
      } else {
        _res = JSON.parse(res.chapters);
        this.updateCourseState(parseInt(res.state));
      }
      _this
        .$confirm(
          this.lang.ssConfirmTemp,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
        .then(() => {
          _this.unitJson = _res;
          _this.updateWork();
          // _this.steps++;
          _this.templateDialog = false;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate(res) {
      let _this = this;
      _this
        .$confirm(
          this.lang.ssConfirmTemp,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
        .then(() => {
          _this.unitJson = JSON.parse(res.chapters);
          _this.steps++;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate1(w) {
      this.steps++;
    },
    checkTemplate2() {
      let _this = this;
      _this
        .$confirm(this.lang.ssChooseEmpty, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.unitIndex = 0;
          _this.unitJson = [
            {
              dyName: "", //单元标题
              chapterInfo: [
                {
                  isread: false,
                  chapterid: this.guid(),
                  title: "",
                  courseName: "",
                  taskJson: [
                    {
                      task: "",
                      taskDetail: "",
                      chapterData: [],
                      toolText: "",
                      toolChoose: [
                        {
                          tool: [],
                          toolDetail: "",
                          toolType: 0,
                          askCount: 1,
                          askTitle: "",
                          askJson: [
                            { askstitle: "", askItem: 1, checkList: [] },
                          ],
                        },
                      ],
                      isShowTools: false,
                      askCount: 1,
                      isFold: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      checkJson: [{ checkCount: [], checkPerent: [] }],
                      homeworkList: [],
                    },
                  ],
                  itemCount: 1,
                  fileList1: [],
                  video: [],
                  testData: [],
                  pData: [],
                  templateArray: [],
                },
              ],
            },
          ];
          this.steps++;
          setTimeout(() => {
            this.checkEva(this.checkId);
            setTimeout(() => {
              this.checkEva(this.checkId);
            }, 100);
          }, 1000);
          this.updateWork();
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate3() {
      let _this = this;
      _this
        .$confirm(this.lang.ssChooseSimple, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.unitIndex = 0;
          _this.unitJson = [
            {
              dyName: "", //单元标题
              easy: 1,
              chapterInfo: [
                {
                  isread: false,
                  chapterid: this.guid(),
                  title: "",
                  courseName: "",
                  taskJson: [
                    {
                      task: "",
                      taskDetail: "",
                      chapterData: [],
                      toolText: "",
                      toolChoose: [
                        {
                          tool: [],
                          toolDetail: "",
                          toolType: 0,
                          askCount: 1,
                          askTitle: "",
                          askJson: [
                            { askstitle: "", askItem: 1, checkList: [] },
                          ],
                        },
                      ],
                      isShowTools: false,
                      askCount: 1,
                      isFold: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                      checkJson: [{ checkCount: [], checkPerent: [] }],
                      homeworkList: [],
                    },
                  ],
                  itemCount: 1,
                  fileList1: [],
                  video: [],
                  testData: [],
                  pData: [],
                  templateArray: [],
                },
              ],
            },
          ];
          // this.steps++;
          this.updateWork();
        })
        .catch(() => {
          return;
        });
    },
    checkTemplate4() {
      let _this = this;
      _this
        .$confirm(this.lang.ssChooseFuture, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          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(this.lang.ssLinkTitle);
        return;
      }
      if (this.lineType == 0) {
        this.addLine();
      } else {
        this.updateLine();
      }
    },
    addAttTextMessage() {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData.unshift({
        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.unshift({
        name: this.lang.ssLink,
        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: this.lang.ssGroup.replace(/\*/g, '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) {
         window.topU.postMessage(
          {
            tools: "3y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 1) {
         window.topU.postMessage(
          {
            tools: "1y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 57) {
         window.topU.postMessage(
          {
            tools: "57y",
            cid: this.cid,
            stage: this.unitIndex,
            task: itemTaskIndex,
            tool: toolIndex,
          },
          "*"
        );
      } else if (i == 69) {
        this.englishList = {};
        this.englishList = this.unitJson[this.unitIndex].chapterInfo[0]
          .taskJson[itemTaskIndex].toolChoose[toolIndex].englishList
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].englishList
            )
          )
          : {};
        this.$forceUpdate();
        this.englishDialogVisible = true;
      } else if (i == 70) {
        this.englishVoiceJson = {};
        this.englishVoiceJson = this.unitJson[this.unitIndex].chapterInfo[0]
          .taskJson[itemTaskIndex].toolChoose[toolIndex].englishVoiceJson
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].englishVoiceJson
            )
          )
          : {
            title: '',
            detail: '',
            array: []
          };
        //  {
        //   time: "",
        //   class: "",
        //   difficulty: 0,
        //   topic: "",
        //   isShow: false,
        //   eva: 0,
        //   aiEva: {
        //     isAiEva: false,
        //     aiEvaChoose: [],
        //   },
        //   allfType: [],
        //   englishJson: {},
        // };
        this.$forceUpdate();
        this.EnglishVoiceDialog = true;
      }else if(i == 72){
        let appJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].toolChoose[toolIndex].appJson
          ? JSON.parse(
            JSON.stringify(
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                itemTaskIndex
              ].toolChoose[toolIndex].appJson
            )
          )
          : {
            url:'',
           };
        this.$forceUpdate();
        this.$refs.appDialog.openG(appJson,this.unitIndex,itemTaskIndex,toolIndex);
      }
      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72
          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
      }
    },
    setEnglishVoiceJson(val) {
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].englishVoiceJson = JSON.parse(
        JSON.stringify(val)
      );
      this.$forceUpdate();
      if (
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .toolChoose[this.toolIndex].tool != 70
      ) {
        this.addTools(70, this.taskCount, this.toolIndex);
      }
    },
    chapAddTools(i) {
      if (this.chapTools[0].tools.length == 0) {
        this.chapTools[0].tools.push(i);
      } else {
        if (this.chapTools[0].tools.indexOf(i) != -1) {
          this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
        } else {
          this.chapTools[0].tools.push(i);
        }
      }
      this.$forceUpdate();
    },
    addChaptersDataTools() {
      if (this.chapTools[0].tools.indexOf(4) != -1) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.chapCount
        ].chapterData.unshift({
          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.unshift({
          name: this.chapTools[0].toolDetail,
          url: this.chapTools[0].tools,
          type: 7,
        });
      }
      this.imgChange1(null, null, 7, this.chapCount);
      this.dialogVisible4 = false;
    },
    addTools(i, itemTaskIndex, toolIndex) {
      // if (
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //     .toolChoose[toolIndex].tool.length == 0
      // ) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //     itemTaskIndex
      //   ].toolChoose[toolIndex].tool.push(i);
      // } else {
      //   if (
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.indexOf(i) != -1
      //   ) {
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.splice(
      //       this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //         itemTaskIndex
      //       ].toolChoose[toolIndex].tool.indexOf(i),
      //       1
      //     );
      //   } else {
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      //       itemTaskIndex
      //     ].toolChoose[toolIndex].tool.push(i);
      //   }
      //   console.log(
      //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
      //       .toolChoose[toolIndex].tool
      //   );
      // }
      if (i == 4) {
        if (
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson.askTitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson[0].askstitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].askJson[0].checkList < 2
        ) {
          this.openTools(itemTaskIndex, 4, toolIndex);
          // this.$message({
          //   message: "请填写完整问卷内容",
          //   type: "error",
          // });
          return;
        }
      }
      if (i == 45) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
        ) {
          this.openTools(itemTaskIndex, 45, toolIndex);
          // this.$message({
          //   message: "请填写完整问卷内容",
          //   type: "error",
          // });
          return;
        }
      }
      if (i == 47) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].sentenceList ||
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
        ) {
          this.openTools(itemTaskIndex, 47, toolIndex);
          return;
        }
      }

      if (i == 69) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].englishList
        ) {
          this.openTools(itemTaskIndex, 69, toolIndex);
          return;
        }
      }
      if (i == 70) {
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].englishVoiceJson
        ) {
          this.openTools(itemTaskIndex, 70, toolIndex);
          return;
        }
      }
      if(i == 72){
        if (
          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].appJson || Object.keys(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
            .toolChoose[toolIndex].appJson).length == 0
        ) {
          this.openTools(itemTaskIndex, 72, 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);
      }

      if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].tool[0] != 72
          && !!this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson){
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].toolChoose[toolIndex].appJson = null
      }
      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(this.lang.ssIrrevers, this.lang.ssTip, {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            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(this.lang.ssIrrevers, this.lang.ssTip, {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          })
          .then(() => {
            _this.testJson.testJson.splice(index, 1);
            _this.testJson.testCount--;
          })
          .catch(() => {
            return;
          });
      }
    },
    askMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
          this.askJson.askJson[index - 1] = b;
          this.askJson.askJson[index] = a;
        }
      } else {
        if (index < this.askJson.askJson.length - 1) {
          let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
          let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
          this.askJson.askJson[index + 1] = b;
          this.askJson.askJson[index] = a;
        }
      }
      this.$forceUpdate();
    },
    checkMove(type, index, checkIndex) {
      if (type == 1) {
        if (checkIndex > 0) {
          let a = JSON.parse(
            JSON.stringify(
              this.askJson.askJson[index].checkList[checkIndex - 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
          );
          this.askJson.askJson[index].checkList[checkIndex - 1] = b;
          this.askJson.askJson[index].checkList[checkIndex] = a;
        }
      } else {
        if (checkIndex < this.askJson.askJson[index].checkList.length - 1) {
          let a = JSON.parse(
            JSON.stringify(
              this.askJson.askJson[index].checkList[checkIndex + 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
          );
          this.askJson.askJson[index].checkList[checkIndex + 1] = b;
          this.askJson.askJson[index].checkList[checkIndex] = a;
        }
      }
      this.$forceUpdate();
    },
    testMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
          this.testJson.testJson[index - 1] = b;
          this.testJson.testJson[index] = a;
        }
      } else {
        if (index < this.testJson.testJson.length - 1) {
          let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
          let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
          this.testJson.testJson[index + 1] = b;
          this.testJson.testJson[index] = a;
        }
      }
      this.$forceUpdate();
    },
    tcheckMove(type, index, checkIndex) {
      if (type == 1) {
        if (checkIndex > 0) {
          let a = JSON.parse(
            JSON.stringify(
              this.testJson.testJson[index].checkList[checkIndex - 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
          );
          this.testJson.testJson[index].checkList[checkIndex - 1] = b;
          this.testJson.testJson[index].checkList[checkIndex] = a;
        }
      } else {
        if (checkIndex < this.testJson.testJson[index].checkList.length - 1) {
          let a = JSON.parse(
            JSON.stringify(
              this.testJson.testJson[index].checkList[checkIndex + 1]
            )
          );
          let b = JSON.parse(
            JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
          );
          this.testJson.testJson[index].checkList[checkIndex + 1] = b;
          this.testJson.testJson[index].checkList[checkIndex] = a;
        }
      }
      this.$forceUpdate();
    },
    addcheckList(json, index) {
      // json.checkList.length++;
      json.checkList.splice(index + 1, 0, "");
      json.askItem++;
      this.$forceUpdate();
    },
    deletecheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.askItem--;
      this.$forceUpdate();
    },
    addTcheckList(json, index) {
      // json.checkList.length++;
      json.checkList.splice(index + 1, 0, "");
      json.testItem++;
      this.$forceUpdate();
    },
    deleteTcheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.testItem--;
      this.$forceUpdate();
    },
    checkTestType(type, json) {
      json.type = type;
      setTimeout(() => {
        json.answer = [];
      }, 100);
    },
    checkAskType(type, json) {
      json.type = type;
      // json.checkList = [];
      this.$forceUpdate();
    },
    addSelectList(json) {
      json.select.push("");
      json.answer.push("");
    },
    deleteSelectList(json) {
      // json.select.length--;
      // json.answer.length--;
      json.select.splice(json.select.length - 1, 1);
      json.answer.splice(json.answer.length - 1, 1);
    },
    addAsk() {
      if (this.askJson.askTitle === "") {
        this.$message.error(this.lang.ssTitleEmpty);
        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(this.lang.ssFillTitle.replace(/\*/g, i + 1));
              return;
            } else {
              a++;
            }
          }
          if (b == 1) {
            this.$message.error(this.lang.ssOneQues);
            return;
          }
        } else if (aj[i].askstitle != "") {
          for (let index = 0; index < aj[i].askItem; index++) {
            const element = aj[i].checkList[index]
              ? aj[i].checkList[index]
              : "";
            var index = 0;
            for (var z = 0; z < aj[i].checkList.length; z++) {
              var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
              if (checkC != "") {
                index++;
              } else {
                this.$message.error(this.lang.ssOptEmpty.replace(/\*/g, 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(
                    this.lang.ssOptDup.replace(/\*/g, i + 1).replace(/\&/g, this.optionTypeList[z]).replace(/\$/g, this.optionTypeList[z2])
                  );
                  return;
                }
              }
            }
            b++;
            if (index < 2) {
              this.$message.error(this.lang.ssEachQues);
              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(this.lang.ssFillTitle.replace(/\*/g, i + 1));
              return;
            } else {
              a++;
            }
          }
          if (b == 1) {
            this.$message.error(this.lang.ssOneQues);
            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(this.lang.ssOptEmpty.replace(/\*/g, 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(
                    this.lang.ssOptDup.replace(/\*/g, i + 1).replace(/\&/g, this.optionTypeList[z]).replace(/\$/g, this.optionTypeList[z2])
                  );
                  return;
                }
              }
            }
            b++;
            if (index < 2) {
              this.$message.error(this.lang.ssEachQues);
              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(this.lang.ssCorrectOpt.replace(/\*/g, 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 =  window.topU.document.querySelectorAll("#AIChat iframe")[0];
      if (!iframe) {
        this.$message.error(this.lang.ssUseAIQues);
        return;
      }
      let copyData = iframe.contentWindow.copyData;
      if (!copyData || !copyData.selectData.length) {
        this.$message.error(this.lang.ssUseAIQues);
        return;
      }
      let selectData = copyData.selectData;
      for (var i = 0; i < selectData.length; i++) {
        let answer = 0;
        switch (selectData[i].answer[0]) {
          case "A":
            answer = 0;
            break;
          case "B":
            answer = 1;
            break;
          case "C":
            answer = 2;
            break;
          case "D":
            answer = 3;
            break;
          case "E":
            answer = 4;
            break;
          default:
            break;
        }
        this.testJson.testJson.push({
          teststitle: selectData[i].subject,
          testItem: selectData[i].options.length,
          checkList: selectData[i].options,
          timuList: [],
          answer: answer,
          type: "1",
        });
        this.testJson.testCount++;
      }
      var isTestJson = JSON.parse(JSON.stringify(this.testJson));
      isTestJson.testJson = this.testJson.testJson.filter((el) => {
        var elc = el.checkList.filter((element) => {
          return element != "";
        });
        return el.teststitle != "" || el.timuList.length > 0 || elc.length != 0;
      });
      isTestJson.testCount = isTestJson.testJson.length;
      if (!isTestJson.testCount) {
        return;
      }
      this.testJson = isTestJson;
      this.$forceUpdate();
    },
    pasteTask(taskJson) {
      let stageTasksData = [];
      if (taskJson) {
        stageTasksData = taskJson;
      } else {
        let iframe =  window.topU.document.querySelectorAll("#AIChat iframe")[0];
        let iframe2 =  window.topU.document.querySelectorAll("#AIChat aigpt")[0];
        if (!iframe && !iframe2) {
          this.$message.error(this.lang.ssUseAI);
          return;
        }
        let copyData = iframe ? iframe.contentWindow.copyData : false;
        let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
        if (
          (!copyData || !copyData.tasksData || !copyData.tasksData.length) &&
          (!copyData2 || !copyData2.tasksData || !copyData2.tasksData.length)
        ) {
          this.$message.error(this.lang.ssUseAI);
          return;
        }
        stageTasksData = copyData
          ? copyData.tasksData
          : copyData2
            ? copyData2.tasksData
            : [{ taskName: "", taskDecs: "" }];
      }

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

      let stage = [];
      for (var i = 0; i < stageData.length; i++) {
        stage.push({
          dyName: stageData[i], //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  taskDetail: "",
                  chapterData: [],
                  toolText: "",
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    },
                  ],
                  isShowTools: false,
                  askCount: 1,
                  isFold: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  checkJson: [{ checkCount: [], checkPerent: [] }],
                  homeworkList: [],
                },
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: [],
            },
          ],
        });
      }
      let _this = this;
      if (stageJson) {
        if (!_this.cid) {
          _this.unitJson = stage;
        } else {
          _this.unitIndex = 0;
          _this.unitJson = stage;
          _this.updateWork();
        }
      } else {
        _this
          .$confirm(
            this.lang.ssSmartPasteTemp,
            this.lang.ssTip,
            {
              confirmButtonText: this.lang.ssConfirm,
              cancelButtonText: this.lang.ssCancel,
              type: "warning",
            }
          )
          .then(() => {
            _this.unitIndex = 0;
            _this.unitJson = stage;
            // _this.steps++;
            _this.updateWork();
          })
          .catch(() => {
            return;
          });
      }
    },
    openStageBox() {
      this.unitJson3 = JSON.parse(JSON.stringify(this.unitJson));
      this.dialogVisibleStageChange = true;
    },
    updateChange() {
      this.$confirm(
        this.lang.ssStageSeqDel,
        this.lang.ssTip,
        {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        }
      )
        .then(() => {
          this.unitJson = JSON.parse(JSON.stringify(this.unitJson3));
          this.updateWork();
          this.dialogVisibleStageChange = false;
        })
        .catch(() => {
          return;
        });
    },
    addAnswer() {
      if (this.answerQ == "") {
        this.$message.error(this.lang.ssEnterQuesL);
        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(this.lang.ssEnterWant);
        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(this.lang.ssFillEvaInfo);
        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(this.lang.ssUploadQues);
        return;
      }
      if (!this.selectJson.select.length) {
        this.$message.error(this.lang.ssAddOpt);
        return;
      }
      if (!this.selectJson.answer.length) {
        this.$message.error(this.lang.ssSetAns);
        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(this.lang.ssSetAns);
        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(this.lang.ssUploadQues);
        return;
      }
      if (!this.selectJson.select.length) {
        this.$message.error(this.lang.ssAddOpt);
        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(
                this.lang.ssOptDup2.replace(/\*/g, z + 1).replace(/\$/g, 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(this.lang.ssOptEmpty2);
        return;
      }
      this.selectSteps++;
    },
    selectCourseDetail() {
      if (this.cid == "" || this.cid == undefined) {
        if (this.oid == '4c686762-1d0a-11ed-8c78-005056b86db5') {
          this.isTeacherSee = true;
        }
        console.log(this.lang.ssNewCourse);
        this.selectAllType();
        this.chatid = uuidv4();
        // this.courseTextB = false
      } else {
        this.isOutline = true
        this.isOutline2 = true
        this.cpoteType = 4
        this.cidType = 1;
        let params = {
          cid: this.cid,
        };
        this.ajax
          .get(this.$store.state.api + "select_course_detail", params)
          .then((res) => {
            this.unitJson = JSON.parse(res.data[0][0].chapters);
            this.courseState = res.data[0][0].state;
            for (var j = 0; j < this.unitJson.length; j++) {
              for (
                var k = 0;
                k < this.unitJson[j].chapterInfo[0].taskJson.length;
                k++
              ) {
                this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
                  .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
                  ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
                  : [];
                let _chapterData = [];
                for (
                  var c = 0;
                  c <
                  this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
                    .length;
                  c++
                ) {
                  if (
                    this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
                  ) {
                    _chapterData.push(
                      this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
                    );
                  }
                }
                this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
                  _chapterData;
              }
            }

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

            this.checkboxList3 = res.data[0][0].course_teacher
              ? res.data[0][0].course_teacher.split(",")
              : [];
            // this.isTeacherSee =
            //   res.data[0][0].is_teacher_look == 0 ? true : false;
            this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
            this.myWord = res.data[0][0].template;
            this.templateC.id = "123";
            this.courseUserid = res.data[0][0].userid;
            // if(this.courseUserid == this.userid){
            //   this.InviteChange(this.checkboxList2)
            // }
            this.nbOrder = res.data[0][0].ordernumber;
            this.courseTypeId = [];
            for (var i = 0; i < res.data[1].length; i++) {
              this.courseTypeId.push(res.data[1][i].typeid);
            }
            console.log(this.courseTypeId);
            // if (this.timer) clearInterval(this.timer);
            if (this.timer) clearTimeout(this.timer);
            this.timer = null;
            // this.timer = setInterval(() => {
            if(res.data[3].length){
              try {
                this.aiJson = JSON.parse(res.data[3][0].tips);
                this.aiJson.teacherDetail2 = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
                this.aiJson.aiAbstract = this.aiJson.aiAbstract ? this.aiJson.aiAbstract : '从用户提供的教案资料(文件形式）中，自动总结教案摘要与教案的学科关键词（每个学科3个）。注意，在提取信息方面你绝对不能虚拟出不存在的东西。然后，你基于用户上传的教案，生成项目的驱动性问题和最终作品。'
                this.aiJson.aiTarget = this.aiJson.aiTarget ? this.aiJson.aiTarget : '从用户提供的教案资料中，提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
                this.aiJson.aiSearchFile = this.aiJson.aiSearchFile ? this.aiJson.aiSearchFile : '请根据<关键词>，从你的相应知识库去检索5个最相关的信息。'
                this.aiJson.aiTarget2 = this.aiJson.aiTarget2 ? this.aiJson.aiTarget2 : '请根据课程标题<课程标题>，**从你的知识库去检索5个最相关的信息**，如果没有相关的信息，请你根据已有的知识，并参考#参考资料中的内容，生成本课程的教学目标。你仅需要输出与课程目标相关的内容。'
                this.aiJson.aiTargetGet = this.aiJson.aiTargetGet ? this.aiJson.aiTargetGet : '从用户提供的教案资料（文件形式）中，自动提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
                this.aiJson.aiOutlineDetail2 = this.aiJson.aiOutlineDetail2 ? this.aiJson.aiOutlineDetail2 : '请参考#参考资料，重新生成该任务，生成内容需包含任务名，任务设计，评价标准。注意，你绝对不能重复已有其他任务，也不要输出其他内容'
                this.aiJson.aiRateRule = this.aiJson.aiRateRule ? this.aiJson.aiRateRule : '根据<评价维度>和<维度描述>，制定具体的评价细则。 具体的评价细则分为6级——0星，1星，2星，3星，4星，5星。'
                if(this.templateid == '61c628b9-3d96-11ef-b873-005056b86db5'){
                  this.aiJson.aiOutlineTask = this.aiJson.aiOutlineTask ? this.aiJson.aiOutlineTask : '请根据<课程名字>以及该课程的<课程简要描述>来为该课程生成100字以内的序列课程任务，序列任务要求彼此连结紧密且没有重复。'
                  this.aiJson.aiOutlineDetail = this.aiJson.aiOutlineDetail ? this.aiJson.aiOutlineDetail : '参考<课程名字>、<任务名>和<课程简要描述>的内容，为该序列生成任务详情。任务详情中需要包含教学目标，任务设计和评价标准。'
                }
                this.aiJson.aiTaskG1 = this.aiJson.aiTaskG1 ? this.aiJson.aiTaskG1 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的任务描述。你的主要任务是输出任务描述，用亲切的口吻告诉学生他们需要做什么。你的输出需要符合# 输出格式与要求'
                this.aiJson.aiTaskG2 = this.aiJson.aiTaskG2 ? this.aiJson.aiTaskG2 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的互动工具列表。你的任务是，根据教案中提到的学生活动，为学生选择一些平台上有的互动工具，允许他们提交“证据”（即过程性成果）来展示他们的学习进度或者证明他们的学习成果。举例：如果学生活动有观看视频回答问题，那么你就为这一活动匹配选择【问答】工具，允许学生回答问题或者提出他们自己的疑问，如果学生活动有需要学生设计实验或者撰写报告，选用【文档】工具，如果需要学生记录数据，选用【表格】工具，如果需要学生整理或者梳理信息选用【思维导图】，如果需要学生绘制草图，选用【白板】，如果需要学生提交视频，图片，或者ppt，选用【作业提交】。你的输出需要符合# 输出格式与要求'
                this.aiJson.aiTaskG3 = this.aiJson.aiTaskG3 ? this.aiJson.aiTaskG3 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的目标和评价系统。你最主要的任务是提取教案中目标以及评价标准。你的输出需要符合# 输出格式与要求'

                this.aiJson.agentid = this.aiJson.agentid ? this.aiJson.agentid : '8e71322c-6c2a-11ef-8ce0-12e77c4cb76b'
                this.aiJson.sagentid = this.aiJson.sagentid ? this.aiJson.sagentid : ''
                this.aiJson.recordAgentid = this.aiJson.recordAgentid ? this.aiJson.recordAgentid : 'eb6c7ca4-9684-11ef-a04e-12e77c4cb76b'
                this.aiJson.recordstart = this.aiJson.recordstart ? this.aiJson.recordstart : `今天我们聚在一起，围绕采用{课程模板名字}模板的课程的设计展开讨论，而对于这堂课程，我这里有一些建议讨论的问题，供大家参考：

- 我们的课程主题可以如何与学生的实际生活联系起来？
- 围绕该课程主题，我们可以设计什么样的问题来引导学生进行深入思考？
- 这些问题是否能引导学生应用他们在课堂上学习到的知识，并结合实际情况进行探究？
- 学生在项目中可以参与哪些具体的任务或活动，以便更好地理解和解决驱动问题？
- 在这些任务和活动中，学生将学到哪些学科核心知识和技能？
- 学生个人最终要完成什么？学生小组最终要完成什么？
- 我们可以如何设计评价标准，既关注学习结果又关注过程？`
            this.aiJson.recordCheckJindu = this.aiJson.recordCheckJindu ? this.aiJson.recordCheckJindu : `检查以下讨论，查看用户是否讨论了以下问题？如果讨论了，请总结其讨论结果，如果没有，请提醒用户有哪些问题还没有讨论到。

讨论：<转文本内容>`
            this.aiJson.recordCourseD = this.aiJson.recordCourseD ? this.aiJson.recordCourseD : `根据以下讨论，为一个<课程标题>的<学科>整合跨学科的，面向<年级>年级学生的项目式学习课程生成课程概况，驱动性问题(有且仅需要生成1个问题）和项目成果&评价标准`

                this.templateid = res.data[3][0].template;
                this.getTipsTemplateIsDialog()
              }catch(error){
                console.error(error)
              }
            }
            if(res.data[0][0].cpote){
              try {
                this.cpote = JSON.parse(res.data[0][0].cpote);
              }catch(error){
                console.error(error)
              }
            }
            if(res.data[0][0].setting){
              try {
                this.courseJie = JSON.parse(res.data[0][0].setting).courseJie ? JSON.parse(res.data[0][0].setting).courseJie : 1;
                this.courseTime = JSON.parse(res.data[0][0].setting).courseTime ? JSON.parse(res.data[0][0].setting).courseTime : 45;
                this.teacherInfoData = JSON.parse(res.data[0][0].setting).teacherInfoData ? JSON.parse(res.data[0][0].setting).teacherInfoData : [];
                this.teacherCourseText = JSON.parse(res.data[0][0].setting).teacherCourseText ? JSON.parse(res.data[0][0].setting).teacherCourseText : "";
                this.targetCourseText = JSON.parse(res.data[0][0].setting).targetCourseText ? JSON.parse(res.data[0][0].setting).targetCourseText : "";
                this.cankaoInfoData = JSON.parse(res.data[0][0].setting).cankaoInfoData ? JSON.parse(res.data[0][0].setting).cankaoInfoData : [];
                this.mubiaoInfoData = JSON.parse(res.data[0][0].setting).mubiaoInfoData ? JSON.parse(res.data[0][0].setting).mubiaoInfoData : [];
                this.xuanzeInfoData = JSON.parse(res.data[0][0].setting).xuanzeInfoData ? JSON.parse(res.data[0][0].setting).xuanzeInfoData : [];
                this.pingjiaInfoData = JSON.parse(res.data[0][0].setting).pingjiaInfoData ? JSON.parse(res.data[0][0].setting).pingjiaInfoData : [];
                this.infoData2 = JSON.parse(res.data[0][0].setting).infoData2 ? JSON.parse(res.data[0][0].setting).infoData2 : [];
                this.isuseT = JSON.parse(res.data[0][0].setting).isuseT ? JSON.parse(res.data[0][0].setting).isuseT : JSON.parse(res.data[0][0].setting).isuseT === false ? false : false;
                this.mode = JSON.parse(res.data[0][0].setting).mode ? JSON.parse(res.data[0][0].setting).mode : 1;
                this.targetCourseText2 = JSON.parse(res.data[0][0].setting).targetCourseText2 ? JSON.parse(res.data[0][0].setting).targetCourseText2 : '';
                this.chatid = JSON.parse(res.data[0][0].setting).chatid ? JSON.parse(res.data[0][0].setting).chatid : uuidv4();
                this.languageSetting = (JSON.parse(res.data[0][0].setting).languageSetting || JSON.parse(res.data[0][0].setting).languageSetting == 0) ? JSON.parse(res.data[0][0].setting).languageSetting : 0;
                this.knowInfoData = (JSON.parse(res.data[0][0].setting).knowInfoData) ? JSON.parse(res.data[0][0].setting).knowInfoData : [];
                this.knowFileids = (JSON.parse(res.data[0][0].setting).knowFileids) ? JSON.parse(res.data[0][0].setting).knowFileids : [];
                this.knowInfoData2 = (JSON.parse(res.data[0][0].setting).knowInfoData2) ? JSON.parse(res.data[0][0].setting).knowInfoData2 : [];
                this.knowFileids2 = (JSON.parse(res.data[0][0].setting).knowFileids2) ? JSON.parse(res.data[0][0].setting).knowFileids2 : [];
                this.recordVideoText = (JSON.parse(res.data[0][0].setting).recordVideoText) ? JSON.parse(res.data[0][0].setting).recordVideoText : "";
                this.recordAudioUrl = (JSON.parse(res.data[0][0].setting).recordAudioUrl) ? JSON.parse(res.data[0][0].setting).recordAudioUrl : "";
                this.appendixFile = (JSON.parse(res.data[0][0].setting).appendixFile) ? JSON.parse(res.data[0][0].setting).appendixFile : [];

                if(this.targetCourseText2 || (!this.teacherCourseText)){
                  this.courseTextBool = true
                }
                // if(!this.teacherCourseText && !this.targetCourseText2){
                //   this.isuseT = 1
                // }
              }catch(error){
                console.error(error)
              }
            }

            if(this.courseText){
              this.courseTextB = false
            }
            if(this.teacherCourseText){
              this.teacherCourseTextB = false
            }
            if(this.targetCourseText){
              this.targetCourseTextB = false
            }
            if(this.targetCourseText2){
              this.targetCourseText2B = false
            }

            this.isFileSearch = res.data[0][0].iresearch == 1
            // this.seleteCourseUpdate();
            this.setMan();
            this.selectAllType();
            this.unitJson[
              this.unitIndex
            ].chapterInfo[0].taskJson[0].toolOpen = true;
            // }, 5000);
            this.$forceUpdate();
            setTimeout(() => {
              this.checkEva(this.evalua);
              setTimeout(() => {
                this.checkEva(this.evalua);
              }, 100);
            }, 100);
          })
          .catch((err) => {
            console.error(err);
          });
      }

      if(this.aiId){
        let params = {
          cid: this.aiId,
        };
        this.ajax
          .get(this.$store.state.api + "select_course_detail", params)
          .then((res) => {
            let _unitJson = JSON.parse(res.data[0][0].chapters);
            let fileInfo = []
            var xianObj = ['DOCX','DOC','PPT','PPTX','MD','TXT','PDF']

            for(var i = 0; i < _unitJson.length; i++){
              let tasks = _unitJson[i].chapterInfo[0].taskJson
              for(var j = 0; j < tasks.length; j++){
                let _infoData = tasks[j].chapterData.filter(el => {
                  return xianObj.indexOf(el.url.split(".")[el.url.split(".").length - 1].toLocaleUpperCase()) != -1
                })

                if(_infoData.length){
                  fileInfo = [...fileInfo, ..._infoData]
                }
              }
            }

            this.teacherInfoData = this.infoData2 = this.infoData = fileInfo

            this.$forceUpdate();
            this.courseName = res.data[0][0].title;
            this.courseText = res.data[0][0].brief;
            this.courseText2 = res.data[0][0].reBrief;
            this.cover = JSON.parse(res.data[0][0].cover);
            this.noneBtnImg = this.cover.length >= 1;

            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].open == 1 ? true : false;
            this.myWord = res.data[0][0].template;
            this.templateC.id = "123";
            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(res.data[3].length){
              try {
                this.aiJson = JSON.parse(res.data[3][0].tips);
                this.templateid = res.data[3][0].template;
                this.getTipsTemplateIsDialog()
              }catch(error){
                console.error(error)
              }
            }
            this.aiJson.teacherDetail2 = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
            this.aiJson.aiAbstract = this.aiJson.aiAbstract ? this.aiJson.aiAbstract : '从用户提供的教案资料(文件形式）中，自动总结教案摘要与教案的学科关键词（每个学科3个）。注意，在提取信息方面你绝对不能虚拟出不存在的东西。然后，你基于用户上传的教案，生成项目的驱动性问题和最终作品。'
            this.aiJson.aiTarget = this.aiJson.aiTarget ? this.aiJson.aiTarget : '从用户提供的教案资料中，提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
            this.aiJson.aiSearchFile = this.aiJson.aiSearchFile ? this.aiJson.aiSearchFile : '请根据<关键词>，从你的相应知识库去检索5个最相关的信息。'
            this.aiJson.aiTarget2 = this.aiJson.aiTarget2 ? this.aiJson.aiTarget2 : '请根据课程标题<课程标题>，**从你的知识库去检索5个最相关的信息**，如果没有相关的信息，请你根据已有的知识，并参考#参考资料中的内容，生成本课程的教学目标。你仅需要输出与课程目标相关的内容。'
            this.aiJson.aiTargetGet = this.aiJson.aiTargetGet ? this.aiJson.aiTargetGet : '从用户提供的教案资料（文件形式）中，自动提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
            this.aiJson.aiOutlineDetail2 = this.aiJson.aiOutlineDetail2 ? this.aiJson.aiOutlineDetail2 : '请参考#参考资料，重新生成该任务，生成内容需包含任务名，任务设计，评价标准。注意，你绝对不能重复已有其他任务，也不要输出其他内容'
            this.aiJson.aiRateRule = this.aiJson.aiRateRule ? this.aiJson.aiRateRule : '根据<评价维度>和<维度描述>，制定具体的评价细则。 具体的评价细则分为6级——0星，1星，2星，3星，4星，5星。'
            if(this.templateid == '61c628b9-3d96-11ef-b873-005056b86db5'){
              this.aiJson.aiOutlineTask = this.aiJson.aiOutlineTask ? this.aiJson.aiOutlineTask : '请根据<课程名字>以及该课程的<课程简要描述>来为该课程生成100字以内的序列课程任务，序列任务要求彼此连结紧密且没有重复。'
              this.aiJson.aiOutlineDetail = this.aiJson.aiOutlineDetail ? this.aiJson.aiOutlineDetail : '参考<课程名字>、<任务名>和<课程简要描述>的内容，为该序列生成任务详情。任务详情中需要包含教学目标，任务设计和评价标准。'
            }
            this.aiJson.aiTaskG1 = this.aiJson.aiTaskG1 ? this.aiJson.aiTaskG1 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的任务描述。你的主要任务是输出任务描述，用亲切的口吻告诉学生他们需要做什么。你的输出需要符合# 输出格式与要求'
            this.aiJson.aiTaskG2 = this.aiJson.aiTaskG2 ? this.aiJson.aiTaskG2 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的互动工具列表。你的任务是，根据教案中提到的学生活动，为学生选择一些平台上有的互动工具，允许他们提交“证据”（即过程性成果）来展示他们的学习进度或者证明他们的学习成果。举例：如果学生活动有观看视频回答问题，那么你就为这一活动匹配选择【问答】工具，允许学生回答问题或者提出他们自己的疑问，如果学生活动有需要学生设计实验或者撰写报告，选用【文档】工具，如果需要学生记录数据，选用【表格】工具，如果需要学生整理或者梳理信息选用【思维导图】，如果需要学生绘制草图，选用【白板】，如果需要学生提交视频，图片，或者ppt，选用【作业提交】。你的输出需要符合# 输出格式与要求'
            this.aiJson.aiTaskG3 = this.aiJson.aiTaskG3 ? this.aiJson.aiTaskG3 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的目标和评价系统。你最主要的任务是提取教案中目标以及评价标准。你的输出需要符合# 输出格式与要求'

            this.aiJson.agentid = this.aiJson.agentid ? this.aiJson.agentid : '8e71322c-6c2a-11ef-8ce0-12e77c4cb76b'
            this.aiJson.sagentid = this.aiJson.sagentid ? this.aiJson.sagentid : ''
            this.aiJson.recordAgentid = this.aiJson.recordAgentid ? this.aiJson.recordAgentid : 'eb6c7ca4-9684-11ef-a04e-12e77c4cb76b'
            this.aiJson.recordstart = this.aiJson.recordstart ? this.aiJson.recordstart : `今天我们聚在一起，围绕采用{课程模板名字}模板的课程的设计展开讨论，而对于这堂课程，我这里有一些建议讨论的问题，供大家参考：

- 我们的课程主题可以如何与学生的实际生活联系起来？
- 围绕该课程主题，我们可以设计什么样的问题来引导学生进行深入思考？
- 这些问题是否能引导学生应用他们在课堂上学习到的知识，并结合实际情况进行探究？
- 学生在项目中可以参与哪些具体的任务或活动，以便更好地理解和解决驱动问题？
- 在这些任务和活动中，学生将学到哪些学科核心知识和技能？
- 学生个人最终要完成什么？学生小组最终要完成什么？
- 我们可以如何设计评价标准，既关注学习结果又关注过程？`
            this.aiJson.recordCheckJindu = this.aiJson.recordCheckJindu ? this.aiJson.recordCheckJindu : `检查以下讨论，查看用户是否讨论了以下问题？如果讨论了，请总结其讨论结果，如果没有，请提醒用户有哪些问题还没有讨论到。

讨论：<转文本内容>`
            this.aiJson.recordCourseD = this.aiJson.recordCourseD ? this.aiJson.recordCourseD : `根据以下讨论，为一个<课程标题>的<学科>整合跨学科的，面向<年级>年级学生的项目式学习课程生成课程概况，驱动性问题(有且仅需要生成1个问题）和项目成果&评价标准`

            if(res.data[0][0].cpote){
              try {
                this.cpote = JSON.parse(res.data[0][0].cpote);
              }catch(error){
                console.error(error)
              }
            }
            if(res.data[0][0].setting){
              try {
                this.courseJie = JSON.parse(res.data[0][0].setting).courseJie ? JSON.parse(res.data[0][0].setting).courseJie : 1;
                this.courseTime = JSON.parse(res.data[0][0].setting).courseTime ? JSON.parse(res.data[0][0].setting).courseTime : 45;
                this.teacherInfoData = JSON.parse(res.data[0][0].setting).teacherInfoData ? this.teacherInfoData.length ? this.teacherInfoData : JSON.parse(res.data[0][0].setting).teacherInfoData : [...this.teacherInfoData];
                this.teacherCourseText = JSON.parse(res.data[0][0].setting).teacherCourseText ? JSON.parse(res.data[0][0].setting).teacherCourseText : "";
                this.targetCourseText = JSON.parse(res.data[0][0].setting).targetCourseText ? JSON.parse(res.data[0][0].setting).targetCourseText : "";
                this.cankaoInfoData = JSON.parse(res.data[0][0].setting).cankaoInfoData ? JSON.parse(res.data[0][0].setting).cankaoInfoData : [];
                this.mubiaoInfoData = JSON.parse(res.data[0][0].setting).mubiaoInfoData ? JSON.parse(res.data[0][0].setting).mubiaoInfoData : [];
                this.xuanzeInfoData = JSON.parse(res.data[0][0].setting).xuanzeInfoData ? JSON.parse(res.data[0][0].setting).xuanzeInfoData : [];
                this.pingjiaInfoData = JSON.parse(res.data[0][0].setting).pingjiaInfoData ? JSON.parse(res.data[0][0].setting).pingjiaInfoData : [];
                this.infoData2 = JSON.parse(res.data[0][0].setting).infoData2 ? this.infoData2.length ? this.infoData2 : JSON.parse(res.data[0][0].setting).infoData2 : [...this.infoData2];
                this.isuseT = JSON.parse(res.data[0][0].setting).isuseT ? JSON.parse(res.data[0][0].setting).isuseT : JSON.parse(res.data[0][0].setting).isuseT === false ? false : false;
                this.mode = JSON.parse(res.data[0][0].setting).mode ? JSON.parse(res.data[0][0].setting).mode : 1;
                this.targetCourseText2 = JSON.parse(res.data[0][0].setting).targetCourseText2 ? JSON.parse(res.data[0][0].setting).targetCourseText2 : '';
                this.chatid = JSON.parse(res.data[0][0].setting).chatid ? JSON.parse(res.data[0][0].setting).chatid : uuidv4();
                this.languageSetting = (JSON.parse(res.data[0][0].setting).languageSetting || JSON.parse(res.data[0][0].setting).languageSetting == 0) ? JSON.parse(res.data[0][0].setting).languageSetting : 0;
                this.knowInfoData = (JSON.parse(res.data[0][0].setting).knowInfoData) ? JSON.parse(res.data[0][0].setting).knowInfoData : [];
                this.knowFileids = (JSON.parse(res.data[0][0].setting).knowFileids) ? JSON.parse(res.data[0][0].setting).knowFileids : [];
                this.knowInfoData2 = (JSON.parse(res.data[0][0].setting).knowInfoData2) ? JSON.parse(res.data[0][0].setting).knowInfoData2 : [];
                this.knowFileids2 = (JSON.parse(res.data[0][0].setting).knowFileids2) ? JSON.parse(res.data[0][0].setting).knowFileids2 : [];
                this.recordVideoText = (JSON.parse(res.data[0][0].setting).recordVideoText) ? JSON.parse(res.data[0][0].setting).recordVideoText : "";
                this.recordAudioUrl = (JSON.parse(res.data[0][0].setting).recordAudioUrl) ? JSON.parse(res.data[0][0].setting).recordAudioUrl : "";
                this.appendixFile = (JSON.parse(res.data[0][0].setting).appendixFile) ? JSON.parse(res.data[0][0].setting).appendixFile : [];

                if(this.targetCourseText2 || (!this.teacherCourseText)){
                  this.courseTextBool = true
                }
                // if(!this.teacherCourseText && !this.targetCourseText2){
                //   this.isuseT = 1
                // }
              }catch(error){
                console.error(error)
              }
            }
            if(this.teacherInfoData.length){
              this.isuseT = true
            }
            if(this.courseText){
              this.courseTextB = false
            }
            if(this.teacherCourseText){
              this.teacherCourseTextB = false
            }
            if(this.targetCourseText){
              this.targetCourseTextB = false
            }
            if(this.targetCourseText2){
              this.targetCourseText2B = false
            }
            this.setMan();
            this.unitJson[
              this.unitIndex
            ].chapterInfo[0].taskJson[0].toolOpen = true;

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

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

          if (_chapAarry.length && index != 2) {
            if (chapindex < _unitIndex) {
              this.isDelete = 2;
              // this.unitIndex--;
              _unitIndex2--;
            } else if (
              _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
              _unitJson[_unitIndex].chapterInfo[0].chapterid
            ) {
              this.isDelete = 2;
              for (let n = 0; n < _unitJson.length; n++) {
                if (
                  _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
                  _unitJson[n].chapterInfo[0].chapterid
                ) {
                  // this.unitIndex = n;
                  _unitIndex2 = n;
                  _unitJson[n] = _unitJson2[_unitIndex];
                  break;
                }
              }
            }
          } else if (index != 2) {
            // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
            _unitJson2[_unitIndex];
            for (
              var ci = 0;
              ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
              ci++
            ) {
              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
                  ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                    .toolChoose
                  : [];
              let _chapterData = [];
              for (
                var c = 0;
                c <
                _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
                  .length;
                c++
              ) {
                if (
                  _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                    .chapterData[c]
                ) {
                  _chapterData.push(
                    _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
                      .chapterData[c]
                  );
                }
              }
              _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
                _chapterData;
            }
            _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
          }
          if (index == 1) {
            this.unitJson = _unitJson;
            this.$forceUpdate();
            setTimeout(() => {
              if (this.unitIndex != _unitIndex2) {
                this.isDelete = 2;
                this.unitIndex = _unitIndex2;
              }
            }, 0);
            this.timer = setTimeout(() => {
              this.seleteCourseUpdate();
            }, 5000);
          } else if (index == 2) {
            let _this = this;
            _this
              .$confirm(
                _this.lang.ssStageDeletedRestore,
                _this.lang.ssTip,
                {
                  confirmButtonText: _this.lang.ssNeed,
                  cancelButtonText: _this.lang.ssCancel,
                  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();
                }, 5000);
              });
          }
          // 在复制操作之前记录滚动位置
          const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
          // 执行复制操作
          // 复制操作完成后恢复滚动位置
          this.$nextTick(() => {
            if (this.$refs.scrollContainer) {
              this.$refs.scrollContainer.scrollTop = savedScrollPosition;
            }
          });
        })
        .catch((err) => {
          console.error(err);
        });
    },
    restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
      let params = [
        {
          cid: this.cid,
          chapters: JSON.stringify(this.unitJson),
          uid: this.userid,
          chapid: chapid,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "restoreWork", params)
        .then((res) => {
          this.$message({
            message: "恢复成功",
            type: "success",
          });
          unitJson.splice(chapindex, 0, unitJson2[chapindex]);
          this.unitJson = unitJson;
          this.$forceUpdate();
          setTimeout(() => {
            if (this.unitIndex != unitIndex2) {
              this.isDelete = 2;
              this.unitIndex = unitIndex2;
            }
          }, 0);
          this.timer = setTimeout(() => {
            this.seleteCourseUpdate();
          }, 5000);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          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 : "",
        stand: this.lang.lang
      };
      this.ajax
        .get(this.$store.state.api + "selectAllTypeStand", 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: this.lang.ssZhijian, id: [] },
            { name: this.lang.ssZhixing, id: [] },
            { name: this.lang.ssIntelli, 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 = this.lang.ssGradeType;
            } 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 = this.lang.ssSubjectCategory;
            } else if (
              res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
            ) {
              res.data[0][cti].name = this.lang.ssThemeType;
            }
          }

          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.lang.ssColumn) {
                this.CourseType[0][i].name = this.lang.ssThemeType;
              }
            }
            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]); // 去除公共分类
                  }
                }
              }
            }
          }
          if (this.CourseType[0] && this.CourseType[0].length && this.lang.lang == 'com') {
            this.CourseType[0] = this.CourseType[0].filter(item => item.id != '34629bcc-d02f-11ec-8c78-005056b86db5');
          }
          this.courseTypeId = _courseTypeId;
          this.typeC1 = this.getTypeC(2)
          this.typeC2 = this.getTypeC(1)
        })
        .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.lang.ssColumn) {
                this.CourseType[0][i].name = this.lang.ssThemeType;
              }
            }
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
              }
            }
          }
          this.selectTypeByOid();
          this.selectTypeByOrg();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectTypeByOid() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectTypeByOid", params)
        .then((res) => {
          for (var i = 0; i < res.data[0].length; i++) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
              }
            }
          }
        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectTypeByOrg() {
      let params = {
        oid: this.org,
      };
      this.ajax
        .get(this.$store.state.api + "selectTypeByOrg", params)
        .then((res) => {
          for (var i = 0; i < res.data[0].length; i++) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                if (!this.CourseTypeJson[res.data[0][i].id]) {
                  this.CourseTypeJson[res.data[0][i].id] = [];
                }
                this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
              }
            }
          }
          this.$forceUpdate();
        })
        .catch((err) => {
          console.error(err);
        });
    },
    OtherMb(type, task) {
      if (task === 0 || task) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          task
        ].isEvaFold = true;
      }
      this.typeMode = type;
      setTimeout(() => {
        this.checkEva(this.checkId);
        setTimeout(() => {
          this.checkEva(this.checkId);
        }, 100);
      }, 100);
    },
    openMember() {
      this.searchTN = "";
      this.getTeacher();
      this.dialogVisibleMember = true;
    },
    checkEva(id, type) {
      this.dialogVisiblemb = false;
      this.selectEva();
      if (this.evalua != id && type == 2) {
        this.$message.success(this.lang.ssImportOk);
        setTimeout(() => {
          this.checkEva(id);
        }, 100);
      }
      this.evalua = id;
      this.checkId = id;
      if (this.evalua != "") {
        for (var i = 0; i < this.evaJuri.length; i++) {
          if (this.evalua == this.evaJuri[i].id) {
            this.eTitle = this.evaJuri[i].title;
            this.eJson = JSON.parse(this.evaJuri[i].content);
          }
        }
        this.data.data = [];
        this.$forceUpdate();
        setTimeout(() => {
          this.setMindData();
        }, 1000);
      }
    },
    deleteEva() {
      let _this = this;
      if (_this.evalua == "") {
        this.$message.warning(this.lang.ssClearAgain);
        return;
      }
      _this
        .$confirm(this.lang.ssDelTarget, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        })
        .then(() => {
          _this.evalua = "";
          _this.checkId = "";
          _this.eTitle = "";
          let _unitJson = _this.unitJson;
          for (var i = 0; i < _unitJson.length; i++) {
            let _task = _unitJson[i].chapterInfo[0].taskJson;
            for (var j = 0; j < _task.length; j++) {
              let _eList = _task[j].eList;
              for (var k = 0; k < _eList.length; k++) {
                delete _eList[k].target;
              }
            }
          }
          _this.$forceUpdate();
          if (_this.cid) {
            _this.updateWork();
          }
        })
        .catch(() => {
          return;
        });
    },
    selectEva() {
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectAllEvaluation", params)
        .then((res) => {
          this.evaJuri = res.data[0];
          // 在复制操作之前记录滚动位置
          const savedScrollPosition = this.$refs.scrollContainer ? this.$refs.scrollContainer.scrollTop : 0;
          // 执行复制操作
          // 复制操作完成后恢复滚动位置
          this.$nextTick(() => {
            if (this.$refs.scrollContainer) {
              this.$refs.scrollContainer.scrollTop = savedScrollPosition;
            }
          });
        })
        .catch((err) => {
          console.error(err);
        });
    },
    setMindData() {
      let targetArray = [];
      this.data.data = [];
      this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
      let _eJson = Object.keys(this.eJson);
      let _e = this.eJson;
      for (let i = 0; i < _eJson.length; i++) {
        let element = _e[_eJson[i]];
        this.data.data.push({
          id: element.id,
          parentid: "root",
          topic: element.name,
        });
        // targetArray.push({
        //   id: element.id,
        //   parentid: "root",
        //   name: element.name,
        // });
        targetArray.push({
          value: element.name,
          label: element.name,
          children: [],
        });
        let _eJsonc = Object.keys(element.child);
        let _e2 = element.child;
        for (let j = 0; j < _eJsonc.length; j++) {
          let _ec = _e2[_eJsonc[j]];
          this.data.data.push({
            id: _ec.id,
            parentid: element.id,
            topic: _ec.name,
          });
          // targetArray.push({
          //   id: _ec.id,
          //   parentid: element.id,
          //   name: _ec.name,
          // });
          targetArray[i].children.push({
            value: _ec.name,
            label: _ec.name,
            children: [],
          });
          let _eJsonz = Object.keys(_ec.child);
          let _e3 = _ec.child;
          for (let z = 0; z < _eJsonz.length; z++) {
            let _ez = _e3[_eJsonz[z]];
            this.data.data.push({
              id: _ez.id,
              parentid: _ec.id,
              topic: _ez.name,
            });
            // targetArray.push({
            //   id: _ez.id,
            //   parentid: _ec.id,
            //   name: _ez.name,
            // });
            targetArray[i].children[j].children.push({
              value: _ez.name,
              label: _ez.name,
            });
          }
        }
      }
      this.targetArray = targetArray;
      this.$forceUpdate();
    },
    /*添加评价 */
    addEList(index, tIndex) {
      this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList
        ? this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
          value: "",
          detail: "",
          score: 5,
          isai: "1",
        })
        : (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [
          { value: "", detail: "", score: 5,isai: "1", },
        ]);
      this.$forceUpdate();
    },
    openEList(index, tIndex) {
      this.evaIndex = index;
      this.evatIndex = tIndex;
      this.evaBoxDialog = true;
    },
    addCET(index, tIndex) {
      this.cetIndex = index;
      this.cettIndex = tIndex;
      this.selectAllType1();
    },
    addCETemplate() {
      var array =
        this.unitJson[this.cetIndex].chapterInfo[0].taskJson[this.cettIndex]
          .eList;
      let params = [
        {
          uid: this.userid,
          n: this.templateName,
          json: JSON.stringify(array),
          t: 1,
          oid: this.oid,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addCETShare", params)
        .then((res) => {
          this.addTypeByCET(res.data[0][0].id);
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    addTypeByCET(id) {
      if (this.setTypeJson.two == "") {
        this.$message.warning(this.lang.ssSelSecAdd);
        return;
      }
      let params = {
        cid: id,
      };
      this.ajax
        .get(this.$store.state.api + "deleteCETLabel", params)
        .then((res) => {
          for (var i = 0; i < 2; i++) {
            let tid = "";
            if (i == 0) {
              tid = this.setTypeJson.one;
            } else {
              tid = this.setTypeJson.two;
            }
            let params = [
              {
                cid: id,
                tid: tid,
                uid: this.userid,
              },
            ];
            this.ajax
              .post(this.$store.state.api + "addCETLabel", params)
              .then((res) => {
                this.$message({
                  message: this.lang.ssAddOk,
                  type: "success",
                });
                this.close();
              })
              .catch((err) => {
                this.$message.error(this.lang.ssNetPoor);
                console.error(err);
              });
          }
        })
        .catch((err) => {
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    updateEvaJson(array) {
      array = array.filter((item) => {
        item.isai = "1"
        return item;
      });
      this.unitJson[this.evaIndex].chapterInfo[0].taskJson[
        this.evatIndex
      ].eList = array;
    },
    forceUpdate() {
      this.$forceUpdate();
    },
    forceUpdate2() {
      setTimeout(() => {
        this.courseText += "*0*%*";
        setTimeout(() => {
          this.courseText = this.courseText.replaceAll("*0*%*", "");
        }, 0);
      }, 100);
      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(this.lang.ssFillCard);
        return;
      }
      if (this.sentenceList[i].sentenceTitle.length > 10) {
        this.$message.error(this.lang.ssCardOver10);
        return;
      }
      if (
        this.sentenceList[i].addSentence.indexOf(
          this.sentenceList[i].sentenceTitle
        ) !== -1
      ) {
        this.$message.error(this.lang.ssNoDupCard);
        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(this.lang.ssSetComplete.replace(/\*/g, i + 1));
          return;
        }
        if (
          this.sentenceList[i].addSentence.length !=
          this.sentenceList[i].rightAnswer.length
        ) {
          this.$message.error(this.lang.ssSetComplete.replace(/\*/g, 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(this.lang.ssUploadSucc);
      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(this.lang.ssUploadSucc);

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

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

      // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
      // } else {
      document.querySelectorAll(".basic_box")[0].scrollTop =
        document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
      this.isClickColor = i + 1;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
    },
    taskScroll(){
      // document.querySelectorAll(".taskBorder")[i].offsetTop - 100
      const sections = document.querySelectorAll('.taskBorder');
      const scrollPosition = document.querySelector('.basic_box').scrollTop;

      sections.forEach((section, index) => {
        const offsetTop = section.offsetTop;
        const offsetHeight = section.offsetHeight;
        if (scrollPosition >= (offsetTop -100) && scrollPosition < (offsetTop -100) + offsetHeight) {
          this.isClickColor = index +1;
        }
      });
    },
    taskOpen(i, stageIndex) {
      if (this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen) {
        this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = false;
      } else {
        this.unitJson[stageIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      }
      this.updateWork3(stageIndex);
      this.$forceUpdate();
    },
    goToTask2(i, stage) {
      this.toolIndexType = "";
      if (this.isClickColor == i + 1 && this.unitIndex == stage) {
        // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
        //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
        // } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          i
        ].toolOpen = true;
        // }
        this.$forceUpdate();
        return;
      }
      if (this.unitIndex != stage) {
        if (this.panUnitJson() == 2) {
          return;
        }
        this.unitSet(stage);
      }
      // if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen) {
      //   this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
      // } else {
      document.querySelectorAll(".basic_box")[0].scrollTop =
        document.querySelectorAll(".taskBorder")[i].offsetTop - 100;
      this.isClickColor = i + 1;
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true;
      // }
      this.$forceUpdate();
    },
    taskMove(type, index) {
      this.$confirm(
        this.lang.ssSwitchTaskDel,
        this.lang.ssTip,
        {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning",
        }
      )
        .then(() => {
          if (type == 1) {
            if (index > 0) {
              let a = JSON.parse(
                JSON.stringify(
                  this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                  index - 1
                  ]
                )
              );
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] =
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
            }
          } else {
            if (
              index <
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1
            ) {
              let a = JSON.parse(
                JSON.stringify(
                  this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
                  index + 1
                  ]
                )
              );
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] =
                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
            }
          }
          this.$forceUpdate();
        })
        .catch(() => {
          return;
        });
    },
    stageMove(type, index) {
      if (type == 1) {
        if (index > 0) {
          let a = JSON.parse(JSON.stringify(this.unitJson3[index - 1]));
          let acid = JSON.parse(
            JSON.stringify(this.unitJson3[index - 1].chapterInfo[0].chapterid)
          );
          let bcid = JSON.parse(
            JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
          );
          this.unitJson3[index - 1] = this.unitJson3[index];
          this.unitJson3[index] = a;
          this.unitJson3[index - 1].chapterInfo[0].chapterid = acid;
          this.unitJson3[index].chapterInfo[0].chapterid = bcid;
        }
      } else {
        if (index < this.unitJson3.length - 1) {
          let a = JSON.parse(JSON.stringify(this.unitJson3[index + 1]));
          let acid = JSON.parse(
            JSON.stringify(this.unitJson3[index + 1].chapterInfo[0].chapterid)
          );
          let bcid = JSON.parse(
            JSON.stringify(this.unitJson3[index].chapterInfo[0].chapterid)
          );
          this.unitJson3[index + 1] = this.unitJson3[index];
          this.unitJson3[index] = a;
          this.unitJson3[index + 1].chapterInfo[0].chapterid = acid;
          this.unitJson3[index].chapterInfo[0].chapterid = bcid;
        }
      }
      this.$forceUpdate();
    },
    addGroup(i) {
      // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
      this.groupJson.group.push({
        name: this.lang.ssGroup.replace(/\*/g, 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(this.lang.ssEnterNum);
        this.groupJson.number = "";
      }
    },
    numberPanJie() {
        if (/[^\d]/.test(this.courseJie) || this.courseJie < 1) {
            this.$message.error(this.lang.ssInputNum1)
            this.courseJie = 1
        }
    },
    numberPanTime() {
        if (/[^\d]/.test(this.courseTime) || this.courseTime < 1) {
            this.$message.error(this.lang.ssInputNum1)
            this.courseTime = 1
        }
    },
    addGroupJson() {
      for (var i = 0; i < this.groupJson.group.length; i++) {
        if (!this.groupJson.group[i].name) {
          this.$message.error(this.lang.ssFillInfo);
          return;
        }
      }
      if (!this.groupJson.number) {
        this.$message.error(this.lang.ssFillInfo);
        return;
      }
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].toolChoose[this.toolIndex].groupJson = JSON.parse(
        JSON.stringify(this.groupJson)
      );
      this.dialogVisibleGroup = false;
      this.groupJson = {};

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

      let array = [];
      for (var i = 0; i < this.inviteCode.length; i++) {
        array.push(this.inviteCode[i].cid);
      }
      if (array.indexOf(cid) != -1) {
        this.inviteCode[array.indexOf(cid)].ic = code;
      } else {
        this.inviteCode.push({ cid: cid, ic: code });
      }
    },
    OpenInviteD(cid) {
      let array = [];
      this.icode = "";
      for (var i = 0; i < this.inviteCode.length; i++) {
        array.push(this.inviteCode[i].cid);
      }
      if (array.indexOf(cid) != -1) {
        this.icode = this.inviteCode[array.indexOf(cid)].ic;
      }
      this.inviteId = cid;
      this.dialogVisibleInvite = true;
    },
    addInvite() {
      let reg = /^[A-Za-z0-9]{4,}$/;
      if (!reg.test(this.icode)) {
        this.$message.error(this.lang.ssInputCode);
        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(this.lang.ssCodeDup);
        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(this.lang.ssCodeDup);
            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 =  window.topU.document.querySelectorAll("#AIChat iframe")[0];
      let iframe2 =  window.topU.document.querySelectorAll("#AIChat aigpt")[0];
      if (!iframe && !iframe2) {
        return;
      }
      let copyData = iframe ? iframe.contentWindow.copyData : false;
      let copyData2 = iframe2 ? iframe2.contentWindow.copyData : false;
      if (copyData && copyData.stageData && copyData.stageData.length) {
        this.isPasteStage = true;
      }
      if (copyData2 && copyData2.stageData && copyData2.stageData.length) {
        this.isPasteStage = true;
      }
      if (copyData && copyData.selectData.length) {
        this.isPasteChoice = true;
      }
      if (copyData && copyData.tasksData && copyData.tasksData.length) {
        this.isPasteTask = true;
      }
      if (copyData2 && copyData2.tasksData && copyData2.tasksData.length) {
        this.isPasteTask = true;
      }
    },
    getPaste2() {
      let iframe = document.querySelectorAll(".interIframe")[0];
      const turndownService = new TurndownService();

      let confirm_next_step = (iframe && iframe.contentWindow) ? iframe.contentWindow.confirm_next_step : '';
      let work_area_text = (iframe && iframe.contentWindow) ? iframe.contentWindow.work_area_text : '';
      if(confirm_next_step){
        this.courseText += turndownService.turndown(confirm_next_step)
        iframe.contentWindow.confirm_next_step = ''
      }
      if(work_area_text && work_area_text.aiContent){
        this.courseText += turndownService.turndown(work_area_text.aiContent)
        iframe.contentWindow.work_area_text = ''
      }
    },
    textAreaChange(type, index){
      if(type == 'courseText'){
        this.addCourseBehavior('courseBehavior', `手动修改课程概况信息-${this.courseText}`)
      }
      if(type == 'targetCourseText2'){
        this.addCourseBehavior('courseBehavior', `手动修改课程目标信息-${this.targetCourseText2}`)
      }
      if(type == 'taskDetail2'){
        this.addCourseBehavior('courseBehavior', `手动修改任务${index+1}课程大纲信息-${this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2}`)
      }
      if(type == 'taskDetail3'){
        this.addCourseBehavior('courseBehavior', `手动修改任务${index+1}课程教案信息-${this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3}`)
      }
    },
    setCourseInfo(type){
      let courseInfo = ''
      let sub = []
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      if(this.courseName){
        courseInfo = `${this.lang.ssCourseColon}${this.courseName} `
      }
      if(mclass.length){
        courseInfo += `${this.lang.ssGradeColon}${mclass.join('，')} `
      }
      if(sub.length){
        courseInfo += `${this.lang.ssSubjColon}${sub.join('，')} `
      }
      console.log(courseInfo)
      window.course_info = courseInfo
      this.course_info = courseInfo
      window.course_lang = this.languageSetting
    },
    saveCourse(){
      if (this.cid == "" || this.cid == undefined) {
        this.addWork();
      } else {
        if (this.userid != this.courseUserid && this.role != "1") {
          this.updateWork2();
        } else {
          this.updateWork();
        }
      }
    },
    setCover($event, attempts = 0) {
      var _this = this;
      this.addCourseBehavior('courseBehavior', `修改课程名称-${this.courseName}`)
      _this.searchFileName = JSON.parse(JSON.stringify(_this.courseName))
      if (_this.cover.length || attempts >= 3) {
        return;
      }
      _this.findMatchingContents()
      _this.imageloading2 = true;
      _this.ajax
        .post("https://gpt.cocorobo.cn/search_image", {
          page: _this.ppage,
          pagesize: 9,
          query: _this.courseName,
        })
        .then(function (response) {
          var data = (response.data && response.data.FunctionResponse) ? response.data.FunctionResponse.result : '';
          if(data){
            _this.cover = [];
            setTimeout(() => {
              _this.cover[0] = {
                name: _this.lang.ssNetImgPng,
                url: data[0].thumbnail,
              };
              _this.imgChange1(null, null, 1, null);
              _this.$forceUpdate();
              _this.saveCourse()
            }, 0);
            _this.imageloading2 = false;
          }else {
            _this.imageloading2 = false;
            _this.setCover($event, attempts + 1);
          }
        })
        .catch(function (error) {
          _this.imageloading2 = false;
          _this.setCover($event, attempts + 1);
          console.log(error);
        });
    },
    searchImage() {
      var _this = this;
      _this.imageList = [];
      if (!_this.searchImageValue) {
        _this.sysPicVisible2 = true;
        return;
      }
      _this.imageloading = true;
      _this.ajax
        .post("https://gpt.cocorobo.cn/search_image", {
          page: _this.ppage,
          pagesize: 9,
          query: _this.searchImageValue,
        })
        .then(function (response) {
          // console.log(response.data.data);
          var data = response.data.FunctionResponse.result;
          for (var i = 0; i < data.length; i++) {
            _this.imageList.push({ url: data[i].thumbnail });
          }
          _this.imageloading = false;
        })
        .catch(function (error) {
          console.log(error);
        });
      _this.sysPicVisible2 = true;
    },
    changePicture() {
      this.ppage++;
      this.searchImage();
    },
    resetImage() {
      this.ppage = 1;
      this.searchImage();
    },
    jumpGj(i, j) {
      if (i + 1 != this.isClickColor) {
        this.isClickColor = i + 1;
      }
      var a = document.scrollingElement;
      this.toolIndexType = `gj${i}${j}`;
      let target = document.querySelector(`#gj${i}${j}`);
      if (target) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
        setTimeout(() => {
          target.scrollIntoView(true);
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
            j
          ].isFold3 = false;
          setTimeout(() => {
            this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
          }, 0);
        }, 0);
      }
    },
    jumpGj2(i, j, k) {
      if (this.unitIndex != k) {
        if (this.panUnitJson() == 2) {
          return;
        }
        this.unitSet(k);
      }
      setTimeout(() => {
        if (i + 1 != this.isClickColor) {
          this.isClickColor = i + 1;
        }
        var a = document.scrollingElement;
        this.toolIndexType = `gj${i}${j}${k}`;
        let target = document.querySelector(`#gj${i}${j}`);
        if (target) {
          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
          setTimeout(() => {
            target.scrollIntoView(true);
            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
              j
            ].isFold3 = false;
            setTimeout(() => {
              this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
            }, 0);
          }, 0);
        }
      }, 0);
    },
    dragStart(val, i, j) {
      console.log(this.taskCount);
      this.dragType = "drag";
      this.taskCount = j;
      this.oldIndex = i;
      this.oldData = val;
    },
    dragOver(i, j) {
      this.typeIndex = "chapter-" + j + "-" + i;
      this.newIndex = i;
    },
    dragEnd() {
      if (this.dragType != "drag") {
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.isdrag = "";
        return;
      }
      console.log(this.taskCount);

      let newItems = [
        ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
          .chapterData,
      ];
      // 删除老的节点
      newItems.splice(this.oldIndex, 1);
      // 在列表中目标位置增加新的节点
      newItems.splice(this.newIndex, 0, this.oldData);
      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.taskCount
      ].chapterData = [...newItems];
      this.typeIndex = "";
      this.newIndex = "";
      this.dragType = "";
      this.isdrag = "";
      this.$forceUpdate();
    },
    dragTaskStart(val, i, j) {
      this.dragType = "task";
      this.oldIndex = i;
      this.oldData = val;
      this.oldUnitIndex = j;
    },
    dragTaskOver(i, j) {
      this.typeIndex = "task-" + i;
      this.newIndex = i;
      this.checkUnitIndex = j;
    },
    async dragTaskEnd() {
      if (this.dragType != "task") {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        return;
      }
      if (
        this.newIndex == this.oldIndex &&
        this.oldUnitIndex == this.checkUnitIndex
      ) {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        return;
      }
      let count1 = await this.getWorksCount(
        2,
        this.checkUnitIndex,
        this.newIndex,
        0
      );
      let count2 = await this.getWorksCount(
        2,
        this.oldUnitIndex,
        this.oldIndex,
        0
      );
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          this.lang.ssTaskMoveAll,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
          .then(() => {
            if (this.oldUnitIndex != this.checkUnitIndex) {
              let newItems = [
                ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
              ];
              // 删除老的节点
              newItems.splice(this.oldIndex, 1);
              // 在列表中目标位置增加新的节点
              let newItems2 = [
                ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
              ];
              newItems2.splice(this.newIndex, 0, this.oldData);
              this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
                ...newItems,
              ];
              this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
                ...newItems2,
              ];
            } else {
              let newItems = [
                ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
              ];
              let chapterData = []
              if (this.oldIndex == 0) {
                chapterData = newItems[this.oldIndex].chapterData
                newItems[this.oldIndex].chapterData = []
              } else if (this.newIndex == 0) {
                chapterData = newItems[this.newIndex].chapterData
                newItems[this.oldIndex].chapterData = []
              }
              // 删除老的节点
              newItems.splice(this.oldIndex, 1);
              // 在列表中目标位置增加新的节点
              newItems.splice(this.newIndex, 0, this.oldData);
              if (this.oldIndex == 0 || this.newIndex == 0) {
                newItems[0].chapterData = chapterData
              }
              this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
                ...newItems,
              ];
            }
            this.moveWork(2, this.checkUnitIndex, this.newIndex, 0, this.oldUnitIndex, this.oldIndex, 0);
            this.typeIndex = "";
            this.newIndex = "";
            this.dragType = "";
            this.checkUnitIndex = "";
            this.isdrag = "";
            this.updateWork();
            this.$forceUpdate();
          })
          .catch(() => {
            this.newIndex = "";
            this.dragType = "";
            this.typeIndex = "";
            this.checkUnitIndex = "";
            this.isdrag = "";
            return;
          });
      } else {
        if (this.oldUnitIndex != this.checkUnitIndex) {
          let newItems = [
            ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
          ];
          // 删除老的节点
          newItems.splice(this.oldIndex, 1);
          // 在列表中目标位置增加新的节点
          let newItems2 = [
            ...this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson,
          ];
          newItems2.splice(this.newIndex, 0, this.oldData);
          this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
            ...newItems,
          ];
          this.unitJson[this.checkUnitIndex].chapterInfo[0].taskJson = [
            ...newItems2,
          ];
        } else {
          let newItems = [
            ...this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson,
          ];
          let chapterData = []
          if (this.oldIndex == 0) {
            chapterData = newItems[this.oldIndex].chapterData
            newItems[this.oldIndex].chapterData = []
          } else if (this.newIndex == 0) {
            chapterData = newItems[this.newIndex].chapterData
            newItems[this.oldIndex].chapterData = []
          }
          // 删除老的节点
          newItems.splice(this.oldIndex, 1);
          // 在列表中目标位置增加新的节点
          newItems.splice(this.newIndex, 0, this.oldData);
          if (this.oldIndex == 0 || this.newIndex == 0) {
            newItems[0].chapterData = chapterData
          }
          this.unitJson[this.oldUnitIndex].chapterInfo[0].taskJson = [
            ...newItems,
          ];
        }
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.checkUnitIndex = "";
        this.isdrag = "";
        this.updateWork();
        this.$forceUpdate();
      }
    },
    dragUnitStart(val, i) {
      this.dragType = "Unit";
      this.oldIndex = i;
      this.oldData = val;
    },
    dragUnitOver(i) {
      this.typeIndex = "Unit-" + i;
      this.newIndex = i;
      console.log(i, this.unitJson[i].toolOpen);
      if (!this.unitJson[i].toolOpen && this.dragType == "task") {
        this.unitJson[i].toolOpen = true;
        this.updateWork();
        this.$forceUpdate();
      }
    },
    async dragUnitEnd() {
      if (this.dragType != "Unit") {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.isdrag = "";
        return;
      }
      if (this.newIndex == this.oldIndex) {
        this.newIndex = "";
        this.dragType = "";
        this.typeIndex = "";
        this.isdrag = "";
        return;
      }
      let count1 = await this.getWorksCount(1, this.newIndex, 0, 0);
      let count2 = await this.getWorksCount(1, this.oldIndex, 0, 0);
      console.log(count1, count2);
      if (count1 > 0 || count2 > 0) {
        this.$confirm(
          this.lang.ssStageMove,
          this.lang.ssTip,
          {
            confirmButtonText: this.lang.ssConfirm,
            cancelButtonText: this.lang.ssCancel,
            type: "warning",
          }
        )
          .then(() => {
            let newItems = [...this.unitJson];
            // 删除老的节点
            newItems.splice(this.oldIndex, 1);
            // 在列表中目标位置增加新的节点
            newItems.splice(this.newIndex, 0, this.oldData);
            this.unitJson = [...newItems];
            this.moveWork(1, this.newIndex, 0, 0, this.oldIndex, 0, 0);
            this.typeIndex = "";
            this.newIndex = "";
            this.dragType = "";
            this.isdrag = "";
            this.updateWork();
            this.$forceUpdate();
          })
          .catch(() => {
            this.newIndex = "";
            this.dragType = "";
            this.typeIndex = "";
            this.isdrag = "";
            return;
          });
      } else {
        let newItems = [...this.unitJson];
        // 删除老的节点
        newItems.splice(this.oldIndex, 1);
        // 在列表中目标位置增加新的节点
        newItems.splice(this.newIndex, 0, this.oldData);
        this.unitJson = [...newItems];
        this.typeIndex = "";
        this.newIndex = "";
        this.dragType = "";
        this.isdrag = "";
        this.updateWork();
        this.$forceUpdate();
      }
    },
    getWorksCount(type, stage, task, tool) {
      return new Promise((resolve, reject) => {
        let params = [
          {
            cid: this.cid,
            stage: stage,
            task: task,
            tool: tool,
            type: type,
          },
        ];
        this.ajax
          .post(this.$store.state.api + "getCourseWorkCount", params)
          .then((res) => {
            let count = res.data[0][0].count;
            resolve(count);
          })
          .catch((err) => {
            resolve(0);
            this.$message.error(this.lang.ssNetPoor);
            console.error(err);
          });
      });
    },
    moveWork(type, nstage, ntask, ntool, ostage, otask, otool) {
      // type: int 类型
      // nstage, ntask, ntool: 新目标位置（目标单元/任务/工具）
      // ostage, otask, otool: 原始位置
      // this.cid 课程id
      let params = [
        {
          cid: this.cid,
          nstage: nstage,
          ntask: ntask,
          ntool: ntool,
          type: type,
          ostage: ostage,
          otask: otask,
          otool: otool
        }
      ];
      return this.ajax
        .post(this.$store.state.api + "moveCourseWork", params)
        .then(res => {
          console.log(res);
        })
        .catch(err => {
          console.error(this.lang.ssMoveFail);
          console.error(err);
          throw err;
        });
    },
    getTwoType(id) {
      this.twoJson = [];
      var array = this.CourseTypeJson1[
        "3f8eed32-aba9-11ee-b534-005056b86db5"
      ].filter((e) => {
        return e.ppid == id;
      });
      this.twoJson = array;
      this.$forceUpdate();
    },
    ctype() {
      this.oneJson =
        this.CourseTypeJson1["3c73702a-aba9-11ee-b534-005056b86db5"];
    },
    selectAllType1() {
      this.CourseType1 = [];
      this.CourseTypeJson1 = {};
      this.courseTypeId1 = {};
      this.$forceUpdate();
      let params = {
        org: this.org && this.org != "" ? this.org : "",
        oid: this.oid && this.oid != "" ? this.oid : "",
      };
      this.ajax
        .get(this.$store.state.api + "selectAllEvaType", params)
        .then((res) => {
          this.CourseType1 = res.data;
          for (var i = 0; i < res.data[0].length; i++) {
            if (res.data[0][i].id == "3c73702a-aba9-11ee-b534-005056b86db5") {
              res.data[0][i].name = this.lang.ssLevel1;
            } else if (
              res.data[0][i].id == "3f8eed32-aba9-11ee-b534-005056b86db5"
            ) {
              res.data[0][i].name = this.lang.ssLevel2;
            }
            if (!this.cid) {
              this.courseTypeId1[res.data[0][i].id] = [];
            }
            if (!this.CourseTypeJson1[res.data[0][i].id]) {
              this.CourseTypeJson1[res.data[0][i].id] = [];
            }

            // if (res.data[2].length == 0 && res.data[3].length == 0) {
            for (var j = 0; j < res.data[1].length; j++) {
              if (res.data[0][i].id == res.data[1][j].pid) {
                this.CourseTypeJson1[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
              }
            }
            // } else {
            if (res.data[2].length > 0) {
              for (var j = 0; j < res.data[2].length; j++) {
                if (res.data[0][i].id == res.data[2][j].pid) {
                  this.CourseTypeJson1[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
                }
              }
            }
            if (res.data[3].length > 0) {
              for (var j = 0; j < res.data[3].length; j++) {
                if (res.data[0][i].id == res.data[3][j].pid) {
                  this.CourseTypeJson1[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
                }
              }
            }
            // }
          }
          this.ctype();
          this.cetBoxDialog = true;
        })
        .catch((err) => {
          console.error(err);
        });
    },
    allEvaCan() {
      if (this.taskLoading.length) {
        let _pan = 1
        for (var k = 0; k < this.taskLoading.length; k++) {
          if (this.taskLoading[k]) {
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k + 1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if (_pan == 2) {
          return
        }
      }
      if (this.taskGLoading.length) {
        let _pan = 1
        for (var k = 0; k < this.taskGLoading.length; k++) {
          if (this.taskGLoading[k] && (this.taskGLoading[k][0] || this.taskGLoading[k][1] || this.taskGLoading[k][2])) {
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k + 1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if (_pan == 2) {
          return
        }
      }
      this.$confirm(this.lang.ssGenAllEvaSet, this.lang.ssTip, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
        customClass: 'custom-confirm-box'
      })
        .then(() => {

          let taskJson = this.unitJson[0].chapterInfo[0].taskJson
          for (var index = 0; index < taskJson.length; index++) {
            for (var j = 0; j < taskJson[index].toolChoose.length; j++) {
              if (this.panTaskElist() == 0 && this.pjIndex.indexOf(taskJson[index].toolChoose[j].tool[0]) != -1) {
                this.$refs['evalist' + index + j][0].openAiDialog('elist');
              }
            }
          }
        })
        .catch(() => {

        });
      setTimeout(() => {
        this.setTipsIndex()
      }, 500)
    },
    allEvaCan2(index) {
      if (this.taskLoading.length) {
        let _pan = 1
        for (var k = 0; k < this.taskLoading.length; k++) {
          if (this.taskLoading[k]) {
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k + 1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if (_pan == 2) {
          return
        }
      }
      if (this.taskGLoading.length) {
        let _pan = 1
        for (var k = 0; k < this.taskGLoading.length; k++) {
          if (this.taskGLoading[k] && (this.taskGLoading[k][0] || this.taskGLoading[k][1] || this.taskGLoading[k][2])) {
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k + 1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if (_pan == 2) {
          return
        }
      }
      let taskJson = this.unitJson[0].chapterInfo[0].taskJson
      for (var j = 0; j < taskJson[index].toolChoose.length; j++) {
        if (this.panTaskElist() == 0 && this.pjIndex.indexOf(taskJson[index].toolChoose[j].tool[0]) != -1) {
          this.$refs['evalist' + index + j][0].openAiDialog('elist');
        }
      }
      this.$message({
        message: this.lang.ssExecSucc,
        type: "success"
      });
    },
    setAiJson(pan,string,string2,string3){
      if(pan == 'aiTeacher2'){
        this.aiJson['teacherDetail2'] = string
      }else if(pan == 'aiRateRuleA'){
        this.aiJson['aiRateRule'] = string
      }else if(pan == 'aiOutline2'){
        this.aiJson['aiOutlineTask'] = string
        this.aiJson['aiOutlineDetail'] = string2
      }else if(pan == 'aiTeacher3'){
        this.aiJson['aiCpoteTask'] = string
        this.aiJson['teacherDetail2'] = string2
      }else if(pan == 'aiTask2'){
        this.aiJson['aiTask'] = string
      }else if(pan == 'aiTask3'){
        this.aiJson['aiTaskG1'] = string
        this.aiJson['aiTaskG2'] = string2
        this.aiJson['aiTaskG3'] = string3
      }else if(pan == 'aiteacherTextDetail'){
        this.aiJson['aiAbstract'] = string
      }else if(pan == 'aitargetTextDetail'){
        this.aiJson['aiTarget'] = string
      }else if(pan == 'aitargetTextDetail2'){
        this.aiJson['aiTarget2'] = string
      }else if(pan == 'aitargetTextDetail3'){
        this.aiJson['aiTargetGet'] = string
        this.aiJson['aiTarget2'] = string2
      }else {
        this.aiJson[pan] = string
      }
      this.aiText2 = ''
      this.aiText3 = ''
      this.$forceUpdate();
    },
    editTask3(index){
      if(this.unitJson[0].chapterInfo[0].taskJson[index].isTask3){
        this.unitJson[0].chapterInfo[0].taskJson[index].isTask3 = false
      }else {
        this.unitJson[0].chapterInfo[0].taskJson[index].isTask3 = true
      }
      setTimeout(() => {
          this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3 += "*0*%*";
          setTimeout(() => {
            this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3 = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3.replaceAll("*0*%*", "");
          }, 0);
      }, 100);
      this.$forceUpdate();
    },
    editTask2(index){
      if(this.unitJson[0].chapterInfo[0].taskJson[index].isTask2){
        this.unitJson[0].chapterInfo[0].taskJson[index].isTask2 = false
      }else {
        this.unitJson[0].chapterInfo[0].taskJson[index].isTask2 = true
      }
      setTimeout(() => {
          this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2 += "*0*%*";
          setTimeout(() => {
            this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2 = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2.replaceAll("*0*%*", "");
          }, 0);
      }, 100);
      this.$forceUpdate();
    },
    openRule(i, k){
      if(this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].isrule){
        this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].isrule = false
      }else {
        this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].isrule = true
      }
      setTimeout(() => {
          this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].rule += "*0*%*";
          setTimeout(() => {
            this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].rule = this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].rule.replaceAll("*0*%*", "");
          }, 0);
      }, 200);
      this.$forceUpdate();
    },
    editCpote(index){
      if(this.cpote[index]){
        this.cpote[index] = false
      }else {
        this.cpote[index] = true
      }
      setTimeout(() => {
          this.cpote[index.replace('s','')] += "*0*%*";
          setTimeout(() => {
            this.cpote[index.replace('s','')] = this.cpote[index.replace('s','')].replaceAll("*0*%*", "");
          }, 0);
      }, 100);
      this.$forceUpdate();
    },
    clickGenTT(){
      if(!this.teacherInfoData.length){
        this.$message.error(this.lang.ssPlsUpPlan);
        return;
      }
      this.addCourseBehavior('courseBehavior', '点击已有教案-一键只能总结生成按钮')
      this.openAiDialog(2, 'aiteacherTextDetail',1)
      setTimeout(() => {
        this.openAiDialog(2, 'aitargetTextDetail',1)
      }, 500);
    },
    async getUserName() {
      let params = { uid: this.userid };
      try {
        let res = await this.ajax.get(
          this.$store.state.api + "getUser",
          params
        );
        return res.data[0][0].name;
      } catch (err) {
        console.error(err);
      }
    },
    getCGN(type){
      let sub = [] //学科
      let mclass = [] //年纪
      let theme = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'][j].id) {
              theme.push(this.CourseTypeJson['34629bcc-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
        if(type == 1){
          return sub.join(",")
        }else if(type == 2){
          return mclass.join(",")
        }else if(type == 3){
          return theme.join(",")
        }
      }
    },
    async exportTeachPlan(){
      this.loading = true
      const zip = new JSZip();
      let md = new MarkdownIt();
      let courseText = this.courseText ? this.courseText : this.teacherCourseText
      let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
      let String = ''
      String += `<h1 style="text-align: center;">${this.courseName}</h1>`
      String += `<h2>${this.lang.ssCourseBasic}</h2>`
      String += `<div><strong>${this.lang.ssDesigner}</strong><span>${await this.getUserName()}</span></div>`
      String += `<div><strong>${this.lang.ssGradeColon}</strong><span></span>${this.getCGN(2)}</div>`
      String += `<div><strong>${this.lang.ssThemeColon}</strong><span></span>${this.getCGN(3)}</div>`
      String += `<div><strong>${this.lang.ssSubjColon}</strong><span></span>${this.getCGN(1)}</div>`
      if(courseText){
        String += `<h2>${this.lang.ssCourseOver}</h2>`
        String += md.render(courseText)
      }
      if(target){
        String += `<h2>${this.lang.ssCourseObj}</h2>`
        String += md.render(target)
      }

      String += `<h2>${this.lang.ssCoursePlan}</h2>`
      for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
        let _task = this.unitJson[0].chapterInfo[0].taskJson[i]
        // let name = _task.task+'-教案'
        let _html =  _task.taskDetail3 ? md.render(_task.taskDetail3) : ''
        if(!this.cid || !this.unitJson[0].chapterInfo[0].taskJson[i].chapterData.length){
          await this.generate(name, _html, i)
        }
        String += `<h3>${this.lang.ssTaskNum.replace(/\*/g, i+1)}</h3>`
        String += `<h4>${_task.task}</h4>`
        String += _html
        // let file = await this.generateExport(name, _html, i)

        // zip.file(`${name}.docx`, file, { binary: true })
      }
      await this.generateExport(this.courseName, String, i)
      setTimeout(() => {
          this.loading = false
      }, 2000);
      // zip.generateAsync({ type: "blob" }).then((content) => {
      //   // 生成二进制流
      //   saveAs(
      //     content,
      //     this.courseName + "-" + "教案.zip"
      //   ); // 利用file-saver保存文件  自定义文件名
      //   setTimeout(() => {
      //     this.loading = false
      //     // if(!this.cid){
      //     //   this.addWork(3)
      //     // }else{
      //     //   this.updateWork();
      //     //   this.steps = 4;
      //     // }
      //   }, 2000);
      // });

    },
    async exportTaskEA(){
      this.loading = true
      const zip = new JSZip();
      let md = new MarkdownIt();

      for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
        let _task = this.unitJson[0].chapterInfo[0].taskJson[i]
        for(var j = 0; j < _task.chapterData.length; j++){

          if(_task.chapterData[j].type == 3 && _task.chapterData[j].name.includes('学历案')){
            let file = await getFile(_task.chapterData[j].url)
            if (file.data != 1) {
              // 下载文件, 并存成ArrayBuffer对象
              const file_name = _task.chapterData[j].name; // 获取文件名
              const fileExt = file_name.split('.').pop(); // 获取文件后缀
              const fileNameWithoutExt = file_name.substring(0, file_name.length - fileExt.length - 1); // 获取文件名不包括后缀的部分
              // 判断是否有重复的文件名字
              if (!zip.file(file_name)) {
                zip.file(file_name, file.data, { binary: true }); // 逐个添加文件
              } else {
                // 如果有重复的文件名，则在文件名后添加序号
                let count = 1;
                let newFileName = fileNameWithoutExt;
                while (zip.file(`${newFileName}.${fileExt}`)) {
                  newFileName = `${fileNameWithoutExt}(${count})`;
                  count++;
                }
                zip.file(`${newFileName}.${fileExt}`, file.data, { binary: true });
              }
            }
          }
        }
        for(var j = 0; j < _task.toolChoose.length; j++){
          let tool = _task.toolChoose[j]
          if(tool.eList && tool.eList.length){
            let tableContent = this.lang.ssEvaTable + '\n| --- | --- | --- |\n';
            tool.eList.forEach(item => {
              tableContent += `| ${item.target} | ${item.detail} | ${item.rule.replaceAll('\n', ' ')} |\n`;
            });
            let html = md.render(tableContent);
            let name = this.lang.ssTaskToolEva.replace(/\*/g, i+1).replace(/\$/g, j+1)
            let file = await this.generateExport2(name, html, i)

            zip.file(`${name}`, file, { binary: true })
          }
        }

        // let file = await this.generateExport(name, _html, i)

        // zip.file(`${name}.docx`, file, { binary: true })
      }
      zip.generateAsync({ type: "blob" }).then((content) => {
        // 生成二进制流
        saveAs(
          content,
          this.courseName + "-" + this.lang.ssEvaDegreeZip
        ); // 利用file-saver保存文件  自定义文件名
        setTimeout(() => {
          this.loading = false
        }, 2000);
      });
    },
    async downloadFile(item){
      let data = await getFile(item.url)
      let file = new File([data.data], item.name);
      saveAs(file, item.name);
    },
    async addAppendixEva(i, j){
      let md = new MarkdownIt();

      let tool = this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose[j]
      if(tool.eList && tool.eList.length){
        let tableContent = this.lang.ssEvaTable + '\n| --- | --- | --- |\n';
        tool.eList.forEach(item => {
          tableContent += `| ${item.target} | ${item.detail} | ${item.rule.replaceAll('\n', ' ')} |\n`;
        });
        let html = md.render(tableContent);
        let name = this.lang.ssTaskToolEva.replace(/\*/g, i+1).replace(/\$/g, j+1)
        let file = await this.generateExport2(name, html, i)
        this.beforeUploadHtml(file, 0, "", 2)
      }
    },
    clickGenTT2(){
      if (this.courseName == "") {
        this.$message.error(this.lang.ssFillCourseName);
        return;
      }
      this.addCourseBehavior('courseBehavior', '点击课程简要描述-生成概况和目标按钮')
      let functionA = ''
      if(this.templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && this.templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'){
        // setTimeout(() => {
          // this.openAiDialog(2, 'aitargetTextDetail2',1)
        //   this.openAiDialog(2, 'aitargetTextDetail3',1)
        // }, 500);
        functionA = ()=>{
          this.openAiDialog(2, 'aitargetTextDetail3',1)
        }
      }

      this.openAiDialog(2, 'aiDetail',1, functionA)
      if(this.templateid != '4480d65a-1e48-11ef-bee5-005056b86db5' && this.templateid != 'cf5722a4-401b-11ef-b873-005056b86dc3'){
        // setTimeout(() => {
          // this.openAiDialog(2, 'aitargetTextDetail2',1)
        //   this.openAiDialog(2, 'aitargetTextDetail3',1)
        // }, 500);
      }

      this.courseTextBool = true
    },
    changeIsuseT(){
      if(this.isuseT == 1){
        this.courseTextB = false
      }else if(this.isuseT == 2){
        navigator.mediaDevices.getUserMedia({ audio: true })
          .then(stream => {
            console.log('获取录音权限成功');
          })
          .catch(err => {
            this.$message.error(this.lang.ssRecordFail)
            console.error('获取录音权限失败:', err);
          });
      }else{
        if(this.courseText){
          this.courseTextB = false
        }else{
          this.courseTextB = true
        }
      }
      this.interSetting = false
      this.interPan = true
    },
    changeLang(){
      window.course_lang = this.languageSetting
    },
    openInterPanSetting(){
      this.interSetting = !this.interSetting
      if(this.interSetting){
        if(this.istemplate == 1){
          this.agentid = this.aiJson.agentid
        }else {
          this.agentid = this.aiJson.sagentid
        }
      }else {
        this.agentid = ''
      }
    },
    openInterPanSetting2(){
      this.interSetting = !this.interSetting
      if(this.interSetting){
        this.r_agentid = this.aiJson.recordAgentid
      }else {
        this.r_agentid = ''
      }
    },
    setAgentid(){
      if(!this.agentid.trim()){
        this.$message.error(this.lang.ssPlsWorkflow)
        return;
      }
      if(this.istemplate == 1){
        this.aiJson.agentid = this.agentid.trim()
      }else {
        this.aiJson.sagentid = this.agentid.trim()
      }
      this.interFlash = false
      setTimeout(() => {
        this.interFlash = true
      }, 100);
      this.interSetting = false
    },
    setAgentid2(){
      if(!this.r_agentid.trim()){
        this.$message.error(this.lang.ssPlsWorkflow)
        return;
      }
      this.aiJson.recordAgentid = this.r_agentid.trim()
      this.interSetting = false
    },
    rebuildAgentid(){
      this.aiJson.sagentid = ''
      this.interFlash = false
      setTimeout(() => {
        this.interFlash = true
      }, 100);
      this.interSetting = false
    },
    cancelInterSetting(){
      this.agentid = ''
      this.interSetting = false
    },
    cancelInterSetting2(){
      this.r_agentid = ''
      this.interSetting = false
    },
    openAiDialog2(clickType, type, callback, index, tindex){
      if (this.taskLoading.length) {
        let _pan = 1
        for(var k = 0; k < this.taskLoading.length; k++){
          if(this.taskLoading[k]){
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k+1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if(_pan == 2){
          return
        }
      }
      if(this.taskGLoading.length){
        let _pan = 1
        for(var k = 0; k < this.taskGLoading.length; k++){
          if(this.taskGLoading[k] && (this.taskGLoading[k][0] || this.taskGLoading[k][1] || this.taskGLoading[k][2])){
            this.$message({
              message: this.lang.ssWaitTaskCont.replace(/\*/g, k+1),
              type: "warning"
            });
            _pan = 2
          }
        }
        if(_pan == 2){
          return
        }
      }
      let pan2 = 1
      let taskJson = this.unitJson[0].chapterInfo[0].taskJson
      for(var _index = 0; _index < taskJson.length; _index++){
        for (var j = 0; j < taskJson[_index].toolChoose.length; j++) {
          if(this.panTaskElist() == 0 && this.pjIndex.indexOf(taskJson[_index].toolChoose[j].tool[0]) != -1){
            if(this.$refs['evalist'+_index+j] && this.$refs['evalist'+_index+j][0].loading){
              this.$message({
                message: this.lang.ssWaitTaskCont.replace(/\*/g, _index+1),
                type: "warning"
              });
              pan2 = 2
            }
          }
        }
      }
      if(pan2 == 2){
        return
      }
      this.$confirm(this.lang.ssRegenAffect, this.lang.ssTip, {
        confirmButtonText: this.lang.ssConfirm,
        cancelButtonText: this.lang.ssCancel,
        type: "warning",
        customClass: 'custom-confirm-box'
      })
        .then(() => {
          // if ((this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") && type == "aiTeacher2") {
          //   this.openAiDialog(clickType, 'aiTeacher')
          // }else {
            this.openAiDialog(clickType, type, callback, index, tindex)
          // }
        })
        .catch(() => {

        });
      setTimeout(() => {
        this.setTipsIndex()
      }, 500)
    },
    async openAiDialog(clickType, type, callback, index, tindex) {
      let fileid = this.isFileSearch ? [...this.fileIds] : []
      fileid = [...fileid]
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          if(this.infoData[i].fileid){
            fileid.push(this.infoData[i].fileid)
          }else {
            let _fileid = await this.createFileid(this.infoData[i].url)
            if(_fileid){
              this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      fileid = [...fileid, ...this.knowFileids, ...this.knowFileids2]
      if(fileid.length > 30){
        this.$message.error(this.lang.ssFileLimit30)
        return;
      }
      if(clickType == 1 && this.tipsJson.istips == 1 && this.istemplate != 1 && this.tipsJson.userid != this.userid && this.userid != '5943e08c-b7d4-11ed-8d51-005056b86db5'){
        this.$message.error(this.lang.ssNoPermTip);
        return;
      }
      if(!this.teacherInfoData.length && (type == 'aiteacherTextDetail' || type == 'aitargetTextDetail')){
        this.$message.error(this.lang.ssPlsUpPlan);
        return;
      }
      if (this.courseName == "") {
        this.$message.error(this.lang.ssFillCourseName);
        return;
      }
      this.aiText2 = ''
      this.clickType = clickType
      let sub = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      if (type == "aiDetail") {
        if (this.ttextLoading) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiDetail"
        // this.aiText = `请根据${this.courseText}设计一个名为${this.courseName}的${sub.length ? sub.join(",") + "学科的" : ""}，面向${this.getListClassC(this.checkboxList2)}的项目式学习课程。`
        this.aiText = this.aiJson.aiDetail
        this.aiCallBack = [callback, index]
      } else if (type == "aiOutline") {
        this.aitype = "aiOutline"
        // this.aiText = `请根据${this.courseText}设计一个名为${this.courseName}的${sub.length ? sub.join(",") + "学科的" : ""}，面向${this.getListClassC(this.checkboxList2)}的项目式学习课程设计序列教学活动（需要每个任务都需要至少50个token的详细描述），每个教学活动的活动设计（可以直接使用文件内容）以及每个教学活动的评价量规（学生能做到...）。`
        this.aiText = this.aiJson.aiOutline
      } else if (type == "aiOutline2") {
        this.aitype = "aiOutline2"
        // this.aiText = `请根据${this.courseText}设计一个名为${this.courseName}的${sub.length ? sub.join(",") + "学科的" : ""}，面向${this.getListClassC(this.checkboxList2)}的项目式学习课程设计序列教学活动（需要每个任务都需要至少50个token的详细描述），每个教学活动的活动设计（可以直接使用文件内容）以及每个教学活动的评价量规（学生能做到...）。`
        this.aiText = this.aiJson.aiOutlineTask
        this.aiText2 = this.aiJson.aiOutlineDetail
      } else if (type == "aiOutlineDetail2") {
        if (this.ttaskDetailLoading.indexOf('task-' + callback) !== -1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        if(!this.unitJson[0].chapterInfo[0].taskJson[callback].task){
          this.$message.error(this.lang.ssEnterTask)
          return;
        }

        this.aitype = type
        this.aiCallBack = callback
        this.aiText = this.aiJson.aiOutlineDetail2
      } else if (type == "aiTask") {
        this.aitype = "aiTask"
        var _text = ""
        for (var i = 0; i < this.teacherText.length; i++) {
          _text += `任务名称：${this.teacherText[i].task} 教案：${this.teacherText[i].detail.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}`
        }
        // this.aiText = `请根据${_text}。`
        this.aiText = this.aiJson.aiTask
        this.aiCallBack = callback
      } else if (type == "aiTask2") {
        if (this.taskLoading[callback]) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiTask2"
        this.aiText = this.aiJson.aiTask
        this.aiCallBack = [callback, index]
      } else if (type == "aiTask3") {
        if (this.taskGLoading[callback] && (this.taskGLoading[callback][0] || this.taskGLoading[callback][1] || this.taskGLoading[callback][0][2])) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiTaskG1
        this.aiText2 = this.aiJson.aiTaskG2
        this.aiText3 = this.aiJson.aiTaskG3
        this.aiCallBack = [callback, index]
      } else if (type == "aiTaskG3") {
        if (this.taskGLoading[callback] && this.taskGLoading[callback][0] && (this.taskGLoading[callback][0][2])) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiTaskG3
        this.aiCallBack = callback
      } else if (type == "aiTaskG2") {
        if (this.taskGLoading[callback] && this.taskGLoading[callback][0] && (this.taskGLoading[callback][0][1])) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        if(callback != 'all' && !this.unitJson[0].chapterInfo[0].taskJson[callback].taskDetail3){
          this.$message({
            message: this.lang.ssGenTaskPlan.replace(/\*/g, callback),
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiTaskG2
        this.aiCallBack = callback
      } else if (type == "aiDetail1") {
        if (this.ttaskDetailLoading.indexOf('task-' + index) !== -1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiDetail1"
        // this.aiText = `请帮我优化下列文字内容，更具象化更详细，输出文本格式就行不要带有其他格式\n${callback}`
        // this.aiText = `请根据${callback}，重新设计该教学任务。任务需要至少50个token的详细描述，包含任务设计，评价标准 \n`
        this.aiText = this.aiJson.aiDetail1
        this.aiCallBack = callback
        this.aiIndex = index
      } else if (type == "aiDetail2") {
        if (this.ttaskDetailLoading2.indexOf('task-' + index) !== -1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiDetail2"
        // this.aiText = `请你在考虑到整个课程的情况下，优化该任务描述和任务名：${callback.task}：${callback.taskDetail}`
        this.aiText = this.aiJson.aiDetail2
        this.aiCallBack = callback
        this.aiIndex = index
      } else if (type == "aiDetail3") {
        if (this.ttaskDetailLoading3.indexOf('task-' + index + tindex) !== -1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiDetail3"
        this.aiText = this.aiJson.aiDetail3
        this.aiIndex = index + '-' + tindex
      } else if (type == "aiDetail4") {
        var _text = ""
        if(callback && callback.length){
          for (var i = 0; i < callback.length; i++) {
            _text += `评价维度：${callback[i].value} 维度描述：${callback[i].detail} `
          }
        }
        this.aitype = "aiDetail4"
        this.aiText = this.aiJson.aiDetail4
        this.aiIndex = index
      } else if (type == "aiTeacher") {
        this.aitype = "aiTeacher"
        var _text = ""
        for (var i = 0; i < this.dArray.length; i++) {
          _text += `任务名称：${this.dArray[i].task} 任务描述：${this.dArray[i].detail} \n`
        }
        // this.aiText = `请根据${_text}为每个教学任务设计详细的教案，其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。`
        this.aiText = this.aiJson.aiTeacher
        this.aiCallBack = callback

      } else if (type == "aiTeacher2") {
        if(this.ttaskDetailLoading5.length){
          let num = parseInt(this.ttaskDetailLoading5[0].split("task-")[1]) + 1
          this.$message({
            message: this.lang.ssPlanTaskNotGen.replace(/\*/g, num),
            type: "warning"
          });
          return
        }
        this.aitype = "aiTeacher2"
        this.aiText = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
      } else if (type == "aiTeacher3") {
        this.aitype = type
        this.aiText = this.aiJson.aiCpoteTask
        this.aiText2 = this.aiJson.teacherDetail2
      } else if (type == "teacherDetail") {
        if (this.ttaskDetailLoading5.indexOf('task-' + index) !== -1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }

        this.aitype = "teacherDetail"
        // this.aiText = `请根据${callback}\n重新设计该教案。其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。`
        this.aiText = this.aiJson.teacherDetail
        this.aiCallBack = callback
        this.aiIndex = index
      } else if (type == "teacherDetail2") {
        if(!this.unitJson[0].chapterInfo[0].taskJson[index].task){
          this.$message.error(this.lang.ssEnterTask)
          return;
        }

        if (this.ttaskDetailLoading5.indexOf('task-' + index) !== -1) {
          // this.$message({
          //   message: "请回答完毕后再次发送",
          //   type: "warning"
          // });
          // return;
          this.$confirm(this.lang.ssNotGenRegen, this.lang.ssTip, {
            confirmButtonText: this.lang.ssConfirmRegen,
            cancelButtonText: this.lang.ssCancel,
            distinguishCancelAndClose: true,
            type: "warning",
            customClass: 'custom-confirm-box'
          })
            .then(() => {

              if(this.isTeacherTaskCancelToken2 && this.isTeacherTaskCancelToken2[index]){
                this.isTeacherTaskCancelToken2[index].cancel('Request canceled by the user.');
                this.isTeacherTaskCancelToken2[index] = null;
              }
              this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf('task-' + index), 1)
              this.ttaskDetailLoading5.splice(this.taskDetailLoading5.indexOf('task-' + index), 1)
              if(this.isTeacherTaskCancelSource[index]){
                this.isTeacherTaskCancelSource[index].close()
                this.isTeacherTaskCancelSource[index] = null
              }
              this.aitype = "teacherDetail2"
              // this.aiText = `请根据${callback}\n重新设计该教案。其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。`
              this.aiText = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
              this.aiCallBack = callback
              this.aiIndex = index
              this.dialogVisibleAiD = true
          }).catch((v) => {
            console.log(v);
          })
          setTimeout(() => {
            this.setTipsIndex()
          }, 500)
          return;
        }else {
          this.aitype = "teacherDetail2"
          // this.aiText = `请根据${callback}\n重新设计该教案。其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。`
          this.aiText = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
          this.aiCallBack = callback
          this.aiIndex = index
          this.dialogVisibleAiD = true
        }



      } else if (type == "aiCpote1") {
        if (this.cpotetLoading.cpote1) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiCpote1"
        this.aiText = this.aiJson.cpote1
        this.aiCallBack = callback
      } else if (type == "aiCpote2") {
        if (this.cpotetLoading.cpote2) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiCpote2"
        this.aiText = this.aiJson.cpote2
        this.aiCallBack = callback
      } else if (type == "aiCpote3") {
        if (this.cpotetLoading.cpote3) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiCpote3"
        this.aiText = this.aiJson.cpote3
        this.aiCallBack = callback
      } else if (type == "aiCpote4") {
        if (this.cpotetLoading.cpote4) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = "aiCpote4"
        this.aiText = this.aiJson.cpote4
        this.aiCallBack = callback
      } else if (type == 'aiteacherTextDetail'){
        if (this.tteacherTextLoading) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiAbstract
        this.aiCallBack = callback
      } else if (type == 'aitargetTextDetail'){
        if (this.ttargetTextLoading) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiTarget
        this.aiCallBack = callback
      } else if (type == 'aitargetTextDetail2'){
        if (this.ttargetTextLoading2) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        this.aitype = type
        this.aiText = this.aiJson.aiTarget2
        this.aiCallBack = callback
      } else if (type == 'aitargetTextDetail3'){
        if (this.ttargetTextLoading2) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }
        if(!this.courseText){
          this.$message.error(this.lang.ssGenDescTarget);
          return;
        }
        this.$nextTick(() => {
          const targetDiv = this.$refs.aitargetTextDetail3;
          if (targetDiv) {
            targetDiv.scrollIntoView();
          }
        });
        this.aitype = type
        this.aiText = this.aiJson.aiTargetGet
        this.aiText2 = this.aiJson.aiTarget2
        this.aiCallBack= callback
      } else if (type == 'aiSearchFile'){
        if(this.fileSLoading) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }

        this.aitype = type
        this.aiText = this.aiJson.aiSearchFile
      } else if (type == 'aiSearchFile2'){
        if(this.fileSLoading) {
          this.$message({
            message: this.lang.ssPlsAnswer,
            type: "warning"
          });
          return;
        }

        this.aitype = type
        this.aiText = `用户将提供给你一份课程基本信息（包含课程标题，年级，学科），你的任务是，针对课程基本信息，分学科的去你的知识库中寻找与该课程匹配的内容（每个学科都返回至少5条），输出匹配到的课标原文和原文的文件名。返回原文，返回原文。输出语言为简体中文。尽可能地找到匹配内容。

#输出样例
<学科1>：关键词
- 匹配到的内容1
- 匹配到的内容2
- 匹配到的内容3
- 匹配到的内容4
- 匹配到的内容5

<学科2>：关键词
- 匹配到的内容1
- 匹配到的内容2
- 匹配到的内容3
- 匹配到的内容4
- 匹配到的内容5

...
<学科n>：关键词
- 匹配到的内容1
- 匹配到的内容2
- 匹配到的内容3
- 匹配到的内容4
- 匹配到的内容5
`
      } else if (type == 'aiRateRule'){
        this.aitype = type
        this.aiText = this.aiJson.aiRateRule
        this.aiCallBack = [callback, index]
      } else if (type == 'aiRateRuleA'){
        this.$confirm(this.lang.ssGenAllDim, this.lang.ssTip, {
          confirmButtonText: this.lang.ssGenAll,
          cancelButtonText: this.lang.ssGenThisTask,
          distinguishCancelAndClose: true,
          type: "warning",
        })
          .then(() => {
            this.aitype = type
            this.aiText = this.aiJson.aiRateRule
            this.aiCallBack = [1,callback]
            this.dialogVisibleAiD = true
        }).catch((v) => {
          console.log(v);
          if (v == "cancel") {
            this.aitype = type
            this.aiText = this.aiJson.aiRateRule
            this.aiCallBack = [2,callback]
            this.dialogVisibleAiD = true
          }
        })
      }

      if(type != 'aiRateRuleA' && type != 'teacherDetail2'){
        this.dialogVisibleAiD = true
      }
    },
    async aiConfirm(msg,msg2,msg3) {
      let sub = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      if (this.aitype == "aiDetail") {
        this.detailYou(msg)
      } else if (this.aitype == "aiOutline") {
        this.loading = true
// ${this.getListClassC(this.checkboxList2) ?  '班级：' + this.getListClassC(this.checkboxList2) : "无"}
// ${this.infoData.length ? '使用文件检索的方式完整的去分析文件内容，并请完全按照要求输出。' : ''}
// let txt = (!this.yiKeTemplateArray.includes(this.templateid)) ? '任务设计、评价标准和教学目标（markdown格式）' : '任务设计和评价标准'
let txt = (!this.yiKeTemplateArray.includes(this.templateid)) ? `  **子教学目标**：子教学目标是课程目标在该任务的分解目标，撰写格式同子教学目标
  **过程性成果**：过程性成果是最终成果的一部分或者是中间成果（例如背景设计-大纲-章节-童话）
  **子评价标准**：以学生能做到...开始，需要匹配子教学目标和教学任务和过程性成果  ` : `  **子教学目标**：子教学目标是课程目标在该任务的分解目标，撰写格式同子教学目标
  **过程性成果**：过程性成果是最终成果的一部分或者是中间成果（例如背景设计-大纲-章节-童话）
  **子评价标准**：以学生能做到...开始，需要匹配子教学目标和教学任务和过程性成果  `
  if(this.languageSetting == 2){
    txt = `  **Sub-Objectives**：子教学目标是课程目标在该任务的分解目标，撰写格式同子教学目标
  **Formative Outcomes**：过程性成果是最终成果的一部分或者是中间成果（例如背景设计-大纲-章节-童话）
  **Sub-Criteria**：以学生能做到...开始，需要匹配子教学目标和教学任务和过程性成果  `
  }
let courseText = this.courseText ? this.courseText : this.teacherCourseText
let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
// ${this.templatePan.includes(this.templateid) ? '课程节数：'+this.courseJie+'节' : ''}
// ${this.templatePan.includes(this.templateid) ? '课程时长：'+this.courseTime+'min' : ''}
        let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Output: Provide your output in json format.
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 以及##参考资料

## 参考资料
课程名字：${this.courseName} ${courseText ? '课程简要描述：' + courseText : ''} ${sub.length ? '学科：' + sub.join(",") : ''} ${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${target ? '课程目标：' + target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
detail至少输出300tokens，markdown格式输出。
detail包含子教学目标、过程性成果、子评价标准
子教学目标：子教学目标是课程目标在该任务的分解目标，撰写格式同子教学目标
过程性成果：过程性成果是最终成果的一部分或者是中间成果（例如背景设计-大纲-章节-童话）
子评价标准：以学生能做到...开始，需要匹配子教学目标和教学任务和过程性成果
task2输出子任务名称但是不要输出序号或者前缀仅输出名称

# Format example`
message = message.replaceAll('\n', ' ')
message+=`\n[{"task": "任务名称","task2": "子任务名称","detail": "${txt}"},{"task": "任务名称","task2": "子任务名称","detail": "${txt}"}]

Instruction: Based on the context, follow "Format example", write content.`.replaceAll('*','')
// detail输出不要输出成json，文本或者markdown都可以
        this.aiGet2(message, () => {
          this.loading = false
          this.isOutline = true
        })
      } else if (this.aitype == "aiOutline2") {
        this.loading = true
        let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
//         ${this.templatePan.includes(this.templateid) ? '课程节数：'+this.courseJie+'节' : ''}
// ${this.templatePan.includes(this.templateid) ? '课程时长：'+this.courseTime+'min' : ''}
        let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 以及##参考资料

## 参考资料
课程名字：${this.courseName}
${this.courseText ? '课程简要描述：' + this.courseText : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${target ? '课程目标：' + target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

# Format example
[{"task": "任务1的名字"}, {"task": "任务2的名字"}, {"task": "任务3的名字"}, {"task": "任务n的名字"}]`

        this.aiGetTask2(message, () => {
          this.loading = false
          this.isOutline = true
        })
      } else if (this.aitype == "aiOutlineDetail2") {
        this.aiOutlineDetail2(this.aiJson.aiOutlineDetail2, this.aiCallBack)
      } else if (this.aitype == "aiTask") {
        var _text = ""
        for (var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
          _text += `任务名称：${this.unitJson[0].chapterInfo[0].taskJson[i].task} 任务描述：${this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')} \n`
        }
        let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数组的数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 为**每个教学任务分别输出**以下内容。
 
${(this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '#目标层\n'+this.cpote.cpote3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')+'\n\n#任务簇\n'+this.cpote.cpote4.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

## 参考资料
教学任务教案：${_text}

## 格式要求
任务数量：${this.unitJson[0].chapterInfo[0].taskJson.length}个
任务描述：用老师的身份以友好，但是又清晰明确的口吻来撰写该描述，该描述教师给与学生的指示（用于指导学生如何进行每个教学活动），对应到学生活动，输出内容至少200tokens
评价标准：至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....
工具名：从工具列表中选择0~2个工具用于学生阶段性成果提交:工具列表:电子白板，文档，思维导图，表格，作业提交，问答，选择题，只在这几个工具里选
工具描述：用同学的方式以友好亲切，明确的口吻告诉学生该如何使用该工具
出现选择题和问答题的概率提高
生成${this.unitJson[0].chapterInfo[0].taskJson.length}个任务
 
# Format example
[{"detail":"面向学生的任务描述","elist":[{"value":"评价名字1","detail":"评价维度1","score":5},{"value":"评价名字2","detail":"评价维度2","score":5},{"value":"评价名字3","detail":"评价维度3","score":5}],"toolChoose":[{"tool":"工具名","detail":"工具描述"},{"tool":"工具名","detail":"工具描述"}]},{"detail":"面向学生的任务描述","elist":[{"value":"评价名字1","detail":"评价维度1","score":5},{"value":"评价名字2","detail":"评价维度2","score":5},{"value":"评价名字3","detail":"评价维度3","score":5}],"toolChoose":[]},{"detail":"面向学生的任务描述","elist":[{"value":"评价名字1","detail":"评价维度1","score":5},{"value":"评价名字2","detail":"评价维度2","score":5},{"value":"评价名字3","detail":"评价维度3","score":5}],"toolChoose":[{"tool":"工具名","detail":"工具描述"}]}]`
        this.loading = true
        this.aiGet3(message, this.aiCallBack)
      } else if (this.aitype == "aiTask2") {
        if(this.aiCallBack[0] == 'all'){
          for(var _task = 0; _task < this.unitJson[0].chapterInfo[0].taskJson.length; _task++){
            var _text = `任务名称：${this.unitJson[0].chapterInfo[0].taskJson[_task].task} 任务描述：${this.unitJson[0].chapterInfo[0].taskJson[_task].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')} \n`
            let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数组的数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 为教学任务分别输出以下内容。
 
${(this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '#目标层\n'+this.cpote.cpote3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')+'\n\n#任务簇\n'+this.cpote.cpote4.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

## 参考资料
教学任务教案：${_text}

## 格式要求
任务描述：用老师的身份以友好，但是又清晰明确的口吻来撰写该描述，该描述教师给与学生的指示（用于指导学生如何进行每个教学活动），对应到学生活动，输出内容至少200tokens
评价标准：至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，维度描述，评价目标，以及评价目标是根据<教学任务教案>提取关于这个评价维度的目标，还有该维度中教师期待学生的表现，维度描述的句式为学生应该能....
工具名：从工具列表中选择0~2个工具用于学生阶段性成果提交:工具列表:电子白板，文档，思维导图，表格，作业提交，问答，选择题，只在这几个工具里选
工具描述：用同学的方式以友好亲切，明确的口吻告诉学生该如何使用该工具
出现选择题和问答题的概率提高，然后根据<教学任务教案>判断是否需要选择题或者问答题
 
# Format example
{"detail":"面向学生的任务描述","elist":[{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5}],"toolChoose":[{"tool":"工具名","detail":"工具描述"},{"tool":"工具名","detail":"工具描述"}]}`
            this.taskLoading[_task] = true
            this.aiGet32(message, _task)
          }
        }else{
          var _text = `任务名称：${this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack[0]].task} 任务描述：${this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack[0]].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')} \n`
          let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数组的数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 为教学任务分别输出以下内容。
 
${(this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '#目标层\n'+this.cpote.cpote3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')+'\n\n#任务簇\n'+this.cpote.cpote4.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

## 参考资料
教学任务教案：${_text}

## 格式要求
任务描述：用老师的身份以友好，但是又清晰明确的口吻来撰写该描述，该描述教师给与学生的指示（用于指导学生如何进行每个教学活动），对应到学生活动，输出内容至少200tokens
评价标准：至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，维度描述，评价目标，以及评价目标是根据<教学任务教案>提取关于这个评价维度的目标，还有该维度中教师期待学生的表现，维度描述的句式为学生应该能....
工具名：从工具列表中选择0~2个工具用于学生阶段性成果提交:工具列表:电子白板，文档，思维导图，表格，作业提交，问答，选择题，只在这几个工具里选
工具描述：用同学的方式以友好亲切，明确的口吻告诉学生该如何使用该工具
出现选择题和问答题的概率提高，然后根据<教学任务教案>判断是否需要选择题或者问答题
 
# Format example
{"detail":"面向学生的任务描述","elist":[{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5}],"toolChoose":[{"tool":"工具名","detail":"工具描述"},{"tool":"工具名","detail":"工具描述"}]}`
          this.taskLoading[this.aiCallBack[0]] = true
          this.aiGet32(message, this.aiCallBack[0])
        }
        this.aiCallBack[1] ? this.aiCallBack[1]() : ''
      } else if (this.aitype == "aiTask3") {
        if(this.aiCallBack[0] == 'all'){
          for(var _task = 0; _task < this.unitJson[0].chapterInfo[0].taskJson.length; _task++){
            if(!this.taskGLoading[_task]){
              this.taskGLoading[_task] = []
              this.ttaskGLoading[_task] = []
            }
            this.taskGLoading[_task][0] = true
            this.ttaskGLoading[_task][0] = true
            // this.taskGLoading[_task][1] = true
            // this.taskGLoading[_task][2] = true

            // this.aiGetG323(message3, _task)
          }

          let ij = 0;
          let _this = this
          function processNext() {
            if (ij < _this.unitJson[0].chapterInfo[0].taskJson.length) {
              if(!_this.taskGLoading[ij][0]){
                ij++;
                processNext();
                return;
              }
              let message1 = `NOTICE
Role: 你是一名教师，你正在使用一个在线学习平台来教授学生，你已经完成了教案，你现在需要将教案变为学生上课用的任务单（work sheet）。该在线学习平台为每个任务提供了资源区（视频，ppt，阅读资料将放在这里），多种互动工具（学生点击工具即可上传他们的作业或者回答，这些互动工具类似kahoot一样允许教师轻松收集，统计，追踪学生作业），以及和任务绑定的目标和评价系统。
Language: ${_this.getLang()}

# Context
## 要求
${msg}


## 参考资料
教学任务教案：${_this.unitJson[0].chapterInfo[0].taskJson[ij].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# 输出格式与要求
任务描述（告诉学生他们需要做什么）：
任务描述：从教案中提取并且**改写**，改写为教师给与学生的指示（用于指导学生如何进行该教学活动），对应到学生活动，你应该用友好，但是又清晰明确的口吻来撰写。内容至少200个token，你需要详细的描述该任务该如何做）。

# 范例
亲爱的同学们，今天我们将一起探索热是如何在不同的环境中传递的。\n我们将通过一系列有趣的实验来观察热在水中的传递过程。请大家准备好实验材料，并确保遵循安全指南。我们将使用感温粉末或红墨水来帮助我们直观地看到热是如何在水中移动的。\n在实验过程中，请大家仔细观察并记录你的发现，我们将一起讨论热对流是如何形成的。\n不要忘记，实验后我们要分享我们的观察结果，并探讨热对流在我们生活中的应用。让我们一起揭开热传递的神秘面纱吧！`

              _this.aiGetG321L(message1, ij, (callback2) => {
                // _this.aiGetG322(message2, ij, callback2);
                callback2 ? callback2() : ''
              }, () => {
                // 回调函数，当前任务完成后执行
                ij++;
                processNext(); // 处理下一个任务
              });
            }
          }

          processNext(); // 启动处理


          this.aiCallBack[1] ? this.aiCallBack[1]() : ''

        }else{
          let message1 = `NOTICE
Role: 你是一名教师，你正在使用一个在线学习平台来教授学生，你已经完成了教案，你现在需要将教案变为学生上课用的任务单（work sheet）。该在线学习平台为每个任务提供了资源区（视频，ppt，阅读资料将放在这里），多种互动工具（学生点击工具即可上传他们的作业或者回答，这些互动工具类似kahoot一样允许教师轻松收集，统计，追踪学生作业），以及和任务绑定的目标和评价系统。
Language: ${this.getLang()}

# Context
## 要求
${msg}


## 参考资料
教学任务教案：${this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack[0]].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# 输出格式与要求
任务描述（告诉学生他们需要做什么）：
任务描述：从教案中提取并且**改写**，改写为教师给与学生的指示（用于指导学生如何进行该教学活动），对应到学生活动，你应该用友好，但是又清晰明确的口吻来撰写。内容至少200个token，你需要详细的描述该任务该如何做）。

# 范例
亲爱的同学们，今天我们将一起探索热是如何在不同的环境中传递的。\n我们将通过一系列有趣的实验来观察热在水中的传递过程。请大家准备好实验材料，并确保遵循安全指南。我们将使用感温粉末或红墨水来帮助我们直观地看到热是如何在水中移动的。\n在实验过程中，请大家仔细观察并记录你的发现，我们将一起讨论热对流是如何形成的。\n不要忘记，实验后我们要分享我们的观察结果，并探讨热对流在我们生活中的应用。让我们一起揭开热传递的神秘面纱吧！`

          if(!this.taskGLoading[this.aiCallBack[0]]){
            this.taskGLoading[this.aiCallBack[0]] = []
            this.ttaskGLoading[this.aiCallBack[0]] = []
          }
          this.taskGLoading[this.aiCallBack[0]][0] = true
          this.ttaskGLoading[this.aiCallBack[0]][0] = true
          // this.taskGLoading[this.aiCallBack[0]][1] = true
          // this.taskGLoading[this.aiCallBack[0]][2] = true
          this.aiGetG321L(message1, this.aiCallBack[0], () => {
            // this.aiGetG322(message2, this.aiCallBack[0])
            // this.aiCallBack[0] ? this.aiCallBack[0]() : ''
          })
          // this.aiGetG323(message3, this.aiCallBack[0])
        }
      } else if (this.aitype == "aiTaskG3") {
let message3 = `NOTICE
Role: 你是一名教师，你正在使用一个在线学习平台来教授学生，你已经完成了教案，你现在需要将教案变为学生上课用的任务单（work sheet）。该在线学习平台为每个任务提供了资源区（视频，ppt，阅读资料将放在这里），多种互动工具（学生点击工具即可上传他们的作业或者回答，这些互动工具类似kahoot一样允许教师轻松收集，统计，追踪学生作业），以及和任务绑定的目标和评价系统。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg3}


## 参考资料
教学任务教案：${this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# 输出格式与要求
核心素养：从教案中提取
目标：从教案中提取
评价标准：从教案中提取评价标准

# Format example
{"elist":[{"value":"目标","detail":"评价标准",target:"核心素养","score":5},{"value":"目标","detail":"评价标准",target:"核心素养","score":5},{"value":"目标","detail":"评价标准",target:"核心素养","score":5}]}`
          if(!this.taskGLoading[this.aiCallBack]){
            this.taskGLoading[this.aiCallBack] = []
          }
          this.taskGLoading[this.aiCallBack][2] = true
          this.aiGetG323(message3, this.aiCallBack)

      } else if (this.aitype == "aiTaskG2") {
        if(this.aiCallBack == 'all'){
          for(var _task = 0; _task < this.unitJson[0].chapterInfo[0].taskJson.length; _task++){
            if(!this.taskGLoading[_task]){
              this.taskGLoading[_task] = []
            }
            this.taskGLoading[_task][1] = true

          }

          let ij = 0;
          let _this = this
          function processNext() {
            if (ij < _this.unitJson[0].chapterInfo[0].taskJson.length) {
              if(!_this.taskGLoading[ij][1] || !_this.unitJson[0].chapterInfo[0].taskJson[ij].taskDetail3){
                _this.taskGLoading[ij][1] = false
                ij++;
                processNext();
                return;
              }
let message2 = `NOTICE
Role: 你是一名教师，你正在使用一个在线学习平台来教授学生，你已经完成了教案，你现在需要将教案变为学生上课用的任务单（work sheet）。该在线学习平台为每个任务提供了资源区（视频，ppt，阅读资料将放在这里），多种互动工具（学生点击工具即可上传他们的作业或者回答，这些互动工具类似kahoot一样允许教师轻松收集，统计，追踪学生作业），以及和任务绑定的目标和评价系统。
Language: ${_this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg2}


## 参考资料
教学任务教案：${_this.unitJson[0].chapterInfo[0].taskJson[ij].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# 输出格式与要求
互动工具列表
工具名：${_this.languageSetting == 2 ? 'Diagram Tool' : '表格'}
工具指引：同学们，在完成本次STEM小车实验时，我们需要使用表格工具来记录和整理实验数据。表格工具就像一个电子版的记录本，它不仅可以帮助我们准确记录数据，还能自动计算和生成图表，方便我们分析实验结果。在第一行，每个单元格中输入我们要记录的变量名称，比如“时间（秒）”、“距离（米）”、“速度（米/秒）”等。接下来，在实验中，我们会把每次测试的结果依次填入相应的单元格中。记得每一行代表一次完整的实验测试哦。

工具名：${_this.languageSetting == 2 ? 'Document tool' : '文档'}
工具指引：在实验数据整理好之后，我们接下来要用文档工具撰写实验报告。这份报告不仅是对我们实验的总结，也是展示我们分析和思考能力的好机会。文档工具就像一本电子笔记本，可以帮助我们把想法和数据清晰地展示出来。该份实验报告需要包括以下内容：1.实验背景： 简单介绍实验的目的，比如“我们这次实验的目的是通过小车演示，理解速度和加速度的关系”。用简洁的语言说明你为什么要做这个实验。\n2.实验方法： 详细描述你是如何进行实验的，包括实验步骤和使用的工具。例如，你可以写“我们将小车放在一个倾斜的平面上，记录它在不同时间间隔下的距离”。\n 3.数据分析： 这部分是核心内容。你可以将表格工具生成的图表插入到文档中，并解释图表显示的结果。例如，你可以写“从图表中可以看出，随着时间的增加，小车的速度逐渐加快，这说明……”。\n 4.结论与建议： 最后，总结你在实验中得出的结论，比如“小车在光滑表面上的加速度较大”，并提出一些改进实验或进一步研究的建议。

工具名称：${_this.languageSetting == 2 ? 'Choice tool' : '选择题'}
工具指引：同学们，老师想要考察一下你对“热传递”这一概念的理解和掌握程度。请仔细阅读每个问题，并给出准确的答案哦~

${_this.languageSetting == 2 ? '还有以下工具：Mind Map Tool、Spreadsheet tool、Q&A Tool' : ''}

# Format example
{"toolChoose":[{"tool":"工具名","detail":"工具描述"},{"tool":"工具名","detail":"工具描述"}]}`

              _this.aiGetG322(message2, ij, () => {
                // 回调函数，当前任务完成后执行
                ij++;
                processNext(); // 处理下一个任务
              });
            }
          }

          processNext(); // 启动处理


        }else{

let message2 = `NOTICE
Role: 你是一名教师，你正在使用一个在线学习平台来教授学生，你已经完成了教案，你现在需要将教案变为学生上课用的任务单（work sheet）。该在线学习平台为每个任务提供了资源区（视频，ppt，阅读资料将放在这里），多种互动工具（学生点击工具即可上传他们的作业或者回答，这些互动工具类似kahoot一样允许教师轻松收集，统计，追踪学生作业），以及和任务绑定的目标和评价系统。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg2}


## 参考资料
教学任务教案：${this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# 输出格式与要求
互动工具列表
工具名：${this.languageSetting == 2 ? 'Diagram Tool' : '表格'}
工具指引：同学们，在完成本次STEM小车实验时，我们需要使用表格工具来记录和整理实验数据。表格工具就像一个电子版的记录本，它不仅可以帮助我们准确记录数据，还能自动计算和生成图表，方便我们分析实验结果。在第一行，每个单元格中输入我们要记录的变量名称，比如“时间（秒）”、“距离（米）”、“速度（米/秒）”等。接下来，在实验中，我们会把每次测试的结果依次填入相应的单元格中。记得每一行代表一次完整的实验测试哦。

工具名：${this.languageSetting == 2 ? 'Document tool' : '文档'}
工具指引：在实验数据整理好之后，我们接下来要用文档工具撰写实验报告。这份报告不仅是对我们实验的总结，也是展示我们分析和思考能力的好机会。文档工具就像一本电子笔记本，可以帮助我们把想法和数据清晰地展示出来。该份实验报告需要包括以下内容：1.实验背景： 简单介绍实验的目的，比如“我们这次实验的目的是通过小车演示，理解速度和加速度的关系”。用简洁的语言说明你为什么要做这个实验。\n2.实验方法： 详细描述你是如何进行实验的，包括实验步骤和使用的工具。例如，你可以写“我们将小车放在一个倾斜的平面上，记录它在不同时间间隔下的距离”。\n 3.数据分析： 这部分是核心内容。你可以将表格工具生成的图表插入到文档中，并解释图表显示的结果。例如，你可以写“从图表中可以看出，随着时间的增加，小车的速度逐渐加快，这说明……”。\n 4.结论与建议： 最后，总结你在实验中得出的结论，比如“小车在光滑表面上的加速度较大”，并提出一些改进实验或进一步研究的建议。

工具名称：${this.languageSetting == 2 ? 'Choice tool' : '选择题'}
工具指引：同学们，老师想要考察一下你对“热传递”这一概念的理解和掌握程度。请仔细阅读每个问题，并给出准确的答案哦~

${this.languageSetting == 2 ? '还有以下工具：Mind Map Tool、Spreadsheet tool、Q&A Tool' : ''}

# Format example
{"toolChoose":[{"tool":"工具名","detail":"工具描述"},{"tool":"工具名","detail":"工具描述"}]}`

          if(!this.taskGLoading[this.aiCallBack]){
            this.taskGLoading[this.aiCallBack] = []
          }
          // this.taskGLoading[this.aiCallBack[0]][0] = true
          // this.taskGLoading[this.aiCallBack[0]][1] = true
          this.taskGLoading[this.aiCallBack][1] = true
          this.aiGetG322(message2, this.aiCallBack)
        }
      } else if (this.aitype == "aiDetail1") {
        this.aiDetail(msg, this.aiIndex)
      } else if (this.aitype == "aiDetail2") {
        this.aiDetail2(msg, this.aiIndex)
      } else if (this.aitype == "aiDetail3") {
        let _index = this.aiIndex.split('-')
        this.aiDetail3(msg, _index[0], _index[1])
      } else if (this.aitype == "aiDetail4") {
        this.aiDetail4(msg, this.aiIndex)
      } else if (this.aitype == "teacherDetail") {
        this.aiDetail5(msg, this.aiIndex)
      } else if (this.aitype == "teacherDetail2") {
        this.aiDetail52(msg, this.aiIndex)
      } else if (this.aitype == "aiCpote1") {
        this.aiCpote(msg, this.aiCallBack)
      } else if (this.aitype == "aiCpote2") {
        this.aiCpote(msg, this.aiCallBack)
      } else if (this.aitype == "aiCpote3") {
        this.aiCpote(msg, this.aiCallBack)
      } else if (this.aitype == "aiCpote4") {
        this.aiCpote(msg, this.aiCallBack)
      } else if (this.aitype == "aiTeacher") {
        this.loading = true
        var _text = ""
        for (var i = 0; i < this.dArray.length; i++) {
          _text += `任务名称：${this.dArray[i].task} 任务描述：${this.dArray[i].detail} \n`
        }//${this.infoData.length ? '使用文件检索的方式完整的去分析文件内容，并请完全按照要求输出。' : ''}
        let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
        let message = ` NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 以及${(this.templateid != "4480d65a-1e48-11ef-bee5-005056b86db5" && this.templateid != "cf5722a4-401b-11ef-b873-005056b86dc3") ? '##任务大纲' : '##目标层，##任务簇'}

${(this.templateid != "4480d65a-1e48-11ef-bee5-005056b86db5" && this.templateid != "cf5722a4-401b-11ef-b873-005056b86dc3") ? '## 任务大纲\n'+_text : ''}

${(this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '## 目标层\n'+this.cpote.cpote3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')+'\n\n## 任务簇\n'+this.cpote.cpote4.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

${(this.templateid != "4480d65a-1e48-11ef-bee5-005056b86db5") ? '## 参考上下文\n'+'课程目标：'+target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

## Format example
[{"task": "任务名称","detail": "教案输出为文本或markdown格式就行"},{"task": "任务名称","detail": "教案输出为文本或markdown格式就行"},{"task": "任务名称","detail": "教案输出为文本或markdown格式就行"},{"task": "任务名称","detail": "教案输出为文本或markdown格式就行"}]`
        this.aiGet4(message, () => {
          this.loading = false
          this.isOutline2 = true
        })
      } else if (this.aitype == "aiTeacher2"){
        this.isOutline2 = true
        let _this = this
        setTimeout(()=>{
          for (var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
            const _tindex = 'task-' + i;
            if(_this.taskDetailLoading5.indexOf(_tindex) === -1){
              _this.taskDetailLoading5.push(_tindex)
            }
            if(_this.ttaskDetailLoading5.indexOf(_tindex) === -1){
              _this.ttaskDetailLoading5.push(_tindex)
            }
            // this.aiDetail52(msg, i)
          }
          let ij = 0;

          function processNext() {
            if (ij < _this.unitJson[0].chapterInfo[0].taskJson.length) {
              const _tindex = 'task-' + ij;
              if(_this.taskDetailLoading5.indexOf(_tindex) === -1){
                ij++;
                processNext();
                return;
              }
              // 处理当前任务
              _this.aiDetail52(msg, ij, function () {
                // 回调函数，当前任务完成后执行
                ij++;
                processNext(); // 处理下一个任务
              });
            }
          }

          processNext(); // 启动处理
        }, 0)
      } else if (this.aitype == "aiTeacher3"){
        this.loading = true
        let message = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 要求
${msg} 以及##参考资料

## 参考资料
任务簇：${this.cpote.cpote4}

# Format example
[{"task": "任务1的名字"}, {"task": "任务2的名字"}, {"task": "任务2的名字"}, {"task": "任务n的名字"}]`

        this.aiGetTask3(message, () => {
          this.loading = false
          this.isOutline2 = true
        })
      }  else if (this.aitype == "aiteacherTextDetail") {
        this.aiteacherTextDetail(msg)
      } else if (this.aitype == "aitargetTextDetail") {
        this.aitargetTextDetail(msg)
      } else if (this.aitype == "aitargetTextDetail2") {
        this.aitargetTextDetail2(msg)
      } else if (this.aitype == "aitargetTextDetail3") {
        this.aitargetTextDetail3(msg)
      } else if (this.aitype == 'aiSearchFile'){
        let messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

## 参考资料
关键词：${this.courseName}

# Context
## 要求
${msg}。相关信息内容至少要有300tokens，可以是markdown格式

# Format example
[{content:'相关信息内容'},{content:'相关信息内容'},{content:'相关信息内容'}]`
        this.fileSLoading = true
        this.aiSearchFile(messages,()=>{
          this.fileSLoading = false
        })
      } else if (this.aitype == 'aiSearchFile2'){
        let messages = `${msg}

课程名字：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '年级：' + mclass.join(",") : ''}`
        this.fileSLoading = true
        this.aiSearchFile2(messages,()=>{
          this.fileSLoading = false
        })
      } else if (this.aitype == 'aiRateRule'){
        this.againEva(msg, this.aiCallBack[0], this.aiCallBack[1])
      } else if (this.aitype == 'aiRateRuleA'){
        if(this.aiCallBack[0] == 1){
          for(var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++){
            let task = this.unitJson[0].chapterInfo[0].taskJson[i]
            for(var k = 0; k < task.eList.length; k++){
              if(!task.eList[k].rule){
                this.againEva(msg, i, k)
              }
            }
          }
        }else if(this.aiCallBack[0] == 2){
          let task = this.unitJson[0].chapterInfo[0].taskJson[this.aiCallBack[1]]
          for(var k = 0; k < task.eList.length; k++){
            if(!task.eList[k].rule){
              this.againEva(msg, this.aiCallBack[1], k)
            }
          }
        }

      }
      this.setAiJson(this.aitype, msg, msg2, msg3)
    },
    getLang(){
      let lang = ''
      if(this.languageSetting == 0){
        lang = 'Chinese.'
      }else if(this.languageSetting == 1){
        lang = 'Traditional Chinese.'
      }else if(this.languageSetting == 2){
        lang = 'English.'
      }
      return lang
    },
    detailYou(message) {
      this.textLoading = true
      this.ttextLoading = true
      let sub = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
// ${this.getListClassC(this.checkboxList2) ?  '班级：' + this.getListClassC(this.checkboxList2) : "无"}
// --------
// ## 补充参考资料
// 补充资料：${url.join(",")}
// 补充描述：${this.courseText2} ##补充参考资料和
      let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
//       ${this.templatePan.includes(this.templateid) ? '课程节数：'+this.courseJie+'节' : ''}
// ${this.templatePan.includes(this.templateid) ? '课程时长：'+this.courseTime+'min' : ''}
      let msg = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考资料
课程名字：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${(this.mode == 1 && (!this.yiKeTemplateArray.includes(this.templateid)) && this.teacherCourseText) ? '提取教案摘要：'+this.teacherCourseText : ''}
${(this.mode == 1 && (!this.yiKeTemplateArray.includes(this.templateid)) && target) ? '提取教案目标：'+target : ''}
${this.courseText && this.aiCallBack[0] == 2 ? '参考内容：'+this.courseText : ''}

## 要求
${message} 以及##参考资料 ${(!this.yiKeTemplateArray.includes(this.templateid)) ? "" : '以文本格式输出项目概况，驱动性问题，最终作品'}

${(this.templateid != 'cf5722a4-401b-11ef-b873-005056b86dc4' && this.templateid != '9dd4bb76-1e48-11ef-bee5-005056b86db5') && '## Format example 课程简要描述：课程内容的简单叙述。 驱动性问题：1个驱动整个项目的问题。 最终作品：对应解决驱动性问题的作品，可个人可团队。'}

${this.courseText && this.aiCallBack[0] == 2 ? '注意，优化原有的<参考内容>即可不用重新生成，让内容更具体化，更具体' : ''}`
      this.aiGet(msg)
    },
    setUnitJson() {
      this.unitJson[0].chapterInfo[0].taskJson[0] = { "task": "观察热在水中的传递", "taskDetail": "同学们，今天我们将通过一个有趣的实验来探究热是如何在水中传递的。你将需要加热水并观察温度是如何分布的。请准备好实验器材，并按照安全指南进行操作。在实验过程中，请注意观察热水和冷水之间的相互作用，以及水温是如何随时间和空间变化的。你将需要记录你的观察结果，并思考热是如何从一个地方传递到另一个地方的。", "chapterData": [], "toolText": "", "toolChoose": [{ "tool": [1], "toolDetail": "使用电子白板工具来绘制你的实验设置和观察到的热传递过程。你可以使用电子白板的绘图功能来创建一个温度分布图，展示热水和冷水相遇时的情况。同时，你可以用它来记录实验步骤和关键观察点，以便于你和同学们进行讨论和分享。", "toolType": 1, "askCount": 1, "askTitle": "", "askJson": [{ "askstitle": "", "askItem": 1, "checkList": [] }], "isFold3": false }], "isShowTools": false, "askCount": 1, "isFold": 0, "askTitle": "", "askJson": [{ "askstitle": "", "askItem": 1, "checkList": [] }], "checkJson": [{ "checkCount": [], "checkPerent": [] }], "homeworkList": [], "toolOpen": true, "eList": [{ "value": "实验观察和记录", "detail": "学生应该能够准确地记录实验过程中的观察结果，包括水温变化和热传递的现象。", "score": 5 }, { "value": "数据分析和解释", "detail": "学生应该能够分析实验数据，解释热在水中的传递方式，并能够用自己的话描述热对流的原理。", "score": 5 }, { "value": "实验报告撰写", "detail": "学生应该能够撰写一份清晰的实验报告，包括实验目的、方法、结果和结论，以及对实验过程的反思。", "score": 5 }] }
      this.$forceUpdate()
    },
    async aiGet(messages) {
      let _this = this
      let fileid = []

      if(!this.yiKeTemplateArray.includes(this.templateid)){
        for (var i = 0; i < _this.cankaoInfoData.length; i++) {
            if(_this.cankaoInfoData[i].fileid){
              fileid.push(_this.cankaoInfoData[i].fileid)
            }else {
              let _fileid = await _this.createFileid(_this.cankaoInfoData[i].url)
              if(_fileid){
                _this.cankaoInfoData[i].fileid = _fileid == 1 ? '' : _fileid
                _this.$forceUpdate();
                if(_fileid != 1){
                  fileid.push(_fileid)
                }
              }
            }
          }
        if(this.mode == 1){
          for (var i = 0; i < _this.infoData.length; i++) {
            if(_this.infoData[i].fileid){
              fileid.push(_this.infoData[i].fileid)
            }else {
              let _fileid = await _this.createFileid(_this.infoData[i].url)
              if(_fileid){
                _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
                _this.$forceUpdate();
                if(_fileid != 1){
                  fileid.push(_fileid)
                }
              }
            }
          }
        }
      } else {
        fileid = _this.isFileSearch ? [..._this.fileIds] : []
        fileid = [...fileid]
        if (_this.infoData.length) {
          for (var i = 0; i < _this.infoData.length; i++) {
            if(_this.infoData[i].fileid){
              fileid.push(_this.infoData[i].fileid)
            }else {
              let _fileid = await _this.createFileid(_this.infoData[i].url)
              if(_fileid){
                _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
                _this.$forceUpdate();
                if(_fileid != 1){
                  fileid.push(_fileid)
                }
              }
            }
          }
        }
      }
      _this.isTextCancelToken = _this.ajax.setCancelSource();
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTextCancelToken).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTextCancelToken = null
      }).catch(function (error) {
        _this.textLoading = false
        _this.ttextLoading = false
        _this.isTextCancelToken = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(_this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiGetgetAiContent(_uuid)
    },
    aiGetgetAiContent(_uid) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTextCancelSource = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error){
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.textLoading = false
        this.ttextLoading = false
        this.isTextCancelToken = null
        return;
      }
      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isTextCancelSource.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isTextCancelSource.close();
          this.isTextCancelSource = null;
          this.courseText = _mdText;
          this.textLoading = false
          this.ttextLoading = false
          this.courseTextB = false
          this.isTextCancelToken = null
          this.aiCallBack[1] ? this.aiCallBack[1]() : ''
          this.saveCourse()
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.courseText = _mdText;
            _iindex = 0
          }
          this.textLoading = false
          // 处理流数据
        }
        // this.$forceUpdate();
      };
      let _this = this
      this.isTextCancelSource.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(_this.lang.ssTooManyReq)
        _this.textLoading = false
        _this.ttextLoading = false
        _this.isTextCancelToken = null
        _this.isTextCancelSource.close();
        _this.isTextCancelSource = null;
      };
    },
    numberToChinese(number) {
      const chineseNum = [this.lang.ssZero, this.lang.ssOne, this.lang.ssTwo, this.lang.ssThree, this.lang.ssFour, this.lang.ssFive, this.lang.ssSix, this.lang.ssSeven, this.lang.ssEight, this.lang.ssNine];
      const chineseUnit = ['', this.lang.ssTen, this.lang.ssHundred, this.lang.ssThousand, this.lang.ssTenThousand, this.lang.ssTen, this.lang.ssHundred, this.lang.ssThousand, this.lang.ssHundredMillion, this.lang.ssTen, this.lang.ssHundred, this.lang.ssThousand];

      let result = '';
      let num = parseInt(number, 10);

      let i = 0;
      while (num > 0) {
        result = chineseNum[num % 10] + chineseUnit[i] + result;
        num = Math.floor(num / 10);
        i++;
      }

      // 去除连续的零，保留一个零
      result = result.replace(new RegExp(this.lang.ssZero + '+', 'g'), this.lang.ssZero);

      return result;
    },
    async aiGet2(messages, callback) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      console.log('fileid=========',fileid)
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });

      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      //   // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let dArray = JSON.parse(data.choices[0].message.content)
      //     _this.dArray = dArray
      //     _this.unitJson[0].chapterInfo[0].taskJson = []

      //     for (var i = 0; i < dArray.length; i++) {
      //       let _task = dArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson.push({
      //         task: _task.task,
      //         taskDetail: "",
      //         taskDetail2: _task.detail,
      //         taskDetail3: "",
      //         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[0].chapterInfo[0].taskJson[0].chapterData = _this.infoData
      //           _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let dArray = JSON.parse(data.result)
      //   //   _this.dArray = dArray
      //   //   _this.unitJson[0].chapterInfo[0].taskJson = []

      //   //   for (var i = 0; i < dArray.length; i++) {
      //   //     let _task = dArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson.push({
      //   //       task: _task.task,
      //   //       taskDetail: "",
      //   //       taskDetail2: _task.detail,
      //   //       taskDetail3: "",
      //   //       chapterData: [],
      //   //       toolText: "",
      //   //       toolChoose: [
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       ],
      //   //       isShowTools: false,
      //   //       askCount: 1,
      //   //       isFold: 1,
      //   //       askTitle: "",
      //   //       askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //       checkJson: [{ checkCount: [], checkPerent: [] }],
      //   //       homeworkList: [],
      //   //     })
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });
      this.isOutlineCancelToken = this.ajax.setCancelSource();
      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',//
        message: [{"type":"text", "text": this.languageSetting == 1 ? converter2(messages) : messages}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, this.isOutlineCancelToken)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let dArray = {}
            try {
              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  dArray = JSON.parse(match[1]);


                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // dArray = JSON.parse(jsonString);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    if(match && match[1]){
                      dArray = JSON.parse(match[1].replace(/\n/g, '      ').replace(/\s{2,}/g, '      '));
                    }else {
                      dArray = JSON.parse(data.message.replace(/\n/g, '      ').replace(/\s{2,}/g, '      '));
                    }

                } catch (error) {
                  _this.$message.error(_this.lang.ssJsonFormat)
                  // +data.message
                  // _this.aiGet2(messages, callback);
                  _this.loading = false
                  _this.isOutlineCancelToken = null
                  console.log("error_________________" + error);
                  return;
                }
                console.log("error_________________" + error);
              }
            }
            _this.dArray = dArray
            console.log(dArray)
            if(_this.panOutline() > 0){
              for(var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++){
                _this.unitJson[0].chapterInfo[0].taskJson[i].task = ""
                _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2 = ""
              }
              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
                  _this.unitJson[0].chapterInfo[0].taskJson[i].task = _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')+(_task.task2 ? _this.lang.ssColon+_task.task2 : "")
                  _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2 = _task.detail.replaceAll("      ", "  \n")
                }else {
                  _this.unitJson[0].chapterInfo[0].taskJson.push({
                    task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')+(_task.task2 ? _this.lang.ssColon+_task.task2 : ""),
                    taskDetail: "",
                    taskDetail2: _task.detail.replaceAll("      ", "  \n"),
                    taskDetail3: "",
                    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: [],
                  })
                }

              }
            }else {
              _this.unitJson[0].chapterInfo[0].taskJson = []

              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                _this.unitJson[0].chapterInfo[0].taskJson.push({
                  task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')+(_task.task2 ? _this.lang.ssColon+_task.task2 : ""),
                  taskDetail: "",
                  taskDetail2: _task.detail.replaceAll("      ", "  \n"),
                  taskDetail3: "",
                  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[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
            _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.saveCourse()

          }
          callback ? callback() : ''
          _this.isOutlineCancelToken = null
        })
        .catch((error) => {
          _this.loading = false
          _this.isOutlineCancelToken = null
          console.log(error);
        });
    },
    cancelAjax(type, index){
      if (this.isOutlineCancelToken && type == 'outline') {
        this.$message.success(this.lang.ssStopOutline)
        this.isOutlineCancelToken.cancel('Request canceled by the user.');
        this.isOutlineCancelToken = null;
        this.loading = false
      }
      if (this.isFileCancelToken && type == 'file') {
        this.$message.success(this.lang.ssStopFileGen)
        this.isFileCancelToken.cancel('Request canceled by the user.');
        this.isFileCancelToken = null;
        this.fileSLoading = false
      }
      if(this.isTextCancelToken && type == 'text'){
        this.$message.success(this.lang.ssStopAIOpt)
        this.isTextCancelToken.cancel('Request canceled by the user.');
        this.isTextCancelToken = null;
        this.textLoading = false
        this.ttextLoading = true
        if(this.isTextCancelSource){
          this.isTextCancelSource.close()
          this.isTextCancelSource = null
        }
      }
      if(this.isTargetCancelToken2 && type == 'target2'){
        this.$message.success(this.lang.ssStopGenTarget)
        this.isTargetCancelToken2.cancel('Request canceled by the user.');
        this.isTargetCancelToken2 = null;
        this.targetTextLoading2 = false
        this.ttargetTextLoading2 = false
        if(this.isTargetCancelSource2){
          this.isTargetCancelSource2.close()
          this.isTargetCancelSource2 = null
        }
        this.$nextTick(() => {
          const targetDiv = this.$refs.aitargetTextDetail3;
          if (targetDiv) {
            targetDiv.scrollIntoView();
          }
        });
      }
      if(this.isTargetCancelToken1 && type == 'target1'){
        this.$message.success(this.lang.ssStopGenTarget)
        this.isTargetCancelToken1.cancel('Request canceled by the user.');
        this.isTargetCancelToken1 = null;
        this.targetTextLoading = false
        this.ttargetTextLoading = false
        if(this.isTargetCancelSource1){
          this.isTargetCancelSource1.close()
          this.isTargetCancelSource1 = null
        }
      }
      if(this.isTeacherTextCancelToken && type == 'teacherText'){
        this.$message.success(this.lang.ssStopExtract)
        this.isTeacherTextCancelToken.cancel('Request canceled by the user.');
        this.isTeacherTextCancelToken = null;
        this.teacherTextLoading = false
        this.tteacherTextLoading = false
        if(this.isTeacherTextCancelSource){
          this.isTeacherTextCancelSource.close()
          this.isTeacherTextCancelSource = null
        }
      }
      if(this.isTeacherTaskCancelToken && type == 'teacherTask'){
        this.$message.success(this.lang.ssStopGenPlan)
        this.isTeacherTaskCancelToken.cancel('Request canceled by the user.');
        this.isTeacherTaskCancelToken = null;
        this.loading = false
      }
      if(this.isOutlineTaskCancelToken && type == 'outlineTask'){
        this.$message.success(this.lang.ssStopGenOut)
        this.isOutlineTaskCancelToken[index].cancel('Request canceled by the user.');
        this.isOutlineTaskCancelToken[index] = null;
        this.taskDetailLoading.splice(this.taskDetailLoading.indexOf('task-' + index), 1)
        this.ttaskDetailLoading.splice(this.ttaskDetailLoading.indexOf('task-' + index), 1)
        if(this.isOutlineTaskCancelSource[index]){
          this.isOutlineTaskCancelSource[index].close()
          this.isOutlineTaskCancelSource[index] = null
        }
      }


      if(type == 'teacherDetail2'){
        this.$message.success(this.lang.ssStopGenPlan)
        if(this.isTeacherTaskCancelToken2 && this.isTeacherTaskCancelToken2[index]){
          this.isTeacherTaskCancelToken2[index].cancel('Request canceled by the user.');
          this.isTeacherTaskCancelToken2[index] = null;
        }
        if(this.taskDetailLoading5.indexOf('task-' + index) != -1){
          this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf('task-' + index), 1)
        }
        if(this.ttaskDetailLoading5.indexOf('task-' + index) != -1){
          this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf('task-' + index), 1)
        }
        if(this.isTeacherTaskCancelSource[index]){
          this.isTeacherTaskCancelSource[index].close()
          this.isTeacherTaskCancelSource[index] = null
        }
      }

      if(type == 'aiTaskGL1'){
        this.$message.success(this.lang.ssStopTaskOver)
        if(this.taskCancelToken1 && this.taskCancelToken1[index]){
          this.taskCancelToken1[index].cancel('Request canceled by the user.');
          this.taskCancelToken1[index] = null;
        }
        if(this.taskGLoading[index] && this.taskGLoading[index][0]){
          this.taskGLoading[index][0] = false
        }
        if(this.isTaskCancelSource1[index]){
          this.isTaskCancelSource1[index].close()
          this.isTaskCancelSource1[index] = null
        }

        setTimeout(() => {
          if(!(this.taskCancelToken2 && this.taskCancelToken2[index])){
            this.cancelAjax('aiTaskGL2', index)
          }
        }, 1000)
        this.$forceUpdate()
      }

      if(type == 'aiTaskGL2'){
        this.$message.success(this.lang.ssStopTaskTool)
        if(this.taskCancelToken2 && this.taskCancelToken2[index]){
          this.taskCancelToken2[index].cancel('Request canceled by the user.');
          this.taskCancelToken2[index] = null;
        }
        if(this.taskGLoading[index] && this.taskGLoading[index][1]){
          this.taskGLoading[index][1] = false
        }
        this.$forceUpdate()
      }

      if(type == 'taskAn'){
        this.$message.success(this.lang.ssStopTaskOver)
        if(this.taskAnCancelToken && this.taskAnCancelToken[index]){
          this.taskAnCancelToken[index].cancel('Request canceled by the user.');
          this.taskAnCancelToken[index] = null;
        }
        if(this.taskAnLoading[index]){
          this.taskAnLoading[index] = false
        }
        this.$forceUpdate()
      }

      if(type == 'findMatchingContents'){
        this.$message.success(this.lang.ssStopSearch)
        if(this.isfindMatchingContents){
          this.isfindMatchingContents.cancel('Request canceled by the user.');
          this.isfindMatchingContents = null;
        }
        if(this.knowInfoDataLoading){
          this.knowInfoDataLoading = false
        }
        if(this.findMatchingContentsPage > 1){
          this.findMatchingContentsPage --
        }
        this.$forceUpdate()
      }
    },
    async aiGetTask2(messages, callback) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      console.log('fileid=========',fileid)
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });

      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      //   // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let dArray = JSON.parse(data.choices[0].message.content)
      //     _this.dArray = dArray
      //     _this.unitJson[0].chapterInfo[0].taskJson = []

      //     for (var i = 0; i < dArray.length; i++) {
      //       let _task = dArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson.push({
      //         task: _task.task,
      //         taskDetail: "",
      //         taskDetail2: _task.detail,
      //         taskDetail3: "",
      //         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[0].chapterInfo[0].taskJson[0].chapterData = _this.infoData
      //           _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let dArray = JSON.parse(data.result)
      //   //   _this.dArray = dArray
      //   //   _this.unitJson[0].chapterInfo[0].taskJson = []

      //   //   for (var i = 0; i < dArray.length; i++) {
      //   //     let _task = dArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson.push({
      //   //       task: _task.task,
      //   //       taskDetail: "",
      //   //       taskDetail2: _task.detail,
      //   //       taskDetail3: "",
      //   //       chapterData: [],
      //   //       toolText: "",
      //   //       toolChoose: [
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       ],
      //   //       isShowTools: false,
      //   //       askCount: 1,
      //   //       isFold: 1,
      //   //       askTitle: "",
      //   //       askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //       checkJson: [{ checkCount: [], checkPerent: [] }],
      //   //       homeworkList: [],
      //   //     })
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });
      this.isOutlineCancelToken = this.ajax.setCancelSource();
      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, this.isOutlineCancelToken)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let dArray = {}
            try {
              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  dArray = JSON.parse(match[1]);


                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // dArray = JSON.parse(jsonString);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    dArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }
            _this.dArray = dArray

            if(_this.panOutline() > 0){
              for(var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++){
                _this.unitJson[0].chapterInfo[0].taskJson[i].task = ""
                _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2 = ""
              }
              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
                  _this.unitJson[0].chapterInfo[0].taskJson[i].task = _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')
                  // _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2 = _task.detail
                }else {
                  _this.unitJson[0].chapterInfo[0].taskJson.push({
                    task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                    taskDetail: "",
                    taskDetail2: "",
                    taskDetail3: "",
                    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: [],
                  })
                }

              }
            }else {
              _this.unitJson[0].chapterInfo[0].taskJson = []

              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                _this.unitJson[0].chapterInfo[0].taskJson.push({
                  task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                  taskDetail: "",
                  taskDetail2: "",
                  taskDetail3: "",
                  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[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
            _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.saveCourse()

            setTimeout(()=>{
              for (var i = 0; i < this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
                this.aiOutlineDetail('', i)
              }
            }, 0)
          }
          callback ? callback() : ''
          _this.isOutlineCancelToken = null
        })
        .catch((error) => {
          _this.loading = false
          _this.isOutlineCancelToken = null
          console.log(error);
        });
    },
    async aiGetTask3(messages, callback) {
      let _this = this

      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });

      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      //   // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let dArray = JSON.parse(data.choices[0].message.content)
      //     _this.dArray = dArray
      //     _this.unitJson[0].chapterInfo[0].taskJson = []

      //     for (var i = 0; i < dArray.length; i++) {
      //       let _task = dArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson.push({
      //         task: _task.task,
      //         taskDetail: "",
      //         taskDetail2: _task.detail,
      //         taskDetail3: "",
      //         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[0].chapterInfo[0].taskJson[0].chapterData = _this.infoData
      //           _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let dArray = JSON.parse(data.result)
      //   //   _this.dArray = dArray
      //   //   _this.unitJson[0].chapterInfo[0].taskJson = []

      //   //   for (var i = 0; i < dArray.length; i++) {
      //   //     let _task = dArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson.push({
      //   //       task: _task.task,
      //   //       taskDetail: "",
      //   //       taskDetail2: _task.detail,
      //   //       taskDetail3: "",
      //   //       chapterData: [],
      //   //       toolText: "",
      //   //       toolChoose: [
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       ],
      //   //       isShowTools: false,
      //   //       askCount: 1,
      //   //       isFold: 1,
      //   //       askTitle: "",
      //   //       askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //       checkJson: [{ checkCount: [], checkPerent: [] }],
      //   //       homeworkList: [],
      //   //     })
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });
      _this.isTeacherTaskCancelToken = _this.ajax.setCancelSource();
      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, _this.isTeacherTaskCancelToken)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let dArray = {}
            try {
              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  dArray = JSON.parse(match[1]);


                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // dArray = JSON.parse(jsonString);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    dArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }
            _this.dArray = dArray

            if(_this.panOutline() > 0){
              for(var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++){
                _this.unitJson[0].chapterInfo[0].taskJson[i].task = ""
                _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = ""
              }
              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
                  _this.unitJson[0].chapterInfo[0].taskJson[i].task = _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')
                  // _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2 = _task.detail
                }else {
                  _this.unitJson[0].chapterInfo[0].taskJson.push({
                    task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                    taskDetail: "",
                    taskDetail2: "",
                    taskDetail3: "",
                    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: [],
                  })
                }

              }
            }else {
              _this.unitJson[0].chapterInfo[0].taskJson = []

              for (var i = 0; i < dArray.length; i++) {
                let _task = dArray[i]
                _this.unitJson[0].chapterInfo[0].taskJson.push({
                  task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                  taskDetail: "",
                  taskDetail2: "",
                  taskDetail3: "",
                  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[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
            _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.saveCourse()

            // setTimeout(()=>{
            //   for (var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
            //     this.aiDetail52(_this.aiJson['teacherDetail2'], i)
            //   }
            // }, 0)
            setTimeout(()=>{
              for (var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
                const _tindex = 'task-' + i;
                if(_this.taskDetailLoading5.indexOf(_tindex) === -1){
                  _this.taskDetailLoading5.push(_tindex)
                }
                if(_this.ttaskDetailLoading5.indexOf(_tindex) === -1){
                  _this.ttaskDetailLoading5.push(_tindex)
                }
              }
              let ij = 0;

              function processNext() {
                if (ij < _this.unitJson[0].chapterInfo[0].taskJson.length) {
                  const _tindex = 'task-' + ij;
                  if(_this.taskDetailLoading5.indexOf(_tindex) === -1){
                    ij++;
                    processNext();
                    return;
                  }
                  // 处理当前任务
                  _this.aiDetail52(_this.aiJson['teacherDetail2'], ij, function () {
                    // 回调函数，当前任务完成后执行
                    ij++;
                    processNext(); // 处理下一个任务
                  });
                }
              }

              processNext(); // 启动处理
            }, 0)
          }
          callback ? callback() : ''
          _this.isTeacherTaskCancelToken = null
        })
        .catch((error) => {
          _this.loading = false
          _this.isTeacherTaskCancelToken = null
          console.log(error);
        });
    },
    async aiGet3(messages, callback) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      // // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let tArray = JSON.parse(data.choices[0].message.content)
      //     // _this.unitJson[0].chapterInfo[0].task = []

      //     let toolsJson = {
      //       "电子白板": { tool: 1, type: 1 },
      //       "文档": { tool: 52, type: 1 },
      //       "思维导图": { tool: 3, type: 1 },
      //       "表格": { tool: 48, type: 1 },
      //       "作业提交": { tool: 16, type: 2 }
      //     }
      //     for (var i = 0; i < tArray.length; i++) {
      //       let _task = tArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail = _task.detail
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].eList = _task.elist
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose = []
      //       if (_task.toolChoose.length) {
      //         for (var j = 0; j < _task.toolChoose.length; j++) {
      //           _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //             {
      //               tool: toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [],
      //               toolDetail: _task.toolChoose[j].detail,
      //               toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 0,
      //               askCount: 1,
      //               askTitle: "",
      //               askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //             },
      //           )
      //         }
      //       } else {
      //         _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //           {
      //             tool: [],
      //             toolDetail: "",
      //             toolType: 0,
      //             askCount: 1,
      //             askTitle: "",
      //             askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //           },
      //         )
      //       }
      //     }
      //     // if (_this.infoData.length) {
      //     //   _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
      //     // }
      //     _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let tArray = JSON.parse(data.result)
      //   //   // _this.unitJson[0].chapterInfo[0].task = []

      //   //   let toolsJson = {
      //   //     "电子白板": { tool: 1, type: 1 },
      //   //     "文档": { tool: 52, type: 1 },
      //   //     "思维导图": { tool: 3, type: 1 },
      //   //     "表格": { tool: 48, type: 1 },
      //   //     "作业提交": { tool: 16, type: 2 }
      //   //   }
      //   //   for (var i = 0; i < tArray.length; i++) {
      //   //     let _task = tArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail = _task.detail
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].eList = _task.elist
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose = []
      //   //     if (_task.toolChoose.length) {
      //   //       for (var j = 0; j < _task.toolChoose.length; j++) {
      //   //         _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //   //           {
      //   //             tool: toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [],
      //   //             toolDetail: _task.toolChoose[j].detail,
      //   //             toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 0,
      //   //             askCount: 1,
      //   //             askTitle: "",
      //   //             askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //           },
      //   //         )
      //   //       }
      //   //     } else {
      //   //       _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       )
      //   //     }
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });



      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let tArray = {}
            try {
              tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);

                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // tArray = JSON.parse(jsonString);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }

            let toolsJson = {
              [_this.lang.ssEWhite]: { tool: 1, type: 1 },
              [_this.lang.ssDocument]: { tool: 52, type: 1 },
              [_this.lang.ssMindMap]: { tool: 3, type: 1 },
              [_this.lang.ssTable]: { tool: 48, type: 1 },
              [_this.lang.ssHomework]: { tool: 16, type: 2 },
              [_this.lang.ssQA]: { tool: 15, type: 2 },
              [_this.lang.ssChoice]: { tool: 45, type: 2 },
            }
            // answerQ:"sssssssssssssss"

            for (var i = 0; i < tArray.length; i++) {
              let _task = tArray[i]
              _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail = _task.detail
              _task.elist = _task.elist.filter(el=>{
                el.isai = "1"
                return el
              })
              _this.unitJson[0].chapterInfo[0].taskJson[i].eList = _task.elist
              _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose = []
              if (_task.toolChoose.length) {
                for (var j = 0; j < _task.toolChoose.length; j++) {
                  let _json = {
                      tool: toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [16],
                      toolDetail: _task.toolChoose[j].detail,
                      toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 2,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                    }

                  if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssQA)){
                    let answerQ = await _this.aiCreateQuestion(15, i)
                    _json.answerQ = answerQ.answerQ
                  }else if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssChoice)){
                    let testJson = await _this.aiCreateQuestion(45, i)
                    _json.testJson = {"testCount":testJson.length,"testTitle":"","testJson":testJson}
                  }
                  _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(_json)
                }
              } else {
                _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
                  {
                    tool: [],
                    toolDetail: "",
                    toolType: 0,
                    askCount: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  },
                )
              }
            }

            _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.createTeacherAn();
          }

          callback ? callback() : ''
        })
        .catch((error) => {
          _this.loading = false
          console.log(error);
        });
    },
    async aiGet32(messages, index) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      // // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let tArray = JSON.parse(data.choices[0].message.content)
      //     // _this.unitJson[0].chapterInfo[0].task = []

      //     let toolsJson = {
      //       "电子白板": { tool: 1, type: 1 },
      //       "文档": { tool: 52, type: 1 },
      //       "思维导图": { tool: 3, type: 1 },
      //       "表格": { tool: 48, type: 1 },
      //       "作业提交": { tool: 16, type: 2 }
      //     }
      //     for (var i = 0; i < tArray.length; i++) {
      //       let _task = tArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail = _task.detail
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].eList = _task.elist
      //       _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose = []
      //       if (_task.toolChoose.length) {
      //         for (var j = 0; j < _task.toolChoose.length; j++) {
      //           _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //             {
      //               tool: toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [],
      //               toolDetail: _task.toolChoose[j].detail,
      //               toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 0,
      //               askCount: 1,
      //               askTitle: "",
      //               askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //             },
      //           )
      //         }
      //       } else {
      //         _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //           {
      //             tool: [],
      //             toolDetail: "",
      //             toolType: 0,
      //             askCount: 1,
      //             askTitle: "",
      //             askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //           },
      //         )
      //       }
      //     }
      //     // if (_this.infoData.length) {
      //     //   _this.unitJson[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
      //     // }
      //     _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let tArray = JSON.parse(data.result)
      //   //   // _this.unitJson[0].chapterInfo[0].task = []

      //   //   let toolsJson = {
      //   //     "电子白板": { tool: 1, type: 1 },
      //   //     "文档": { tool: 52, type: 1 },
      //   //     "思维导图": { tool: 3, type: 1 },
      //   //     "表格": { tool: 48, type: 1 },
      //   //     "作业提交": { tool: 16, type: 2 }
      //   //   }
      //   //   for (var i = 0; i < tArray.length; i++) {
      //   //     let _task = tArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail = _task.detail
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].eList = _task.elist
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose = []
      //   //     if (_task.toolChoose.length) {
      //   //       for (var j = 0; j < _task.toolChoose.length; j++) {
      //   //         _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //   //           {
      //   //             tool: toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [],
      //   //             toolDetail: _task.toolChoose[j].detail,
      //   //             toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 0,
      //   //             askCount: 1,
      //   //             askTitle: "",
      //   //             askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //           },
      //   //         )
      //   //       }
      //   //     } else {
      //   //       _this.unitJson[0].chapterInfo[0].taskJson[i].toolChoose.push(
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       )
      //   //     }
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });



      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let tArray = {}
            try {
              tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);

                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // tArray = JSON.parse(jsonString);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }

            let toolsJson = {
              [_this.lang.ssEWhite]: { tool: 1, type: 1 },
              [_this.lang.ssDocument]: { tool: 52, type: 1 },
              [_this.lang.ssMindMap]: { tool: 3, type: 1 },
              [_this.lang.ssTable]: { tool: 48, type: 1 },
              [_this.lang.ssHomework]: { tool: 16, type: 2 },
              [_this.lang.ssQA]: { tool: 15, type: 2 },
              [_this.lang.ssChoice]: { tool: 45, type: 2 },
            }
            // answerQ:"sssssssssssssss"

            // for (var i = 0; i < tArray.length; i++) {
              let _task = tArray
              _this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail = _task.detail
              _task.elist = _task.elist.filter(el=>{
                el.isai = 1
                return el
              })
              _this.unitJson[0].chapterInfo[0].taskJson[index].eList = _task.elist
              _this.unitJson[0].chapterInfo[0].taskJson[index].chapterData = []
              if(!_task.toolChoose || (_task.detail && _task.detail.length < 20) || !_task.detail){
                console.log("error_________________JSON不对重新生成");
                _this.$message.error(_this.lang.ssNetWave)
                _this.aiGet32(messages, index)
                return;
              }
              _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose = []
              if (_task.toolChoose && _task.toolChoose.length) {
                for (var j = 0; j < _task.toolChoose.length; j++) {
                  let _json = {
                    tool: [],
                    toolDetail: _task.toolChoose[j].detail,
                    toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 2,
                    askCount: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  }
                  _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(_json)

                  if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssQA)){
                    let answerQ = await _this.aiCreateQuestion(15, index)
                    // _json.answerQ = answerQ.answerQ
                    _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].answerQ = answerQ.answerQ
                  }else if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssChoice)){
                    let testJson = await _this.aiCreateQuestion(45, index)
                    // _json.testJson = {"testCount":testJson.length,"testTitle":"","testJson":testJson}
                    _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].testJson = {"testCount":testJson.length,"testTitle":"","testJson":testJson}
                  }
                  _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].tool = toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [16]
                  _this.$forceUpdate();
                  // _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(_json)
                }
              } else {
                _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(
                  {
                    tool: [],
                    toolDetail: "",
                    toolType: 0,
                    askCount: 1,
                    askTitle: "",
                    askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  },
                )
              }
            // }

            _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.createTeacherAn(index);
          }

          // callback ? callback() : ''
          _this.taskLoading[index] = false
        })
        .catch((error) => {
          // _this.loading = false
          _this.taskLoading[index] = false
          console.log(error);
        });
    },
    async aiGetG321(messages, index, callback, callback2) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      _this.taskCancelToken1[index] = _this.ajax.setCancelSource();

      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, _this.taskCancelToken1[index])
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            let tArray = {}
            try {
              tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);
              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }
            console.log(data.message);
            _this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail = tArray.detail
            _this.unitJson[0].chapterInfo[0].taskJson[index].chapterData = []
            // _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            _this.createTeacherAn(index);
          }

          callback ? callback(callback2) : ''
          _this.taskGLoading[index][0] = false
          _this.taskCancelToken1[index] = null
          _this.$forceUpdate();
        })
        .catch((error) => {
          // _this.loading = false
          callback ? callback(callback2) : ''
          _this.taskGLoading[index][0] = false
          _this.taskCancelToken1[index] = null
          _this.$forceUpdate();
          console.log(error);
        });
    },
    async aiGetG321L(messages, index, callback, callback2) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      _this.taskCancelToken1[index] = _this.ajax.setCancelSource();
      let _uuid = uuidv4();

      let parm = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        uid: _uuid,
        // model: 'gpt-4o-2024-11-20',
        model: 'gpt-4o-mini',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", parm, _this.taskCancelToken1[index])
        .then(async (response) => {
          console.log(response);
          // }

          if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {

          } else {
            _this.$message.warning(response.data.FunctionResponse.result);
            callback ? callback(callback2) : ''
            _this.taskGLoading[index][0] = false
            _this.ttaskGLoading[index][0] = false
            _this.taskCancelToken1[index] = null
          }

          _this.taskCancelToken1[index] = null
          _this.$forceUpdate();
        })
        .catch((error) => {
          // _this.loading = false
          callback ? callback(callback2) : ''
          _this.taskGLoading[index][0] = false
          _this.ttaskGLoading[index][0] = false
          _this.taskCancelToken1[index] = null
          _this.$forceUpdate();
          console.log(error);
        });
      await _this.aiGetG321LgetAiContent(_uuid, index, callback, callback2)
    },
    aiGetG321LgetAiContent(_uid, index, callback, callback2) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTaskCancelSource1[index] = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error){
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        callback ? callback(callback2) : ''
        this.taskGLoading[index][0] = false
        this.ttaskGLoading[index][0] = false
        this.taskCancelToken1[index][0] = null
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isTaskCancelSource1[index].onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          callback ? callback(callback2) : ''
          this.isTaskCancelSource1[index].close();
          this.isTaskCancelSource1[index] = null;
          this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail = _mdText;
          this.unitJson[0].chapterInfo[0].taskJson[index].chapterData = []
          this.createTeacherAn(index);
          this.taskGLoading[index][0] = false
          this.ttaskGLoading[index][0] = false
          this.taskCancelToken1[index][0] = null
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据.
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail = _mdText;
            _iindex = 0
          }
          this.taskGLoading[index][0] = false
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      this.isTaskCancelSource1[index].onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        callback ? callback(callback2) : ''
        _this.taskGLoading[index][0] = false
        _this.ttaskGLoading[index][0] = false
        _this.isTaskCancelSource1[index].close();
        _this.isTaskCancelSource1[index] = null;
        _this.taskCancelToken1[index][0] = null
      };
    },
    async aiGetG322(messages, index, callback) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      _this.taskCancelToken2[index] = _this.ajax.setCancelSource();

      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, _this.taskCancelToken2[index])
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let tArray = {}
            try {
              tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);

              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }

            let toolsJson = {
              [_this.lang.ssEWhite]: { tool: 1, type: 1 },
              [_this.lang.ssDocument]: { tool: 52, type: 1 },
              [_this.lang.ssMindMap]: { tool: 3, type: 1 },
              [_this.lang.ssTable]: { tool: 48, type: 1 },
              [_this.lang.ssHomework]: { tool: 16, type: 2 },
              [_this.lang.ssQA]: { tool: 15, type: 2 },
              [_this.lang.ssChoice]: { tool: 45, type: 2 },
            }
            if(_this.languageSetting == 1){
              toolsJson = JSON.parse(converter2(JSON.stringify(toolsJson)))
            }else if(_this.languageSetting == 2){
              toolsJson = {
                "Mind Map Tool": { tool: 1, type: 1 },
                "Document tool": { tool: 52, type: 1 },
                "Diagram Tool": { tool: 3, type: 1 },
                "Spreadsheet tool": { tool: 48, type: 1 },
                [_this.lang.ssHomework]: { tool: 16, type: 2 },
                "Q&A Tool": { tool: 15, type: 2 },
                "Choice tool": { tool: 45, type: 2 },
              }
            }
            let _task = tArray
            if(!_task.toolChoose){
              console.log("error_________________JSON不对重新生成");
              _this.$message.error(_this.lang.ssNetWave)
              _this.aiGetG322(messages, index)
              return;
            }
            _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose = []
            if (_task.toolChoose && _task.toolChoose.length) {
              for (var j = 0; j < _task.toolChoose.length; j++) {
                let _json = {
                  tool: [],
                  toolDetail: _task.toolChoose[j].detail,
                  toolType: toolsJson[_task.toolChoose[j].tool] ? toolsJson[_task.toolChoose[j].tool].type : 2,
                  askCount: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                }
                _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(_json)

                if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssQA) || _task.toolChoose[j].tool == 'Q&A Tool'){
                  let answerQ = await _this.aiCreateQuestion(15, index)
                  // _json.answerQ = answerQ.answerQ
                  _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].answerQ = answerQ.answerQ
                }else if(converter(_task.toolChoose[j].tool) == converter(_this.lang.ssChoice) || _task.toolChoose[j].tool == 'Choice tool'){
                  let testJson = await _this.aiCreateQuestion(45, index)
                  // _json.testJson = {"testCount":testJson.length,"testTitle":"","testJson":testJson}
                  _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].testJson = {"testCount":testJson.length,"testTitle":"","testJson":testJson}
                }
                _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.length - 1].tool = toolsJson[_task.toolChoose[j].tool] ? [toolsJson[_task.toolChoose[j].tool].tool] : [16]

                _this.$forceUpdate();
                // _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(_json)
              }
            } else {
              _this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose.push(
                {
                  tool: [],
                  toolDetail: "",
                  toolType: 0,
                  askCount: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                },
              )
            }
            //


            // _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
            // _this.$nextTick(()=>{
            //   setTimeout(() => {
            //     for (var j = 0; j < _task.toolChoose.length; j++) {
            //       if(_this.panTaskElist() == 0 && _this.pjIndex.indexOf(_this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[j].tool[0]) != -1){
            //         _this.$refs['evalist'+index+j][0].openAiDialog('elist');
            //       }
            //     }
            //   }, 2000);
            // })
          }

          callback ? callback() : ''
          _this.taskGLoading[index][1] = false
          _this.taskCancelToken2[index] = null
          _this.$forceUpdate();
        })
        .catch((error) => {
          // _this.loading = false
          callback ? callback() : ''
          _this.taskGLoading[index][1] = false
          _this.taskCancelToken2[index] = null
          _this.$forceUpdate();
          console.log(error);
        });
    },
    async aiGetG323(messages, index) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let tArray = {}
            try {
              tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);

              } catch (error) {
                try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    // eval("var aaa = " + match[0])
                    tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                } catch (error) {
                  console.log("error_________________" + error);
                }
                console.log("error_________________" + error);
              }
            }



            let _task = tArray
            if(!_task.elist){
              console.log("error_________________JSON不对重新生成");
              _this.$message.error(this.lang.ssNetWave)
              _this.aiGetG322(messages, index)
              return;
            }
            _task.elist = _task.elist.filter(el=>{
              el.isai = "1"
              return el
            })
            _this.unitJson[0].chapterInfo[0].taskJson[index].eList = _task.elist
            // _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
            _this.$forceUpdate();
          }

          // callback ? callback() : ''
          _this.taskGLoading[index][2] = false
        })
        .catch((error) => {
          // _this.loading = false
          _this.taskGLoading[index][2] = false
          console.log(error);
        });
    },
    async aiCreateQuestion(type, task) {
      let _this = this
      return new Promise((resolve, reject) => {
        let fileid = _this.isFileSearch ? [..._this.fileIds] : []
        fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
        if (_this.infoData.length) {
          for (var i = 0; i < _this.infoData.length; i++) {
            if(_this.infoData[i].fileid){
              fileid.push(_this.infoData[i].fileid)
            }
          }
        }

        let sub = []
        let mclass = []
        if (this.courseTypeId.length) {
          for (var i = 0; i < this.courseTypeId.length; i++) {
            let _sid = this.courseTypeId[i]
            for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
              if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
                mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
              }
            }
            for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
              if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
                sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
              }
            }
          }
        }
        let messages = ""
        if(type == 15){
          messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 任务
根据本任务的#教案，在考虑到面向学生年级(<面向年级>)以及相对应的学科（<课程学科>）的基础上生成1道问答题。题目的意义是测试学生对本教学任务知识点的掌握情况，你的题目应当是有意义的。然后根据Format example的要求返回要以json的格式

## 限制
- 生成题目应该充分考虑学生年级<面向年级>和面向学科<课程学科>，你的题目应有教学意义。
- 你仅仅需要输出题目，其他什么内容都不需要输出。禁止输出题目以外的任何内容。

## 课程简介
课程名字：${_this.courseName}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}

## 教案
${_this.unitJson[0].chapterInfo[0].taskJson[task].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# Format example
{"answerQ":"问题"}
`
        }else if(type == 45){
          messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 任务
根据本任务的#教案，在考虑到面向学生年级(<面向年级>)以及相对应的学科（<课程学科>）的基础上生成5道单选题。题目的意义是测试学生对本教学任务知识点的掌握情况，你的题目应当是有意义的。

## 限制
- 生成题目禁止重复。
- 生成题目应该充分考虑学生年级<面向年级>和面向学科<课程学科>，你的题目应有教学意义。
- 请严格按照以下格式要求输出内容，题目必须是单选题。
- 你仅仅需要输出题目，其他什么内容都不需要输出。禁止输出题目以外的任何内容。

## 课程简介
课程名字：${_this.courseName}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}

## 教案
${_this.unitJson[0].chapterInfo[0].taskJson[task].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# Format example
[{"teststitle":"题目内容","testItem":4,"checkList":["选项1","选项2","选项3","选项4"],"timuList":[],"answer":0,"type":"1"},{"teststitle":"题目内容","testItem":"选项数量（数字）","checkList":["选项1","选项2","选项3","选项4"],"timuList":[],"answer":"答案（数字）","type":"1"}]
`
        }

        let parm = {
          assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
          message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
          session_name: uuidv4(),
          userId: this.userid,
          file_ids: fileid.length ? [...fileid] : '',
          model: 'gpt-4o-2024-11-20',
          temperature: this.mode == 3 ? 0.5 : 0.1,
        }
        this.ajax
          .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
          .then((response) => {
            console.log(response);
            let data = response.data.FunctionResponse
            if (data.message) {
              console.log(data.message);
              try {
                // let tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
                let tArray = {}
                try {
                  tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
                } catch (error) {
                    console.log("error_________________" + error);
                  try {
                    let regex = new RegExp(/```json([\s\S]*?)```/);
                    let match = data.message.match(regex);
                    tArray = JSON.parse(match[1]);

                      // var message = data.message;
                      // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                      // var jsonEnd = message.indexOf("```", jsonStart);
                      // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                      // tArray = JSON.parse(jsonString);
                  } catch (error) {
                    try {
                        let regex = new RegExp(/```json([\s\S]*?)```/);
                        let match = data.message.match(regex);
                        // eval("var aaa = " + match[0])
                        tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));
                    } catch (error) {
                      try {
                          let regex = new RegExp(/```json([\s\S]*?)```/);
                          let regex2 = new RegExp("([a-zA-Z]+)(?=:)", "g")
                          let match = data.message.match(regex.replace(regex2, '"$1"'));
                          // eval("var aaa = " + match[0])
                          tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));
                      } catch (error) {
                        console.log("error_________________" + error);
                      }
                      console.log("error_________________" + error);
                    }
                    console.log("error_________________" + error);
                  }
                }
                resolve(tArray)
              } catch (error) {
                if(type == 15){
                  resolve({answerQ: _this.lang.ssTopic})
                }else if(type == 45){
                  resolve([{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}])
                }
              }

            }else if(type == 15){
              resolve({answerQ: _this.lang.ssTopic})
            }else if(type == 45){
              resolve([{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}])
            }
          })
          .catch((error) => {

            if(type == 15){
              resolve({answerQ: _this.lang.ssTopic})
            }else if(type == 45){
              resolve([{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}])
            }
            console.log(error);
          });
        });
    },
    async aiChoice(type){
      if(type == 45){
        this.choiceLoading = true
      }
      let _this = this
      let fileid = []


      if (_this.xuanzeInfoData.length) {
        for (var i = 0; i < _this.xuanzeInfoData.length; i++) {
          if(_this.xuanzeInfoData[i].fileid){
            fileid.push(_this.xuanzeInfoData[i].fileid)
          }
        }
      }else{
        fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
        if (_this.infoData.length) {
          for (var i = 0; i < _this.infoData.length; i++) {
            if(_this.infoData[i].fileid){
              fileid.push(_this.infoData[i].fileid)
            }
          }
        }
      }

      let sub = []
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let messages = ""
      if(type == 15){
        messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 任务
根据本任务的#教案，在考虑到面向学生年级(<面向年级>)以及相对应的学科（<课程学科>）的基础上生成1道问答题。题目的意义是测试学生对本教学任务知识点的掌握情况，你的题目应当是有意义的。然后根据Format example的要求返回要以json的格式
${_this.xuanzeInfoData.length ? '尽量参考上传文件中的内容生成' : ''}

## 限制
- 生成题目应该充分考虑学生年级<面向年级>和面向学科<课程学科>，你的题目应有教学意义。
- 你仅仅需要输出题目，其他什么内容都不需要输出。禁止输出题目以外的任何内容。

## 课程简介
课程名字：${_this.courseName}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}

## 教案
${_this.unitJson[0].chapterInfo[0].taskJson[_this.taskCount].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# Format example
{"answerQ":"问题"}
`
      }else if(type == 45){
        messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

# Context
## 任务
根据本任务的#教案，在考虑到面向学生年级(<面向年级>)以及相对应的学科（<课程学科>）的基础上生成5道单选题。题目的意义是测试学生对本教学任务知识点的掌握情况，你的题目应当是有意义的。
${_this.xuanzeInfoData.length ? '尽量参考上传文件中的内容生成' : ''}

## 限制
- 生成题目禁止重复。
- 生成题目应该充分考虑学生年级<面向年级>和面向学科<课程学科>，你的题目应有教学意义。
- 请严格按照以下格式要求输出内容，题目必须是单选题。
- 你仅仅需要输出题目，其他什么内容都不需要输出。禁止输出题目以外的任何内容。

## 课程简介
课程名字：${_this.courseName}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}

## 教案
${_this.unitJson[0].chapterInfo[0].taskJson[_this.taskCount].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

# Format example
[{"teststitle":"题目内容","testItem":4,"checkList":["选项1","选项2","选项3","选项4"],"timuList":[],"answer":0,"type":"1"},{"teststitle":"题目内容","testItem":"选项数量（数字）","checkList":["选项1","选项2","选项3","选项4"],"timuList":[],"answer":"答案（数字）","type":"1"}]
`
      }

      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            try {
              // let tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
              let tArray = {}
              try {
                tArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
              } catch (error) {
                  console.log("error_________________" + error);
                try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  tArray = JSON.parse(match[1]);

                    // var message = data.message;
                    // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                    // var jsonEnd = message.indexOf("```", jsonStart);
                    // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                    // tArray = JSON.parse(jsonString);
                } catch (error) {
                  try {
                      let regex = new RegExp(/```json([\s\S]*?)```/);
                      let regex2 = new RegExp("([a-zA-Z]+)(?=:)", "g")
                      let match = data.message.match(regex.replace(regex2, '"$1"'));
                      // eval("var aaa = " + match[0])
                      tArray = JSON.parse(match[1].replace(/\n/g, '').replace(/\s{2,}/g, ' '));

                  } catch (error) {
                    console.log("error_________________" + error);
                  }
                  console.log("error_________________" + error);
                }
              }
              if(type == 45){
                this.testJson = {"testCount":tArray.length,"testTitle":"","testJson":tArray}
              }
            } catch (error) {
              if(type == 15){
                {answerQ: _this.lang.ssTopic}
              }else if(type == 45){
                let _test = [{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}]
                _this.testJson = {"testCount":_test.length,"testTitle":"","testJson":_test}
              }
              _this.choiceLoading = false
            }

          }else if(type == 15){
            {answerQ: _this.lang.ssTopic}
          }else if(type == 45){
            let _test = [{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}]
            _this.testJson = {"testCount":_test.length,"testTitle":"","testJson":_test}
          }
          _this.choiceLoading = false
        }).catch((error) => {
          if(type == 15){
            {answerQ: _this.lang.ssTopic}
          }else if(type == 45){
            let _test = [{"teststitle":_this.lang.ssTopic + "1","testItem":4,"checkList":[_this.lang.ssOption + "1",_this.lang.ssOption + "2",_this.lang.ssOption + "3",_this.lang.ssOption + "4"],"timuList":[],"answer":0,"type":"1"}]
            _this.testJson = {"testCount":_test.length,"testTitle":"","testJson":_test}
          }
          console.log(error);
          _this.choiceLoading = false
        });
    },
    async aiGet4(messages, callback, clickType) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      for (var i = 0; i < _this.cankaoInfoData.length; i++) {
        if(_this.cankaoInfoData[i].fileid){
          fileid.push(_this.cankaoInfoData[i].fileid)
        }else {
          let _fileid = await _this.createFileid(_this.cankaoInfoData[i].url)
          if(_fileid){
            _this.cankaoInfoData[i].fileid = _fileid == 1 ? '' : _fileid
            _this.$forceUpdate();
            if(_fileid != 1){
              fileid.push(_fileid)
            }
          }
        }
      }



      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      // // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let dArray = JSON.parse(data.choices[0].message.content)
      //     _this.teacherText = JSON.parse(data.choices[0].message.content)
      //     if (_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5") {
      //       _this.unitJson[0].chapterInfo[0].taskJson = []
      //       for (var i = 0; i < dArray.length; i++) {
      //         let _task = dArray[i]
      //         _this.unitJson[0].chapterInfo[0].taskJson.push({
      //           task: _task.task,
      //           taskDetail: "",
      //           taskDetail2: "",
      //           taskDetail3: _task.detail,
      //           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[0].chapterInfo[0].taskJson[0].chapterData = _this.infoData
      //       _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //       _this.$forceUpdate();
      //     } else {
      //       for (var i = 0; i < dArray.length; i++) {
      //         let _task = dArray[i]
      //         if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
      //           _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = _task.detail
      //         }else {
      //           _this.unitJson[0].chapterInfo[0].taskJson[i] = {
      //             task: _task.task,
      //             taskDetail: "",
      //             taskDetail2: "",
      //             taskDetail3: _task.detail,
      //             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.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //       _this.$forceUpdate();
      //     }
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let dArray = JSON.parse(data.result)
      //   //   _this.teacherText =  JSON.parse(data.result)

      //   //   for (var i = 0; i < dArray.length; i++) {
      //   //     let _task = dArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = _task.detail
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      //   _this.loading = false
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });



      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            // let dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            let dArray = []
            try {
              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
            } catch (error) {
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  dArray = JSON.parse(match[1]);

                  // var message = data.message;
                  // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                  // var jsonEnd = message.indexOf("```", jsonStart);
                  // var jsonString = message.substring(jsonStart, jsonEnd).trim();
                  // dArray = JSON.parse(jsonString);
              } catch (error) {
                _this.aiGet4(messages, callback)
                _this.$message.error(this.lang.ssNetWave)
                console.log("error_________________" + error);
                return;
                console.log("error_________________" + error);
                _this.loading = false
              }
            }
            try {
              _this.teacherText = JSON.parse(JSON.stringify(dArray))
              if (_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") {
                if(_this.panTeacher() > 0){
                  for(var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++){
                    _this.unitJson[0].chapterInfo[0].taskJson[i].task = ""
                    _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = ""
                  }
                  for (var i = 0; i < dArray.length; i++) {
                    let _task = dArray[i]
                    if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
                      _this.unitJson[0].chapterInfo[0].taskJson[i].task = _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':','')
                      _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = _task.detail
                    }else {
                      _this.unitJson[0].chapterInfo[0].taskJson.push({
                        task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                        taskDetail: "",
                        taskDetail2: "",
                        taskDetail3: _task.detail,
                        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: [],
                      })
                    }

                  }
                }else {
                  _this.unitJson[0].chapterInfo[0].taskJson = []
                  for (var i = 0; i < dArray.length; i++) {
                    let _task = dArray[i]
                    _this.unitJson[0].chapterInfo[0].taskJson.push({
                      task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                      taskDetail: "",
                      taskDetail2: "",
                      taskDetail3: _task.detail,
                      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[0].chapterInfo[0].taskJson[0].chapterData = JSON.parse(JSON.stringify(_this.infoData))
                _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
                _this.$forceUpdate();
              } else {
                for (var i = 0; i < dArray.length; i++) {
                  let _task = dArray[i]
                  if(_this.unitJson[0].chapterInfo[0].taskJson[i]){
                    _this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3 = _task.detail
                  }else {
                    _this.unitJson[0].chapterInfo[0].taskJson[i] = {
                      task: _task.task.replaceAll(_this.lang.ssTask+(i+1),'').replaceAll(_this.lang.ssTask+_this.numberToChinese(i+1),'').replaceAll(_this.lang.ssColon,'').replaceAll(':',''),
                      taskDetail: "",
                      taskDetail2: "",
                      taskDetail3: _task.detail,
                      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.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
                _this.$forceUpdate();
              }
            } catch (error) {
              _this.$message.error(this.lang.ssNetWave)
              _this.aiGet4(messages, callback)
              console.log("error_________________" + error);
              return;
              // _this.loading = false
            }

          }
          callback ? callback() : ''
        })
        .catch((error) => {
          _this.loading = false
          console.log(error);
        });
    },
    async aiDetail(msg, index) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      let messages = `NOTICE
Role: 你是创建课程的老师（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 要求
${msg}

## 参考信息
任务名称：${_this.aiCallBack.task}

## 优化内容
大纲描述：${_this.aiCallBack.taskDetail2}。 `

// -------- #补充参考资料和
// ## 补充参考资料
// - 补充资料：${url.join(",")}
// - 补充描述：${_this.courseText2}
      _this.taskDetailLoading.push(_tindex)
      _this.ttaskDetailLoading.push(_tindex)
      _this.isOutlineTaskCancelToken[index] = _this.ajax.setCancelSource();
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isOutlineTaskCancelToken[index]).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }

        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isOutlineTaskCancelToken[index] = null
        // _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
      }).catch(function (error) {
        _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        _this.ttaskDetailLoading.splice(_this.ttaskDetailLoading.indexOf(_tindex), 1)
        _this.isOutlineTaskCancelToken[index] = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiDetailgetAiContent(_uuid, _tindex, _tindex2)
    },
    aiDetailgetAiContent(_uid, loading, _tindex2) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isOutlineTaskCancelSource[_tindex2] = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error){
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
        this.ttaskDetailLoading.splice(this.ttaskDetailLoading.indexOf(loading), 1)
        this.isOutlineTaskCancelToken[_tindex2] = null
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isOutlineTaskCancelSource[_tindex2].onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isOutlineTaskCancelSource[_tindex2].close();
          this.isOutlineTaskCancelSource[_tindex2] = null;
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = _mdText;
          this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
          this.ttaskDetailLoading.splice(this.ttaskDetailLoading.indexOf(loading), 1)
          this.isOutlineTaskCancelToken[_tindex2] = null
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据.
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = _mdText;
            _iindex = 0
          }
          this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      this.isOutlineTaskCancelSource[_tindex2].onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(loading), 1)
        _this.ttaskDetailLoading.splice(_this.ttaskDetailLoading.indexOf(loading), 1)
        _this.isOutlineTaskCancelToken[_tindex2] = null
        _this.isOutlineTaskCancelSource[_tindex2].close();
        _this.isOutlineTaskCancelSource[_tindex2] = null;
      };
    },
    async aiOutlineDetail(msg, index) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      let target = _this.targetCourseText2 ? _this.targetCourseText2 : _this.targetcoursetext
      let messages = `NOTICE
Role: 你是创建课程的老师，内容不要以markdown形式出现，只需要口语化的形式。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 要求
${msg ? msg : _this.aiJson.aiOutlineDetail}

## 参考信息
课程名字：${_this.courseName}
任务名称：${_this.aiCallBack.task ? _this.aiCallBack.task : _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${target ? '课程目标：' + target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

# Format example
子任务名称：名称应该总结了该任务是在做什么，
子任务设计：任务设计。
${_this.languageSetting == 2 ? 'Sub-Objectives' : '子教学目标'}：教学目标。
${_this.languageSetting == 2 ? 'Formative Outcomes' : '学生过程性成果'}：学生过程性成果。
${_this.languageSetting == 2 ? 'Sub-Criteria' : '评价标准'}：评价标准。
`

// 教学目标:教学目标。
// 任务设计:任务设计。
// 评价标准:评价标准。 内容不要以markdown形式出现，只需要口语化的形式

// -------- #补充参考资料和
// ## 补充参考资料
// - 补充资料：${url.join(",")}
// - 补充描述：${_this.courseText2}
      _this.taskDetailLoading.push(_tindex)
      _this.ttaskDetailLoading.push(_tindex)
      _this.isOutlineTaskCancelToken[index] = _this.ajax.setCancelSource();
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isOutlineTaskCancelToken[index]).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }

        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
          _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].isTask2 = false
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isOutlineTaskCancelToken[index] = null
        // _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
      }).catch(function (error) {
        _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        _this.ttaskDetailLoading.splice(_this.ttaskDetailLoading.indexOf(_tindex), 1)
        _this.isOutlineTaskCancelToken[index] = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiOutlineDetailgetAiContent(_uuid, _tindex, _tindex2)
    },
    async aiOutlineDetail2(msg, index) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      let target = _this.targetCourseText2 ? _this.targetCourseText2 : _this.targetcoursetext
      let taskArray = []
      let taskArrayD = []
      for (var k = 0; k < this.unitJson[0].chapterInfo[0].taskJson.length; k++) {
          // _text += `任务名称：${this.unitJson[0].chapterInfo[0].taskJson[i].task}`
          if(k != index){
            taskArray.push(this.unitJson[0].chapterInfo[0].taskJson[k].task)
            taskArrayD.push(this.unitJson[0].chapterInfo[0].taskJson[k].taskDetail2.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n',''))
          }
        }
      let messages = `NOTICE
Role: 你是创建课程的老师，内容不要以markdown形式出现，只需要口语化的形式。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 要求
${msg}

## 参考信息
课程名字：${_this.courseName} 任务名称：${_this.aiCallBack.task ? _this.aiCallBack.task : _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
${_this.courseText ? '课程简要描述：' + _this.courseText : ''}
${target ? '课程目标：' + target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
${taskArray.length ? '其他任务大纲名字：' + taskArray.join(',') : ''}
${taskArray.length ? '其他任务大纲内容' + taskArray.join(',') : ''}

# Format example
**子任务标题**：环节+子任务名称
**${this.languageSetting == 2 ? 'Sub-Objectives': '子教学目标'}**：子教学目标是课程目标在该任务的分解目标，撰写格式同子教学目标
**${this.languageSetting == 2 ? 'Formative Outcomes': '过程性成果'}**：过程性成果是最终成果的一部分或者是中间成果（例如背景设计-大纲-章节-童话）
**${this.languageSetting == 2 ? 'Sub-Criteria': '子评价标准'}**：以学生能做到...开始，需要匹配子教学目标和教学任务和过程性成果
`
// 教学目标:教学目标。
// 任务设计:任务设计。
// 评价标准:评价标准。 内容不要以markdown形式出现，只需要口语化的形式
// -------- #补充参考资料和
// ## 补充参考资料
// - 补充资料：${url.join(",")}
// - 补充描述：${_this.courseText2}
      _this.taskDetailLoading.push(_tindex)
      _this.ttaskDetailLoading.push(_tindex)
      _this.isOutlineTaskCancelToken[index] = _this.ajax.setCancelSource();
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages) : messages}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isOutlineTaskCancelToken[index]).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }

        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
          _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].isTask2 = false
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isOutlineTaskCancelToken[index] = null
        // _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
      }).catch(function (error) {
        _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        _this.ttaskDetailLoading.splice(_this.ttaskDetailLoading.indexOf(_tindex), 1)
        _this.isOutlineTaskCancelToken[index] = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiOutlineDetailgetAiContent(_uuid, _tindex, _tindex2)
    },
    aiOutlineDetailgetAiContent(_uid, loading, _tindex2) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isOutlineTaskCancelSource[_tindex2] = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
        this.ttaskDetailLoading.splice(this.ttaskDetailLoading.indexOf(loading), 1)
        this.isOutlineTaskCancelToken[_tindex2] = null
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isOutlineTaskCancelSource[_tindex2].onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isOutlineTaskCancelSource[_tindex2].close();
          this.isOutlineTaskCancelSource[_tindex2] = null;
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = _mdText;
          if(!this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 && this.isOutline2){
            this.aiDetail52(this.aiJson['teacherDetail2'], _tindex2)
          }
          this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
          this.ttaskDetailLoading.splice(this.ttaskDetailLoading.indexOf(loading), 1)
          this.isOutlineTaskCancelToken[_tindex2] = null
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据.
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 = _mdText;
            _iindex = 0
          }
          if(this.taskDetailLoading.indexOf(loading) !== -1){
            this.taskDetailLoading.splice(this.taskDetailLoading.indexOf(loading), 1)
          }
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      this.isOutlineTaskCancelSource[_tindex2].onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.taskDetailLoading.splice(_this.taskDetailLoading.indexOf(loading), 1)
        _this.ttaskDetailLoading.splice(_this.ttaskDetailLoading.indexOf(loading), 1)
        _this.isOutlineTaskCancelToken[_tindex2] = null
        _this.isOutlineTaskCancelSource[_tindex2].close();
        _this.isOutlineTaskCancelSource[_tindex2] = null;
      };
    },
    async aiDetail2(msg, index) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }


      let messages = `NOTICE
Role: 你是一名老师，可以给与学生的指示，对应到学生活动，你应该用友好，但是又清晰明确的口吻来撰写，内容不要以markdown形式出现，只需要口语化的形式。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 要求
${msg}

## 参考资料
任务名字: ${_this.aiCallBack.task}

## 优化信息
${_this.aiCallBack.taskDetail}

# Format example
任务描述：该描述是教师给与学生的指示（用于指导学生如何进行教学活动），对应到学生活动，你应该用友好，但是又清晰明确的口吻来撰写。`
      _this.taskDetailLoading2.push(_tindex)
      _this.ttaskDetailLoading2.push(_tindex)
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ")) : messages.replaceAll('\n', " ")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }
        // _this.taskDetailLoading2.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
      }).catch(function (error) {
        _this.taskDetailLoading2.splice(_this.taskDetailLoading2.indexOf(_tindex), 1)
        _this.ttaskDetailLoading2.splice(_this.ttaskDetailLoading2.indexOf(_tindex), 1)
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiDetail2getAiContent(_uuid, _tindex, _tindex2)
    },
    aiDetail2getAiContent(_uid, loading, _tindex2) {
      let _source;
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        _source = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.taskDetailLoading2.splice(this.taskDetailLoading2.indexOf(loading), 1)
        this.ttaskDetailLoading2.splice(this.ttaskDetailLoading2.indexOf(loading), 1)
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      _source.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          _source.close();
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = _mdText;
          this.taskDetailLoading2.splice(this.taskDetailLoading2.indexOf(loading), 1)
          this.ttaskDetailLoading2.splice(this.ttaskDetailLoading2.indexOf(loading), 1)
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = _mdText;
            _iindex = 0
          }
          this.taskDetailLoading2.splice(this.taskDetailLoading2.indexOf(loading), 1)
          // 处理流数据
        }
        // this.$forceUpdate();
      };
      let _this = this
      _source.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.taskDetailLoading2.splice(_this.taskDetailLoading2.indexOf(loading), 1)
        _this.ttaskDetailLoading2.splice(_this.ttaskDetailLoading2.indexOf(loading), 1)
        _source.close();
      };
    },
    async aiDetail3(msg, index, tindex) {
      let _this = this
      const _tindex = 'task-' + index + tindex
      const _tindex2 = index
      const _tindex3 = tindex

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      let tool = _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].tool[0]
      let appJson = _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].appJson
      // **重点考虑该任务及工具名和工具内容的情况下*
      let messages = `NOTICE
Role: 你是一名老师，可以给与学生的指示，对应到学生活动，你应该用友好，但是又清晰明确的口吻来撰写，内容不要以markdown形式出现，只需要口语化的形式。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考内容
任务名称：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
任务描述：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail}
工具名称：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].tool[0] ? _this.toolsData[_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].tool[0]].name : '无'}
工具内容：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].toolDetail}
${tool == 72 && appJson && appJson.name && `应用名称：${appJson.name}`}
${tool == 72 && appJson && appJson.detail && `应用描述：${appJson.detail}`}

## 要求
${msg} 输出格式和内容要求参考#格式与要求

# Format example
工具指引：以友好，明确的口吻告诉学生该如何使用该工具，不要不要以markdown形式出现，只需要口语化的形式`
      _this.taskDetailLoading3.push(_tindex)
      _this.ttaskDetailLoading3.push(_tindex)
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].toolDetail = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }
        // _this.taskDetailLoading3.splice(_this.taskDetailLoading3.indexOf(_tindex), 1)
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
      }).catch(function (error) {
        _this.taskDetailLoading3.splice(_this.taskDetailLoading3.indexOf(_tindex), 1)
        _this.ttaskDetailLoading3.splice(_this.ttaskDetailLoading3.indexOf(_tindex), 1)
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiDetail3getAiContent(_uuid, _tindex, _tindex2, _tindex3)
    },
    aiDetail3getAiContent(_uid, loading, _tindex2, _tindex3) {
      let _source;
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        _source = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', event);
        this.$message.error(this.lang.ssTooManyReq)
        this.taskDetailLoading3.splice(this.taskDetailLoading3.indexOf(loading), 1)
        this.ttaskDetailLoading3.splice(this.ttaskDetailLoading3.indexOf(loading), 1)
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      _source.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          _source.close();
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].toolDetail = _mdText;
          this.taskDetailLoading3.splice(this.taskDetailLoading3.indexOf(loading), 1)
          this.ttaskDetailLoading3.splice(this.ttaskDetailLoading3.indexOf(loading), 1)
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].toolChoose[_tindex3].toolDetail = _mdText;
            _iindex = 0
          }
          this.taskDetailLoading3.splice(this.taskDetailLoading3.indexOf(loading), 1)
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      _source.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.taskDetailLoading3.splice(_this.taskDetailLoading3.indexOf(loading), 1)
        _this.ttaskDetailLoading3.splice(_this.ttaskDetailLoading3.indexOf(loading), 1)
        _source.close();
      };
    },
    async aiDetail4(msg, index) {
      if (!msg.length) {
        this.$message.error(this.lang.ssAddEvaOpt)
        return
      }
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      if (_this.pingjiaInfoData[index] && _this.pingjiaInfoData[index].length) {
        for (var i = 0; i < _this.pingjiaInfoData[index].length; i++) {
          if(_this.pingjiaInfoData[index][i].fileid){
            fileid.push(_this.pingjiaInfoData[index][i].fileid)
          }
        }
      }

      var _text = ""
      if(_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList && _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList.length){
        for (var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList.length; i++) {
          // _text += `评价维度：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].value} 维度描述：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].detail} 目标：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].target ? _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].target : ''} `
          _text += `目标：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].value} 评价标准：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].detail} 核心素养：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].target ? _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList[i].target : ''} `
        }
      }

// -评价标准：至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....

      // **重点考虑该任务详情**
//       let messages = `
// Language: ${this.getLang()}
// ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".

// #Context
// ## 参考内容
// 任务名称：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
// 任务描述：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail}
// 评价设计：${_text}
// 教学任务教案：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

// ## 要求
// ${msg} 优化评价维度和维度描述，输出格式和内容要求参考# 格式与要求

// # 格式与要求
// 评价标准：至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，维度描述，评价目标，以及评价目标是根据教学任务教案提取关于这个评价维度的目标，还有该维度中教师期待学生的表现，维度描述的句式为学生应该能....

// # Format example
// [{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5},{"value":"评价维度","detail":"维度描述",target:"评价目标","score":5}]`
let messages = `
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".

#Context
## 参考内容
任务名称：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
任务描述：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail}
${_text ? '评价设计：'+_text : ''}
教学任务教案：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')}

## 要求
${msg} 优化核心素养、目标、评价标准，输出格式和内容要求参考# 格式与要求

# 格式与要求
核心素养：从教案中提取
目标：从教案中提取
评价标准：从教案中提取评价标准

# Format example
[{"value":"目标","detail":"评价标准",target:"核心素养","score":5},{"value":"目标","detail":"评价标准",target:"核心素养","score":5},{"value":"目标","detail":"评价标准",target:"核心素养","score":5}]`
      _this.taskDetailLoading4.push(_tindex)
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: _this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages: [{
      //           content: messages,
      //           role: 'user'
      //         }], //
      //     },
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat', params).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
        console.log(response);
        let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = JSON.parse(data.choices[0].message.content)
        //   _this.$forceUpdate()
        // }
        if (data.message) {
          console.log(data.message);
          try {
            _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = JSON.parse(data.message.replaceAll("```json", "").replaceAll("```", ""))
          } catch (e) {
              console.log("error_________________" + e);
              // _this.$message.error(data.message)
              try {
                let regex = new RegExp(/```json([\s\S]*?)```/);
                let match = data.message.match(regex);
                let elist = JSON.parse(match[1])
                elist = elist.filter(el=>{
                  el.isai = 1
                  return el
                })
                _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = elist;

                // var message = data.message;
                // var jsonStart = message.indexOf("```json") + 7; // `+ 7` 是为了跳过 ```json
                // var jsonEnd = message.indexOf("```", jsonStart);
                // if (jsonStart !== -1 && jsonEnd !== -1) {
                //     var jsonString = message
                //         .substring(jsonStart, jsonEnd)
                //         .trim();
                //     var _data2 = JSON.parse(jsonString);
                //     _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = _data2
                // }
              } catch (error) {
              }
          }
          _this.$forceUpdate()
        }
        // if (data.result) {
        //   console.log(data.result);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = JSON.parse(data.result)
        //   _this.$forceUpdate()
        // }
        _this.taskDetailLoading4.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
      }).catch(function (error) {
        _this.taskDetailLoading4.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
    },
    async aiDetail5(msg, index) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      var _text = ""
      var _text2 = ""
      for (var i = 0; i < _this.unitJson[0].chapterInfo[0].taskJson.length; i++) {
        _text += `任务名称：${_this.unitJson[0].chapterInfo[0].taskJson[i].task} 任务描述：${_this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail2.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')} \n`
        _text2 += `任务名称：${_this.unitJson[0].chapterInfo[0].taskJson[i].task} 教案描述：${_this.unitJson[0].chapterInfo[0].taskJson[i].taskDetail3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','')} \n`
      }
      let messages = `
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".

--------
## 要求
${msg}

-------
## 本教案描述
${_this.aiCallBack}

-------
## 课程大纲
${_text}

-------
## 其他教学任务教案
${_text2}`

// ## 补充参考资料
// - 补充资料：${url.join(",")}
// - 补充描述：${this.courseText2}
      _this.taskDetailLoading5.push(_tindex)
      _this.ttaskDetailLoading5.push(_tindex)
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }
        // _this.taskDetailLoading2.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
      }).catch(function (error) {
        if(_this.taskDetailLoading5.indexOf(_tindex) != -1){
          _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(_tindex), 1)
        }
        if(_this.ttaskDetailLoading5.indexOf(_tindex) != -1){
          _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(_tindex), 1)
        }
        // _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(_tindex), 1)
        // _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(_tindex), 1)
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiDetail5getAiContent(_uuid, _tindex, _tindex2)
    },
    aiDetail5getAiContent(_uid, loading, _tindex2) {
      let _source;
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        _source = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error){
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        if(this.taskDetailLoading5.indexOf(loading) != -1){
          this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        }
        if(this.ttaskDetailLoading5.indexOf(loading) != -1){
          this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
        }
        // this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        // this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      _source.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          _source.close();
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = _mdText;
          if(this.taskDetailLoading5.indexOf(loading) != -1){
          this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        }
        if(this.ttaskDetailLoading5.indexOf(loading) != -1){
          this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
        }
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = _mdText;
            _iindex = 0
          }
          if(this.taskDetailLoading5.indexOf(loading) !== -1){
            this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
          }
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      _source.onerror = function(event) {
          // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        if(_this.taskDetailLoading5.indexOf(loading) != -1){
          _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(loading), 1)
        }
        if(_this.ttaskDetailLoading5.indexOf(loading) != -1){
          _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(loading), 1)
        }
        _source.close();
      };
    },
    async aiDetail52(msg, index, callback) {
      let _this = this
      const _tindex = 'task-' + index
      const _tindex2 = index

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let url = []
      if (this.infoData.length) {
        for (var i = 0; i < this.infoData.length; i++) {
          url.push(this.infoData[i].url)
        }
      }
      let taskN = []
      let taskD = []
      for(var ti = 0; ti < _this.unitJson[0].chapterInfo[0].taskJson.length; ti++){
        if(_tindex2 != ti){
          taskN.push("任务"+(ti+1)+"："+_this.unitJson[0].chapterInfo[0].taskJson[ti].task)
          taskD.push("任务"+(ti+1)+"描述："+_this.unitJson[0].chapterInfo[0].taskJson[ti].taskDetail2.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n',''))
        }
      }
      let messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）
Language: ${this.getLang()}
ATTENTION:  follow "Language"

#Context
## 要求
${msg}

## 补充描述
课程简要描述：${_this.courseText}
任务名：${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].task}
${(_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '' : `其他大纲的任务名：${taskN.join(",")}`}
${(_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? 'index:'+(_tindex2+1) : ''}
${_this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2 ? '任务描述：' + _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail2.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
${(_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '' : `其他大纲的任务描述：${taskD.join("\n")}`}
${(_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '#目标层：'+_this.cpote.cpote3.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
${(_this.templateid == "4480d65a-1e48-11ef-bee5-005056b86db5" || _this.templateid == "cf5722a4-401b-11ef-b873-005056b86dc3") ? '#任务簇：'+_this.cpote.cpote4.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
`

// ## 补充参考资料
// - 补充资料：${url.join(",")}
// - 补充描述：${this.courseText2}
      if(_this.taskDetailLoading5.indexOf(_tindex) === -1){
        _this.taskDetailLoading5.push(_tindex)
      }
      if(_this.ttaskDetailLoading5.indexOf(_tindex) === -1){
        _this.ttaskDetailLoading5.push(_tindex)
      }
      _this.isTeacherTaskCancelToken2[index] = _this.ajax.setCancelSource();
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTeacherTaskCancelToken2[index]).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }
        // _this.taskDetailLoading2.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
          _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].isTask3 = false
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTeacherTaskCancelToken2[index] = null
      }).catch(function (error) {
        if(error && error.message != 'Request canceled by the user.'){
          _this.isTeacherTaskCancelToken2[index] = null
          if(_this.taskDetailLoading5.indexOf(_tindex) != -1){
            _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(_tindex), 1)
          }
          if(_this.ttaskDetailLoading5.indexOf(_tindex) != -1){
            _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(_tindex), 1)
          }
          // _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(_tindex), 1)
          // _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(_tindex), 1)
          _this.$message.error(this.lang.ssTooManyReq)
          _this.$confirm(_this.lang.ssPlanGenFail, _this.lang.ssTip, {
            confirmButtonText: _this.lang.ssConfirm,
            cancelButtonText: _this.lang.ssCancel,
            distinguishCancelAndClose: true,
            type: "warning",
            customClass: 'custom-confirm-box'
          })
            .then(() => {
            _this.aiDetail52(msg, index, callback)
          }).catch((v) => {
            console.log(v);
            callback ? callback() : ''
          })
          setTimeout(() => {
            _this.setTipsIndex()
          }, 500)
        }
        console.log(error);
      });
      await _this.aiDetail52getAiContent(_uuid, _tindex, _tindex2, callback, msg)
    },
    aiDetail52getAiContent(_uid, loading, _tindex2, callback, msg) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTeacherTaskCancelSource[_tindex2] = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        if(this.taskDetailLoading5.indexOf(loading) != -1){
          this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        }
        if(this.ttaskDetailLoading5.indexOf(loading) != -1){
          this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
        }
        this.isTeacherTaskCancelToken2[_tindex2] = null
        _this.$confirm(_this.lang.ssPlanGenFail, _this.lang.ssTip, {
          confirmButtonText: _this.lang.ssConfirm,
          cancelButtonText: _this.lang.ssCancel,
          distinguishCancelAndClose: true,
          type: "warning",
          customClass: 'custom-confirm-box'
        })
          .then(() => {
          _this.aiDetail52(msg, _tindex2, callback)
        }).catch((v) => {
          console.log(v);
          callback ? callback() : ''
        })
        setTimeout(() => {
          _this.setTipsIndex()
        }, 500)
        return;
      }

      let _allText = "";
      let _mdText = "";
      this.allTextArray[_tindex2] = ""
      let _iindex = 0
      this.isTeacherTaskCancelSource[_tindex2].onmessage = async (_e) => {
        // await _this.aiDetail52getAiContentText(_e, loading, _tindex2, _source)
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isTeacherTaskCancelSource[_tindex2].close();
          this.isTeacherTaskCancelSource[_tindex2] = null;
          this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = _mdText;
          if(this.taskDetailLoading5.indexOf(loading) != -1){
            this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
          }
          if(this.ttaskDetailLoading5.indexOf(loading) != -1){
            this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
          }
          this.isTeacherTaskCancelToken2[_tindex2] = null
          callback ? callback() : ''
          // this.createTeacherAn(_tindex2, 2);
          this.saveCourse()
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = _mdText;
            _iindex = 0
          }
          if(this.taskDetailLoading5.indexOf(loading) !== -1){
            this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
          }
          // 处理流数据
        }
      };

      let _this = this
      _this.isTeacherTaskCancelSource.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        if(_this.taskDetailLoading5.indexOf(loading) != -1){
          _this.taskDetailLoading5.splice(_this.taskDetailLoading5.indexOf(loading), 1)
        }
        if(_this.ttaskDetailLoading5.indexOf(loading) != -1){
          _this.ttaskDetailLoading5.splice(_this.ttaskDetailLoading5.indexOf(loading), 1)
        }
        _this.isTeacherTaskCancelSource[_tindex2].close();
        _this.isTeacherTaskCancelSource[_tindex2] = null;
        _this.isTeacherTaskCancelToken2[_tindex2] = null
        _this.$confirm(_this.lang.ssPlanGenFail, _this.lang.ssTip, {
          confirmButtonText: _this.lang.ssConfirm,
          cancelButtonText: _this.lang.ssCancel,
          distinguishCancelAndClose: true,
          type: "warning",
          customClass: 'custom-confirm-box'
        })
          .then(() => {
          _this.aiDetail52(msg, _tindex2, callback)
        }).catch((v) => {
          console.log(v);
          callback ? callback() : ''
        })
        setTimeout(() => {
          _this.setTipsIndex()
        }, 500)
      };
    },
    aiDetail52getAiContentText(_e, loading, _tindex2, _source){
      let _mdText = "";
      let _eData = JSON.parse(_e.data).content;
      if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
        //对话已经完成
        this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = this.allTextArray[_tindex2].replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
        _source.close();
        this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        this.ttaskDetailLoading5.splice(this.ttaskDetailLoading5.indexOf(loading), 1)
        return;
      } else {
        //对话还在继续
        let _text = "";
        _text = _eData.replaceAll("'", "");
        if (this.allTextArray[_tindex2] == "") {
          this.allTextArray[_tindex2] = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
        } else {
          this.allTextArray[_tindex2] += _text;
        }
        _mdText = this.allTextArray[_tindex2] + "_";
        _mdText = this.allTextArray[_tindex2].replace(/\\n/g, "\n");
        _mdText = this.allTextArray[_tindex2].replace(/\\/g, "");
        if (this.allTextArray[_tindex2].split("```").length % 2 == 0) _mdText += "\n```\n";
        this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail3 = _mdText
        this.taskDetailLoading5.splice(this.taskDetailLoading5.indexOf(loading), 1)
        // 处理流数据
      }
    },
    async aiCpote(msg, callback) {
      let _this = this
      let _index = _this.aitype.replace("aiC","c")

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]
      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      let sub = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
// ${this.getListClassC(this.checkboxList2) ?  '班级：' + this.getListClassC(this.checkboxList2) : "无"}
// ${this.cpote[_index] ? '## 优化内容\n'+this.cpote[_index] : ''}
let courseText = this.courseText ? this.courseText : this.teacherCourseText
let target = this.targetCourseText2 ? this.targetCourseText2 : this.targetcoursetext
      let messages = `NOTICE
Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）
Language: ${this.getLang()}
ATTENTION:  follow "Language"

${msg}

## 课程简介
课程名字：${this.courseName}
${courseText ? '课程简要描述：' + courseText.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${target ? '课程目标：' + target.replaceAll('#','').replaceAll('*','').replaceAll('-','').replaceAll('\n','') : ''}

${this.aitype == 'aiCpote2' || this.aitype == 'aiCpote3' || this.aitype == 'aiCpote4' ? '## 概念群\n'+this.cpote['cpote1'] : ''}

${this.aitype == 'aiCpote4' ? '## 问题链\n'+this.cpote['cpote2'] : ''}

${this.aitype == 'aiCpote4' ? '## 目标层\n'+this.cpote['cpote3'] : ''}`
      _this.cpoteLoading[_index] = true
      _this.cpotetLoading[_index] = true
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params).then(function (response) {
        // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].taskDetail = data.choices[0].message.content
        //   _this.$forceUpdate()
        // }
        // _this.taskDetailLoading2.splice(_this.taskDetailLoading.indexOf(_tindex), 1)
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
      }).catch(function (error) {
        _this.cpoteLoading[_index] = false
        _this.cpotetLoading[_index] = false
        callback ? callback() : ''
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiCpotegetAiContent(_uuid, _index, callback)
    },
    aiCpotegetAiContent(_uid, loading, callback) {
      let _source;
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        _source = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error){
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.cpoteLoading[loading] = false
        this.cpotetLoading[loading] = false
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      _source.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          _source.close();
          this.cpote[loading] = _mdText;
          this.cpoteLoading[loading] = false
          this.cpotetLoading[loading] = false
          callback ? callback() : ''
          this.saveCourse()
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.cpote[loading] = _mdText;
            _iindex = 0
          }
          this.cpoteLoading[loading] = false
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      _source.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.cpoteLoading[loading] = false
        _this.cpotetLoading[loading] = false
        _source.close();
      };
    },
    async aiteacherTextDetail(msg) {
      let _this = this

      let fileid = []
      if (_this.teacherInfoData.length) {
        for (var i = 0; i < _this.teacherInfoData.length; i++) {
          if(_this.teacherInfoData[i].fileid){
            fileid.push(_this.teacherInfoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.teacherInfoData[i].url)
            if(_fileid){
              _this.teacherInfoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      _this.teacherTextLoading = true
      _this.tteacherTextLoading = true
      let sub = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(_this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(_this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      // ${this.templatePan.includes(this.templateid) ? '课程节数：'+this.courseJie+'节' : ''}
      // ${this.templatePan.includes(this.templateid) ? '课程时长：'+this.courseTime+'min' : ''}
      let messages = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考资料
课程名字：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${this.teacherCourseText && this.aiCallBack == 2 ? '参考内容：'+this.teacherCourseText : ''}

## 要求
${msg}

${this.teacherCourseText && this.aiCallBack == 2 ? '注意，优化原有的<参考内容>即可不用重新生成，让内容更具体化，更具体' : ''}`

      _this.isTeacherTextCancelToken = _this.ajax.setCancelSource();

      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTeacherTextCancelToken).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTeacherTextCancelToken = null
      }).catch(function (error) {
        _this.teacherTextLoading = false
        _this.tteacherTextLoading = false
        _this.isTeacherTextCancelToken = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aiteacherTextDetailgetAiContent(_uuid)
    },
    aiteacherTextDetailgetAiContent(_uid) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTeacherTextCancelSource = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', event);
        this.$message.error(this.lang.ssTooManyReq)
        this.teacherTextLoading = false
        this.tteacherTextLoading = false
        this.isTeacherTextCancelToken = null
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isTeacherTextCancelSource.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isTeacherTextCancelSource.close();
          this.isTeacherTextCancelSource = null;
          this.teacherCourseText = _mdText;
          this.teacherTextLoading = false
          this.tteacherTextLoading = false
          this.teacherCourseTextB = false
          this.isTeacherTextCancelToken = null
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.teacherCourseText = _mdText;
            _iindex = 0
          }
          if(this.teacherTextLoading){
            this.teacherTextLoading = false
          }
          // 处理流数据
        }

        // this.$forceUpdate();
      };

      let _this = this
      this.isTeacherTextCancelSource.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.teacherTextLoading = false
        _this.tteacherTextLoading = false
        _this.isTeacherTextCancelToken = null
        _this.isTeacherTextCancelSource.close();
        _this.isTeacherTextCancelSource = null;
      };
    },
    async aitargetTextDetail(msg) {
      let _this = this

      let fileid = []
      if (_this.teacherInfoData.length) {
        for (var i = 0; i < _this.teacherInfoData.length; i++) {
          if(_this.teacherInfoData[i].fileid){
            fileid.push(_this.teacherInfoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.teacherInfoData[i].url)
            if(_fileid){
              _this.teacherInfoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      _this.targetTextLoading = true
      _this.ttargetTextLoading = true
      let sub = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(_this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(_this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      // ${this.templatePan.includes(this.templateid) ? '课程节数：'+this.courseJie+'节' : ''}
      // ${this.templatePan.includes(this.templateid) ? '课程时长：'+this.courseTime+'min' : ''}
      let messages = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考资料
课程名字：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${this.targetCourseText && this.aiCallBack == 2 ? '参考内容：'+this.targetCourseText : ''}

## 要求
${msg}

${this.targetCourseText && this.aiCallBack == 2 ? '注意，优化原有的<参考内容>即可不用重新生成，让内容更具体化，更具体' : ''}`


      _this.isTargetCancelToken1 = _this.ajax.setCancelSource();

      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTargetCancelToken1).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTargetCancelToken1 = null
      }).catch(function (error) {
        _this.targetTextLoading = false
        _this.ttargetTextLoading = false
        _this.isTargetCancelToken1 = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aitargetTextDetailgetAiContent(_uuid)
    },
    aitargetTextDetailgetAiContent(_uid) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTargetCancelSource1 = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch (error) {
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.targetTextLoading = false
        this.ttargetTextLoading = false
        this.isTargetCancelToken1 = null
        return;
      }

      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isTargetCancelSource1.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isTargetCancelSource1.close();
          this.isTargetCancelSource1 = null;
          this.targetCourseText = _mdText;
          this.targetTextLoading = false
          this.ttargetTextLoading = false
          this.targetCourseTextB = false
          this.isTargetCancelToken1 = null
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.targetCourseText = _mdText;
            _iindex = 0
          }
          if(this.targetTextLoading){
            this.targetTextLoading = false
          }
          // 处理流数据
        }

        // this.$forceUpdate();
      };

      let _this = this
      this.isTargetCancelSource1.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.targetTextLoading = false
        _this.ttargetTextLoading = false
        _this.isTargetCancelToken1 = null
        _this.isTargetCancelSource1.close();
        _this.isTargetCancelSource1 = null;
      };
    },
    async aitargetTextDetail2(msg) {
      let _this = this

      let fileid = []
      if(_this.mubiaoInfoData.length){
        for (var i = 0; i < _this.mubiaoInfoData.length; i++) {
          if(_this.mubiaoInfoData[i].fileid){
            fileid.push(_this.mubiaoInfoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.mubiaoInfoData[i].url)
            if(_fileid){
              _this.mubiaoInfoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      _this.targetTextLoading2 = true
      _this.ttargetTextLoading2 = true
      let sub = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(_this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(_this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }

      if(sub.length){
        let _fileid = _this.importFileid(sub)
        fileid = [...fileid, ..._fileid]
      }

      let messages = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考资料
课程标题：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
${this.teacherCourseText ? '课程摘要：' + this.teacherCourseText.replaceAll('#', " ").replaceAll('*', "").replaceAll('\n', "") : ''}
${this.targetCourseText && this.aiCallBack == 2 ? '参考内容：'+this.targetCourseText : ''}

## 要求
${msg}

${this.targetCourseText && this.aiCallBack == 2 ? '注意，优化原有的<参考内容>即可不用重新生成，让内容更具体化，更具体' : ''}`
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      _this.isTargetCancelToken2 = _this.ajax.setCancelSource();

      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTargetCancelToken2).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTargetCancelToken2 = null
      }).catch(function (error) {
        _this.targetTextLoading2 = false
        _this.ttargetTextLoading2 = false
        _this.isTargetCancelToken2 = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aitargetTextDetail2getAiContent(_uuid)
    },
    importFileid(sub){
      // file-SNthYVubrHGg4HjFcp3FPkZq 英语核心素养（总目标+学段目标）
      // file-QOKhi8i84T8eR6DYhb9TaTlG 科学核心素养学段目标
      // file-nkAUyRCEMncICGuFBC1WXnM1 科学核心素养内涵目标
      // file-aQmfmgrwdrHa9sCTTZkjvK7Z 语文核心素养内涵目标
      // file-G1bRfSFnQaQtzA3c8dLshg0a 数学学科核心素养学段目标
      // file-35koyXrFO2T4FsrQe4qXm0io 数学学科核心素养内涵和总目标
      let _sub = converter(sub.join(","))
      let fileid = []

      for(var i = 0; i < this.fileidArray.length; i++){
        if(_sub.indexOf(converter(this.fileidArray[i].name)) != -1){
          if(fileid.indexOf(this.fileidArray[i].fileid) == -1){
            fileid.push(this.fileidArray[i].fileid)
          }
        }
      }

      return fileid
    },
    selectFileid(){
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectFileid", params)
        .then((res) => {
          this.fileidArray = res.data[0]
          if(res.data[1].length){
            this.fileidArray = res.data[1]
          }
          if(res.data[2].length){
            this.fileidArray = res.data[2]
          }

        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectAiFileid(){
      let params = {
        oid: this.oid,
      };
      this.ajax
        .get(this.$store.state.api + "selectAiFileid", params)
        .then((res) => {
          let fileIds = []
          for(var i = 0; i < res.data[0].length; i++){
            fileIds.push(res.data[0][i].fileid)
          }
          this.fileIds = fileIds
          if(res.data[1].length){
            fileIds = []
            for(var i = 0; i < res.data[1].length; i++){
              fileIds.push(res.data[0][i].fileid)
            }
            this.fileIds = fileIds
          }
          if(res.data[2].length){
            fileIds = []
            for(var i = 0; i < res.data[2].length; i++){
              fileIds.push(res.data[0][i].fileid)
            }
            this.fileIds = fileIds
          }

        })
        .catch((err) => {
          console.error(err);
        });
    },
    selectKnowFileid(){
      let params = {
        oid: this.oid,
        sta: 'cn'
      };
      this.ajax
        .get(this.$store.state.api + "selectKnowFileid", params)
        .then((res) => {
          this.knowFileArray = res.data[0]
          if(res.data[1].length){
            this.knowFileArray = res.data[1]
          }
          if(res.data[2].length){
            this.knowFileArray = res.data[2]
          }

        })
        .catch((err) => {
          console.error(err);
        });
    },
    async aitargetTextDetail22(msg,msg2) {
      let _this = this
      let fileid = []
      _this.targetTextLoading2 = true
      _this.ttargetTextLoading2 = true
      let sub = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(_this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(_this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }

      if(!msg2 && sub.length){
        // let _fileid = _this.importFileid(sub)
        // fileid = [...fileid, ..._fileid]
      }

      let messages = `NOTICE
Role: 你是创建课程的老师，内容以markdown形式出现（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容）。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
## 参考资料
课程标题：${this.courseName}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '面向年级：' + mclass.join(",") : ''}
课程目标：${msg2}
${this.teacherCourseText ? '课程摘要：' + this.teacherCourseText.replaceAll('#', " ").replaceAll('*', "").replaceAll('\n', "") : ''}
${this.targetCourseText && this.aiCallBack == 2 ? '参考内容：'+this.targetCourseText : ''}

## 要求
${msg}

${this.targetCourseText && this.aiCallBack == 2 ? '注意，优化原有的<参考内容>即可不用重新生成，让内容更具体化，更具体' : ''}`
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      _this.isTargetCancelToken2 = _this.ajax.setCancelSource();

      let params = {
        assistant_id: 'b19f1a1a-7586-11ef-8ce0-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat_new', params, _this.isTargetCancelToken2).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        if (converter(response.data.FunctionResponse.result) == converter("发送成功")) {
        } else {
          _this.$message.warning(response.data.FunctionResponse.result);
        }
        _this.isTargetCancelToken2 = null
      }).catch(function (error) {
        _this.targetTextLoading2 = false
        _this.ttargetTextLoading2 = false
        _this.isTargetCancelToken2 = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
      await _this.aitargetTextDetail2getAiContent(_uuid)
    },
    aitargetTextDetail2getAiContent(_uid) {
      try {
        // let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        this.isTargetCancelSource2 = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
        // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
      } catch(error) {
        console.log('EventSource error:', error);
        this.$message.error(this.lang.ssTooManyReq)
        this.targetTextLoading2 = false
        this.ttargetTextLoading2 = false
        this.isTargetCancelToken2 = null
        return;
      }
      let text1 = this.targetCourseText2 ? JSON.parse(JSON.stringify(this.targetCourseText2)) : ''
      let _allText = "";
      let _mdText = "";
      let _iindex = 0
      this.isTargetCancelSource2.onmessage = _e => {
        let _eData = JSON.parse(_e.data).content;
        if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
          //对话已经完成
          _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
          this.isTargetCancelSource2.close();
          this.isTargetCancelSource2 = null;
          this.targetCourseText2 = text1+'    \n    '+_mdText;
          this.targetTextLoading2 = false
          this.ttargetTextLoading2 = false
          this.targetCourseText2B = false
          this.isTargetCancelToken2 = null
          this.saveCourse()
          return;
        } else {
          _iindex++
          //对话还在继续
          let _text = "";
          _text = _eData.replaceAll("'", "");
          if (_allText == "") {
            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
          } else {
            _allText += _text;
          }
          _mdText = _allText + "_";
          _mdText = _mdText.replace(/\\n/g, "\n");
          _mdText = _mdText.replace(/\\/g, "");
          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
          //转化返回的回复流数据
          if(_iindex == 10){
            this.targetCourseText2 = text1+'     \n    '+_mdText;
            _iindex = 0
          }
          if(this.targetTextLoading2){
            this.targetTextLoading2 = false
          }
          // 处理流数据
        }
        // this.$forceUpdate();
      };

      let _this = this
      this.isTargetCancelSource2.onerror = function(event) {
        // 处理错误，可以尝试重新连接
        console.log('EventSource error:', event);
        _this.$message.error(this.lang.ssTooManyReq)
        _this.targetTextLoading2 = false
        _this.ttargetTextLoading2 = false
        _this.isTargetCancelToken2 = null
        _this.isTargetCancelSource2.close();
        _this.isTargetCancelSource2 = null;
      };
    },
    async aitargetTextDetail3(msg) {
      let _this = this

      let fileid = []
      if(_this.mubiaoInfoData.length){
        for (var i = 0; i < _this.mubiaoInfoData.length; i++) {
          if(_this.mubiaoInfoData[i].fileid){
            fileid.push(_this.mubiaoInfoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.mubiaoInfoData[i].url)
            if(_fileid){
              _this.mubiaoInfoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }

      _this.targetTextLoading2 = true
      _this.ttargetTextLoading2 = true
      let sub = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(_this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      let mclass = []
      if (_this.courseTypeId.length) {
        for (var i = 0; i < _this.courseTypeId.length; i++) {
          let _sid = _this.courseTypeId[i]
          for (var j = 0; j < _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == _this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              mclass.push(_this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }

      // if(sub.length){
      //   let _fileid = _this.importFileid(sub)
      //   fileid = [...fileid, ..._fileid]
      // }
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]

      if (_this.infoData.length) {
        for (var i = 0; i < _this.infoData.length; i++) {
          if(_this.infoData[i].fileid){
            fileid.push(_this.infoData[i].fileid)
          }else {
            let _fileid = await _this.createFileid(_this.infoData[i].url)
            if(_fileid){
              _this.infoData[i].fileid = _fileid == 1 ? '' : _fileid
              _this.$forceUpdate();
              if(_fileid != 1){
                fileid.push(_fileid)
              }
            }
          }
        }
      }
      _this.isTargetCancelToken2 = _this.ajax.setCancelSource();

      let messages = `Language: ${this.getLang()}

${msg}

## 课程信息
课程名字：${this.courseName}
课程概况：${this.courseText}
${sub.length ? '学科：' + sub.join(",") : ''}
${mclass.length ? '年级：' + mclass.join(",") : ''}`
      let _uuid = uuidv4();
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   uid: _uuid,
      //   mind_map_question: "",
      // })
      let params = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: _uuid,
        userId: _this.userid,
        uid: _uuid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      // let params = JSON.stringify({
      //     message: {
      //         anthropic_version: "bedrock-2023-05-31",
      //         max_tokens: 4096,
      //         temperature: this.mode == 3 ? 0.5 : 0.1,
      //         top_p: 1,
      //         messages:  [{
      //             "role": "user",
      //             "content": messages
      //         }] ,
      //     },
      //     uid: _uuid,
      //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // });
      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat', params, _this.isTargetCancelToken2).then(function (response) {
      // _this.ajax.post('https://claude3.cocorobo.cn/chat', params).then(function (response) {
        console.log(response);
        // let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   _this.courseText = data.choices[0].message.content
        // }
        console.log(response);
        let data = response.data.FunctionResponse
        // if (data.choices && data.choices.length && data.choices[0].message) {
        //   console.log(data.choices[0].message.content);
        //   _this.unitJson[0].chapterInfo[0].taskJson[_tindex2].eList = JSON.parse(data.choices[0].message.content)
        //   _this.$forceUpdate()
        // }
        if (data.message) {
          console.log('返回回来的目标：',data.message);
          _this.targetCourseText2 = data.message
          _this.aitargetTextDetail22(_this.aiJson.aiTarget2, data.message.replaceAll('#', " ").replaceAll('*', "").replaceAll('\n', ""))

        }
        _this.isTargetCancelToken2 = null
      }).catch(function (error) {
        _this.targetTextLoading2 = false
        _this.ttargetTextLoading2 = false
        _this.isTargetCancelToken2 = null
        if(error && error.message != 'Request canceled by the user.'){
          _this.$message.error(this.lang.ssTooManyReq)
        }
        console.log(error);
      });
    },
    againEva(msg, i, k) {
      if(!this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].value || !this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].detail){
        this.$message.error(this.lang.ssEvaCompleteInfo.replace(/\*/g, i+1).replace(/\$/g, k+1))
        return;
      }
      if (this.ruleLoading[i]) {
        this.ruleLoading[i][k] = true
      } else {
        this.ruleLoading[i] = []
        this.ruleLoading[i][k] = true
      }
      let message = `NOTICE
Role: 你是一个专业的项目式学习导师，你要根据制定标准资料中的评价维度和维度描述制定具体的评价细则。
Language: ${this.getLang()}
ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
Instruction: Based on the context, follow "Format example", write content.

#Context
##要求
${msg}

##制定标准资料
评价维度：${this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].target}
维度描述：${this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].detail}

# Format example
==
0 星，作业内容与作业要求无关；
1 星，没有识别问题和需求;
2 星，问题或需求没有被清晰理解或准确识别;
3 星，问题或需求的一部分被识别;
4 星，问题或需求的大部分被识别;
5 星，问题或需求都被识别。
==

 `
      // let params = {
      //   // "model": "Chat",
      //   model: 'gpt-4o-2024-11-20',
      //   // model: "gpt-4o",
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [
      //     {
      //       content: message.replaceAll("\n", " ").replaceAll("*", ""),
      //       role: "user"
      //     }
      //   ],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: ""
      // };

      // this.ajax
      //   .post("https://gpt4.cocorobo.cn/chat", params)
      //   .then(response => {
      //     let data = response.data.FunctionResponse;
      //     console.log("data", data);
      //     if (data.choices && data.choices.length && data.choices[0].message) {
      //       let content = data.choices[0].message.content;

      //       var regex = new RegExp('==([^=]+)==');
      //       let match = content.match(regex);
      //       if (match) {
      //         content = match[1].trim().replaceAll(' ', '');
      //         // 获取匹配到的内容并去除两端空格
      //         console.log('contentInsideDoubleEquals', content);
      //         if (content.indexOf('0星') == -1 || content.indexOf('2星') == -1 || content.indexOf('3星') == -1 || content.indexOf('4星') == -1 || content.indexOf('5星') == -1) {
      //           console.log("未有星级。");
      //           this.againEva(msg, i, k)
      //           return
      //         }
      //         //  return
      //       } else {
      //         console.log("未找到匹配的内容。");
      //         this.againEva(msg, i, k)
      //         return
      //       }

      //       let elist = JSON.parse(JSON.stringify(this.unitJson[0].chapterInfo[0].taskJson[i].eList[k]))
      //       // this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].rule=JSON.parse(JSON.stringify(content.replaceAll("#", "")))
      //       elist.rule = JSON.parse(JSON.stringify(content.replaceAll("#", "")))
      //       this.$set(this.unitJson[0].chapterInfo[0].taskJson[i].eList, k, elist)
      //       this.$forceUpdate();
      //       this.ruleLoading[i][k] = false

      //     }else{
      //       this.ruleLoading[i][k] = false
      //     }
      //   })
      //   .catch(error => {
      //     console.log(error);
      //     this.ruleLoading[i][k] = false
      //   });
      let parm = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(message.replaceAll('\n', " ").replaceAll('*', "")) : message.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: [],
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
        .then(async (response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);

            let content = data.message;

            var regex = new RegExp('==([^=]+)==');
            let match = content.match(regex);
            if (match) {
              content = match[1].trim().replaceAll(' ', '');
              // 获取匹配到的内容并去除两端空格
              console.log('contentInsideDoubleEquals', content);
              if (content.indexOf(this.lang.ssStar0) == -1 || content.indexOf(this.lang.ssStar2) == -1 || content.indexOf(this.lang.ssStar3) == -1 || content.indexOf(this.lang.ssStar4) == -1 || content.indexOf(this.lang.ssStar5) == -1) {
                console.log(this.lang.ssNoStarLevel);
                this.againEva(msg, i, k)
                return
              }
              //  return
            } else {
              console.log(this.lang.ssNoMatch);
              this.againEva(msg, i, k)
              return
            }

            let elist = JSON.parse(JSON.stringify(this.unitJson[0].chapterInfo[0].taskJson[i].eList[k]))
            // this.unitJson[0].chapterInfo[0].taskJson[i].eList[k].rule=JSON.parse(JSON.stringify(content.replaceAll("#", "")))
            elist.rule = JSON.parse(JSON.stringify(content.replaceAll("#", "")))
            this.$set(this.unitJson[0].chapterInfo[0].taskJson[i].eList, k, elist)
            this.$forceUpdate();
            this.ruleLoading[i][k] = false
            this.$message.success(this.lang.ssEvaRuleSucc.replace(/\*/g, i+1).replace(/\$/g, k+1))
          }else {
            this.ruleLoading[i][k] = false

          }

        })
        .catch((error) => {
          this.ruleLoading[i][k] = false
          console.log(error);
        });
    },
    async aiSearchFile(messages, callback) {
      let _this = this

      let fileid = _this.isFileSearch ? [..._this.fileIds] : []
      fileid = [...fileid, ..._this.knowFileids, ..._this.knowFileids2]

      console.log('fileid=========',fileid)
      // let params = JSON.stringify({
      //   // "model": "Chat",
      //   model: 'gpt-3.5-turbo',
      //   temperature: this.mode == 3 ? 0.5 : 0.1,
      //   max_tokens: 4096,
      //   top_p: 1,
      //   frequency_penalty: 0,
      //   presence_penalty: 0,
      //   messages: [{
      //     content: messages,
      //     role: 'user'
      //   }],
      //   stream: false,
      //   uid: this.userid,
      //   mind_map_question: "",
      // })
      // // let params = JSON.stringify({
      // //     message: {
      // //         anthropic_version: "bedrock-2023-05-31",
      // //         max_tokens: 4096,
      // //         temperature: this.mode == 3 ? 0.5 : 0.1,
      // //         top_p: 1,
      // //         messages: [{
      // //           content: messages,
      // //           role: 'user'
      // //         }], //
      // //     },
      // //     model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
      // // });

      // _this.ajax.post('https://gpt4.cocorobo.cn/chat', params).then(function (response) {
      //   // _this.ajax.post('https://claude3.cocorobo.cn/claude3Chat', params).then(function (response) {
      //   console.log(response);
      //   let data = response.data.FunctionResponse
      //   if (data.choices && data.choices.length && data.choices[0].message) {
      //     console.log(data.choices[0].message.content);
      //     let dArray = JSON.parse(data.choices[0].message.content)
      //     _this.dArray = dArray
      //     _this.unitJson[0].chapterInfo[0].taskJson = []

      //     for (var i = 0; i < dArray.length; i++) {
      //       let _task = dArray[i]
      //       _this.unitJson[0].chapterInfo[0].taskJson.push({
      //         task: _task.task,
      //         taskDetail: "",
      //         taskDetail2: _task.detail,
      //         taskDetail3: "",
      //         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[0].chapterInfo[0].taskJson[0].chapterData = _this.infoData
      //           _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //     _this.$forceUpdate();
      //   }
      //   // if (data.result) {
      //   //   console.log(data.result);
      //   //   let dArray = JSON.parse(data.result)
      //   //   _this.dArray = dArray
      //   //   _this.unitJson[0].chapterInfo[0].taskJson = []

      //   //   for (var i = 0; i < dArray.length; i++) {
      //   //     let _task = dArray[i]
      //   //     _this.unitJson[0].chapterInfo[0].taskJson.push({
      //   //       task: _task.task,
      //   //       taskDetail: "",
      //   //       taskDetail2: _task.detail,
      //   //       taskDetail3: "",
      //   //       chapterData: [],
      //   //       toolText: "",
      //   //       toolChoose: [
      //   //         {
      //   //           tool: [],
      //   //           toolDetail: "",
      //   //           toolType: 0,
      //   //           askCount: 1,
      //   //           askTitle: "",
      //   //           askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //         },
      //   //       ],
      //   //       isShowTools: false,
      //   //       askCount: 1,
      //   //       isFold: 1,
      //   //       askTitle: "",
      //   //       askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
      //   //       checkJson: [{ checkCount: [], checkPerent: [] }],
      //   //       homeworkList: [],
      //   //     })
      //   //   }
      //   //   _this.unitJson2 = JSON.parse(JSON.stringify(_this.unitJson))
      //   //   _this.$forceUpdate();
      //   // }
      //   callback ? callback() : ''
      // }).catch(function (error) {
      //   _this.loading = false
      //   console.log(error);
      // });
      this.isFileCancelToken = this.ajax.setCancelSource();

      let parm = {
        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, this.isFileCancelToken)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let dArray = []
            try {
              // let regex2 = new RegExp("/([{,])(\w+):/g") .replace(regex2, '$1"$2":')
              let regex3 = new RegExp('(?<!")content(?!")','g')
              //
              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```','').replaceAll('\'',"\"").replace(regex3, '"content"'))
            } catch (error) {
                // callback ? callback() : ''
                console.log("error_________________" + error);
              try {
                  let regex = new RegExp(/```json([\s\S]*?)```/);
                  let match = data.message.match(regex);
                  dArray = JSON.parse(match[1]);
              } catch (error) {
                // callback ? callback() : ''
                _this.$message.error(_this.lang.ssFormatErr)
                console.log("error_________________" + error);
                _this.isFileCancelToken = null;
                _this.aiSearchFile(messages, callback)
                return
              }
            }
            for(let i = 0; i < dArray.length; i++){
              let content = dArray[i].content
              let name = _this.lang.ssRefMat+(i+1)
              let md = new MarkdownIt();
              let _html =  content ? md.render(content) : ''
              setTimeout(()=>{
                if(i == (dArray.length - 1)){
                  _this.generate2(name, _html, i, callback)
                }else {
                  _this.generate2(name, _html, i)
                }
              }, 500 * i)
            }
            _this.isFileCancelToken = null
            _this.$forceUpdate();
          }
        })
        .catch((error) => {
          callback ? callback() : ''
          _this.isFileCancelToken = null
          console.log(error);
        });
    },
    async aiSearchFile2(messages, callback) {
      let _this = this

      let fileid = [..._this.knowFileids, ..._this.knowFileids2]

      console.log('fileid=========',fileid)

      this.isFileCancelToken = this.ajax.setCancelSource();

      let parm = {
        assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
        message: [{"type":"text", "text":this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "")}],
        session_name: uuidv4(),
        userId: this.userid,
        file_ids: fileid.length ? [...fileid] : '',
        model: 'gpt-4o-2024-11-20',
        temperature: this.mode == 3 ? 0.5 : 0.1,
      }
      this.ajax
        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, this.isFileCancelToken)
        .then((response) => {
          console.log(response);
          let data = response.data.FunctionResponse
          if (data.message) {
            console.log(data.message);
            let content = data.message
            let name = _this.lang.ssRefMat
            let md = new MarkdownIt();
            let _html =  content ? md.render(content) : ''
            _this.generate2(name, _html, 0, callback)

            _this.isFileCancelToken = null
            _this.$forceUpdate();
          }
        })
        .catch((error) => {
          callback ? callback() : ''
          _this.isFileCancelToken = null
          console.log(error);
        });
    },
    createFileid(url) {
      let _this = this
      return new Promise((resolve, reject) => {
        try {
          _this.ajax
          .put("https://gpt4.cocorobo.cn/upload_file_knowledge", {
            url: url,
          })
          .then((res) => {
            let _data = res.data.FunctionResponse;
            if (_data.result && _data.result.id) {
              resolve(_data.result.id)
            }else {
              resolve(1)
            }
          }).catch(function (error) {
            resolve(1)
          });
        }catch (e){
          resolve(1)
        }

      });
    },
    handleSwitchChange(string){
      // let area = ''
      // let text = ''
      // if(string == 'aiteacherTextDetail'){
      //   area = '已有教案摘要'
      //   text = this.teacherCourseText
      // }else if(string == 'aitargetTextDetail'){
      //   area = '课程目标'
      //   text = this.targetCourseText
      // }else if(string == 'aiDetail'){
      //   area = '课程简要描述'
      //   text = this.courseText
      // }else if(string == 'aitargetTextDetail2'){
      //   area = '课程目标'
      //   text = this.targetCourseText2
      // }else if(string.indexOf('aiDetail1') != -1){
      //   let index = parseInt(string.split('aiDetail1-')[1])
      //   area = `任务${index+1}课程大纲`
      //   text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2
      // }else if(string == 'aiCpote1'){
      //   area = '概念群'
      //   text = this.cpote.cpote1
      // }else if(string == 'aiCpote2'){
      //   area = '问题链'
      //   text = this.cpote.cpote2
      // }else if(string == 'aiCpote3'){
      //   area = '目标层'
      //   text = this.cpote.cpote3
      // }else if(string == 'aiCpote4'){
      //   area = '任务簇'
      //   text = this.cpote.cpote4
      // }else if(string.indexOf('teacherDetail2') != -1){
      //   let index = parseInt(string.split('teacherDetail2-')[1])
      //   area = `任务${index+1}教案`
      //   text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3
      // }else if(string.indexOf('aiDetail2') != -1){
      //   let index = parseInt(string.split('aiDetail2-')[1])
      //   area = `任务${index+1}任务描述`
      //   text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail
      // }else if(string.indexOf('aiDetail3') != -1){
      //   let index = parseInt(string.split('-')[1])
      //   let index2 = parseInt(string.split('-')[2])
      //   area = `任务${index+1}工具${index2+1}的工具描述`
      //   text = this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[index2].toolDetail
      // }




      // if(this.isQuote[string] && text){
      //   this.quoteArray.push({
      //     string,
      //     area,
      //     value: text
      //   })
      // }



      console.log(this.isQuote)
    },
    setIsQuote(string){
      this.isQuote[string] = false
    },
    setEvaList(task, tool, elist){
      this.unitJson[0].chapterInfo[0].taskJson[task].toolChoose[tool].eList = elist
      this.$forceUpdate()
      if(this.$refs[this.unitIndex + '-' + task + 'mindTask'] && this.$refs[this.unitIndex + '-' + task + 'mindTask'][0]){
        this.$refs[this.unitIndex + '-' + task + 'mindTask'][0].refresh()
      }
    },
    closeRight(){
      this.isDisplay = !this.isDisplay;
    },
    addCourseBehavior(type, _html) { // 保存行为操作
      let params = [{
        uid: this.userid,
        courseId: '',
        type: type,
        content: _html,
      }];

      this.ajax.post(this.$store.state.api + 'addCourseBehavior', params).then(res => {
        if (res.data == 1) {
          console.log('保存操作成功');
        } else {
          console.log('保存操作失败');
        }
      }).catch(e => {
        console.log('保存操作失败');
        console.log(e);
      });
    },
    async useUrl(){
      if(!this.knowFileids3.length){
        this.$message.error(this.lang.ssSelectMat)
        return
      }
      let array = []
      for(var i = 0; i < this.knowFileids3.length; i++){
        let item = this.knowFileids3[i]
        for(var j = 0; j < this.knowInfoData3.length; j++){
          if(item == this.knowInfoData3[j].url){
            let isExist = this.knowInfoData2.some(item => item.name === this.knowInfoData3[j].name);
            if (!isExist) {
              this.knowInfoData2.push(this.knowInfoData3[j]);
            }
          }
        }
      }
      this.$nextTick(() => {
        this.$refs.rightKnow.scrollTop = this.$refs.rightKnow.scrollHeight;
      });
      this.knowFileids3 = []
      for (let i = 0; i < this.knowInfoData2.length; i++) {
        if (!this.knowInfoData2[i].fileid) {
          let fileid = await this.createFileid(this.knowInfoData2[i].url)
          this.knowInfoData2[i].fileid = (fileid == 1 ? '' : fileid)
          console.log(`文件 ${this.knowInfoData2[i].name} 的fileid为空`);
          if(fileid != 1 && this.knowFileids2.indexOf(fileid) == -1){
            this.knowFileids2.push(fileid)
          }
        }
      }


    },
    panFind(event) {
      // if(!this.findMatchingContentsFinish){
      //   const { scrollTop, clientHeight, scrollHeight } = event.target;
      //   // 判断是否触底
      //   if (scrollTop + clientHeight >= scrollHeight - 5 && !this.knowInfoDataLoading) {
      //     this.findMatchingContentsPage++
      //     this.findMatchingContents(); // 调用下拉刷新方法
      //   }
      // }
      if(!this.findMatchingContentsFinish){
        this.findMatchingContentsPage++
        this.findMatchingContents(); // 调用下拉刷新方法
      }else{
        this.$message.error(this.lang.ssGetAllData)
      }
    },
    startFindMatchingContents(){
      if(!this.searchFileName){
        this.$message.error(this.lang.ssEnterKey)
        return
      }
      if(this.knowInfoDataLoading){
        this.$message.error(this.lang.ssSearchWait)
        return
      }
      if(this.isfindMatchingContents && this.findMatchingContentsPage < 10){
        this.isfindMatchingContents.cancel('Request canceled by the user.');
        this.isfindMatchingContents = null;
      }else if(this.isfindMatchingContents){
        this.$message.error(this.lang.ssSearchWait)
        return
      }
      this.findMatchingContentsFinish = false
      this.findMatchingContentsPage = 1
      this.knowInfoData3 = []
      this.knowFileType1 = ''
      this.knowFileType2 = ''
      this.knowFileType = ''
      this.findMatchingContents(); // 调用下拉刷新方法
    },
    findMatchingContents(){
      if(!this.searchFileName){
        this.$message.error(this.lang.ssEnterKey)
        return
      }
      if(this.isfindMatchingContents){
        this.$message.error(this.lang.ssSearchWait)
        return
      }
      let sub = []
      let grade = []
      if (this.courseTypeId.length) {
        for (var i = 0; i < this.courseTypeId.length; i++) {
          let _sid = this.courseTypeId[i]
          for (var j = 0; j < this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].id) {
              sub.push(this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
          for (var j = 0; j < this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'].length; j++) {
            if (_sid == this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].id) {
              grade.push(this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'][j].name)
            }
          }
        }
      }
      if(this.findMatchingContentsPage < 2){
        this.knowInfoDataLoading = true
      }
      let params = {
        type: this.typeC2.join(","),
        string: this.searchFileName,
        grade: this.typeC1.join(","),
        page: this.findMatchingContentsPage
      };
      let md = new MarkdownIt();
      this.isfindMatchingContents = this.ajax.setCancelSource()
      this.ajax.get(this.$store.state.api + 'findMatchingContentsPage2', params, this.isfindMatchingContents).then(async res => {
        console.log(res)
        this.isfindMatchingContents = null
        this.knowInfoDataLoading = false
        if(res.data.length){
          let files = []
          // let knowFile = JSON.parse(JSON.stringify(this.knowFileids2))
          for (var i = 0; i < res.data.length; i++) {
            // files.push(await this.generateExport2(el.title, md.render(el.content)));
            let el = res.data[i];
            let url = 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn' + el.file_url;
            let extension = url.split('.').pop().toLowerCase();
            let _type = 2; // 默认类型为2

            // 定义文件类型数组
            let imgA = ["png", "jpg", "jpeg", "bmp", "gif", "webp", "psd", "svg", "tiff"];
            let fileA = ["PDF", "DOC", "DOCX", "DOCM", "DOTM", "DOTX", "PPTX", "PPSX", "PPT", "PPS", "PPTM", "POTM", "PPAM", "POTX", "PPSM", "XLSX", "XLS"];
            let 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.includes(extension.toUpperCase())) {
                _type = 3;
            } else if (videoA.includes(extension.toUpperCase())) {
                _type = 2;
            } else if (imgA.includes(extension)) {
                _type = 13;
            } else {
                _type = 12;
            }
            let isExist = this.knowInfoData3.some(item => item.name === el.title);
            if (!isExist) {
              // let fileid = await this.createFileid(url)
              this.knowInfoData3.push({
                name: el.title,
                url: url,
                uid: '',
                type: _type,
                fileid: '',
                file_type: el.file_type
                // fileid == 1 ? '' : fileid
              });
              // if(fileid != 1){
              //   this.knowFileids2.push(fileid)
              // }
            }
          }
          // for (let i = 0; i < this.knowInfoData3.length; i++) {
          //   if (!this.knowInfoData2[i].fileid) {
          //     let fileid = await this.createFileid(this.knowInfoData2[i].url)
          //     this.knowInfoData2[i].fileid = (fileid == 1 ? '' : fileid)
          //     console.log(`文件 ${this.knowInfoData2[i].name} 的fileid为空`);
          //     if(fileid != 1 && this.knowFileids2.indexOf(fileid) == -1){
          //       this.knowFileids2.push(fileid)
          //     }
          //   }
          // }

          // let data = {
          //   target:{
          //     files: files
          //   }
          // }
          // console.log(data)
          // this.beforeUploadInfo2(data, 20)
          if(this.findMatchingContentsPage < 10){
            this.panFind()
          }
        }else{
          if(this.findMatchingContentsPage == 1){
            this.$message.error(this.lang.ssNoSearchRes)
          }else {
            this.findMatchingContentsFinish = true
          }
        }
      }).catch(e => {
        console.log(this.lang.ssQueryFail);
        this.isfindMatchingContents = null
        this.knowInfoDataLoading = false
        console.log(e);
      });
    },
     openCodeEditor(type,val, unitIndex,itemTaskIndex,index1){
      console.log('openCodeEditor',type,val,unitIndex,itemTaskIndex,index1);

      this.$refs.CodeEditorRef.open(type,val, unitIndex,itemTaskIndex, index1)
    },
    addHtmlSuccess({Tname,url,type,unitIndex,itemTaskIndex,index1}){
      console.log('addHtmlSuccess',Tname,url,'type:',type,'unitIndex',unitIndex,'itemTaskIndex',itemTaskIndex,'index1',index1);
      if (type == 1) {
        this.unitJson[unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex 
        ].chapterData.splice(index1,1,{
          name: Tname,
          url: url,
          type: 16
        })
      }else{
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex 
        ].chapterData.push({
          name: Tname,
          url: url,
          type: 16
        });
      }
    },
    openAddApp(i) {
      this.lineCount = i;
      let _index = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.lineCount
      ].chapterData.findIndex(i => i.type == 15);

      let _obj = {}

      if (_index != -1) {
        _obj = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData[_index]
      }

      this.$refs.appDialog.openG(_obj, "", "", "", 2);
    },
    selectAppSuccess({ data, type }) {
      let _index = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.lineCount
      ].chapterData.findIndex(i => i.type == 15);
      if (_index != -1) {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData.splice(_index, 1);
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData.push({
          name: data.name,
          title: data.name,
          id:data.id,
          url: data.url,
          type: 15
        });
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData.push({
          name: data.name,
          title: data.name,
          id:data.id,
          url: data.url,
          type: 15
        });
      }
      this.imgChange1(null, null, 8, this.lineCount);
      this.dialogVisible7 = false;
    },
    // zip压缩文件上传
    uploadZIPFile(i){
      this.lineCount = i;
      // 只支持上传zip文件
      let input = document.createElement('input');
      input.type = 'file';
      input.accept = '.zip';
      input.style.display = 'none';
      // 只允许上传一个文件
      input.multiple = false;
      input.onchange = async (e) => {
        let file = e.target.files[0];
        if (!file) return;
        if (file.type !== 'application/zip' && !file.name.endsWith('.zip')) {
          this.$message.error(this.lang.ssOnlyZip);
          return;
        }
        try{
          const zip = new JSZip();
          const content = await zip.loadAsync(file);
          let _fileStructure = this.buildFileStructure(file,content);
          let _time = new Date().getTime();
          let _resultList = await this.uploadZipFileFn(_fileStructure.files,`${_time}_${_fileStructure.folderName}`);
          this.changeId = "";
          this.$refs.selectHtmlPageDialogRef.open(_resultList);
        
        }catch(e){
          console.log(e)
          this.$message.error(this.lang.ssZipFail)
        }
      
      };
      document.body.appendChild(input);
      input.click();
      setTimeout(() => {
        document.body.removeChild(input);
      }, 1000);
      },
      // 构建文件结构树
      buildFileStructure(file,zip) {
      const root = {
        folderName: file.name.replace(/\.[^/.]+$/, ""), // 移除扩展名
        files: []
      };
      
      // 遍历ZIP文件中的所有文件/文件夹
      zip.forEach((relativePath, file) => {
        if (file.dir) return; // 跳过目录
      
        const parts = relativePath.split('/');
        let currentLevel = root.files;
      
        for (let i = 0; i < parts.length; i++) {
          const part = parts[i];
          const isLast = i === parts.length - 1;
        
          if (isLast) {
            // 添加文件
            currentLevel.push({fileName:part,file:file});
          } else {
            // 查找或创建文件夹
            let folder = currentLevel.find(item =>
              typeof item === 'object' && item.folderName === part
            );
          
            if (!folder) {
              folder = {
                folderName: part,
                files: []
              };
              currentLevel.push(folder);
            }
          
            currentLevel = folder.files;
          }
        }
      });
      
      return root;
      },
      //按路径上传文件
      async uploadZipFileFn(fileList,path){
      return new Promise(async (resolve)=>{
        let _copyFileList = fileList;
      
        let promise = [];
        for(let i = 0; i < _copyFileList.length; i++){
          if(_copyFileList[i].folderName){
            let _path = `${path}/${_copyFileList[i].folderName}`;
            promise.push(this.uploadZipFileFn(_copyFileList[i].files,_path).then(res=>{
              _copyFileList[i].files = res;
            }))
          }else if(_copyFileList[i].fileName){
            // 将 ZIP 条目转换为文件对象
            const blob = await _copyFileList[i].file.async('blob');
            // 根据文件名设置type
            let type = 'text/html';
            if (_copyFileList[i].fileName.endsWith('.js')) {
              type = 'application/javascript';
            } else if (_copyFileList[i].fileName.endsWith('.css')) {
              type = 'text/css';
            } else if (_copyFileList[i].fileName.endsWith('.json')) {
              type = 'application/json';
            } else if (_copyFileList[i].fileName.endsWith('.png')) {
              type = 'image/png';
            } else if (_copyFileList[i].fileName.endsWith('.jpg') || _copyFileList[i].fileName.endsWith('.jpeg')) {
              type = 'image/jpeg';
            } else if (_copyFileList[i].fileName.endsWith('.gif')) {
              type = 'image/gif';
            } else if (_copyFileList[i].fileName.endsWith('.svg')) {
              type = 'image/svg+xml';
            } else if (_copyFileList[i].fileName.endsWith('.html') || _copyFileList[i].fileName.endsWith('.htm')) {
              type = 'text/html';
            } else if (_copyFileList[i].fileName.endsWith('.txt')) {
              type = 'text/plain';
            } else if (_copyFileList[i].fileName.endsWith('.pdf')) {
              type = 'application/pdf';
            } else if (_copyFileList[i].fileName.endsWith('.mp3')) {
              type = 'audio/mpeg';
            } else if (_copyFileList[i].fileName.endsWith('.mp4')) {
              type = 'video/mp4';
            } else if (_copyFileList[i].fileName.endsWith('.zip')) {
              type = 'application/zip';
            } else if (_copyFileList[i].fileName.endsWith('.xml')) {
              type = 'application/xml';
            } else if (_copyFileList[i].fileName.endsWith('.csv')) {
              type = 'text/csv';
            } else if (_copyFileList[i].fileName.endsWith('.md')) {
              type = 'text/markdown';
            }
            let _file = new File([blob], _copyFileList[i].fileName, {type: type, lastModified: new Date().getTime()});
            promise.push(this.awsupload({file:_file,path:`${path}/${_copyFileList[i].fileName}`}).then(res=>{
              delete _copyFileList[i].file;
              _copyFileList[i].url = decodeURIComponent(res.Location);
            }))
          }
        }
        Promise.all(promise).then(res=>{
          resolve(_copyFileList);
        })
      })
      },
      selectHtmlPageSuccess(data){
      let _selectFile = data.find(i=>i.isSelect==="1");
      if(!_selectFile){
        this.changeId = "";
        return this.$message.info(this.lang.ssNoPageSel)
      }
      
      console.log("_selectFile",_selectFile)
      let _index = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
      this.lineCount
      ].chapterData.findIndex(i => i.type == 17 && i.id == this.changeId);
      if (_index != -1) {
        console.log("_index",_index)
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          this.lineCount
        ].chapterData[_index] = {
          name: _selectFile.fileName,
          title: _selectFile.fileName,
          id:this.changeId,
          url: _selectFile.url,
          fileList:data,
          type: 17
        };
      } else {
        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
        this.lineCount
        ].chapterData.push({
          name: _selectFile.fileName,
          title: _selectFile.fileName,
          id:new Date().getTime(),
          url: _selectFile.url,
          fileList:data,
          type: 17
        });
      }
      this.changeId = "";
      this.$forceUpdate();
      this.$refs.selectHtmlPageDialogRef.close();
      },
      changeHTmlPage(itemTaskIndex,i){
        let _data = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
          itemTaskIndex
        ].chapterData[i];
        this.lineCount = itemTaskIndex;
        this.changeId = _data.id;
        this.$refs.selectHtmlPageDialogRef.open(_data.fileList);
      }
  },
  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();
  },
  mounted(){
    // 初始化需要从 lang 获取的数组
    this.appendixType = [
      {
        label: this.lang.ssLessonPlan,
        value: 0,
      },
      {
        label: "PPT",
        value: 1,
      },
      {
        label: this.lang.ssEduCase,
        value: 2,
      },
      {
        label: this.lang.ssRubric,
        value: 3,
      },
      {
        label: this.lang.ssChatRecord,
        value: 4,
      },
    ];
    this.knowFileTypeArray1 = [this.lang.ssFirstVol, this.lang.ssSecondVol];
    this.knowFileTypeArray = [this.lang.ssHomeworkOnly, this.lang.ssLessonPlan, this.lang.ssOther];

    let _this = this
  // 监听浏览器后退或者刷新等离开页面的操作
    window.onbeforeunload = function(event) {
        // 检查是否有未保存的更改
      const message = _this.lang.ssUnsavedChanges;
      // 现代浏览器通常会显示一个默认的提示信息，不能完全自定义提示内容
      event.returnValue = message; // 兼容大部分浏览器
      console.log(message)
      return message; // 兼容部分浏览器
    };

    const resizable = this.$el.querySelector('.resizable');
    const resizer = this.$el.querySelector('.resizer');
    const maxWidth = document.body.offsetWidth / 2;
    const maxWidth2 = window.innerWidth / 2;
    let startX, startWidth;

    const mouseMoveHandler = (e) => {
      e.preventDefault(); // 添加此行以防止选中其他文本
      const dx = startX - e.clientX;
      const newWidth = startWidth + dx;
      if (newWidth >= 350 && newWidth <= maxWidth) {
        resizable.style.minWidth = `${newWidth}px`;
      }
    };

    const mouseUpHandler = () => {
      document.removeEventListener('mousemove', mouseMoveHandler);
      document.removeEventListener('mouseup', mouseUpHandler);
      document.body.style.cursor = 'default';
    };

    const mouseDownHandler = (e) => {
      e.preventDefault(); // 添加此行以防止选中其他文本
      startX = e.clientX;
      startWidth = resizable.getBoundingClientRect().width;
      document.addEventListener('mousemove', mouseMoveHandler);
      document.addEventListener('mouseup', mouseUpHandler);
      document.body.style.cursor = 'ew-resize';
    };

    resizer.addEventListener('mousedown', mouseDownHandler);

    const touchMoveHandler = (e) => {
      e.preventDefault(); // 添加此行以防止选中其他文本
      const dx = startX - e.touches[0].clientX;
      const newWidth = startWidth + dx;
      if (newWidth >= 350 && newWidth <= maxWidth2) {
        resizable.style.minWidth = `${newWidth}px`;
      }
    };

    const touchEndHandler = () => {
      document.removeEventListener('touchmove', touchMoveHandler);
      document.removeEventListener('touchend', touchEndHandler);
      document.body.style.cursor = 'default';
    };

    const touchStartHandler = (e) => {
      e.preventDefault(); // 添加此行以防止选中其他文本
      startX = e.touches[0].clientX;
      startWidth = resizable.getBoundingClientRect().width;
      document.addEventListener('touchmove', touchMoveHandler);
      document.addEventListener('touchend', touchEndHandler);
      document.body.style.cursor = 'ew-resize';
    };

    resizer.addEventListener('touchstart', touchStartHandler);
  },
  created() {
    this.selectFileid();
    // this.selectAiFileid();
    this.selectKnowFileid();
    this.getStudent();
    this.getTeacher();
    this.getClass();
    this.selectGrage();
    this.getTemplate();
    this.getTipsTemplate();
    // this.selectType();
    this.selectEva();
    if(this.istemplate == 1){
      this.isOutline = true
      this.isOutline2 = true
      this.courseTextBool = true
      this.aiJson.teacherDetail2 = this.aiJson.teacherDetail2 ? this.aiJson.teacherDetail2 : '请根据<任务名>、<任务描述>，<课程简要描述>，为该任务设计详细的教案，教案需要包含该任务的教学目标，教学过程（包含分步骤的教师活动和学生活动，教师活动与学生活动应该一一对应），相关知识点的讲解，练习（练习需要包含示例答案）。'
      this.aiJson.aiAbstract = this.aiJson.aiAbstract ? this.aiJson.aiAbstract : '从用户提供的教案资料(文件形式）中，自动总结教案摘要与教案的学科关键词（每个学科3个）。注意，在提取信息方面你绝对不能虚拟出不存在的东西。然后，你基于用户上传的教案，生成项目的驱动性问题和最终作品。'
      this.aiJson.aiTarget = this.aiJson.aiTarget ? this.aiJson.aiTarget : '从用户提供的教案资料中，提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
      this.aiJson.aiSearchFile = this.aiJson.aiSearchFile ? this.aiJson.aiSearchFile : '请根据<关键词>，从你的相应知识库去检索5个最相关的信息。'
      this.aiJson.aiTarget2 = this.aiJson.aiTarget2 ? this.aiJson.aiTarget2 : '请根据课程标题<课程标题>，**从你的知识库去检索5个最相关的信息**，如果没有相关的信息，请你根据已有的知识，并参考#参考资料中的内容，生成本课程的教学目标。你仅需要输出与课程目标相关的内容。'
      this.aiJson.aiTargetGet = this.aiJson.aiTargetGet ? this.aiJson.aiTargetGet : '从用户提供的教案资料（文件形式）中，自动提取出课程目标（如不存在课程目标则返回“未提取到目标”。注意，在提取信息方面你绝对不能虚拟出不存在的东西。'
      this.aiJson.aiOutlineDetail2 = this.aiJson.aiOutlineDetail2 ? this.aiJson.aiOutlineDetail2 : '请参考#参考资料，重新生成该任务，生成内容需包含任务名，任务设计，评价标准。注意，你绝对不能重复已有其他任务，也不要输出其他内容'
      this.aiJson.aiRateRule = '根据<评价维度>和<维度描述>，制定具体的评价细则。 具体的评价细则分为6级——0星，1星，2星，3星，4星，5星。'
      this.aiJson.aiTaskG1 = this.aiJson.aiTaskG1 ? this.aiJson.aiTaskG1 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的任务描述。你的主要任务是输出任务描述，用亲切的口吻告诉学生他们需要做什么。你的输出需要符合# 输出格式与要求'
      this.aiJson.aiTaskG2 = this.aiJson.aiTaskG2 ? this.aiJson.aiTaskG2 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的互动工具列表。你的任务是，根据教案中提到的学生活动，为学生选择一些平台上有的互动工具，允许他们提交“证据”（即过程性成果）来展示他们的学习进度或者证明他们的学习成果。举例：如果学生活动有观看视频回答问题，那么你就为这一活动匹配选择【问答】工具，允许学生回答问题或者提出他们自己的疑问，如果学生活动有需要学生设计实验或者撰写报告，选用【文档】工具，如果需要学生记录数据，选用【表格】工具，如果需要学生整理或者梳理信息选用【思维导图】，如果需要学生绘制草图，选用【白板】，如果需要学生提交视频，图片，或者ppt，选用【作业提交】。你的输出需要符合# 输出格式与要求'
      this.aiJson.aiTaskG3 = this.aiJson.aiTaskG3 ? this.aiJson.aiTaskG3 : '请根据<教学任务教案> 和 #范例 为该教学任务输出学生任务单中的目标和评价系统。你最主要的任务是提取教案中目标以及评价标准。你的输出需要符合# 输出格式与要求'

      this.aiJson.agentid = this.aiJson.agentid ? this.aiJson.agentid : '8e71322c-6c2a-11ef-8ce0-12e77c4cb76b'
      this.aiJson.sagentid = this.aiJson.sagentid ? this.aiJson.sagentid : ''
      this.aiJson.recordAgentid = this.aiJson.recordAgentid ? this.aiJson.recordAgentid : 'eb6c7ca4-9684-11ef-a04e-12e77c4cb76b'
      this.aiJson.recordstart = this.aiJson.recordstart ? this.aiJson.recordstart : `今天我们聚在一起，围绕采用{课程模板名字}模板的课程的设计展开讨论，而对于这堂课程，我这里有一些建议讨论的问题，供大家参考：

- 我们的课程主题可以如何与学生的实际生活联系起来？
- 围绕该课程主题，我们可以设计什么样的问题来引导学生进行深入思考？
- 这些问题是否能引导学生应用他们在课堂上学习到的知识，并结合实际情况进行探究？
- 学生在项目中可以参与哪些具体的任务或活动，以便更好地理解和解决驱动问题？
- 在这些任务和活动中，学生将学到哪些学科核心知识和技能？
- 学生个人最终要完成什么？学生小组最终要完成什么？
- 我们可以如何设计评价标准，既关注学习结果又关注过程？`
      this.aiJson.recordCheckJindu = this.aiJson.recordCheckJindu ? this.aiJson.recordCheckJindu : `检查以下讨论，查看用户是否讨论了以下问题？如果讨论了，请总结其讨论结果，如果没有，请提醒用户有哪些问题还没有讨论到。

讨论：<转文本内容>`
      this.aiJson.recordCourseD = this.aiJson.recordCourseD ? this.aiJson.recordCourseD : `根据以下讨论，为一个<课程标题>的<学科>整合跨学科的，面向<年级>年级学生的项目式学习课程生成课程概况，驱动性问题(有且仅需要生成1个问题）和项目成果&评价标准`

    }
    this.loading = false;
    // this.timer2 = setInterval(() => {
    //   this.selectEva();
    // }, 5000);
    // this.pasteTimer = setInterval(() => {
    //   this.getPaste();
    // }, 1000);
    this.pasteTimer = setInterval(() => {
      this.getPaste2();
    }, 500);
    setTimeout(() => {
      // this.selectAllType();

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

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

  .pjCss {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.leftBar{
  width: 290px;
  height: calc(100% - 50px);
  overflow: auto;
  border-radius: 5px;
  margin: 25px auto;
  box-sizing: border-box;
  margin-right: 10px;
}

.leftBar2{
  width: 400px;
  min-width: 400px;
  height: calc(100% - 50px);
  overflow: auto;
  border-radius: 5px;
  margin: 25px auto;
  box-sizing: border-box;
  margin-right: 10px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

.chapter_add_input {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.show_taskD {
  min-width: fit-content;
  margin-left: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  color: #717c8d;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.imgLeft {
  margin: 15px 0;
}

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

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

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

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

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

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

.add_c_none>img {
  width: 25px;
}

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

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

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

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

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

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

.course_input_box {
  display: flex;
  margin-right: 20px;
  min-width: 400px;
  width: calc(100% - 350px);
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}

.course_input_box2 {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  flex-wrap: nowrap;
}


.course_input_box>.binfo_input {
  width: calc(100%);
  margin: 0;
  border: 1.5px solid rgb(202, 209, 220);
  border-radius: 5px;
  font-weight: 600;
  padding: 12px 14px 12px 71px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p_box {
  position: relative;
}

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

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

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

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

.noneInvite {
  color: #a8a8a8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.chapter_upload_type{
  width: 80px;
  min-width: 80px;
  text-align: center;
  font-size: 14px;
}

.chapter_upload_box_file{
  height: calc(100% - 45px);
  overflow: auto;
  border-top: 1px solid #e7ebf1;
  box-sizing: border-box;
}

.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_download {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0;
}

.chapter_upload_ic_download div {
  width: 18px;
  height: 18px;
  background-image: url("../../../assets/icon/course/download.svg");
  background-size: 100% 100%;
}

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

.chapter_upload_ic_check div {
  width: 18px;
  height: 18px;
  background-image: url("../../../assets/icon/course/lookeye.svg");
  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_n > .chapter_upload_box{
  border: none;
  outline: none;
  max-width: 100%;
  z-index: 99;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #757575;
}

.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_i15 {
  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_i15 {
  background-image: url("../../../assets/icon/new/appStore.png");
}


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

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

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

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

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

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

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

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

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

.chapter_upload_up {
  margin-bottom: 5px;
}

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

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

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

.chapter_upload_up2 {
  margin-right: 10px;
}

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

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

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

/* table 样式 */
.cont>>>table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.cont>>>table td,
.cont>>>table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  /* padding: 20px 5px; */
  padding: 5px 10px;
  max-width: 0px;
  height: 30px;
  vertical-align: baseline;
}

.cont>>>table th {
  border-bottom: 2px solid #ccc;
  text-align: center;
}

/* blockquote 样式 */
.cont>>>blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}

/* code 样式 */
.cont>>>code {
  display: inline-block;
  /* *display: inline; */
  zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}

.cont>>>pre code {
  display: block;
}

/* ul ol 样式 */
.cont>>>ul,
ol {
  margin: 10px 0 10px 20px;
}

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

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

.checkword img {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.isHeight {
  height: 680px;
}

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

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

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

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

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

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

.noCTool {
  display: none;
}

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

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

.whiteBIcon {
  width: 60px;
  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;
  text-align: center;
}

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

.CollaborativeCss {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 0;
  cursor: pointer;
}

.CollaborativeCss >>> .el-tooltip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CollaborativeCss2 {
  background: #e0eafb;
  color: #3681fc;
  font-weight: 700;
  border-radius: 5px;
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.width100 {
  width: 100%;
}

.a_add_input .a_add_persent {
  width: 100%;
}

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

.a_add_persent_div span {
  margin: 5px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.toolIcon {
  width: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.elist_title {
  margin-bottom: 10px;
}

.elist_input {
  width: 100%;
}

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

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

.elist_input .elist_input_box input {
  font: inherit;
  color: currentColor;
  width: 100%;
  /* max-width: calc(100% - 385px); */
  max-width: calc(100% - 150px);
  padding: 8px 14px;
  display: block;
  min-width: 0;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 20px 0 0;
}

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

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

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

.elist_input_box .elist_inptu_text {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

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

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

.elist_btn {
  margin-top: 10px;
}

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

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

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

.courseTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100%);
  margin: 0 auto;
  padding: 10px 20px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
}

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

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

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

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

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

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

.e_add_title2 span {
  width: 40px;
}

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

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

.e_add_title .el_input {
  width: 300px;
}

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

.e_add_btn {}

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

.e_add_list {
  background: #fff;
  height: 500px;
  width: 210px;
  position: relative;
  margin: 15px 5px 0 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.e_add_list_title {
  font-size: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 40px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 57px;
  background: #f6f6f6;
}

.e_add_list_title span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.e_add_list_title img {
  position: absolute;
  right: 15px;
  width: 25px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.e_add_list_body {
  height: calc(100% - 187px);
  overflow: auto;
}

.e_add_list_child {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  padding: 15px 40px;
  text-align: center;
}

.e_add_list_child span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}

.e_add_list_child img {
  position: absolute;
  right: 10px;
  width: 21px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

.e_add_list_child+.e_add_list_child {
  border-top: 1px solid #eaeaea;
}

.e_add_list_child .active {
  color: #409eff;
}

.e_add_list_btn {
  position: absolute;
  bottom: 0;
  height: 50px;
  background: rgb(120, 120, 254);
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

.e_add_list_detail {
  position: absolute;
  bottom: 0;
  height: 130px;
  background: rgb(120, 120, 254);
  width: 100%;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e_add_list_detail textarea {
  height: 90%;
  width: 95%;
  border: none;
  resize: none;
  outline: none;
  padding: 5px;
  box-sizing: border-box;
}

.e_add_list_pbox {
  width: 100%;
}

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

.type_title {
  font-size: 18px;
  font-weight: 700;
}

.type_content {
  font-size: 16px;
  margin-left: 30px;
}

.type_content span+span {
  margin-left: 20px;
}

.type_content span {
  cursor: pointer;
  padding-bottom: 5px;
  box-sizing: border-box;
}

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

.e_add_list_pbox_content {
  height: calc(100% - 50px);
  display: flex;
  align-items: center;
  width: 100%;
  background: #fff;
}

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

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

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

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

.e_card_picture {
  margin: 10px 0;
}

.e_card_picture>img {
  width: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

.cover_mask>img {
  width: 30px;
}

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

.uploadFm>img {
  width: 50px;
}

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

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

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

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

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

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

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

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

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

.select_box1 {
  height: 100%;
}

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

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

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

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

.select_box1_add_img {}

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

.select_box2 {
  height: 100%;
}

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

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

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

.select_box2_img img {
  width: 100%;
}

.select_box2_answer {
  background: #fff;
  margin-left: 10px;
  border-radius: 5px;
  width: 300px;
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10px;
  box-sizing: border-box;
}

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

.rate_textarea {
  font: inherit;
  color: currentColor;
  width: 100%;
  padding: 8px 14px;
  display: block;
  min-width: 0;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
  margin: 0 20px 0 0;
  resize: none;
}

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

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

.progressBox {
  width: 300px;
  height: 150px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 6px 1px #bfbfbf;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  color: #6c6c6c;
}

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

.progressBox .lbox {
  height: 50px;
  font-size: 19px;
  display: flex;
  align-items: center;
  color: #747474;
}

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

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

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

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

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

.t_j_box {
  display: flex;
}

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

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

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

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

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

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

.addSen {
  background: #409efe;
  width: 90px;
  color: #fff;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 5px;
  float: right;
  margin: 10px 20px 0 0;
  cursor: pointer;
}

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

.sentenTop::before {
  content: attr(index);
  background: #3681fc;
  border-radius: 50%;
  color: #fff;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  text-align: center;
  line-height: 25px;
  margin-right: 5px;
}

.sentenTop>div:nth-child(2) {
  width: 300px;
  margin: 0 15px;
}

.sentenTop>div:nth-child(3) {
  background: #409efe;
  color: #fff;
  width: 65px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 5px;
  cursor: pointer;
}

.cardList {
  padding: 30px 0 20px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #f4f4f4;
  width: 98%;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.isNavStage {
  background: #0061ff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.isGjCss {
  color: #0061ff;
}

.groupBox {}

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

.groupTitle {
  font-size: 24px;
  color: rgb(80, 80, 80);
  margin-bottom: 20px;
}

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

.groupn {
  font-size: 15px;
  margin-right: 10px;
}

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

.groupBtn {
  margin-left: 10px;
}

.groupContent>>>.el-input-number.is-without-controls .el-input__inner {
  text-align: left;
}

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

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

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

.inImg {
  width: 50px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pType_box {
  margin: 15px 0;
  align-items: flex-end;
}

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

.noneBox>img {
  width: 95px;
}

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

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

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

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

.rb_c_box_btn {
  display: flex;
  justify-content: flex-start;
  height: 50px;
  align-items: center;
  background: #fff;
  padding: 0 20px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid #cad1dc;
}

.rb_c_box_btn > .title{
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.rb_c_box_btn > .title:before{
  content: '';
  background-image: url(../../../assets/icon/course/courseName.png);
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  margin-right: 10px;
}

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

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

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

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

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

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

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

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

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

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

.fullStyle1>>>.el-dialog__body {
  height: auto !important;
}

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

.fullStyle {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
}

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

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

.wb_j_box_title {
  background: #f0f4fa;
  height: 100%;
  line-height: 40px;
  width: 105px;
  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;
  min-height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.outline_btn{
  display: flex;
  align-items: center;
  min-width: fit-content;
  margin-left: 10px;
}

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

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

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

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

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

.op_box_right{
  display: flex;
}

.op_box_isquote{
  display: flex;
}

.op_box_isquote *{
  display: none;
}

.op_box_isquote .op_box_right,
.op_box_isquote .custom-switch{
  display: flex;
  margin-left: auto;
}

.op_task_box:hover .op_box_isquote *{
  display: flex;
}

.op_task_box:hover .op_box_isquote .op_box_right,
.op_task_box:hover .op_box_isquote .custom-switch{
  display: flex;
  margin-left: unset;
}

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

.rb_c_nav span {
  cursor: pointer;
}

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

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

.text_panel>>>.text {
  height: 400px;
}

.markBox{
  padding: 20px 14px;
  line-height: 29px;
  font-size: 16px;
  background: #f4f4f4;
  border-radius: 5px;
  word-break: break-word;
}

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

.info_box_t + .info_box_t {
  margin-top: 10px;
}

.info_box_t_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

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

.info_box_t_box > span{
  width: fit-content;
  font-weight: bold;
  font-size: 14px;
}

.info_box_t_box > input{
  width: 150px !important;
  margin: 0 5px 0 0;
}

.info_radio >>> .el-radio, .el-radio__input{
  line-height: 18px;
  height: 18px;
}

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

.mode_box > span{
  padding: 0px 5px;
  cursor: pointer;
}

.mode_box > span.active{
  color: #409eff;
}

.chapter_upload_check {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  cursor: pointer;
  background-image: url('../../../assets/icon/check.png');
  background-size: 100% 100%;
}

.chapter_upload_check.checked{
  background-image: url('../../../assets/icon/checked.png');
}

.ruleBtn {
  width: fit-content;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  color: #0061FF;
}


.stopBtn{
  z-index: 999999;
  position: absolute;
  left: 50%;
  top: calc(50% + 70px);
  transform: translateX(-50%);
}

.rateSwitch >>> .el-switch__label.is-active {
  color: #0061FF;
}

.rateSwitch >>> .el-switch__label--right{
  display: flex;
  align-items: center;
}
.rateSwitch >>> .el-switch__label--right::before{
  content: "";
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  background-size: 100% 100%;
  display: block;
  margin-right: 7px;
  background-image: url(../../../assets/icon/new/u_op2.png);
}
.rateSwitch >>> .el-switch__label--right.is-active::before{
  background-image: url(../../../assets/icon/new/u_op.png);
}

.inter_box{
  min-width: calc(50%);
  min-height: 500px;
  margin-right: 10px;
  border: 1px solid #c7c7c7;
  border-radius: 0px 5px 5px 5px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.inter_box::before{
  content:'对话区';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 8px 10px;
  background: #e0eafb;
  color: #98a0ac;
  font-size: 14px;
  border-radius: 0 15px 15px 0;
}

.inter_voiceBox,
.inter_Detailbox{
  border: 1px solid #c7c7c7;
  border-radius: 0px 5px 5px 5px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.inter_Detailbox::before{
  content:'编辑区';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 8px 10px;
  background: #e0eafb;
  color: #98a0ac;
  font-size: 14px;
  border-radius: 0 15px 15px 0;
}

.inter_voiceBox::before{
  content:'录音区';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 8px 10px;
  background: #e0eafb;
  color: #98a0ac;
  font-size: 14px;
  border-radius: 0 15px 15px 0;
  z-index: 999;
}


.inter_box > iframe{
  width: 100%;
  height: 100%;
  border: none;
}
.inter_setting{
  display: block;
  background-image: url(../../../assets/icon/course/setting.svg);
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: 10px;
}
.inter_setting_panel{
  position: absolute;
  left: 110px;
  top: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 2px 1px #00000017;
  padding: 10px;
  z-index: 999;
}
.panel_title{
  text-align: center;
  font-size: 18px;
  margin-bottom: 10px;
}
.panel_tips{
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
  color: #6d6d6d;
}
.panel_input{
  margin-bottom: 10px;
}

.panel_button{
  display: flex;
  justify-content: space-between;
}

.panel_input_record {
  margin-top: 10px;
}

.panel_input_record > span{
  margin-bottom: 5px;
  display: block;
}

.custom-switch >>> .el-switch__label.is-active {
  color: #0061FF;
}


.close_btn{
  position: absolute;
  top: 40px;
  right: 10px;
  box-shadow: 0 0 4px 2px #00000033;
  border-radius: 70px 0 0 70px;
  display: flex;
  align-items: center;
  padding-left: 5px;
  padding: 10px 7px 10px 12px;
  background: #fff;
  cursor: pointer;
}

.close_btn > img {
  width: 15px;
  transition: 0.3s;
  transform: rotate(0deg);
}

.close_btn_voice > img{
  transform: rotate(180deg);
}

.resizable {
  position: relative;
  min-width: 350px; /* 最小宽度 */
  max-width: 50%; /* 最大宽度 */
}

.resizer {
  width: 12.8px;
  height: 28.8px;
  /* background: #ccc; */
  position: absolute;
  top: 50%;
  left: 0;
  cursor: ew-resize;
  transform: translateY(-50%);
  /* border-radius: 43px; */
  background-image: url(../../../assets/icon/course/course_slide.png);
  background-size: 100% 100%;
}

.pptBox{
  position: fixed;
  bottom: 10px;
  left: 20px;
  padding: 10px;
}

.pptBox > .box > div + div{
  margin-top: 10px;
}

.ppClass{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 6px 3px #00000030;
  overflow: hidden;
}


.file-loading-class >>> .el-loading-spinner{
  margin-top: -10px;
}

.file-loading-class >>> .el-loading-spinner .circular{
  height: 20px;
  width: 20px;
}

.button-toggle {
    color: #007bff; /* 文本颜色 */
    cursor: pointer; /* 鼠标悬停时显示手型 */
    transition: color 0.2s; /* 文字颜色过渡效果 */
    font-size: 14px;
}

.button-toggle:hover {
    color: #0056b3; /* 悬停时的文字颜色 */
}

.button-toggle:focus {
    outline: none; /* 去掉聚焦时的边框 */
}


.right_icon{
  width: 12px;
  height: 12px;
  margin-left: 5px;
}

.buttonBoxB{
  position: relative;
  margin: 0 0 0 10px;
}

.buttonBoxB::after{
  content: '';
  display: block;
  background-image: url(../../../assets/icon/course/downArrow.svg);
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-left: 5px;
}

.buttonBoxB:hover .buttonBox{
  display: block;
}

.buttonBox {
  position: absolute;
  bottom: -0;
  left: 0;
  transform: translateY(100%);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #e3e3e3;
  width: 155px;
  display: none;
  z-index: 99999;
}

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

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

.appendix_file_box{
  width: 100%
}

.appendix_check_box{}

.appendix_check_box > div + div{
  margin-top: 10px;
}

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

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

.appendix_check_task > span,
.appendix_check_type > span{
  width: 100px;
}

.appendix_check_task > .checkButton,
.appendix_check_type > .checkButton{
  border: 1px solid #1684fc;
  color: #1684fc;
  padding: 5px 10px;
  border-radius: 5px;
  margin-right: 10px;
  cursor: pointer;
}

.appendix_check_task > .checkButton.checked,
.appendix_check_type > .checkButton.checked{
  background: #1684fc;
  color: #fff;
}

.appendix_check_all_box{
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.appendix_check_all{
  display: flex;
  align-items: center;
  cursor: pointer;
}

.appendix_check_all_text{
  margin-left: 5px;
}

.know_serach_box{
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.know_serach_box > span{
  min-width: 100px;
}

.know_serach_box > .c_pub_button_add{
  min-width: fit-content;
}


.add_chapters_check_box{
  display: flex;
  align-items: center;
  height: 50px;
}

.add_chapters_check{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Ovh{
  width: 4em;
  -webkit-line-clamp: 2;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>