工具修改

src/components/pages/liveRoom.vue

@@ -15,17 +15,27 @@
         <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>
     <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"
           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%" :getPage="getPage"></pdf>
+        <pdf
+          :pdfUrl="pdfUrl"
+          style="width: 100%; height: 100%"
+          :getPage="getPage"
+        ></pdf>
       </div>
       <div
         style="
@@ -36,10 +46,16 @@
           overflow: auto;
           padding: 0px 0 50px;
         "
-        v-if="isBlock == 1 || isBlock == 2 || isBlock == 6"
+        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">
             <div class="answerTimuBox" v-for="item in 1" :key="item">
@@ -52,16 +68,18 @@
                 <span>C</span>
                 <span>D</span>
               </div>
-              <el-button style="margin: 0 auto" @click="showMember(item)">开始答题</el-button>
+              <!-- <el-button style="margin: 0 auto" @click="showMember(item)">开始答题</el-button> -->
             </div>
           </div>
-          <div class="answerBox" v-if="isBlock == 2 || isBlock == 6">
-            <div class="memberBox" v-if="isBlock == 2">
+          <div class="answerBox" v-if="isBlock == 1 || isBlock == 6">
+            <div class="memberBox" v-if="isBlock == 1">
               <div
                 :class="{ pAnswer: item.is == 2 }"
                 v-for="(item, index) in studentArray"
                 :key="index"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
             </div>
             <div class="memberBox" v-if="isBlock == 6">
               <div
@@ -69,12 +87,22 @@
                 v-for="(item, index) in studentArray2"
                 :key="index"
                 @click="whoAnswer(item, index)"
-              >{{ item.name }}</div>
+              >
+                {{ item.name }}
+              </div>
             </div>
-            <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 2">正在答题......</div>
-            <div class="viewSta" @click="isBlock = 3" v-if="isBlock == 2">查看数据统计</div>
-            <span slot="footer" class="dialog-footer sztFooter" v-if="isBlock == 6">
-              <el-button type="primary" @click="isBlock = 0">关闭</el-button>
+            <div style="color: #948bdc; padding-top: 15px" v-if="isBlock == 1">
+              正在答题......
+            </div>
+            <div class="viewSta" @click="isBlock = 3" v-if="isBlock == 1">
+              查看数据统计
+            </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>
           </div>
@@ -116,11 +144,187 @@
           </div>
           <span slot="footer" class="dialog-footer sztFooter">
             <el-button type="primary" @click="isBlock = 0">关闭</el-button>
-            <el-button type="primary" @click="isBlock = 2">返回</el-button>
+            <el-button type="primary" @click="isBlock = 1">返回</el-button>
           </span>
         </div>
       </div>
-      <div class="answerBox tools_box" :class="{ fullStyle: full }" v-if="isBlock == 5">
+      <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="
+            margin: 20px 0 20px 0;
+            border-bottom: 4px solid #3e86f3;
+            width: 75px;
+            text-align: center;
+            padding-bottom: 3px;
+          "
+        >
+          选择工具
+        </div>
+        <div
+          style="
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            width: 100%;
+            justify-content: flex-start;
+            align-items: center;
+          "
+        >
+          <div
+            v-if="toolsList[0].tools.indexOf(1) != -1"
+            @click="(isBlock = 5), (toolCount = 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="(isBlock = 5), (toolCount = 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="(isBlock = 5), (toolCount = 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=""
+              />
+              <div>思维导图</div>
+            </div>
+          </div>
+          <div
+            v-if="toolsList[0].tools.indexOf(4) != -1"
+            @click="(isBlock = 5), (toolCount = 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"
+            @click="(isBlock = 5), (toolCount = 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"
+            @click="(isBlock = 5), (toolCount = 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=""
+              />
+              <div>思维网格</div>
+            </div>
+          </div>
+          <div
+            v-if="toolsList[0].tools.indexOf(8) != -1"
+            @click="(isBlock = 5), (toolCount = 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
+        class="answerBox tools_box"
+        :class="{ fullStyle: full }"
+        v-if="isBlock == 5"
+      >
         <!-- <div
           style="
             border-bottom: 3px solid rgb(44, 131, 238);
@@ -133,22 +337,41 @@
           选择工具
         </div>-->
         <div style="height: 100%; width: 100%">
-          <div v-if="toolsList[0].tools[howTools] == 1" class="tools_child_box">
+          <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 style="width: 100%; height: 100%; border: none" src="https://iwb.cocorobo.cn/"></iframe>
+            <iframe
+              style="width: 100%; height: 100%; border: none"
+              src="https://iwb.cocorobo.cn/"
+            ></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" />
-                <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
@@ -156,12 +379,20 @@
               src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/note"
             ></iframe>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 3" class="tools_child_box">
+          <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/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
@@ -173,8 +404,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
@@ -186,8 +425,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
@@ -195,12 +442,20 @@
               src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
             ></iframe>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 7" class="tools_child_box">
+          <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/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
@@ -212,8 +467,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
@@ -225,59 +488,116 @@
             <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>
             <div>选择题</div>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 10" class="tools_child_box">
+          <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" />
-                <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>
             <div>倒计时</div>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 11" class="tools_child_box">
+          <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" />
-                <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>
             <div>问答题</div>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 13" class="tools_child_box">
+          <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" />
-                <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>
             <div>分小组</div>
           </div>
-          <div v-if="toolsList[0].tools[howTools] == 14" class="tools_child_box">
+          <div
+            v-if="toolsList[0].tools[howTools] == 14"
+            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>
             <div>作业评价</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 != 0">
+              上一步
+            </div>
             <div
               class="nextStepOne"
               @click="howTools++"
-              v-if="howTools != toolsList[0].tools.length -1"
-            >下一步</div>
+              v-if="howTools != toolsList[0].tools.length - 1"
+            >
+              下一步
+            </div> -->
+            <div class="nextStepOne" @click="isBlock = 2">返回</div>
           </div>
         </div>
         <!-- <div v-if="toolCount == 0" style="height: 90%">
@@ -297,8 +617,8 @@
             style="width: 100%; height: 100%; border: none"
             src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
           ></iframe>
-        </div>-->
-        <!-- <div class="nextStepOne" @click="nextTool">下一步</div> -->
+        </div>
+        <div class="nextStepOne" @click="nextTool">下一步</div> -->
       </div>
 
       <div
@@ -322,7 +642,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">
@@ -349,10 +671,12 @@
 
     <div class="blackBottomB">
       <div style="display: flex">
-        <div class="blackButton" @click="answerWork" v-if="steps == 3">开始答题</div>
+        <div class="blackButton" @click="showMember(0)" v-if="steps == 3">
+          开始答题
+        </div>
         <div
           class="blackButton"
-          @click="isBlock = 5"
+          @click="isBlock = 2"
           v-if="
             4 <= steps &&
             steps <= 12 &&
@@ -360,9 +684,19 @@
             steps != 11 &&
             steps != 12
           "
-        >查看工具</div>
-        <div class="blackButton" @click="checkStudentAnswer" v-if="steps == 8">选择学生回答</div>
-        <div class="blackButton" @click="isBlock = 4" v-if="steps == 11 || steps == 12">查看作业</div>
+        >
+          查看工具
+        </div>
+        <div class="blackButton" @click="checkStudentAnswer" v-if="steps == 8">
+          选择学生回答
+        </div>
+        <div
+          class="blackButton"
+          @click="isBlock = 4"
+          v-if="steps == 11 || steps == 12"
+        >
+          查看作业
+        </div>
       </div>
       <!-- <div
         class="blackButton"
@@ -380,9 +714,9 @@
       :before-close="handleClose"
       class="dialog_diy"
     >
-      <div
-        style="text-align: center; padding: 20px 0 50px 0; font-size: 18px"
-      >是否让“{{ answerStudent }}”同学进行单独答题？</div>
+      <div style="text-align: center; padding: 20px 0 50px 0; font-size: 18px">
+        是否让“{{ answerStudent }}”同学进行单独答题？
+      </div>
       <div
         style="
           width: 200px;
@@ -396,7 +730,9 @@
           cursor: pointer;
         "
         @click="dialogVisible = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible1"
@@ -405,7 +741,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;
@@ -419,7 +757,9 @@
           cursor: pointer;
         "
         @click="dialogVisible1 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="dialogVisible2"
@@ -428,7 +768,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;
@@ -442,7 +784,9 @@
           cursor: pointer;
         "
         @click="dialogVisible2 = false"
-      >确定</div>
+      >
+        确定
+      </div>
     </el-dialog>
     <ImgDraw :drawShow="drawShow" @closeDraw="closeDraw" :bg="bg"></ImgDraw>
   </div>
@@ -588,13 +932,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) {
@@ -652,9 +997,9 @@ export default {
       //   this.toolCount = 0;
       // }
     },
-    answerWork() {
-      this.isBlock = 1;
-    },
+    // answerWork() {
+    //   this.isBlock = 1;
+    // },
     checkStudentAnswer() {
       this.isBlock = 6;
       for (var i = 0; i < this.studentArray.length; i++) {
@@ -663,7 +1008,7 @@ export default {
     },
     showMember(i) {
       let _this = this;
-      this.isBlock = 2;
+      this.isBlock = 1;
       setTimeout(() => {
         for (var i = 0; i < 10; i++) {
           var a = _this.randomNum(0, _this.studentArray.length - 1);
@@ -788,7 +1133,7 @@ export default {
     },
     closeTools() {
       this.full = false;
-      this.isBlock = 0;
+      this.isBlock = 2;
     },
   },
   created() {
@@ -1143,4 +1488,26 @@ img {
   width: 100% !important;
   max-width: 100% !important;
 }
+
+.toolCss {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  width: calc(100% / 6);
+  align-items: center;
+  text-align: center;
+}
+.toolImg {
+  width: 70px;
+  height: 70px;
+  cursor: pointer;
+}
+.toolImg > img {
+  width: 100%;
+  height: 100%;
+  margin: 0 !important;
+}
+.toolImg > div {
+  font-size: 14px;
+}
 </style>