|
@@ -114,6 +114,7 @@
|
|
class="tw-cursor-pointer tw-font-bold unselective"
|
|
class="tw-cursor-pointer tw-font-bold unselective"
|
|
:class="{
|
|
:class="{
|
|
'current-score': question.hasSetUnselective,
|
|
'current-score': question.hasSetUnselective,
|
|
|
|
+ disabled: notInActive(index),
|
|
}"
|
|
}"
|
|
@click="setUnselect(question, index)"
|
|
@click="setUnselect(question, index)"
|
|
>
|
|
>
|
|
@@ -176,6 +177,9 @@ function chooseScore(question: Question, score: number) {
|
|
}
|
|
}
|
|
|
|
|
|
function setUnselect(question: Question, index: number) {
|
|
function setUnselect(question: Question, index: number) {
|
|
|
|
+ if (notInActive(index)) {
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
if (!question.hasSetUnselective) {
|
|
if (!question.hasSetUnselective) {
|
|
const markResult = store.currentTask.markResult;
|
|
const markResult = store.currentTask.markResult;
|
|
markResult.scoreList[index] = null;
|
|
markResult.scoreList[index] = null;
|
|
@@ -228,7 +232,7 @@ const buttonHeightForSelective = $computed(() =>
|
|
);
|
|
);
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
+<style scoped lang="less">
|
|
.unselective {
|
|
.unselective {
|
|
width: 72px;
|
|
width: 72px;
|
|
|
|
|
|
@@ -240,6 +244,12 @@ const buttonHeightForSelective = $computed(() =>
|
|
|
|
|
|
border-radius: 30px;
|
|
border-radius: 30px;
|
|
margin-bottom: 8px;
|
|
margin-bottom: 8px;
|
|
|
|
+ &.disabled {
|
|
|
|
+ background-color: #f5f5f5 !important;
|
|
|
|
+ // pointer-events: none;
|
|
|
|
+ cursor: not-allowed !important;
|
|
|
|
+ color: rgba(0, 0, 0, 0.25) !important;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.mark-board-track-container {
|
|
.mark-board-track-container {
|
|
max-width: 290px;
|
|
max-width: 290px;
|