pbl-teacher-table/src/components/pages/pptEasy/addCourse3.vue

<template>
  <div class="pb_content loadingColor" style="background: #F0F2F5;" v-loading.fullscreen.lock="uploadWorkLoading">
    <confirm-dialog
      :visible.sync="confirmVisible"
      :title="confirmTitle"
      :message="confirmMessage"
      :confirm-text="confirmConfirmText"
      :cancel-text="confirmCancelText"
      @confirm="handleConfirm"
      @cancel="handleCancel"
    />
    <toast-message
      :visible.sync="toastVisible"
      :message="toastMessage"
    />

    <div class="pb_content_body" style="position: relative; margin: 0">
      <div class="right">
        <div style="width: 100%; height: 100%; overflow: auto" ref="stepBox">
          <div class="courseTop" v-show="false">
            <div class="new_btn_box">
              <div class="stepsNav" v-if="!gotype">
                <el-breadcrumb separator-class="el-icon-arrow-right">
                  <!-- 给 el-breadcrumb-item 添加 click 事件需要加 to 或自定义样式，否则点击不会触发 -->
                  <el-breadcrumb-item to="" @click.native="lastSteps()">{{ 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="title">
                <el-input class="title-input" ref="titleInputRef" v-model="titleValue" @blur="handleUpdateTitle()"
                  v-if="editingTitle"></el-input>
                <div class="title-text" @click="startEditTitle()" :title="courseName" v-else>{{ courseName ? courseName
                  : lang.ssUntitledCourse }}</div>
              </div>
            </div>
            <!-- <div class="r_pub_button_retrun" @click="lastSteps()">返回</div> -->
            <div class="new_btn_box">
              <button class="c_pub_button_return" @click="save">
                {{ lang.ssSave }}
              </button>
              <button class="c_pub_button_return" @click="openCourseSettings">
                {{ lang.ssCourseSettings }}
              </button>
              <button class="c_pub_button_confirm" @click="openPublishDialog">
                {{ lang.ssReleaseBtn }}
              </button>
            </div>
          </div>
          <div class="rightBox" style="padding: 0;" :style="{
            height: 'calc(100%)'
          }" v-if="steps == 1">
            <div class="pptIframeArea">
              <iframe allow="camera *; microphone *;display-capture;midi;encrypted-media;clipboard-write;clipboard-read"
                webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="no" border="0"
                :src="pptIframeUrl" ref="pptIframeRef"></iframe>
            </div>

            <div class="pptToolsArea" v-show="false">
              <div class="pta_header">
                <span>{{ lang.ssLearningContent }}</span>
              </div>
              <div class="pta_buttonArea">
                <div class="pta_ba_item pta_ba_item1" @click.stop="openToolDialog()">
                  <svg t="1755077553512" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="6307" width="200" height="200">
                    <path
                      d="M512 56.888889C261.688889 56.888889 56.888889 261.688889 56.888889 512s204.8 455.111111 455.111111 455.111111 455.111111-204.8 455.111111-455.111111-204.8-455.111111-455.111111-455.111111m0 853.333333c-221.866667 0-398.222222-176.355556-398.222222-398.222222s176.355556-398.222222 398.222222-398.222222 398.222222 176.355556 398.222222 398.222222-176.355556 398.222222-398.222222 398.222222"
                      fill="#2ED574" p-id="6308"></path>
                    <path d="M320.910222 465.806222l201.159111 201.159111-40.220444 40.220445-201.159111-201.159111z"
                      fill="#2ED574" p-id="6309"></path>
                    <path d="M725.504 380.188444l40.220444 40.220445-281.6 281.6-40.220444-40.220445z" fill="#2ED574"
                      p-id="6310"></path>
                  </svg>
                  <span>+</span>
                  <div>{{ lang.ssInterTool }}</div>
                </div>

                <div class="pta_ba_item pta_ba_item2" @click.stop="addTool(73)">
                  <svg t="1755077646686" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="7847" width="200" height="200">
                    <path
                      d="M232.727 139.636h558.546a93.09 93.09 0 0 1 93.09 93.091v372.364a93.09 93.09 0 0 1-93.09 93.09H232.727a93.09 93.09 0 0 1-93.09-93.09V232.727a93.09 93.09 0 0 1 93.09-93.09z m0 46.546a46.545 46.545 0 0 0-46.545 46.545v372.364a46.545 46.545 0 0 0 46.545 46.545h558.546a46.545 46.545 0 0 0 46.545-46.545V232.727a46.545 46.545 0 0 0-46.545-46.545H232.727z m256 512h46.546v139.636h-46.546V698.182zM279.273 837.818h465.454a23.273 23.273 0 0 1 0 46.546H279.273a23.273 23.273 0 0 1 0-46.546z"
                      fill="#FF6347" p-id="7848"></path>
                  </svg>
                  <span>+</span>
                  <div>{{ lang.ssH5Page }}</div>
                </div>

                <div class="pta_ba_item pta_ba_item3" @click.stop="addTool(72)">
                  <svg t="1755077789930" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="38464" width="200" height="200">
                    <path
                      d="M967.584 330.496l-156.8 156.608a83.36 83.36 0 0 1-117.696 0l-156.8-156.608a82.944 82.944 0 0 1 0-117.44l156.8-156.608a83.2 83.2 0 0 1 117.696 0l156.8 156.608a82.944 82.944 0 0 1 0 117.44zM928.32 252.192l-156.8-156.608a27.776 27.776 0 0 0-39.232 0l-156.8 156.608a27.648 27.648 0 0 0 0 39.168L732.16 448a27.776 27.776 0 0 0 39.232 0l156.928-156.8a27.648 27.648 0 0 0 0-39.008zM384.352 960H160a96 96 0 0 1-96-96v-223.648a96 96 0 0 1 96-96h224.256a96 96 0 0 1 96 96V864a96 96 0 0 1-95.904 96z m32-319.648a32 32 0 0 0-32-32H160a32 32 0 0 0-32 32V864a32 32 0 0 0 32 32h224.256a32 32 0 0 0 32-32v-223.648z m-32-159.84H160a96 96 0 0 1-96-96V160.864a96 96 0 0 1 96-96h224.256a96 96 0 0 1 96 96v223.744a96 96 0 0 1-95.904 95.904z m32-319.648a32 32 0 0 0-32-32H160a32 32 0 0 0-32 32v223.744a32 32 0 0 0 32 32h224.256a32 32 0 0 0 32-32V160.864z m224.256 383.584h224.256a96 96 0 0 1 96 96V864a96 96 0 0 1-96 96h-224.256a96 96 0 0 1-96-96v-223.648a96 96 0 0 1 96-95.904z m-32 319.648a32 32 0 0 0 32 32h224.256a32 32 0 0 0 32-32v-223.744a32 32 0 0 0-32-32h-224.256a32 32 0 0 0-32 32V864z"
                      fill="#3742FA" p-id="38465"></path>
                  </svg>
                  <span>+</span>
                  <div>{{ lang.AIapplication }}</div>
                </div>

                <div class="pta_ba_item pta_ba_item4" @click.stop="openVideoUploadDialog()">
                  <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"
                    xmlns:xlink="http://www.w3.org/1999/xlink">
                    <rect width="19" height="19" fill="url(#pattern0_158_1455)" />
                    <defs>
                      <pattern id="pattern0_158_1455" patternContentUnits="objectBoundingBox" width="1" height="1">
                        <use xlink:href="#image0_158_1455" transform="translate(-0.00163934) scale(0.00163934)" />
                      </pattern>
                      <image id="image0_158_1455" width="612" height="610" preserveAspectRatio="none"
                        xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmQAAAJiCAYAAABpSN6hAAAAAXNSR0IArs4c6QAAAIRlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABAAIAAIdpAAQAAAABAAAAWgAAAAAAAACQAAAAAQAAAJAAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAmSgAwAEAAAAAQAAAmIAAAAA+t8A/AAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAQABJREFUeAHs3QecHVX5//HnbAq9iEgRBSwBRJoUQRABARsi0pTyBwSFFCA0I6KUKEqXElJ/iiKCSFcBG0VQAWnSW0BFFAPSS0JI2fl/z2ST7N3s7t3dO+XMnM/kNdl778yc8p7ZPc89M3PGWT+nZLytYUPs05bY1uZsXW2+uuZlNQ/tZ1KsjgACCCCAAAIIVFlglgr/uuZnFBc9qrjozzbbfu8Os3/1t1KuLxskpiwm2W76f7TmrbVNn7brS9qsgwACCCCAAAII1EggUXD2Z83jbKRdrYBJYVTzqWlglUy2Tyj8Gq+k1m+eHGsggAACCCCAAAIIdAg8pHDsMDfC/tRMpMeALBmrU5Cr2plKYHSzRFiOAAIIIIAAAggg0KPAOJtmY9xY86c4u526DciSifYOa7Nr1TO2Vbdb8SECCCCAAAIIIIBA3wUSu83abWc3yl7pbqNFArI0GBtkt2plTlF2J8ZnCCCAAAIIIIDAwAQesrm2TXdBWVvn9NLTlIPsOn1GMNYZhtcIIIAAAggggEDrAuub4qw03uqSVkNAZqvYWVq+ZZd1eIsAAggggAACCCCQjcCWHfFWQ2oLTlnqVOU2itpuaVjKGwQQQAABBBBAAIHsBebatjp16S8RS6e0h0xdZ23654e2YEIAAQQQQAABBBDIW0BxVxp/deQz75Tlqra77qhcL++8SR8BBBBAAAEEEEBAAj7u8vFXxzQvIEvs8Pkf8BMBBBBAAAEEEECgAIFO8ZdLJtmaOl35D2W74HqyAopAFggggAACCCCAQOwCicYme78baU/7HrJPayYYi/2QoP4IIIAAAgggULSAj798HKa+sXkPCy+6AOSHAAIIIIAAAggg0BGH+R6yddFAAAEEEEAAAQQQKEUgjcN8QLZ6KdmTKQIIIIAAAggggEAah/lTlstggQACCCCAAAIIIFCCQEcc5nvIhpaQPVkigAACCCCAAAIIdMRhPiBjQgABBBBAAAEEEChRgICsRHyyRgABBBBAAAEEvAABGccBAggggAACCCBQsgABWck7gOwRQAABBBBAAAECMo4BBBBAAAEEEECgZAECspJ3ANkjgAACCCCAAAIEZBwDCCCAAAIIIIBAyQIEZCXvALJHAAEEEEAAAQQIyDgGEEAAAQQQQACBkgUIyEreAWSPAAIIIIAAAggQkHEMIIAAAggggAACJQsQkJW8A8geAQQQQAABBBAgIOMYQAABBBBAAAEEShYgICt5B5A9AggggAACCCBAQMYxgAACCCCAAAIIlCxAQFbyDiB7BBBAAAEEEEBgcHAEibUHV6Y6FMiZUzX8HMqUmP/HhAACCIQi4CysTgraw/yOjND2tWoaXkA215Zzh9qb+e2FOFNOptiRqvk5AdX+AjfCDg6oPBQFAQQiF0gm25362vrRYBgS29GNtJuDKU9NCpJMsKUV/bwRWnXC+jYQmg7lQQABBBBAAAEEChAgICsAmSwQQAABBBBAAIHeBAjIetNhGQIIIIAAAgggUIAAAVkByGSBAAIIIIAAAgj0JkBA1psOyxBAAAEEEEAAgQIECMgKQCYLBBBAAAEEEECgNwECst50WIYAAggggAACCBQgQEBWADJZIIAAAggggAACvQkQkPWmwzIEEEAAAQQQQKAAAQKyApDJAgEEEEAAAQQQ6E2AgKw3HZYhgAACCCCAAAIFCBCQFYBMFggggAACCCCAQG8CBGS96bAMAQQQQAABBBAoQICArABkskAAAQQQQAABBHoTICDrTYdlCCCAAAIIIIBAAQIEZAUgkwUCCCCAAAIIINCbwODeFrJsnkAy0d6hV2tbm61siS2t1zM1v2RzbKo73P47by3+RwABBBBAID6BZJKtploPM2crqI1cQm3ldGu3F2yuPe4OU1vJ1CcBArIemJIJtqUNtr11cO2og2ztBau5Ba/Mhpolk+05Lb9ZB9+V9rxd78barE5r8BIBBBBAAIFaCSRjbXF1T3xBbd/uqti2+rnSggrObyP9+TfNaiP/oeU3qI38hY20W7U4WbAuLxoECMg6cegocTYlDcKO06v10kXzD65O6zW8dLaK3u+jA28fvfpfMsXOUc/ZeHeovdmwHm8QQAABBBCo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" />
                    </defs>
                  </svg>
                  <span>+</span>
                  <div>{{ lang.ssVideo }}</div>
                </div>
                <div class="pta_ba_item pta_ba_item5" @click.stop="openApplicationCenter()">
                  <svg width="19" height="19" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
                      fill="#1890ff" />
                    <path
                      d="M464 336a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm120 368a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-120-96a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm-120 96a48 48 0 1 0 96 0 48 48 0 1 0-96 0z"
                      fill="#1890ff" />
                  </svg>
                  <span>+</span>
                  <div>{{ lang.ssCreateSpace }}</div>
                </div>
              </div>

              <div class="pta_tooListArea">
                <div class="pta_tla_header">
                  <span>{{ lang.ssCreatedCont }}</span>
                  <div>{{ lang.ssTotalPrefix }}<span>{{ pptCourseJson.toolsList.length }}</span>{{ lang.ssItemCont }}
                  </div>
                </div>

                <div class="pta_tla_list" v-if="pptCourseJson.toolsList.length > 0">
                  <div class="pta_tla_l_item" v-for="item in pptCourseJson.toolsList" :key="item.id">
                    <div class="pta_tla_l_i_left">
                      <img src="../../../assets/icon/thirdToolList/choose.png" alt v-if="item.tool == 45" />
                      <img src="../../../assets/icon/thirdToolList/answer.png" alt v-if="item.tool == 15" />
                      <svg v-if="item.tool == 73" t="1755077646686" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="7847" width="200" height="200">
                        <path
                          d="M232.727 139.636h558.546a93.09 93.09 0 0 1 93.09 93.091v372.364a93.09 93.09 0 0 1-93.09 93.09H232.727a93.09 93.09 0 0 1-93.09-93.09V232.727a93.09 93.09 0 0 1 93.09-93.09z m0 46.546a46.545 46.545 0 0 0-46.545 46.545v372.364a46.545 46.545 0 0 0 46.545 46.545h558.546a46.545 46.545 0 0 0 46.545-46.545V232.727a46.545 46.545 0 0 0-46.545-46.545H232.727z m256 512h46.546v139.636h-46.546V698.182zM279.273 837.818h465.454a23.273 23.273 0 0 1 0 46.546H279.273a23.273 23.273 0 0 1 0-46.546z"
                          fill="#FF6347" p-id="7848"></path>
                      </svg>

                      <img :src="item.icon" alt v-if="item.tool == 72" />
                      <img src="../../../assets/icon/ppt/vfile.svg" alt v-if="item.tool == 74 || item.tool == 75"
                        style="width: 40px; height: 40px;" />
                      <svg v-if="item.tool == 76" t="1755077646686" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="7847" width="40" height="40">
                        <path
                          d="M232.727 139.636h558.546a93.09 93.09 0 0 1 93.09 93.091v372.364a93.09 93.09 0 0 1-93.09 93.09H232.727a93.09 93.09 0 0 1-93.09-93.09V232.727a93.09 93.09 0 0 1 93.09-93.09z m0 46.546a46.545 46.545 0 0 0-46.545 46.545v372.364a46.545 46.545 0 0 0 46.545 46.545h558.546a46.545 46.545 0 0 0 46.545-46.545V232.727a46.545 46.545 0 0 0-46.545-46.545H232.727z m256 512h46.546v139.636h-46.546V698.182zM279.273 837.818h465.454a23.273 23.273 0 0 1 0 46.546H279.273a23.273 23.273 0 0 1 0-46.546z"
                          fill="#409EFF" p-id="7848"></path>
                      </svg>
                      <div>
                        <div>{{ item.title }}</div>
                        <span>{{ item.brief }}</span>
                      </div>
                    </div>
                    <div class="pta_tla_l_i_right">
                      <!-- 视频类型只显示预览和删除 -->
                      <template v-if="item.tool == 74 || item.tool == 75">
                        <div class="pta_tla_l_i_r_button edit" @click="previewVideo(item)">
                          <svg width="21" height="14" viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"
                            xmlns:xlink="http://www.w3.org/1999/xlink">
                            <rect width="21" height="14" fill="url(#pattern0_162_911)" />
                            <defs>
                              <pattern id="pattern0_162_911" patternContentUnits="objectBoundingBox" width="1"
                                height="1">
                                <use xlink:href="#image0_162_911"
                                  transform="matrix(0.00458716 0 0 0.00688073 0 -0.00229358)" />
                              </pattern>
                              <image id="image0_162_911" width="218" height="146" preserveAspectRatio="none"
                                xlink:href="data:image/png;base64,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" />
                            </defs>
                          </svg>
                          <span>{{ lang.ssPreview }}</span>
                        </div>
                        <div class="pta_tla_l_i_r_button delete" @click="toolBtn(2, item.id)">
                          <svg t="1755224641218" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="12953" width="200" height="200">
                            <path
                              d="M161.186909 205.591273h170.170182V126.277818C331.357091 74.519273 373.294545 32.581818 425.053091 32.581818h208.616727c51.758545 0 93.742545 41.937455 93.742546 93.696v79.313455h200.564363a30.254545 30.254545 0 1 1 0 60.509091h-30.021818v629.154909a93.742545 93.742545 0 0 1-93.742545 93.696H254.882909a93.742545 93.742545 0 0 1-93.696-93.696V266.100364h-41.146182a30.254545 30.254545 0 1 1 0-60.509091h41.146182z m676.305455 60.509091H221.649455v629.154909c0 18.338909 14.894545 33.186909 33.186909 33.186909h549.329454c18.385455 0 33.233455-14.894545 33.233455-33.186909V266.100364zM391.819636 204.148364h275.037091V126.277818A33.233455 33.233455 0 0 0 633.669818 93.090909H425.053091a33.233455 33.233455 0 0 0-33.186909 33.186909v77.870546z"
                              fill="#32373B" p-id="12954"></path>
                          </svg>
                          <span>{{ lang.ssDelete }}</span>
                        </div>
                      </template>
                      <template v-else-if="item.tool == 76">
                        <div class="pta_tla_l_i_r_button delete" @click="toolBtn(2, item.id)">
                          <svg t="1755224641218" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="12953" width="200" height="200">
                            <path
                              d="M161.186909 205.591273h170.170182V126.277818C331.357091 74.519273 373.294545 32.581818 425.053091 32.581818h208.616727c51.758545 0 93.742545 41.937455 93.742546 93.696v79.313455h200.564363a30.254545 30.254545 0 1 1 0 60.509091h-30.021818v629.154909a93.742545 93.742545 0 0 1-93.742545 93.696H254.882909a93.742545 93.742545 0 0 1-93.696-93.696V266.100364h-41.146182a30.254545 30.254545 0 1 1 0-60.509091h41.146182z m676.305455 60.509091H221.649455v629.154909c0 18.338909 14.894545 33.186909 33.186909 33.186909h549.329454c18.385455 0 33.233455-14.894545 33.233455-33.186909V266.100364zM391.819636 204.148364h275.037091V126.277818A33.233455 33.233455 0 0 0 633.669818 93.090909H425.053091a33.233455 33.233455 0 0 0-33.186909 33.186909v77.870546z"
                              fill="#32373B" p-id="12954"></path>
                          </svg>
                          <span>{{ lang.ssDelete }}</span>
                        </div>
                      </template>
                      <!-- 其他类型显示编辑、复制、删除 -->
                      <template v-else>
                        <div class="pta_tla_l_i_r_button edit" @click="toolBtn(0, item.id)">
                          <svg t="1755224440400" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="4991" width="200" height="200">
                            <path
                              d="M388.1856 93.0944a46.5408 46.5408 0 1 1 0 93.0816H139.648a46.5408 46.5408 0 0 0-46.5408 46.5536V884.352a46.5408 46.5408 0 0 0 46.5408 46.5408h651.648a46.5408 46.5408 0 0 0 46.5408-46.5408V635.8144a46.5408 46.5408 0 1 1 93.0816 0V884.352C930.9056 961.4848 868.3904 1024 791.2704 1024H139.648C62.5152 1024 0 961.4848 0 884.352V232.7424c0-77.12 62.5152-139.648 139.648-139.648h248.5376zM824.192 13.632l186.1888 186.1888a46.5408 46.5408 0 0 1 0 65.8176L544.896 731.0976A46.5408 46.5408 0 0 1 512 744.7296H325.824a46.5408 46.5408 0 0 1-46.5536-46.5536V512c0-12.3392 4.9024-24.192 13.632-32.9088L758.3616 13.632a46.5408 46.5408 0 0 1 65.8176 0zM791.296 112.384L372.352 531.2768v120.3584h120.3584L911.616 232.7296l-120.3584-120.3584z"
                              fill="#ffffff" p-id="4992"></path>
                          </svg>
                          <span>{{ lang.ssEdit }}</span>
                        </div>
                        <div class="pta_tla_l_i_r_button copy" @click="toolBtn(1, item.id)">
                          <svg t="1755224487282" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="6922" width="200" height="200">
                            <path
                              d="M931.84 675.84c0 12.288-8.192 20.48-20.48 20.48s-20.48-8.192-20.48-20.48V419.84c0-34.816-26.624-61.44-61.44-61.44h-409.6c-34.816 0-61.44 26.624-61.44 61.44v409.6c0 34.816 26.624 61.44 61.44 61.44h409.6c34.816 0 61.44-26.624 61.44-61.44v-45.056c0-12.288 8.192-20.48 20.48-20.48s20.48 8.192 20.48 20.48v45.056c0 57.344-45.056 102.4-102.4 102.4h-409.6c-57.344 0-102.4-45.056-102.4-102.4v-409.6c0-57.344 45.056-102.4 102.4-102.4h409.6c57.344 0 102.4 45.056 102.4 102.4v256z m-225.28-454.656c0 12.288-8.192 20.48-20.48 20.48s-20.48-8.192-20.48-20.48V194.56c0-34.816-26.624-61.44-61.44-61.44h-409.6c-34.816 0-61.44 26.624-61.44 61.44v409.6c0 34.816 26.624 61.44 61.44 61.44h32.768c12.288 0 20.48 8.192 20.48 20.48s-8.192 20.48-20.48 20.48h-32.768c-57.344 0-102.4-45.056-102.4-102.4v-409.6c0-57.344 45.056-102.4 102.4-102.4h409.6c57.344 0 102.4 45.056 102.4 102.4v26.624z"
                              fill="#32373B" p-id="6923"></path>
                          </svg>
                          <span>{{ lang.ssCopy }}</span>
                        </div>
                        <div class="pta_tla_l_i_r_button delete" @click="toolBtn(2, item.id)">
                          <svg t="1755224641218" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="12953" width="200" height="200">
                            <path
                              d="M161.186909 205.591273h170.170182V126.277818C331.357091 74.519273 373.294545 32.581818 425.053091 32.581818h208.616727c51.758545 0 93.742545 41.937455 93.742546 93.696v79.313455h200.564363a30.254545 30.254545 0 1 1 0 60.509091h-30.021818v629.154909a93.742545 93.742545 0 0 1-93.742545 93.696H254.882909a93.742545 93.742545 0 0 1-93.696-93.696V266.100364h-41.146182a30.254545 30.254545 0 1 1 0-60.509091h41.146182z m676.305455 60.509091H221.649455v629.154909c0 18.338909 14.894545 33.186909 33.186909 33.186909h549.329454c18.385455 0 33.233455-14.894545 33.233455-33.186909V266.100364zM391.819636 204.148364h275.037091V126.277818A33.233455 33.233455 0 0 0 633.669818 93.090909H425.053091a33.233455 33.233455 0 0 0-33.186909 33.186909v77.870546z"
                              fill="#32373B" p-id="12954"></path>
                          </svg>
                          <span>{{ lang.ssDelete }}</span>
                        </div>
                      </template>
                    </div>
                  </div>

                </div>
                <div v-else style="width:100%;display:flex;justify-content:center;font-size:14px;color:#4A5568">{{
                  lang.ssNoTool }}
                </div>
              </div>

            </div>

            <div class="info_btnBox3" v-show="false">
              <button class="c_pub_button_return pub_btn_return_img" @click="lastSteps">
                {{ lang.ssReturnCourse }}
              </button>
              <button class="c_pub_button_confirm pub_btn_finish_img" @click="openPublishDialog">
                {{ lang.ssConfirmUpload }}
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 基础信息弹窗 -->
    <el-dialog :title="lang.ssBasicInfo" :visible.sync="dialogVisibleBasicInfo" :append-to-body="true" width="90%"
      :before-close="handleClose" class="dialog_diy">
      <div>
        <div class="whiteBg" style="background:unset;padding: 0;">
          <div>
            <div class="basic_box" style="padding: 0;">
              <div class="big_box">
                <div class="left_first">
                  <div :class="{
                    updateTips:
                      cid && userid != courseUserid && role != '1'
                  }">
                    <div style="width: 100%;">
                      <div class="course_input_box">
                        <div class="bb_courseIcon">
                          <img src="../../../assets/icon/new/course.png" />
                        </div>
                        <input type="text" :placeholder="lang.entercoursename" class="binfo_input" v-model="courseName"
                          style="border: 1.5px solid rgb(202, 209, 220);margin: 0px 10px 0px 0px;border-radius: 5px;font-weight: 600;padding: 12px 14px 12px 71px;" />
                        <el-switch v-model="isTeacherSee" :active-text="lang.ssPublish"
                          style="justify-content: center;width: 200px;" v-show="false"></el-switch>
                      </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" 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>
                    </div>
                  </div>
                </div>
                <div class="right_first">
                  <div class="c_info_title" style="padding: 0 0 15px;margin: 0 auto 0 0;">
                    {{ lang.ssUploadCover }}
                  </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.ssClickAddCover }}</div>
                      <div class="cover_mask">
                        <img src="../../../assets/icon/new/cover_update.png" /><span style="margin-top:5px;">{{
                          lang.ssModifyCover }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="whiteBg" style="margin-top: 10px">
          <div class="wb_j_box">
            <div class="wb_j_box_content">
              <div class="wb_j_box_btn" @click="
                (dialogVisibleClass = true),
                (classSearch = ''),
                (gradeId = ''),
                getClass()
                ">
                <div class="wb_j_box_title">{{ lang.ssTeachClass }}</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>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisibleBasicInfo = false">{{ lang.ssCancel }}</el-button>
        <el-button type="primary" @click="nextSteps">{{ lang.ssConfirm }}</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="lang.ssSelectClassDialog" :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.SelectClass }}</div>
            <div style="display:flex;align-items:center;margin-left:auto;">
              <el-checkbox v-model="checkAll" @change="handleCheckAllChange" class="all_check">{{ lang.SelectAll
              }}</el-checkbox>
            </div>
          </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.ssUploadImage" :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="(searchImageValue = courseName), resetImage()" v-if="isSysPic2 == false">{{
              lang.SelectWebImage }}</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.SelectWebImage }}</div> -->
          </div>
        </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>
    <div class="web-search-modal" v-if="sysPicVisible2">
      <div class="modal-overlay"></div>
      <div class="modal-content web-search-content">
        <div class="modal-header">
          <h3 class="modal-title">{{ lang.ssWebSearchImage }}</h3>
          <div class="modal-close" @click="sysPicVisible2 = false">×</div>
        </div>
        <div class="modal-body web-search-body">
          <div class="search-section">
            <label class="search-label">{{ lang.ssSearchKeyword }}</label>
            <div style="position: relative; width: 100%;">
              <el-input class="search_input" style="height: 40px; border-radius: 4px;" :placeholder="lang.ssSearchImageKey" 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>
          </div>
          <div class="image-grid loadingColor" v-loading="imageloading">
            <div class="picNone" v-if="!imageList.length && !imageloading">
              {{ lang.ssEnterKeywordSearch }}
            </div>
            <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="image-item">
              <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
            </div>
          </div>
        </div>
        <div class="modal-footer web-search-footer">
          <button class="btn-cancel" @click="sysPicVisible2 = false">{{ lang.ssCancel }}</button>
          <button class="btn-confirm" @click="changePicture">{{ lang.ssChangeGrp }}</button>
        </div>
      </div>
    </div>
    <InteractiveToolDialog ref="InteractiveToolDialogRef" @addTool="addTool" />
    <VideoUploadDialog ref="VideoUploadDialogRef" @uploadLocalVideo="handleLocalVideoUpload"
      @uploadProgress="handleUploadProgress" @searchBilibili="handleBilibiliSearch" />
    <!-- 视频预览弹窗 -->
    <el-dialog :visible.sync="dialogVisibleVideoPreview" :close-on-click-modal="false" :modal="true" width="100%"
      :append-to-body="true" class="video-preview-dialog" :show-close="true" :center="true"
      @close="handleVideoPreviewClose">
      <div class="video-preview-container">
        <!-- 本地视频使用video标签 -->
        <video ref="previewVideoPlayer" v-if="previewVideoUrl && previewVideoType !== 75" :src="previewVideoUrl"
          controls autoplay style="width: 100%; height: 100%; max-height: 80vh;"></video>
        <!-- B站视频使用iframe -->
        <iframe v-if="previewVideoUrl && previewVideoType === 75" :src="previewVideoUrl" frameborder="0" allowfullscreen
          style="width: 100%; height: 100%; min-height: 600px;"></iframe>
      </div>
    </el-dialog>
    <!-- Bilibili视频检索弹窗 -->
    <BilibiliSearchDialog :visible.sync="dialogVisibleBilibiliSearch" :courseName="courseName"
      :grade="selectedGradeName" @addVideo="handleBilibiliVideoAdd" />
    <appDialog ref="appDialog" @success="selectAppSuccess"  @success2="selectAppSuccess2"></appDialog>
    <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%">
        <div class="a_addBox" style="height:100%">
          <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.ssSingleChoice }}</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>
                  <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="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
                      </div>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex)" />
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(testJson.testJson[index1], checkIndex)
                          ">{{ 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.ssEnterOpt" style="width: 300px; margin-right: 10px" @change="
                          () => {
                            $forceUpdate();
                          }
                        "></textarea>
                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)"></div>
                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
                      </div>
                      <div class="xzUpImg" @click.stop="addImg($event)">
                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
                        <input type="file" accept="image/*" style="display: none"
                          @change="beforeUploadTi($event, index1, checkIndex1)" />
                      </div>
                      <div class="a_add_body_div">
                        <el-button type="primary" size="small" @click.stop="
                          addTcheckList(
                            testJson.testJson[index1],
                            checkIndex1
                          )
                          ">{{ 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>
          </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.ssAddH5" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
      :before-close="handleClose" class="dialog_diy lineCss loadingColor" v-loading="isAddOrUpdateLineLoading">
      <el-form>
        <el-form-item :label="lang.ssTitle" :label-width="formLabelWidth" v-show="false">
          <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="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>
          <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>
    <!-- 右下角上传进度显示 -->
    <div class="upload-progress-container" v-if="uploadProgressList.length > 0">
      <div class="upload-progress-header" @click="toggleProgressExpand">
        <span>{{ lang.ssPPtUpProgress.replace('*', uploadProgressList.length) }}</span>
        <i :class="progressExpanded ? 'el-icon-arrow-down' : 'el-icon-arrow-up'"></i>
      </div>
      <div class="upload-progress-list" v-show="progressExpanded">
        <div class="upload-progress-item" v-for="item in uploadProgressList" :key="item.id">
          <div class="progress-item-header">
            <span class="file-name">{{ item.fileName }}</span>
            <span class="progress-status"
              :class="{ 'completed': item.status === 'completed', 'error': item.status === 'error' }">
              {{ item.status === 'uploading' ? lang.ssUploading : item.status === 'completed' ? lang.ssCompleted :
                lang.ssUploadFail }}
            </span>
          </div>
          <el-progress v-if="item.status === 'uploading'" :percentage="item.progress"
            :status="item.status === 'error' ? 'exception' : ''" :stroke-width="8"
            style="margin-top: 8px;"></el-progress>
          <div class="progress-info" v-if="item.status === 'uploading'">
            {{ formatFileSize(item.loaded) }} / {{ formatFileSize(item.total) }}
          </div>
        </div>
      </div>
    </div>
    <!-- 课程设置弹窗 -->
    <div class="course-settings-modal" v-if="dialogVisibleCourseSettings">
      <div class="modal-overlay"></div>
      <div class="modal-content">
        <div class="modal-header">
          <h3 class="modal-title">{{ lang.ssCourseSettings }}</h3>
          <div class="modal-close" @click="dialogVisibleCourseSettings = false">×</div>
        </div>
        <div class="modal-body">
          <div class="form-item">
            <label class="form-label">{{ lang.ssSubjectCategory }}</label>
            <!-- <el-select v-model="selectedSubject" :placeholder="lang.ssSelectSubj" class="custom-select" collapse-tags
              multiple style="width: 100%">
              <el-option v-for="option in subjectOptions" :key="option.id" :label="option.name"
                :value="option.id"></el-option>
            </el-select> -->
            <selectTag
              v-model="selectedSubject"
              :options="subjectOptions"
              :placeholder=lang.ssSelectSubj
              style="width: 100%;"
            />
          </div>
          <div class="form-item">
            <label class="form-label">{{ lang.ssGradeType }}</label>
            <!-- <el-select v-model="selectedGrade" :placeholder="lang.ssSelectGrade" class="custom-select" collapse-tags
              multiple style="width: 100%">
              <el-option v-for="option in gradeOptions" :key="option.id" :label="option.name"
                :value="option.id"></el-option>
            </el-select> -->
            <selectTag
              v-model="selectedGrade"
              :options="gradeOptions"
              :placeholder=lang.ssSelectGrade
              style="width: 100%;"
            />
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn-cancel" @click="dialogVisibleCourseSettings = false">{{ lang.ssCancel }}</button>
          <button class="btn-apply" @click="applyCourseSettings">{{ lang.ssApply }}</button>
        </div>
      </div>
    </div>

    <!-- 发布课程弹窗 -->
    <div class="publish-course-modal" v-if="dialogVisiblePublish">
      <div class="modal-overlay"></div>
      <div class="modal-content publish-modal-content">
        <div class="modal-header">
          <h3 class="modal-title">{{ lang.ssPublishCourse }}</h3>
          <div class="modal-close" @click="dialogVisiblePublish = false">×</div>
        </div>
        <div class="modal-body publish-modal-body">
          <div class="course-name-display">
            <div v-if="!editingCourseName" @click="startEditCourseName" class="course-name-text">
              {{ courseName || lang.ssUntitledCourse }}
            </div>
            <el-input v-else v-model="courseName" @blur="editingCourseName = false; handleUpdateTitle()"
              @keyup.enter="editingCourseName = false" @input="updateInputWidth" ref="courseNameInput"
              class="course-name-input" :style="{ width: inputWidth + 'px' }" autofocus></el-input>
          </div>

          <div class="form-box">
            <div class="form-box-left">
              <div class="form-row">
                <div class="form-item required">
                  <label class="form-label">{{ lang.ssSubjectCategory }}</label>
                  <selectTag
                    v-model="selectedSubject"
                    :options="subjectOptions"
                    :placeholder=lang.ssSelectSubj
                    style="width: 100%;"
                  />
                </div>
                <div class="form-item required">
                  <label class="form-label">{{ lang.ssGradeType }}</label>
                  <selectTag
                    v-model="selectedGrade"
                    :options="gradeOptions"
                    :placeholder=lang.ssSelectGrade
                    style="width: 100%;"
                  />
                </div>
              </div>
              <GradeClassSelector
                v-model="checkboxList2"
                :grade-options="gradeOptions2"
                :class-options="classOptions"
                :lang="lang"
                @gradeChange="onGradeChange"
              />


              <div class="form-row">
                <div class="form-item required">
                  <label class="form-label">{{ lang.ssVisibilityRange }}</label>
                  <div class="radio-group">
                    <div class="radio-item" :class="{ active: !isTeacherSee }" @click="isTeacherSee = false">
                      <div class="custom-radio">
                        <div class="radio-inner" :class="{ checked: !isTeacherSee }"></div>
                      </div>
                      <div>
                        <label>{{ lang.ssOnlyStudentsVisible }}</label>
                        <div class="radio-desc">{{ lang.ssOnlyStudentsDesc }}</div>
                      </div>
                    </div>
                    <div class="radio-item" :class="{ active: isTeacherSee }" @click="isTeacherSee = true">
                      <div class="custom-radio">
                        <div class="radio-inner" :class="{ checked: isTeacherSee }"></div>
                      </div>
                      <div>
                        <label>{{ lang.ssOrganizationVisible }}</label>
                        <div class="radio-desc">{{ lang.ssOrganizationDesc }}</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="form-row">
                <div class="form-item aiAssistant-item">
                  <div class="aiAssistant_box">
                      <label class="aiAssistant_box_title">
                        {{ lang.ssAIAssistant }}
                        <el-tooltip :content="lang.ssAIAssistantTip" placement="top" effect="dark">
                          <!-- content to trigger tooltip here -->
                           <svg t="1785306438724" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6639" width="128" height="128"><path d="M512 993.882353C245.850353 993.882353 30.117647 778.149647 30.117647 512S245.850353 30.117647 512 30.117647s481.882353 215.732706 481.882353 481.882353-215.732706 481.882353-481.882353 481.882353z m0-60.235294c232.869647 0 421.647059-188.777412 421.647059-421.647059S744.869647 90.352941 512 90.352941 90.352941 279.130353 90.352941 512s188.777412 421.647059 421.647059 421.647059z" fill="#bfbfbf" p-id="6640"></path><path d="M459.956706 763.572706c-5.12-34.665412-1.204706-105.893647 0-120.530824l5.300706-165.49647c0.963765-15.36-7.981176-11.444706-14.125177-8.553412-29.816471 14.215529-64.602353 40.357647-64.602353 40.357647s21.172706-57.283765 41.592471-81.227294c15.088941-21.052235 47.465412-49.182118 71.258353-51.410824 28.039529 0.602353 42.405647 4.848941 40.05647 74.842353 0 0-4.698353 215.100235-0.662588 252.596706 4.096 11.956706 43.339294-15.209412 48.850824-19.516235 5.541647-4.306824 56.32-50.176 56.32-50.176S602.352941 759.868235 522.300235 787.787294c-28.521412 9.938824-58.066824 5.150118-62.373647-24.214588z" fill="#bfbfbf" opacity=".99" p-id="6641"></path><path d="M503.717647 285.364706m-52.495059 0a52.495059 52.495059 0 1 0 104.990118 0 52.495059 52.495059 0 1 0-104.990118 0Z" fill="#bfbfbf" p-id="6642"></path><path d="M0 0h1024v1024H0z" fill="#bfbfbf" fill-opacity="0" p-id="6643"></path></svg>
                        </el-tooltip>
                      </label>
                      <div class="ai-switch-wrapper">
                        <el-switch v-model="aiAssistant" active-color="#FF8C00" inactive-color="#DCDFE6"></el-switch>
                      </div>
                  </div>
                </div>
              </div>
              <div class="publish-modal-footer">
                <button class="btn-cancel" @click="dialogVisiblePublish = false">{{ lang.ssCancel }}</button>
                <button class="btn-publish" @click="confirmPublish">
                  <!-- <i class="el-icon-loading" v-if="publishing"></i>
                  <i class="el-icon-right" v-else></i> -->
                  {{ lang.ssConfirmPublish }}
                </button>
              </div>
            </div>
            <div class="form-box-right">
              <div class="form-row">
                <div class="form-item" style="flex: 1;">
                  <label class="form-label">{{ lang.ssCourseCover }}</label>
                  <div class="cover-upload-area loadingColor" v-loading="avatar_loading">
                    <div class="cover-placeholder" v-if="!cover.length">
                      <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g id="Component 2">
                          <path id="Vector"
                            d="M38 6H10C7.79086 6 6 7.79086 6 10V38C6 40.2091 7.79086 42 10 42H38C40.2091 42 42 40.2091 42 38V10C42 7.79086 40.2091 6 38 6Z"
                            stroke="#D1D5DB" stroke-width="4" />
                          <path id="Vector_2"
                            d="M17 20C18.6569 20 20 18.6569 20 17C20 15.3431 18.6569 14 17 14C15.3431 14 14 15.3431 14 17C14 18.6569 15.3431 20 17 20Z"
                            stroke="#D1D5DB" stroke-width="4" />
                          <path id="Vector_3" d="M42 30L32 20L10 42" stroke="#D1D5DB" stroke-width="4" />
                        </g>
                      </svg>
                      <span>{{ lang.ssHoverToSelectUpload }}</span>
                    </div>
                    <div class="cover-preview" v-else>
                      <img :src="cover[0].url" alt="" class="cover_p" />
                    </div>
                    <div class="upload-options">
                      <div class="option-item" @click="uploadFromLocal($event)">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                          <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
                          <polyline points="17 8 12 3 7 8"/>
                          <line x1="12" y1="3" x2="12" y2="15"/>
                        </svg>
                        <span>{{ lang.ssUploadFromLocal }}</span>
                        <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
                      </div>
                      <div class="option-item" @click="searchFromWeb">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                          <circle cx="11" cy="11" r="8"/>
                          <path d="M21 21l-4.35-4.35"/>
                        </svg>
                        <span>{{ lang.ssSearchFromWeb }}</span>
                      </div>
                      <div class="option-item" @click="generateFromAI">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                          <path d="M12 2L2 7l10 5 10-5-10-5z"/>
                          <path d="M2 17l10 5 10-5"/>
                          <path d="M2 12l10 5 10-5"/>
                        </svg>
                        <span>{{ lang.ssGenerateFromAI }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>


        </div>
      </div>
    </div>

    <iframe allow="camera *; microphone *;display-capture;midi;encrypted-media;clipboard-write;clipboard-read" :webkitallowfullscreen="true" :mozallowfullscreen="true" :allowfullscreen="true" :src="courseUrl" class="courseIframe" v-if="courseUrl"></iframe>
  </div>
</template>

<script>
import "../../../common/aws-sdk-2.235.1.min.js";
import { tools as toolsData } from "../../../common/tools.js";
import $ from "jquery";
import appDialog from "./dialog/appDialog.vue";
import { myMixin } from "@/mixins/mixin.js";
import { uploadFileMixin } from "../../tools/uploadFileMixin.js";
import BilibiliSearchDialog from "./dialog/BilibiliSearchDialog2.vue";
import { v4 as uuidv4 } from "uuid";
import InteractiveToolDialog from "./dialog/InteractiveToolDialog.vue";
import VideoUploadDialog from "./dialog/VideoUploadDialog2.vue";
import ConfirmDialog from "../../common/ConfirmDialog";
import selectTag from "./dialog/selectTag3.vue";
import ToastMessage from "./dialog/ToastMessage";
import GradeClassSelector from "../../common/GradeClassSelector";

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

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: {
    InteractiveToolDialog,
    VideoUploadDialog,
    BilibiliSearchDialog,
    appDialog,
    ConfirmDialog,
    selectTag,
    ToastMessage,
    GradeClassSelector
  },
  data() {
    return {
      pptIframeUrl: "",
      gotype: (window.topU && window.topU.gotype) ? window.topU.gotype : '',
      checkAll: false,
      userid: this.$route.query.userid,
      oid: this.$route.query.oid,
      org: this.$route.query.org,
      role: this.$route.query.role,
      cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
      uploadWorkLoading: false,
      uploadLoading: false,
      dialogVisibleBasicInfo: false,
      dialogVisibleClass: false,
      dialogVisiblePublish: false,
      confirmVisible: false,
      confirmTitle: '',
      confirmMessage: '',
      confirmConfirmText: '',
      confirmCancelText: '',
      confirmCallback: null,
      toastVisible: false,
      toastMessage: '',
      loading: false,
      courseName: "",
      isTeacherSee: false,
      visibility: "students",
      aiAssistant: false,
      classOptions: [],
      publishing: false,
      editingCourseName: false,
      courseText: "",
      formLabelWidth: "100px",
      pptCourseJson: {
        pptData: "",
        toolsList: [],
      },
      unitJson2: [],
      unitJson: [
        {
          dyName: "", //单元标题
          chapterInfo: [
            {
              isread: false,
              chapterid: this.guid(),
              title: "",
              courseName: "",
              taskJson: [
                {
                  task: "",
                  taskDetail: "",
                  chapterData: [],
                  toolChoose: [
                    {
                      tool: [],
                      toolDetail: "",
                      toolType: 0,
                      askCount: 1,
                      askTitle: "",
                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }]
                    }
                  ],
                  toolText: "",
                  isShowTools: false,
                  askCount: 1,
                  isFold: 1,
                  askTitle: "",
                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
                  checkJson: [{ checkCount: [], checkPerent: [] }],
                  homeworkList: []
                }
              ],
              itemCount: 1,
              fileList1: [],
              video: [],
              testData: [],
              pData: [],
              templateArray: []
            }
          ]
        }
      ],
      cover: [], //课程封面
      checkboxList: [],
      checkboxList2: [],
      checkboxList3: [],
      CourseType: [],
      CourseType2: [],
      CourseTypeJson: {},
      courseTypeId: [],
      cidType: 0,
      number: "",
      courseId: "",
      courseUserid: "",
      steps: 1,
      classSearch: "",
      gradeId: "",
      classJuri: [],
      gradeList: [],
      grade: [],
      grade2: [],
      gradeArray: [],
      noneBtnImg: false,
      inviteCode: [],
      nbOrder: 0,
      pTypeCheck: [],
      pTypeCheckName: [],
      choosePicVisible: false,
      searchImageValue: "",
      ppage: 1,
      imageList: [],
      sysPicVisible2: false,
      isSysPic: false,
      isSysPic2: false,
      imageloading: false,
      uploadProgressList: [], // 上传进度列表
      progressExpanded: true, // 进度列表是否展开
      dialogVisibleVideoPreview: false, // 视频预览弹窗
      previewVideoUrl: "", // 预览视频URL
      previewVideoType: 74, // 预览视频类型：74-本地视频，75-B站视频
      dialogVisibleBilibiliSearch: false, // Bilibili检索弹窗
      selectedBilibiliVideos: [], // 选中的Bilibili视频列表
      askJson2: {},
      testJson: {},
      testJson2: {},
      answerQ: "",
      dialogVisibleChoice: false,
      dialogVisible8: false,
      dialogVisible7: false,
      lineTitle: "",
      line: "",
      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"
      ],
      // 荔园集团下的学校
      mergedList: [
        "3823a6a5-1b6e-11f0-a66a-005056924926",
        "292e34dc-1b6e-11f0-a66a-005056924926",
        "21d6b367-1b6e-11f0-a66a-005056924926",
        "1a1a172d-1b6e-11f0-a66a-005056924926",
        "1197f86b-1b6e-11f0-a66a-005056924926",
        "f235659b-1b6d-11f0-a66a-005056924926",
        "d87b62d3-1b6d-11f0-a66a-005056924926",
        "c25ea59b-1b6d-11f0-a66a-005056924926",
      ],
      title: "",
      titleValue: "",
      editingTitle: false,
      // 课程设置弹窗
      dialogVisibleCourseSettings: false,
      selectedSubject: [],
      selectedGrade: [],
      subjectOptions: [],
      gradeOptions: [],
      gradeOptions2: [],
      avatar_loading: false,
      isAddOrUpdateLineLoading: false,
      courseUrl: "",
    };
  },
  directives: {
    autoHeight: {
      update(el, binding) {
        const { value } = binding;
        if (value && typeof value === "number") {
          el.style.height = `${value}px`;
        } else {
          el.style.height = "auto";
        }
      },
      componentUpdated(el) {
        el.style.height = `${el.scrollHeight + 5}px`;
      }
    }
  },
  computed: {
    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("、") : "";
      };
    },
    // 获取已选择的授课班级名称
    selectedGradeName() {
      // 根据已选择的班级ID（checkboxList2），从grade或grade2中获取对应的班级名称
      if (this.checkboxList2 && this.checkboxList2.length > 0) {
        let classList = this.grade && this.grade.length > 0 ? this.grade : (this.grade2 && this.grade2.length > 0 ? this.grade2 : []);
        if (classList && classList.length > 0) {
          const selectedClasses = [];
          for (let j = 0; j < this.checkboxList2.length; j++) {
            let classId = this.checkboxList2[j];
            for (let i = 0; i < classList.length; i++) {
              if (classList[i].id == classId) {
                selectedClasses.push(classList[i].name);
                break;
              }
            }
          }
          if (selectedClasses.length > 0) {
            return selectedClasses.join('，');
          }
        }
      }
      return '';
    },
  },
  watch: {
    steps(newValue) {
      if (newValue == 4) {
        this.saveBeiKe()
        if (this.org == "16ace517-b5c7-4168-a9bb-a9e0035df840") {
          try {
            window.topU.U.UF.F.closeWindow(window.topU.$("#openCourseUpdate"));
          } catch (error) {

          }
        }
        if(this.$route.query.isCocoLearn == 2){
          parent.setCourseUrl();
          return
        }
        this.goTo(
          "/course?userid=" +
          this.userid +
          "&oid=" +
          this.oid +
          "&org=" +
          this.org +
          "&role=" +
          this.role
        );
      }
    }
  },
  methods: {
    startEditTitle() {
      this.titleValue = this.courseName;
      this.editingTitle = true;
      this.$nextTick(() => {
        if (this.$refs.titleInputRef) {
          this.$refs.titleInputRef.focus();
        }
      });
    },
    handleUpdateTitle() {
      if (this.titleValue.trim()) {
        this.courseName = this.titleValue.trim();
      }
      this.editingTitle = false;
      let _pptIframe = this.$refs.pptIframeRef;
      if (
        _pptIframe &&
        _pptIframe.contentWindow &&
        _pptIframe.contentWindow.window &&
        typeof _pptIframe.contentWindow.window.setTitle === "function"
      ) {
        let _data = _pptIframe.contentWindow.window.setTitle(this.courseName);
      }
    },
    // 打开课程设置弹窗
    openCourseSettings() {
      // 初始化学科和年级选项
      this.initCourseSettingsOptions();
      this.dialogVisibleCourseSettings = true;
    },
    courseSettings(subject, className){
      this.selectedSubject = this.subjectOptions.some(item => item.name === subject);
      this.selectedGrade = this.gradeOptions.some(item => item.name === className);
      this.applyCourseSettings();
    },
    // 初始化课程设置选项
    initCourseSettingsOptions() {
      // 从 CourseTypeJson 中获取学科和年级选项
      // 学科分类ID: 34629907-d02f-11ec-8c78-005056b86db5
      // 年级分类ID: 34628934-d02f-11ec-8c78-005056b86db5
      this.subjectOptions = this.CourseTypeJson['34629907-d02f-11ec-8c78-005056b86db5'] || [];
      this.gradeOptions = this.CourseTypeJson['34628934-d02f-11ec-8c78-005056b86db5'] || [];
      // 从 courseTypeId 中筛选出已选学科和年级
      this.selectedSubject = this.courseTypeId.filter(id => this.subjectOptions.some(item => item.id === id));
      this.selectedGrade = this.courseTypeId.filter(id => this.gradeOptions.some(item => item.id === id));
    },
    // 应用课程设置
    applyCourseSettings() {
      // 合并学科和年级到 courseTypeId，并过滤掉空值
      console.log(this.selectedSubject, this.selectedGrade);
      // 仅保留已存在于 courseTypeId 中的非学科/年级项
      const otherTypes = this.courseTypeId.filter(id => {
        const isSubject = this.subjectOptions.some(item => item.id === id);
        const isGrade = this.gradeOptions.some(item => item.id === id);
        return !isSubject && !isGrade;
      });
      // 合并其他类型、新选学科与年级，并去重
      this.courseTypeId = Array.from(new Set([
        ...otherTypes,
        ...(this.selectedSubject || []),
        ...(this.selectedGrade || [])
      ]));
      // 关闭弹窗
      this.dialogVisibleCourseSettings = false;
      if(this.courseName){
        this.save(3)
      }
    },
    // 打开发布弹窗
    async openPublishDialog() {
      if (this.$refs.pptIframeRef.contentWindow.window.pptLoading !== 2) return this.$message.info(this.lang.ssPptLoad)
      let _pptData = await this.getPPtJson();
      const _pptData2 = JSON.parse(JSON.stringify(_pptData))
      let toolsArrayCont = []
      let istoolsArray = false
      if (_pptData2.slides) {
        toolsArrayCont = _pptData2.slides.some(slide => slide.toolsArray && slide.toolsArray.length > 0)
        if (toolsArrayCont) {
          // 有内容就弹出弹窗
          istoolsArray = true
        }
      }

      if(istoolsArray){
        const confirmed = await this.showToolsConfirmDialog();
        if (!confirmed) {
          this.uploadWorkLoading = false;
          return;
        }
      }
      this.initCourseSettingsOptions();
      this.loadClassOptions();
      this.dialogVisiblePublish = true;
    },
    // 加载班级选项
    loadClassOptions() {
      // 这里应该从API获取班级列表
      // 暂时使用模拟数据
      this.classOptions = this.grade2.map(item => ({
        id: item.id,
        pid: item.pid,
        name: item.name
      }));
      
      // 初始化年级选项，添加全部班级选项
      this.gradeOptions2 = [
        { id: '', name: this.lang.ssAllClass },
        { id: '1', name: this.lang.ssInterestClass }
      ].concat(this.gradeArray.map(item => ({
        id: item.id,
        name: item.name
      })));
      
      // 初始化筛选后的班级选项
      this.filteredClassOptions = this.classOptions;
    },
    // 年级选择变化时筛选班级
    onGradeChange(selectedGrade) {
      if (selectedGrade === '') {
        // 选择了全部班级，显示所有班级
        this.filteredClassOptions = this.classOptions;
      }else if(selectedGrade === '1'){
        // 选择了兴趣班级，显示兴趣班级
        this.filteredClassOptions = this.classOptions.filter(item => item.pid === '' || !item.pid);
      }else {
        // 根据选择的年级筛选班级
        this.filteredClassOptions = this.classOptions.filter(item => item.pid === selectedGrade);
      }
      // 清空已选择的班级，因为筛选后班级列表可能已经改变
      // this.checkboxList2 = [];
    },
    // 确认发布
    confirmPublish() {
      if (!this.selectedSubject.length) {
        this.$message.error(this.lang.ssSelectSubj);
        return;
      }
      if (!this.selectedGrade.length) {
        this.$message.error(this.lang.ssSelectGrade);
        return;
      }
      if (!this.checkboxList2.length) {
        this.$message.error(this.lang.ssSelectClass2);
        return;
      }


      // 模拟发布过程
      console.log('发布课程:', {
        subject: this.selectedSubject,
        grade: this.selectedGrade,
        class: this.checkboxList2,
        visibility: this.isTeacherSee,
        aiAssistant: this.aiAssistant
      });
      // this.TeacherSee
      // this.dialogVisiblePublish = false;

      // 仅保留已存在于 courseTypeId 中的非学科/年级项
      const otherTypes = this.courseTypeId.filter(id => {
        const isSubject = this.subjectOptions.some(item => item.id === id);
        const isGrade = this.gradeOptions.some(item => item.id === id);
        return !isSubject && !isGrade;
      });
      // 合并其他类型、新选学科与年级，并去重
      this.courseTypeId = Array.from(new Set([
        ...otherTypes,
        ...(this.selectedSubject || []),
        ...(this.selectedGrade || [])
      ]));

      this.nextSteps();
      // this.$message.success('课程发布成功');
    },
    // 自本地上传
    uploadFromLocal(e) {
      console.log('自本地上传');
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
      e.target.value = "";
    },
    // 自网页搜索
    searchFromWeb() {
      console.log('自网页搜索');
      // 触发现有的网页搜索功能
      this.searchImageValue = this.courseName;
      this.resetImage();
    },
    // 自AI生成
    generateFromAI() {
      console.log('自AI生成');
      if(!this.courseName){
        this.$message.error(this.lang.ssFillCourseName2);
        return;
      }
      if(this.avatar_loading){
        this.$message.error(this.lang.xiaokeloading);
        return;
      }
      this.avatar_loading = true;
			const prompt = [
				{
					role: "user",
					content: `你是一名一流的UI设计师，现在你需要为这个场景设计相应的图标：
									「${this.courseName}」
									请给出3个不同的设计方案。
									## 要求 在你给出的设计方案中，坚持同时满足以下要求
									0. 要求体现学科特点 或者教学特点。
									1. 背景底色为白色，正方形画面，画面填充满内容。
									2. 采用扁平化的设计风格
									3.不要在设计中设计到相关的文字，不如这个描述不允许类似这样的描述“繁体中文的“文”字，突出语言特色。”。
									## 输出一个json格式的回复，输出格式如下：
									{"option":["方案一 核心视觉元素（2个）：xxx 辅助视觉元素（1-3个）：xxxx 核心情绪：xxx 主体颜色：xxx设计风格：xxxx 整体构图与画面内容：xxxx","方案二......","方案三......"]}`,
				},
			];
			this.chat_no_stream(prompt, { type: "json_object" }).then((res) => {
				console.log(res);
				let aimap = JSON.parse(res).option;
				this.ai_generate_image(aimap[0]).then(
					(res) => {
            this.cover = [
                {
                  name: res,
                  url: res,
                  uid: uuidv4()
                }
              ]
						this.avatar_loading = false;
					}
				);
			});
    },
    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;
            this.editId = null;
          } else if (tool == 4) {
            this.dialogVisible5 = false;
          } else if (tool == 45) {
            this.dialogVisibleChoice = false;
            this.editId = null;
          } else if (tool == 41) {
            this.dialogVisibleSelect = false;
          } else if (tool == 47) {
            this.dialogVisibleSentence = false;
          } else if (tool == 69) {
            this.englishDialogVisible = false;
          }
        });
    },
    nextSteps() {
      // this.isTeacherSee = true
      if (this.cid == "" || this.cid == undefined) {
        if (this.courseName == "") {
          this.$message.error(this.lang.ssFillCourseName2);
          return;
        } else {
          this.addWork();
        }
      } else {
        if (this.courseName == "") {
          this.$message.error(this.lang.ssFillCourseName2);
          return;
        } else {
          console.log("修改课程");
          // if (this.userid != this.courseUserid && this.role != "1") {
          //   this.updateWork2();
          this.updateWork();
        }
      }
      this.$refs.stepBox.scrollTop = 0;
    },
    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;
    },
    setPPtToolList() {
      let _toolList = JSON.parse(JSON.stringify(this.pptCourseJson.toolsList));
      //把toolList挂载到window上
      window.pptToolList = _toolList;
      this.loadPPTToolList();
    },
    goTo(path) {
      if(this.$route.query.isCocoLearn == 2){
        parent.setCourseUrl();
        return
      }
      this.$router.push(path);
    },
    save(type = 1) {
      if (this.cid == "" || this.cid == undefined) {
        if (this.courseName == "") {
          this.$message.error(this.lang.ssFillCourseName2);
          return;
        } else {
          this.addWork(2, type);
        }
      } else {
        if (this.courseName == "") {
          this.$message.error(this.lang.ssFillCourseName2);
          return;
        } else {
          this.updateWork(2, type);
        }
      }
    },
    copyCourse(cid) {
      let settingJson = ''
      let params = [
        {
          cid: cid,
          uid: this.userid,
          setting: JSON.stringify(settingJson),
        },
      ];
      this.ajax
        .post(this.$store.state.api + "copyCourse2", params)
        .then((res) => {
          // this.$message.success(this.lang.Successfullycopy)
          // this.showToast(this.lang.Successfullycopy);
        })
        .catch((err) => {
          console.error(err);
        });
    },
    deleteCourse(cid) {
      // if (this.time()) {
      this.$confirm(this.lang.deletethiscourse, this.lang.tip, {
        confirmButtonText: this.lang.Confirm,
        cancelButtonText: this.lang.Cancel,
        type: "warning",
      })
        .then(() => {
          this.isLoading = true;
          let params = {
            cid: cid,
          };
          this.ajax
            .get(this.$store.state.api + "deleteCourse", params)
            .then((res) => {
              this.isLoading = false;
              this.$message.success(this.lang.DeleteSuccessful);
              this.goTo(
                "/course?userid=" +
                this.userid +
                "&oid=" +
                this.oid +
                "&org=" +
                this.org +
                "&role=" +
                this.role
              );
            })
            .catch((err) => {
              console.error(err);
            });
        })
        .catch(() => {
          loading.close();
          this.isLoading = false;
          return;
        });
      // }
    },
    lastSteps() {
      this.confirmTitle = this.lang.ssTip;
      this.confirmMessage = this.lang.ssSaveEdit;
      this.confirmConfirmText = this.lang.ssSave;
      this.confirmCancelText = this.lang.ssNotSave;
      this.confirmCallback = () => {
        console.log("保存已编辑内容");
        if (this.cid == "" || this.cid == undefined) {
          if (this.courseName == "") {
            this.$message.error(this.lang.ssFillCourseName2);
            return;
          } else {
            this.addWork();
          }
        } else {
          if (this.courseName == "") {
            this.$message.error(this.lang.ssFillCourseName2);
            return;
          } else {
            this.updateWork();
          }
        }
      };
      this.confirmVisible = true;
    },
    handleConfirm() {
      if (this.confirmCallback) {
        this.confirmCallback();
      }
    },
    handleCancel() {
      console.log("不保存已编辑内容");
      this.goTo(
        "/course?userid=" +
        this.userid +
        "&oid=" +
        this.oid +
        "&org=" +
        this.org +
        "&role=" +
        this.role
      );
    },
    showToast(message) {
      this.toastMessage = message;
      this.toastVisible = true;
    },
    showToolsConfirmDialog() {
      return new Promise((resolve) => {
        this.confirmTitle = this.lang.ssUnconfirmedToolPage;
        this.confirmMessage = this.lang.ssUnconfirmedToolPageTip;
        this.confirmConfirmText = this.lang.ssIgnoreAndPublish;
        this.confirmCancelText = this.lang.ssReturnModify;
        this.confirmCallback = () => {
          resolve(true);
        };
        this.confirmVisible = true;
        const originalCancel = this.handleCancel;
        this.handleCancel = () => {
          this.handleCancel = originalCancel;
          resolve(false);
        };
      });
    },
    updateInputWidth() {
      // 创建一个隐藏的span元素来计算文字宽度
      const span = document.createElement('span');
      span.style.fontSize = '14px'; // 与输入框字体大小一致
      span.style.fontFamily = 'Arial, sans-serif'; // 与输入框字体一致
      span.style.whiteSpace = 'nowrap';
      span.style.visibility = 'hidden';
      span.style.position = 'absolute';
      span.textContent = this.courseName;
      document.body.appendChild(span);
      
      // 计算文字宽度，加上10px的padding
      let width = span.offsetWidth + 10;
      
      // 确保宽度在最小和最大范围内
      width = Math.max(width, 120); // 最小宽度：4个汉字 + 10px
      width = Math.min(width, 500); // 最大宽度：500px
      
      this.inputWidth = width;
      
      // 移除临时span元素
      document.body.removeChild(span);
    },
    startEditCourseName() {
      this.editingCourseName = true;
      // 在下一个DOM更新周期后计算宽度
      this.$nextTick(() => {
        this.updateInputWidth();
      });
    },
    //获取ppt的数据
    async getPPtJson() {
      const checkLoaded = async (resolve) => {
        console.log("获取ppt数据")
        let _pptIframe = this.$refs.pptIframeRef;
        if (
          _pptIframe &&
          _pptIframe.contentWindow &&
          _pptIframe.contentWindow.window &&
          typeof _pptIframe.contentWindow.window.exportJSON === "function"
        ) {
          let _data = _pptIframe.contentWindow.window.exportJSON();
          resolve(_data);
        } else {
          // 递归等待1000ms后重试
          setTimeout(() => {
            checkLoaded(resolve);
          }, 1000);
        }
      };
      return new Promise((resolve) => {
        checkLoaded(resolve);
      });
    },
    //获取ppt的数据
    async getPPTimgExporting() {
      const checkLoaded = async (resolve) => {
        console.log("获取ppt数据")
        let _pptIframe = this.$refs.pptIframeRef;
        if (
          _pptIframe &&
          _pptIframe.contentWindow &&
          _pptIframe.contentWindow.window &&
          typeof _pptIframe.contentWindow.window.exportJSON === "function"
        ) {
          let _data = _pptIframe.contentWindow.window.imgExporting();
          resolve(_data);
        } else {
          // 递归等待1000ms后重试
          setTimeout(() => {
            checkLoaded(resolve);
          }, 1000);
        }
      };
      return new Promise((resolve) => {
        checkLoaded(resolve);
      });
    },
    //上传文件
    uploadFile(file) {
      return new Promise((resolve) => {
        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 (err) {
                // var a = _this.$refs.upload1.uploadFiles;
                // a.splice(a.length - 1, a.length);
                _this.$message.error(_this.lang.ssUploadPptFail);
              } else {
                //上传成功处理
                // _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
                //   name: file.name,
                //   url: data.Location,
                //   uid: file.uid
                // });
                // _this.imgChange();
                // console.log(data.Location);
                resolve(data.Location)
              }
            });
        }
      })
    },
    // 上传文件
    async uploadFile2(file, pptid) {
      try {
        let uuid = uuidv4();
        let formData = new FormData();
        const timestamp = Date.now();
        const finalExtension = file.name.split(".").pop().toLowerCase();
        const baseName = file.name.slice(0, -(finalExtension.length + 1));
        formData.append(
          "file",
          new File([file], `${baseName}${timestamp}.${finalExtension}`)
        );
        formData.append("collection_ids", JSON.stringify([]));
        formData.append("id", uuid);
        formData.append("metadata", JSON.stringify({ title: file.name }));
        formData.append("ingestion_mode", "fast");
        formData.append("run_with_orchestration", "true");
        // 确保formData是正确的格式
        // this.$store.state.fileApi + "upload"

        // 同步知识库
        await this.ajax.post(
          "https://r2rserver.cocorobo.cn/v3/documents",
          formData,
          {
            headers: {
              "Content-Type": "multipart/form-data",
            },
          }
        );
        let ptype = "1"; // 根据实际业务定义类型
        let fileid = uuid; // 如果需要唯一fileid可以和pptid保持一致或按需更改
        await this.ajax.post(this.$store.state.api + "addPPTFile", [{
          pptid: pptid,
          ptype: ptype,
          fileid: fileid,
          classid: "",
          task: "",
          tool: ""
        }]);
      } catch (err) {
        console.error(err);
        throw err;
      }
    },
    async addWork(type = 1, ctype = 1) {
      if (this.$refs.pptIframeRef.contentWindow.window.pptLoading !== 2) return this.$message.info(this.lang.ssPptLoad)
      if (this.uploadWorkLoading || this.uploadLoading) return;
      if(ctype != 3){
        this.uploadWorkLoading = true;
      }
      this.uploadLoading = true;
      let _pptData = await this.getPPtJson();
      let imgExporting = await this.getPPTimgExporting()
      if (imgExporting) {
        this.uploadWorkLoading = false;
        this.uploadLoading = false;
        const msg = type == 1 ? this.lang.ssPptLoad2 : this.lang.ssPptLoad3;
        this.showToast(msg);
        return;
      }
      const _pptData2 = JSON.parse(JSON.stringify(_pptData))
      const pptContent = []
      if (_pptData2.slides) {
        _pptData2.slides.forEach((slide, index) => {
          let slideContent = ''
          if (slide.elements) {
            const textElements = slide.elements.filter((element) => element.type === 'text' || (element.type === 'shape' && element.text && element.text.content))
            if (textElements.length > 0) {
              slideContent = textElements.map((element) => {
                const content = element.type === 'text' ? element.content : element.text.content
                return content.replace(/<[^>]*>/g, '')
              }).join(' ')
            }
          }
          pptContent.push(`第${index + 1}页: ${slideContent || '内容为空'}`)
        })
      }

      const contentDescription = pptContent.join('\n')
      // 用_pptData生成json文件，并生成File对象
      const pptJsonStr = JSON.stringify(_pptData, null, 2);
      const pptJsonStr2 = contentDescription;
      const pptJsonFile = new File([pptJsonStr], this.courseName + ".json", { type: "application/json" });
      const pptJsonFile2 = new File([pptJsonStr2], this.courseName + ".txt", { type: "text/plain" });
      // 你可以根据需要将pptJsonFile上传或保存

      let _url = await this.uploadFile(pptJsonFile);

      console.log(_url)
      this.pptCourseJson.pptData = _url;
      this.pptCourseJson.aiAssistant = this.aiAssistant;


      this.inputShow = true;

      for (var i = 0; i < this.unitJson.length; i++) {
        delete this.unitJson[i].isUpdate;
      }
      let params = [
        {
          uid: this.userid,
          title: this.courseName,
          brief: this.courseText,
          cover:
            this.cover.length > 0
              ? JSON.stringify(this.cover)
              : JSON.stringify([
                {
                  name: "noBanner.jpg",
                  url:
                    "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
                  uid: 1656409780264,
                  status: "success"
                }
              ]),
          evaId: "",
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.pptCourseJson),
          template: "",
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: ""
        }
      ];
      this.ajax
        .post(this.$store.state.api + "insert_teacher_work_pptCourse", params)
        .then(res => {
          if(type != 3){
            this.uploadWorkLoading = false;
          }
          this.uploadLoading = false;
          console.log(this.steps);
          // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
          this.showToast(this.lang.ssSaveSuccess);
          // }
          this.number = res.data.ordernumber;
          this.courseId = res.data.courseId;
          this.cid = res.data.courseId;
          this.courseUserid = this.userid;
          this.islogin = true;
          if (type == 1) {
            this.steps = 4;
          }
          if (ctype == 2) {
            this.copyCourse(this.cid);
          }
          if (ctype == 4) {
            this.get();
          }
          this.loadgetCourseDetail();
          this.uploadFile2(pptJsonFile2, this.courseId);
          this.addOp3(
            "1",
            "",
            { courseid: this.courseId, type: "course_pptEasyMode_clickUpload" },
            "success"
          );
        })
        .catch(err => {
          this.uploadWorkLoading = false;
          this.uploadLoading = false;
          this.addOp3(
            "1",
            "",
            { courseid: this.courseId, type: "course_pptEasyMode_clickUpload" },
            err
          );
          this.$message.error(this.lang.ssNetPoor);
          console.error(err);
        });
    },
    async updateWork(type = 1, ctype = 1) {
      if (this.$refs.pptIframeRef.contentWindow.window.pptLoading !== 2) return this.$message.info(this.lang.ssPptLoad)
      if (this.uploadWorkLoading) return;
      if(ctype != 3){
        this.uploadWorkLoading = true;
      }
      let _pptData = await this.getPPtJson();
      let imgExporting = await this.getPPTimgExporting()
      if (imgExporting) {
        this.uploadWorkLoading = false;
        const msg = type == 1 ? this.lang.ssPptLoad2 : this.lang.ssPptLoad3;
        this.showToast(msg);
        return;
      }
      const _pptData2 = JSON.parse(JSON.stringify(_pptData))
      const pptContent = []
      if (_pptData2.slides) {
        _pptData2.slides.forEach((slide, index) => {
          let slideContent = ''
          if (slide.elements) {
            const textElements = slide.elements.filter((element) => element.type === 'text' || (element.type === 'shape' && element.text && element.text.content))
            if (textElements.length > 0) {
              slideContent = textElements.map((element) => {
                const content = element.type === 'text' ? element.content : element.text.content
                return content.replace(/<[^>]*>/g, '')
              }).join(' ')
            }
          }
          pptContent.push(`第${index + 1}页: ${slideContent || '内容为空'}`)
        })
      }

      const contentDescription = pptContent.join('\n')
      // 用_pptData生成json文件，并生成File对象
      const pptJsonStr = JSON.stringify(_pptData, null, 2);
      const pptJsonStr2 = contentDescription;
      const pptJsonFile = new File([pptJsonStr], this.courseName + ".json", { type: "application/json" });
      const pptJsonFile2 = new File([pptJsonStr2], this.courseName + ".txt", { type: "text/plain" });
      // 你可以根据需要将pptJsonFile上传或保存
      console.log(_url)
      let _url = await this.uploadFile(pptJsonFile);
      this.uploadFile2(pptJsonFile2, this.cid);

      this.pptCourseJson.pptData = _url;
      this.pptCourseJson.aiAssistant = this.aiAssistant;

      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: "",
          astudent:
            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
          see: this.isTeacherSee == true ? 1 : 0,
          chapters: JSON.stringify(this.pptCourseJson),
          template: this.myWord != "undefined" ? this.myWord : [],
          uid: this.userid,
          courseType: JSON.stringify(this.courseTypeId),
          ateacher:
            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
          inviteCode: ""
        }
      ];
      this.ajax
        .post(this.$store.state.api + "updateWorkNew2", params)
        .then(res => {
          // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
          if(type != 3){
            this.uploadWorkLoading = false;
          }
          // if (this.cidType == 1) {
          //   this.$message({
          //     message: this.lang.ssSaveSuccess,
          //     type: "success"
          //   });
          // } else {
          //   this.$message({
          //     message: this.lang.ssSaveSuccess,
          //     type: "success"
          //   });
          // }
          this.showToast(this.lang.ssSaveSuccess);
          // }
          this.number = this.nbOrder;
          this.courseId = this.cid;
          if (type == 1) {
            this.steps = 4;
          }
          if (ctype == 2) {
            this.copyCourse(this.cid);
          }
          if (ctype == 4) {
            this.get();
          }
          this.loadgetCourseDetail();
          this.addOp3(
            "1",
            "",
            { courseid: this.courseId, type: "course_pptEasyMode_clickUpload" },
            "success"
          );
        })
        .catch(err => {
          this.uploadWorkLoading = false;
          this.addOp3(
            "1",
            "",
            { courseid: this.courseId, type: "course_pptEasyMode_clickUpload" },
            err
          );
          this.$message.error(this.lang.ssNetPoor);
          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.gradeArray =  res.data[1];
          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;
          
          // 初始化年级和班级选项
          this.loadClassOptions();
        })
        .catch(err => {
          this.isLoading = false;
          console.error(err);
        });
    },
    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);
        });
    },
    selectCourseDetail() {
      if (this.cid == "" || this.cid == undefined) {
        // if (this.oid == "4c686762-1d0a-11ed-8c78-005056b86db5") {
        //   this.isTeacherSee = true;
        // }
        console.log("这是新增课程");
        this.selectAllType();
      } else {
        this.cidType = 1;
        let params = {
          cid: this.cid
        };
        this.ajax
          .get(this.$store.state.api + "select_course_detail", params)
          .then(res => {
            this.loading = true;
            this.pptCourseJson = JSON.parse(res.data[0][0].chapters);
            this.aiAssistant = this.pptCourseJson.aiAssistant ? this.pptCourseJson.aiAssistant : false

            this.$forceUpdate();
            this.courseName = res.data[0][0].title;
            this.courseText = res.data[0][0].brief;
            this.cover = JSON.parse(res.data[0][0].cover);
            this.noneBtnImg = this.cover.length >= 1;
            // this.checkboxList =
            //   res.data[0][0].course_student.length > 0
            //     ? JSON.parse(res.data[0][0].course_student)
            //     : [];
            this.checkboxList2 = res.data[0][0].juri
              ? res.data[0][0].juri.split(",")
              : [];
            this.inviteCode = [];
            for (var i = 0; i < res.data[2].length; i++) {
              if (res.data[2][i].classid) {
                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.courseUserid = res.data[0][0].userid;


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

            this.selectAllType();
            this.setPPtToolList()
          })
          .catch(err => {
            console.error(err);
          });
      }
    },
    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]); // 去除公共分类
                  }
                }
              }
            }
          }
          this.courseTypeId = _courseTypeId;
        })
        .catch(err => {
          console.error(err);
        });
    },
    handleClose(done) {
      done();
    },
    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);
        }
      }
    },
    addImg(e) {
      var el = e.currentTarget;
      el.getElementsByTagName("input")[0].click();
      e.target.value = "";
    },
    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 = [
                {
                  name: file.name,
                  url: data.Location,
                  uid: file.uid
                }
              ];
              _this.imgChange1(null, null, 1, null);
              _this.choosePicVisible = false;
              console.log(data.Location);
            }
          });
      }
    },
    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;
    },
    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: 6,
          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();
    },
    deleteSysPic() {
      this.cover = [];
      this.isSysPic = false;
      this.isSysPic2 = false;
    },
    changePicture() {
      this.ppage++;
      this.searchImage();
    },
    chooseSysPic2(p) {
      this.cover = [];
      setTimeout(() => {
        this.cover[0] = {
          name: this.lang.ssNetImgPng,
          url: p
        };
        this.imgChange1(null, null, 1, null);
        this.$forceUpdate();
      }, 0);
      this.isSysPic2 = true;
      this.isSysPic = false;
      this.sysPicVisible2 = false;
      this.$forceUpdate();
    },
    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;
    },
    isAddClass() {
      this.dialogVisibleClass = false;
    },
    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;
    },
    openToolDialog() {
      this.$refs.InteractiveToolDialogRef.open();
    },
    loadPPTToolList() {
      let _pptIframe = this.$refs.pptIframeRef;
      if (
        _pptIframe &&
        _pptIframe.contentWindow &&
        _pptIframe.contentWindow.window &&
        typeof _pptIframe.contentWindow.window.loadContentList === "function"
      ) {
        _pptIframe.contentWindow.window.loadContentList();
        // this.$message.success(this.lang.ssAddOk);
        this.showToast(this.lang.ssAddOk);
      }
    },
    loadgetCourseDetail() {
      let _pptIframe = this.$refs.pptIframeRef;
      if (
        _pptIframe &&
        _pptIframe.contentWindow &&
        _pptIframe.contentWindow.window &&
        typeof _pptIframe.contentWindow.window.getCourseDetail === "function"
      ) {
        _pptIframe.contentWindow.window.getCourseDetail(this.cid);
      }
    },
    addContent(data, type = 1) {
      let _pptIframe = this.$refs.pptIframeRef;
      if (
        _pptIframe &&
        _pptIframe.contentWindow &&
        _pptIframe.contentWindow.window &&
        typeof _pptIframe.contentWindow.window.addContent === "function"
      ) {
        _pptIframe.contentWindow.window.addContent(data, type);
        if (type == 2) {
          // this.$message.success(this.lang.ssModifySuccess);
          this.showToast(this.lang.ssModifySuccess);
        } else {
          // this.$message.success(this.lang.ssAddOk);
          this.showToast(this.lang.ssAddOk);
        }
      }
    },
    //添加工具
    addTool(tool) {
      if (tool == 45) {
        this.testJsonName = "";
        this.testJsonBrief = "";
        this.testJson = {
          testCount: 1,
          testTitle: "",
          testJson: [
            {
              teststitle: "",
              testItem: 1,
              checkList: [],
              timuList: [],
              answer: [],
              type: "1"
            }
          ]
        };
         this.addTest()
        // this.dialogVisibleChoice = true;
        // this.$message.info("添加选择题");
      }else if (tool == 78) {
        this.testJsonName = "";
        this.testJsonBrief = "";
        this.testJson = {
          testCount: 1,
          testTitle: "",
          testJson: [
            {
              teststitle: "",
              testItem: 1,
              checkList: [],
              timuList: [],
              answer: [],
              type: "1"
            }
          ]
        };
         this.addVote()
      } else if (tool == 15) {
        this.answerQ = "";
        this.addAnswer();
        // this.dialogVisible8 = true;
      }else if (tool == 79){
        this.answerQ = "";
        this.addPhoto();
      }else if (tool == 84){
        this.answerQ = "";
        this.addFile();
      } else if (tool == 72) {
        this.$refs.appDialog.openG(
          [],
          "",
          "",
          "",
          1
        );
      } else if (tool == 73) {
        this.line = "";
        this.lineTitle = "";
        this.dialogVisible7 = true;
        // this.$message.info("添加H5页面");
      }
    },
    //添加工具
    addTool2(tool, data) {
      let title = ""
      if (tool == 831){
        title = this.lang.ssKWLTitle
      } else if (tool == 832){
        title = this.lang.ssSHTitle
      }
      this.dialogVisibleChoice = false;
      let _data = { id: new Date().getTime(), tool: tool, title: title, json: data, url: "" }
      this.pptCourseJson.toolsList.push(_data);
      this.getWorkPageId(_data.id, tool, data).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${tool}`
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        this.addContent(_data)
      });
    },
    // 打开视频上传弹窗
    openVideoUploadDialog() {
      this.$refs.VideoUploadDialogRef.open();
    },
    // 处理上传进度更新
    handleUploadProgress(progressData) {
      // progressData包含: id, fileName, progress, loaded, total, status
      const index = this.uploadProgressList.findIndex(item => item.id === progressData.id);
      if (index !== -1) {
        // 更新现有进度项
        this.$set(this.uploadProgressList, index, progressData);
      } else {
        // 添加新的进度项
        this.uploadProgressList.push(progressData);
      }

      // 如果上传完成，3秒后移除
      if (progressData.status === 'completed') {
        setTimeout(() => {
          const idx = this.uploadProgressList.findIndex(item => item.id === progressData.id);
          if (idx !== -1) {
            this.uploadProgressList.splice(idx, 1);
          }
        }, 3000);
      }
    },
    // 处理本地视频上传
    handleLocalVideoUpload(videoData) {
      // videoData包含: file, url, name, id
      const videoTitle = videoData.name.replace(/\.[^/.]+$/, ""); // 移除扩展名作为标题
      const videoItem = {
        id: new Date().getTime(),
        tool: 74, // 视频工具类型
        title: videoTitle,
        brief: this.lang.ssVideo,
        json: {
          title: videoTitle,
          url: videoData.url,
          name: videoData.name
        },
        url: videoData.url
      };
      this.pptCourseJson.toolsList.push(videoItem);
      this.addContent(videoItem)
      this.setPPtToolList();

      // 更新进度状态为已完成
      const progressIndex = this.uploadProgressList.findIndex(item => item.id === videoData.id);
      if (progressIndex !== -1) {
        this.$set(this.uploadProgressList, progressIndex, {
          ...this.uploadProgressList[progressIndex],
          status: 'completed',
          progress: 100
        });
        // 3秒后自动删除进度项
        setTimeout(() => {
          const idx = this.uploadProgressList.findIndex(item => item.id === videoData.id);
          if (idx !== -1) {
            this.uploadProgressList.splice(idx, 1);
          }
        }, 3000);
      }
    },
    // 切换进度列表展开/收缩
    toggleProgressExpand() {
      this.progressExpanded = !this.progressExpanded;
    },
    // 格式化文件大小
    formatFileSize(bytes) {
      if (!bytes || bytes === 0) return '0 B';
      const k = 1024;
      const sizes = ['B', 'KB', 'MB', 'GB'];
      const i = Math.floor(Math.log(bytes) / Math.log(k));
      return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i];
    },
    // 预览视频
    previewVideo(item) {
      this.previewVideoUrl = item.url;
      this.previewVideoType = item.tool || 74; // 根据tool类型判断是本地视频还是B站视频
      this.dialogVisibleVideoPreview = true;
    },
    // 关闭视频预览弹窗时停止播放
    handleVideoPreviewClose() {
      // 停止视频播放（仅对本地视频）
      if (this.previewVideoType === 74 && this.$refs.previewVideoPlayer) {
        this.$refs.previewVideoPlayer.pause();
        this.$refs.previewVideoPlayer.currentTime = 0;
      }
      // 清空视频URL和类型
      this.previewVideoUrl = "";
      this.previewVideoType = 74;
    },
    // 处理Bilibili搜索
    handleBilibiliSearch() {
      this.dialogVisibleBilibiliSearch = true;
    },
    // 处理Bilibili视频添加（单个）
    handleBilibiliVideoAdd(videoData) {
      // videoData包含: name, title, url, id, bvid, type
      const videoTitle = videoData.title || videoData.name || this.lang.ssBilibiliVideo;
      const videoItem = {
        id: new Date().getTime(),
        tool: 75, // B站视频工具类型
        title: videoTitle,
        brief: this.lang.ssVideo,
        json: {
          title: videoTitle,
          url: videoData.url,
          name: videoData.name || this.lang.ssLink,
          bvid: videoData.bvid || ''
        },
        url: videoData.url
      };
      this.pptCourseJson.toolsList.push(videoItem);
      this.addContent(videoItem)
      this.setPPtToolList();
    },
    selectAppSuccess({ data, type }) {
      let _data = { id: new Date().getTime(), tool: 72, title: data.name, brief: data.detail, json: data, icon: data.json.icon, url: data.url }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
        this.addContent(_data)
      }
      this.editId = null;
      this.setPPtToolList();
    },
    selectAppSuccess2({ data, type }) {
      for (let i = 0; i < data.length; i++) {
        let _data = { id: new Date().getTime(), tool: 72, title: data[i].name, brief: data[i].detail, json: data[i], icon: data[i].json.icon, url: data[i].url }
        if(this.editId === 111){
          this.pptCourseJson.toolsList.push(_data);
        }else if (this.editId) {
          let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
          _data.id = oldData.id;
          this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
        } else {
          this.pptCourseJson.toolsList.push(_data);
          this.addContent(_data)
        }
      }
      this.editId = null;
      this.setPPtToolList();
    },
    // 打开应用中心
    openApplicationCenter() {

      let url = 'https://app.cocorobo.cn'
      if (this.lang.lang === 'cn') {
        url = 'https://app.cocorobo.cn'
      }
      else if (this.lang.lang === 'hk') {
        url = 'https://app.cocorobo.hk'
      }
      else if (this.lang.lang === 'en') {
        url = 'https://app.cocorobo.com'
      }
      // 创建Cocorobo链接工具项
      let cocoroboItem = {
        id: new Date().getTime(),
        tool: 76, // 新的应用中心工具类型
        title: this.lang.ssCreateSpace,
        brief: this.lang.ssCreateSpace,
        json: {
          title: this.lang.ssCreateSpace,
          detail: this.lang.ssCreateSpace,
          url: url
        },
        url: url
      };
      this.pptCourseJson.toolsList.push(cocoroboItem);
      this.addContent(cocoroboItem)
      this.setPPtToolList();
    },
    setUrl() {
      let url = 'https://beta.pbl.cocorobo.cn'
      if (this.isBetaEnv()) {
        url = url
      }
      else if (this.lang.lang === 'cn') {
        url = 'https://pbl.cocorobo.cn'
      }
      else if (this.lang.lang === 'hk') {
        url = 'https://pbl.cocorobo.hk'
      }
      else if (this.lang.lang === 'com') {
        url = 'https://pbl.cocorobo.com'
      }

      return url
    },
    addTest() {
      // 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("&", this.optionTypeList[z])
      //                 .replace("$", 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;
      //       }
      //     }
      //   }
      // }
      let testJson = JSON.parse(JSON.stringify(this.testJson));
      testJson.testJson = this.testJson.testJson.filter(el => {
        var elc = el.checkList.filter(element => {
          return element != "";
        });
        return (
          (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
        );
      });

      testJson.testCount = testJson.testJson.length;

      let _data = { id: new Date().getTime(), tool: 45, title: this.lang.ssChoice, brief: this.lang.ssChoiceTool2, json: testJson, url: "" }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.title = oldData.title;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
      }

      this.dialogVisibleChoice = false;
      this.getWorkPageId(_data.id, 45, testJson).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${_data.tool}`
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        _data.url = url
        if (!this.editId) {
          this.addContent(_data)
        } else {
          this.addContent(_data, 2)
        }
        this.editId = null;
      });
    },
    addVote() {
      let testJson = JSON.parse(JSON.stringify(this.testJson));
      testJson.testJson = this.testJson.testJson.filter(el => {
        var elc = el.checkList.filter(element => {
          return element != "";
        });
        return (
          (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
        );
      });

      testJson.testCount = testJson.testJson.length;

      let _data = { id: new Date().getTime(), tool: 78, title: this.lang.ssChoice, brief: this.lang.ssChoiceTool2, json: testJson, url: "" }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.title = oldData.title;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
      }

      this.dialogVisibleChoice = false;
      this.getWorkPageId(_data.id, 78, testJson).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${_data.tool}`
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        _data.url = url
        if (!this.editId) {
          this.addContent(_data)
        } else {
          this.addContent(_data, 2)
        }
        this.editId = null;
      });
    },
    deletecheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.askItem--;
      this.$forceUpdate();
    },
    addTcheckList(json, index) {
      // json.checkList.length++;
      json.checkList.splice(index + 1, 0, "");
      json.testItem++;
      this.$forceUpdate();
    },
    deleteTcheckList(json, index) {
      // json.checkList.length--;
      json.checkList.splice(index, 1);
      json.testItem--;
      this.$forceUpdate();
    },
    checkTestType(type, json) {
      json.type = type;
      setTimeout(() => {
        json.answer = [];
      }, 100);
      this.$forceUpdate();
    },
    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();
    },
    previewImg(url) {
      this.$hevueImgPreview(url);
    },
    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();
    },
    deleteM(i, j) {
      this.testJson.testJson[i].timuList.splice(j, 1);
    },
    addTestList(index) {
      this.testJson.testJson.splice(index + 1, 0, {
        teststitle: "",
        testItem: 1,
        checkList: [],
        timuList: [],
        answer: [],
        type: "1"
      });
      this.testJson.testCount++;
    },
    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;
          });
      }
    },
    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();
            }
          });
      }
    },
    imgChange2(i, j) {
      var _tmp = this.testJson.testJson[i].checkList[j];
      this.noneBtnImg = _tmp.length >= 1;
    },
    addAnswer() {
      // if (this.answerQ == "") {
      //   this.$message.error(this.lang.ssEnterQuesL);
      //   return;
      // }
      let _data = { id: new Date().getTime(), tool: 15, title: this.lang.ssQAQuestion, brief: this.lang.ssQAQuestionTool, json: { answerQ: this.answerQ }, url: "" }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.title = oldData.title;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
      }

      this.dialogVisible8 = false;
      this.getWorkPageId(_data.id, 15, { answerQ: this.answerQ }).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${_data.tool}`;
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        _data.url = url
        if (!this.editId) {
          this.addContent(_data)
        } else {
          this.addContent(_data, 2)
        }
        this.editId = null;
      });
    },
    addPhoto() {
      // if (this.answerQ == "") {
      //   this.$message.error(this.lang.ssEnterQuesL);
      //   return;
      // }
      let _data = { id: new Date().getTime(), tool: 79, title: this.lang.ssPhoto, brief: this.lang.ssPhotoTool, json: { answerQ: this.answerQ, fileList: [] }, url: "" }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.title = oldData.title;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
      }

      this.dialogVisible8 = false;
      this.getWorkPageId(_data.id, 79, { answerQ: this.answerQ, fileList: [] }).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${_data.tool}`;
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        _data.url = url
        if (!this.editId) {
          this.addContent(_data)
        } else {
          this.addContent(_data, 2)
        }
        this.editId = null;
      });
    },
    addFile() {
      // if (this.answerQ == "") {
      //   this.$message.error(this.lang.ssEnterQuesL);
      //   return;
      // }
      let _data = { id: new Date().getTime(), tool: 84, title: this.lang.ssFile, brief: this.lang.ssFileTool, json: { answerQ: this.answerQ, fileList: [] }, url: "" }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.title = oldData.title;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
      }

      this.dialogVisible8 = false;
      this.getWorkPageId(_data.id, 84, { answerQ: this.answerQ, fileList: [] }).then(res => {
        let baseUrl = this.setUrl()
        let url = `${baseUrl}/pbl-teacher-table/dist/workPage.html#/setWorkPage?id=${res}&type=${_data.tool}`;
        this.pptCourseJson.toolsList.find(i => i.id === _data.id).url = url;
        this.setPPtToolList();
        _data.url = url
        if (!this.editId) {
          this.addContent(_data)
        } else {
          this.addContent(_data, 2)
        }
        this.editId = null;
      });
    },
    async getWorkPageId(id, tool, json) {
      let params = [{
        userid: this.userid,
        type: tool,
        json: JSON.stringify(json)
      }]
      let res = await this.ajax.post(this.$store.state.api + "insert_workPage", params)
      return res.data[0][0].id
    },
    toolBtn(type, id) {
      let _data = this.pptCourseJson.toolsList.find(i => i.id === id || i.url === id);
      if (type == 0) {
        if (_data.tool === 45) {
          this.editId = _data.id;
          this.testJson = JSON.parse(JSON.stringify(_data.json));
          this.dialogVisibleChoice = true;
        } else if (_data.tool === 15) {
          this.editId = _data.id;
          this.answerQ = JSON.parse(JSON.stringify(_data.json)).answerQ;
          this.dialogVisible8 = true;
        } else if (_data.tool == 73) {
          this.editId = _data.id;
          this.lineTitle = JSON.parse(JSON.stringify(_data.json)).lineTitle;
          this.line = JSON.parse(JSON.stringify(_data.json)).line;
          this.dialogVisible7 = true;
        } else if (_data.tool === 72) {
          this.editId = _data.id;
          this.$refs.appDialog.openG(
            JSON.parse(JSON.stringify(_data.json)),
            "",
            "",
            "",
            2
          )
        }
      } else if (type == 1) {
        let _copyData = JSON.parse(JSON.stringify(_data));
        _copyData.id = new Date().getTime();
        this.pptCourseJson.toolsList.push(_copyData);
        this.setPPtToolList();
        return this.$message.success(this.lang.ssCopyToolSucc);
      } else if (type == 2) {
        this.$confirm(this.lang.ssDeleteTool, this.lang.ssTip, {
          confirmButtonText: this.lang.ssConfirm,
          cancelButtonText: this.lang.ssCancel,
          type: "warning"
        }).then(() => {
          this.pptCourseJson.toolsList = this.pptCourseJson.toolsList.filter(i => i.id !== id);
          this.$message.success(this.lang.ssDeleteSucc)
          this.setPPtToolList();
        });
      }
    },
    toolBtn2(type, id, tool){
      let _data = this.pptCourseJson.toolsList.find(i => i.id === id || i.url === id);
      this.editId = _data ? _data.id : 111;
      if (tool == 45) {
        this.testJsonName = "";
        this.testJsonBrief = "";
        this.testJson = {
          testCount: 1,
          testTitle: "",
          testJson: [
            {
              teststitle: "",
              testItem: 1,
              checkList: [],
              timuList: [],
              answer: [],
              type: "1"
            }
          ]
        };
         this.addTest()
      } else if (tool == 78) {
        this.testJsonName = "";
        this.testJsonBrief = "";
        this.testJson = {
          testCount: 1,
          testTitle: "",
          testJson: [
            {
              teststitle: "",
              testItem: 1,
              checkList: [],
              timuList: [],
              answer: [],
              type: "1"
            }
          ]
        };
        this.addVote()
      } else if (tool == 15) {
        this.answerQ = "";
        this.addAnswer();
      } else if (tool == 79) {
        this.answerQ = "";
        this.addPhoto();
      }else if (tool == 84){
        this.answerQ = "";
        this.addFile();
      }
    },
    clearLine() {
      this.line = "";
      this.dialogVisible7 = false;
    },
    async isAddOrUpdateLine() {
      // if (!this.lineTitle) {
      //   this.$message.error(this.lang.ssLinkTitle);
      //   return;
      // }
      if(!this.line){
        this.$message.error(this.lang.ssCocoLinkTip);
        return;
      }

      if(this.isAddOrUpdateLineLoading)return
      this.isAddOrUpdateLineLoading = true
      //https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E6%97%A0%E6%B3%95%E5%93%87%E5%8F%91%E5%99%B6%E5%99%B6%E5%93%87_b634700f-f084-451d-8141-745d516f28c0.html
      // if(this.line.includes("ppt.cocorobo.cn")){
      //   this.$message.error("请使用ppt.cocorobo.cn的链接");
      //   return;
      // }
      // 判断 this.line 链接是不是 html 文件
      // if (!/\.html(\?|#|$)/i.test(this.line) && !/\.htm(\?|#|$)/i.test(this.line)) {
      //   this.$message.error("请输入以.html或.htm结尾的链接");
      //   return;
      // }

      //  使用this.ajax.get 请求 this.line 链接，如果返回 200 则认为链接有效
      // 使用XHR请求判断页面是否可以请求到
      // 先用iframe判断能否访问contentWindow，不能再用XHR请求
      let isValid = await new Promise(async (resolve) => {
        // 创建隐藏iframe
        let iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = this.line;
        let finished = false;
        let timeout = setTimeout(() => {
          if (finished) return;
          finished = true;
          // 超时，移除iframe，进入XHR判断
          document.body.removeChild(iframe);
          // 用XHR判断
          let xhr = new XMLHttpRequest();
          xhr.open('GET', this.line, true);
          xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
              if (xhr.status === 200) {
                resolve(true);
              } else {
                // 再试一次 getFile
                getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
                  if (res && res.data && res.data !== 1) {
                    resolve(true);
                  } else {
                    resolve(false);
                  }
                }).catch(() => {
                  resolve(false);
                });
              }
            }
          }.bind(this);
          xhr.onerror = function () {
            // 再试一次 getFile
            getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
              if (res && res.data && res.data !== 1) {
                resolve(true);
              } else {
                resolve(false);
              }
            }).catch(() => {
              resolve(false);
            });
          }.bind(this);
          xhr.send();
        }, 5000);

        iframe.onload = function () {
          if (finished) return;
          finished = true;
          clearTimeout(timeout);
          try {
            // 尝试访问contentWindow.document
            let doc = iframe.contentWindow.document;
            document.body.removeChild(iframe);
            resolve(true);
          } catch (e) {
            // 跨域或其他异常，移除iframe，进入XHR判断
            document.body.removeChild(iframe);
            let xhr = new XMLHttpRequest();
            xhr.open('GET', iframe.src, true);
            xhr.onreadystatechange = function () {
              if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                  resolve(true);
                } else {
                  // 再试一次 getFile
                  getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
                    if (res && res.data && res.data !== 1) {
                      resolve(true);
                    } else {
                      resolve(false);
                    }
                  }).catch(() => {
                    resolve(false);
                  });
                }
              }
            }.bind(this);
            xhr.onerror = function () {
              // 再试一次 getFile
              getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
                if (res && res.data && res.data !== 1) {
                  resolve(true);
                } else {
                  resolve(false);
                }
              }).catch(() => {
                resolve(false);
              });
            }.bind(this);
            xhr.send();
          }
        };
        iframe.onerror = function () {
          if (finished) return;
          finished = true;
          clearTimeout(timeout);
          document.body.removeChild(iframe);
          // iframe加载失败，进入XHR判断
          let xhr = new XMLHttpRequest();
          xhr.open('GET', iframe.src, true);
          xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
              if (xhr.status === 200) {
                resolve(true);
              } else {
                // 再试一次 getFile
                getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
                  if (res && res.data && res.data !== 1) {
                    resolve(true);
                  } else {
                    resolve(false);
                  }
                }).catch(() => {
                  resolve(false);
                });
              }
            }
          }.bind(this);
          xhr.onerror = function () {
            // 再试一次 getFile
            getFile(typeof this.line !== 'undefined' ? this.line : iframe.src).then(res => {
              if (res && res.data && res.data !== 1) {
                resolve(true);
              } else {
                resolve(false);
              }
            }).catch(() => {
              resolve(false);
            });
          }.bind(this);
          xhr.send();
        };
        document.body.appendChild(iframe);
      });

      if (!isValid) {
        this.$message.error(this.lang.ssCocoLinkTip);
        this.isAddOrUpdateLineLoading = false
        return;
      }

      let _data = { id: new Date().getTime(), tool: 73, title: this.lineTitle, brief: this.lang.ssH5Page, json: { lineTitle: this.lineTitle, line: this.line }, url: this.line }
      if(this.editId === 111){
        this.pptCourseJson.toolsList.push(_data);
      }else if (this.editId) {
        let oldData = this.pptCourseJson.toolsList.find(i => i.id === this.editId);
        _data.id = oldData.id;
        _data.brief = oldData.brief;
        this.pptCourseJson.toolsList.splice(this.pptCourseJson.toolsList.findIndex(i => i.id === this.editId), 1, _data);
      } else {
        this.pptCourseJson.toolsList.push(_data);
        this.addContent(_data)
      }
      this.setPPtToolList();
      this.isAddOrUpdateLineLoading = false
      this.dialogVisible7 = false;

    },
    // 判断当前页面URL是否包含beta
    isBetaEnv() {
      return window.location.href.includes('beta');
    },
    // 动态生成PPT iframe的URL
    setPptIframeUrl() {
      let ppturl = "https://beta.ppt.cocorobo.cn"
      if (this.isBetaEnv()) {
        ppturl = "https://beta.ppt.cocorobo.cn"
      } else if (this.lang.lang == 'com') {
        ppturl = 'https://ppt.cocorobo.com'
      } else if (this.lang.lang == 'hk') {
        ppturl = 'https://ppt.cocorobo.hk'
      } else {
        ppturl = 'https://ppt.cocorobo.cn'
      }
      this.pptIframeUrl = `${ppturl}/?mode=editor3&userid=${this.userid}&courseid=${this.cid}`;
    },
    get() {
      let url = 'https://beta.pbl.cocorobo.cn'
      if (window.location.href.includes('beta')) {
        url = url
      }
      else if (this.lang.lang === 'cn') {
        url = 'https://pbl.cocorobo.cn'
      }
      else if (this.lang.lang === 'hk') {
        url = 'https://pbl.cocorobo.hk'
      }
      else if (this.lang.lang === 'com') {
        url = 'https://pbl.cocorobo.com'
      }
      this.courseUrl = url + "/pbl-student-table/dist/#/courseDetail?userid=" + this.userid + "&oid=" + this.oid + "&org=" + this.org + "&courseId=" + this.courseId + "&tType=1&cid=&screenType=2&noLogin=3"
    },
    async saveBeiKe(){
      if(!this.cid) return;
      let userArray = ['6fbc6471-1d48-11ed-8c78-005056b86db5','333d0dfc-1cd9-11ef-bee5-005056b86db5','6fbce5ef-1d48-11ed-8c78-005056b86db5','66feffcc-ad35-11ed-b13d-005056b86db5']
      let endTime = await this.getServerTime()
      let courseTime = Math.max(1, Math.ceil((new Date(endTime) - new Date(this.startTime)) / (1000 * 60)))
      if ((this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840' || userArray.includes(this.userid))) {
        this.syncClassData2({
          courseId: this.cid,
          title: this.courseName,
          ctitle: this.courseName,
          courseGrade: '',
          courseTime: courseTime,
          startTime: this.startTime,
          endTime: endTime,
        }, 'selectUser')
        console.log('同步数据')
      }
      let params = [
        {
          uid: this.userid,
          cid: this.cid,
          type: "5",
          time: courseTime * 60,
        },
      ];
      this.ajax
        .post(this.$store.state.api + "addOperationTimeT2", params)
        .then((res) => { })
        .catch((err) => {
          console.error(err);
        });
    }
  },
  beforeDestroy() {

  },
  beforeRouteLeave(to, from, next) {
    next()
  },
  created() {
    this.getClass();
    this.selectGrage();
    setTimeout(() => {
      this.selectCourseDetail();
    }, 500);
  },
  async mounted() {
    this.startTime = await this.getServerTime()
    // if (this.mergedList.includes(this.org)) {
    //   this.isTeacherSee = true
    // }
    // 清空
    this.pptCourseJson.toolsList = [];
    this.setPPtToolList()
    this.setPptIframeUrl();
    // iframe页面加载完成
    this.$refs.pptIframeRef.onload = () => {
      console.log("iframe页面加载完成");

    }
    window.addTool = (tool) => this.addTool(tool); // 添加工具
    window.addTool2 = (tool, data) => this.addTool2(tool, data); // 添加工具
    window.openVideoUploadDialog = () => this.openVideoUploadDialog(); // 打开视频上传弹窗
    window.openApplicationCenter = () => this.openApplicationCenter(); // 打开应用中心弹窗
    window.toolBtn = (type, id) => this.toolBtn(type, id); // 工具按钮点击事件
    window.toolBtn2 = (type, id, tool) => this.toolBtn2(type, id, tool); // 工具按钮点击事件
    window.previewVideo = (id) => this.previewVideo(id); // 预览视频
    window.goBack = () => this.goTo(`/course?userid=${this.userid}&oid=${this.oid}&org=${this.org}&role=${this.role}`);
    window.lastSteps = () => this.lastSteps(); // 上一步
    window.setCouresTitle = (title) => {
      this.courseName = title;
    }
    window.save = (type = 1) => this.save(type); // 保存
    window.preview = () => this.save(4); // 预览
    window.copyCourse = () => this.save(2)
    window.deleteCourse = () => this.deleteCourse(this.cid);
    window.publishCourse = () => {
      // this.dialogVisibleBasicInfo = true
      this.openPublishDialog()
    }
    window.publishCourse2 = () => {
      this.initCourseSettingsOptions();
      this.loadClassOptions();
      this.dialogVisiblePublish = true;
    }
    window.openCourseSettings = () => this.openCourseSettings();
    window.courseSettings = (subject, className) => this.courseSettings(subject, className);
    let _this = this;
    window.setCourseUrl = () => {
      console.log(_this.courseUrl)
      _this.courseUrl = ''
      console.log(_this.courseUrl)  
    }
  }
};
</script>

<style scoped>

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


.pb_content {
  height: 100% !important;
}

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

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

.pptIframeArea {
  width: 100%;
  height: calc(100%);
  /* margin: 10px 0; */
  background-color: #fff;
  overflow: hidden;
  /* border-radius: 10px; */
}

.pptIframeArea>iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

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

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

.right {
  height: 100%;
  width: calc(100%);
  display: flex;
  overflow: hidden;
  margin: 0 auto;
}


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

.wb_j_box_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; */
  min-width: 115px;
  padding: 0 5px;
  flex-shrink: 0;
  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%);
}

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

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

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

.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;
  width: 100%;
  color: #9c9c9c;
  text-align: center;
}

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

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

.search_input >>> .el-input__inner{
  padding: 0 30px 0 15px;
}

.search_input >>> .el-input.is-active .el-input__inner, 
.search_input >>> .el-input__inner:focus{
  border-color: #f8932f;
}

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

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

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

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

.pptToolsArea {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  margin: 10px 0;
  box-sizing: border-box;
  flex-wrap: wrap;
}

.pta_header {
  width: 100%;
  height: 60px;
  background: #FAFBFC;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 30px;
  border-bottom: solid 1px #E4EAEE;
}

.pta_header>span {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.pta_buttonArea {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 20px;
  border-bottom: solid 1px #E1E8ED;
}

.pta_ba_item {
  width: auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  color: #fff;
  border: solid 2px #fff;
  border-radius: 5px;
  margin-right: 15px;
  cursor: pointer;
  font-weight: bold;
  background: #fff;
  transition: .2s;
}

.pta_ba_item:hover {
  background: #85858513;
}

.pta_ba_item>svg {
  width: 20px;
  height: 20px;
}

.pta_ba_item>span {
  margin: 0 5px;
}

.pta_ba_item1 {
  color: #2ED574;
  border-color: #2ED574;
}

.pta_ba_item2 {
  color: #FF6347;
  border-color: #FF6347;
}

.pta_ba_item3 {
  color: #3742FA;
  border-color: #3742FA;
}

.pta_ba_item4 {
  color: #FBA31D;
  border-color: #FBA31D;
}

.pta_ba_item5 {
  color: #1890ff;
  border-color: #1890ff;
}


.pta_tooListArea {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 30px;
}

.pta_tla_header {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.pta_tla_header>span {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.pta_tla_header>div {
  color: #78869A;
  font-size: 14px;
}

.pta_tla_header>div>span {
  margin: 0 5px;
}

.pta_tla_filterArea {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.pta_tla_filterArea>span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 30px;
  padding: 0 20px;
  border-radius: 20px;
  border: solid 1px #E2E8F0;
  margin-right: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #4A5568;
  transition: .2s;
}

.filterActive {
  background: #0458D2 !important;
  color: #fff !important;
  border-color: #0458D2 !important;
}

.pta_tla_list {
  width: 100%;
  height: auto;
}

.pta_tla_l_item {
  width: 100%;
  height: 80px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  box-sizing: border-box;
  margin-bottom: 20px;
  background-color: #fff;
  border: solid 1px #E1E8ED;
  transition: .2s;
}

.pta_tla_l_i_left {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}

.pta_tla_l_i_left>img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  border-radius: 5px;
}

.pta_tla_l_i_left>svg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  border-radius: 5px;
}

/* 右下角上传进度显示 */
.upload-progress-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 360px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 3000;
  overflow: hidden;
}

.upload-progress-header {
  padding: 12px 16px;
  background: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.upload-progress-header:hover {
  background: #ebedf0;
}

.upload-progress-header span {
  font-size: 14px;
  font-weight: 500;
  color: #303133;
}

.upload-progress-header i {
  font-size: 14px;
  color: #909399;
  transition: transform 0.3s;
}

.upload-progress-list {
  max-height: 400px;
  overflow-y: auto;
}

.upload-progress-item {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f2f5;
}

.upload-progress-item:last-child {
  border-bottom: none;
}

.progress-item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.file-name {
  font-size: 13px;
  color: #606266;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10px;
}

.progress-status {
  font-size: 12px;
  color: #f88c22;
  white-space: nowrap;
}

.progress-status.completed {
  color: #67c23a;
}

.progress-status.error {
  color: #f56c6c;
}

.progress-info {
  font-size: 12px;
  color: #909399;
  margin-top: 4px;
}

.pta_tla_l_i_left>div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pta_tla_l_i_left>div>span:nth-child(1) {
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.pta_tla_l_i_left>div>span:nth-child(2) {
  font-size: 14px;
  color: #717c8d;
}

.pta_tla_l_i_right {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pta_tla_l_i_right>div {
  width: auto;
  height: 35px;
  border-radius: 5px;
  box-sizing: border-box;
  border: solid 1px #E2E8F0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  cursor: pointer;
  transition: .2s;
  padding: 0 20px;
  color: #4A5568;
  font-size: 14px;
  background: #fff;
  white-space: nowrap;
  transition: .2s;
}

.pta_tla_l_i_right>div:hover {
  background: #dadada;
}

.pta_tla_l_i_right>div>svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.pta_tla_l_i_right>.edit {
  color: #fff;
  background: #0458D2;
  border-color: #0458D2;
}

.pta_tla_l_i_right>.edit:hover {
  background: #0349b3;
  border-color: #0349b3;
}

/* 视频预览弹窗样式 */
.video-preview-dialog>>>.el-dialog {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  display: flex;
  flex-direction: column;
}

.video-preview-dialog>>>.el-dialog__body {
  flex: 1;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  overflow: hidden;
}

.video-preview-dialog>>>.el-dialog__header {
  padding: 30px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.video-preview-dialog>>>.el-dialog__title {
  color: #fff;
}

.video-preview-dialog>>>.el-dialog__headerbtn .el-dialog__close {
  color: #fff;
  font-size: 24px;
}

.video-preview-dialog>>>.el-dialog__headerbtn .el-dialog__close:hover {
  color: #409eff;
}

.video-preview-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.video-preview-container video {
  max-width: 100%;
  max-height: 90vh;
  outline: none;
}

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

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

.fullStyle {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
}

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

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

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

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

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

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

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

.a_add_head .a_add_head_input {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.noneBox>img {
  width: 300px;
}


.textarea_css {
  display: block;
  resize: none;
  padding: 10px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  transition: border-color 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;
}

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

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

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

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

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

.new_btn_box {
  display: flex;
}

.title {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.title-text {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.3s;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.title-text:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.title-input {
  width: 200px;
}

/* 自定义课程设置弹窗样式 */
.course-settings-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.course-settings-modal .form-item {
  margin-bottom: 20px;
}

.course-settings-modal .form-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #333;
}


.modal-content {
  position: relative;
  width: 400px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1001;
  overflow: hidden;
}

.modal-header {
  padding: 16px 24px 0;
  /* border-bottom: 1px solid #f0f0f0; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}

.modal-close {
  font-size: 24px;
  color: #909399;
  cursor: pointer;
  transition: color 0.3s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
  text-align: center;

}

.modal-close:hover {
  /* color: #409eff; */
  background-color: #f3f4f6;
}

.modal-body {
  padding: 24px;
}

.modal-footer {
  padding: 0 24px 16px;
  /* border-top: 1px solid #f0f0f0; */
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.btn-cancel {
  padding: 8px 16px;
  border: 1px solid #dcdfe6;
  border-radius: 10px;
  background-color: white;
  color: #606266;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
}

.btn-cancel:hover {
  border-color: #ff9500;
  color: #ff9500;
}

.publish-modal-footer .btn-cancel {
  width: 50%;
}

.btn-apply {
  padding: 8px 16px;
  border: 1px solid #ff7d00;
  border-radius: 10px;
  background-color: #ff7d00;
  color: white;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
}

.btn-apply:hover {
  background-color: #ff9500;
  border-color: #ff9500;
}

/* 自定义选择框样式 */
.custom-select {
  width: 100%;
  border-radius: 4px;
}

/* 发布课程弹窗 */
.publish-course-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.publish-modal-content {
  width: 700px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

.publish-modal-body {
  padding: 24px;
  flex: 1;
  overflow: auto;
}

.course-name-display {
  font-size: 16px;
  /* font-weight: 600; */
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}

.course-name-text {
  cursor: pointer;
  transition: color 0.3s;
  font-size: 18px;
  background-color: #fff8f0;
  border: 1px solid #f89a3d;
  width: fit-content;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  outline: 0;
  padding: 0 15px;
  border-radius: 4px;
  box-sizing: border-box;
}

.course-name-text:hover {
  color: #ff7d00;
}

.course-name-input {
  display: inline-block;
  width: auto;
  min-width: 120px; /* 假设每个汉字宽度约为 27.5px，4个汉字 + 10px = 120px */
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
}

.course-name-input >>> .el-input__inner {
  background-color: #fff8f0;
  border: 1px solid #f89a3d !important;
}

.publish-course-modal .form-box {
  display: flex;
  gap: 15px;
  width: 100%;
}

.publish-course-modal .form-box-left {
  width: calc(100% - 270px);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.publish-course-modal .form-box-right {
  flex: 1;
}


.publish-course-modal .form-row {
  /* margin-bottom: 20px; */
  display: flex;
  gap: 16px;
}

.publish-course-modal .form-item {
  flex: 1;
}

.publish-course-modal .form-item.required .form-label::after {
  content: " *";
  color: #ff4d4f;
}

.publish-course-modal .form-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.radio-item {
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  gap: 8px;
  align-items: center;
}

.radio-item.active {
  border-color: #ff7d00;
  background-color: #fff7e6;
}

.radio-item:hover {
  border-color: #ff7d00;
}

.custom-radio {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  /* margin-right: 8px; */
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

/* .custom-radio:hover {
  border-color: #f78b22;
} */

.radio-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.3s;
}

.radio-inner.checked {
  background-color: #f78b22;
}

.radio-item.active .custom-radio {
  border-color: #f78b22;
}

.radio-desc {
  margin-top: 4px;
  font-size: 12px;
  color: #666;
  /* margin-left: 20px; */
}

.cover-upload-area {
  border: 2px dashed #d9d9d9;
  border-radius: 5px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  background: #fafbfc;
  position: relative;
}

.cover-preview {
  border-radius: 5px;
  height: 130px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.cover-upload-area:hover {
  border-color: #ff7d00;
}

.cover-placeholder {
  text-align: center;
  color: #999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cover-placeholder svg {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}

.cover-placeholder span {
  font-size: 12px;
}

.upload-options {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 12px;
  display: none;
  z-index: 10;
  min-width: 160px;
}

.cover-upload-area:hover .upload-options {
  display: block;
}

.option-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 4px;
  font-size: 14px;
}

.option-item:last-child {
  margin-bottom: 0;
}

.option-item:hover {
  background-color: #fff4e5;
  color: #f78b22;
}

.option-item svg {
  margin-right: 8px;
  width: 16px;
}

.publish-modal-footer {
  padding: 16px 0 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.btn-publish {
  background-color: #ff7d00;
  border-color: #ff7d00;
  color: white;
  padding: 10px 32px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
  font-weight: 500;
  border-radius: 10px;
  width: 50%;
  border: none;
}

.btn-publish:hover {
  background-color: #e67300;
}

.btn-publish i {
  margin-right: 8px;
}

/* 网页搜索图片弹窗 */
.web-search-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
}

.web-search-content {
  width: 710px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.web-search-body {
  padding: 24px;
}

.search-section {
  margin-bottom: 20px;
}

.search-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #6B7280;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  position: relative;
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
}

.image-item {
  width: 100%;
  height: 100px;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.image-item:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.web-search-footer {
  padding: 16px 24px;
  /* border-top: 1px solid #f0f0f0; */
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

.web-search-footer .btn-cancel {
  padding: 8px 16px;
  border: 1px solid #dcdfe6;
  border-radius: 10px;
  background-color: white;
  color: #606266;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
  flex: 1;
}

.web-search-footer .btn-cancel:hover {
  border-color: #ff9500;
  color: #ff9500;
}

.web-search-footer .btn-confirm {
  background-color: #ff7d00;
  border: 1px solid #ff7d00;
  color: white;
  padding: 10px 16px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
  font-weight: 500;
  flex: 1;
}

.web-search-footer .btn-confirm:hover {
  background-color: #e67300;
}

.aiAssistant-item {
  border: 1px solid #ececef;
  border-radius: 5px;
}

.aiAssistant_box{
  display: flex;
  align-items: center;
  background: #fafbfd;
  padding: 14px 10px;
  border-radius: 5px;
  justify-content: space-between;
  box-sizing: border-box;
}

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

.aiAssistant_box_title svg{
  margin-left: 8px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.ai-switch-wrapper{}

.courseIframe{
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  border: none;
}
</style>