人格测试类型增加演示功能

yj

2024-05-07 6ad528944f24daec8547126bf591868a00b1176a

 src/views/exam/paper/exercise.vue

@@ -1,18 +1,18 @@
<template>
  <div>
    <el-container  class="app-item-contain">
00      <el-main style="padding-top: 3%;">
      <el-main style="padding-top: 3%;">
        <el-form :model="form" ref="form" label-width="100%">
          <el-row :key="index"  v-for="(titleItem,index) in titleItems">
            <div class="q-content">{{titleItem.description}}</div>
            <el-card class="exampaper-item-box" v-if="titleItem.questionItems.length!==0"  style="border:2px solid #2b90ff;">
              <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-row style="margin-left:7px;margin-bottom:10px;">{{ questionItem.note }}</el-row>
              <el-row style="margin-left:7px;margin-bottom:10px;">{{ questionItem.guide }}</el-row>
              <el-row style="margin-left:7px;margin-bottom:10px;">{{ questionItem.items.length != 4?note:note_1 }}</el-row>
              <el-row style="margin-left:7px;margin-bottom:10px;">{{ questionItem.items.length != 4?guide:guide_1 }}</el-row>
              <el-form-item :key="itemOrder" label-width="1px">
                <QuestionEdit @callNextSubject="nextSubject" :qType="questionItem.questionType" :question="questionItem"
                              :answer="answer.answerItems[questionItem.itemOrder-1]" :qLabel="itemOrder+'/'+itemSize"/>
                              :answer="answer.answerItems[itemOrder-1]" :qLabel="itemOrder+'/'+itemSize"/>
              </el-form-item>
              <hr style="border : 0.5px dashed #b3d8ff;" />
              <div style="color: red;font-size: smaller">{{$t('pleaseAnswerCarefully_exercise')}}</div>
@@ -62,64 +62,36 @@
  components: { QuestionEdit },
  data () {
    return {
      formDo: this.$route.query.formDo,
      memberName: this.$route.query.formDo.memberName,
      form: {
        name: this.$route.query.formDo.name
      },
      itemOrder: 1,
      itemSize: 2,
      description: '',
      guide: '',
      questionItem: {
        title: '我善于主动和陌生人交谈。',
        items: [
          { content: '非常不同意', prefix: '1', score: 0 },
          { content: '不同意', prefix: '2', score: 0 },
          { content: '不确定', prefix: '3', score: 0 },
          { content: '同意', prefix: '4', score: 0 },
          { content: '非常同意', prefix: '5', score: 0 }
        ],
        questionType: 1,
        note: '以下为工作行为/题目风格的例子',
        guide: '请仔细阅读下面的陈述，判断您在多大程度上同意每一陈述对您的描述，然后点击相应的选项。'
      },
      note: this.$t('exercise_note'),
      guide: this.$t('exercise_guide'),
      note_1: this.$t('exercise_note_1'),
      guide_1: this.$t('exercise_guide_1'),
      answer: {
        questionId: null,
        doTime: 0,
        answerItems: [],
        verifyStatus: 2
      },
      titleItems: [
        answerItems: [
        {
          questionItems: [
            {
              title: '我善于主动和陌生人交谈。',
              items: [
                { content: '非常不同意', prefix: '1', score: 0 },
                { content: '不同意', prefix: '2', score: 0 },
                { content: '不确定', prefix: '3', score: 0 },
                { content: '同意', prefix: '4', score: 0 },
                { content: '非常同意', prefix: '5', score: 0 }
              ],
              questionType: 1
            content: '',
            readOnly: false
            },
            {
              title: '使用复印机。',
              items: [
                { content: '从来没有', prefix: '1', score: 0 },
                { content: '1-2次', prefix: '2', score: 0 },
                { content: '好几次', prefix: '3', score: 0 },
                { content: '经常', prefix: '4', score: 0 }
              ],
              questionType: 1
            content: '',
            readOnly: false
            }
          ]
        }
      ],
      },
      titleItems: [],
      questionItem: {},
      isSubmit: false
    }
  },
  created: function () {
    this.initQuestion()
  },
  mounted () {
  },
@@ -128,42 +100,35 @@
  watch: {
  },
  methods: {
    // 初始化题目
    initQuestion () {
      this.titleItems = [
        {
          questionItems: [
            this.formDo.titleItems[0].questionItems[0],
            this.formDo.titleItems[0].questionItems[1]
          ]
        }
      ]
      this.questionItem = this.titleItems[0].questionItems[this.itemOrder - 1]
    },
    nextSubject () {
      console.log(this.answer)
      console.log('formDo')
      console.log(this.formDo)
      if (this.itemOrder === 2) {
        this.isSubmit = true
        return
      }
      this.questionItem = {
        title: '使用复印机。',
        items: [
          { content: '从来没有', prefix: '1', score: 0 },
          { content: '1-2次', prefix: '2', score: 0 },
          { content: '好几次', prefix: '3', score: 0 },
          { content: '经常', prefix: '4', score: 0 }
        ],
        questionType: 1,
        note: '以下为基本技能过往经验题目的例子',
        guide: '您在过去一年中使用过这些基本技能的频度，并点击相应的选项。'

      }
      this.itemOrder = 2
      this.answer.answerItems[this.itemOrder - 1].readOnly = false
      this.questionItem = this.titleItems[0].questionItems[this.itemOrder - 1]
    },
    preSubject () {
      this.isSubmit = false
      this.questionItem = {
        title: '我善于主动和陌生人交谈。',
        items: [
          { content: '非常不同意', prefix: '1', score: 0 },
          { content: '不同意', prefix: '2', score: 0 },
          { content: '不确定', prefix: '3', score: 0 },
          { content: '同意', prefix: '4', score: 0 },
          { content: '非常同意', prefix: '5', score: 0 }
        ],
        questionType: 1,
        note: '以下为工作行为/题目风格的例子',
        guide: '请仔细阅读下面的陈述，判断您在多大程度上同意每一陈述对您的描述，然后点击相应的选项。'
      }
      this.itemOrder = 1
      this.answer.answerItems[this.itemOrder - 1].readOnly = false
      this.questionItem = this.titleItems[0].questionItems[this.itemOrder - 1]
    },
    doExam () {
      let _this = this