|
@@ -27,17 +27,10 @@
|
|
|
class="answer-list"
|
|
|
>
|
|
|
<span
|
|
|
- v-for="({ question_id, is_objective, answer_status, is_remarked }, i) in recordReport.question_list"
|
|
|
+ v-for="({ question_id, color_mark }, i) in recordReport.question_list"
|
|
|
:key="question_id"
|
|
|
- :class="[
|
|
|
- 'answer-list-item',
|
|
|
- {
|
|
|
- subjectivity: is_objective === 'false',
|
|
|
- error: answer_status === 2 || answer_status === 0,
|
|
|
- right: answer_status === 1,
|
|
|
- },
|
|
|
- { remarked: is_remarked === 'true' },
|
|
|
- ]"
|
|
|
+ :class="['answer-list-item']"
|
|
|
+ :style="{ backgroundColor: color_mark }"
|
|
|
@click="selectQuestion(i)"
|
|
|
>
|
|
|
{{ i + 1 }}
|
|
@@ -126,35 +119,6 @@ export default {
|
|
|
cursor: pointer;
|
|
|
background-color: #f0f0f0;
|
|
|
border-radius: 20px;
|
|
|
-
|
|
|
- &.error {
|
|
|
- color: #fff;
|
|
|
- background-color: $error-color;
|
|
|
- }
|
|
|
-
|
|
|
- &.right {
|
|
|
- color: #fff;
|
|
|
- background-color: #3acb85;
|
|
|
- }
|
|
|
-
|
|
|
- &.subjectivity {
|
|
|
- color: $font-color;
|
|
|
- background-color: #fef2a4;
|
|
|
- }
|
|
|
-
|
|
|
- &.remarked {
|
|
|
- &::before {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- display: inline-block;
|
|
|
- width: 6px;
|
|
|
- height: 6px;
|
|
|
- content: '';
|
|
|
- background-color: #f2555a;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
}
|