From b6862540422a853ddca486de30382b34ad667b7f Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 07 Nov 2023 15:15:37 +0800
Subject: [PATCH] 考试逻辑

---
 src/components/Subjects/Judgement/index.vue |  132 +++++++++++++++++++++++--------------------
 1 files changed, 70 insertions(+), 62 deletions(-)

diff --git a/src/components/Subjects/Judgement/index.vue b/src/components/Subjects/Judgement/index.vue
index 9d680ac..098cc75 100644
--- a/src/components/Subjects/Judgement/index.vue
+++ b/src/components/Subjects/Judgement/index.vue
@@ -1,76 +1,84 @@
 <template>
-    <div>
-        <div class="subject-content">
-            <div class="subject-title">
-                {{ index }}
-                <span class="subject-title-content" v-html="subjectInfo.subjectName" />
-                <span class="subject-title-content titlesss">
-                    (&nbsp;判断题&nbsp;<span v-if="subjectInfo.score !== undefined && subjectInfo.score !== 0">&nbsp;{{
-                        subjectInfo.score }}分&nbsp;</span>)
-                </span>
-            </div>
-            <ul class="subject-options" v-for="option in options" :key="option.id">
-                <li class="subject-option">
-                    <input class="toggle" type="checkbox" :checked="userAnswer === option.optionName"
-                        :id="'option' + option.id" @change="toggleOption(option)" />
-                    <label :for="'option' + option.id">
-                        <span class="subject-option-prefix">{{ option.optionName }}&nbsp;</span>
-                    </label>
-                </li>
-            </ul>
-        </div>
+  <div>
+    <div class="subject-content">
+      <div class="subject-title">
+        {{ index }}
+        <span class="subject-title-content" v-html="subjectInfo.subjectName" />
+        <span class="subject-title-content titlesss">
+          (&nbsp;判断题&nbsp;<span
+            v-if="subjectInfo.score !== undefined && subjectInfo.score !== 0"
+            >&nbsp;{{ subjectInfo.score }}分&nbsp;</span
+          >)
+        </span>
+      </div>
+      <ul class="subject-options" v-for="option in options" :key="option.id">
+        <li class="subject-option">
+          <input
+            class="toggle"
+            type="checkbox"
+            :checked="userAnswer === option.optionName"
+            :id="'option' + option.id"
+            @change="toggleOption(option)"
+          />
+          <label :for="'option' + option.id">
+            <span class="subject-option-prefix"
+              >{{ option.optionName }}&nbsp;</span
+            >
+          </label>
+        </li>
+      </ul>
     </div>
+  </div>
 </template>
 
 <script>
 export default {
-    name: "Judgement",
-    data () {
-        return {
-            subjectCount: 0,
-            subjectInfo: {
-                subjectName: "",
-                score: 0,
-            },
-            options: [
-                { id: 1, optionName: "正确" },
-                { id: 2, optionName: "错误" },
-            ],
-            userAnswer: "",
-            index: "",
-        }
+  name: "Judgement",
+  data() {
+    return {
+      subjectCount: 0,
+      subjectInfo: {
+        subjectName: "",
+        score: 0,
+      },
+      options: [
+        { id: 1, optionName: "正确" },
+        { id: 2, optionName: "错误" },
+      ],
+      userAnswer: "",
+      index: "",
+    };
+  },
+  methods: {
+    getAnswer() {
+      return this.userAnswer;
     },
-    methods: {
-        getAnswer () {
-            return this.userAnswer
-        },
-        setAnswer (answer) {
-            this.userAnswer = ''
-        },
-        setSubjectInfo (subject, subjectCount, index) {
-            this.subjectCount = subjectCount
-            this.subjectInfo = subject
-            if (subject.hasOwnProperty("answer")) {
-                this.setAnswer(subject.answer)
-            }
-            this.index = index + "."
-        },
-        getSubjectInfo () {
-            this.subjectInfo.options = this.options
-            return this.subjectInfo
-        },
-        // 选中选项
-        toggleOption (option) {
-            this.userAnswer = option.optionName
-        },
+    setAnswer(answer) {
+      this.userAnswer = answer;
     },
-}
+    setSubjectInfo(subject, subjectCount, index) {
+      this.subjectCount = subjectCount;
+      this.subjectInfo = subject;
+      if (subject.hasOwnProperty("answer")) {
+        this.setAnswer(subject.answer);
+      }
+      this.index = index + ".";
+    },
+    getSubjectInfo() {
+      this.subjectInfo.options = this.options;
+      return this.subjectInfo;
+    },
+    // 选中选项
+    toggleOption(option) {
+      this.userAnswer = option.optionName;
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 @import "../../../assets/css/subject.scss";
-
-.subject-options>li label {
-    line-height: 36px !important;
+.subject-options > li label {
+  line-height: 36px !important;
 }
 </style>

--
Gitblit v1.9.3