ソースを参照

修复 css 样式

wangguoxi 6 ヶ月 前
コミット
91819e0e1d
2 ファイル変更31 行追加11 行削除
  1. 4 0
      src/styles/common.scss
  2. 27 11
      src/views/analysisReport/wrongQuestion/index.vue

+ 4 - 0
src/styles/common.scss

@@ -10446,4 +10446,8 @@ body {
 
 .hard {
     color: #EE6666;
+}
+
+.mr_10 {
+    margin-right: 10px;
 }

+ 27 - 11
src/views/analysisReport/wrongQuestion/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="scroll_content">
         <div class="select_box">
             <el-radio-group v-model="errorType" size="medium" @change="_queryStudentErrorQuestion">
                 <el-radio-button :label="-1">全部试题({{ allErrorCount }})</el-radio-button>
@@ -10,7 +10,7 @@
         </div>
 
         <div class="content">
-            <div class="right_btn">
+            <div class="right_btn" v-if="errorType !== 1">
                 <el-button size="medium" @click="downloadDialogVisible = true">下载错题本</el-button>
                 <el-button type="primary" size="medium" @click="downloadDialogVisible = true">下载个性化提升手册</el-button>
             </div>
@@ -23,10 +23,9 @@
                         <div class="card_top">
                             <div class="card_top_info">
                                 <div class="left">
-                                    <span class="number">{{ index + 1 }}</span>
+                                    <span class="number mr_10">{{ countGlobalIndex(index + 1) }}</span>
                                     <span class="gray">试题类型:</span>
-                                    <span class="black">{{ question.questionType }}</span>
-                                    <!-- TODO: 这个地方的字段后端未确认 -->
+                                    <span class="black mr_10">{{ question.questionType }}</span>
                                     <span class="tag" v-if="question.classScoreRate < 40">高频错题</span>
                                 </div>
                             </div>
@@ -50,8 +49,9 @@
                                     <span class="gray">分</span>
                                 </div>
                                 <div class="footer_item">
-                                    <span class="gray">难度</span>
-                                    <span :class="countDiffcutyClass(question.difficulty)">{{ question.difficulty }} </span>
+                                    <span class="gray">难度:</span>
+                                    <span :class="countDiffcutyClass(question.difficulty)">{{ question.difficulty }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -152,7 +152,7 @@
                         <div class="card_top">
                             <div class="card_top_info">
                                 <div class="left">
-                                    <span class="number"
+                                    <span class="number mr_10"
                                         :class="countLevel(question.variationQuestion.questionLevel).color">
                                         {{ countLevel(question.variationQuestion.questionLevel).text }}
                                     </span>
@@ -265,9 +265,11 @@ export default {
     },
 
     methods: {
-        countDiffcutyClass(difficulty) {
-            console.log(difficulty);
+        countGlobalIndex(index) {
+            return (this.pageParam.pageNum - 1) * this.pageParam.pageSize + index;
+        },
 
+        countDiffcutyClass(difficulty) {
             // 容易:#90CB75    较易:#FAC858  一般:#5470C6  较难:#EA7ACB  困难:#EE6666
             const classMap = {
                 '容易': 'easy',
@@ -337,11 +339,25 @@ export default {
                 }
 
                 this.questionList = questionList;
+
+                // 缓慢滚动到顶部
+                this.scrollToTop();
             }
 
             instance.close();
         },
 
+        scrollToTop() {
+            // 等待 DOM 更新完成
+            this.$nextTick(() => {
+                const container = document.querySelector('.content_right');
+                if (container) {
+                    container.scrollTo({ top: 0, behavior: 'smooth' });
+                }
+            });
+        },
+
+
         async _markStudentErrorQuestion(question, markStatus) {
             const res = await markStudentErrorQuestion({
                 questionId: question.questionId,
@@ -380,6 +396,7 @@ export default {
     }
 }
 
+
 .select_box {
     background-color: #ffffff;
     border-radius: 10px;
@@ -420,7 +437,6 @@ export default {
             align-items: center;
 
             span {
-                margin-right: 10px;
                 font-size: 14px;
             }