Browse Source

修改样式

zengyicheng 1 year ago
parent
commit
74d9574a81

BIN
src/assets/icon/newIcon/close.png


BIN
src/assets/icon/newIcon/open.png


+ 20 - 6
src/components/components/askStatic.vue

@@ -30,12 +30,26 @@
                 v-for="(item1, checkIndex) in item.askItem"
                 :key="checkIndex"
               >
-                <span :class="{ right: item.answer == checkIndex }"
-                  ><span
-                    style="max-width: calc(100% - 40px); width: auto"
-                    v-html="item.checkList[checkIndex]"
-                  ></span
-                ></span>
+                <span :class="{ right: item.answer == checkIndex }">
+                  <el-tooltip
+                    effect="light"
+                    :content="item.checkList[checkIndex]"
+                    placement="top"
+                  >
+                    <span
+                      style="
+                        max-width: calc(100% - 40px);
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-word;
+                        width: auto;
+                        display: block;
+                      "
+                      v-html="item.checkList[checkIndex]"
+                    ></span>
+                  </el-tooltip>
+                </span>
                 <span>{{
                   checkJson[index].checkCount[checkIndex]
                     ? checkJson[index].checkCount[checkIndex]

+ 15 - 5
src/components/courseDetail.vue

@@ -215,7 +215,7 @@
                 class="courseItem"
                 v-for="(item, index) in chapInfo"
                 :key="index"
-                @click="addUserRate(index)"
+                @click="goToStudyRate(index)"
                 :class="{
                   disabled: isFollow == 2 && tType == 2 && followC != index,
                 }"
@@ -231,7 +231,7 @@
                     {{ item.dyName }}
                   </div>
                 </div>
-                <div style="font-size: 14px; font-weight: 400; color: #717c8d">
+                <div style="font-size: 14px; font-weight: 400">
                   {{ item.chapterInfo[0].taskJson.length }}个任务
                 </div>
               </div>
@@ -1156,7 +1156,17 @@ export default {
         this.addUserRate(0);
       }
     },
-
+    goToStudyRate(i) {
+      if (this.tType == 2) {
+        this.addUserRate(i);
+      } else {
+        if (this.classList.length > 0) {
+          this.dialogVisibleSk = true;
+        } else {
+          this.addUserRate(0);
+        }
+      }
+    },
     addUserRate(i) {
       // var suid = this.userid;
       // if (
@@ -1968,7 +1978,8 @@ export default {
 .courseItem {
   width: 299px;
   height: 70px;
-  background: #f0f4fa;
+  background: #3681fc;
+  color: #fff;
   border-radius: 8px;
   margin-right: 16px;
   margin-bottom: 16px;
@@ -1986,7 +1997,6 @@ export default {
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: center;
-  color: #0e1e33;
   align-items: flex-start;
 }
 

+ 133 - 85
src/components/easy2/studyStudent.vue

@@ -234,7 +234,9 @@
             class="vedioBox"
             v-if="
               chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
-                .taskDetail != '' || vChapterData[taskCount].length > 0 || fileC[taskCount].length > 0
+                .taskDetail != '' ||
+              vChapterData[taskCount].length > 0 ||
+              fileC[taskCount].length > 0
             "
           >
             <div
@@ -660,6 +662,9 @@
                     @click="isClose = 1"
                   >
                     展开
+                    <div class="closeImg">
+                      <img src="../../assets/icon/newIcon/close.png" alt="" />
+                    </div>
                   </div>
                   <div
                     class="queTopClose"
@@ -667,6 +672,9 @@
                     @click="isClose = 0"
                   >
                     收缩
+                    <div class="openImg">
+                      <img src="../../assets/icon/newIcon/open.png" alt="" />
+                    </div>
                   </div>
                   <el-button
                     style="margin: 0 30px 0 auto"
@@ -756,27 +764,27 @@
                         </div>
                       </div>
                       <div class="tool">
-                          <div class="whiteBIcon" @click="addTools2(65)">
-                            <img
-                              src="../../assets/icon/firstToolList/pickPeople.png"
-                              alt
-                            />
-                            <div style="margin: 5px 0">挑人</div>
-                          </div>
-                          <div class="check" @click="addTools2(65)">
+                        <div class="whiteBIcon" @click="addTools2(65)">
+                          <img
+                            src="../../assets/icon/firstToolList/pickPeople.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">挑人</div>
+                        </div>
+                        <div class="check" @click="addTools2(65)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(65) == -1"
+                          />
+                          <div class="checkDiv" v-else>
                             <img
-                              src="../../assets/icon/checkNo.png"
+                              src="../../assets/icon/checkedIs.png"
                               alt
-                              v-if="checktoolArray.indexOf(65) == -1"
-                            />
-                            <div class="checkDiv" v-else>
-                              <img
-                                src="../../assets/icon/checkedIs.png"
-                                alt
-                              /><span>已选择</span>
-                            </div>
+                            /><span>已选择</span>
                           </div>
                         </div>
+                      </div>
                     </div>
                     <div class="toolSort" v-if="toolType == 1">
                       <div class="tool">
@@ -3709,7 +3717,9 @@
                   :key="index"
                 >
                   <div>
-                    <span>{{ index + 1 + "、" + item.askstitle }}</span>
+                    <span style="word-break: break-all; white-space: normal">{{
+                      index + 1 + "、" + item.askstitle
+                    }}</span>
                   </div>
                   <div class="right_box_xuan">
                     <span>正确率</span>
@@ -3762,10 +3772,7 @@
                   v-for="(item, index) in tool.testJson.testJson"
                   :key="index"
                 >
-                  <div>
-                    <span>{{ index + 1 + "、" + item.teststitle }}</span>
-                  </div>
-                  <div class="right_box_xuan">
+                  <div class="right_box_xuan" style="margin-right: 10px">
                     <span>正确率</span>
                     <span>{{
                       (checkJson[toolIndex][index].right
@@ -3773,6 +3780,11 @@
                         : 0) + "%"
                     }}</span>
                   </div>
+                  <div>
+                    <span style="word-break: break-all; white-space: normal">{{
+                      index + 1 + "、" + item.teststitle
+                    }}</span>
+                  </div>
                 </div>
               </div>
               <div
@@ -11610,7 +11622,15 @@
       center
     >
       <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>
     </el-dialog>
   </div>
@@ -12660,7 +12680,7 @@ export default {
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
           loading.close();
-          this.uploadStudentJuri = res.data[0]
+          this.uploadStudentJuri = res.data[0];
           this.dialogVisiblePickPeople = true;
         })
         .catch((err) => {
@@ -16581,7 +16601,7 @@ export default {
           );
           return;
         }
-        this.selectPickStudent()
+        this.selectPickStudent();
       } else if (t == 26) {
         window.parent.postMessage(
           {
@@ -17892,8 +17912,8 @@ export default {
       this.wordCloudData = array;
       this.dialogVisibleWordCloud = true;
     },
-    pickStudent(stu){
-      if(this.isPickStudent.indexOf(stu.userid) !== -1){
+    pickStudent(stu) {
+      if (this.isPickStudent.indexOf(stu.userid) !== -1) {
         return;
       }
       this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
@@ -17902,18 +17922,20 @@ export default {
         type: "warning",
       })
         .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
             .post(this.$store.state.api + "updateCoursePick", params)
             .then((res) => {
-              this.$message.success("操作成功")
-              this.getPick()
+              this.$message.success("操作成功");
+              this.getPick();
             })
             .catch((err) => {
               this.$message.error("网络不佳");
@@ -17922,48 +17944,50 @@ export default {
         })
         .catch(() => {});
     },
-    getPick(){
+    getPick() {
       let params = {
-        cid:this.id
-      }
+        cid: this.id,
+      };
       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: {
     // 使用局部注册指令的方式
@@ -18656,7 +18680,7 @@ export default {
 .returnBtn {
   width: 86px;
   height: 36px;
-  background: #409eff;
+  background: #3681fc;
   border-radius: 4px;
   color: #fff;
   text-align: center;
@@ -18944,8 +18968,25 @@ export default {
   align-items: center;
 }
 .queTopClose {
-  margin-right: 20px;
+  margin-right: 30px;
   cursor: pointer;
+  position: relative;
+  display: flex;
+}
+
+.closeImg,
+.openImg {
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  right: -20px;
+  top: -1px;
+}
+
+.closeImg > img,
+.openImg > img {
+  width: 100%;
+  height: 100%;
 }
 
 .question {
@@ -19210,6 +19251,12 @@ export default {
   font-size: 18px;
 }
 
+.redioStyle >>> .el-radio__label > span,
+.redioStyle >>> .el-checkbox__label > span {
+  word-break: break-all;
+  white-space: normal;
+}
+
 .redioStyle >>> .el-checkbox__label {
   font-size: 18px;
 }
@@ -19418,7 +19465,7 @@ export default {
 
 .cru_selectBox {
   overflow: auto;
-  width: 90%;
+  width: 95%;
   margin: 17px auto 0;
   height: calc(100% - 40px - 21px - 20px - 17px);
 }
@@ -19632,13 +19679,13 @@ export default {
   padding: 5px;
   text-overflow: ellipsis;
   cursor: pointer;
-  border: 1px solid #3681FC;
+  border: 1px solid #3681fc;
 }
 
 .noWorksName.isWork {
-  background: #E7EBF1 !important;
-  border: 1px solid #CAD1DC !important;
-  color: #ACB4BF !important;
+  background: #e7ebf1 !important;
+  border: 1px solid #cad1dc !important;
+  color: #acb4bf !important;
 }
 
 .isWorksName {
@@ -20523,6 +20570,7 @@ export default {
   border-radius: 5px;
   padding: 5px;
   margin-left: 10px;
+  min-width: 95px;
 }
 
 .pButton:hover {
@@ -20595,7 +20643,7 @@ export default {
 .pzTop2 .checkbox {
   display: flex;
   align-items: center;
-  padding: 15px 30px;
+  padding: 5px 30px;
   flex: 0 0 auto;
   font-weight: bold;
   border-bottom: 1px solid #eee;
@@ -21857,7 +21905,7 @@ ol {
   margin-left: 10px;
 }
 
-.pick_box{
+.pick_box {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;

+ 130 - 84
src/components/easy3/studyStudent.vue

@@ -646,6 +646,9 @@
                     @click="isClose = 1"
                   >
                     展开
+                    <div class="closeImg">
+                      <img src="../../assets/icon/newIcon/close.png" alt="" />
+                    </div>
                   </div>
                   <div
                     class="queTopClose"
@@ -653,6 +656,9 @@
                     @click="isClose = 0"
                   >
                     收缩
+                    <div class="openImg">
+                      <img src="../../assets/icon/newIcon/open.png" alt="" />
+                    </div>
                   </div>
                   <el-button
                     style="margin: 0 30px 0 auto"
@@ -742,27 +748,27 @@
                         </div>
                       </div>
                       <div class="tool">
-                          <div class="whiteBIcon" @click="addTools2(65)">
-                            <img
-                              src="../../assets/icon/firstToolList/pickPeople.png"
-                              alt
-                            />
-                            <div style="margin: 5px 0">挑人</div>
-                          </div>
-                          <div class="check" @click="addTools2(65)">
+                        <div class="whiteBIcon" @click="addTools2(65)">
+                          <img
+                            src="../../assets/icon/firstToolList/pickPeople.png"
+                            alt
+                          />
+                          <div style="margin: 5px 0">挑人</div>
+                        </div>
+                        <div class="check" @click="addTools2(65)">
+                          <img
+                            src="../../assets/icon/checkNo.png"
+                            alt
+                            v-if="checktoolArray.indexOf(65) == -1"
+                          />
+                          <div class="checkDiv" v-else>
                             <img
-                              src="../../assets/icon/checkNo.png"
+                              src="../../assets/icon/checkedIs.png"
                               alt
-                              v-if="checktoolArray.indexOf(65) == -1"
-                            />
-                            <div class="checkDiv" v-else>
-                              <img
-                                src="../../assets/icon/checkedIs.png"
-                                alt
-                              /><span>已选择</span>
-                            </div>
+                            /><span>已选择</span>
                           </div>
                         </div>
+                      </div>
                     </div>
                     <div class="toolSort" v-if="toolType == 1">
                       <div class="tool">
@@ -3699,7 +3705,9 @@
                   :key="index"
                 >
                   <div>
-                    <span>{{ index + 1 + "、" + item.askstitle }}</span>
+                    <span style="word-break: break-all; white-space: normal">{{
+                      index + 1 + "、" + item.askstitle
+                    }}</span>
                   </div>
                   <div class="right_box_xuan">
                     <span>正确率</span>
@@ -3752,10 +3760,7 @@
                   v-for="(item, index) in tool.testJson.testJson"
                   :key="index"
                 >
-                  <div>
-                    <span>{{ index + 1 + "、" + item.teststitle }}</span>
-                  </div>
-                  <div class="right_box_xuan">
+                  <div class="right_box_xuan" style="margin-right: 10px">
                     <span>正确率</span>
                     <span>{{
                       (checkJson[toolIndex][index].right
@@ -3763,6 +3768,11 @@
                         : 0) + "%"
                     }}</span>
                   </div>
+                  <div>
+                    <span style="word-break: break-all; white-space: normal">{{
+                      index + 1 + "、" + item.teststitle
+                    }}</span>
+                  </div>
                 </div>
               </div>
               <div
@@ -11600,7 +11610,15 @@
       center
     >
       <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>
     </el-dialog>
   </div>
@@ -12650,7 +12668,7 @@ export default {
         .get(this.$store.state.api + "selectSnameByCidGroup", params)
         .then((res) => {
           loading.close();
-          this.uploadStudentJuri = res.data[0]
+          this.uploadStudentJuri = res.data[0];
           this.dialogVisiblePickPeople = true;
         })
         .catch((err) => {
@@ -16447,7 +16465,7 @@ export default {
           );
           return;
         }
-        this.selectPickStudent()
+        this.selectPickStudent();
       } else if (t == 26) {
         window.parent.postMessage(
           {
@@ -17758,8 +17776,8 @@ export default {
       this.wordCloudData = array;
       this.dialogVisibleWordCloud = true;
     },
-    pickStudent(stu){
-      if(this.isPickStudent.indexOf(stu.userid) !== -1){
+    pickStudent(stu) {
+      if (this.isPickStudent.indexOf(stu.userid) !== -1) {
         return;
       }
       this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
@@ -17768,18 +17786,20 @@ export default {
         type: "warning",
       })
         .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
             .post(this.$store.state.api + "updateCoursePick", params)
             .then((res) => {
-              this.$message.success("操作成功")
-              this.getPick()
+              this.$message.success("操作成功");
+              this.getPick();
             })
             .catch((err) => {
               this.$message.error("网络不佳");
@@ -17788,48 +17808,50 @@ export default {
         })
         .catch(() => {});
     },
-    getPick(){
+    getPick() {
       let params = {
-        cid:this.id
-      }
+        cid: this.id,
+      };
       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: {
     // 使用局部注册指令的方式
@@ -18522,7 +18544,7 @@ export default {
 .returnBtn {
   width: 86px;
   height: 36px;
-  background: #409eff;
+  background: #3681fc;
   border-radius: 4px;
   color: #fff;
   text-align: center;
@@ -18810,8 +18832,25 @@ export default {
   align-items: center;
 }
 .queTopClose {
-  margin-right: 20px;
+  margin-right: 30px;
   cursor: pointer;
+  position: relative;
+  display: flex;
+}
+
+.closeImg,
+.openImg {
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  right: -20px;
+  top: -1px;
+}
+
+.closeImg > img,
+.openImg > img {
+  width: 100%;
+  height: 100%;
 }
 
 .question {
@@ -19071,6 +19110,12 @@ export default {
   font-size: 18px;
 }
 
+.redioStyle >>> .el-radio__label > span,
+.redioStyle >>> .el-checkbox__label > span {
+  word-break: break-all;
+  white-space: normal;
+}
+
 .redioStyle >>> .el-checkbox__label {
   font-size: 18px;
 }
@@ -19279,7 +19324,7 @@ export default {
 
 .cru_selectBox {
   overflow: auto;
-  width: 90%;
+  width: 95%;
   margin: 17px auto 0;
   height: calc(100% - 40px - 21px - 20px - 17px);
 }
@@ -19493,13 +19538,13 @@ export default {
   padding: 5px;
   text-overflow: ellipsis;
   cursor: pointer;
-  border: 1px solid #3681FC;
+  border: 1px solid #3681fc;
 }
 
 .noWorksName.isWork {
-  background: #E7EBF1 !important;
-  border: 1px solid #CAD1DC !important;
-  color: #ACB4BF !important;
+  background: #e7ebf1 !important;
+  border: 1px solid #cad1dc !important;
+  color: #acb4bf !important;
 }
 
 .isWorksName {
@@ -20384,6 +20429,7 @@ export default {
   border-radius: 5px;
   padding: 5px;
   margin-left: 10px;
+  min-width: 95px;
 }
 
 .pButton:hover {
@@ -20456,7 +20502,7 @@ export default {
 .pzTop2 .checkbox {
   display: flex;
   align-items: center;
-  padding: 15px 30px;
+  padding: 5px 30px;
   flex: 0 0 auto;
   font-weight: bold;
   border-bottom: 1px solid #eee;
@@ -21739,7 +21785,7 @@ ol {
   margin-left: 10px;
 }
 
-.pick_box{
+.pick_box {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;

+ 38 - 29
src/components/studyStudent.vue

@@ -56,7 +56,7 @@
           <div
             style="
               background: #fff;
-              margin: 20px 18px 10px 18px;
+              margin: 20px 10px 10px 10px;
               border-radius: 8px;
             "
             v-for="(item, stageIndex) in navList"
@@ -660,6 +660,7 @@
                       @click="isClose = 1"
                     >
                       展开
+                      <div class="closeImg"><img src="../assets/icon/newIcon/close.png" alt=""></div>
                     </div>
                     <div
                       class="queTopClose"
@@ -667,6 +668,7 @@
                       @click="isClose = 0"
                     >
                       收缩
+                      <div class="openImg"><img src="../assets/icon/newIcon/open.png" alt=""></div>
                     </div>
                     <el-button
                       style="margin: 0 30px 0 auto"
@@ -3856,7 +3858,7 @@
                       :key="index"
                     >
                       <div>
-                        <span>{{ index + 1 + "、" + item.askstitle }}</span>
+                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.askstitle }}</span>
                       </div>
                       <div class="right_box_xuan">
                         <span>正确率</span>
@@ -4017,10 +4019,7 @@
                       v-for="(item, index) in tool.testJson.testJson"
                       :key="index"
                     >
-                      <div>
-                        <span>{{ index + 1 + "、" + item.teststitle }}</span>
-                      </div>
-                      <div class="right_box_xuan">
+                      <div class="right_box_xuan" style="margin-right: 10px;">
                         <span>正确率</span>
                         <span>{{
                           (checkJson[toolIndex][index].right
@@ -4028,6 +4027,9 @@
                             : 0) + "%"
                         }}</span>
                       </div>
+                      <div>
+                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.teststitle }}</span>
+                      </div>
                     </div>
                   </div>
                   <div
@@ -5995,7 +5997,7 @@
                       :key="index"
                     >
                       <div>
-                        <span>{{ index + 1 + "、" + item.sentenceTitle }}</span>
+                        <span style="word-break: break-all;white-space: normal;">{{ index + 1 + "、" + item.sentenceTitle }}</span>
                       </div>
                       <div class="right_box_xuan">
                         <span>正确率</span>
@@ -17275,19 +17277,6 @@ export default {
   padding: 20px;
 }
 
-.upbtn {
-  margin: 25px;
-  background: #70afdb;
-  color: #fff;
-  width: 120px;
-  text-align: center;
-  height: 30px;
-  line-height: 30px;
-  font-size: 13px;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
 .filebox {
   display: flex;
   flex-wrap: wrap;
@@ -17475,7 +17464,7 @@ export default {
 .upload_send {
   margin: 30px auto 30px;
   width: 60%;
-  background: #169bd6;
+  background: #3681fc;
   text-align: center;
   height: 35px;
   line-height: 35px;
@@ -17561,7 +17550,7 @@ export default {
 .upFile {
   margin: 0 auto;
   width: 120px;
-  background: #70afdb;
+  background: #3681fc;
   color: #fff;
   height: 30px;
   text-align: center;
@@ -17627,7 +17616,7 @@ export default {
 .returnBtn {
   width: 86px;
   height: 36px;
-  background: #409eff;
+  background: #3681fc;
   border-radius: 4px;
   color: #fff;
   text-align: center;
@@ -17833,7 +17822,7 @@ export default {
 .courseIndex > div:nth-child(3) {
   border-bottom: 1px solid #d7d7d7;
   padding-bottom: 5px;
-  background: #49a0f0;
+  background: #3681fc;
   width: 55px;
   min-width: 55px;
   border-radius: 5px;
@@ -17867,7 +17856,7 @@ export default {
   margin: 10px 0 0 15px;
   border-bottom: 1px solid #d7d7d7;
   padding-bottom: 5px;
-  background: #96d1ff;
+  background: #3681fc;
   width: 55px;
   min-width: 55px;
   border-radius: 5px;
@@ -17915,10 +17904,24 @@ export default {
   align-items: center;
 }
 .queTopClose {
-  margin-right: 20px;
+  margin-right: 30px;
   cursor: pointer;
+  position: relative;
+  display: flex;
+}
+
+.closeImg,.openImg{
+  width: 25px;
+  height: 25px;
+  position: absolute;
+  right: -20px;
+  top: -1px;
 }
 
+.closeImg > img,.openImg > img{
+  width:100%;
+  height: 100%;
+}
 .question {
   width: 40px;
   margin-right: 10px;
@@ -18039,7 +18042,7 @@ export default {
 }
 
 .upload_toolBtn {
-  background: #6b92c9;
+  background: #3681fc;
   color: #fff;
   width: 110px;
   text-align: center;
@@ -18172,6 +18175,11 @@ export default {
   font-size: 18px;
 }
 
+.redioStyle >>> .el-radio__label > span,.redioStyle >>> .el-checkbox__label > span{
+  word-break: break-all;
+  white-space: normal;
+}
+
 .redioStyle >>> .el-checkbox__label {
   font-size: 18px;
 }
@@ -18426,7 +18434,7 @@ export default {
 
 .cru_selectBox {
   overflow: auto;
-  width: 90%;
+  width: 95%;
   margin: 17px auto 0;
   height: calc(100% - 40px - 21px - 20px - 17px);
   background: #f0f4fa;
@@ -19457,6 +19465,7 @@ export default {
   border-radius: 5px;
   padding: 5px;
   margin-left: 10px;
+  min-width: 95px;
 }
 
 .pButton:hover {
@@ -19529,7 +19538,7 @@ export default {
 .pzTop2 .checkbox {
   display: flex;
   align-items: center;
-  padding: 15px 30px;
+  padding: 5px 30px;
   flex: 0 0 auto;
   font-weight: bold;
   border-bottom: 1px solid #eee;