| | |
| | | const { currentIndex } = storeToRefs(gradeStore); |
| | | |
| | | const activeQuestion = ref(gradeStore.getActiveQuestion); |
| | | |
| | | const formatAnswer = (answer) => { |
| | | if(Array.isArray(answer)) { |
| | | return answer; |
| | | if (answer) { |
| | | if(Array.isArray(answer)) { |
| | | return answer; |
| | | } else { |
| | | return answer.split(','); |
| | | } |
| | | } |
| | | return answer.split(','); |
| | | }; |
| | | |
| | | |
| | | }; |
| | | const currentAnswer = formatAnswer(activeQuestion.value.answerList); |
| | | const rightAnswer = formatAnswer(activeQuestion.value.questionAnswer); |
| | | |
| | | const answerState = (item) => { |
| | | const flag1 = currentAnswer.includes(item.prefix); |
| | | const flag1 = currentAnswer ? currentAnswer.includes(item.prefix) : false; |
| | | const flag2 = rightAnswer.includes(item.prefix); |
| | | |
| | | if (flag1 && flag2) { |
| | | return { |
| | | right: true |
| | | }; |
| | | } else { |
| | | } else if (currentAnswer) { |
| | | if (currentAnswer.length < rightAnswer.length) { |
| | | if (!flag1 && flag2) { |
| | | return { |
| | |
| | | .analysis-wrong { |
| | | color: var(--wrong-color); |
| | | } |
| | | </style> |
| | | </style> |