1

src/App.vue

@@ -456,4 +456,7 @@ html::-webkit-scrollbar-thumb {
   display: flex;
   align-items: center;
 }
+.text_tooltip {
+  max-width: 350px;
+}
 </style>

src/components/components/askStatic.vue

@@ -16,7 +16,13 @@
               :content="item.askstitle"
               placement="top"
             > -->
-              <span
+            <el-tooltip
+              effect="light"
+              :content="index + 1 + '、' + item.askstitle"
+              placement="top"
+              popper-class="text_tooltip"
+            >
+              <div
                 style="
                   width: auto;
                   display: block;
@@ -24,9 +30,12 @@
                   overflow: hidden;
                   text-overflow: ellipsis;
                   word-break: break-word;
+                  cursor: pointer;
                 "
-                >{{ index + 1 + "、" + item.askstitle }}</span
               >
+                {{ index + 1 + "、" + item.askstitle }}
+              </div>
+            </el-tooltip>
             <!-- </el-tooltip> -->
           </div>
           <el-button
@@ -52,7 +61,13 @@
                     :content="item.checkList[checkIndex]"
                     placement="top"
                   > -->
-                    <span
+                  <el-tooltip
+                    effect="light"
+                    :content="item.checkList[checkIndex]"
+                    placement="top"
+                    popper-class="text_tooltip"
+                  >
+                    <div
                       style="
                         max-width: calc(100% - 40px);
                         white-space: nowrap;
@@ -61,9 +76,12 @@
                         word-break: break-word;
                         width: auto;
                         display: block;
+                        cursor: pointer;
                       "
-                      v-html="item.checkList[checkIndex]"
-                    ></span>
+                    >
+                      {{ item.checkList[checkIndex] }}
+                    </div>
+                  </el-tooltip>
                   <!-- </el-tooltip> -->
                 </span>
                 <span>{{

src/components/components/askStatic2.vue

@@ -16,7 +16,13 @@
               :content="item.teststitle"
               placement="top"
             > -->
-              <span
+            <el-tooltip
+              effect="light"
+              :content="index + 1 + '、' + item.teststitle"
+              placement="top"
+              popper-class="text_tooltip"
+            >
+              <div
                 style="
                   width: auto;
                   display: block;
@@ -24,9 +30,12 @@
                   overflow: hidden;
                   text-overflow: ellipsis;
                   word-break: break-word;
+                  cursor: pointer;
                 "
-                >{{ index + 1 + "、" + item.teststitle }}</span
               >
+                {{ index + 1 + "、" + item.teststitle }}
+              </div>
+            </el-tooltip>
             <!-- </el-tooltip> -->
             <div
               class="timuImgBox"
@@ -85,19 +94,28 @@
                       <img :src="item.checkList[checkIndex].src" alt="" />
                     </div>
                   </div>
-                  <span
+                  <el-tooltip
+                    effect="light"
+                    :content="item.checkList[checkIndex]"
+                    placement="top"
+                    popper-class="text_tooltip"
                     v-else
-                    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>
+                  >
+                    <div
+                      style="
+                        max-width: calc(100% - 40px);
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-word;
+                        width: auto;
+                        display: block;
+                        cursor: pointer;
+                      "
+                    >
+                      {{ item.checkList[checkIndex] }}
+                    </div>
+                  </el-tooltip>
                 </span>
                 <span>{{
                   checkJson[index].checkCount[checkIndex]

src/components/easy2/studyStudent.vue

@@ -3441,11 +3441,27 @@
                       v-for="(item, index) in tool.askJson"
                       :key="index"
                     >
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.askstitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.askstitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.askstitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                       <div class="right_box_xuan">
                         <span>正确率</span>
@@ -3617,11 +3633,27 @@
                             : 0) + "%"
                         }}</span>
                       </div>
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.teststitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.teststitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.teststitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                     </div>
                   </div>

src/components/easy3/studyStudent.vue

@@ -3428,11 +3428,27 @@
                       v-for="(item, index) in tool.askJson"
                       :key="index"
                     >
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.askstitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.askstitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.askstitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                       <div class="right_box_xuan">
                         <span>正确率</span>
@@ -3604,11 +3620,27 @@
                             : 0) + "%"
                         }}</span>
                       </div>
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.teststitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.teststitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.teststitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                     </div>
                   </div>

src/components/studyStudent.vue

@@ -3435,11 +3435,27 @@
                       v-for="(item, index) in tool.askJson"
                       :key="index"
                     >
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.askstitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.askstitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.askstitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                       <div class="right_box_xuan">
                         <span>正确率</span>
@@ -3611,11 +3627,27 @@
                             : 0) + "%"
                         }}</span>
                       </div>
-                      <div>
-                        <span
-                          style="word-break: break-all; white-space: normal"
-                          >{{ index + 1 + "、" + item.teststitle }}</span
+                      <div style="width: calc(100% - 30px);">
+                        <el-tooltip
+                          effect="light"
+                          :content="index + 1 + '、' + item.teststitle"
+                          placement="top"
+                          popper-class="text_tooltip"
                         >
+                          <div
+                            style="
+                              width: calc(100% - 130px);
+                              display: block;
+                              white-space: nowrap;
+                              overflow: hidden;
+                              text-overflow: ellipsis;
+                              word-break: break-word;
+                              cursor: pointer;
+                            "
+                          >
+                            {{ index + 1 + "、" + item.teststitle }}
+                          </div>
+                        </el-tooltip>
                       </div>
                     </div>
                   </div>