yj
2024-07-19 5e4bed2d67b26eeb7eab4d176bfabe3f527836e4
src/views/exam/paper/guide.vue
@@ -1,11 +1,12 @@
<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>
@@ -17,27 +18,27 @@
</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 () {
@@ -45,9 +46,11 @@
      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 + ' 更新状态失败')
@@ -61,12 +64,29 @@
    // 打开练习页面
    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>