一页ppt只要一个工具，不需要侧边展示多个工具，左下角直接打开工具

src/components/pages/liveRoom.vue

@@ -23,11 +23,17 @@
         <div class="logoLive">
           <img src="../../assets/icon/logo.png" alt />
         </div>
-        <div style="color: #fff; line-height: 45px; padding-left: 15px">introduce a festival (Final)</div>
+        <div style="color: #fff; line-height: 45px; padding-left: 15px">
+          introduce a festival (Final)
+        </div>
       </div>
     </div>
     <div class="isNoOther">
-      <div class="imgMiddle" :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'" v-show="!full">
+      <div
+        class="imgMiddle"
+        :class="isBlock > 0 ? 'imghalf' : 'imgMiddle'"
+        v-show="!full"
+      >
         <!-- <img src="../../assets/icon/kc1.png" alt /> -->
         <!-- <iframe
           style="width: 100%; height: 100%; border: none"
@@ -39,13 +45,17 @@
           :getPage="getPage"
           @getWidth="getWidth"
         ></pdf>
-        <div class="workd_media" v-if="videoBlock == 9" :style="{ width: Vwidth }">
+        <div
+          class="workd_media"
+          v-if="videoBlock == 9"
+          :style="{ width: Vwidth }"
+        >
           <video-player
             class="video-player vjs-custom-skin"
             :playsinline="true"
             :options="playerO[0]"
             @play="onPlayerPlay($event)"
-            style="width: 100%; height: 100%;"
+            style="width: 100%; height: 100%"
           ></video-player>
         </div>
       </div>
@@ -60,8 +70,14 @@
         "
         v-if="isBlock == 1 || isBlock == 6"
       >
-        <div style="background: #fff; height: 92%; width: 96%; margin: 10px auto">
-          <div style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px">答题查看</div>
+        <div
+          style="background: #fff; height: 92%; width: 96%; margin: 10px auto"
+        >
+          <div
+            style="color: #bfbfbf; padding: 15px 0 20px 25px; font-size: 20px"
+          >
+            答题查看
+          </div>
           <div class="answerBox" v-if="isBlock == 1 || isBlock == 6">
             <div class="memberBox" v-if="isBlock == 1">
               <div
@@ -69,7 +85,9 @@
                 v-for="(item, index) in studentArray"
                 @click="getOAnswer(item.answer, item.name)"
                 :key="index"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
             </div>
             <div class="memberBox" v-if="isBlock == 6">
               <div
@@ -78,7 +96,9 @@
                 v-for="(item, index) in studentArray2"
                 :key="index"
                 @click="whoAnswer(item, index)"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
               <div v-if="studentArray2.length == 0">暂无学生</div>
             </div>
             <!-- <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 1">
@@ -92,7 +112,9 @@
                 tools[steps].tools &&
                 tools[steps].tools.indexOf(9) != -1
               "
-            >查看数据统计</div>
+            >
+              查看数据统计
+            </div>
             <div
               class="viewSta"
               @click="isBlock = 14"
@@ -101,8 +123,14 @@
                 tools[steps].tools &&
                 tools[steps].tools.indexOf(27) != -1
               "
-            >查看所有学生答题情况</div>
-            <span slot="footer" class="dialog-footer sztFooter" v-if="isBlock == 6">
+            >
+              查看所有学生答题情况
+            </div>
+            <span
+              slot="footer"
+              class="dialog-footer sztFooter"
+              v-if="isBlock == 6"
+            >
               <el-button type="primary" @click="isBlock = 0">结束</el-button>
               <!-- <el-button type="primary" @click="isBlock = 2">返回</el-button> -->
             </span>
@@ -148,7 +176,11 @@
           </span>
         </div>
       </div>
-      <div class="answerBox tools_box" v-if="isBlock == 2" style="padding: 10px 0 0 25px">
+      <div
+        class="answerBox tools_box"
+        v-if="isBlock == 2"
+        style="padding: 10px 0 0 25px"
+      >
         <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
         <div
           style="
@@ -158,7 +190,9 @@
             text-align: center;
             padding-bottom: 3px;
           "
-        >选择工具</div>
+        >
+          选择工具
+        </div>
         <div
           style="
             display: flex;
@@ -229,7 +263,10 @@
               <div>思维网格</div>
             </div>
           </div>
-          <div v-if="tools[steps].tools && tools[steps].tools.indexOf(10) != -1" class="toolCss">
+          <div
+            v-if="tools[steps].tools && tools[steps].tools.indexOf(10) != -1"
+            class="toolCss"
+          >
             <div class="toolImg" @click="timeDialogVisible = true">
               <img src="../../assets/icon/thirdToolList/time.png" alt />
               <div>倒计时</div>
@@ -240,14 +277,26 @@
           <div class="nextStepOne" @click="isBlock = 0">关闭</div>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 5">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 5"
+      >
         <div style="height: 100%; width: 100%">
           <div v-if="toolCount == 1" class="tools_child_box">
             <div class="tools_title">
               <span>电子白板</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -262,8 +311,16 @@
             <div class="tools_title">
               <span>思维导图</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -278,8 +335,16 @@
             <div class="tools_title">
               <span>翻译</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -294,8 +359,16 @@
             <div class="tools_title">
               <span>协同文档</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -310,8 +383,16 @@
             <div class="tools_title">
               <span>思维网格</span>
               <div>
-                <img src="../../assets/full.png" class="full" @click="fullTools" />
-                <img src="../../assets/close1.png" class="closeImg" @click="closeTools" />
+                <img
+                  src="../../assets/full.png"
+                  class="full"
+                  @click="fullTools"
+                />
+                <img
+                  src="../../assets/close1.png"
+                  class="closeImg"
+                  @click="closeTools"
+                />
               </div>
             </div>
             <iframe
@@ -322,9 +403,11 @@
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
             ></iframe>
           </div>
-          <div class="nextStepBox">
-            <div class="nextStepOne" @click="(isBlock = 2), (full = false)">返回</div>
-          </div>
+          <!-- <div class="nextStepBox">
+            <div class="nextStepOne" @click="(isBlock = 2), (full = false)">
+              返回
+            </div>
+          </div> -->
         </div>
       </div>
       <div
@@ -348,7 +431,9 @@
             height: 25px;
             line-height: 25px;
           "
-        >查看作业</div>
+        >
+          查看作业
+        </div>
         <div class="workBox">
           <div class="works" v-for="(w, wIndex) in worksList" :key="wIndex">
             <div class="workImg">
@@ -395,7 +480,9 @@
           margin: 10px 15px;
         "
       >
-        <div style="color: #bfbfbf; padding: 15px 0 15px 0; font-size: 20px">课堂评价</div>
+        <div style="color: #bfbfbf; padding: 15px 0 15px 0; font-size: 20px">
+          课堂评价
+        </div>
         <div>
           <div class="score_box">
             <span>自我评价</span>
@@ -432,7 +519,11 @@
         </span>
       </div>
 
-      <div class="answerBox tools_box" v-if="isBlock == 8" style="padding: 10px 0 0 25px">
+      <div
+        class="answerBox tools_box"
+        v-if="isBlock == 8"
+        style="padding: 10px 0 0 25px"
+      >
         <div style="color: #d1d1d1; font-size: 24px">课堂实践</div>
         <div
           style="
@@ -442,7 +533,9 @@
             text-align: center;
             padding-bottom: 3px;
           "
-        >选择附件</div>
+        >
+          选择附件
+        </div>
         <div
           style="
             display: flex;
@@ -453,20 +546,35 @@
             align-items: center;
           "
         >
-          <div v-if="tools[steps].file && tools[steps].file.length" class="fileBox">
-            <div class="fileListCss" v-for="(v, vIndex) in videoList" :key="vIndex">
+          <div
+            v-if="tools[steps].file && tools[steps].file.length"
+            class="fileBox"
+          >
+            <div
+              class="fileListCss"
+              v-for="(v, vIndex) in videoList"
+              :key="vIndex"
+            >
               <div class="fileCss" @click="playVideo(v.src, vIndex)">
                 <img src="../../assets/uploadMp4.png" alt />
               </div>
               <div>{{ v.name }}</div>
             </div>
-            <div class="fileListCss" v-for="(v, vIndex) in videoList2" :key="vIndex">
+            <div
+              class="fileListCss"
+              v-for="(v, vIndex) in videoList2"
+              :key="vIndex"
+            >
               <div class="fileCss" @click="playVideo2(v.src, vIndex)">
                 <img src="../../assets/uploadMp4.png" alt />
               </div>
               <div>{{ v.name }}</div>
             </div>
-            <div class="fileListCss" v-for="(f, fIndex) in fileList" :key="fIndex">
+            <div
+              class="fileListCss"
+              v-for="(f, fIndex) in fileList"
+              :key="fIndex"
+            >
               <div class="fileCss" @click="openFile(f.src)">
                 <img src="../../assets/file.png" alt />
               </div>
@@ -497,9 +605,16 @@
         </div>
       </div>-->
 
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 10">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 10"
+      >
         <div style="height: 70%; width: 100%">
-          <div class="wheel" style="height: 520px; width: 100%; margin: 0 0 20px 30px">
+          <div
+            class="wheel"
+            style="height: 520px; width: 100%; margin: 0 0 20px 30px"
+          >
             <iframe
               webkitallowfullscreen
               mozallowfullscreen
@@ -516,12 +631,18 @@
       <div class="answerBox tools_box" v-if="isBlock == 11">
         <div style="height: 100%; width: 100%">
           <div class="wheel" style="height: 80%; width: 100%">
-            <div class="memberBox" style="max-height: 100%" v-if="worksList.length">
+            <div
+              class="memberBox"
+              style="max-height: 100%"
+              v-if="worksList.length"
+            >
               <div
                 v-for="(item, index) in worksList"
                 :key="index"
                 @click="getEv(item.upload, item.sName)"
-              >{{ item.sName }}</div>
+              >
+                {{ item.sName }}
+              </div>
             </div>
             <div v-else>暂无学生评价</div>
           </div>
@@ -535,21 +656,10 @@
           <div class="wheel" style="height: 80%; width: 100%">
             <div style="height: 100%; overflow: auto">
               <div style="margin-bottom: 20px">{{ Sname }}</div>
-              <div class="score_box">
-                <span>聚焦主题</span>
-                <el-rate v-model="rate.ca" disabled></el-rate>
-              </div>
-              <div class="score_box">
-                <span>有开头结尾</span>
-                <el-rate v-model="rate.sia" disabled></el-rate>
-              </div>
-              <div class="score_box">
-                <span>语言正确,流畅</span>
-                <el-rate v-model="rate.zia" disabled></el-rate>
-              </div>
-              <div class="score_box">
-                <span>书写规范,美观</span>
-                <el-rate v-model="rate.qia" disabled></el-rate>
+              <div class="score_box" v-for="(ra, raIndex) in tools[steps].rateArray"
+                :key="raIndex">
+                <span>{{ ra }}</span>
+                <el-rate v-model="rate[raIndex]" disabled></el-rate>
               </div>
             </div>
           </div>
@@ -569,8 +679,14 @@
                 "
               >
                 <div v-for="(tk, tIndex) in 7" :key="tIndex" class="tkCss">
-                  <div style="margin-right: 10px; font-size: 18px">{{ tIndex + 1 }}、</div>
-                  <el-select v-model="tkAnswer[tIndex]" placeholder="请选择答案" disabled>
+                  <div style="margin-right: 10px; font-size: 18px">
+                    {{ tIndex + 1 }}、
+                  </div>
+                  <el-select
+                    v-model="tkAnswer[tIndex]"
+                    placeholder="请选择答案"
+                    disabled
+                  >
                     <el-option
                       v-for="(tkA, tkAIndex) in tkAnswerBox"
                       :key="tkAIndex"
@@ -582,23 +698,52 @@
                     v-if="tiankongAnswer.length"
                     class="tiankongAnswer"
                     :class="{
-                    tfalse: tiankongAnswer[tIndex] != tkAnswer[tIndex],
-                  }"
-                  >正确答案：{{ tiankongAnswer[tIndex] }}</span>
+                      tfalse: tiankongAnswer[tIndex] != tkAnswer[tIndex],
+                    }"
+                    >正确答案：{{ tiankongAnswer[tIndex] }}</span
+                  >
                 </div>
               </div>
-              <div v-if="tools[steps].tools && tools[steps].tools.indexOf(9) != -1">
+              <div
+                v-if="tools[steps].tools && tools[steps].tools.indexOf(9) != -1"
+              >
                 <div class="choose_style">
-                  <span :class="tkAnswer.indexOf(1) != -1 ? 'isChoose' : ''">A</span>
-                  <span :class="tkAnswer.indexOf(2) != -1 ? 'isChoose' : ''">B</span>
-                  <span :class="tkAnswer.indexOf(3) != -1 ? 'isChoose' : ''">C</span>
-                  <span :class="tkAnswer.indexOf(4) != -1 ? 'isChoose' : ''">D</span>
+                  <span
+                    :class="tkAnswer.indexOf(1) != -1 ? 'isChoose' : ''"
+                    v-if="
+                      tools[steps].choice && tools[steps].choice > 0
+                    "
+                    >A</span
+                  >
+                  <span
+                    :class="tkAnswer.indexOf(2) != -1 ? 'isChoose' : ''"
+                    v-if="
+                      tools[steps].choice && tools[steps].choice > 1
+                    "
+                    >B</span
+                  >
+                  <span
+                    :class="tkAnswer.indexOf(3) != -1 ? 'isChoose' : ''"
+                    v-if="
+                      tools[steps].choice && tools[steps].choice > 2
+                    "
+                    >C</span
+                  >
+                  <span
+                    :class="tkAnswer.indexOf(4) != -1 ? 'isChoose' : ''"
+                    v-if="
+                      tools[steps].choice && tools[steps].choice > 3
+                    "
+                    >D</span
+                  >
                 </div>
               </div>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
-            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">返回</div>
+            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">
+              返回
+            </div>
           </div>
         </div>
       </div>
@@ -606,17 +751,24 @@
         <div style="height: 100%; width: 100%">
           <div class="wheel" style="height: 80%; width: 100%">
             <div style="height: 100%; overflow: auto">
-              <div v-for="(item, index) in worksList" :key="index" class="fill_box">
+              <div
+                v-for="(item, index) in worksList"
+                :key="index"
+                class="fill_box"
+              >
                 <span>{{ index + 1 }}、{{ item.sName }}</span>
                 <span
                   v-for="(item, index) in JSON.parse(item.upload)"
                   :key="index"
-                >{{ index + 1 }}、{{ item }}</span>
+                  >{{ index + 1 }}、{{ item }}</span
+                >
               </div>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
-            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">返回</div>
+            <div class="nextStepOne" @click="selectStudentByScoolPPt(1)">
+              返回
+            </div>
           </div>
         </div>
       </div>
@@ -629,7 +781,9 @@
                 :src="audioUrl"
                 controls="controls"
                 ref="audio"
-              >Your browser does not support the audio element.</audio>
+              >
+                Your browser does not support the audio element.
+              </audio>
             </div>
           </div>
           <div class="nextStepBox" style="margin-top: 5%">
@@ -637,7 +791,11 @@
           </div>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 16">
+      <div
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 16"
+      >
         <div style="height: 70%; width: 100%">
           <div class="wheel">
             <div style="height: 100%">
@@ -666,10 +824,12 @@
             (tools[steps].tools && tools[steps].tools.indexOf(9) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(27) != -1)
           "
-        >查看学生答题情况</div>
+        >
+          查看学生答题情况
+        </div>
         <div
           class="blackButton"
-          @click="isBlock = 2"
+          @click="lookTool"
           v-if="
             (tools[steps].tools && tools[steps].tools.indexOf(1) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(3) != -1) ||
@@ -678,12 +838,16 @@
             (tools[steps].tools && tools[steps].tools.indexOf(10) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(13) != -1)
           "
-        >查看工具</div>
+        >
+          查看工具
+        </div>
         <div
           class="blackButton"
           @click="selectStudentByScoolPPt(2)"
           v-if="tools[steps].tools && tools[steps].tools.indexOf(12) != -1"
-        >选择学生回答</div>
+        >
+          选择学生回答
+        </div>
         <div
           class="blackButton"
           @click="selectSWork2(4)"
@@ -697,12 +861,16 @@
             (tools[steps].tools && tools[steps].tools.indexOf(29) != -1) ||
             (tools[steps].tools && tools[steps].tools.indexOf(13) != -1)
           "
-        >查看作业</div>
+        >
+          查看作业
+        </div>
         <div
           class="blackButton"
           @click="selectSWork2(6)"
           v-if="tools[steps].tools && tools[steps].tools.indexOf(14) != -1"
-        >查看评价</div>
+        >
+          查看评价
+        </div>
         <!-- <div
           class="blackButton"
           @click="selectFile"
@@ -718,9 +886,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div
-        style="text-align: center; padding: 20px 0 50px 0; font-size: 18px"
-      >是否让“{{ answerStudent.name }}”同学进行单独答题？</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        是否让“{{ answerStudent.name }}”同学进行单独答题？
+      </div>
       <div
         style="
           width: 200px;
@@ -734,7 +902,9 @@
           cursor: pointer;
         "
         @click="pick"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible1"
@@ -743,7 +913,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">正在开发中！</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        正在开发中！
+      </div>
       <div
         style="
           width: 200px;
@@ -757,7 +929,9 @@
           cursor: pointer;
         "
         @click="dialogVisible1 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible2"
@@ -766,7 +940,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">课程结束后才有报告！</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        课程结束后才有报告！
+      </div>
       <div
         style="
           width: 200px;
@@ -780,7 +956,9 @@
           cursor: pointer;
         "
         @click="dialogVisible2 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       title="倒计时"
@@ -863,22 +1041,29 @@ export default {
       // }
       tools: [
         "",
+        //  {
+        //   file: [
+        //     {
+        //       name: "音频1.MP3",
+        //       src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E6%9F%B3%E8%BD%BB%E9%A2%82%20-%20%E6%BA%AF%EF%BC%88%E9%92%A2%E7%90%B4%E7%89%88%EF%BC%891661673251415.mp3",
+        //     },
+        //   ],
+        // }
         "",
         {
           file: [
             {
               name: "视频1.mp4",
-              src:
-                "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
+              src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9311661413782505.mp4",
             },
           ],
         },
-        "",
-        { tools: [9] },
-        { tools: [9] },
-        { tools: [9] },
-        { tools: [9] },
-        { tools: [9] },
+        "", //问答题
+        { tools: [9], choice: 3 },
+        { tools: [9], choice: 3 }, //协同文档
+        { tools: [9], choice: 3 }, //思维导图
+        { tools: [9], choice: 3 },
+        { tools: [9], choice: 3 },
         { tools: [12] },
         {
           tools: [27],
@@ -896,20 +1081,28 @@ export default {
           file: [
             {
               name: "视频2.mp4",
-              src:
-                "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
+              src: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%AA%92%E4%BD%9321661413797366.mp4",
             },
           ],
         },
         { tools: [9] },
-        { tools: [3, 28] },
+        { tools: [3] },
         { tools: [16] },
-        { tools: [14] },
+        {
+          tools: [14],
+          rateArray: [
+            "聚焦主题",
+            "有开头结尾",
+            "语言正确,流畅",
+            "书写规范,美观",
+          ],
+        },
         "",
         "",
         { tools: [29] },
         "",
         "",
+        //1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价 15、问答 16、作业提交 17、学习资料 18、训练平台 19、目标管理 20、课程设计 21、编程平台 22、AI体验 23、python 24、AI平台
       ],
       //1、电子白板 2、便签 3、思维导图 4、问卷调查 5、量规评分 6、协同文档 7、思维网格 8、素材库 9、选择题 10、倒计时 11、问答题 12、选人回答 13、分小组 14、老师对提交作业进行评价 15、问答 16、作业提交 17、学习资料 18、训练平台 19、目标管理 20、课程设计 21、编程平台 22、AI体验 23、python 24、AI平台
       howTools: 0,
@@ -917,11 +1110,7 @@ export default {
       worksList: [],
       toolsList: [],
       isNext: false,
-      rateList: {
-        ca: 5,
-        sia: 5,
-        content: "老师讲得真好",
-      },
+      rateList:[],
       videoList: [],
       videoList2: [], //音频
       fileList: [],
@@ -952,7 +1141,7 @@ export default {
       },
       playerO: {},
       videoindex: 0,
-      rate: {},
+      rate: [],
       tkAnswerBox: [
         "Feelings",
         "Weather",
@@ -999,13 +1188,32 @@ 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);
+        }
+      );
+    },
+    lookTool(){
+      if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(1) != -1){
+        this.toolCount = 1;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(3) != -1){
+        this.toolCount = 3;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(28) != -1){
+        this.toolCount = 28;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(4) != -1){
+        this.toolCount = 4;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(6) != -1){
+        this.toolCount = 6;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(7) != -1){
+        this.toolCount = 7;
+      }else if(this.tools[this.steps].tools && this.tools[this.steps].tools.indexOf(10) != -1){
+        this.toolCount = 10;
+      }
+      this.isBlock = 5;
     },
     time() {
       if (!this.now) {
@@ -1402,7 +1610,7 @@ export default {
     },
     closeTools() {
       this.full = false;
-      this.isBlock = 2;
+      this.isBlock = 0;
     },
     // 将网络图片转换成base64格式
     transBase64FromImage(image) {