|
|
@@ -625,14 +625,15 @@
|
|
|
/>
|
|
|
</div>10
|
|
|
</div> -->
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -640,20 +641,21 @@
|
|
|
<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
|
|
|
@@ -706,14 +708,15 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
<div class="toolSort" v-if="itemTool.toolType == 1">
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -721,16 +724,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(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="
|
|
|
+ <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
|
|
|
@@ -738,7 +742,7 @@
|
|
|
<div class="checkDiv" v-else>
|
|
|
<img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- <div class="tool">
|
|
|
<div
|
|
|
@@ -790,14 +794,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -805,16 +810,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(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="
|
|
|
+ <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
|
|
|
@@ -822,16 +828,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(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="
|
|
|
+ <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
|
|
|
@@ -839,18 +846,19 @@
|
|
|
<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="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -858,7 +866,7 @@
|
|
|
<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">
|
|
|
@@ -889,14 +897,15 @@
|
|
|
/>
|
|
|
</div>
|
|
|
</div>-->
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -904,16 +913,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(45) != -1 }" @click="addTools(45, itemTaskIndex, toolIndex)">
|
|
|
+ <div class="whiteBIcon" @click.stop="
|
|
|
openTools(itemTaskIndex, 45, toolIndex)
|
|
|
">
|
|
|
<img src="../../../assets/icon/thirdToolList/choose.png" alt />
|
|
|
<div style="margin: 5px 0">选择题</div>
|
|
|
</div>
|
|
|
- <div class="check" @click="
|
|
|
+ <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
|
|
|
@@ -921,16 +931,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(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="
|
|
|
+ <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
|
|
|
@@ -938,16 +949,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(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="
|
|
|
+ <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
|
|
|
@@ -955,16 +967,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(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="
|
|
|
+ <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
|
|
|
@@ -972,7 +985,7 @@
|
|
|
<div class="checkDiv" v-else>
|
|
|
<img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- <div class="tool">
|
|
|
<div
|
|
|
@@ -1006,14 +1019,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -1021,16 +1035,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(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="
|
|
|
+ <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
|
|
|
@@ -1038,7 +1053,7 @@
|
|
|
<div class="checkDiv" v-else>
|
|
|
<img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- <div class="tool">
|
|
|
<div
|
|
|
@@ -1069,14 +1084,15 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
<div class="toolSort" v-if="itemTool.toolType == 3">
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -1084,16 +1100,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(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="
|
|
|
+ <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
|
|
|
@@ -1101,7 +1118,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="
|
|
|
@@ -1120,14 +1137,15 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div class="tool">
|
|
|
- <div class="whiteBIcon" @click="
|
|
|
+ <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="
|
|
|
+ <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
|
|
|
@@ -1135,16 +1153,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(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="
|
|
|
+ <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
|
|
|
@@ -1152,16 +1171,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(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="
|
|
|
+ <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
|
|
|
@@ -1169,14 +1189,15 @@
|
|
|
<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="
|
|
|
+ <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
|
|
|
@@ -1184,16 +1205,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(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="
|
|
|
+ <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
|
|
|
@@ -1201,18 +1223,19 @@
|
|
|
<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="
|
|
|
+ <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
|
|
|
@@ -1220,16 +1243,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
|
|
|
@@ -1237,16 +1261,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
|
|
|
@@ -1254,16 +1279,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
|
|
|
@@ -1271,7 +1297,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="
|
|
|
@@ -1290,14 +1316,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
|
|
|
@@ -1305,7 +1332,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="
|
|
|
@@ -1462,14 +1489,15 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
<div 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="
|
|
|
openTools(itemTaskIndex, 40, toolIndex)
|
|
|
">
|
|
|
<img src="../../../assets/icon/thirdToolList/eval.png" alt />
|
|
|
<div style="margin: 5px 0">个人评价</div>
|
|
|
</div>
|
|
|
- <div class="check" @click="
|
|
|
+ <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
|
|
|
@@ -1477,7 +1505,7 @@
|
|
|
<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 == 4">
|
|
|
@@ -11071,13 +11099,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: 1px 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 {
|
zengyicheng
