| | |
| | | <template> |
| | | <div> |
| | | <el-container class="app-item-contain"> |
| | | <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> |
| | | <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> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapState } from 'vuex' |
| | | import { mapState, mapMutations } from 'vuex' |
| | | import examPaperApi from '@/api/examPaper' |
| | | export default { |
| | | data () { |
| | | return { |
| | | formDo: this.$route.query.formDo |
| | | // formDo: this.$route.query.formDo, |
| | | loading: false |
| | | } |
| | | }, |
| | | created () { |
| | | this.getFormDo() |
| | | }, |
| | | mounted () { |
| | | // 替换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 |
| | | } |
| | | // this.swapGuide() |
| | | }, |
| | | beforeDestroy () { |
| | | window.clearInterval(this.timer) |
| | | }, |
| | | watch: { |
| | | 'formDo': function (newVal, oldVal) { |
| | | this.loading = false |
| | | } |
| | | }, |
| | | methods: { |
| | | doExam: function () { |
| | |
| | | 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 } }) |
| | | // _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.$route.query.formDo } }) |
| | | // _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 + ' 更新状态失败') |
| | |
| | | // 打开练习页面 |
| | | openExercise: function () { |
| | | let _this = this |
| | | _this.$router.push({ path: '/exam/exercise', query: { formDo: _this.$route.query.formDo } }) |
| | | } |
| | | // _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', { memberToken: state => state.memberToken }), |
| | | ...mapState('user', { langType: state => state.langType }), |
| | | ...mapState('user', { formDo: state => state.formDo }) |
| | | } |
| | | } |
| | | </script> |