|
|
@@ -6,26 +6,31 @@
|
|
|
<div class="c_title">
|
|
|
<div class="title" style="display: flex;">
|
|
|
<!-- + `（${option[checkJson.type].name}）` -->
|
|
|
- <span style="min-width: fit-content;">{{ tindex + 1 + "、" }}</span>
|
|
|
- <span>{{ checkJson.title }}</span>
|
|
|
- <!-- {{ tindex + 1 + "、" + `（${option[checkJson.type].name}）` + checkJson.title }} -->
|
|
|
- <span style="min-width: fit-content;" v-if="checkJson.type == 2">{{ `（${option[checkJson.type].name}）` }}</span>
|
|
|
- <span style="color: #efa030;min-width: fit-content;" v-if="checkJson.score">（{{ '分值：' + checkJson.score + '分' }}）</span></div>
|
|
|
+ <span style="min-width: fit-content;">{{ tindex + 1 + "、" }}</span>
|
|
|
+ <span>{{ checkJson.title }}</span>
|
|
|
+ <!-- {{ tindex + 1 + "、" + `（${option[checkJson.type].name}）` + checkJson.title }} -->
|
|
|
+ <span style="min-width: fit-content;" v-if="checkJson.type == 2">{{
|
|
|
+ `（${option[checkJson.type].name}）` }}</span>
|
|
|
+ <span style="color: #efa030;min-width: fit-content;" v-if="checkJson.score">（{{ '分值：' +
|
|
|
+ checkJson.score + '分' }}）</span>
|
|
|
+ </div>
|
|
|
<div class="p_box" v-if="isTeacher == 1 && checkJson.score">
|
|
|
- <el-input v-model="score2" class="c_input" disabled></el-input><span style="margin: 0 10px;">/</span><span>{{ checkJson.score }}分</span>
|
|
|
+ <el-input v-model="score2" class="c_input" disabled></el-input><span
|
|
|
+ style="margin: 0 10px;">/</span><span>{{ checkJson.score }}分</span>
|
|
|
</div>
|
|
|
<div class="p_box" v-if="isTeacher == 2 && checkJson.score2">
|
|
|
- <span>{{ checkJson.score2 }}分</span><span style="margin: 0 10px;">/</span><span>{{ checkJson.score }}分</span>
|
|
|
+ <span>{{ checkJson.score2 }}分</span><span style="margin: 0 10px;">/</span><span>{{ checkJson.score
|
|
|
+ }}分</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="choices">
|
|
|
<div class="choice" v-for="(item, index) in checkJson.array" :key="index">
|
|
|
- <div class="choice_c" v-if="checkJson.type == 2"><el-checkbox v-model="checkJson.answer2" :label="index"
|
|
|
- :disabled="checktype == 2"></el-checkbox><span
|
|
|
+ <div class="choice_c" v-if="checkJson.type == 2"><el-checkbox v-model="checkJson.answer2"
|
|
|
+ :label="index" :disabled="checktype == 2" @change="changeJson"></el-checkbox><span
|
|
|
:class="{ right: see && cJson.answer.indexOf(index) != -1 }"
|
|
|
@click="check(checkJson.type, index)">{{ item.option }}</span></div>
|
|
|
- <div class="choice_c" v-if="checkJson.type == 1"><el-radio v-model="checkJson.answer2[0]" :label="index"
|
|
|
- :disabled="checktype == 2"></el-radio><span
|
|
|
+ <div class="choice_c" v-if="checkJson.type == 1"><el-radio v-model="checkJson.answer2[0]"
|
|
|
+ :label="index" :disabled="checktype == 2" @change="changeJson"></el-radio><span
|
|
|
:class="{ right: see && cJson.answer.indexOf(index) != -1 }"
|
|
|
@click="check(checkJson.type, index)">{{ item.option }}</span></div>
|
|
|
</div>
|
|
|
@@ -37,7 +42,7 @@
|
|
|
<script>
|
|
|
export default {
|
|
|
props: {
|
|
|
- tindex:{
|
|
|
+ tindex: {
|
|
|
type: Number
|
|
|
},
|
|
|
cJson: {
|
|
|
@@ -77,13 +82,15 @@ export default {
|
|
|
watch: {
|
|
|
checkJson: {
|
|
|
handler(newValue) {
|
|
|
+ console.log(1);
|
|
|
this.$emit('update:cJson', newValue)
|
|
|
+ this.$forceUpdate()
|
|
|
},
|
|
|
deep: true
|
|
|
},
|
|
|
cJson: {
|
|
|
handler(newValue) {
|
|
|
- if(JSON.stringify(newValue.answer2) !== JSON.stringify(this.checkJson.answer2)){
|
|
|
+ if (JSON.stringify(newValue.answer2) !== JSON.stringify(this.checkJson.answer2)) {
|
|
|
this.checkJson = this.depthCopy(newValue)
|
|
|
this.$forceUpdate()
|
|
|
}
|
|
|
@@ -92,6 +99,12 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ changeJson() {
|
|
|
+ console.log(1);
|
|
|
+ this.$forceUpdate()
|
|
|
+ this.$emit('update:cJson', this.checkJson)
|
|
|
+ this.$forceUpdate()
|
|
|
+ },
|
|
|
depthCopy(s) {
|
|
|
return JSON.parse(JSON.stringify(s));
|
|
|
},
|
|
|
@@ -108,6 +121,8 @@ export default {
|
|
|
} else if (type == 1) {
|
|
|
this.checkJson.answer2[0] = index
|
|
|
}
|
|
|
+ console.log(1);
|
|
|
+ this.$emit('update:cJson', this.checkJson)
|
|
|
this.$forceUpdate()
|
|
|
}
|
|
|
},
|
|
|
@@ -134,18 +149,18 @@ export default {
|
|
|
white-space: pre-line;
|
|
|
}
|
|
|
|
|
|
-.choice_box> .c_title .title {
|
|
|
+.choice_box>.c_title .title {
|
|
|
font-weight: bold;
|
|
|
width: 100%;
|
|
|
word-break: break-all;
|
|
|
}
|
|
|
|
|
|
-.choice_box> .c_title {
|
|
|
+.choice_box>.c_title {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
-.choice_box> .c_title .p_box{
|
|
|
+.choice_box>.c_title .p_box {
|
|
|
margin-left: 5px;
|
|
|
min-width: fit-content;
|
|
|
display: flex;
|
|
|
@@ -222,7 +237,7 @@ export default {
|
|
|
width: 90px;
|
|
|
}
|
|
|
|
|
|
-.c_input >>> .el-input__inner{
|
|
|
+.c_input>>>.el-input__inner {
|
|
|
padding: 0 5px;
|
|
|
text-align: right;
|
|
|
}
|
SanHQin