wip: 细节修改

刘有才luck
1 parent 0b9ef2ed
Showing 3 changed files with 64 additions and 18 deletions
src/views/basic/askTestQuestion/components/analysisDialog.vue
src/views/basic/askTestQuestion/components/wrongQuestionDialog.vue
src/views/basic/askTestQuestion/wrongQuestion.vue
@@ -10,7 +10,7 @@
         :src="analysisUrl"
         ref="iframe"
         @load="onIFrameLoad()"
-        style="width: 100%; border: none; /* 启用点击穿透 */"
+        style="width: 100%; border: none; max-height: 600px; /* 启用点击穿透 */"
       ></iframe>
     </div>
  
@@ -94,8 +94,6 @@ export default {
 .test-box {
   width: 100%;
   box-sizing: border-box;
-  padding: 20px;
-  max-height: 600px;
-  overflow-y: auto;
+  overflow: auto;
 }
 </style>
@@ -69,7 +69,7 @@
               @mouseenter="handleGroupMouseEnter(group.questionType, 'all')"
             >
               <div class="size-16" style="font-weight: 600">
-                {{ index + 1 }}、
+                {{ numberToChinese(index + 1) }}、
                 <span
                   @mouseenter="
                     (event) => handleItemMouseEnter(event, group.questionType)
@@ -207,7 +207,7 @@
               <!-- 每个组的标题 -->
               <div class="group-title">
                 <div class="size" style="font-weight: 600">
-                  {{ index + 1 }}、{{ group.questionTitle }}
+                  {{ numberToChinese(index + 1) }}、{{ group.questionTitle }}
                 </div>
                 <div class="size">
                   单题分值：
@@ -434,9 +434,10 @@ export default {
       const iframeRef = this.$refs["iframe" + id][0]; // 获取对应的 iframe
       const doc = iframeRef.contentDocument || iframeRef.contentWindow.document;
       const body = iframeRef.contentWindow.document.body;
-      body.style.overflowX = "hidden"; // 不允许出现横向滚动条
+      body.style.overflow = "hidden"; // 不允许出现横向滚动条
       const height = body.offsetHeight; // 获取内容的高度
       iframeRef.style.height = `${height + 40}px`; // 设置 iframe 的高度
+      iframeRef.style.overflow = "hidden"; // 设置 iframe 的高度
       // 获取第一个P标签
       const firstP = doc.getElementsByTagName("p")[0];
       // 或者修改第一个 < p > 标签的内容;
@@ -755,7 +756,7 @@ export default {
  
     // 清空
     handleClear() {
-      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+      this.$confirm("确定要清空试题篮内的全部题目吗?", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         confirmButtonClass: "el-button--danger1",
@@ -847,11 +848,54 @@ export default {
         return false;
       }
     },
+
+    numberToChinese(num) {
+      const units = ["", "十", "百", "千", "万", "十万", "百万", "千万", "亿"];
+      const digits = [
+        "零",
+        "一",
+        "二",
+        "三",
+        "四",
+        "五",
+        "六",
+        "七",
+        "八",
+        "九",
+      ];
+
+      if (num === 0) return digits[0];
+
+      let result = "";
+      let unitIndex = 0; // 单位索引
+      let zeroFlag = false; // 用于处理连续的零
+
+      while (num > 0) {
+        const digit = num % 10; // 取出当前最低位的数字
+        if (digit !== 0) {
+          result = digits[digit] + units[unitIndex] + result; // 拼接数字和单位
+          zeroFlag = false; // 当前位不是零，重置标志
+        } else if (!zeroFlag) {
+          result = digits[0] + result; // 只在前面有非零数字时添加零
+          zeroFlag = true; // 设置标志，表示已经添加过零
+        }
+        num = Math.floor(num / 10); // 去掉最低位
+        unitIndex++; // 单位索引加一
+      }
+
+      // 处理“十”的特殊情况
+      if (result.startsWith(digits[1]) && result.length > 1) {
+        result = result.replace(digits[1], ""); // 去掉开头的“一十”
+      }
+
+      return result;
+    },
   },
 };
 </script>
 <style lang="scss" scoped>
 .title {
+  font-size: 18px !important;
   font-weight: 600;
 }
  
@@ -870,7 +914,7 @@ export default {
     padding: 0 20px;
  
     .test-title {
-      font-size: 20px !important;
+      font-size: 22px !important;
       font-weight: 700;
       text-align: center;
       color: #000000;
@@ -917,7 +961,7 @@ export default {
         width: 100%;
         text-align: center;
         font-weight: 600;
-        font-size: 16px !important;
+        font-size: 18px !important;
         line-height: 60px;
         color: #000000;
  
@@ -989,7 +1033,7 @@ export default {
 }
  
 .size {
-  font-size: 14px !important;
+  font-size: 16px !important;
 }
  
 .color {
@@ -251,7 +251,10 @@
     </div>
     <div class="shopping" @click="handleShop">
       <div class="shopping-select">{{ questions.length }}</div>
-      <i class="el-icon-shopping-cart-full" style="padding: 5px 0 0 0"></i>
+      <i
+        class="el-icon-shopping-cart-full"
+        style="font-size: 18px !important"
+      ></i>
       <div>
         <div class="size">试</div>
         <div class="size">题</div>
@@ -628,12 +631,13 @@ export default {
       const iframeRef = this.$refs["iframe" + index][0]; // 获取对应的 iframe
       const doc = iframeRef.contentDocument || iframeRef.contentWindow.document;
       const body = iframeRef.contentWindow.document.body;
-      body.style.overflowX = "hidden"; // 不允许出现横向滚动条
+      body.style.overflow = "hidden"; // 不允许出现横向滚动条
       const height = body.offsetHeight; // 获取内容的高度
       // console.log("body.offsetHeight:", body.offsetHeight);
       // console.log("body.clientHeight:", body.clientHeight);
       // console.log("body.scrollHeight:", body.scrollHeight);
       iframeRef.style.height = `${height + 40}px`; // 设置 iframe 的高度
+      iframeRef.style.overflow = "hidden"; // 设置 iframe 的高度
       // 获取第一个P标签
       const firstP = doc.getElementsByTagName("p")[0];
       // 或者修改第一个 < p > 标签的内容;
@@ -707,11 +711,11 @@ export default {
       flex: 1;
       padding: 10px 20px;
       .box-info-title {
-        font-size: 16px !important;
+        font-size: 17px !important;
         font-weight: 600;
         color: #000000;
         span {
-          font-size: 14px !important;
+          font-size: 16px !important;
           color: #999999;
         }
       }
@@ -759,7 +763,7 @@ export default {
  
   .shopping {
     width: 50px;
-    height: 135px;
+    height: 140px;
     position: fixed;
     top: 30%;
     right: 0;
@@ -786,7 +790,7 @@ export default {
       line-height: 25px;
     }
     .size {
-      font-size: 14px !important;
+      font-size: 16px !important;
     }
   }
 }
@@ -828,7 +832,7 @@ export default {
   margin-right: 10px;
 }
 .size {
-  font-size: 14px !important;
+  font-size: 16px !important;
 }
 .font-weight {
   font-weight: 400;