1

src/components/easy2/studyStudent.vue

@@ -22509,6 +22509,7 @@ ol {
 }
 
 .noToolBlue{
+  min-width: 15px;
   width: 15px;
   height: 15px;
   background: #0061ff;

src/components/easy3/studyStudent.vue

@@ -13,9 +13,11 @@
     >
       <div class="btnAllNT">
         <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
-        <!-- <img
+        <img
           src="../../assets/icon/learn/addTool.png"
-        /> -->
+          @click="openToolAll"
+          style="position: relative"
+        />
         <img
           src="../../assets/icon/learn/last.png"
           @click="nextOrpreSteps(0)"
@@ -158,10 +160,16 @@
                   <div v-for="(t, toolIndex2) in nav.tool" :key="toolIndex2">
                     <div
                       class="gjCss"
-                      :class="{ isGjCss: navIndex == taskCount &&
-                        nav.id == navId &&
-                        stageIndex == courseType && toolIndex == toolIndex2 }"
-                      @click="checkBz1(stageIndex, navIndex, toolIndex2, nav.id)"
+                      :class="{
+                        isGjCss:
+                          navIndex == taskCount &&
+                          nav.id == navId &&
+                          stageIndex == courseType &&
+                          toolIndex == toolIndex2,
+                      }"
+                      @click="
+                        checkBz1(stageIndex, navIndex, toolIndex2, nav.id)
+                      "
                     >
                       <div>工具{{ toolIndex2 + 1 }}:</div>
                       <div v-if="t.tool == 58">模拟驾驶</div>
@@ -247,26 +255,40 @@
               </div>
             </div>
             <div class="btnRight">
-              <div class="last" @click="nextOrpreSteps(0)" @mouseover="isHovered = true"
-                @mouseout="isHovered = false">
+              <div
+                class="last"
+                @click="nextOrpreSteps(0)"
+                @mouseover="isHovered = true"
+                @mouseout="isHovered = false"
+              >
                 <div class="lastImg">
-                  <img :src="
+                  <img
+                    :src="
                       isHovered
                         ? require('../../assets/icon/newIcons/whiteLast.png')
                         : require('../../assets/icon/newIcons/last.png')
-                    " alt="" />
+                    "
+                    alt=""
+                  />
                 </div>
                 <div class="lastText">上一步</div>
               </div>
-              <div class="last" @click="nextOrpreSteps(1)" @mouseover="isHovered1 = true"
-                @mouseout="isHovered1 = false">
+              <div
+                class="last"
+                @click="nextOrpreSteps(1)"
+                @mouseover="isHovered1 = true"
+                @mouseout="isHovered1 = false"
+              >
                 <div class="lastText">下一步</div>
                 <div class="lastImg">
-                  <img :src="
+                  <img
+                    :src="
                       isHovered1
                         ? require('../../assets/icon/newIcons/whiteNext.png')
                         : require('../../assets/icon/newIcons/next.png')
-                    " alt="" />
+                    "
+                    alt=""
+                  />
                 </div>
               </div>
               <!-- <div class="last" @click="juriVisible = true" v-if="tType == 1">
@@ -8039,7 +8061,7 @@
               </div>
             </div>
           </div>
-          <div
+          <!-- <div
             class="vedioBox"
             style="margin-top: 10px"
             v-if="
@@ -8111,24 +8133,12 @@
                     >
                       思维类
                     </div>
-                    <!-- <div
-                        :class="toolType == 6 ? 'isChooseActive' : ''"
-                        @click="(toolType = 6), $forceUpdate()"
-                      >
-                        协作类
-                      </div> -->
                     <div
                       :class="toolType == 2 ? 'isChooseActive' : ''"
                       @click="(toolType = 2), $forceUpdate()"
                     >
                       测评类
                     </div>
-                    <!-- <div
-                        :class="toolType == 7 ? 'isChooseActive' : ''"
-                        @click="(toolType = 7), $forceUpdate()"
-                      >
-                        评价类
-                      </div> -->
                     <div
                       :class="toolType == 3 ? 'isChooseActive' : ''"
                       @click="(toolType = 3), $forceUpdate()"
@@ -8141,14 +8151,6 @@
                     >
                       学科类
                     </div>
-                    <!-- <div :class="toolType == 5 ? 'isChooseActive' : ''
-                        " @click="(toolType = 5), $forceUpdate()">
-                        学科类
-                      </div>
-                      <div :class="toolType == 4 ? 'isChooseActive' : ''
-                        " @click="(toolType = 4), $forceUpdate()">
-                        其他
-                      </div> -->
                   </div>
                 </div>
 
@@ -8401,27 +8403,6 @@
                         </div>
                       </div>
                     </div>
-                    <!-- <div class="tool">
-                      <div class="whiteBIcon" @click="addTools2(22)">
-                        <img
-                          src="../../assets/icon/fourthToolList/AIprogram2.png"
-                          alt
-                        />
-                        <div style="margin: 5px 0">AI体验</div>
-                      </div>
-                      <div class="check" @click="addTools2(22)">
-                        <img
-                          src="../../assets/icon/checkNo.png"
-                          alt
-                          v-if="checktoolArray.indexOf(22) == -1"
-                        />
-                        <div class="checkDiv" v-else>
-                          <img src="../../assets/icon/checkedIs.png" alt /><span
-                            >已选择</span
-                          >
-                        </div>
-                      </div>
-                    </div> -->
                     <div class="tool">
                       <div class="whiteBIcon" @click="addTools2(23)">
                         <img
@@ -8726,7 +8707,7 @@
                 </div>
               </div>
             </div>
-          </div>
+          </div> -->
         </div>
         <el-dialog
           title="作业提交"
@@ -8809,7 +8790,7 @@
       class="pButton"
       @click="(pzDialog = true), selectPz()"
       v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
-      style="background-image: linear-gradient(90deg, #477cd7, #65b9fc);"
+      style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
     >
       <!-- 批 -->
       <img src="../../assets/mlBtn.png" style="width: 25px" alt="" />
@@ -8872,9 +8853,9 @@
               <div class="time">
                 {{ pz.time }}
               </div>
-              <div @click="setReplyIndex(pz.id,pzIndex)">回复</div>
+              <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
             </div>
-            
+
             <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
               <div
                 v-for="(h, hIndex) in pz.hfList"
@@ -8883,13 +8864,21 @@
               >
                 <div class="whoReplyWho">
                   <div class="hfName">{{ h.username }}</div>
-                  <div class="hfImg"><img src="../../assets/icon/newIcons/right.png" alt="" /></div>
+                  <div class="hfImg">
+                    <img src="../../assets/icon/newIcons/right.png" alt="" />
+                  </div>
                   <div class="hfName">{{ pz.username }}</div>
                 </div>
                 <div class="hfContent" v-html="h.content"></div>
                 <div class="hfBottom">
                   <div class="hfTime">{{ h.time }}</div>
-                  <div class="deleteHfItem" @click="deleteReply(h.id)" v-if="userid == h.userid"><img src="../../assets/icon/newIcons/delete.png" alt="" /></div>
+                  <div
+                    class="deleteHfItem"
+                    @click="deleteReply(h.id)"
+                    v-if="userid == h.userid"
+                  >
+                    <img src="../../assets/icon/newIcons/delete.png" alt="" />
+                  </div>
                 </div>
               </div>
             </div>
@@ -8910,7 +8899,367 @@
         </div>
       </div>
     </div>
-    <div v-if="replyDialogVisible == true" class="addDialogCss" v-el-drag-dialog>
+    <div v-if="toolDialogVisible == true" class="toolMask" @click="toolDialogVisible = false"></div>
+    <div v-if="toolDialogVisible == true" class="addToolCss">
+      <div class="toolTop">
+        <div style="font-weight: bold">新增工具</div>
+        <div @click="toolDialogVisible = false">
+          <img src="../../assets/icon/close.png" class="toolClose" alt="" />
+        </div>
+      </div>
+      <div class="tool_box">
+        <div class="tool_type_box">
+          <div class="chooseWho">
+            <div
+              :class="toolType == 0 ? 'isChooseActive' : ''"
+              @click="(toolType = 0), $forceUpdate()"
+            >
+              互动类
+            </div>
+            <div
+              :class="toolType == 1 ? 'isChooseActive' : ''"
+              @click="(toolType = 1), $forceUpdate()"
+            >
+              思维类
+            </div>
+            <div
+              :class="toolType == 2 ? 'isChooseActive' : ''"
+              @click="(toolType = 2), $forceUpdate()"
+            >
+              测评类
+            </div>
+            <div
+              :class="toolType == 3 ? 'isChooseActive' : ''"
+              @click="(toolType = 3), $forceUpdate()"
+            >
+              编程类
+            </div>
+            <div
+              :class="toolType == 5 ? 'isChooseActive' : ''"
+              @click="(toolType = 5), $forceUpdate()"
+            >
+              学科类
+            </div>
+          </div>
+        </div>
+        <div>
+          <div class="toolSort" v-if="toolType == 0">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(10) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(10)">
+                <img src="../../assets/icon/thirdToolList/time.png" alt />
+                <div style="margin: 5px 0">倒计时</div>
+              </div>
+              <div class="check" @click="addTools2(10)">
+                <div v-if="checktoolArray.indexOf(10) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(65) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(65)">
+                <img src="../../assets/icon/firstToolList/pickPeople.png" alt />
+                <div style="margin: 5px 0">挑人</div>
+              </div>
+              <div class="check" @click="addTools2(65)">
+                <div v-if="checktoolArray.indexOf(65) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 1">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(7) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(7)">
+                <img
+                  src="../../assets/icon/secondToolList/mindNetwork.png"
+                  alt
+                />
+                <div style="margin: 5px 0">思维网格</div>
+              </div>
+              <div class="check" @click="addTools2(7)">
+                <div v-if="checktoolArray.indexOf(7) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(1) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(1)">
+                <img
+                  src="../../assets/icon/secondToolList/whiteBoard.png"
+                  alt
+                />
+                <div style="margin: 5px 0">电子白板</div>
+              </div>
+              <div class="check" @click="addTools2(1)">
+                <div v-if="checktoolArray.indexOf(1) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(52) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(52)">
+                <img src="../../assets/icon/fourthToolList/text.png" alt />
+                <div style="margin: 5px 0">文档</div>
+              </div>
+              <div class="check" @click="addTools2(52)">
+                <div v-if="checktoolArray.indexOf(52) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(3) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(3)">
+                <img
+                  src="../../assets/icon/secondToolList/mindMapping.png"
+                  alt
+                />
+                <div style="margin: 5px 0">思维导图</div>
+              </div>
+              <div class="check" @click="addTools2(3)">
+                <div v-if="checktoolArray.indexOf(3) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(48) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(48)">
+                <img src="../../assets/icon/fourthToolList/table.png" alt />
+                <div style="margin: 5px 0">表格</div>
+              </div>
+              <div class="check" @click="addTools2(48)">
+                <div v-if="checktoolArray.indexOf(48) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 6">
+            <div v-show="tooC == 49">
+              <img
+                @click="addTools(tooC, toolIndex, taskCount)"
+                src="../../assets/icon/fourthToolList/group.png"
+                alt
+              />
+              <div style="margin: 5px 0">学生分组</div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 2">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(16) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(16)">
+                <img src="../../assets/icon/thirdToolList/work.png" alt />
+                <div style="margin: 5px 0">作业提交</div>
+              </div>
+              <div class="check" @click="addTools2(16)">
+                <div v-if="checktoolArray.indexOf(16) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(50) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(50)">
+                <img src="../../assets/icon/thirdToolList/plwork.png" alt />
+                <div style="margin: 5px 0">批量上传</div>
+              </div>
+              <div class="check" @click="addTools2(50)">
+                <div v-if="checktoolArray.indexOf(50) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 3">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(18) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(18)">
+                <img
+                  src="../../assets/icon/thirdToolList/trainPlatform.png"
+                  alt
+                />
+                <div style="margin: 5px 0">训练平台</div>
+              </div>
+              <div class="check" @click="addTools2(18)">
+                <div v-if="checktoolArray.indexOf(18) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(21) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(21)">
+                <img src="../../assets/icon/fourthToolList/program.png" alt />
+                <div style="margin: 5px 0">AIoT Blockly</div>
+              </div>
+              <div class="check" @click="addTools2(21)">
+                <div v-if="checktoolArray.indexOf(21) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(23) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(23)">
+                <img
+                  src="../../assets/icon/fourthToolList/Pythonprogram.png"
+                  alt
+                />
+                <div style="margin: 5px 0">AI Python</div>
+              </div>
+              <div class="check" @click="addTools2(23)">
+                <div v-if="checktoolArray.indexOf(23) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(24) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(24)">
+                <img src="../../assets/icon/fourthToolList/AIprogram.png" alt />
+                <div style="margin: 5px 0">AI Blockly</div>
+              </div>
+              <div class="check" @click="addTools2(24)">
+                <div v-if="checktoolArray.indexOf(24) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(32) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(32)">
+                <img src="../../assets/icon/thirdToolList/code.png" alt />
+                <div style="margin: 5px 0">源码编辑</div>
+              </div>
+              <div class="check" @click="addTools2(32)">
+                <div v-if="checktoolArray.indexOf(32) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(57) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(57)">
+                <img src="../../assets/icon/fourthToolList/cocopi.png" alt />
+                <div style="margin: 5px 0">CocoPi</div>
+              </div>
+              <div class="check" @click="addTools2(57)">
+                <div v-if="checktoolArray.indexOf(57) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(63) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(63)">
+                <img src="../../assets/icon/fourthToolList/Wood.png" alt />
+                <div style="margin: 5px 0">海龟编程</div>
+              </div>
+              <div class="check" @click="addTools2(63)">
+                <div v-if="checktoolArray.indexOf(63) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 7">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(40) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(40)">
+                <img src="../../assets/icon/secondToolList/eval.png" alt />
+                <div style="margin: 5px 0">个人评价</div>
+              </div>
+              <div class="check" @click="addTools2(40)">
+                <div v-if="checktoolArray.indexOf(40) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 5">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(28) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(28)">
+                <img
+                  src="../../assets/icon/secondToolList/translation.png"
+                  alt
+                />
+                <div style="margin: 5px 0">翻译</div>
+              </div>
+              <div class="check" @click="addTools2(28)">
+                <div v-if="checktoolArray.indexOf(28) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(31) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(31)">
+                <img
+                  src="../../assets/icon/secondToolList/networkPanel.png"
+                  alt
+                />
+                <div style="margin: 5px 0">数字画板</div>
+              </div>
+              <div class="check" @click="addTools2(31)">
+                <div v-if="checktoolArray.indexOf(31) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(39) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(39)">
+                <img src="../../assets/icon/secondToolList/GeoGebra.png" alt />
+                <div style="margin: 5px 0">GeoGebra</div>
+              </div>
+              <div class="check" @click="addTools2(39)">
+                <div v-if="checktoolArray.indexOf(39) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(66) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(66)">
+                <img
+                  src="../../assets/icon/secondToolList/formulaEdi.png"
+                  alt
+                />
+                <div style="margin: 5px 0">公式编辑</div>
+              </div>
+              <div class="check" @click="addTools2(66)">
+                <div v-if="checktoolArray.indexOf(66) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(67)">
+                <img src="../../assets/icon/secondToolList/molStr.png" alt />
+                <div style="margin: 5px 0">分子结构</div>
+              </div>
+              <div class="check" @click="addTools2(67)">
+                <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(68) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(68)">
+                <img src="../../assets/icon/secondToolList/timeAxis.png" alt />
+                <div style="margin: 5px 0">时间轴</div>
+              </div>
+              <div class="check" @click="addTools2(68)">
+                <div v-if="checktoolArray.indexOf(68) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+          <div class="toolSort" v-if="toolType == 4">
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(26) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(26)">
+                <img
+                  src="../../assets/icon/thirdToolList/courseDesign.png"
+                  alt
+                />
+                <div style="margin: 5px 0">课程设计</div>
+              </div>
+              <div class="check" @click="addTools2(26)">
+                <div v-if="checktoolArray.indexOf(26) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+            <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(25) != -1 }">
+              <div class="whiteBIcon" @click="addTools2(25)">
+                <img src="../../assets/icon/thirdToolList/evalua.png" alt />
+                <div style="margin: 5px 0">目标管理</div>
+              </div>
+              <div class="check" @click="addTools2(25)">
+                <div v-if="checktoolArray.indexOf(25) == -1" class="noChoose"></div>
+                <div v-else class="isChoose"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer" style="display: block;text-align: center;">
+        <el-button @click="toolDialogVisible = false"
+          >取 消</el-button
+        >
+        <el-button type="primary" @click.stop="addToolChoose"
+          >确 定</el-button
+        >
+      </span>
+    </div>
+    <div
+      v-if="replyDialogVisible == true"
+      class="addDialogCss"
+      v-el-drag-dialog
+    >
       <div class="pzTop">
         <div class="teacherPz">
           <div class="teacherPzImg">
@@ -8934,15 +9283,13 @@
         <div style="height: calc(100% - 50px)">
           <editor-bar
             class="binfo_input pzConText"
-            style="width: 100% !important;margin: 0 auto"
+            style="width: 100% !important; margin: 0 auto"
             placeholder="请输入回复描述"
             v-model="reply"
             @change="change"
           ></editor-bar>
         </div>
-        <div class="addTextCss" @click="addHf">
-          确定
-        </div>
+        <div class="addTextCss" @click="addHf">确定</div>
       </div>
     </div>
     <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
@@ -12057,6 +12404,7 @@ export default {
       juriVisible: false,
       timeDialogVisible: false,
       replyDialogVisible: false,
+      toolDialogVisible: false,
       replyIndex: 0,
       replyPid: "",
       radio: [],
@@ -14839,19 +15187,21 @@ export default {
       this.isUpdateToolDetail = false;
       this.$forceUpdate();
     },
-    checkBz1(i, j, k, l){
+    checkBz1(i, j, k, l) {
       this.courseType = i;
       this.navId = l;
       this.taskCount = j;
       this.toolIndex = k;
-      this.tool =
-        this.chapInfoList[i].chapterInfo[0].taskJson[j].toolChoose[k];
+      this.tool = this.chapInfoList[i].chapterInfo[0].taskJson[j].toolChoose[k];
       this.isUpdateToolDetail = false;
       this.selectPz();
       this.getHomeWork();
       this.getCourseDetail(2);
       this.$forceUpdate();
     },
+    openToolAll() {
+      this.toolDialogVisible = true;
+    },
     nextOrpreSteps(t) {
       if (this.IsFollow && this.courseDetail.userid != this.userid) {
         this.$message.error("已经开启跟随模式，请认真跟堂听讲");
@@ -15032,9 +15382,8 @@ export default {
           }
         }
       }
-      if(this.navList[s].task[n].isOpen == true){
-        this.navList[s].task[n].isOpen =
-        !this.navList[s].task[n].isOpen;
+      if (this.navList[s].task[n].isOpen == true) {
+        this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
         return;
       }
       this.courseType = s;
@@ -15556,7 +15905,7 @@ export default {
           console.error(err);
         });
     },
-    setReplyIndex(id,i){
+    setReplyIndex(id, i) {
       this.replyIndex = i;
       this.replyPid = id;
       this.replyDialogVisible = true;
@@ -15622,7 +15971,7 @@ export default {
         })
         .catch(() => {});
     },
-    deleteReply(id){
+    deleteReply(id) {
       this.$confirm("确定删除此回复吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
@@ -18085,6 +18434,7 @@ export default {
               this.taskCount
             ].toolChoose.length - 1
           );
+          this.toolDialogVisible = false;
           this.refreshCourse();
           this.$forceUpdate();
           this.navList[this.courseType].task[this.taskCount].isOpen = true;
@@ -18946,6 +19296,8 @@ export default {
   width: 13%;
   margin: 0 30px;
   align-items: center;
+  position: relative;
+  padding: 10px 25px;
 }
 
 .whiteBIcon {
@@ -19292,7 +19644,7 @@ export default {
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
-  padding-bottom: 10px;
+  padding: 0 0 10px 0;
 }
 
 .chooseWho > div {
@@ -20029,10 +20381,10 @@ export default {
   border: 1px solid #ddebf8;
 }
 
-.noWorksName{
+.noWorksName {
   background: #fff;
-  color: #0061FF;
-  border: 1px solid #0061FF;
+  color: #0061ff;
+  border: 1px solid #0061ff;
 }
 
 .isWorksName2 {
@@ -21274,6 +21626,7 @@ export default {
 .addPzCheck .isChooseActive {
   color: #3e88f4;
   border-bottom: 2px solid #2f80f3;
+  border-bottom: 2px solid #3e87ff;
 }
 
 /* code 样式 */
@@ -21991,6 +22344,7 @@ export default {
 
 .tool_box {
   width: 100%;
+  padding: 0 0 0 20px;
 }
 
 .tool_type_box {
@@ -22008,6 +22362,8 @@ export default {
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
+  max-width: 600px;
+  padding: 0 0 15px 0;
 }
 
 .toolSort > div {
@@ -22058,6 +22414,28 @@ export default {
   height: 20px; */
   cursor: pointer;
   margin: 10px 0;
+  position: absolute;
+  right: 2px;
+  top: -5px;
+}
+
+.noChoose,.isChoose{
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  border: 1px solid #dfe2e7;
+}
+
+.isChoose{
+  border: 4px solid #0363ff !important;
+  width: 10px;
+  height: 10px
+}
+
+.isToolChoose{
+  border: 2px solid #5394ff;
+  border-radius: 5px;
+  box-shadow: 0 0 6px 0px #5394ff;
 }
 
 .checkDiv {
@@ -22261,7 +22639,7 @@ ol {
   color: #fff;
 } */
 
-.isItemList{
+.isItemList {
   color: #0061ff !important;
 }
 .navListItem {
@@ -22361,7 +22739,8 @@ ol {
   height: 100%;
 }
 
-.noToolBlue{
+.noToolBlue {
+  min-width: 15px;
   width: 15px;
   height: 15px;
   background: #0061ff;
@@ -22369,7 +22748,7 @@ ol {
   margin-left: 10px;
 }
 
-.timeAndReply{
+.timeAndReply {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -22384,24 +22763,24 @@ ol {
   padding: 0 0 0 10px;
   box-sizing: border-box;
 }
-.timeAndReply>div:last-child{
+.timeAndReply > div:last-child {
   cursor: pointer;
   color: #777;
 }
 
-.hfBox{
+.hfBox {
   padding: 10px;
   box-sizing: border-box;
 }
 
-.whoReplyWho{
+.whoReplyWho {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: baseline;
   justify-content: flex-start;
 }
-.hfBottom{
+.hfBottom {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -22409,26 +22788,26 @@ ol {
   justify-content: space-between;
   font-size: 14px;
 }
-.deleteHfItem{
+.deleteHfItem {
   cursor: pointer;
   width: 20px;
   height: 20px;
 }
 
-.deleteHfItem>img{
+.deleteHfItem > img {
   width: 100%;
   height: 100%;
 }
-.whoReplyWho>.hfImg{
+.whoReplyWho > .hfImg {
   width: 12px;
   height: 12px;
   margin: 0 5px;
 }
-.whoReplyWho>.hfImg>img{
+.whoReplyWho > .hfImg > img {
   width: 100%;
   height: 100%;
 }
-.hfContent{
+.hfContent {
   padding-top: 10px;
   box-sizing: border-box;
   display: -webkit-box;
@@ -22439,11 +22818,52 @@ ol {
   -webkit-box-orient: vertical;
 }
 
-.hfTime{
+.hfTime {
   text-align: left;
   box-sizing: border-box;
   padding: 10px 0 10px 0px;
   color: #bfbfbf;
   font-size: 14px;
 }
+.toolMask{
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  background: #3f3c3c;
+  opacity: 0.5;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}
+.addToolCss {
+  position: fixed;
+  z-index: 999;
+  background: #fff;
+  right: 15%;
+  bottom: 20%;
+  min-width: 600px;
+  min-height: 300px;
+  border-radius: 10px;
+  box-shadow: 0 0 8px 1px #b2b2b2;
+}
+.toolTop {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+}
+
+.toolTop > div:nth-child(2) {
+  width: 15px;
+  height: 15px;
+  padding-right: 10px;
+  cursor: pointer;
+}
+
+.toolTop > div:nth-child(2) > img {
+  width: 100%;
+  height: 100%;
+}
 </style>

src/components/studyStudent.vue

@@ -21493,6 +21493,7 @@ ol {
 }
 
 .noToolBlue{
+  min-width: 15px;
   width: 15px;
   height: 15px;
   background: #0061ff;