浏览代码

修改工具选中样式

zengyicheng 1 年之前
父节点
当前提交
d0722ef17c
共有 4 个文件被更改,包括 377 次插入262 次删除
  1. 二进制
      src/assets/icon/new/isToolC.png
  2. 210 148
      src/components/pages/addCourse.vue
  3. 1 1
      src/components/pages/easy/addCourse.vue
  4. 166 113
      src/components/pages/task/addCourse.vue

二进制
src/assets/icon/new/isToolC.png


+ 210 - 148
src/components/pages/addCourse.vue

@@ -1316,31 +1316,33 @@
                                 />
                               </div>10
                             </div> -->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 10, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(10) != -1 }" @click="addTools(10, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 10, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/time.png" alt />
                                       <div style="margin: 5px 0">倒计时</div>
                                     </div>
-                                    <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(10) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(65) != -1 }" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(65, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/firstToolList/pickPeople.png" alt />
                                       <div style="margin: 5px 0">挑人</div>
                                     </div>
-                                    <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(65) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                               <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
@@ -1368,31 +1370,33 @@
                                 </div> -->
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 1">
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(7, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(7) != -1 }" @click="addTools(7, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(7, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/mindNetwork.png" alt />
                                       <div style="margin: 5px 0">思维网格</div>
                                     </div>
-                                    <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(7) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 1, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(1) != -1 }" @click="addTools(1, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 1, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/whiteBoard.png" alt />
                                       <div style="margin: 5px 0">电子白板</div>
                                     </div>
-                                    <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(1) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                               <div
@@ -1444,59 +1448,63 @@
                                 </div>
                               </div>
                             </div> -->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 52, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(52) != -1 }" @click="addTools(52, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 52, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/text.png" alt />
                                       <div style="margin: 5px 0">文档</div>
                                     </div>
-                                    <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(52) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 3, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(3) != -1 }" @click="addTools(3, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 3, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/mindMapping.png" alt />
                                       <div style="margin: 5px 0">思维导图</div>
                                     </div>
-                                    <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(3) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 48, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(48) != -1 }" @click="addTools(48, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 48, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/table.png" alt />
                                       <div style="margin: 5px 0">表格</div>
                                     </div>
-                                    <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(48) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 6">
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(49) != -1 }" @click="addTools(49, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 49, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/group.png" alt />
                                       <div style="margin: 5px 0">学生分组</div>
                                     </div>
-                                    <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(49) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 2">
@@ -1527,70 +1535,75 @@
                                 />
                               </div>
                             </div>-->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 4, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(4) != -1 }" @click="addTools(4, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 4, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/ask.png" alt />
                                       <div style="margin: 5px 0">问卷调查</div>
                                     </div>
-                                    <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(4) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(45) != -1 }" @click="addTools(45, itemTaskIndex, toolIndex)">
                                     <div class="whiteBIcon" @click="openTools(itemTaskIndex, 45, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/choose.png" alt />
                                       <div style="margin: 5px 0">选择题</div>
                                     </div>
-                                    <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(45) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 15, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(15) != -1 }" @click="addTools(15, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 15, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/answer.png" alt />
                                       <div style="margin: 5px 0">问答</div>
                                     </div>
-                                    <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(15) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(16, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(16) != -1 }" @click="addTools(16, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(16, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/work.png" alt />
                                       <div style="margin: 5px 0">作业提交</div>
                                     </div>
-                                    <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(16) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(50, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(50) != -1 }" @click="addTools(50, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(50, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/plwork.png" alt />
                                       <div style="margin: 5px 0">批量上传</div>
                                     </div>
-                                    <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(50) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                               <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
@@ -1604,31 +1617,33 @@
                                 </div>
                               </div>
                             </div> -->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 41, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(41) != -1 }" @click="addTools(41, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 41, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/select.png" alt />
                                       <div style="margin: 5px 0">选择匹配</div>
                                     </div>
-                                    <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(41) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 47, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(47) != -1 }" @click="addTools(47, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 47, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/conSentences.png" alt />
                                       <div style="margin: 5px 0">排序</div>
                                     </div>
-                                    <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(47) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                               <div
@@ -1659,31 +1674,33 @@
                             </div> -->
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 3">
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(18, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(18) != -1 }" @click="addTools(18, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(18, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/trainPlatform.png" alt />
                                       <div style="margin: 5px 0">训练平台</div>
                                     </div>
-                                    <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(18) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(21, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(21) != -1 }" @click="addTools(21, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(21, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/program.png" alt />
                                       <div style="margin: 5px 0">AIoT Blockly</div>
                                     </div>
-                                    <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(21) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                                   <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
@@ -1697,139 +1714,149 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(23, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(23) != -1 }" @click="addTools(23, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(23, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/Pythonprogram.png" alt />
                                       <div style="margin: 5px 0">AI Python</div>
                                     </div>
-                                    <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(23) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(24, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(24) != -1 }" @click="addTools(24, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(24, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/AIprogram.png" alt />
                                       <div style="margin: 5px 0">AI Blockly</div>
                                     </div>
-                                    <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(24) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(32, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(32) != -1 }" @click="addTools(32, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(32, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/code.png" alt />
                                       <div style="margin: 5px 0">源码编辑</div>
                                     </div>
-                                    <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(32) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 57, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(57) != -1 }" @click="addTools(57, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 57, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/cocopi.png" alt />
                                       <div style="margin: 5px 0">CocoPi</div>
                                     </div>
-                                    <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(57) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(63, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(63) != -1 }" @click="addTools(63, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(63, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/fourthToolList/Wood.png" alt />
                                       <div style="margin: 5px 0">海龟编程</div>
                                     </div>
-                                    <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(63) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 7">
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(40) != -1 }" @click.stop="addTools(40, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 40, toolIndex)">
                                       <img src="../../assets/icon/thirdToolList/eval.png" alt />
                                       <div style="margin: 5px 0">个人评价</div>
                                     </div>
-                                    <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(40) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                 </div>
                                 <div class="toolSort" v-if="itemTool.toolType == 5">
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(28) != -1 }" @click="addTools(28, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(28, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/translation.png" alt />
                                       <div style="margin: 5px 0">翻译</div>
                                     </div>
-                                    <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(28) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(31) != -1 }" @click="addTools(31, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(31, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/networkPanel.png" alt />
                                       <div style="margin: 5px 0">数字画板</div>
                                     </div>
-                                    <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(31) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(39) != -1 }" @click="addTools(39, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(39, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/GeoGebra.png" alt />
                                       <div style="margin: 5px 0">GeoGebra</div>
                                     </div>
-                                    <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(39) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(66, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(66) != -1 }" @click="addTools(66, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(66, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/formulaEdi.png" alt />
                                       <div style="margin: 5px 0">公式编辑</div>
                                     </div>
-                                    <div class="check" @click="addTools(66, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(66) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                                     <div class="whiteBIcon" @click="addTools(67, itemTaskIndex, toolIndex)">
@@ -1844,18 +1871,19 @@
                                       </div>
                                     </div>
                                   </div> -->
-                                  <div class="tool">
-                                    <div class="whiteBIcon" @click="addTools(68, itemTaskIndex, toolIndex)">
+                                  <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(68) != -1 }" @click="addTools(68, itemTaskIndex, toolIndex)">
+                                    <div class="whiteBIcon" @click.stop="addTools(68, itemTaskIndex, toolIndex)">
                                       <img src="../../assets/icon/secondToolList/timeAxis.png" alt />
                                       <div style="margin: 5px 0">时间轴</div>
                                     </div>
-                                    <div class="check" @click="addTools(68, itemTaskIndex, toolIndex)">
+                                    <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
                                         v-if="itemTool.tool.indexOf(68) == -1" />
                                       <div class="checkDiv" v-else>
                                         <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                       </div>
-                                    </div>
+                                    </div> -->
                                   </div>
                                   <!-- <div class="tool">
                                   <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
@@ -2896,117 +2924,126 @@
 
             <div style="min-height: 163px">
               <div class="toolSort" v-if="chapToolsType == 0">
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(8)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(8) != -1 }" @click="chapAddTools(8)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(8)">
                     <img src="../../assets/icon/secondToolList/library.png" alt />
                     <div style="margin: 5px 0">素材库</div>
                   </div>
-                  <div class="check" @click="chapAddTools(8)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
               </div>
               <div class="toolSort" v-if="chapToolsType == 1">
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(7)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(7) != -1 }" @click="chapAddTools(7)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(7)">
                     <img src="../../assets/icon/secondToolList/mindNetwork.png" alt />
                     <div style="margin: 5px 0">思维网格</div>
                   </div>
-                  <div class="check" @click="chapAddTools(7)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(1)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(1) != -1 }" @click="chapAddTools(1)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(1)">
                     <img src="../../assets/icon/secondToolList/whiteBoard.png" alt />
                     <div style="margin: 5px 0">电子白板</div>
                   </div>
-                  <div class="check" @click="chapAddTools(1)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(2)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(2) != -1 }" @click="chapAddTools(2)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(2)">
                     <img src="../../assets/icon/secondToolList/note.png" alt />
                     <div style="margin: 5px 0">便签</div>
                   </div>
-                  <div class="check" @click="chapAddTools(2)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(6)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(6) != -1 }" @click="chapAddTools(6)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(6)">
                     <img src="../../assets/icon/secondToolList/doc.png" alt />
                     <div style="margin: 5px 0">协同文档</div>
                   </div>
-                  <div class="check" @click="chapAddTools(6)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(3)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(3) != -1 }" @click="chapAddTools(3)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(3)">
                     <img src="../../assets/icon/secondToolList/mindMapping.png" alt />
                     <div style="margin: 5px 0">思维导图</div>
                   </div>
-                  <div class="check" @click="chapAddTools(3)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(31)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(31) != -1 }" @click="chapAddTools(31)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(31)">
                     <img src="../../assets/icon/secondToolList/networkPanel.png" alt />
                     <div style="margin: 5px 0">数学画板</div>
                   </div>
-                  <div class="check" @click="chapAddTools(31)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
               </div>
               <div class="toolSort" v-if="chapToolsType == 2">
-                <div class="tool">
-                  <div class="whiteBIcon" @click="chapAddTools(5)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(5) != -1 }" @click="chapAddTools(5)">
+                  <div class="whiteBIcon" @click.stop="chapAddTools(5)">
                     <img src="../../assets/icon/thirdToolList/score.png" alt />
                     <div style="margin: 5px 0">量规评分</div>
                   </div>
-                  <div class="check" @click="chapAddTools(5)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
-                <div class="tool">
-                  <div class="whiteBIcon" @click="openTools(chapCount, 4, null)">
+                <div class="tool" :class="{ isToolChoose : itemTools.tools.indexOf(4) != -1 }" @click="chapAddTools(4)">
+                  <div class="whiteBIcon" @click.stop="openTools(chapCount, 4, null)">
                     <img src="../../assets/icon/thirdToolList/ask.png" alt />
                     <div style="margin: 5px 0">问卷调查</div>
                   </div>
-                  <div class="check" @click="chapAddTools(4)">
+                  <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" />
                     <div class="checkDiv" v-else>
                       <img src="../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                     </div>
-                  </div>
+                  </div> -->
                 </div>
               </div>
             </div>
@@ -10520,13 +10557,38 @@ ol {
   flex-wrap: wrap;
 }
 
-.tool {
+.tool,.isToolChoose {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
+  border: 2px solid #dbdbdb;
+  padding: 10px 20px;
+  border-radius: 5px;
+  cursor: pointer;
+  box-shadow: 0 0 2px 0px #dedede;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.isToolChoose{
+  border: 2px solid #438aff;
+  box-shadow: 0 0 2px 0px #438aff;
+}
+
+.isCTool{
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+}
+
+.isCTool>img{
+  width:100%;
+  height:100%;
 }
 
 .tool+.tool {

+ 1 - 1
src/components/pages/easy/addCourse.vue

@@ -11128,7 +11128,7 @@ ol {
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
-  border: 1px solid #dbdbdb;
+  border: 2px solid #dbdbdb;
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;

+ 166 - 113
src/components/pages/task/addCourse.vue

@@ -758,10 +758,10 @@
                                 />
                               </div>10
                             </div> -->
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(10) != -1 }" @click="addTools(10, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 10, toolIndex)
                                     "
                                   >
@@ -771,7 +771,8 @@
                                     />
                                     <div style="margin: 5px 0">倒计时</div>
                                   </div>
-                                  <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)
@@ -788,19 +789,20 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
-                                  <div class="whiteBIcon" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(65) != -1 }" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="addTools(65, itemTaskIndex, toolIndex)">
                                     <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
                                     <div style="margin: 5px 0">挑人</div>
                                   </div>
-                                  <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
+                                  <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 v-if="itemTool.tool.indexOf(65) == -1" />
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                                   <div
@@ -871,10 +873,10 @@
                                 class="toolSort"
                                 v-if="itemTool.toolType == 1"
                               >
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(7) != -1 }" @click="addTools(7, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(7, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -884,7 +886,8 @@
                                     />
                                     <div style="margin: 5px 0">思维网格</div>
                                   </div>
-                                  <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)
@@ -901,12 +904,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(1) != -1 }" @click="addTools(1, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 1, toolIndex)
                                     "
                                   >
@@ -916,7 +919,8 @@
                                     />
                                     <div style="margin: 5px 0">电子白板</div>
                                   </div>
-                                  <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)
@@ -933,7 +937,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                               <div
@@ -985,10 +989,10 @@
                                 </div>
                               </div>
                             </div> -->
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(52) != -1 }" @click="addTools(52, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 52, toolIndex)
                                     "
                                   >
@@ -998,7 +1002,8 @@
                                     />
                                     <div style="margin: 5px 0">文档</div>
                                   </div>
-                                  <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)
@@ -1015,12 +1020,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(3) != -1 }" @click="addTools(3, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 3, toolIndex)
                                     "
                                   >
@@ -1030,7 +1035,8 @@
                                     />
                                     <div style="margin: 5px 0">思维导图</div>
                                   </div>
-                                  <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)
@@ -1047,12 +1053,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(48) != -1 }" @click="addTools(48, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 48, toolIndex)
                                     "
                                   >
@@ -1062,7 +1068,8 @@
                                     />
                                     <div style="margin: 5px 0">表格</div>
                                   </div>
-                                  <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)
@@ -1079,17 +1086,17 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                               </div>
                               <div
                                 class="toolSort"
                                 v-if="itemTool.toolType == 6"
                               >
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(49) != -1 }" @click="addTools(49, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 49, toolIndex)
                                     "
                                   >
@@ -1099,7 +1106,8 @@
                                     />
                                     <div style="margin: 5px 0">学生分组</div>
                                   </div>
-                                  <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)
@@ -1116,7 +1124,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                               </div>
                               <div
@@ -1150,10 +1158,10 @@
                                 />
                               </div>
                             </div>-->
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(4) != -1 }" @click="addTools(4, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 4, toolIndex)
                                     "
                                   >
@@ -1163,7 +1171,8 @@
                                     />
                                     <div style="margin: 5px 0">问卷调查</div>
                                   </div>
-                                  <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)
@@ -1180,12 +1189,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(45) != -1 }" @click="addTools(45, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 45, toolIndex)
                                     "
                                   >
@@ -1195,7 +1204,8 @@
                                     />
                                     <div style="margin: 5px 0">选择题</div>
                                   </div>
-                                  <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)
@@ -1212,12 +1222,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(15) != -1 }" @click="addTools(15, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 15, toolIndex)
                                     "
                                   >
@@ -1227,7 +1237,8 @@
                                     />
                                     <div style="margin: 5px 0">问答</div>
                                   </div>
-                                  <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)
@@ -1244,12 +1255,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(16) != -1 }" @click="addTools(16, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(16, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1259,7 +1270,8 @@
                                     />
                                     <div style="margin: 5px 0">作业提交</div>
                                   </div>
-                                  <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)
@@ -1276,12 +1288,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(50) != -1 }" @click="addTools(50, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(50, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1291,7 +1303,8 @@
                                     />
                                     <div style="margin: 5px 0">批量上传</div>
                                   </div>
-                                  <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)
@@ -1308,7 +1321,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                                   <div
@@ -1342,10 +1355,10 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(41) != -1 }" @click="addTools(41, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 41, toolIndex)
                                     "
                                   >
@@ -1355,7 +1368,8 @@
                                     />
                                     <div style="margin: 5px 0">选择匹配</div>
                                   </div>
-                                  <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)
@@ -1372,12 +1386,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(47) != -1 }" @click="addTools(47, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 47, toolIndex)
                                     "
                                   >
@@ -1387,7 +1401,8 @@
                                     />
                                     <div style="margin: 5px 0">排序</div>
                                   </div>
-                                  <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)
@@ -1404,7 +1419,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                               <div
@@ -1438,10 +1453,10 @@
                                 class="toolSort"
                                 v-if="itemTool.toolType == 3"
                               >
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(18) != -1 }" @click="addTools(18, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(18, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1451,7 +1466,8 @@
                                     />
                                     <div style="margin: 5px 0">训练平台</div>
                                   </div>
-                                  <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)
@@ -1468,12 +1484,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(21) != -1 }" @click="addTools(21, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(21, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1483,7 +1499,8 @@
                                     />
                                     <div style="margin: 5px 0">AIoT Blockly</div>
                                   </div>
-                                  <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)
@@ -1500,7 +1517,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                                   <div
@@ -1534,10 +1551,10 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(23) != -1 }" @click="addTools(23, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(23, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1547,7 +1564,8 @@
                                     />
                                     <div style="margin: 5px 0">AI Python</div>
                                   </div>
-                                  <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)
@@ -1564,12 +1582,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(24) != -1 }" @click="addTools(24, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(24, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1579,7 +1597,8 @@
                                     />
                                     <div style="margin: 5px 0">AI Blockly</div>
                                   </div>
-                                  <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)
@@ -1596,12 +1615,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(32) != -1 }" @click="addTools(32, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(32, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1611,7 +1630,8 @@
                                     />
                                     <div style="margin: 5px 0">源码编辑</div>
                                   </div>
-                                  <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)
@@ -1628,12 +1648,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(57) != -1 }" @click="addTools(57, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="openTools(itemTaskIndex, 57, toolIndex)"
+                                    @click.stop="openTools(itemTaskIndex, 57, toolIndex)"
                                   >
                                     <img
                                       src="../../../assets/icon/fourthToolList/cocopi.png"
@@ -1641,7 +1661,8 @@
                                     />
                                     <div style="margin: 5px 0">CocoPi</div>
                                   </div>
-                                  <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)
@@ -1658,12 +1679,12 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(63) != -1 }" @click="addTools(63, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       addTools(63, itemTaskIndex, toolIndex)
                                     "
                                   >
@@ -1673,7 +1694,8 @@
                                     />
                                     <div style="margin: 5px 0">海龟编程</div>
                                   </div>
-                                  <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)
@@ -1690,21 +1712,22 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                               </div>
                               <div
                                 class="toolSort"
                                 v-if="itemTool.toolType == 5"
                               >
-                              <div class="tool">
-                                  <div class="whiteBIcon" @click="
+                              <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(28) != -1 }" @click="addTools(28, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="
                                     addTools(28, itemTaskIndex, toolIndex)
                                     ">
                                     <img src="../../../assets/icon/secondToolList/translation.png" alt />
                                     <div style="margin: 5px 0">翻译</div>
                                   </div>
-                                  <div class="check" @click="
+                                  <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
@@ -1712,16 +1735,17 @@
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
-                                  <div class="whiteBIcon" @click="
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(31) != -1 }" @click="addTools(31, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="
                                     addTools(31, itemTaskIndex, toolIndex)
                                     ">
                                     <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
                                     <div style="margin: 5px 0">数字画板</div>
                                   </div>
-                                  <div class="check" @click="
+                                  <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
@@ -1729,16 +1753,17 @@
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
-                                  <div class="whiteBIcon" @click="
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(39) != -1 }" @click="addTools(39, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="
                                     addTools(39, itemTaskIndex, toolIndex)
                                     ">
                                     <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
                                     <div style="margin: 5px 0">GeoGebra</div>
                                   </div>
-                                  <div class="check" @click="
+                                  <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
@@ -1746,16 +1771,17 @@
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
-                                <div class="tool">
-                                  <div class="whiteBIcon" @click="
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(66) != -1 }" @click="addTools(66, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="
                                     addTools(66, itemTaskIndex, toolIndex)
                                     ">
                                     <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
                                     <div style="margin: 5px 0">公式编辑</div>
                                   </div>
-                                  <div class="check" @click="
+                                  <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
@@ -1763,7 +1789,7 @@
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                                   <div class="whiteBIcon" @click="
@@ -1782,14 +1808,15 @@
                                     </div>
                                   </div>
                                 </div> -->
-                                <div class="tool">
-                                  <div class="whiteBIcon" @click="
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(68) != -1 }" @click="addTools(68, itemTaskIndex, toolIndex)">
+                                  <div class="whiteBIcon" @click.stop="
                                     addTools(68, itemTaskIndex, toolIndex)
                                     ">
                                     <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
                                     <div style="margin: 5px 0">时间轴</div>
                                   </div>
-                                  <div class="check" @click="
+                                  <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
@@ -1797,7 +1824,7 @@
                                     <div class="checkDiv" v-else>
                                       <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                                 <!-- <div class="tool">
                                   <div
@@ -2092,10 +2119,10 @@
                                 class="toolSort"
                                 v-if="itemTool.toolType == 7"
                               >
-                                <div class="tool">
+                                <div class="tool" :class="{ isToolChoose : itemTool.tool.indexOf(40) != -1 }" @click.stop="addTools(40, itemTaskIndex, toolIndex)">
                                   <div
                                     class="whiteBIcon"
-                                    @click="
+                                    @click.stop="
                                       openTools(itemTaskIndex, 40, toolIndex)
                                     "
                                   >
@@ -2105,7 +2132,8 @@
                                     />
                                     <div style="margin: 5px 0">个人评价</div>
                                   </div>
-                                  <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)
@@ -2122,7 +2150,7 @@
                                         alt
                                       /><span>已选择</span>
                                     </div>
-                                  </div>
+                                  </div> -->
                                 </div>
                               </div>
                               <div
@@ -13519,13 +13547,38 @@ ol {
   flex-wrap: wrap;
 }
 
-.tool {
+.tool,.isToolChoose {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   width: fit-content;
   margin: 10px 0 10px 0;
   align-items: center;
+  border: 2px solid #dbdbdb;
+  padding: 10px 20px;
+  border-radius: 5px;
+  cursor: pointer;
+  box-shadow: 0 0 2px 0px #dedede;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.isToolChoose{
+  border: 2px solid #438aff;
+  box-shadow: 0 0 2px 0px #438aff;
+}
+
+.isCTool{
+  width: 30px;
+  height: 30px;
+  position: absolute;
+  top: -4px;
+  right: -4px;
+}
+
+.isCTool>img{
+  width:100%;
+  height:100%;
 }
 
 .tool + .tool {