<template>
|
<div>
|
<el-container class="app-item-contain">
|
<el-header class="align-center" style="height: 50px;padding: 1%;margin-top: 4%">
|
<H2 v-html="$t('guide')" v-if="formDo.questionTemplateId !== 'job' || formDo.questionTemplateId !== 'values'"></H2>
|
</el-header>
|
<el-main style="padding-top:0%">
|
<div v-html="formDo.guide"></div>
|
<el-row class="do-align-center">
|
<el-button @click="doExam" type="primary" round>{{$t('startDo')}}</el-button>
|
<el-button v-if="formDo.questionTemplateId === 'job'" @click="openExplain" type="danger" round>打开岗位说明</el-button>
|
</el-row>
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import { mapState } from 'vuex'
|
import examPaperApi from '@/api/examPaper'
|
export default {
|
data () {
|
return {
|
formDo: this.$route.query.formDo
|
}
|
},
|
created () {
|
},
|
mounted () {
|
},
|
beforeDestroy () {
|
window.clearInterval(this.timer)
|
},
|
methods: {
|
doExam: function () {
|
let _this = this
|
examPaperApi.updateTestMemberStatus(_this.memberToken).then(re => {
|
// LAQ特殊处理
|
if (_this.formDo.name.indexOf('LAQ') !== -1) {
|
_this.$router.push({ path: '/exam/' + _this.formDo.questionTemplateId, query: { formDo: _this.$route.query.formDo } })
|
} else {
|
_this.$router.push({ path: '/exam/' + _this.doUrl, query: { formDo: _this.$route.query.formDo } })
|
}
|
}).catch(re => {
|
_this.$message.error(re.message + ' 更新状态失败')
|
})
|
},
|
openExplain: function () {
|
let _this = this
|
window.open(_this.formDo.jobDescriptionFile)
|
}
|
},
|
computed: {
|
...mapState('exam', { doUrl: state => state.doUrl }),
|
...mapState('user', { memberToken: state => state.memberToken })
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.align-center {
|
text-align: center
|
}
|
|
.exam-question-item {
|
padding: 10px;
|
|
.el-form-item__label {
|
font-size: 15px !important;
|
}
|
}
|
|
.question-title-padding {
|
padding-left: 25px;
|
padding-right: 25px;
|
}
|
</style>
|
