考试提交答案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.remarkconsole.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.userQueOptionParamsuserQueOptionParams: list//JSON.stringify() 要提交的数组}excorrectPapers(params).then(res => {})},

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

考试提交答案demo相关推荐

考试提交答案后台代码
我们在考试后,将每个答案提交,这样会使得方法的参数数量非常多(SpringMVC):怎样才能使得提交的答案和数据库的答案比对效率更高?有大佬知道的回复一下! // 提交答案请求@RequestMapp ...
手机端模拟考试 —— 选择试题后的提交答案操作
手机端模拟考试 -- 选择试题后的提交答案操作 //提交测试答案function submit(titieID, titieType, ShowTitleType) {test(titieID, ti ...
oracle期末考试参考答案
刚刚考完,参考答案,欢迎斧正! A,B相同的准备工作准备工作: 开两个cmd 其中一个: sqlplus sys/123456 as sysdba; alter ...
[本校测试] 魔王的消失Day2——By Hineven T3葬诗提交答案题（爬山算法）
葬诗 Unconventional Problem / 非传统题目题目描述现有一段长文本 P 和一个某些位置能摆放按键的 100*100 大小网格状键盘基座,你需要将 1 到 500 共 500 ...
大一下学期C++期末模拟考试参考答案
期末模拟考试参考答案中国传媒大学2020春季学期,C++程序设计期末模拟答案说在前面:以下并不是官方给出的答案,而是学生自制版,提交结果AC,但不能保证绝对的正确性,仅供大家参考.我在程序中以注释 ...
一级计算机基础第四套,《计算机应用基础》第四套考试与答案.doc
<计算机应用基础>第四套考试与答案 -------------------------------- 作者: -------------------------------- 日期: &l ...
重庆工商大学c语言实验一答案,重庆工商大学嵌入式实验考试题目答案 - 副本.doc...
您所在位置:网站首页 > 海量文档 &nbsp>&nbsp计算机&nbsp>&nbsp嵌入式开发重庆工商大学嵌入式实验考试题目答案 - 副本.doc ...
python123期末测试第十周答案_Python语言设计_章节测验,期末考试,慕课答案查询公众号...
Python语言设计_章节测验,期末考试,慕课答案查询公众号更多相关问题 [单选题]机器人的DH参数包含多少个参数? A. 4 B. 3 C. 2 D. 1 用人单位和劳动者在签订劳动合同时,必须约 ...
2016年华为校招上机考试试题答案
2016年华为校招上机考试试题答案 [转载请注明出处]http://blog.csdn.net/guyuealian/article/details/50968368 华为 ...

考试提交答案demo

考试提交答案demo相关推荐

最新文章

热门文章