<template>
|
<div v-loading.fullscreen.lock="!formDo">
|
<el-container class="app-item-contain" v-if="formDo">
|
<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 v-if="formDo.questionTemplateId !== 'personality'" @click="doExam" type="primary" round>{{$t('startDo')}}</el-button>
|
<el-button v-if="formDo.questionTemplateId === 'job'" @click="openExplain" type="danger" round>{{$t('openJobDesc')}}</el-button>
|
<el-button v-if="formDo.questionTemplateId === 'personality'" @click="openExercise" type="primary" round>{{$t('exercise_start')}}</el-button>
|
</el-row>
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import { mapState, mapMutations } from 'vuex'
|
import examPaperApi from '@/api/examPaper'
|
export default {
|
data () {
|
return {
|
// formDo: this.$route.query.formDo,
|
loading: false
|
}
|
},
|
created () {
|
this.getFormDo()
|
},
|
mounted () {
|
// this.swapGuide()
|
},
|
beforeDestroy () {
|
},
|
watch: {
|
'formDo': function (newVal, oldVal) {
|
this.loading = false
|
}
|
},
|
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.formDo } })
|
_this.$router.push({ path: '/exam/' + _this.formDo.questionTemplateId })
|
} else {
|
// _this.$router.push({ path: '/exam/' + _this.doUrl, query: { formDo: _this.formDo } })
|
_this.$router.push({ path: '/exam/' + _this.doUrl })
|
}
|
}).catch(re => {
|
_this.$message.error(re.message + ' 更新状态失败')
|
})
|
},
|
openExplain: function () {
|
let _this = this
|
window.open(_this.formDo.jobDescriptionFile)
|
},
|
|
// 打开练习页面
|
openExercise: function () {
|
let _this = this
|
// _this.$router.push({ path: '/exam/exercise', query: { formDo: _this.formDo } })
|
_this.$router.push({ path: '/exam/exercise' })
|
},
|
|
// 替换guide的值
|
swapGuide: function () {
|
// 替换APIFan指导语中的变量
|
if (this.formDo.productType === 'API_Fan') {
|
let guide = this.formDo.guide
|
guide = guide.replace('%%fullName%%', this.formDo.memberName)
|
guide = guide.replace('%%company%%', this.formDo.reportCompany)
|
this.formDo.guide = guide
|
}
|
},
|
|
...mapMutations('user', ['getLangType']),
|
...mapMutations('user', ['getFormDo'])
|
},
|
computed: {
|
...mapState('exam', { doUrl: state => state.doUrl }),
|
...mapState('user', { memberToken: state => state.memberToken }),
|
...mapState('user', { langType: state => state.langType }),
|
...mapState('user', { formDo: state => state.formDo })
|
}
|
}
|
</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>
|
