소스 검색

修改样式及新增工具

zengyicheng 1 년 전
부모
커밋
9cc4eeff9e

BIN
src/assets/icon/secondToolList/formulaEdi.png


BIN
src/assets/icon/secondToolList/molStr.png


BIN
src/assets/icon/secondToolList/timeAxis.png


+ 222 - 16
src/components/easy2/studyStudent.vue

@@ -1132,6 +1132,138 @@
                           </div>
                           </div>
                         </div>
                         </div>
                       </div>
                       </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(28)">
+                          <img
+                            src="../../assets/icon/secondToolList/translation.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">翻译</div>
+                        </div>
+                        <div class="check" @click="addTools2(28)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(28) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img
+                              src="../../assets/icon/checkedIs.png"
+                              alt
+                            /><span>已选择</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(31)">
+                          <img
+                            src="../../assets/icon/secondToolList/networkPanel.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">数字画板</div>
+                        </div>
+                        <div class="check" @click="addTools2(31)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(31) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img
+                              src="../../assets/icon/checkedIs.png"
+                              alt
+                            /><span>已选择</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(39)">
+                            <img
+                              src="../../assets/icon/secondToolList/GeoGebra.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">GeoGebra</div>
+                          </div>
+                          <div class="check" @click="addTools2(39)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(39) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(66)">
+                            <img
+                              src="../../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div class="check" @click="addTools2(66)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(66) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(67)">
+                            <img
+                              src="../../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div class="check" @click="addTools2(67)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(67) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(68)">
+                            <img
+                              src="../../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
+                          <div class="check" @click="addTools2(68)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(68) == -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="toolType == 7">
                     <div class="toolSort" v-if="toolType == 7">
                       <div class="tool">
                       <div class="tool">
@@ -1841,6 +1973,30 @@
                             />
                             />
                             <div style="margin: 5px 0">挑人</div>
                             <div style="margin: 5px 0">挑人</div>
                           </div>
                           </div>
+                          <div v-if="tooC == 66">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div v-if="tooC == 67">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div v-if="tooC == 68">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
                         </div>
                         </div>
                       </div>
                       </div>
                     </div>
                     </div>
@@ -8900,7 +9056,7 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -8908,7 +9064,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -8989,7 +9145,7 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -8997,7 +9153,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -9068,7 +9224,7 @@
     >
     >
       <div>
       <div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -9076,7 +9232,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -9195,7 +9351,7 @@
           学生姓名:<span>{{ sStudent.student }}</span>
           学生姓名:<span>{{ sStudent.student }}</span>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -9203,7 +9359,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -16570,6 +16726,12 @@ export default {
         window.parent.postMessage({ tools: "39" }, "*");
         window.parent.postMessage({ tools: "39" }, "*");
       } else if (t == 32) {
       } else if (t == 32) {
         window.parent.postMessage({ tools: "32" }, "*");
         window.parent.postMessage({ tools: "32" }, "*");
+      } else if (t == 66) {
+        window.parent.postMessage({ tools: "66" }, "*");
+      } else if (t == 67) {
+        window.parent.postMessage({ tools: "67" }, "*");
+      } else if (t == 68) {
+        window.parent.postMessage({ tools: "68" }, "*");
       } else if (t == 57) {
       } else if (t == 57) {
         // window.parent.postMessage({ tools: "57" }, "*");
         // window.parent.postMessage({ tools: "57" }, "*");
         window.parent.postMessage(
         window.parent.postMessage(
@@ -17794,6 +17956,30 @@ export default {
         return;
         return;
       }
       }
 
 
+      if(i == 28){
+        window.parent.postMessage({ tools: "28" }, "*");
+      }
+
+      if(i == 31){
+        window.parent.postMessage({ tools: "31" }, "*");
+      }
+
+      if(i == 39){
+        window.parent.postMessage({ tools: "39" }, "*");
+      }
+
+      if(i == 66){
+        window.parent.postMessage({ tools: "66" }, "*");
+      }
+
+      if(i == 67){
+        window.parent.postMessage({ tools: "67" }, "*");
+      }
+
+      if(i == 68){
+        window.parent.postMessage({ tools: "68" }, "*");
+      }
+
       if (this.checktoolArray.length > 0) {
       if (this.checktoolArray.length > 0) {
         if (this.checktoolArray.indexOf(i) != -1) {
         if (this.checktoolArray.indexOf(i) != -1) {
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
@@ -19201,14 +19387,26 @@ export default {
 }
 }
 
 
 .a_addBox {
 .a_addBox {
-  margin: 10px 0;
-  background: #fff;
-  padding: 15px;
+  padding: 0 0 0 15px;
 }
 }
 
 
 .a_add_box {
 .a_add_box {
-  border-bottom: 2px solid #eee;
-  padding-bottom: 10px;
+  padding: 10px;
+  background: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 0 5px 0 #d5d5d5;
+}
+
+.askIndex {
+  background: #3681fc;
+  border-radius: 50%;
+  color: #fff;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  margin-right: 5px;
 }
 }
 
 
 .a_add_head {
 .a_add_head {
@@ -19241,19 +19439,27 @@ export default {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   flex-wrap: wrap;
   flex-wrap: wrap;
+  width: 100%;
 }
 }
 
 
-.a_add_input >>> el-radio-group {
-  margin: 10px 0;
+.a_add_input >>> .el-radio-group,
+.a_add_input >>> .el-checkbox-group {
+  width: 100%;
 }
 }
 
 
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-checkbox {
 .a_add_input >>> .el-checkbox {
-  margin-bottom: 10px;
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   flex-wrap: nowrap;
   flex-wrap: nowrap;
   align-items: center;
   align-items: center;
+  padding: 15px 0;
+}
+
+.a_add_input >>> .el-radio:not(:last-child),
+.a_add_input >>> .el-checkbox:not(:last-child){
+  width: 100%;
+  border-bottom: 1px solid #efefef;
 }
 }
 
 
 .redioStyle >>> .el-radio__label {
 .redioStyle >>> .el-radio__label {

+ 222 - 16
src/components/easy3/studyStudent.vue

@@ -1129,6 +1129,138 @@
                           </div>
                           </div>
                         </div>
                         </div>
                       </div>
                       </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(28)">
+                          <img
+                            src="../../assets/icon/secondToolList/translation.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">翻译</div>
+                        </div>
+                        <div class="check" @click="addTools2(28)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(28) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img
+                              src="../../assets/icon/checkedIs.png"
+                              alt
+                            /><span>已选择</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                        <div class="whiteBIcon" @click="addTools2(31)">
+                          <img
+                            src="../../assets/icon/secondToolList/networkPanel.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">数字画板</div>
+                        </div>
+                        <div class="check" @click="addTools2(31)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(31) == -1"
+                          />
+                          <div class="checkDiv" v-else>
+                            <img
+                              src="../../assets/icon/checkedIs.png"
+                              alt
+                            /><span>已选择</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(39)">
+                            <img
+                              src="../../assets/icon/secondToolList/GeoGebra.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">GeoGebra</div>
+                          </div>
+                          <div class="check" @click="addTools2(39)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(39) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(66)">
+                            <img
+                              src="../../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div class="check" @click="addTools2(66)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(66) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(67)">
+                            <img
+                              src="../../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div class="check" @click="addTools2(67)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(67) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(68)">
+                            <img
+                              src="../../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
+                          <div class="check" @click="addTools2(68)">
+                            <img
+                              src="../../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(68) == -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="toolType == 7">
                     <div class="toolSort" v-if="toolType == 7">
                       <div class="tool">
                       <div class="tool">
@@ -1828,6 +1960,30 @@
                             />
                             />
                             <div style="margin: 5px 0">挑人</div>
                             <div style="margin: 5px 0">挑人</div>
                           </div>
                           </div>
+                          <div v-if="tooC == 66">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div v-if="tooC == 67">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div v-if="tooC == 68">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
                         </div>
                         </div>
                       </div>
                       </div>
                     </div>
                     </div>
@@ -8887,7 +9043,7 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -8895,7 +9051,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -8976,7 +9132,7 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -8984,7 +9140,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -9055,7 +9211,7 @@
     >
     >
       <div>
       <div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -9063,7 +9219,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -9182,7 +9338,7 @@
           学生姓名:<span>{{ sStudent.student }}</span>
           学生姓名:<span>{{ sStudent.student }}</span>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">题目内容</div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -9190,7 +9346,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -16432,6 +16588,12 @@ export default {
         window.parent.postMessage({ tools: "39" }, "*");
         window.parent.postMessage({ tools: "39" }, "*");
       } else if (t == 32) {
       } else if (t == 32) {
         window.parent.postMessage({ tools: "32" }, "*");
         window.parent.postMessage({ tools: "32" }, "*");
+      } else if (t == 66) {
+        window.parent.postMessage({ tools: "66" }, "*");
+      } else if (t == 67) {
+        window.parent.postMessage({ tools: "67" }, "*");
+      } else if (t == 68) {
+        window.parent.postMessage({ tools: "68" }, "*");
       } else if (t == 57) {
       } else if (t == 57) {
         // window.parent.postMessage({ tools: "57" }, "*");
         // window.parent.postMessage({ tools: "57" }, "*");
         window.parent.postMessage(
         window.parent.postMessage(
@@ -17656,6 +17818,30 @@ export default {
         return;
         return;
       }
       }
 
 
+      if(i == 28){
+        window.parent.postMessage({ tools: "28" }, "*");
+      }
+
+      if(i == 31){
+        window.parent.postMessage({ tools: "31" }, "*");
+      }
+
+      if(i == 39){
+        window.parent.postMessage({ tools: "39" }, "*");
+      }
+
+      if(i == 66){
+        window.parent.postMessage({ tools: "66" }, "*");
+      }
+
+      if(i == 67){
+        window.parent.postMessage({ tools: "67" }, "*");
+      }
+
+      if(i == 68){
+        window.parent.postMessage({ tools: "68" }, "*");
+      }
+
       if (this.checktoolArray.length > 0) {
       if (this.checktoolArray.length > 0) {
         if (this.checktoolArray.indexOf(i) != -1) {
         if (this.checktoolArray.indexOf(i) != -1) {
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
@@ -19058,14 +19244,26 @@ export default {
 }
 }
 
 
 .a_addBox {
 .a_addBox {
-  margin: 10px 0;
-  background: #fff;
-  padding: 15px;
+  padding: 0 0 0 15px;
 }
 }
 
 
 .a_add_box {
 .a_add_box {
-  border-bottom: 2px solid #eee;
-  padding-bottom: 10px;
+  padding: 10px;
+  background: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 0 5px 0 #d5d5d5;
+}
+
+.askIndex {
+  background: #3681fc;
+  border-radius: 50%;
+  color: #fff;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  margin-right: 5px;
 }
 }
 
 
 .a_add_head {
 .a_add_head {
@@ -19098,19 +19296,27 @@ export default {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   flex-wrap: wrap;
   flex-wrap: wrap;
+  width: 100%;
 }
 }
 
 
-.a_add_input >>> el-radio-group {
-  margin: 10px 0;
+.a_add_input >>> .el-radio-group,
+.a_add_input >>> .el-checkbox-group {
+  width: 100%;
 }
 }
 
 
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-checkbox {
 .a_add_input >>> .el-checkbox {
-  margin-bottom: 10px;
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   flex-wrap: nowrap;
   flex-wrap: nowrap;
   align-items: center;
   align-items: center;
+  padding: 15px 0;
+}
+
+.a_add_input >>> .el-radio:not(:last-child),
+.a_add_input >>> .el-checkbox:not(:last-child){
+  width: 100%;
+  border-bottom: 1px solid #efefef;
 }
 }
 
 
 .redioStyle >>> .el-radio__label {
 .redioStyle >>> .el-radio__label {

+ 422 - 110
src/components/studyStudent.vue

@@ -264,7 +264,9 @@
             class="vedioBox"
             class="vedioBox"
             v-if="
             v-if="
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
-                .taskDetail != '' || vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0
+                .taskDetail != '' ||
+              vChapterData[taskCount].length > 0 ||
+              fileC[taskCount].length > 0
             "
             "
             style="border-radius: 0 0 20px 20px"
             style="border-radius: 0 0 20px 20px"
           >
           >
@@ -284,7 +286,12 @@
                 "
                 "
               >
               >
                 <div
                 <div
-                  style="padding: 15px 0; line-height: 29px; font-size: 18px;color:#0E1E33"
+                  style="
+                    padding: 15px 0;
+                    line-height: 29px;
+                    font-size: 18px;
+                    color: #0e1e33;
+                  "
                   class="cont"
                   class="cont"
                   v-if="
                   v-if="
                     chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
                     chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
@@ -651,7 +658,13 @@
                     courseDetail.course_teacher.indexOf(userid) != -1)
                     courseDetail.course_teacher.indexOf(userid) != -1)
                 "
                 "
               >
               >
-                <div class="queTop" style="padding: 15px 0 15px 37px;justify-content: space-between">
+                <div
+                  class="queTop"
+                  style="
+                    padding: 15px 0 15px 37px;
+                    justify-content: space-between;
+                  "
+                >
                   <div class="queTopTitle">工具栏</div>
                   <div class="queTopTitle">工具栏</div>
                   <div class="queTopRight">
                   <div class="queTopRight">
                     <div
                     <div
@@ -660,7 +673,9 @@
                       @click="isClose = 1"
                       @click="isClose = 1"
                     >
                     >
                       展开
                       展开
-                      <div class="closeImg"><img src="../assets/icon/newIcon/close.png" alt=""></div>
+                      <div class="closeImg">
+                        <img src="../assets/icon/newIcon/close.png" alt="" />
+                      </div>
                     </div>
                     </div>
                     <div
                     <div
                       class="queTopClose"
                       class="queTopClose"
@@ -668,7 +683,9 @@
                       @click="isClose = 0"
                       @click="isClose = 0"
                     >
                     >
                       收缩
                       收缩
-                      <div class="openImg"><img src="../assets/icon/newIcon/open.png" alt=""></div>
+                      <div class="openImg">
+                        <img src="../assets/icon/newIcon/open.png" alt="" />
+                      </div>
                     </div>
                     </div>
                     <el-button
                     <el-button
                       style="margin: 0 30px 0 auto"
                       style="margin: 0 30px 0 auto"
@@ -1125,6 +1142,138 @@
                             </div>
                             </div>
                           </div>
                           </div>
                         </div>
                         </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(28)">
+                            <img
+                              src="../assets/icon/secondToolList/translation.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">翻译</div>
+                          </div>
+                          <div class="check" @click="addTools2(28)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(28) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(31)">
+                            <img
+                              src="../assets/icon/secondToolList/networkPanel.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">数字画板</div>
+                          </div>
+                          <div class="check" @click="addTools2(31)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(31) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(39)">
+                            <img
+                              src="../assets/icon/secondToolList/GeoGebra.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">GeoGebra</div>
+                          </div>
+                          <div class="check" @click="addTools2(39)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(39) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(66)">
+                            <img
+                              src="../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div class="check" @click="addTools2(66)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(66) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(67)">
+                            <img
+                              src="../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div class="check" @click="addTools2(67)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(67) == -1"
+                            />
+                            <div class="checkDiv" v-else>
+                              <img
+                                src="../assets/icon/checkedIs.png"
+                                alt
+                              /><span>已选择</span>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="tool">
+                          <div class="whiteBIcon" @click="addTools2(68)">
+                            <img
+                              src="../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
+                          <div class="check" @click="addTools2(68)">
+                            <img
+                              src="../assets/icon/checkNo.png"
+                              alt
+                              v-if="checktoolArray.indexOf(68) == -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="toolType == 7">
                       <div class="toolSort" v-if="toolType == 7">
                         <div class="tool">
                         <div class="tool">
@@ -1423,7 +1572,12 @@
                   <div class="bzBox">
                   <div class="bzBox">
                     <div class="yCss"></div>
                     <div class="yCss"></div>
                     <div>步骤{{ toolIndex + 1 }}</div>
                     <div>步骤{{ toolIndex + 1 }}</div>
-                    <div v-if="timeWorkList[toolIndex].length > 0" style="margin: 0 0 0 10px;">{{ "时间:" + timeWorkList[toolIndex][0].time }} </div>
+                    <div
+                      v-if="timeWorkList[toolIndex].length > 0"
+                      style="margin: 0 0 0 10px"
+                    >
+                      {{ "时间:" + timeWorkList[toolIndex][0].time }}
+                    </div>
                   </div>
                   </div>
 
 
                   <div class="toolBox">
                   <div class="toolBox">
@@ -1798,6 +1952,30 @@
                             />
                             />
                             <div style="margin: 5px 0">挑人</div>
                             <div style="margin: 5px 0">挑人</div>
                           </div>
                           </div>
+                          <div v-if="tooC == 66">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/formulaEdi.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">公式编辑</div>
+                          </div>
+                          <div v-if="tooC == 67">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/molStr.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">分子结构</div>
+                          </div>
+                          <div v-if="tooC == 68">
+                            <img
+                              @click="addTools(tooC, toolIndex, taskCount)"
+                              src="../assets/icon/secondToolList/timeAxis.png"
+                              alt
+                            />
+                            <div style="margin: 5px 0">时间轴</div>
+                          </div>
                         </div>
                         </div>
                       </div>
                       </div>
                     </div>
                     </div>
@@ -3269,7 +3447,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -3423,7 +3604,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -3586,7 +3770,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -3829,7 +4016,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -3859,7 +4049,10 @@
                       :key="index"
                       :key="index"
                     >
                     >
                       <div>
                       <div>
-                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.askstitle }}</span>
+                        <span
+                          style="word-break: break-all; white-space: normal"
+                          >{{ index + 1 + "、" + item.askstitle }}</span
+                        >
                       </div>
                       </div>
                       <div class="right_box_xuan">
                       <div class="right_box_xuan">
                         <span>正确率</span>
                         <span>正确率</span>
@@ -3873,7 +4066,7 @@
                   </div>
                   </div>
                   <div
                   <div
                     class="xuan_right_box"
                     class="xuan_right_box"
-                    style="background: unset;padding: 0 10px;"
+                    style="background: unset; padding: 0 10px"
                     v-if="
                     v-if="
                       tType &&
                       tType &&
                       ((tType == 2 && sIsOpen == true) ||
                       ((tType == 2 && sIsOpen == true) ||
@@ -3991,7 +4184,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -4020,7 +4216,7 @@
                       v-for="(item, index) in tool.testJson.testJson"
                       v-for="(item, index) in tool.testJson.testJson"
                       :key="index"
                       :key="index"
                     >
                     >
-                      <div class="right_box_xuan" style="margin-right: 10px;">
+                      <div class="right_box_xuan" style="margin-right: 10px">
                         <span>正确率</span>
                         <span>正确率</span>
                         <span>{{
                         <span>{{
                           (checkJson[toolIndex][index].right
                           (checkJson[toolIndex][index].right
@@ -4029,13 +4225,16 @@
                         }}</span>
                         }}</span>
                       </div>
                       </div>
                       <div>
                       <div>
-                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.teststitle }}</span>
+                        <span
+                          style="word-break: break-all; white-space: normal"
+                          >{{ index + 1 + "、" + item.teststitle }}</span
+                        >
                       </div>
                       </div>
                     </div>
                     </div>
                   </div>
                   </div>
                   <div
                   <div
                     class="xuan_right_box"
                     class="xuan_right_box"
-                    style="background: unset;padding: 0 10px;"
+                    style="background: unset; padding: 0 10px"
                     v-if="
                     v-if="
                       tType &&
                       tType &&
                       ((tType == 2 && sIsOpen == true) ||
                       ((tType == 2 && sIsOpen == true) ||
@@ -4134,7 +4333,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -4425,7 +4627,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -4702,7 +4907,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -4979,7 +5187,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5256,7 +5467,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5532,7 +5746,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5635,7 +5852,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5761,7 +5981,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5928,7 +6151,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -5998,7 +6224,10 @@
                       :key="index"
                       :key="index"
                     >
                     >
                       <div>
                       <div>
-                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.sentenceTitle }}</span>
+                        <span
+                          style="word-break: break-all; white-space: normal"
+                          >{{ index + 1 + "、" + item.sentenceTitle }}</span
+                        >
                       </div>
                       </div>
                       <div class="right_box_xuan">
                       <div class="right_box_xuan">
                         <span>正确率</span>
                         <span>正确率</span>
@@ -6153,7 +6382,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -6306,7 +6538,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -6530,7 +6765,10 @@
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                     <div style="font-size: 18px" v-if="courseDetail.juri != ''">
                       未提交
                       未提交
                     </div>
                     </div>
-                    <div class="noWorksS"  v-if="noWorksS && noWorksS[toolIndex].length">
+                    <div
+                      class="noWorksS"
+                      v-if="noWorksS && noWorksS[toolIndex].length"
+                    >
                       <div
                       <div
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         v-for="(s, sIndex) in noWorksS[toolIndex]"
                         :key="sIndex"
                         :key="sIndex"
@@ -7444,7 +7682,9 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -7452,7 +7692,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex"> {{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -7533,7 +7773,9 @@
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
           <div style="font-size: 20px">{{ askJson.askTitle }}</div>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in askJson.askCount"
             v-for="(item1, index1) in askJson.askCount"
@@ -7541,7 +7783,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex">{{ index1 + 1 }}</span>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
                 <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
               </div>
               </div>
               <img
               <img
@@ -7621,7 +7863,9 @@
           <div style="font-size: 20px">{{ testJson.testTitle }}</div>
           <div style="font-size: 20px">{{ testJson.testTitle }}</div>
         </div> -->
         </div> -->
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -7629,7 +7873,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -7748,7 +7992,9 @@
           学生姓名:<span>{{ sStudent.student }}</span>
           学生姓名:<span>{{ sStudent.student }}</span>
         </div>
         </div>
         <div class="a_addBox">
         <div class="a_addBox">
-          <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
+          <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
+            题目内容
+          </div>
           <div
           <div
             class="a_add_box"
             class="a_add_box"
             v-for="(item1, index1) in testJson.testCount"
             v-for="(item1, index1) in testJson.testCount"
@@ -7756,7 +8002,7 @@
           >
           >
             <div class="a_add_head">
             <div class="a_add_head">
               <div style="display: flex">
               <div style="display: flex">
-                {{ index1 + 1 + "、" }}
+                <span class="askIndex">{{ index1 + 1 }}</span>
                 <div
                 <div
                   v-if="testJson.testJson[index1].type == '1'"
                   v-if="testJson.testJson[index1].type == '1'"
                   style="margin-right: 5px; min-width: 70px"
                   style="margin-right: 5px; min-width: 70px"
@@ -10214,7 +10460,15 @@
       center
       center
     >
     >
       <div class="pick_box">
       <div class="pick_box">
-        <div class="noWorksName" :class="{isSelectName: isPickStudent.indexOf(item.userid) !== -1}" v-for="(item,index) in uploadStudentJuri" :key="index" @click="pickStudent(item)">{{item.name}}</div>
+        <div
+          class="noWorksName"
+          :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
+          v-for="(item, index) in uploadStudentJuri"
+          :key="index"
+          @click="pickStudent(item)"
+        >
+          {{ item.name }}
+        </div>
       </div>
       </div>
     </el-dialog>
     </el-dialog>
   </div>
   </div>
@@ -10377,7 +10631,7 @@ export default {
       imgList: [],
       imgList: [],
       noImgList: [],
       noImgList: [],
       pzList: [],
       pzList: [],
-      timeWorkList:[],
+      timeWorkList: [],
       PlTextList: [
       PlTextList: [
         "Excellent!",
         "Excellent!",
         "nice!",
         "nice!",
@@ -10686,6 +10940,30 @@ export default {
         return;
         return;
       }
       }
 
 
+      if (i == 28) {
+        window.parent.postMessage({ tools: "28" }, "*");
+      }
+
+      if (i == 31) {
+        window.parent.postMessage({ tools: "31" }, "*");
+      }
+
+      if (i == 39) {
+        window.parent.postMessage({ tools: "39" }, "*");
+      }
+
+      if (i == 66) {
+        window.parent.postMessage({ tools: "66" }, "*");
+      }
+
+      if (i == 67) {
+        window.parent.postMessage({ tools: "67" }, "*");
+      }
+
+      if (i == 68) {
+        window.parent.postMessage({ tools: "68" }, "*");
+      }
+
       if (this.checktoolArray.length > 0) {
       if (this.checktoolArray.length > 0) {
         if (this.checktoolArray.indexOf(i) != -1) {
         if (this.checktoolArray.indexOf(i) != -1) {
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
           this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
@@ -11421,7 +11699,7 @@ export default {
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
         .then((res) => {
           loading.close();
           loading.close();
-          this.uploadStudentJuri = res.data[0]
+          this.uploadStudentJuri = res.data[0];
           this.dialogVisiblePickPeople = true;
           this.dialogVisiblePickPeople = true;
         })
         })
         .catch((err) => {
         .catch((err) => {
@@ -12883,7 +13161,7 @@ export default {
                     commentCount: commentCount,
                     commentCount: commentCount,
                     isLikes: isLikes,
                     isLikes: isLikes,
                     commentJson: commentJson,
                     commentJson: commentJson,
-                  }
+                  };
                   _worksStudent[i].push(_work);
                   _worksStudent[i].push(_work);
                   _worksStudent2[i].push(_work);
                   _worksStudent2[i].push(_work);
                   this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
                   this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
@@ -15689,6 +15967,12 @@ export default {
         window.parent.postMessage({ tools: "39" }, "*");
         window.parent.postMessage({ tools: "39" }, "*");
       } else if (t == 32) {
       } else if (t == 32) {
         window.parent.postMessage({ tools: "32" }, "*");
         window.parent.postMessage({ tools: "32" }, "*");
+      } else if (t == 66) {
+        window.parent.postMessage({ tools: "66" }, "*");
+      } else if (t == 67) {
+        window.parent.postMessage({ tools: "67" }, "*");
+      } else if (t == 68) {
+        window.parent.postMessage({ tools: "68" }, "*");
       } else if (t == 57) {
       } else if (t == 57) {
         // window.parent.postMessage({ tools: "57" }, "*");
         // window.parent.postMessage({ tools: "57" }, "*");
         window.parent.postMessage(
         window.parent.postMessage(
@@ -15723,7 +16007,7 @@ export default {
           );
           );
           return;
           return;
         }
         }
-        this.selectPickStudent()
+        this.selectPickStudent();
       } else if (t == 26) {
       } else if (t == 26) {
         window.parent.postMessage(
         window.parent.postMessage(
           {
           {
@@ -16873,8 +17157,8 @@ export default {
       this.wordCloudData = array;
       this.wordCloudData = array;
       this.dialogVisibleWordCloud = true;
       this.dialogVisibleWordCloud = true;
     },
     },
-    pickStudent(stu){
-      if(this.isPickStudent.indexOf(stu.userid) !== -1){
+    pickStudent(stu) {
+      if (this.isPickStudent.indexOf(stu.userid) !== -1) {
         return;
         return;
       }
       }
       this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
       this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
@@ -16883,18 +17167,20 @@ export default {
         type: "warning",
         type: "warning",
       })
       })
         .then(() => {
         .then(() => {
-          let params = [{
-            uid:stu.userid,
-            cid:this.id,
-            stage:this.courseType,
-            task:this.taskCount,
-            tool:this.toolindex
-          }]
+          let params = [
+            {
+              uid: stu.userid,
+              cid: this.id,
+              stage: this.courseType,
+              task: this.taskCount,
+              tool: this.toolindex,
+            },
+          ];
           this.ajax
           this.ajax
             .post(this.$store.state.api + "updateCoursePick", params)
             .post(this.$store.state.api + "updateCoursePick", params)
             .then((res) => {
             .then((res) => {
-              this.$message.success("操作成功")
-              this.getPick()
+              this.$message.success("操作成功");
+              this.getPick();
             })
             })
             .catch((err) => {
             .catch((err) => {
               this.$message.error("网络不佳");
               this.$message.error("网络不佳");
@@ -16903,48 +17189,50 @@ export default {
         })
         })
         .catch(() => {});
         .catch(() => {});
     },
     },
-    getPick(){
+    getPick() {
       let params = {
       let params = {
-        cid:this.id
-      }
+        cid: this.id,
+      };
       this.ajax
       this.ajax
-            .get(this.$store.state.api + "getPick", params)
-            .then((res) => {
-              let array = []
-              for(var i = 0; i < res.data[0].length;i++){
-                array.push(res.data[0][i].userid)
-              }
-              this.isPickStudent = array
-              if(array.indexOf(this.userid) !== -1){
-                this.$confirm("你被老师选到啦!", "提示", {
-                  confirmButtonText: "确定",
-                  showCancelButton:false,
-                  closeOnClickModal:false,
-                  type: "warning",
-                })
-                  .then(() => {
-                    let pa = [{
-                      uid: this.userid,
-                      cid: this.id
-                    }]
-                    this.ajax
-                      .post(this.$store.state.api + "deletePick", pa)
-                      .then((res) => {
-                        this.getPick()
-                      })
-                      .catch((err) => {
-                        this.$message.error("网络不佳");
-                        console.error(err);
-                      });
-                  })
-                  .catch(() => {});
-              }
+        .get(this.$store.state.api + "getPick", params)
+        .then((res) => {
+          let array = [];
+          for (var i = 0; i < res.data[0].length; i++) {
+            array.push(res.data[0][i].userid);
+          }
+          this.isPickStudent = array;
+          if (array.indexOf(this.userid) !== -1) {
+            this.$confirm("你被老师选到啦!", "提示", {
+              confirmButtonText: "确定",
+              showCancelButton: false,
+              closeOnClickModal: false,
+              type: "warning",
             })
             })
-            .catch((err) => {
-              this.$message.error("网络不佳");
-              console.error(err);
-            });
-    }
+              .then(() => {
+                let pa = [
+                  {
+                    uid: this.userid,
+                    cid: this.id,
+                  },
+                ];
+                this.ajax
+                  .post(this.$store.state.api + "deletePick", pa)
+                  .then((res) => {
+                    this.getPick();
+                  })
+                  .catch((err) => {
+                    this.$message.error("网络不佳");
+                    console.error(err);
+                  });
+              })
+              .catch(() => {});
+          }
+        })
+        .catch((err) => {
+          this.$message.error("网络不佳");
+          console.error(err);
+        });
+    },
   },
   },
   directives: {
   directives: {
     // 使用局部注册指令的方式
     // 使用局部注册指令的方式
@@ -17938,7 +18226,8 @@ export default {
   display: flex;
   display: flex;
 }
 }
 
 
-.closeImg,.openImg{
+.closeImg,
+.openImg {
   width: 25px;
   width: 25px;
   height: 25px;
   height: 25px;
   position: absolute;
   position: absolute;
@@ -17946,8 +18235,9 @@ export default {
   top: -1px;
   top: -1px;
 }
 }
 
 
-.closeImg > img,.openImg > img{
-  width:100%;
+.closeImg > img,
+.openImg > img {
+  width: 100%;
   height: 100%;
   height: 100%;
 }
 }
 .question {
 .question {
@@ -18144,14 +18434,15 @@ export default {
 }
 }
 
 
 .a_addBox {
 .a_addBox {
-  margin: 10px 0;
-  background: #fff;
-  padding: 15px;
+  padding: 0 0 0 15px;
 }
 }
 
 
 .a_add_box {
 .a_add_box {
-  border-bottom: 2px solid #eee;
-  padding-bottom: 10px;
+  padding: 10px;
+  background: #fff;
+  margin-bottom: 10px;
+  border-radius: 5px;
+  box-shadow: 0 0 5px 0 #d5d5d5;
 }
 }
 
 
 .a_add_head {
 .a_add_head {
@@ -18165,6 +18456,17 @@ export default {
   width: 100%;
   width: 100%;
 }
 }
 
 
+.askIndex {
+  background: #3681fc;
+  border-radius: 50%;
+  color: #fff;
+  width: 25px;
+  height: 25px;
+  text-align: center;
+  line-height: 25px;
+  margin-right: 5px;
+}
+
 .a_add_head .a_add_head_input {
 .a_add_head .a_add_head_input {
   width: 300px;
   width: 300px;
 }
 }
@@ -18184,26 +18486,35 @@ export default {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   flex-wrap: wrap;
   flex-wrap: wrap;
+  width: 100%;
 }
 }
 
 
-.a_add_input >>> el-radio-group {
-  margin: 10px 0;
+.a_add_input >>> .el-radio-group,
+.a_add_input >>> .el-checkbox-group {
+  width: 100%;
 }
 }
 
 
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-radio,
 .a_add_input >>> .el-checkbox {
 .a_add_input >>> .el-checkbox {
-  margin-bottom: 10px;
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   flex-wrap: nowrap;
   flex-wrap: nowrap;
   align-items: center;
   align-items: center;
+  padding: 15px 0;
+}
+
+.a_add_input >>> .el-radio:not(:last-child),
+.a_add_input >>> .el-checkbox:not(:last-child){
+  width: 100%;
+  border-bottom: 1px solid #efefef;
 }
 }
 
 
 .redioStyle >>> .el-radio__label {
 .redioStyle >>> .el-radio__label {
   font-size: 18px;
   font-size: 18px;
 }
 }
 
 
-.redioStyle >>> .el-radio__label > span,.redioStyle >>> .el-checkbox__label > span{
+.redioStyle >>> .el-radio__label > span,
+.redioStyle >>> .el-checkbox__label > span {
   word-break: break-all;
   word-break: break-all;
   white-space: normal;
   white-space: normal;
 }
 }
@@ -18503,7 +18814,7 @@ export default {
 
 
 .taskBox {
 .taskBox {
   width: 98%;
   width: 98%;
-  background: #F0F4FA;
+  background: #f0f4fa;
   margin: 10px auto;
   margin: 10px auto;
   padding: 0 10px;
   padding: 0 10px;
   border-radius: 4px;
   border-radius: 4px;
@@ -18661,7 +18972,7 @@ export default {
   padding: 5px;
   padding: 5px;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
   cursor: pointer;
   cursor: pointer;
-  border: 1px solid #3681FC;
+  border: 1px solid #3681fc;
 }
 }
 .isWorksName2 {
 .isWorksName2 {
   width: 100px;
   width: 100px;
@@ -18671,13 +18982,13 @@ export default {
 }
 }
 
 
 .isWorksName {
 .isWorksName {
-  background: #E7EBF1 !important;
+  background: #e7ebf1 !important;
   width: 100px;
   width: 100px;
   height: 40px;
   height: 40px;
   line-height: 40px;
   line-height: 40px;
   position: relative;
   position: relative;
-  color: #ACB4BF;
-  border: 1px solid #CAD1DC !important;
+  color: #acb4bf;
+  border: 1px solid #cad1dc !important;
 }
 }
 
 
 .isSelectName,
 .isSelectName,
@@ -20490,6 +20801,7 @@ ol {
 .radioBox >>> .el-checkbox__label {
 .radioBox >>> .el-checkbox__label {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
+  width: 100%;
 }
 }
 
 
 .radioBox >>> .el-radio__label > span {
 .radioBox >>> .el-radio__label > span {
@@ -20833,7 +21145,7 @@ ol {
   height: 100%;
   height: 100%;
 }
 }
 
 
-.pick_box{
+.pick_box {
   display: flex;
   display: flex;
   align-items: flex-start;
   align-items: flex-start;
   flex-wrap: wrap;
   flex-wrap: wrap;