From ab67ac318199d53b7c0aa25765bbb1801b8b1e86 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 07 Nov 2023 15:00:14 +0800
Subject: [PATCH] 考试逻辑的更改
---
src/components/Subjects/Judgement/index.vue | 132 ++++++++++++++++++++-----------------------
1 files changed, 62 insertions(+), 70 deletions(-)
diff --git a/src/components/Subjects/Judgement/index.vue b/src/components/Subjects/Judgement/index.vue
index 098cc75..9d680ac 100644
--- a/src/components/Subjects/Judgement/index.vue
+++ b/src/components/Subjects/Judgement/index.vue
@@ -1,84 +1,76 @@
<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">
- ( 判断题 <span
- v-if="subjectInfo.score !== undefined && subjectInfo.score !== 0"
- > {{ subjectInfo.score }}分 </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 }} </span
- >
- </label>
- </li>
- </ul>
+ <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">
+ ( 判断题 <span v-if="subjectInfo.score !== undefined && subjectInfo.score !== 0"> {{
+ subjectInfo.score }}分 </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 }} </span>
+ </label>
+ </li>
+ </ul>
+ </div>
</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: "",
- };
- },
- methods: {
- getAnswer() {
- return this.userAnswer;
+ name: "Judgement",
+ data () {
+ return {
+ subjectCount: 0,
+ subjectInfo: {
+ subjectName: "",
+ score: 0,
+ },
+ options: [
+ { id: 1, optionName: "正确" },
+ { id: 2, optionName: "错误" },
+ ],
+ userAnswer: "",
+ index: "",
+ }
},
- setAnswer(answer) {
- this.userAnswer = answer;
+ 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
+ },
},
- 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