|
|
|
|
@ -3,7 +3,7 @@ |
|
|
|
|
<el-container class="scrollbar" v-if="ishow"> |
|
|
|
|
<el-header> |
|
|
|
|
<div class="flex between"> |
|
|
|
|
<div class="flex"> |
|
|
|
|
<div class="flex" style="width: 28%"> |
|
|
|
|
<p>实训项目</p> |
|
|
|
|
<el-select |
|
|
|
|
v-model="value1" |
|
|
|
|
@ -11,6 +11,7 @@ |
|
|
|
|
class="select" |
|
|
|
|
:disabled="projectPermissions != 0" |
|
|
|
|
@change="selectProject" |
|
|
|
|
style="flex: 1" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in value" |
|
|
|
|
@ -43,7 +44,7 @@ |
|
|
|
|
v-show="projectPermissions == 0" |
|
|
|
|
@click="reload" |
|
|
|
|
>重新开始</el-button> |
|
|
|
|
<el-button style="margin-right:7px" @click="Submit()" :disabled="isSubmit">提交</el-button> |
|
|
|
|
<el-button class="submit-btn" style="margin-right:7px" @click="Submit()" :disabled="isSubmit">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-header> |
|
|
|
|
@ -55,7 +56,9 @@ |
|
|
|
|
<p>实验目标</p> |
|
|
|
|
</div> |
|
|
|
|
<div class="font_css"> |
|
|
|
|
<p class="experimentalGoal">{{experimentalGoal}}</p> |
|
|
|
|
<div class="experimentalGoal"> |
|
|
|
|
<div class="break-all" v-html="experimentalGoal"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="aside-footer"> |
|
|
|
|
@ -94,7 +97,9 @@ |
|
|
|
|
</el-aside> |
|
|
|
|
<el-main> |
|
|
|
|
<el-tabs v-model="activeName" type="card"> |
|
|
|
|
<el-tab-pane label="案例" name="first">{{caseDescription}}</el-tab-pane> |
|
|
|
|
<el-tab-pane label="案例" name="first"> |
|
|
|
|
<div class="break-all" v-html="caseDescription"></div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
<el-tab-pane label="实验要求" name="second"> |
|
|
|
|
<el-collapse v-model="activeNames"> |
|
|
|
|
<el-collapse-item v-for="(loop, index) in points" :key="index"> |
|
|
|
|
@ -102,11 +107,13 @@ |
|
|
|
|
<i class="el-icon-s-ticket"></i> |
|
|
|
|
<span style="font-size:16px">{{loop.judgmentPointsName}}</span> |
|
|
|
|
</template> |
|
|
|
|
<div>{{loop.experimentalRequirements}}</div> |
|
|
|
|
<div class="break-all" v-html="loop.experimentalRequirements"></div> |
|
|
|
|
</el-collapse-item> |
|
|
|
|
</el-collapse> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
<el-tab-pane label="实验提示" name="fifth" >{{experimentSuggests}}</el-tab-pane> |
|
|
|
|
<el-tab-pane label="实验提示" name="fifth" > |
|
|
|
|
<div class="break-all" v-html="experimentSuggests"></div> |
|
|
|
|
</el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
</el-main> |
|
|
|
|
</el-container> |
|
|
|
|
@ -154,6 +161,7 @@ function formatDate(fmt,date) { |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
systemId: this.$config.systemId, |
|
|
|
|
test: [], |
|
|
|
|
ishow: false, |
|
|
|
|
grade: "00", |
|
|
|
|
@ -195,6 +203,8 @@ export default { |
|
|
|
|
stopTime: '', |
|
|
|
|
isSelected: false, |
|
|
|
|
userId: '', |
|
|
|
|
workbenchCus: this.workbench, |
|
|
|
|
isRecovery: false |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
@ -233,6 +243,10 @@ export default { |
|
|
|
|
codeId: { |
|
|
|
|
type: Number, |
|
|
|
|
default: 0 |
|
|
|
|
}, |
|
|
|
|
workbench: { |
|
|
|
|
type: Array, |
|
|
|
|
default: [] |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
@ -262,6 +276,29 @@ export default { |
|
|
|
|
this.getQueryProject(); |
|
|
|
|
}else{ |
|
|
|
|
this.getProjects(); |
|
|
|
|
let codeCache = localStorage.getItem('codeCache') |
|
|
|
|
if(codeCache){ |
|
|
|
|
codeCache = JSON.parse(codeCache) |
|
|
|
|
if(codeCache.systemId && codeCache.systemId == this.$config.systemId){ |
|
|
|
|
this.$confirm('是否要继续上次的实验？', '提示', { |
|
|
|
|
confirmButtonText: '是', |
|
|
|
|
cancelButtonText: '否', |
|
|
|
|
type: 'success' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.value1 = codeCache.projectId |
|
|
|
|
this.workbenchCus = codeCache.workbench |
|
|
|
|
this.isRecovery = true |
|
|
|
|
this.selectProject() |
|
|
|
|
let codeIds = [] |
|
|
|
|
codeCache.workbench.map(n => codeIds.push(n.code.codeId)) |
|
|
|
|
codeIds = codeIds.filter(n => n) |
|
|
|
|
this.codeIds = codeIds |
|
|
|
|
this.$emit('recoveryCode',codeCache.workbench1) |
|
|
|
|
}).catch(() => { |
|
|
|
|
localStorage.removeItem('codeCache') |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.assessmentId && this.projectId && this.checkVer() |
|
|
|
|
this.codeId && this.codeIds.push(this.codeId) |
|
|
|
|
@ -271,6 +308,14 @@ export default { |
|
|
|
|
let codeId = this.codeid; |
|
|
|
|
this.codeIds.push(codeId); |
|
|
|
|
}); |
|
|
|
|
// 更改tableData |
|
|
|
|
newmain.$on("updateJud", item => { |
|
|
|
|
let list = this.tableData |
|
|
|
|
list.map(n => { |
|
|
|
|
if(n.judgmentPointsId == item.id) n.isError = item.isError |
|
|
|
|
}) |
|
|
|
|
this.tableData = list |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
checkVer() { |
|
|
|
|
@ -288,12 +333,30 @@ export default { |
|
|
|
|
//重新开始 |
|
|
|
|
reload() { |
|
|
|
|
this.$post(this.api.DeleteCodes, this.codeIds).then(res => { |
|
|
|
|
this.getClearTime(); |
|
|
|
|
this.$router.go(0); |
|
|
|
|
this.startCountFn(); |
|
|
|
|
this.getClearTime() |
|
|
|
|
localStorage.removeItem('codeCache') |
|
|
|
|
this.codeIds = [] |
|
|
|
|
this.isSubmit = false |
|
|
|
|
newmain.$emit("isSubmit", this.isSubmit) |
|
|
|
|
let workbench = this.workbench |
|
|
|
|
workbench.map(n => { |
|
|
|
|
n.code = { |
|
|
|
|
code: '', |
|
|
|
|
codeId: '' |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.$emit('recoveryCode',workbench) |
|
|
|
|
let tableData = this.tableData |
|
|
|
|
tableData.map(n => { |
|
|
|
|
delete n.score |
|
|
|
|
delete n.right |
|
|
|
|
}) |
|
|
|
|
this.tableData = JSON.parse(JSON.stringify(tableData)) |
|
|
|
|
this.startCountFn() |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
Submit() { |
|
|
|
|
if(!this.codeIds.length) return this.$message.error('请先完成实验') |
|
|
|
|
this.$confirm("此操作将视为结束考试, 是否继续?", "提示", { |
|
|
|
|
confirmButtonText: "确定", |
|
|
|
|
cancelButtonText: "取消", |
|
|
|
|
@ -326,9 +389,23 @@ export default { |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
.then(res => { |
|
|
|
|
this.assessmentId && (this.isSubmit = true); |
|
|
|
|
localStorage.removeItem('codeCache') |
|
|
|
|
this.isSubmit = true |
|
|
|
|
newmain.$emit("isSubmit", this.isSubmit); |
|
|
|
|
this.tableData = res.message; |
|
|
|
|
let list = res.message |
|
|
|
|
let workbench = this.workbenchCus.length ? this.workbenchCus : this.workbench |
|
|
|
|
let result = [] |
|
|
|
|
workbench.map(n => { |
|
|
|
|
result.push(list.find(e => e.judgmentPointsId == n.judgmentPointsId)) |
|
|
|
|
}) |
|
|
|
|
let tableData = this.tableData |
|
|
|
|
result.map(n => { |
|
|
|
|
if(tableData.find(e => e.judgmentPointsId == n.judgmentPointsId).isError){ |
|
|
|
|
n.score = 0 |
|
|
|
|
n.right = -1 |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.tableData = result |
|
|
|
|
//计算总分 |
|
|
|
|
var s = 0; |
|
|
|
|
this.tableData.forEach(element => { |
|
|
|
|
@ -381,11 +458,12 @@ export default { |
|
|
|
|
this.projectId = type == 2 ? project[0].projectId : this.projectId |
|
|
|
|
if(type == 2) this.getQueryProject(0,1) |
|
|
|
|
this.projectPermissions = type == 1 ? project[0].projectPermissions : this.projectPermissions |
|
|
|
|
this.$emit("tell", this.value1, this.projectPermissions); |
|
|
|
|
this.$emit("tell", this.value1, this.projectPermissions,this.isRecovery ? this.workbenchCus : []); |
|
|
|
|
this.experimentalGoal = project[0].experimentalGoal; |
|
|
|
|
this.caseDescription = project[0].caseDescription; |
|
|
|
|
this.experimentSuggests = project[0].experimentSuggests; |
|
|
|
|
this.actEndTime = project[0].endTime; |
|
|
|
|
this.isRecovery = false |
|
|
|
|
}, |
|
|
|
|
getQueryProject(projectId,type) { |
|
|
|
|
//项目名称+实验目标+案例描述+实验提示+实验要求 |
|
|
|
|
@ -457,8 +535,9 @@ export default { |
|
|
|
|
}, |
|
|
|
|
getProjects(){ |
|
|
|
|
let data = { |
|
|
|
|
systemId: 5, |
|
|
|
|
schoolId: this.schoolId |
|
|
|
|
systemId: this.systemId, |
|
|
|
|
// schoolId: this.schoolId |
|
|
|
|
schoolId: '' |
|
|
|
|
} |
|
|
|
|
this.$get(`${this.api.queryTestProject}`,data).then(res => { |
|
|
|
|
this.handleData(res.message,2) |
|
|
|
|
@ -467,7 +546,12 @@ export default { |
|
|
|
|
selectProject(){ |
|
|
|
|
this.isSelected = true |
|
|
|
|
this.assessmentId = '' |
|
|
|
|
this.judgmentPointsIds = [] |
|
|
|
|
this.codeIds = [] |
|
|
|
|
this.getQueryProject(this.value1) |
|
|
|
|
this.isSubmit = false |
|
|
|
|
this.countVal = 0 |
|
|
|
|
newmain.$emit("isSubmit", this.isSubmit) |
|
|
|
|
}, |
|
|
|
|
counterFn(counterTime) { |
|
|
|
|
let leave1 = counterTime % (24 * 3600 * 1); //计算天数后剩余的毫秒数 |
|
|
|
|
@ -523,15 +607,16 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.break-all{ |
|
|
|
|
word-break: break-all; |
|
|
|
|
} |
|
|
|
|
.m_step { |
|
|
|
|
height: 150px; |
|
|
|
|
width: 35px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
display: block !important; |
|
|
|
|
} |
|
|
|
|
.n_step { |
|
|
|
|
height: 150px; |
|
|
|
|
width: 35px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
display: block !important; |
|
|
|
|
} |
|
|
|
|
@ -544,6 +629,7 @@ export default { |
|
|
|
|
font-size: 16px; |
|
|
|
|
margin: 0px 20px 10px 10px; |
|
|
|
|
white-space: pre-wrap; |
|
|
|
|
background: #fff url(../assets/img/bg1.png) top right no-repeat; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
::v-deep .el-collapse-item__wrap { |
|
|
|
|
@ -558,7 +644,7 @@ export default { |
|
|
|
|
::v-deep .el-icon-s-ticket:before { |
|
|
|
|
font-size: 16px; |
|
|
|
|
padding: 5px; |
|
|
|
|
color: #239685; |
|
|
|
|
color: $main-color; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-collapse-item__arrow { |
|
|
|
|
margin: 0 5px 0 0; |
|
|
|
|
@ -568,7 +654,7 @@ export default { |
|
|
|
|
font-size: 12px; |
|
|
|
|
padding: 1px; |
|
|
|
|
margin-left: 10px; |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
color: #ffffff; |
|
|
|
|
} |
|
|
|
|
@ -593,7 +679,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
::v-deep .el-tabs__item.is-active { |
|
|
|
|
color: #fff; |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-tabs__header { |
|
|
|
|
padding: 5px 20px; |
|
|
|
|
@ -618,8 +704,8 @@ export default { |
|
|
|
|
background-color: #fff; |
|
|
|
|
} |
|
|
|
|
.header_h { |
|
|
|
|
height: 40px; |
|
|
|
|
background-color: #239685; |
|
|
|
|
height: 50px; |
|
|
|
|
background: url(../assets/img/header.png) 0 0/100% 100% no-repeat; |
|
|
|
|
justify-content: center; |
|
|
|
|
} |
|
|
|
|
.header_h i { |
|
|
|
|
@ -631,6 +717,10 @@ export default { |
|
|
|
|
color: #fff; |
|
|
|
|
padding-left: 10px; |
|
|
|
|
} |
|
|
|
|
/deep/.el-card{ |
|
|
|
|
border: 0; |
|
|
|
|
border-radius: 0; |
|
|
|
|
} |
|
|
|
|
//表格 |
|
|
|
|
::v-deep .el-card__body { |
|
|
|
|
padding: 0; |
|
|
|
|
@ -649,10 +739,13 @@ export default { |
|
|
|
|
::v-deep .el-table thead { |
|
|
|
|
color: #ffffff; |
|
|
|
|
font-size: 10px; |
|
|
|
|
th{ |
|
|
|
|
padding: 5px 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
::v-deep .el-table th, |
|
|
|
|
.el-table tr { |
|
|
|
|
background-color: #202020; |
|
|
|
|
background-color: #ffb585; |
|
|
|
|
} |
|
|
|
|
::v-deep .el-table { |
|
|
|
|
font-size: 12px; |
|
|
|
|
@ -662,7 +755,7 @@ export default { |
|
|
|
|
//.el-header |
|
|
|
|
.el-header { |
|
|
|
|
color: #333; |
|
|
|
|
padding: 0 12px; |
|
|
|
|
padding: 0 12px 0 20px; |
|
|
|
|
} |
|
|
|
|
.between { |
|
|
|
|
justify-content: space-between; |
|
|
|
|
@ -693,12 +786,11 @@ export default { |
|
|
|
|
content: "\e78f"; |
|
|
|
|
font-size: 16px; |
|
|
|
|
padding: 3px; |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
color: #ffffff; |
|
|
|
|
} |
|
|
|
|
.select ::v-deep .el-input--suffix .el-input__inner { |
|
|
|
|
width: 90%; |
|
|
|
|
color: #333; |
|
|
|
|
font-size: 14px; |
|
|
|
|
border-radius: 30px; |
|
|
|
|
@ -712,7 +804,6 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.select ::v-deep .el-input { |
|
|
|
|
width: 80%; |
|
|
|
|
padding: 10px 0; |
|
|
|
|
} |
|
|
|
|
//实训时间、得分 |
|
|
|
|
@ -731,28 +822,38 @@ export default { |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
.gradeSpan { |
|
|
|
|
color: #ffffff; |
|
|
|
|
color: #878787; |
|
|
|
|
padding: 10px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
background: #000000; |
|
|
|
|
background: #e0e0e0; |
|
|
|
|
border-radius: 6px; |
|
|
|
|
text-align: center; |
|
|
|
|
} |
|
|
|
|
//重新开始、提交 |
|
|
|
|
.el-header ::v-deep .el-button { |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
color: #fff; |
|
|
|
|
border: none; |
|
|
|
|
margin: 5px 0px 5px 5px; |
|
|
|
|
font-size: 16px; |
|
|
|
|
} |
|
|
|
|
.el-header .submit-btn{ |
|
|
|
|
padding-left: 30px; |
|
|
|
|
padding-right: 30px; |
|
|
|
|
background: $main-color url(../assets/img/btn.png) 0 0/100% 100% no-repeat; |
|
|
|
|
} |
|
|
|
|
.el-header ::v-deep .el-button:hover, |
|
|
|
|
.el-button:focus, |
|
|
|
|
.el-button:active { |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
color: #fff; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/deep/.el-collapse-item__content{ |
|
|
|
|
padding-left: 10px; |
|
|
|
|
padding-right: 10px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
//公共类 |
|
|
|
|
::v-deep .el-container { |
|
|
|
|
height: 80%; |
|
|
|
|
@ -779,7 +880,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
// 滚动条的滑块 |
|
|
|
|
.scrollbar ::-webkit-scrollbar-thumb { |
|
|
|
|
background-color: #239685; |
|
|
|
|
background-color: $main-color; |
|
|
|
|
border-radius: 3px; |
|
|
|
|
box-shadow: inset 0 0 5px #dddddd; |
|
|
|
|
} |
|
|
|
|
|
