zengyicheng 1 年之前
父节点
当前提交
9f3f13f5b3
共有 3 个文件被更改,包括 135 次插入41 次删除
  1. 52 5
      src/components/pages/addCourse.vue
  2. 43 5
      src/components/pages/easy/addCourse.vue
  3. 40 31
      src/components/pages/task/addCourse.vue

+ 52 - 5
src/components/pages/addCourse.vue

@@ -1321,6 +1321,7 @@
                                       <img src="../../assets/icon/thirdToolList/time.png" alt />
                                       <div style="margin: 5px 0">倒计时</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1335,6 +1336,7 @@
                                       <img src="../../assets/icon/firstToolList/pickPeople.png" alt />
                                       <div style="margin: 5px 0">挑人</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1375,6 +1377,7 @@
                                       <img src="../../assets/icon/secondToolList/mindNetwork.png" alt />
                                       <div style="margin: 5px 0">思维网格</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1389,6 +1392,7 @@
                                       <img src="../../assets/icon/secondToolList/whiteBoard.png" alt />
                                       <div style="margin: 5px 0">电子白板</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1453,6 +1457,7 @@
                                       <img src="../../assets/icon/fourthToolList/text.png" alt />
                                       <div style="margin: 5px 0">文档</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1467,6 +1472,7 @@
                                       <img src="../../assets/icon/secondToolList/mindMapping.png" alt />
                                       <div style="margin: 5px 0">思维导图</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1481,6 +1487,7 @@
                                       <img src="../../assets/icon/fourthToolList/table.png" alt />
                                       <div style="margin: 5px 0">表格</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1497,6 +1504,7 @@
                                       <img src="../../assets/icon/fourthToolList/group.png" alt />
                                       <div style="margin: 5px 0">学生分组</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1540,6 +1548,7 @@
                                       <img src="../../assets/icon/thirdToolList/ask.png" alt />
                                       <div style="margin: 5px 0">问卷调查</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1554,6 +1563,7 @@
                                       <img src="../../assets/icon/thirdToolList/choose.png" alt />
                                       <div style="margin: 5px 0">选择题</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1568,6 +1578,7 @@
                                       <img src="../../assets/icon/thirdToolList/answer.png" alt />
                                       <div style="margin: 5px 0">问答</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1582,6 +1593,7 @@
                                       <img src="../../assets/icon/thirdToolList/work.png" alt />
                                       <div style="margin: 5px 0">作业提交</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1596,6 +1608,7 @@
                                       <img src="../../assets/icon/thirdToolList/plwork.png" alt />
                                       <div style="margin: 5px 0">批量上传</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1622,6 +1635,7 @@
                                       <img src="../../assets/icon/thirdToolList/select.png" alt />
                                       <div style="margin: 5px 0">选择匹配</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1636,6 +1650,7 @@
                                       <img src="../../assets/icon/fourthToolList/conSentences.png" alt />
                                       <div style="margin: 5px 0">排序</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1679,6 +1694,7 @@
                                       <img src="../../assets/icon/thirdToolList/trainPlatform.png" alt />
                                       <div style="margin: 5px 0">训练平台</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1693,6 +1709,7 @@
                                       <img src="../../assets/icon/fourthToolList/program.png" alt />
                                       <div style="margin: 5px 0">AIoT Blockly</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1719,6 +1736,7 @@
                                       <img src="../../assets/icon/fourthToolList/Pythonprogram.png" alt />
                                       <div style="margin: 5px 0">AI Python</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1733,6 +1751,7 @@
                                       <img src="../../assets/icon/fourthToolList/AIprogram.png" alt />
                                       <div style="margin: 5px 0">AI Blockly</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1747,6 +1766,7 @@
                                       <img src="../../assets/icon/thirdToolList/code.png" alt />
                                       <div style="margin: 5px 0">源码编辑</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1761,6 +1781,7 @@
                                       <img src="../../assets/icon/fourthToolList/cocopi.png" alt />
                                       <div style="margin: 5px 0">CocoPi</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1775,6 +1796,7 @@
                                       <img src="../../assets/icon/fourthToolList/Wood.png" alt />
                                       <div style="margin: 5px 0">海龟编程</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1791,6 +1813,7 @@
                                       <img src="../../assets/icon/thirdToolList/eval.png" alt />
                                       <div style="margin: 5px 0">个人评价</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1807,6 +1830,7 @@
                                       <img src="../../assets/icon/secondToolList/translation.png" alt />
                                       <div style="margin: 5px 0">翻译</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1821,6 +1845,7 @@
                                       <img src="../../assets/icon/secondToolList/networkPanel.png" alt />
                                       <div style="margin: 5px 0">数字画板</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1835,6 +1860,7 @@
                                       <img src="../../assets/icon/secondToolList/GeoGebra.png" alt />
                                       <div style="margin: 5px 0">GeoGebra</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1849,6 +1875,7 @@
                                       <img src="../../assets/icon/secondToolList/formulaEdi.png" alt />
                                       <div style="margin: 5px 0">公式编辑</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(66, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -1876,6 +1903,7 @@
                                       <img src="../../assets/icon/secondToolList/timeAxis.png" alt />
                                       <div style="margin: 5px 0">时间轴</div>
                                     </div>
+                                    <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                                     <!-- <div class="check" @click="addTools(68, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/checkNo.png" alt
@@ -2929,6 +2957,7 @@
                     <img src="../../assets/icon/secondToolList/library.png" alt />
                     <div style="margin: 5px 0">素材库</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(8) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(8)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
@@ -2944,6 +2973,7 @@
                     <img src="../../assets/icon/secondToolList/mindNetwork.png" alt />
                     <div style="margin: 5px 0">思维网格</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(7) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(7)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
@@ -2957,6 +2987,7 @@
                     <img src="../../assets/icon/secondToolList/whiteBoard.png" alt />
                     <div style="margin: 5px 0">电子白板</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(1) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(1)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
@@ -2970,6 +3001,7 @@
                     <img src="../../assets/icon/secondToolList/note.png" alt />
                     <div style="margin: 5px 0">便签</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(2) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(2)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
@@ -2983,6 +3015,7 @@
                     <img src="../../assets/icon/secondToolList/doc.png" alt />
                     <div style="margin: 5px 0">协同文档</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(6) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(6)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
@@ -2996,6 +3029,7 @@
                     <img src="../../assets/icon/secondToolList/mindMapping.png" alt />
                     <div style="margin: 5px 0">思维导图</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(3) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(3)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
@@ -3009,6 +3043,7 @@
                     <img src="../../assets/icon/secondToolList/networkPanel.png" alt />
                     <div style="margin: 5px 0">数学画板</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(31) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(31)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
@@ -3024,6 +3059,7 @@
                     <img src="../../assets/icon/thirdToolList/score.png" alt />
                     <div style="margin: 5px 0">量规评分</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(5) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(5)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
@@ -3037,6 +3073,7 @@
                     <img src="../../assets/icon/thirdToolList/ask.png" alt />
                     <div style="margin: 5px 0">问卷调查</div>
                   </div>
+                  <div class="noCTool"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <div class="isCTool" v-if="itemTools.tools.indexOf(4) != -1"><img src="../../assets/icon/new/isToolC.png" alt="" /></div>
                   <!-- <div class="check" @click="chapAddTools(4)">
                     <img src="../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
@@ -10564,11 +10601,11 @@ ol {
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
-  border: 2px solid #dbdbdb;
+  border: 2px solid #dbdbdb00;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
-  box-shadow: 0 0 2px 0px #dedede;
+  /* box-shadow: 0 0 2px 0px #dedede; */
   position: relative;
   box-sizing: border-box;
 }
@@ -10577,12 +10614,18 @@ ol {
   border: 2px solid #a5c7ff;
 }
 
+.tool:hover > .noCTool{
+  display: block;
+  opacity: 0.5;
+}
+
 .isToolChoose{
-  border: 2px solid #438aff;
+  border: 2px solid #438aff !important;
   box-shadow: 0 0 2px 0px #438aff;
+  opacity: 1 !important;
 }
 
-.isCTool{
+.isCTool,.noCTool{
   width: 30px;
   height: 30px;
   position: absolute;
@@ -10590,7 +10633,11 @@ ol {
   right: -4px;
 }
 
-.isCTool>img{
+.noCTool{
+  display: none;
+}
+
+.isCTool>img,.noCTool>img{
   width:100%;
   height:100%;
 }

+ 43 - 5
src/components/pages/easy/addCourse.vue

@@ -625,6 +625,7 @@
                                     <img src="../../../assets/icon/thirdToolList/time.png" alt />
                                     <div style="margin: 5px 0">倒计时</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(10, itemTaskIndex, toolIndex)
@@ -641,6 +642,7 @@
                                     <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
                                     <div style="margin: 5px 0">挑人</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
                                     <img src="../../../assets/icon/checkNo.png" alt
@@ -708,6 +710,7 @@
                                     <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
                                     <div style="margin: 5px 0">思维网格</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(7, itemTaskIndex, toolIndex)
@@ -726,6 +729,7 @@
                                     <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
                                     <div style="margin: 5px 0">电子白板</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(1, itemTaskIndex, toolIndex)
@@ -794,6 +798,7 @@
                                     <img src="../../../assets/icon/fourthToolList/text.png" alt />
                                     <div style="margin: 5px 0">文档</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(52, itemTaskIndex, toolIndex)
@@ -812,6 +817,7 @@
                                     <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
                                     <div style="margin: 5px 0">思维导图</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(3, itemTaskIndex, toolIndex)
@@ -830,6 +836,7 @@
                                     <img src="../../../assets/icon/fourthToolList/table.png" alt />
                                     <div style="margin: 5px 0">表格</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(48, itemTaskIndex, toolIndex)
@@ -850,6 +857,7 @@
                                     <img src="../../../assets/icon/fourthToolList/group.png" alt />
                                     <div style="margin: 5px 0">学生分组</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(49, itemTaskIndex, toolIndex)
@@ -897,6 +905,7 @@
                                     <img src="../../../assets/icon/thirdToolList/ask.png" alt />
                                     <div style="margin: 5px 0">问卷调查</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(4, itemTaskIndex, toolIndex)
@@ -915,6 +924,7 @@
                                     <img src="../../../assets/icon/thirdToolList/choose.png" alt />
                                     <div style="margin: 5px 0">选择题</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(45, itemTaskIndex, toolIndex)
@@ -933,6 +943,7 @@
                                     <img src="../../../assets/icon/thirdToolList/answer.png" alt />
                                     <div style="margin: 5px 0">问答</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(15, itemTaskIndex, toolIndex)
@@ -951,6 +962,7 @@
                                     <img src="../../../assets/icon/thirdToolList/work.png" alt />
                                     <div style="margin: 5px 0">作业提交</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(16, itemTaskIndex, toolIndex)
@@ -969,6 +981,7 @@
                                     <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
                                     <div style="margin: 5px 0">批量上传</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(50, itemTaskIndex, toolIndex)
@@ -1019,6 +1032,7 @@
                                     <img src="../../../assets/icon/thirdToolList/select.png" alt />
                                     <div style="margin: 5px 0">选择匹配</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(41, itemTaskIndex, toolIndex)
@@ -1037,6 +1051,7 @@
                                     <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
                                     <div style="margin: 5px 0">排序</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(47, itemTaskIndex, toolIndex)
@@ -1084,6 +1099,7 @@
                                     <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
                                     <div style="margin: 5px 0">训练平台</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(18, itemTaskIndex, toolIndex)
@@ -1102,6 +1118,7 @@
                                     <img src="../../../assets/icon/fourthToolList/program.png" alt />
                                     <div style="margin: 5px 0">AIoT Blockly</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(21, itemTaskIndex, toolIndex)
@@ -1137,6 +1154,7 @@
                                     <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
                                     <div style="margin: 5px 0">AI Python</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(23, itemTaskIndex, toolIndex)
@@ -1155,6 +1173,7 @@
                                     <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
                                     <div style="margin: 5px 0">AI Blockly</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(24, itemTaskIndex, toolIndex)
@@ -1173,6 +1192,7 @@
                                     <img src="../../../assets/icon/thirdToolList/code.png" alt />
                                     <div style="margin: 5px 0">源码编辑</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(32, itemTaskIndex, toolIndex)
@@ -1189,6 +1209,7 @@
                                     <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
                                     <div style="margin: 5px 0">CocoPi</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(57, itemTaskIndex, toolIndex)
@@ -1207,6 +1228,7 @@
                                     <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
                                     <div style="margin: 5px 0">海龟编程</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(63, itemTaskIndex, toolIndex)
@@ -1227,6 +1249,7 @@
                                     <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                     <div style="margin: 5px 0">翻译</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(28, itemTaskIndex, toolIndex)
@@ -1245,6 +1268,7 @@
                                     <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                     <div style="margin: 5px 0">数字画板</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(31, itemTaskIndex, toolIndex)
@@ -1263,6 +1287,7 @@
                                     <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                     <div style="margin: 5px 0">GeoGebra</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(39, itemTaskIndex, toolIndex)
@@ -1281,6 +1306,7 @@
                                     <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
                                     <div style="margin: 5px 0">公式编辑</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(66, itemTaskIndex, toolIndex)
@@ -1316,6 +1342,7 @@
                                     <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
                                     <div style="margin: 5px 0">时间轴</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(68, itemTaskIndex, toolIndex)
@@ -1489,6 +1516,7 @@
                                     <img src="../../../assets/icon/thirdToolList/eval.png" alt />
                                     <div style="margin: 5px 0">个人评价</div>
                                   </div>
+                                  <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(40, itemTaskIndex, toolIndex)
@@ -11128,11 +11156,11 @@ ol {
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
-  border: 2px solid #dbdbdb;
+  border: 2px solid #dbdbdb00;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
-  box-shadow: 0 0 2px 0px #dedede;
+  /* box-shadow: 0 0 2px 0px #dedede; */
   position: relative;
   box-sizing: border-box;
 }
@@ -11141,12 +11169,18 @@ ol {
   border: 2px solid #a5c7ff;
 }
 
+.tool:hover > .noCTool{
+  display: block;
+  opacity: 0.5;
+}
+
 .isToolChoose{
-  border: 2px solid #438aff;
+  border: 2px solid #438aff !important;
   box-shadow: 0 0 2px 0px #438aff;
+  opacity: 1 !important;
 }
 
-.isCTool{
+.isCTool,.noCTool{
   width: 30px;
   height: 30px;
   position: absolute;
@@ -11154,7 +11188,11 @@ ol {
   right: -4px;
 }
 
-.isCTool>img{
+.noCTool{
+  display: none;
+}
+
+.isCTool>img,.noCTool>img{
   width:100%;
   height:100%;
 }

+ 40 - 31
src/components/pages/task/addCourse.vue

@@ -771,7 +771,7 @@
                                     />
                                     <div style="margin: 5px 0">倒计时</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(10) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -796,7 +796,7 @@
                                     <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
                                     <div style="margin: 5px 0">挑人</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(65) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
                                     <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(65) == -1" />
                                     <div class="checkDiv" v-else>
@@ -886,7 +886,7 @@
                                     />
                                     <div style="margin: 5px 0">思维网格</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(7) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -919,7 +919,7 @@
                                     />
                                     <div style="margin: 5px 0">电子白板</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(1) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1002,7 +1002,7 @@
                                     />
                                     <div style="margin: 5px 0">文档</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(52) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1035,7 +1035,7 @@
                                     />
                                     <div style="margin: 5px 0">思维导图</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(3) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1068,7 +1068,7 @@
                                     />
                                     <div style="margin: 5px 0">表格</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(48) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1106,7 +1106,7 @@
                                     />
                                     <div style="margin: 5px 0">学生分组</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(49) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1171,7 +1171,7 @@
                                     />
                                     <div style="margin: 5px 0">问卷调查</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(4) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1204,7 +1204,7 @@
                                     />
                                     <div style="margin: 5px 0">选择题</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(45) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1237,7 +1237,7 @@
                                     />
                                     <div style="margin: 5px 0">问答</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(15) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1270,7 +1270,7 @@
                                     />
                                     <div style="margin: 5px 0">作业提交</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(16) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1303,7 +1303,7 @@
                                     />
                                     <div style="margin: 5px 0">批量上传</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(50) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1368,7 +1368,7 @@
                                     />
                                     <div style="margin: 5px 0">选择匹配</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(41) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1401,7 +1401,7 @@
                                     />
                                     <div style="margin: 5px 0">排序</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(47) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1466,7 +1466,7 @@
                                     />
                                     <div style="margin: 5px 0">训练平台</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(18) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1499,7 +1499,7 @@
                                     />
                                     <div style="margin: 5px 0">AIoT Blockly</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(21) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1564,7 +1564,7 @@
                                     />
                                     <div style="margin: 5px 0">AI Python</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(23) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1597,7 +1597,7 @@
                                     />
                                     <div style="margin: 5px 0">AI Blockly</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(24) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1630,7 +1630,7 @@
                                     />
                                     <div style="margin: 5px 0">源码编辑</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(32) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1661,7 +1661,7 @@
                                     />
                                     <div style="margin: 5px 0">CocoPi</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(57) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1694,7 +1694,7 @@
                                     />
                                     <div style="margin: 5px 0">海龟编程</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(63) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -1726,7 +1726,7 @@
                                     <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                     <div style="margin: 5px 0">翻译</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(28) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(28, itemTaskIndex, toolIndex)
                                     ">
@@ -1744,7 +1744,7 @@
                                     <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                     <div style="margin: 5px 0">数字画板</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(31) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(31, itemTaskIndex, toolIndex)
                                     ">
@@ -1762,7 +1762,7 @@
                                     <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                     <div style="margin: 5px 0">GeoGebra</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(39) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(39, itemTaskIndex, toolIndex)
                                     ">
@@ -1780,7 +1780,7 @@
                                     <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
                                     <div style="margin: 5px 0">公式编辑</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(66) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(66, itemTaskIndex, toolIndex)
                                     ">
@@ -1815,7 +1815,7 @@
                                     <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
                                     <div style="margin: 5px 0">时间轴</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(68) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div class="check" @click="
                                     addTools(68, itemTaskIndex, toolIndex)
                                     ">
@@ -2132,7 +2132,7 @@
                                     />
                                     <div style="margin: 5px 0">个人评价</div>
                                   </div>
-                                  <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
+                                  <div class="isCTool" v-show="itemTool.tool.indexOf(40) != -1"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
                                   <!-- <div
                                     class="check"
                                     @click="
@@ -13554,11 +13554,11 @@ ol {
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
-  border: 2px solid #dbdbdb;
+  border: 2px solid #dbdbdb00;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
-  box-shadow: 0 0 2px 0px #dedede;
+  /* box-shadow: 0 0 2px 0px #dedede; */
   position: relative;
   box-sizing: border-box;
 }
@@ -13567,11 +13567,20 @@ ol {
   border: 2px solid #a5c7ff;
 }
 
+.tool:hover > .isCTool{
+  opacity: 0.5;
+  display: block !important;
+}
+
 .isToolChoose{
-  border: 2px solid #438aff;
+  border: 2px solid #438aff !important;
   box-shadow: 0 0 2px 0px #438aff;
 }
 
+.isToolChoose > .isCTool{
+  opacity: 1 !important;
+}
+
 .isCTool{
   width: 30px;
   height: 30px;