这里是后台处理得计分,前台这是渲染题目,以及回显用户答得题
答题
后台数据格式
<ul>
<li v-for="(i, index1) in arrlist.pqList" :key="index1">
<h3>
<span>{
{ index1 + 1 }}、</span>
<div class="newtuexam_box">
<span v-show="i.questionBankType == '1'">(单选题)</span>
<span v-show="i.questionBankType == '2'">(多选题)</span>
<span v-show="i.questionBankType == '3'">(判断题)</span>
{
{ i.subjectContent }}
</div>
</h3>
<!-- 单选,判断 -->
<div v-show="i.questionBankType !== '2'" style="margin-left: 60px">
<el-radio-group v-model="radioList[index1]">
<el-radio
v-for="(j, index2) in i.optionAll"
:key="index2"
:label="j.pqaId"
@change="handleRadioChanges(j)"
>
{
{ j.answerContent }}
</el-radio>
</el-radio-group>
</div>
<!-- 多选题 -->
<div v-show="i.questionBankType == '2'" style="margin-left: 60px">
<el-checkbox-group v-model="checkboxList">
<el-checkbox
v-for="(x, index2) in i.optionAll"
:key="index2"
:label="x.pqaId"
@change="handleCheckboxChanges(x)"
>
{
{ x.answerContent }}
</el-checkbox>
</el-checkbox-group>
</div>
</li>
</ul>
<div class="newtuexam_cont_btn" @click="getsubmit">提交试卷</div>
import { createPaper, paperInfo, inspectionPaper } from "@/api/newtu";
export default {
components: {},
data() {
return {
arrlist: {},
paperId: "",
checkboxList: [],
r