From c7735db135f9c3c99224d8b5d2157926efde0977 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Mon, 09 May 2022 09:56:10 +0800
Subject: [PATCH] 登录用户名提示修改为姓名

---
 src/components/Subjects/MultipleChoices/index.vue |  167 ++++++++++++++++++++++++++++---------------------------
 1 files changed, 85 insertions(+), 82 deletions(-)

diff --git a/src/components/Subjects/MultipleChoices/index.vue b/src/components/Subjects/MultipleChoices/index.vue
index 0f217a2..0cdf8bf 100644
--- a/src/components/Subjects/MultipleChoices/index.vue
+++ b/src/components/Subjects/MultipleChoices/index.vue
@@ -1,98 +1,101 @@
 <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">
-                    (&nbsp;多选题&nbsp;<span v-if="subjectInfo.score !== undefined && subjectInfo.score !== 0">&nbsp;{{subjectInfo.score}}分&nbsp;</span>)
-                </span>
-            </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="isChecked(option.optionName)"
-                           :id="'option' + option.id"
-                           @change="toggleOption($event, option)">
-                    <label :for="'option' + option.id">
-                        <span class="subject-option-prefix">{{ option.optionName + '.' }}&nbsp;</span>
-                        <span v-html="option.optionContent"
-                              class="subject-option-prefix" />
-                    </label>
-                </li>
-            </ul>
-        </div>
+      <ul class="subject-options" v-for="option in options" :key="option.id">
+        <li class="subject-option">
+          <input
+            class="toggle"
+            type="checkbox"
+            :checked="isChecked(option.optionName)"
+            :id="'option' + option.id"
+            @change="toggleOption($event, option)"
+          />
+          <label :for="'option' + option.id">
+            <span class="subject-option-prefix"
+              >{{ option.optionName + "." }}&nbsp;</span
+            >
+            <span v-html="option.optionContent" class="subject-option-prefix" />
+          </label>
+        </li>
+      </ul>
     </div>
+  </div>
 </template>
 
 <script>
 export default {
-    name: 'MultipleChoices',
-    data () {
-        return {
-            subjectCount: 0,
-            subjectInfo: {
-                subjectName: '',
-                score: 0
-            },
-            options: [],
-            userAnswer: [],
-            index: ''
-        }
+  name: "MultipleChoices",
+  data() {
+    return {
+      subjectCount: 0,
+      subjectInfo: {
+        subjectName: "",
+        score: 0,
+      },
+      options: [],
+      userAnswer: [],
+      index: "",
+    };
+  },
+  watch: {},
+  methods: {
+    getAnswer() {
+      return this.userAnswer.join(",");
     },
-    watch: {
-
+    setAnswer(answer) {
+      // if (isNotEmpty(answer)) {
+      this.userAnswer = answer.split(",");
+      // }
     },
-    methods: {
-        getAnswer () {
-            return this.userAnswer.join(',')
-        },
-        setAnswer (answer) {
-            // if (isNotEmpty(answer)) {
-            this.userAnswer = answer.split(',')
-            // }
-        },
-        setSubjectInfo (subject, subjectCount, index) {
-            this.subjectCount = subjectCount
-            this.subjectInfo = subject
-            if (subject.hasOwnProperty('examSubjectOptions')) {
-                this.options = subject.examSubjectOptions
-            }
-            if (subject.hasOwnProperty('answer')) {
-                this.setAnswer(subject.answer)
-            }
-            this.index = index + '.'
-        },
-        getSubjectInfo () {
-            this.subjectInfo.options = this.options
-            return this.subjectInfo
-        },
-        // 选中选项
-        toggleOption ($event, option) {
-
-            if ($event.target.checked) {
-                if (!this.userAnswer.includes(option.optionName)) {
-                    this.userAnswer.push(option.optionName)
-                }
-            } else {
-                this.userAnswer.splice(this.userAnswer.findIndex(item => item === option.optionName), 1)
-            }
-        },
-        isChecked (optionName) {
-            return this.userAnswer.includes(optionName)
+    setSubjectInfo(subject, subjectCount, index) {
+      this.subjectCount = subjectCount;
+      this.subjectInfo = subject;
+      if (subject.hasOwnProperty("examSubjectOptions")) {
+        this.options = subject.examSubjectOptions;
+      }
+      if (subject.hasOwnProperty("answer")) {
+        this.setAnswer(subject.answer);
+      }
+      this.index = index + ".";
+    },
+    getSubjectInfo() {
+      this.subjectInfo.options = this.options;
+      return this.subjectInfo;
+    },
+    // 选中选项
+    toggleOption($event, option) {
+      if ($event.target.checked) {
+        if (!this.userAnswer.includes(option.optionName)) {
+          this.userAnswer.push(option.optionName);
         }
-    }
-}
+      } else {
+        this.userAnswer.splice(
+          this.userAnswer.findIndex((item) => item === option.optionName),
+          1
+        );
+      }
+    },
+    isChecked(optionName) {
+      return this.userAnswer.includes(optionName);
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-@import '../../../assets/css/subject.scss';
+@import "../../../assets/css/subject.scss";
 .subject-options > li label {
-    line-height: 36px !important;
+  line-height: 36px !important;
 }
 </style>

--
Gitblit v1.9.3