实时

src/components/liveProjectDetailxin.vue → src/components/liveProjectDetail(湖心亭看雪).vue

@@ -21,8 +21,16 @@
         <div class="logoLive">
           <img src="../assets/icon/logo.png" alt />
         </div>
-        <div style="color: #fff; line-height: 45px; padding-left: 15px">展示课件</div>
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">
+          湖心亭看雪可可乐博模拟展示课件
+        </div>
       </div>
+      <!-- <div
+        style="display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center"
+      >
+        <div class="blackButton" @click="answerWork" v-if="steps == 0">下一步</div>
+        <div class="blackButton" @click="steps = 3" v-if="steps != 3">提交作业</div>
+      </div>-->
     </div>
     <div class="isNoOther">
       <div
@@ -30,6 +38,10 @@
         :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
         v-show="!full"
       >
+        <!-- <iframe
+          style="width: 100%; height: 100%; border: none"
+          src="https://view.officeapps.live.com/op/view.aspx?src=https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0701%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656644341323.pptx"
+        ></iframe>-->
         <pdf
           :pdfUrl="pdfUrl"
           style="width: 100%; height: 100%"
@@ -76,7 +88,34 @@
           >
             开始答题
           </div>
+          <!-- <div
+            style="
+              margin-left: 25px;
+              border-bottom: 3px solid #2c83ee;
+              width: 70px;
+              padding-bottom: 3px;
+              text-align: center;
+            "
+            v-if="steps == 2"
+          >
+            选择工具
+          </div>-->
           <div class="answerBox" v-if="isBlock == 1">
+            <!-- <div>
+              <span class="timuButton">题目</span>
+              <span style="letter-spacing: 3px; line-height: 35px"
+                >小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？</span
+              >
+            </div>
+            <el-radio-group v-model="answerBox" class="anserBoxCss">
+              <el-radio v-for="item1 in answer" :key="item1" :label="item1">{{
+                item1.name
+              }}</el-radio>
+            </el-radio-group>
+            <span slot="footer" class="dialog-footer sztFooter">
+              <el-button type="primary" @click="answerQue">确定</el-button>
+            </span>
+            <div class="nextStepOne" @click="answerWork">下一步</div>-->
             <div class="answerBox">
               <div
                 style="
@@ -90,6 +129,9 @@
                 :key="item"
               >
                 <div class="choose_style">
+                  <!-- {{
+                  item
+                  }}、小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？-->
                   <span
                     @click="isChooseActive(1)"
                     :class="typeC.indexOf(1) != -1 ? 'isChoose' : ''"
@@ -145,55 +187,145 @@
               "
             >
               <div
-                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(1) != -1"
+                v-if="toolsList[0].tools.indexOf(1) != -1"
                 @click="checkTools(1)"
                 class="toolCss"
               >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://iwb.cocorobo.cn/"
+                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
                   <div>电子白板</div>
                 </div>
               </div>
               <div
-                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(3) != -1"
+                v-if="toolsList[0].tools.indexOf(2) != -1"
+                @click="checkTools(2)"
+                class="toolCss"
+              >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://iwb.cocorobo.cn/"
+                ></iframe>-->
+                <div class="toolImg">
+                  <img src="../assets/icon/secondToolList/note.png" alt />
+                  <div>便签</div>
+                </div>
+              </div>
+              <div
+                v-if="toolsList[0].tools.indexOf(3) != -1"
                 @click="checkTools(3)"
                 class="toolCss"
               >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
+                ></iframe>-->
                 <div class="toolImg">
-                  <img src="../assets/icon/secondToolList/mindMapping.png" alt />
+                  <img
+                    src="../assets/icon/secondToolList/mindMapping.png"
+                    alt
+                  />
                   <div>思维导图</div>
                 </div>
               </div>
               <div
-                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(4) != -1"
+                v-if="toolsList[0].tools.indexOf(4) != -1"
                 @click="checkTools(4)"
                 class="toolCss"
               >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
+                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/thirdToolList/ask.png" alt />
                   <div>问卷调查</div>
                 </div>
               </div>
               <div
-                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(6) != -1"
+                v-if="toolsList[0].tools.indexOf(6) != -1"
                 @click="checkTools(6)"
                 class="toolCss"
               >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
+                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/secondToolList/doc.png" alt />
                   <div>协同文档</div>
                 </div>
               </div>
               <div
-                v-if="tools[ppage].tools && tools[ppage].tools.indexOf(7) != -1"
+                v-if="toolsList[0].tools.indexOf(7) != -1"
                 @click="checkTools(7)"
                 class="toolCss"
               >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
                 <div class="toolImg">
-                  <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
+                  <img
+                    src="../assets/icon/secondToolList/mindNetwork.png"
+                    alt
+                  />
                   <div>思维网格</div>
                 </div>
               </div>
+              <div
+                v-if="toolsList[0].tools.indexOf(8) != -1"
+                @click="checkTools(8)"
+                class="toolCss"
+              >
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
+                <div class="toolImg">
+                  <img src="../assets/icon/secondToolList/library.png" alt />
+                  <div>素材库</div>
+                </div>
+              </div>
+              <div v-if="toolsList[0].tools.indexOf(10) != -1" class="toolCss">
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
+                <div class="toolImg">
+                  <div>倒计时</div>
+                </div>
+              </div>
+              <div v-if="toolsList[0].tools.indexOf(11) != -1" class="toolCss">
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
+                <div class="toolImg">
+                  <div>问答题</div>
+                </div>
+              </div>
+              <div v-if="toolsList[0].tools.indexOf(13) != -1" class="toolCss">
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
+                <div class="toolImg">
+                  <div>分小组</div>
+                </div>
+              </div>
+              <div v-if="toolsList[0].tools.indexOf(14) != -1" class="toolCss">
+                <!-- <iframe
+            style="width: 100%; height: 100%; border: none"
+            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+                ></iframe>-->
+                <div class="toolImg">
+                  <div>作业评价</div>
+                </div>
+              </div>
             </div>
           </div>
           <div
@@ -207,7 +339,11 @@
                 <div class="tools_title">
                   <span>电子白板</span>
                   <div>
-                    <img src="../assets/full.png" class="full" @click="fullTools" />
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
                   </div>
                 </div>
                 <iframe
@@ -216,11 +352,34 @@
                   ref="whiteBoard"
                 ></iframe>
               </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 2"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>便签</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <iframe
+                  style="width: 100%; height: 100%; border: none"
+                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
+                ></iframe>
+              </div>
               <div v-if="toolCount == 3" class="tools_child_box">
                 <div class="tools_title">
                   <span>思维导图</span>
                   <div>
-                    <img src="../assets/full.png" class="full" @click="fullTools" />
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
                   </div>
                 </div>
                 <iframe
@@ -229,11 +388,37 @@
                   ref="mind"
                 ></iframe>
               </div>
-              <div v-if="toolsList[0].tools[howTools] == 6" class="tools_child_box">
+              <div
+                v-if="toolsList[0].tools[howTools] == 4"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>问卷调查</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <iframe
+                  style="width: 100%; height: 100%; border: none"
+                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/ask"
+                ></iframe>
+              </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 6"
+                class="tools_child_box"
+              >
                 <div class="tools_title">
                   <span>协同文档</span>
                   <div>
-                    <img src="../assets/full.png" class="full" @click="fullTools" />
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
                   </div>
                 </div>
                 <iframe
@@ -245,7 +430,11 @@
                 <div class="tools_title">
                   <span>思维网格</span>
                   <div>
-                    <img src="../assets/full.png" class="full" @click="fullTools" />
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
                   </div>
                 </div>
                 <iframe
@@ -254,6 +443,89 @@
                   ref="grid"
                 ></iframe>
               </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 8"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>素材库</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <iframe
+                  style="width: 100%; height: 100%; border: none"
+                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
+                ></iframe>
+              </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 9"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>选择题</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <div>选择题</div>
+              </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 10"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>倒计时</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <div>倒计时</div>
+              </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 11"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>问答题</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <div>问答题</div>
+              </div>
+              <div
+                v-if="toolsList[0].tools[howTools] == 13"
+                class="tools_child_box"
+              >
+                <div class="tools_title">
+                  <span>分小组</span>
+                  <div>
+                    <img
+                      src="../assets/full.png"
+                      class="full"
+                      @click="fullTools"
+                    />
+                  </div>
+                </div>
+                <div>分小组</div>
+              </div>
               <div
                 id="shishi_loading"
                 style="
@@ -269,26 +541,26 @@
                   align-items: center;
                 "
               >
-                <div
-                  style="
-                    color: #fff;
-                    padding: 15px;
-                    background: #00000070;
-                    border-radius: 5px;
-                    font-size: 18px;
-                    display: flex;
-                    align-items: center;
-                  "
+              <div style="color: #fff;padding: 15px;background: #00000070;border-radius: 5px;font-size: 18px;display:flex;align-items:center;">
+                <img src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif" alt="" style="width: 26px;margin-right: 10px;">
+                <span>上传中...</span>
+              </div>
+              </div>
+              <div class="nextStepBox" v-if="toolsList[0].tools.length > 1">
+                <!-- <div
+                  class="nextStepOne"
+                  @click="howTools--"
+                  v-if="howTools != 0"
                 >
-                  <img
-                    src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif"
-                    alt
-                    style="width: 26px; margin-right: 10px"
-                  />
-                  <span>上传中...</span>
+                  上一步
                 </div>
-              </div>
-              <div class="nextStepBox">
+                <div
+                  class="nextStepOne"
+                  @click="howTools++"
+                  v-if="howTools != toolsList[0].tools.length - 1"
+                >
+                  下一步
+                </div>-->
                 <div class="nextStepOne" @click="isBlock = 4">返回</div>
               </div>
               <div
@@ -314,8 +586,63 @@
                 />
               </div>
             </div>
+            <!-- <div v-if="toolCount == 0" style="height: 100%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
+              ></iframe>
+            </div>
+            <div v-if="toolCount == 1" style="height: 100%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://iwb.cocorobo.cn/"
+              ></iframe>
+            </div>
+            <div v-if="toolCount == 2" style="height: 90%">
+              <iframe
+                style="width: 100%; height: 100%; border: none"
+                src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
+              ></iframe>
+            </div>-->
+            <!-- <div class="toolList">
+              <div class="tools">
+                <div>
+                  <img
+                    src="../assets/icon/mindNetwork.png"
+                    alt=""
+                    @click="addTool(7)"
+                  />
+                </div>
+                <div>思维网格</div>
+              </div>
+              <div class="tools">
+                <div>
+                  <img
+                    src="../assets/icon/whiteBoard.png"
+                    alt=""
+                    @click="addTool(1)"
+                  />
+                </div>
+                <div>电子白板</div>
+              </div>
+              <div class="tools">
+                <div>
+                  <img
+                    src="../assets/icon/secondToolList/mindMapping.png"
+                    alt=""
+                    @click="addTool(3)"
+                  />
+                </div>
+                <div>思维导图</div>
+              </div>
+            </div>-->
+            <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
           </div>
-          <div class="answerBox" v-if="isBlock == 3" style="padding: 0 0 0 25px">
+          <div
+            class="answerBox"
+            v-if="isBlock == 3"
+            style="padding: 0 0 0 25px"
+          >
             <div>
               <div class="score_box">
                 <span>自我评价</span>
@@ -341,20 +668,148 @@
             <span
               slot="footer"
               class="dialog-footer sztFooter"
-              style="padding: 0 0 30px 0px; position: absolute; right: 20px; bottom: 0"
+              style="
+                padding: 0 0 30px 0px;
+                position: absolute;
+                right: 20px;
+                bottom: 0;
+              "
             >
               <el-button @click="isBlock = 0">取消</el-button>
-              <el-button type="primary" @click="dialogVisible = true">确定</el-button>
+              <el-button type="primary" @click="dialogVisible = true"
+                >确定</el-button
+              >
             </span>
           </div>
         </div>
       </div>
+      <!-- <div v-if="steps == 3" style="width: 40%; height: 96%">
+        <div
+          style="
+            box-sizing: border-box;
+            background: rgb(255, 255, 255);
+            width: 96%;
+            height: 96%;
+            margin: 10px auto;
+            overflow: auto;
+            position: relative;
+          "
+        >
+          <div class="close" @click="(steps = 0), (type = 0)">
+            <img src="../assets/icon/close.png" alt />
+          </div>
+
+          <div style="color: #b6b6b6; font-size: 20px; padding: 20px">上传作业</div>
+          <div
+            style="
+              display: flex;
+              flex-direction: row;
+              flex-wrap: wrap;
+              justify-content: flex-start;
+              align-items: flex-start;
+              margin-bottom: 30px;
+            "
+          >
+            <div v-if="upload[0].upImg.length > 0" class="hengCss">
+              <div
+                v-for="(uImg, imgIndex) in upload[0].upImg"
+                :key="imgIndex"
+                class="uploadImgPic"
+              >
+                <img :src="uImg.url" alt />
+                <div>{{ uImg.name }}</div>
+                <div class="deleteWord" @click="clean(1)">
+                  <img src="../assets/icon/delete.png" alt />
+                </div>
+              </div>
+            </div>
+            <div
+              class="uploadImg"
+              @click="addImg($event)"
+              v-if="upload[0].upImg.length == 0"
+            >
+              <img src="../assets/icon/uploadImg.png" alt />
+              <input
+                type="file"
+                accept="image/png, image/gif, image/jpeg"
+                style="display: none"
+                @change="beforeUpload1($event, 1)"
+              />
+              <div style="text-align: center; color: rgb(182, 182, 182); font-size: 20px">
+                上传截图
+              </div>
+            </div>
+      </div>-->
+      <!-- <div
+            style="
+              display: flex;
+              flex-direction: row;
+              flex-wrap: wrap;
+              justify-content: flex-start;
+              align-items: flex-start;
+              margin-bottom: 30px;
+            "
+          >
+            <div v-if="upload[0].upVedio.length > 0" class="hengCss">
+              <div
+                v-for="(uVedio, vedioIndex) in upload[0].upVedio"
+                :key="vedioIndex"
+                class="uploadImgPic"
+              >
+                <img src="../assets/uploadMp4.png" alt="" />
+                <div>{{ uVedio.name }}</div>
+                <div class="deleteWord" @click="clean(2)">
+                  <img src="../assets/icon/delete.png" alt="" />
+                </div>
+              </div>
+            </div>
+            <div class="uploadImg" @click="addImg($event)">
+              <img src="../assets/icon/uploadVedio.png" alt="" />
+              <input
+                type="file"
+                accept="video/mp4,video/quicktime,video/x-msvideo"
+                style="display: none"
+                @change="beforeUpload1($event, 2)"
+              />
+              <div
+                style="
+                  text-align: center;
+                  color: rgb(182, 182, 182);
+                  font-size: 20px;
+                "
+              >
+                上传视频
+              </div>
+            </div>
+      </div>-->
+      <!-- <div style="padding-left: 25px"><span style="color: red">*</span> 简要描述</div>
+          <div style="padding: 10px 0 0 25px">
+            <textarea
+              rows="6"
+              class="binfo_input"
+              cols
+              style="width: 95%; height: 120px"
+              v-model="upload[0].upIntro"
+            ></textarea>
+          </div>
+          <span
+            slot="footer"
+            class="dialog-footer sztFooter"
+            style="padding: 10% 10px 50px 0px"
+          >
+            <el-button @click="steps = 1">返回答题</el-button>
+            <el-button type="primary" @click="addWork">确定</el-button>
+          </span>
+        </div>
+      </div>-->
     </div>
 
     <div class="blackBottomB"></div>
     <div v-if="proVisible" class="mask">
       <div class="progressBox">
-        <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
+        <div class="lbox">
+          <img src="../assets/loading.gif" />上传中，请稍后
+        </div>
         <el-progress
           :text-inside="true"
           :stroke-width="20"
@@ -405,7 +860,7 @@ export default {
     return {
       iframeInnerHtml: "",
       pdfUrl:
-        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E4%B8%8A%E8%AF%BE%E8%AF%BE%E4%BB%B6---%E4%BA%94%E4%B8%8Bintroduce%20a%20festival%20%28Final%20%29_202208231345451661233676307.pdf",
+        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf",
       ppage: 2,
       full: false,
       pageTotal: 0,
@@ -503,11 +958,14 @@ export default {
     },
     //uuid生成
     guid() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-        var r = (Math.random() * 16) | 0,
-          v = c == "x" ? r : (r & 0x3) | 0x8;
-        return v.toString(16);
-      });
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function (c) {
+          var r = (Math.random() * 16) | 0,
+            v = c == "x" ? r : (r & 0x3) | 0x8;
+          return v.toString(16);
+        }
+      );
     },
     time() {
       if (!this.now) {
@@ -796,7 +1254,7 @@ export default {
       console.log(iframeIh);
 
       // var iframeHtml = this.$refs.whiteBoard;
-      document.getElementById("shishi_loading").style.display = "flex";
+      document.getElementById("shishi_loading").style.display="flex"
       var _ajs = iframeHtml.contentWindow.document.createElement("script");
       _ajs.type = "text/javascript";
       _ajs.innerHTML =
@@ -867,9 +1325,10 @@ export default {
       if (page == this.pageTotal) {
         this.isBlock = 3;
       } else {
-        this.isBlock = 0;
-
-        if (tools[page - 1].tools && tools[page - 1].tools.indexOf(9) != -1) {
+        if (this.ppage < 3) {
+          this.isBlock = 0;
+        }
+        if (this.ppage == 3) {
           this.isBlock = 1;
         }
         if (this.ppage > 3) {
@@ -879,23 +1338,35 @@ export default {
         this.howTools = 0;
         this.toolCount = 0;
         if (
-          this.tools[page - 1].tools &&
-          (this.tools[page - 1].tools[0] == 14 || this.tools[page - 1].tools[0] == 12)
+          this.toolsList.length > 0 &&
+          this.ppage > 2 &&
+          this.tools[page - 1].tools
+        ) {
+          this.toolsList = [];
+          this.toolsList.push({ tools: this.tools[page - 1].tools });
+        } else if (this.ppage > 2 && this.tools[page - 1].tools) {
+          this.toolsList.push({ tools: this.tools[page - 1].tools });
+        } else {
+          this.toolsList[0].tools = [];
+        }
+        if (
+          this.toolsList[0].tools &&
+          (this.toolsList[0].tools[0] == 14 || this.toolsList[0].tools[0] == 12)
         ) {
           this.isBlock = 0;
         }
         if (
-          this.tools[page - 1].tools &&
-          (this.tools[page - 1].tools.indexOf(1) != -1 ||
-            this.tools[page - 1].tools.indexOf(3) != -1 ||
-            this.tools[page - 1].tools.indexOf(7) != -1)
+          this.toolsList[0].tools &&
+          (this.toolsList[0].tools.indexOf(1) != -1 ||
+            this.toolsList[0].tools.indexOf(3) != -1 ||
+            this.toolsList[0].tools.indexOf(7) != -1)
         ) {
           this.isBlock = 4;
         }
-        if (this.tools[page - 1].tools && this.tools[page - 1].tools.length > 1) {
+        if (this.toolsList[0].tools && this.toolsList[0].tools.length > 1) {
           this.isBlock = 4;
         }
-        if (this.tools[page - 1].tools && !this.tools[page - 1].tools.length) {
+        if (this.toolsList[0].tools && !this.toolsList[0].tools.length) {
           this.isBlock = 0;
         }
       }
@@ -942,17 +1413,25 @@ export default {
             "https://pbl.cocorobo.cn/pbl-student-table/dist/aws-sdk-2.235.1.min.js";
           const script3 = document.createElement("script");
           script3.type = "text/javascript";
-          script3.src = "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
+          script3.src =
+            "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
           const script4 = document.createElement("script");
           script4.type = "text/javascript";
-          script4.src = "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
+          script4.src =
+            "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
 
           if (_this.toolCount == 1) {
             _this.$refs.whiteBoard.onload = () => {
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script1);
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script2);
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
+                script1
+              );
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
+                script2
+              );
               // _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script3);
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script4);
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
+                script4
+              );
             };
           } else if (_this.toolCount == 3) {
             _this.$refs.mind.onload = () => {

src/components/liveProjectDetail.vue

@@ -21,16 +21,8 @@
         <div class="logoLive">
           <img src="../assets/icon/logo.png" alt />
         </div>
-        <div style="color: #fff; line-height: 45px; padding-left: 15px">
-          湖心亭看雪可可乐博模拟展示课件
-        </div>
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">展示课件</div>
       </div>
-      <!-- <div
-        style="display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center"
-      >
-        <div class="blackButton" @click="answerWork" v-if="steps == 0">下一步</div>
-        <div class="blackButton" @click="steps = 3" v-if="steps != 3">提交作业</div>
-      </div>-->
     </div>
     <div class="isNoOther">
       <div
@@ -38,10 +30,6 @@
         :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
         v-show="!full"
       >
-        <!-- <iframe
-          style="width: 100%; height: 100%; border: none"
-          src="https://view.officeapps.live.com/op/view.aspx?src=https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0701%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656644341323.pptx"
-        ></iframe>-->
         <pdf
           :pdfUrl="pdfUrl"
           style="width: 100%; height: 100%"
@@ -88,34 +76,7 @@
           >
             开始答题
           </div>
-          <!-- <div
-            style="
-              margin-left: 25px;
-              border-bottom: 3px solid #2c83ee;
-              width: 70px;
-              padding-bottom: 3px;
-              text-align: center;
-            "
-            v-if="steps == 2"
-          >
-            选择工具
-          </div>-->
           <div class="answerBox" v-if="isBlock == 1">
-            <!-- <div>
-              <span class="timuButton">题目</span>
-              <span style="letter-spacing: 3px; line-height: 35px"
-                >小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？</span
-              >
-            </div>
-            <el-radio-group v-model="answerBox" class="anserBoxCss">
-              <el-radio v-for="item1 in answer" :key="item1" :label="item1">{{
-                item1.name
-              }}</el-radio>
-            </el-radio-group>
-            <span slot="footer" class="dialog-footer sztFooter">
-              <el-button type="primary" @click="answerQue">确定</el-button>
-            </span>
-            <div class="nextStepOne" @click="answerWork">下一步</div>-->
             <div class="answerBox">
               <div
                 style="
@@ -129,9 +90,6 @@
                 :key="item"
               >
                 <div class="choose_style">
-                  <!-- {{
-                  item
-                  }}、小明有3本不同的语文书，2本不同的数学书，4本不同的英语书，小明整理书架时，要把这些书放在同一层，且相同科目的书要相邻摆放，问共有多少种摆放方式？-->
                   <span
                     @click="isChooseActive(1)"
                     :class="typeC.indexOf(1) != -1 ? 'isChoose' : ''"
@@ -187,145 +145,55 @@
               "
             >
               <div
-                v-if="toolsList[0].tools.indexOf(1) != -1"
+                v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(1) != -1"
                 @click="checkTools(1)"
                 class="toolCss"
               >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://iwb.cocorobo.cn/"
-                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
                   <div>电子白板</div>
                 </div>
               </div>
               <div
-                v-if="toolsList[0].tools.indexOf(2) != -1"
-                @click="checkTools(2)"
-                class="toolCss"
-              >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://iwb.cocorobo.cn/"
-                ></iframe>-->
-                <div class="toolImg">
-                  <img src="../assets/icon/secondToolList/note.png" alt />
-                  <div>便签</div>
-                </div>
-              </div>
-              <div
-                v-if="toolsList[0].tools.indexOf(3) != -1"
+                v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(3) != -1"
                 @click="checkTools(3)"
                 class="toolCss"
               >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
-                ></iframe>-->
                 <div class="toolImg">
-                  <img
-                    src="../assets/icon/secondToolList/mindMapping.png"
-                    alt
-                  />
+                  <img src="../assets/icon/secondToolList/mindMapping.png" alt />
                   <div>思维导图</div>
                 </div>
               </div>
               <div
-                v-if="toolsList[0].tools.indexOf(4) != -1"
+                v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(4) != -1"
                 @click="checkTools(4)"
                 class="toolCss"
               >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
-                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/thirdToolList/ask.png" alt />
                   <div>问卷调查</div>
                 </div>
               </div>
               <div
-                v-if="toolsList[0].tools.indexOf(6) != -1"
+                v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(6) != -1"
                 @click="checkTools(6)"
                 class="toolCss"
               >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
-                ></iframe>-->
                 <div class="toolImg">
                   <img src="../assets/icon/secondToolList/doc.png" alt />
                   <div>协同文档</div>
                 </div>
               </div>
               <div
-                v-if="toolsList[0].tools.indexOf(7) != -1"
+                v-if="tools[ppage - 1].tools && tools[ppage - 1].tools.indexOf(7) != -1"
                 @click="checkTools(7)"
                 class="toolCss"
               >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
                 <div class="toolImg">
-                  <img
-                    src="../assets/icon/secondToolList/mindNetwork.png"
-                    alt
-                  />
+                  <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
                   <div>思维网格</div>
                 </div>
               </div>
-              <div
-                v-if="toolsList[0].tools.indexOf(8) != -1"
-                @click="checkTools(8)"
-                class="toolCss"
-              >
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
-                <div class="toolImg">
-                  <img src="../assets/icon/secondToolList/library.png" alt />
-                  <div>素材库</div>
-                </div>
-              </div>
-              <div v-if="toolsList[0].tools.indexOf(10) != -1" class="toolCss">
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
-                <div class="toolImg">
-                  <div>倒计时</div>
-                </div>
-              </div>
-              <div v-if="toolsList[0].tools.indexOf(11) != -1" class="toolCss">
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
-                <div class="toolImg">
-                  <div>问答题</div>
-                </div>
-              </div>
-              <div v-if="toolsList[0].tools.indexOf(13) != -1" class="toolCss">
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
-                <div class="toolImg">
-                  <div>分小组</div>
-                </div>
-              </div>
-              <div v-if="toolsList[0].tools.indexOf(14) != -1" class="toolCss">
-                <!-- <iframe
-            style="width: 100%; height: 100%; border: none"
-            src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-                ></iframe>-->
-                <div class="toolImg">
-                  <div>作业评价</div>
-                </div>
-              </div>
             </div>
           </div>
           <div
@@ -339,11 +207,7 @@
                 <div class="tools_title">
                   <span>电子白板</span>
                   <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
                   </div>
                 </div>
                 <iframe
@@ -352,34 +216,11 @@
                   ref="whiteBoard"
                 ></iframe>
               </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 2"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>便签</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <iframe
-                  style="width: 100%; height: 100%; border: none"
-                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
-                ></iframe>
-              </div>
               <div v-if="toolCount == 3" class="tools_child_box">
                 <div class="tools_title">
                   <span>思维导图</span>
                   <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
                   </div>
                 </div>
                 <iframe
@@ -388,53 +229,11 @@
                   ref="mind"
                 ></iframe>
               </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 4"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>问卷调查</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <iframe
-                  style="width: 100%; height: 100%; border: none"
-                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/ask"
-                ></iframe>
-              </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 6"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>协同文档</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <iframe
-                  style="width: 100%; height: 100%; border: none"
-                  src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
-                ></iframe>
-              </div>
               <div v-if="toolCount == 7" class="tools_child_box">
                 <div class="tools_title">
                   <span>思维网格</span>
                   <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
+                    <img src="../assets/full.png" class="full" @click="fullTools" />
                   </div>
                 </div>
                 <iframe
@@ -443,89 +242,6 @@
                   ref="grid"
                 ></iframe>
               </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 8"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>素材库</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <iframe
-                  style="width: 100%; height: 100%; border: none"
-                  src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/library"
-                ></iframe>
-              </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 9"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>选择题</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <div>选择题</div>
-              </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 10"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>倒计时</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <div>倒计时</div>
-              </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 11"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>问答题</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <div>问答题</div>
-              </div>
-              <div
-                v-if="toolsList[0].tools[howTools] == 13"
-                class="tools_child_box"
-              >
-                <div class="tools_title">
-                  <span>分小组</span>
-                  <div>
-                    <img
-                      src="../assets/full.png"
-                      class="full"
-                      @click="fullTools"
-                    />
-                  </div>
-                </div>
-                <div>分小组</div>
-              </div>
               <div
                 id="shishi_loading"
                 style="
@@ -541,26 +257,26 @@
                   align-items: center;
                 "
               >
-              <div style="color: #fff;padding: 15px;background: #00000070;border-radius: 5px;font-size: 18px;display:flex;align-items:center;">
-                <img src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif" alt="" style="width: 26px;margin-right: 10px;">
-                <span>上传中...</span>
-              </div>
-              </div>
-              <div class="nextStepBox" v-if="toolsList[0].tools.length > 1">
-                <!-- <div
-                  class="nextStepOne"
-                  @click="howTools--"
-                  v-if="howTools != 0"
-                >
-                  上一步
-                </div>
                 <div
-                  class="nextStepOne"
-                  @click="howTools++"
-                  v-if="howTools != toolsList[0].tools.length - 1"
+                  style="
+                    color: #fff;
+                    padding: 15px;
+                    background: #00000070;
+                    border-radius: 5px;
+                    font-size: 18px;
+                    display: flex;
+                    align-items: center;
+                  "
                 >
-                  下一步
-                </div>-->
+                  <img
+                    src="https://pbl.cocorobo.cn/pbl-student-table/dist/js/loading.gif"
+                    alt
+                    style="width: 26px; margin-right: 10px"
+                  />
+                  <span>上传中...</span>
+                </div>
+              </div>
+              <div class="nextStepBox">
                 <div class="nextStepOne" @click="isBlock = 4">返回</div>
               </div>
               <div
@@ -586,63 +302,8 @@
                 />
               </div>
             </div>
-            <!-- <div v-if="toolCount == 0" style="height: 100%">
-              <iframe
-                style="width: 100%; height: 100%; border: none"
-                src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
-              ></iframe>
-            </div>
-            <div v-if="toolCount == 1" style="height: 100%">
-              <iframe
-                style="width: 100%; height: 100%; border: none"
-                src="https://iwb.cocorobo.cn/"
-              ></iframe>
-            </div>
-            <div v-if="toolCount == 2" style="height: 90%">
-              <iframe
-                style="width: 100%; height: 100%; border: none"
-                src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
-              ></iframe>
-            </div>-->
-            <!-- <div class="toolList">
-              <div class="tools">
-                <div>
-                  <img
-                    src="../assets/icon/mindNetwork.png"
-                    alt=""
-                    @click="addTool(7)"
-                  />
-                </div>
-                <div>思维网格</div>
-              </div>
-              <div class="tools">
-                <div>
-                  <img
-                    src="../assets/icon/whiteBoard.png"
-                    alt=""
-                    @click="addTool(1)"
-                  />
-                </div>
-                <div>电子白板</div>
-              </div>
-              <div class="tools">
-                <div>
-                  <img
-                    src="../assets/icon/secondToolList/mindMapping.png"
-                    alt=""
-                    @click="addTool(3)"
-                  />
-                </div>
-                <div>思维导图</div>
-              </div>
-            </div>-->
-            <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
           </div>
-          <div
-            class="answerBox"
-            v-if="isBlock == 3"
-            style="padding: 0 0 0 25px"
-          >
+          <div class="answerBox" v-if="isBlock == 3" style="padding: 0 0 0 25px">
             <div>
               <div class="score_box">
                 <span>自我评价</span>
@@ -668,148 +329,20 @@
             <span
               slot="footer"
               class="dialog-footer sztFooter"
-              style="
-                padding: 0 0 30px 0px;
-                position: absolute;
-                right: 20px;
-                bottom: 0;
-              "
+              style="padding: 0 0 30px 0px; position: absolute; right: 20px; bottom: 0"
             >
               <el-button @click="isBlock = 0">取消</el-button>
-              <el-button type="primary" @click="dialogVisible = true"
-                >确定</el-button
-              >
+              <el-button type="primary" @click="dialogVisible = true">确定</el-button>
             </span>
           </div>
         </div>
       </div>
-      <!-- <div v-if="steps == 3" style="width: 40%; height: 96%">
-        <div
-          style="
-            box-sizing: border-box;
-            background: rgb(255, 255, 255);
-            width: 96%;
-            height: 96%;
-            margin: 10px auto;
-            overflow: auto;
-            position: relative;
-          "
-        >
-          <div class="close" @click="(steps = 0), (type = 0)">
-            <img src="../assets/icon/close.png" alt />
-          </div>
-
-          <div style="color: #b6b6b6; font-size: 20px; padding: 20px">上传作业</div>
-          <div
-            style="
-              display: flex;
-              flex-direction: row;
-              flex-wrap: wrap;
-              justify-content: flex-start;
-              align-items: flex-start;
-              margin-bottom: 30px;
-            "
-          >
-            <div v-if="upload[0].upImg.length > 0" class="hengCss">
-              <div
-                v-for="(uImg, imgIndex) in upload[0].upImg"
-                :key="imgIndex"
-                class="uploadImgPic"
-              >
-                <img :src="uImg.url" alt />
-                <div>{{ uImg.name }}</div>
-                <div class="deleteWord" @click="clean(1)">
-                  <img src="../assets/icon/delete.png" alt />
-                </div>
-              </div>
-            </div>
-            <div
-              class="uploadImg"
-              @click="addImg($event)"
-              v-if="upload[0].upImg.length == 0"
-            >
-              <img src="../assets/icon/uploadImg.png" alt />
-              <input
-                type="file"
-                accept="image/png, image/gif, image/jpeg"
-                style="display: none"
-                @change="beforeUpload1($event, 1)"
-              />
-              <div style="text-align: center; color: rgb(182, 182, 182); font-size: 20px">
-                上传截图
-              </div>
-            </div>
-      </div>-->
-      <!-- <div
-            style="
-              display: flex;
-              flex-direction: row;
-              flex-wrap: wrap;
-              justify-content: flex-start;
-              align-items: flex-start;
-              margin-bottom: 30px;
-            "
-          >
-            <div v-if="upload[0].upVedio.length > 0" class="hengCss">
-              <div
-                v-for="(uVedio, vedioIndex) in upload[0].upVedio"
-                :key="vedioIndex"
-                class="uploadImgPic"
-              >
-                <img src="../assets/uploadMp4.png" alt="" />
-                <div>{{ uVedio.name }}</div>
-                <div class="deleteWord" @click="clean(2)">
-                  <img src="../assets/icon/delete.png" alt="" />
-                </div>
-              </div>
-            </div>
-            <div class="uploadImg" @click="addImg($event)">
-              <img src="../assets/icon/uploadVedio.png" alt="" />
-              <input
-                type="file"
-                accept="video/mp4,video/quicktime,video/x-msvideo"
-                style="display: none"
-                @change="beforeUpload1($event, 2)"
-              />
-              <div
-                style="
-                  text-align: center;
-                  color: rgb(182, 182, 182);
-                  font-size: 20px;
-                "
-              >
-                上传视频
-              </div>
-            </div>
-      </div>-->
-      <!-- <div style="padding-left: 25px"><span style="color: red">*</span> 简要描述</div>
-          <div style="padding: 10px 0 0 25px">
-            <textarea
-              rows="6"
-              class="binfo_input"
-              cols
-              style="width: 95%; height: 120px"
-              v-model="upload[0].upIntro"
-            ></textarea>
-          </div>
-          <span
-            slot="footer"
-            class="dialog-footer sztFooter"
-            style="padding: 10% 10px 50px 0px"
-          >
-            <el-button @click="steps = 1">返回答题</el-button>
-            <el-button type="primary" @click="addWork">确定</el-button>
-          </span>
-        </div>
-      </div>-->
     </div>
 
     <div class="blackBottomB"></div>
     <div v-if="proVisible" class="mask">
       <div class="progressBox">
-        <div class="lbox">
-          <img src="../assets/loading.gif" />上传中，请稍后
-        </div>
+        <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
         <el-progress
           :text-inside="true"
           :stroke-width="20"
@@ -860,7 +393,7 @@ export default {
     return {
       iframeInnerHtml: "",
       pdfUrl:
-        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/0629%E5%AE%9E%E6%97%B6%E8%AF%BE%E5%A0%82%E6%A8%A1%E6%8B%9F%E6%BC%94%E7%A4%BA%E8%AF%BE%E4%BB%B61656920880446.pdf",
+        "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E4%B8%8A%E8%AF%BE%E8%AF%BE%E4%BB%B6---%E4%BA%94%E4%B8%8Bintroduce%20a%20festival%20%28Final%20%29_202208231345451661233676307.pdf",
       ppage: 2,
       full: false,
       pageTotal: 0,
@@ -902,16 +435,14 @@ export default {
       tools: [
         "",
         "",
-        { tools: [9] }, //选择题
+        "", //选择题
         "", //倒计时
         "", //问答题
         "", //问答题
-        { tools: [3] }, //思维导图/电子白板
-        { tools: [12] }, //选人回答
+        "", //思维导图/电子白板
+        "", //选人回答
         "", //倒计时、分小组
-        { tools: [3] }, //思维导图/电子白板/思维网格
-        { tools: [14] }, //查看作业
-        { tools: [14] }, //查看作业
+        "", //思维导图/电子白板/思维网格
         "", //查看作业
         //1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价
       ],
@@ -958,14 +489,11 @@ export default {
     },
     //uuid生成
     guid() {
-      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
-        /[xy]/g,
-        function (c) {
-          var r = (Math.random() * 16) | 0,
-            v = c == "x" ? r : (r & 0x3) | 0x8;
-          return v.toString(16);
-        }
-      );
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0,
+          v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
     },
     time() {
       if (!this.now) {
@@ -1254,7 +782,7 @@ export default {
       console.log(iframeIh);
 
       // var iframeHtml = this.$refs.whiteBoard;
-      document.getElementById("shishi_loading").style.display="flex"
+      document.getElementById("shishi_loading").style.display = "flex";
       var _ajs = iframeHtml.contentWindow.document.createElement("script");
       _ajs.type = "text/javascript";
       _ajs.innerHTML =
@@ -1325,48 +853,34 @@ export default {
       if (page == this.pageTotal) {
         this.isBlock = 3;
       } else {
-        if (this.ppage < 3) {
-          this.isBlock = 0;
-        }
-        if (this.ppage == 3) {
+        this.isBlock = 0;
+        if (this.tools[page - 1].tools && this.tools[page - 1].tools.indexOf(9) != -1) {
           this.isBlock = 1;
         }
-        if (this.ppage > 3) {
-          this.isBlock = 2;
-        }
+        // if (this.ppage > 3) {
+        //   this.isBlock = 2;
+        // }
         this.full = false;
         this.howTools = 0;
         this.toolCount = 0;
         if (
-          this.toolsList.length > 0 &&
-          this.ppage > 2 &&
-          this.tools[page - 1].tools
-        ) {
-          this.toolsList = [];
-          this.toolsList.push({ tools: this.tools[page - 1].tools });
-        } else if (this.ppage > 2 && this.tools[page - 1].tools) {
-          this.toolsList.push({ tools: this.tools[page - 1].tools });
-        } else {
-          this.toolsList[0].tools = [];
-        }
-        if (
-          this.toolsList[0].tools &&
-          (this.toolsList[0].tools[0] == 14 || this.toolsList[0].tools[0] == 12)
+          this.tools[page - 1].tools &&
+          (this.tools[page - 1].tools[0] == 14 || this.tools[page - 1].tools[0] == 12)
         ) {
           this.isBlock = 0;
         }
         if (
-          this.toolsList[0].tools &&
-          (this.toolsList[0].tools.indexOf(1) != -1 ||
-            this.toolsList[0].tools.indexOf(3) != -1 ||
-            this.toolsList[0].tools.indexOf(7) != -1)
+          this.tools[page - 1].tools &&
+          (this.tools[page - 1].tools.indexOf(1) != -1 ||
+            this.tools[page - 1].tools.indexOf(3) != -1 ||
+            this.tools[page - 1].tools.indexOf(7) != -1)
         ) {
           this.isBlock = 4;
         }
-        if (this.toolsList[0].tools && this.toolsList[0].tools.length > 1) {
+        if (this.tools[page - 1].tools && this.tools[page - 1].tools.length > 1) {
           this.isBlock = 4;
         }
-        if (this.toolsList[0].tools && !this.toolsList[0].tools.length) {
+        if (this.tools[page - 1].tools && !this.tools[page - 1].tools.length) {
           this.isBlock = 0;
         }
       }
@@ -1413,25 +927,17 @@ export default {
             "https://pbl.cocorobo.cn/pbl-student-table/dist/aws-sdk-2.235.1.min.js";
           const script3 = document.createElement("script");
           script3.type = "text/javascript";
-          script3.src =
-            "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
+          script3.src = "https://html2canvas.hertzen.com/dist/html2canvas.min.js";
           const script4 = document.createElement("script");
           script4.type = "text/javascript";
-          script4.src =
-            "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
+          script4.src = "https://pbl.cocorobo.cn/pbl-student-table/dist/jietu.js";
 
           if (_this.toolCount == 1) {
             _this.$refs.whiteBoard.onload = () => {
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
-                script1
-              );
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
-                script2
-              );
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script1);
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script2);
               // _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script3);
-              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(
-                script4
-              );
+              _this.$refs.whiteBoard.contentWindow.document.body.appendChild(script4);
             };
           } else if (_this.toolCount == 3) {
             _this.$refs.mind.onload = () => {