zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暂存

Browse Source
This commit is contained in:
@fawn-nine
2024-09-05 17:10:11 +08:00
parent a9f706e96f
commit 409e808a3c
6 changed files with 578 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

444
pages/miniClass/paperBack.vue
View File

@@ -1,7 +1,7 @@
<template style="">
<view class="" style="background-color: #d4eaf0; min-height: calc(100vh); padding: 20rpx;">
<public-module></public-module>
<z-nav-bar title="正在考试" backState="2000">
<z-nav-bar title="试卷答案">
<text slot="right" style="padding-right: 20rpx; font-size: 26rpx; color: #666;"
@click="showPopup = true">考试说明</text>
</z-nav-bar>
@@ -9,58 +9,59 @@
<template>
<view class="border_radius_10 haveResult">
<view class="scoreBox">
本次考试卷面成绩为：<text class="score PM_font">90分</text>
<text class="score PM_font">{{testPaper.score}}分</text>
</view>
<view class="">
<button type="primary" @click="goToClass">返回班级</button>
</view>
<view class="result_imgBox">
<image src="../../static/jiesuan_Icon.jpg" mode="widthFix"></image>
<view class="otherItems flex_box flex_between">
<view class="itt">
<text class="ciyao">总题数</text>
<text class="mainTxt">{{questionList.length}}</text>
</view>
<view class="itt">
<text class="ciyao">已答</text>
<text class="mainTxt">{{questionList.length - haveNoAnswerNumber}}</text>
</view>
<view class="itt">
<text class="ciyao">未答</text>
<text class="mainTxt">{{haveNoAnswerNumber}}</text>
</view>
<view class="itt">
<text class="ciyao">正确率</text>
<text class="mainTxt">{{rightNumber / questionList.length * 100}} %</text>
</view>
</view>
</view>
</template>
<!-- 没有考试结果的时候 -->
<template>
<!-- <view class="tips border_radius_10">
<text>①、每位学员共有两次考试的机会，考试成绩以两次成绩的最高分作为最终的卷面成绩，请认真对待每次考试;<br />
②、请在倒计时结束前完成答题，倒计时结束后将自动交卷;<br />
③、考试结束前中途离开视为放弃此次考试，成绩为0分。</text>
<!-- <view style="padding: 20rpx; " class="timeBox border_radius_10 flex_box flex_between align-items_box"
>
</view> -->
<view style="padding: 20rpx; " class="timeBox border_radius_10 flex_box flex_between align-items_box"
v-if="paperCreateTime > 0">
<!-- <view class=""> -->
<view class="">
<text><i style="color: #00aaff; font-style: normal; margin-right: 10rpx;" class="">{{curIndex1+1}}
</i> / {{testPaper.length}}</text>
</view>
<view class="flex_box align-items_box">
<view class="">
剩余时间：
</view>
<view class="">
<uni-countdown @timeup="timeup" :font-size="20" :show-day="false" :hour="paperCreateTime"
color="#ffaa7f" />
</view>
</view>
<!-- </view> -->
<!-- <pre>{{testPaper}}</pre> -->
</view>
<view class="question border_radius_10" v-if="curQuestion.id">
<view class="">
<text class="questionType">{{curQuestion.type == 0 ? '单选题' : '多选题'}}</text>
<text style="position: absolute; right: 20rpx; top: 30rpx; z-index: 2;"><i style="color: #00aaff; font-style: normal; margin-right: 10rpx;" class="">{{curIndex1+1}}
</i> / {{questionList.length}}</text>
<view class="questionItem" v-if="curQuestion.id">
<view class="">
<text>{{curQuestion.content}}</text>
</view>
<!-- <view class="">
{{curQuestion}}-{{curIndex1}}
</view> -->
<view class="optionsBox">
<view
:class="['item','border_radius_10',curQuestion.answerIds.includes(item.id) ? 'choosed' : '']"
@click="clickOption(item, index)" v-for="(item, index) in curQuestion.options"
:key="index">
<text>{{item.content}}</text>
<view class="optionsBox">
<view :class="['item','border_radius_10',
item.rightWrong == 1 ? 'right' : '',
checkAnswer(item.id) && item.rightWrong == 0 ? 'wrong' : '',
checkAnswer(item.id) && item.rightWrong == 1 ? 'right' : ''
]"
v-for="(item, index) in curQuestion.options" :key="index">
<!-- {{checkAnswer(item.id) ? '包含' : '不包含'}} -->
<view class="flex_box flex_between">
<text>{{item.content}}</text>
<text
v-if="checkAnswer(item.id)">{{item.rightWrong == 1 ? '正确':'错误'}}</text>
</view>
</view>
</view>
</view>
@@ -72,25 +73,9 @@
</view>
<view class="item">
<button @click="showNextQuestion" type="primary"
:disabled="curIndex1 == testPaper.length-1" size="mini">下一题</button>
:disabled="curIndex1 == questionList.length-1" size="mini">下一题</button>
</view>
</view>
<!-- v-show="curIndex1 == testPaper.length-1 && !isOvertime" -->
<view class="" style="margin-top: 20rpx;"
>
<button @click="sumitAnswer" type="primary">交 卷</button>
</view>
</view>
<view class="questIndx ">
<view class="" style="text-align: center; font-size: 24rpx; color: #666;">
<span>题目索引</span>
</view>
<scroll-view class="scroll-view_H" scroll-x="true">
<view class="scroll-view-item_H" v-for="index of getallLIst" :key="index">
<text @click="clickIndex(index)"
:class="[ haveAnswerList.includes(index-1) ? 'green' : '', noAnswerList.includes(index-1) ? 'red' : '',(curIndex1+1) == index ? 'cur' :'']">{{index}}</text>
</view>
</scroll-view>
</view>
</view>
</view>
@@ -100,8 +85,8 @@
<h3>考试说明</h3>
<view class="tips border_radius_10">
<text>①、每位学员共有两次考试的机会，考试成绩以两次成绩的最高分作为最终的卷面成绩，请认真对待每次考试;<br />
②、请在倒计时结束前完成答题，倒计时结束后将自动交卷;<br />
③、考试结束前中途离开视为放弃此次考试，成绩为0分。</text>
②、请在倒计时结束前完成答题，倒计时结束后将自动交卷。
</text>
</view>
</view>
</u-popup>
@@ -119,93 +104,50 @@
return {
showPopup: false,
code: 0, // 英文code
classId: undefined,
exameId: undefined,
testPaper: [],
curQuestion: {
answerIds: []
},
questionList: [], // 试题列表
result: {}, // 考试结果
curIndex1: 0,
paperCreateTime: 0,
examId: undefined,
endTime: undefined, // 结束时间戳
isOvertime: false, // 是否超时
step: 8, /// 步长
// questIndexList: [],
nowPart: 1,
maxNumber: 0,
minNumber: 0,
noAnswerList: [],
haveAnswerList:[]
answerIdsList: [],
haveNoAnswerNumber: 0, // 未作答数量
rightNumber: 0 // 答题正确个数
}
},
async onLoad(e) {
console.log('收到得值');
this.classId = e.classId
if (this.testPaper.length == 0) {
this.getTestPage()
}
// this.questIndexList = await this.getNowList('add')
},
onHide() {
if (!this.isOvertime) {}
},
onShow() {
this.endTime = this.hourUp(1)
console.log('this.endTime', this.endTime.getTime());
},
beforeDestroy() {
if (!this.isOvertime) { // 如果中途退出
this.giveZero()
}
console.log('收到得值', e);
this.exameId = e.id
this.getTestPage()
},
onHide() {},
onShow() {},
computed: {
...mapState(["userInfo"]),
getallLIst() {
const numbers = Array.from(Array(100).keys(), n => n + 1);
console.log('numbers', numbers);
return numbers
}
// getallLIst() {
// const numbers = Array.from(Array(100).keys(), n => n + 1);
// console.log('numbers', numbers);
// return numbers
// }
},
methods: {
// 单个题的提交
saveQuestAnswer(paperId,questIndex,ids){
console.log('收到的值',paperId,questIndex,ids);
$http.request({
url: "common/classExam/submitOption",
method: "POST",
data: {
"id": paperId, //试卷id
"no": questIndex, // 提索引 1....
"answer": ids // 答案id
},
header: { //默认 无 说明：请求头
'Content-Type': 'application/json'
},
})
.then(res => {
if (res.code == 0) {
console.log('提交成功');
}else{
uni.showToast({
title: e.errMsg,
icon: 'error'
})
}
}).catch(e => {
console.log(e, '数据报错')
uni.showToast({
title: e.errMsg,
icon: 'error'
})
});
},
checkAnswer(id){
var _list = [...this.answerIdsList]
var _list1 = []
_list = _list.map( item => {
return item.split(',')
})
for (var i = 0; i < _list.length; i++) {
for (var j = 0; j < _list[i].length; j++) {
if(id == _list[i][j]){
return true
}
}
}
return false
},
getNoAnswerList() {
var list = []
if (this.curIndex1 > 0) {
@@ -229,79 +171,20 @@
}
}
return list
},
// 倒计时结束 （超时）
timeup() {
this.isOvertime = true
this.sumitAnswer()
let that = this
uni.showModal({
title: '提示',
content: "考试结束，系统已为您自动交卷",
confirmText: '知道了',
showCancel: false,
success: (res) => {
if (res.confirm) {
// that.goToClass()
}
}
})
},
// 获取交卷数据
sumitAnswer() {
// var list = []
// var _newList = this.testPaper.map(item => {
// return item.answerIds
// })
// _newList = _newList.map(item => {
// return item.join(',')
// })
// console.log('_newList', _newList);
// list = _newList
// return list
this.sumbitPaper()
},
// q请求提交试卷
sumbitPaper(ids) {
$http.request({
url: "common/classExam/submitExamPaper",
method: "POST",
data: {
id: this.examId
},
header: { //默认 无 说明：请求头
'Content-Type': 'application/json'
},
})
.then(res => {
uni.hideLoading()
if (res.code == 0) {
uni.showToast({
title: '交卷成功',
icon: 'success'
})
this.isOvertime = true
}
}).catch(e => {
uni.hideLoading()
console.log(e, '数据报错')
// this.status = 3
uni.showToast({
title: e.errorMsg,
icon: 'error'
})
});
},
showPrevQuestion() {
// 上一题
this.curIndex1--
// this.curQuestion.answerIds = []
this.curQuestion = {
...this.testPaper[this.curIndex1]
...this.questionList[this.curIndex1]
}
console.log('----------------', this.testPaper );
// console.log('----------------', this.testPaper );
// this.haveAnswerList = this.gethaveAnswerList()
},
showNextQuestion() {
@@ -309,38 +192,9 @@
this.curIndex1++
// this.curQuestion.answerIds = []
this.curQuestion = {
...this.testPaper[this.curIndex1]
...this.questionList[this.curIndex1]
}
console.log('+++++++++++++++', this.testPaper, );
this.haveAnswerList = this.gethaveAnswerList()
},
clickOption(item, index) {
console.log('item', item, index, this.curIndex1);
if (this.curQuestion.type == 0) {
this.testPaper[this.curIndex1].answerIds = [item.id]
this.curQuestion.answerIds = [item.id]
// console.log('666666666', this.testPaper, this.curQuestion.answerIds);
this.$forceUpdate()
} else if (this.curQuestion.type == 1) {
console.log('多选');
var isIN = this.curQuestion.answerIds.findIndex(itemss => {
return itemss == item.id
})
if (isIN >= 0) {
console.log('有重复的,删除对应的', isIN);
this.testPaper[this.curIndex1].answerIds.splice(isIN, 1)
this.curQuestion.answerIds.splice(isIN, 1)
} else {
this.testPaper[this.curIndex1].answerIds.push(item.id)
this.curQuestion.answerIds = [...this.testPaper[this.curIndex1].answerIds]
}
}
this.noAnswerList = this.getNoAnswerList()
this.haveAnswerList = this.gethaveAnswerList()
console.log('this.testPaper.',this.testPaper.id);
this.saveQuestAnswer(this.examId,this.curIndex1+1,this.curQuestion.answerIds.join(','))
console.log('noAnswerList', this.noAnswerList)
},
setDesc() {
const letterArr = []
@@ -352,13 +206,13 @@
},
getTestPage() {
uni.showLoading({
title: '正在生成试卷'
title: '正在展开试卷'
})
$http.request({
url: "common/classExam/generateExamPaper",
url: "common/classExam/getExamPaperInfo",
method: "POST",
data: {
"classId": this.classId
"id": this.exameId
},
header: { //默认 无 说明：请求头
'Content-Type': 'application/json'
@@ -367,9 +221,11 @@
.then(res => {
uni.hideLoading()
if (res.code == 0) {
// that.isHave = true
res.examPaper.forEach(item => {
item.answerIds = []
// that.isHave = true
var subOptions = JSON.parse(res.examPaper.subject)
subOptions.forEach(item => {
var code = 0
item.options.forEach(item1 => {
const randomAbc = this.setDesc().splice(65)
@@ -377,22 +233,38 @@
code++
})
})
this.questionList = subOptions
this.testPaper = res.examPaper
this.examId = res.id
this.paperCreateTime = 1
this.endTime = this.hourUp(1)
console.log('this.endTime', this.endTime);
this.curQuestion = {
...this.testPaper[this.curIndex1]
}
uni.showToast({
title: '获取成功',
icon: 'success'
this.answerIdsList = JSON.parse(res.examPaper.answer)
var newList = JSON.parse(res.examPaper.answer)
newList = newList.map(item => {
// console.log('item.substring(0,item.length - 2)',item.substring(0,item.length - 2));
return item.substr(item.length - 1)
})
console.log(res, '试卷', this.curQuestion)
// setTimeout(() => {
// this.getClassInfo()
// }, 500)
this.rightNumber = 0
newList.forEach(item => {
if (item == '1') {
this.rightNumber += 1
}
})
console.log('newList', newList);
this.answerIdsList = this.answerIdsList.map(item => {
// console.log('item.substring(0,item.length - 2)',item.substring(0,item.length - 2));
return item.substring(0, item.length - 2)
})
this.haveNoAnswerNumber = 0
this.answerIdsList.forEach(item => {
if (item == '') {
this.haveNoAnswerNumber += 1
}
})
// this.examId = res.id
this.curQuestion = {
...this.questionList[this.curIndex1]
}
console.log('subOptions', subOptions, 'answerIdsList', this.answerIdsList);
// console.log(questionList, '试卷', this.curQuestion)
} else {
uni.showToast({
title: res.errMsg,
@@ -412,15 +284,7 @@
})
});
},
giveZero() {
// 没有完成完成考试，记为0分
},
showElart() {
// uni.showModal({
// title:'提示',
// content:"您还没有完成考试，确定要离开吗？离开后成绩会记为0分，是否继续？"
// })
},
goToClass() {
uni.navigateTo({
url: `/pages/miniClass/classInfo?id=${this.classId}`
@@ -430,21 +294,12 @@
this.showPopup = false
},
clickIndex(val) {
this.curIndex1 = val - 1
console.log('val', val, this.curIndex1, this.testPaper.length);
this.curQuestion = this.testPaper[this.curIndex1]
this.noAnswerList = this.getNoAnswerList()
this.haveAnswerList = this.gethaveAnswerList()
},
hourUp(e) {
// 比现在多几个小时
var end = Date.now()
var start = 1000 * 60 * 60 * e
var interval = end + start; //结束 - 开始 = 毫秒值
var a = new Date(interval)
return a
},
}
}
</script>
@@ -452,14 +307,26 @@
<style lang="scss" scoped>
@import "@/style/mixin.scss";
.questIndx { overflow: hidden;
.questIndx {
overflow: hidden;
margin-top: 20rpx;
margin-bottom: 20rpx;
span{padding: 20rpx 0; display: inline-block;}
.red{border-color: #f56c6c; color: #f56c6c;}
.green{
border-color: #67c23a; color: #67c23a;
span {
padding: 20rpx 0;
display: inline-block;
}
.red {
border-color: #f56c6c;
color: #f56c6c;
}
.green {
border-color: #67c23a;
color: #67c23a;
}
text {
background-color: #fff;
padding: 6rpx 10rpx;
@@ -535,18 +402,20 @@
}
.haveResult {
margin-bottom: 20rpx;
background-color: #fff;
padding: 20rpx;
text-align: center;
}
.scoreBox {
margin-top: 100rpx;
color: #333;
margin-bottom: 50rpx;
overflow: hidden;
color: #333; margin:20rpx 0;
}
.score {
color: $themeColor;
font-size: 50rpx;
}
@@ -557,15 +426,50 @@
position: relative;
}
.otherItems {
// border: 1px solid #dadada;
text-align: center;
// background-color: rgba(255, 255, 255, .5);
border-radius: 20rpx;
justify-content: space-around;
.itt {
margin: 0 20rpx;
}
text {
display: block;
font-size: 28rpx;
}
.ciyao {
color: #999;
margin-bottom: 10rpx;
}
}
.optionsBox {
margin: 30rpx 0;
.item {
border: 1px solid #eee;
padding: 24rpx 20rpx;
padding: 16rpx 12rpx;
margin-bottom: 20rpx;
}
.right {
border-color: #c2e7b0;
color: #67c23a;
background-color: #fef0f0;
}
.wrong {
border-color: #fbc4c4;
color: #f56c6c;
background-color: #f0f9eb;
}
.choosed {
border-color: #b3d8ff;
color: #409eff;