移动端不显示关闭按钮与相应文字

yj

2025-11-27 e9d90e9ea68a2ee82869124ff092dc21f329f2b0

 src/views/exam/paper/personality.vue

@@ -16,14 +16,14 @@
              <div class="align-center"><span style="font-size: small; float: left">{{$t('examinee')}}{{memberName}}</span><span style="margin-top: 0px;padding-right: 11%">●{{form.name}}●</span></div>
              <hr style="border : 1px dashed #b3d8ff;" />
              <el-form-item :key="itemOrder" label-width="1px">
                <QuestionEdit @callNextSubject="nextSubject" :qType="questionItem.questionType" :question="questionItem"
                <QuestionEdit @callSelected="callSelected" @callNextSubject="nextSubject" :qType="questionItem.questionType" :question="questionItem"
                              :answer="answer.answerItems[questionItem.itemOrder-1]" :qLabel="itemOrder+'/'+itemSize"/>
              </el-form-item>
              <hr style="border : 0.5px dashed #b3d8ff;" />
              <div style="color: red;font-size: smaller">{{$t('pleaseAnswerCarefully')}}</div>
              <el-row class="do-align-center" v-if="order < problemLength">
            <el-button @click="preSubject" type="warning"  v-if ="preDisable" round>{{$t('lastQuestion')}}</el-button>
            <el-button @click="nextSubject" type="primary" v-if ="nextDisable" round>{{$t('nextQuestion')}}</el-button>
            <el-button @click="preSubject" type="warning"  v-if ="preDisable" :disabled="preDisable2" round>{{$t('lastQuestion')}}</el-button>
            <el-button @click="nextSubject" type="primary" v-if ="nextDisable" :disabled="nextDisable2" round>{{$t('nextQuestion')}}</el-button>
          </el-row>
          <el-row class="do-align-center" v-else>
            <el-button @click="preSubject" type="warning" v-if ="preDisable" round>{{$t('lastQuestion')}}</el-button>
@@ -88,7 +88,9 @@
      submitDisable: true,
      doTime: 0,
      preDisable: false,
      preDisable2: false,
      nextDisable: false,
      nextDisable2: false,
      partOrder: 0,
      parts: [],
      guideTitle: '',
@@ -97,16 +99,18 @@
      memberName: '',
      itemSize: '', // 题目长度
      startDoDisable: true,
      ismobile: false
      ismobile: false,
      hasShownSubmitTip: false // 标志是否已经显示过提交提示
    }
  },
  created: function () {
    // this.getFormDo()
    let _this = this
    _this.ismobile = /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(navigator.userAgent.toLowerCase())
    // 多语言
    _this.setLangFlag(false)
    _this.form = this.$route.query.formDo
    if (_this.form !== {} && _this.form !== undefined) {
    _this.form = undefined
    if (_this.form && _this.form !== {} && _this.form !== undefined) {
      _this.formLoading = true
      _this.remainTime = _this.form.suggestTime * 60
      _this.problemLength = _this.form.titleItems[0].questionItems.length - 1
@@ -131,6 +135,10 @@
          // 加载题目
          examPaperApi.select(_this.memberToken, _this.langType).then(re => {
            _this.form = re.response
            // // 测试模式：只保留前3道题
            // if (_this.form.titleItems[0].questionItems.length > 3) {
            //   _this.form.titleItems[0].questionItems = _this.form.titleItems[0].questionItems.slice(0, 3)
            // }
            _this.remainTime = re.response.suggestTime * 60
            _this.problemLength = _this.form.titleItems[0].questionItems.length - 1
            _this.titleItemsLength = _this.form.titleItems.length
@@ -142,12 +150,10 @@
            _this.initAnswer()
            _this.formLoading = false
            _this.memberName = _this.form.memberName

            examPaperApi.selectTokenId(_this.memberToken).then(re => {
              _this.answered = re.response.examItemOrderAndContentList
              _this.doTime = re.response.doTime
              _this.timeReduce()

              if (_this.answered !== null) {
                _this.answered.forEach(it => {
                  _this.answer.answerItems[parseInt(it.itemOrder) - 1].content = it.content
@@ -192,6 +198,20 @@
  },
  beforeDestroy () {
    window.clearInterval(this.timer)
  },
  watch: {
    guideDescirption: function (newVal, oldVal) {
      // 处理指导语，更换变量
      if (newVal) {
        if (this.form) {
          let productType = this.form.productType
          if (productType === 'API_Fan') {
            newVal = newVal.replace('%%company%%', this.form.reportCompany)
            this.guideDescirption = newVal
          }
        }
      }
    }
  },
  methods: {
    formatSeconds (theTime) {
@@ -314,6 +334,8 @@
    },
    nextSubject: function () {
      let _this = this
      _this.preDisable2 = true
      _this.nextDisable2 = true
      _this.isShowGuide(false)
      let nowPartOrder = _this.partOrder
      // 设置上一题的结束时间
@@ -342,8 +364,20 @@
          return
        }
      }

      // 检查是否是最后一题且已答完，弹出提示框
      if (_this.order === _this.answer.answerItems.length - 1 && _this.isContentNotEmpty(_this.order)) {
        if (!_this.hasShownSubmitTip) {
          _this.hasShownSubmitTip = true
          _this.$alert(_this.$t('submit_tip'), _this.$t('prompt'), {
            confirmButtonText: _this.$t('determine'),
            customClass: 'submit-tip-dialog'
          })
        }
      }
      this.answer.answerItems[_this.order].readOnly = true
      let answerSubmit = _this.getSubmitAnswerValue(nowPartOrder)

      // 已经答到了最后一题了,不用自动跳到下一题
      if (this.order + 1 > this.problemLength) {
        this.submitDisable = false
@@ -375,12 +409,21 @@
        } else {
          this.nextQuestionOrder(nowPartOrder)
        }
        _this.preDisable2 = false
        _this.nextDisable2 = false
      }).catch(e => {
        if (_this.isNotEmpty(loading)) {
          loading.close()
        }
        _this.reloadPage(e)
        _this.preDisable2 = false
        _this.nextDisable2 = false
      })
    },
    callSelected: function () {
      let _this = this
      _this.preDisable2 = true
      _this.nextDisable2 = true
    },
    getSubmitAnswerValue (nowPartOrder) {
      let _this = this
@@ -400,8 +443,16 @@
    },
    preSubject () {
      let _this = this
      _this.nextDisable2 = false
      _this.isShowGuide(false)
      if (_this.order > 0) {
        // 清空本题的选择
        _this.answer.answerItems[_this.order].content = null
        _this.answer.answerItems[_this.order].completed = false
        _this.answer.answerItems[_this.order].questionReport = null
        _this.answer.answerItems[_this.order].readOnly = false

        // 设置回到上一题
        let num = --_this.order
        _this.itemOrder = _this.form.titleItems[0].questionItems[num].itemOrder
        _this.questionItem = _this.form.titleItems[0].questionItems[num]
@@ -442,7 +493,20 @@
      } else {
        _this.answer.verifyStatus = 1
        _this.answer.finish = 1
        _this.submitAnswer(_this.$t('finishPersonalityInfo'))
        let text = _this.$t('finishPersonalityInfo')
        if (_this.isMobile()) {
          text = _this.$t('finishPersonalityInfo_mobile')
        }
        if (this.form) {
          let productType = this.form.productType
          if (productType === 'API_Fan') {
            text = _this.$t('finishPersonalityInfo_apifan')
            if (_this.isMobile()) {
              text = _this.$t('finishPersonalityInfo_apifan_mobile')
            }
          }
        }
        _this.submitAnswer(text)
      }
    },
    startDo: function () {
@@ -464,7 +528,18 @@
      examPaperAnswerApi.answerSubmit(answerSubmit, _this.memberToken).then(re => {
        loading.close()
        if (re.code === 1) {
          _this.$router.push({ path: '/exam/finish', query: { name: _this.form.name, content: mess, tokenId: _this.memberToken } })
          // 特殊处理 LAQ测试包 MAQ+CAQ
          if (_this.form.name.indexOf('LAQ') !== -1) {
            examPaperApi.select(_this.memberToken, _this.langType).then(re => {
              _this.form = re.response
              this.setFormDo(_this.form)
              _this.$router.push({ path: '/guide/index', query: { formDo: _this.form } })
            }).catch(e => {
              _this.$message.error(_this.$t('noquestionMsg'))
            })
          } else {
            _this.$router.push({ path: '/exam/finish', query: { name: _this.form.name, content: mess, tokenId: _this.memberToken } })
          }
        } else {
          _this.$message.error(re.message + '/exam/finish')
        }
@@ -522,8 +597,13 @@
      let _this = this
      return _this.form.titleItems[0].questionItems[_this.order].partOrder !== _this.form.titleItems[0].questionItems[_this.order - 1].partOrder
    },
    isMobile: function () {
      return window.innerWidth < 1025
    },
    ...mapMutations('user', ['setLangType']),
    ...mapMutations('user', ['setLangFlag'])
    ...mapMutations('user', ['setLangFlag']),
    ...mapMutations('user', ['getFormDo']),
    ...mapMutations('user', ['setFormDo'])
  },
  computed: {
    ...mapGetters('enumItem', ['enumFormat']),
@@ -531,6 +611,7 @@
    ...mapState('user', { memberToken: state => state.memberToken }),
    ...mapState('user', { langType: state => state.langType }),
    ...mapState('user', { langFlag: state => state.langFlag }),
    ...mapState('user', { formDo: state => state.formDo }),
    ...mapState('exam', { doUrl: state => state.doUrl })
  }
}
@@ -560,4 +641,5 @@
    z-index: 1000;
    bottom: 0px;
  }

</style>