考试提交答案demo

html代码

<div v-for="item, index in fordata" :key="index">
<!-- 单选 -->
              <el-radio-group v-model="item.radio" style="display: flex;flex-direction: column;"
                v-if="item.queType == 1">
                <el-radio v-for="items, keys in item.options" :label="items.contest" :key="keys"
                  style="margin-top: 25px;font-size: 16px;">
                  {{ items.contest }}、{{ items.optionDesc }}</el-radio><br><br>
              </el-radio-group>
<!-- 多选 -->
              <el-checkbox-group v-model="item.selects" style="display: flex;flex-direction: column;"
                v-if="item.queType == 2">
                <el-checkbox v-for="items, keys in item.options" :label="items.contest" :key="keys"
                  style="margin-top: 25px;font-size: 16px;">{{ items.contest }}、{{ items.optionDesc }}</el-checkbox>
                <br><br>
              </el-checkbox-group>
<!-- 判断 -->
              <el-radio-group v-model="item.radio" v-if="item.queType == 0">
                <el-radio label="1" style="margin-top: 25px;font-size: 16px;" :disabled="fapan">正确</el-radio><br><br>
                <el-radio label="0" style="margin-top: 25px;font-size: 16px;" :disabled="fapan">错误</el-radio>
              </el-radio-group>
</div>

js代码

getres() {
      let params = {}
      exgenerate(params).then(res => {
        sessionStorage.setItem('exPaperCode', res.data.data.exPaperCode)
        let param = {
          userId: res.data.data.userId,
          exPaperCode: res.data.data.exPaperCode
        }
        exquestions(param).then(res => {
          this.fordata = (res?.data?.data ?? []).map(el => Object.assign({}, el, { radio: '', selects: [] }))
          // this.radios = res.data.data.remark
          console.log(this.fordata);
        })
      })
    },

// 提交
primary() {
      //因为map（）方法的返回值是一个数组
      let list = (this.fordata || []).map(el => ({
        queNumber: el.queNumber,
        queCode: el.queCode,
        queType: el.queType,
        userAnswers: [0, 1].includes(+el.queType) ? [el.radio] : el.selects,
      }));

      let state = list.some(el => {
        if ([undefined, null, ''].includes(el.userAnswers[0])) {
          this.$message.error('请完成答题~')
          return true
        }
      })

      if (state) {
        return
      }
      console.log(list)

      let params = {
        exPaperCode: sessionStorage.getItem('exPaperCode'),
        // userQueOptionParams: this.userQueOptionParams
        userQueOptionParams: list//JSON.stringify() 要提交的数组
      }
      excorrectPapers(params).then(res => {
        
      })
    },

以下是后端接口传递的数据结构