|
|
|
@ -54,35 +54,46 @@ |
|
|
|
|
<p class="meta-title">实验数据</p> |
|
|
|
|
</div> |
|
|
|
|
<el-table :data="expData" class="table" stripe header-align="center"> |
|
|
|
|
<el-table-column type="index" width="100" label="序号" align="center"> |
|
|
|
|
<el-table-column type="index" width="50" label="序号" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
{{ scope.$index + 1 }} |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="judgmentName" label="任务名称" align="center"> |
|
|
|
|
<el-table-column prop="judgmentName" width="150" label="任务名称" align="center"> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="userAnswer" label="考核点" align="center"> |
|
|
|
|
<el-table-column v-if='project' prop="userAnswer" label="考核点" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
|
|
|
|
<span>{{index+1}}. </span>{{item.name}} |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="userAnswer" label="学生答案" align="center"> |
|
|
|
|
<el-table-column prop="answer" label="参考答案" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div v-if=' scope.row.lcRuleRecords'> |
|
|
|
|
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
|
|
|
|
<span>{{index+1}}. </span>{{item.ruleAnswer}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else v-html='scope.row.referenceAnswer'> |
|
|
|
|
<!-- {{scope.row.referenceAnswer}}--> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="answer" label="参考答案" align="center"> |
|
|
|
|
<el-table-column prop="userAnswer" label="学生答案" align="center"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div v-if=' scope.row.lcRuleRecords'> |
|
|
|
|
<div v-for="(item, index) in scope.row.lcRuleRecords"> |
|
|
|
|
<span>{{index+1}}. </span>{{item.ruleAnswer}} |
|
|
|
|
<span>{{index+1}}. </span>{{item.userAnswer}} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else v-html='scope.row.answer' style='white-space: pre-wrap'> |
|
|
|
|
<!-- {{scope.row.answer}}--> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column prop="score" label="得分" align="center"> |
|
|
|
|
|
|
|
|
|
<el-table-column prop="score" width="50" label="得分" align="center"> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
@ -142,6 +153,7 @@ export default { |
|
|
|
|
autograph: "1", |
|
|
|
|
pages: 1, |
|
|
|
|
ipVisible: false, |
|
|
|
|
project:false, |
|
|
|
|
fileList: [{ name: "food.jpeg", url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100" }, { |
|
|
|
|
name: "food2.jpeg", |
|
|
|
|
url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100" |
|
|
|
@ -160,6 +172,7 @@ export default { |
|
|
|
|
]) |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
|
|
this.getData(); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
@ -173,6 +186,16 @@ export default { |
|
|
|
|
let expData = res.userScores; |
|
|
|
|
let form = this.form; |
|
|
|
|
let score = form.score; |
|
|
|
|
for(var i=0;i<expData.length;i++){ |
|
|
|
|
console.log(expData[i].referenceAnswer) |
|
|
|
|
if (expData[i].referenceAnswer != undefined && expData[i].referenceAnswer){ |
|
|
|
|
console.log('123') |
|
|
|
|
this.project = false |
|
|
|
|
}else{ |
|
|
|
|
console.log('456') |
|
|
|
|
this.project = true |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (expData) { |
|
|
|
|
if (score) { |
|
|
|
|
expData.map(n => { |
|
|
|
@ -183,7 +206,6 @@ export default { |
|
|
|
|
}); |
|
|
|
|
form.score = score; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.expData = expData; |
|
|
|
|
} |
|
|
|
|
this.infoData.push({ |
|
|
|
@ -212,7 +234,16 @@ export default { |
|
|
|
|
let expData = res.userScores; |
|
|
|
|
let form = this.form; |
|
|
|
|
let score = form.score; |
|
|
|
|
|
|
|
|
|
for(var i=0;i<expData.length;i++){ |
|
|
|
|
console.log(expData[i].referenceAnswer) |
|
|
|
|
if (expData[i].referenceAnswer != undefined && expData[i].referenceAnswer){ |
|
|
|
|
console.log('123') |
|
|
|
|
this.project = false |
|
|
|
|
}else{ |
|
|
|
|
console.log('456') |
|
|
|
|
this.project = true |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (expData) { |
|
|
|
|
if (score) { |
|
|
|
|
expData.map(n => { |
|
|
|
@ -345,12 +376,11 @@ export default { |
|
|
|
|
/deep/ .info-table { |
|
|
|
|
margin-bottom: 40px; |
|
|
|
|
border: 0; |
|
|
|
|
|
|
|
|
|
th { |
|
|
|
|
background-color: #fff !important; |
|
|
|
|
|
|
|
|
|
.cell { |
|
|
|
|
color: #444; |
|
|
|
|
line-height: 35px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -385,11 +415,19 @@ export default { |
|
|
|
|
background-color: #e1eaff !important; |
|
|
|
|
|
|
|
|
|
.cell { |
|
|
|
|
line-height: 35px; |
|
|
|
|
color: #555555; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/ pre, code, kbd, samp{ |
|
|
|
|
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif; |
|
|
|
|
word-wrap: break-word; |
|
|
|
|
white-space: pre-wrap; |
|
|
|
|
} |
|
|
|
|
/deep/ pre{ |
|
|
|
|
white-space: pre-wrap; |
|
|
|
|
} |
|
|
|
|
/deep/ .cell { |
|
|
|
|
font-size: 12px; |
|
|
|
|
} |
|
|
|
@ -455,4 +493,16 @@ export default { |
|
|
|
|
padding-top: 20px; |
|
|
|
|
border-top: 1px dashed #ccc; |
|
|
|
|
} |
|
|
|
|
pre { |
|
|
|
|
white-space: pre-wrap; /* css-3 */ |
|
|
|
|
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
|
|
|
|
white-space: pre-wrap; /* Opera 4-6 */ |
|
|
|
|
white-space: -o-pre-wrap; /* Opera 7 */ |
|
|
|
|
word-wrap: break-word; /* Internet Explorer 5.5+ */ |
|
|
|
|
word-break:break-all; |
|
|
|
|
overflow:hidden; |
|
|
|
|
font-size: 12px; |
|
|
|
|
font-weight:400; |
|
|
|
|
font-family:'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif |
|
|
|
|
} |
|
|
|
|
</style> |