修改排序题答题

src/styles/variables.scss

@@ -14,6 +14,8 @@ $content-color: #f9f8f9;
 $border-color: #e5e6eb;
 $border: 1px solid $border-color;
 $hanzi-writer-color: #de4444;
+$error-color: #f2555a;
+$right-color: #30a47d;
 
 // px
 $header-h: 64px;

src/views/exercise_questions/answer/components/AnswerReport.vue

@@ -135,7 +135,7 @@ export default {
 
       &.error {
         color: #fff;
-        background-color: #f2555a;
+        background-color: $error-color;
       }
 
       &.subjectivity {

src/views/exercise_questions/preview/SelectPreview.vue

@@ -114,22 +114,22 @@ export default {
 
         &.right {
           background-color: $content-color;
-          border: 1px solid #30a47d;
+          border: 1px solid $right-color;
 
           &::after {
             font-size: 14px;
-            color: #30a47d;
+            color: $right-color;
             content: '已选';
           }
         }
 
         &.wrong {
           background-color: $content-color;
-          border: 1px solid #f2555a;
+          border: 1px solid $error-color;
 
           &::after {
             font-size: 14px;
-            color: #f2555a;
+            color: $error-color;
             content: '已选';
           }
         }

src/views/exercise_questions/preview/SortPreview.vue

@@ -23,7 +23,7 @@
           :key="indexNode"
           :class="[
             'drag-item',
-            itemNode.correct == 'correct' ? 'correct' : 'error',
+            { error: !itemNode.correct && isJudgingRightWrong },
             click_index_list.indexOf(indexNode) > -1 ? 'drag-item-active' : '',
           ]"
           @click="handleClickItem(indexNode)"
@@ -73,6 +73,19 @@ export default {
       },
       deep: true,
     },
+    isJudgingRightWrong: {
+      handler(val) {
+        if (!val) return;
+
+        this.move_list = this.answer.answer_list.map((item, i) => {
+          return {
+            ...this.data.option_list.find((items) => items.mark === item),
+            correct: item.mark === this.data.option_list[i].mark,
+          };
+        });
+      },
+      immediate: true,
+    },
     'data.option_list': {
       handler(val) {
         if (!val) return;
@@ -148,6 +161,11 @@ export default {
       align-items: center;
       margin-bottom: 8px;
       cursor: move;
+
+      &.error {
+        border: 1px solid $error-color;
+        border-radius: 4px;
+      }
     }
 
     .drag-icon {