master
parent
707e739922
commit
1efe8a8843
30 changed files with 326 additions and 574 deletions
@ -1,320 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="box"> |
|
||||||
<h1 class="title">{{paperName}}</h1> |
|
||||||
<div class="metas"> |
|
||||||
<div> |
|
||||||
<span class="name">学生姓名：</span> |
|
||||||
<span class="val">{{userName}}</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<span class="name">学生得分：</span> |
|
||||||
<span class="val">{{(reviewStatus == 2 || reviewStatus == 3) ? this_score : '--'}}</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<span class="name">试卷总分：</span> |
|
||||||
<span class="val">100</span> |
|
||||||
</div> |
|
||||||
<div> |
|
||||||
<span class="name">练习时长：</span> |
|
||||||
<span class="val">{{duration}}</span> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="wrap"> |
|
||||||
<div class="select"> |
|
||||||
<el-radio v-model="look" label="1">查看全部</el-radio> |
|
||||||
<el-radio v-model="look" label="2" v-if="reviewStatus == 2 || reviewStatus == 3">只看错题</el-radio> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="item" v-for="(item,index) in list" :key="index"> |
|
||||||
<div class="status" :class="{done: item.isCorrecting}">{{item.isSub ? '简答题' : '客观题'}}：{{getCorrectingName(item.isCorrecting)}}</div> |
|
||||||
<div class="name" v-html="item.question_stem"></div> |
|
||||||
<div class="answer"> |
|
||||||
<div class="info" v-if="!item.isSub"> |
|
||||||
<p class="key">正确答案：</p> |
|
||||||
<p class="val">{{item.answer}}</p> |
|
||||||
</div> |
|
||||||
<div class="info"> |
|
||||||
<p class="key">学生答案：</p> |
|
||||||
<p class="val">{{item.user_answer}}</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="meta"> |
|
||||||
<span class="key">知识点：</span> |
|
||||||
<span class="val">{{item.knowledge_points}}</span> |
|
||||||
</div> |
|
||||||
<div class="meta" v-if="item.isSub"> |
|
||||||
<p class="key">附件：</p> |
|
||||||
<div class="val"> |
|
||||||
<el-button v-if="item.fileUrl || item.videoAudio" type="text" @click="preview(item)">{{item.fileName}}</el-button> |
|
||||||
<el-button v-if="item.fileUrl" type="primary" size="mini" @click="download(item)">下载</el-button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<div class="meta"> |
|
||||||
<span class="key">答案解析：</span> |
|
||||||
<span class="val">{{item.answer_analysis}}</span> |
|
||||||
</div> |
|
||||||
<div class="flex a-center point"> |
|
||||||
<div class="meta"> |
|
||||||
<span class="key">题目分数：</span> |
|
||||||
<div class="val">{{item.question_points}} 分</div> |
|
||||||
</div> |
|
||||||
<div class="meta"> |
|
||||||
<span class="key">考试得分：</span> |
|
||||||
<div class="val"> |
|
||||||
<input type="text" v-model.number="item.question_score" :disabled="!isReview || !item.isSub"> 分 |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div class="btns" v-if="isReview"> |
|
||||||
<button type="button" class="submit" @click="save(1)">提交</button> |
|
||||||
<button type="button" @click="save(0)">保存</button> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div v-show="playAuth" class="el-image-viewer__wrapper" :class="{active: playAuth}" style="z-index: 2000"> |
|
||||||
<div class="el-image-viewer__mask"></div> |
|
||||||
<span class="el-image-viewer__btn el-image-viewer__close" @click="closePlayer"><i class="el-icon-circle-close" style="color: #fff"></i></span> |
|
||||||
<div class="player" id="player"></div> |
|
||||||
</div> |
|
||||||
<pdf :visible.sync="pdfVisible" :src.sync="pdfSrc"></pdf> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
<script> |
|
||||||
import setBackground from '@/mixins/setBackground' |
|
||||||
import file from '@/mixins/file' |
|
||||||
import { mapState,mapGetters,mapActions } from 'vuex' |
|
||||||
import pdf from '@/components/pdf' |
|
||||||
export default { |
|
||||||
mixins: [ setBackground,file ], |
|
||||||
data() { |
|
||||||
return { |
|
||||||
paperName: '', |
|
||||||
userName: '', |
|
||||||
this_score: '', |
|
||||||
duration: '', |
|
||||||
list: [], |
|
||||||
look: '1', |
|
||||||
}; |
|
||||||
}, |
|
||||||
computed: { |
|
||||||
...mapState('user', [ |
|
||||||
'userId','clientId' |
|
||||||
]), |
|
||||||
...mapState('assessment', [ |
|
||||||
'reviewId','paperId','isReview','reviewStatus','stuId' |
|
||||||
]), |
|
||||||
...mapGetters('assessment', [ |
|
||||||
'getCorrectingName' |
|
||||||
]) |
|
||||||
}, |
|
||||||
watch: { |
|
||||||
look(val,oldVal){ |
|
||||||
val == 1 ? this.getData() : this.getWrong() |
|
||||||
} |
|
||||||
}, |
|
||||||
components: { pdf }, |
|
||||||
mounted() { |
|
||||||
this.getData() |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
getData() { |
|
||||||
this.$post(`${this.api.correcting}?assessmentId=${this.reviewId}&userId=${this.stuId}&paperId=${this.paperId}`) |
|
||||||
.then(res => { |
|
||||||
let list = res.data.list |
|
||||||
list.forEach(n => { |
|
||||||
n.isCorrecting == 0 && (n.question_score = '') |
|
||||||
n.isSub = n.typeName == '简答题' |
|
||||||
if(n.typeName == '填空题'){ |
|
||||||
let answer = [] |
|
||||||
for(let i in n){ |
|
||||||
if(i.includes('option_')) answer.push(n[i]) |
|
||||||
} |
|
||||||
n.answer = answer.join('|') |
|
||||||
n.user_answer = n.user_answer.replace(/<>/g,'|') |
|
||||||
} |
|
||||||
if(n.fileUrl){ |
|
||||||
let file = n.fileUrl.split(',') |
|
||||||
n.fileName = file[0] |
|
||||||
n.fileurl = file[1] |
|
||||||
} |
|
||||||
if(n.videoAudio){ |
|
||||||
let file = n.videoAudio.split(',') |
|
||||||
n.fileName = file[0] |
|
||||||
n.fileurl = file[1] |
|
||||||
} |
|
||||||
}) |
|
||||||
this.list = list |
|
||||||
this.paperName = list[0].name |
|
||||||
this.userName = list[0].userName |
|
||||||
this.this_score = list[0].this_score |
|
||||||
this.duration = list[0].duration |
|
||||||
}) |
|
||||||
.catch(err => {}) |
|
||||||
}, |
|
||||||
getWrong(){ |
|
||||||
this.$post(`${this.api.getWrong}?assessmentId=${this.reviewId}&userId=${this.stuId}&paperId=${this.paperId}`) |
|
||||||
.then(res => { |
|
||||||
this.list = res.data.list |
|
||||||
}).catch(err => {}) |
|
||||||
}, |
|
||||||
save(status) { |
|
||||||
let isEmpty = false |
|
||||||
let isNotNum = false |
|
||||||
let invalid = false |
|
||||||
this.list.map(n => { |
|
||||||
if(n.question_score === '') isEmpty = true |
|
||||||
if(isNaN(n.question_score)) isNotNum = true |
|
||||||
if(Number(n.question_score) > Number(n.question_points)) invalid = true |
|
||||||
}) |
|
||||||
if(status){ |
|
||||||
if(isEmpty) return this.$message.warning('请批阅完所有题目') |
|
||||||
if(isNotNum) return this.$message.warning('考试得分请输入数字') |
|
||||||
} |
|
||||||
if(invalid) return this.$message.warning('考试得分不得大于题目分数') |
|
||||||
let data = { |
|
||||||
review: [], |
|
||||||
assessmentId: this.reviewId, |
|
||||||
userId: this.stuId, |
|
||||||
paperId: this.paperId, |
|
||||||
teacherId: this.userId, |
|
||||||
} |
|
||||||
let totalScore = 0 |
|
||||||
this.list.map(n => { |
|
||||||
n.question_score !== '' && n.isSub && data.review.push({ |
|
||||||
detailId: Number(n.detailId) , |
|
||||||
score: Number(n.question_score) |
|
||||||
}) |
|
||||||
totalScore += Number(n.question_score) |
|
||||||
}) |
|
||||||
if(!data.review.length) return this.$message.warning('请至少批阅一道题目') |
|
||||||
|
|
||||||
if(status || this.list.filter(n => n.isSub).length == data.review.length){ |
|
||||||
data.totalScore = totalScore |
|
||||||
} |
|
||||||
this.$post(this.api.reviewByid,data).then(res => { |
|
||||||
this.$message.success(status ? '提交成功' : '保存成功') |
|
||||||
this.$router.back() |
|
||||||
}).catch(err => {}) |
|
||||||
}, |
|
||||||
}, |
|
||||||
}; |
|
||||||
</script> |
|
||||||
|
|
||||||
<style lang="scss" scoped> |
|
||||||
.title{ |
|
||||||
text-align: center; |
|
||||||
font-size: 18px; |
|
||||||
font-weight: 600; |
|
||||||
} |
|
||||||
.metas{ |
|
||||||
display: flex; |
|
||||||
justify-content: space-between; |
|
||||||
margin: 20px 0 30px; |
|
||||||
.name{ |
|
||||||
font-size: 12px; |
|
||||||
color: #717171; |
|
||||||
} |
|
||||||
.val{ |
|
||||||
font-size: 12px; |
|
||||||
color: #929292; |
|
||||||
} |
|
||||||
} |
|
||||||
.wrap{ |
|
||||||
padding: 20px; |
|
||||||
background-color: #fbfbfb; |
|
||||||
|
|
||||||
.select{ |
|
||||||
padding: 10px; |
|
||||||
margin-bottom: 20px; |
|
||||||
border-bottom: 1px solid #f4f4f4; |
|
||||||
} |
|
||||||
|
|
||||||
.item{ |
|
||||||
padding-bottom: 30px; |
|
||||||
margin-bottom: 30px; |
|
||||||
border-bottom: 1px dashed #d2d2d2; |
|
||||||
&:last-child{ |
|
||||||
border-bottom: 0; |
|
||||||
} |
|
||||||
|
|
||||||
.status{ |
|
||||||
color: #cb221c; |
|
||||||
&.done{ |
|
||||||
color: #56d5bf; |
|
||||||
} |
|
||||||
} |
|
||||||
.name{ |
|
||||||
margin-top: 15px; |
|
||||||
font-size: 14px; |
|
||||||
color: #555555; |
|
||||||
} |
|
||||||
.key{ |
|
||||||
font-weight: bold; |
|
||||||
color: #333; |
|
||||||
} |
|
||||||
.val{ |
|
||||||
color: #757575; |
|
||||||
} |
|
||||||
.answer{ |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
padding: 15px; |
|
||||||
margin: 15px 0; |
|
||||||
font-size: 12px; |
|
||||||
border: 1px solid #e8e8e8; |
|
||||||
background-color: #f3f2f2; |
|
||||||
.info{ |
|
||||||
display: inline-flex; |
|
||||||
align-items: center; |
|
||||||
margin-right: 30px; |
|
||||||
} |
|
||||||
} |
|
||||||
.meta{ |
|
||||||
display: flex; |
|
||||||
align-items: center; |
|
||||||
padding-left: 10px; |
|
||||||
margin: 10px 0; |
|
||||||
font-size: 12px; |
|
||||||
.key{ |
|
||||||
width: 80px; |
|
||||||
margin-right: 10px; |
|
||||||
text-align: right; |
|
||||||
white-space: nowrap; |
|
||||||
} |
|
||||||
input{ |
|
||||||
width: 60px; |
|
||||||
height: 28px; |
|
||||||
padding: 0 5px; |
|
||||||
margin-right: 5px; |
|
||||||
color: #444; |
|
||||||
background-color: #fff; |
|
||||||
border: 1px solid #ebebeb; |
|
||||||
box-sizing: border-box; |
|
||||||
&:focus{ |
|
||||||
outline: none; |
|
||||||
} |
|
||||||
&:disabled{ |
|
||||||
background-color: #e8e8e8; |
|
||||||
cursor: not-allowed; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.point{ |
|
||||||
.meta{ |
|
||||||
margin: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
.player{ |
|
||||||
position: absolute; |
|
||||||
top: 50%; |
|
||||||
left: 50%; |
|
||||||
transform: translate(-50%,-50%); |
|
||||||
width: 1200px !important; |
|
||||||
height: 600px !important; |
|
||||||
} |
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue