系统名称修改

zhongrj

2023-11-07 94749fbed0cd028acadf003e35f5fbfee56cffcc

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<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" id="subjectOptions" 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>
                        <span v-html="option.optionContent" class="subject-option-prefix" />
                    </label>
                </li>
            </ul>
        </div>
    </div>
</template>
 
<script>
export default {
    name: "Choices",
    data () {
        return {
            subjectCount: 0,
            subjectInfo: {
                subjectName: "",
                score: 0,
            },
            options: [],
            userAnswer: "",
            index: "",
            currentAnswer: false,
        }
    },
    methods: {
        getAnswer () {
            return this.userAnswer
        },
        setAnswer (answer) {
            this.userAnswer = answer
        },
        setSubjectInfo (subject, subjectCount, index) {
            this.currentAnswer = false
            this.subjectCount = subjectCount
            this.subjectInfo = subject
            if (subject.hasOwnProperty("examSubjectOptions")) {
                this.options = subject.examSubjectOptions
 
                // console.log(this.options)
            }
            if (subject.hasOwnProperty("answer")) {
                if (subject.answer) {
                    this.currentAnswer = true
                }
                this.setAnswer(subject.answer)
            }
            this.index = index + "."
 
            // console.log(subject, subjectCount, index, this.options, 5656565656)
        },
        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;
}
</style>