Browse Source

修改问题列表颜色

dusenyao 10 months ago
parent
commit
e98c42a0a8
2 changed files with 15 additions and 18 deletions
  1. 5 3
      src/views/task_details/teacher/exercise.js
  2. 10 15
      src/views/task_details/teacher/index.vue

+ 5 - 3
src/views/task_details/teacher/exercise.js

@@ -2,9 +2,11 @@ import { ref } from 'vue';
 import { GetShareConfig } from '@/api/app';
 
 export const questionColorList = [
-  { label: '正确', color: '#D9D9D9' },
-  { label: '错题', color: '#F2555A' },
-  { label: '主观题', color: '#FEF2A4' }
+  { label: '正确', color: '#00C264' },
+  { label: '错误', color: '#F2555A' },
+  { label: '主观题', color: '#0075FF' },
+  { label: '部分正确', color: '#FEF2A4' },
+  { label: '未做', color: '#F0F0F0' }
 ];
 
 export function useExerciseTeacher() {

+ 10 - 15
src/views/task_details/teacher/index.vue

@@ -57,12 +57,17 @@
             <!-- 问题列表 -->
             <div class="question-list">
               <span
-                v-for="({ question_id, is_objective, answer_status }, i) in exercise_info.question_list"
+                v-for="({ question_id, color_mark = '' }, i) in exercise_info.question_list"
                 :key="question_id"
-                :class="[
-                  'question-list-item',
-                  { subjectivity: is_objective === 'false', error: answer_status === 2 || answer_status === 0 }
-                ]"
+                :class="['question-list-item']"
+                :style="{
+                  backgroundColor: color_mark,
+                  color: [questionColorList[0].color, questionColorList[1].color, questionColorList[2].color].includes(
+                    color_mark.toUpperCase()
+                  )
+                    ? '#fff'
+                    : '#2c2c2c'
+                }"
                 @click="
                   exerciseLink(
                     exercise_info.answer_record.exercise_share_record_id,
@@ -559,16 +564,6 @@ $bor-color: #d9d9d9;
             cursor: pointer;
             background-color: #f0f0f0;
             border-radius: 20px;
-
-            &.error {
-              color: #fff;
-              background-color: #f2555a;
-            }
-
-            &.subjectivity {
-              color: $color;
-              background-color: #fef2a4;
-            }
           }
         }