| | |
| | | |
| | | const answerClick = (item) => { |
| | | if(item) { |
| | | if (item.isActive) { |
| | | item.isActive = !item.isActive; |
| | | } else { |
| | | resetAnswer(); |
| | | item.isActive = true; |
| | | examStore.setQuestionAnswer(currentType.value, currentIndex.value, item.prefix); |
| | | } |
| | | const answerList = filterAnswer(); |
| | | examStore.setQuestionAnswer(currentType.value, currentIndex.value, answerList.join(',')); |
| | | } |
| | | }; |
| | | |
| | |
| | | return { |
| | | active: item.isActive |
| | | }; |
| | | } |
| | | }; |
| | | |
| | | const resetAnswer = () => { |
| | | activeQuestion.value.items.forEach(item => item.isActive = false); |
| | | }; |
| | | |
| | | const filterAnswer = () => { |
| | | return activeQuestion.value.items.filter(item => item.isActive); |
| | | } |
| | | |
| | | |
| | |
| | | |
| | | .active { |
| | | border-color: #409EFF !important; |
| | | |
| | | .answer-icon { |
| | | color: #ffffff !important; |
| | | border-color: #409EFF !important; |