| | |
| | | prompt: '提示', |
| | | determine: '确定', |
| | | cancel: '取消', |
| | | unfinishSubmit: '数据已经成功的上传至服务器,并已经保存好。谢谢。', |
| | | finishSubmit: '您已经完成了工作行为问卷,数据已经成功的上传至服务器,并已经保存好。谢谢。', |
| | | unfinishSubmit: '数据已经成功地上传至服务器,并已经保存好。谢谢。', |
| | | finishSubmit: '您已经完成了工作行为问卷,数据已经成功地上传至服务器,并已经保存好。谢谢。', |
| | | selectData: '选择日期', |
| | | startDo: '开始测试', |
| | | second: '秒', |
| | |
| | | statusInfo2: '题目暂停答题', |
| | | statusInfo3: '答题已结束', |
| | | statusInfo4: '题目已经失效', |
| | | timeOutSubmit: '已超过答题时间,数据已经成功的上传至服务器,并已经保存好。谢谢。', |
| | | timeOutSubmit: '已超过答题时间,数据已经成功地上传至服务器,并已经保存好。谢谢。', |
| | | nextPartInfo: '请稍等,请不要关闭浏览器...', |
| | | partRemailTime: '剩余时间:', |
| | | finishIntelligenceInfo: '您已经完成了认知能力测试问卷,数据已经成功的上传至服务器,并已经保存好。谢谢。', |
| | | finishPersonalityInfo: '您已经完成了人格测试问卷,数据已经成功的上传至服务器,并已经保存好。', |
| | | finishCareerInterestsInfo: '您已经完成了职业兴趣问卷,数据已经成功的上传至服务器,并已经保存好。', |
| | | finishIntelligenceInfo: '您已经完成了认知能力测试问卷,数据已经成功地上传至服务器,并已经保存好。谢谢。', |
| | | finishPersonalityInfo: '您已经完成了人格测试问卷,数据已经成功地上传至服务器,并已经保存好。', |
| | | finishCareerInterestsInfo: '您已经完成了职业兴趣问卷,数据已经成功地上传至服务器,并已经保存好。', |
| | | finishPersonalityDownInfo: '您可以点击下面红色按钮下载您的结果报告。', |
| | | finishViewReportInfo: '您可以点击下面红色按钮查看您的结果报告。', |
| | | langWelcomeThai: 'ยินดีตอนรับสู่เว็บไซย์สำหรับทำแบบทดสอบของ', |
| | |
| | | <hr style="border : 1px dashed #b3d8ff;" /> |
| | | <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[questionItem.itemOrder-1]" :qLabel="questionItem.serialNumber+'/'+questionItem.serialNumberCount"/> |
| | | </el-form-item> |
| | | <hr style="border : 0.5px dashed #b3d8ff;" /> |
| | | <div style="color: red;font-size: smaller">{{$t('pleaseAnswerCarefully')}}</div> |
| | |
| | | _this.itemOrder = _this.form.titleItems[0].questionItems[0].itemOrder |
| | | _this.timeReduce() |
| | | _this.initAnswer() |
| | | _this.initPartSize() |
| | | _this.formLoading = false |
| | | _this.memberName = _this.form.memberName |
| | | _this.itemSize = _this.form.titleItems[0].questionItems.length |
| | | |
| | | // 展示指导语 |
| | | if (_this.form.parts[0].signals.length !== 0) { |
| | | console.log('首题提示语') |
| | | _this.showNextGuide(_this.form.parts[0].signals[0], false) |
| | | } |
| | | } else { |
| | | _this.formLoading = true |
| | | // 防止刷新成了不同的语言 |
| | |
| | | _this.questionItem = _this.form.titleItems[0].questionItems[_this.order] |
| | | _this.partOrder = _this.questionItem.partOrder |
| | | _this.initAnswer() |
| | | _this.initPartSize() |
| | | _this.formLoading = false |
| | | _this.memberName = _this.form.memberName |
| | | |
| | |
| | | } |
| | | } |
| | | }, |
| | | initPartSize: function () { |
| | | // 初始化题目序号 每个分片从0开始 |
| | | let _this = this |
| | | let serialNumber = 1 |
| | | let partOrder = 1 |
| | | for (let i = 0; i < _this.form.titleItems[0].questionItems.length; i++) { |
| | | if (_this.form.titleItems[0].questionItems[i].partOrder === partOrder) { |
| | | _this.form.titleItems[0].questionItems[i].serialNumber = serialNumber |
| | | _this.form.titleItems[0].questionItems[i].serialNumberCount = _this.getPartCount(partOrder) |
| | | serialNumber++ |
| | | } else { |
| | | partOrder = _this.form.titleItems[0].questionItems[i].partOrder |
| | | serialNumber = 1 |
| | | _this.form.titleItems[0].questionItems[i].serialNumber = serialNumber |
| | | _this.form.titleItems[0].questionItems[i].serialNumberCount = _this.getPartCount(partOrder) |
| | | serialNumber++ |
| | | } |
| | | } |
| | | }, |
| | | getPartCount: function (partOrder) { |
| | | // 数据统计 |
| | | let _this = this |
| | | let sum = 0 |
| | | _this.form.titleItems[0].questionItems.forEach(function (elem, index) { |
| | | if (elem.partOrder === partOrder) { |
| | | sum += 1 |
| | | } |
| | | }) |
| | | return sum |
| | | }, |
| | | isContentNotEmpty: function (num) { |
| | | let _this = this |
| | | return _this.answer.answerItems[num].content !== '' && _this.answer.answerItems[num].content !== null && _this.answer.answerItems[num].content.trim() !== '' |
| | |
| | | showClose: false |
| | | }).then(async () => { |
| | | _this.answer.verifyStatus = 2 |
| | | _this.submitAnswer('数据已经成功的上传至服务器,并已经保存好。谢谢。') |
| | | _this.submitAnswer('数据已经成功地上传至服务器,并已经保存好。谢谢。') |
| | | }).catch(async () => { |
| | | _this.formLoading = false |
| | | _this.submitDisable = false |
| | |
| | | } else { |
| | | _this.answer.verifyStatus = 1 |
| | | _this.answer.finish = 1 |
| | | _this.submitAnswer('您已经完成了工作行为问卷,数据已经成功的上传至服务器,并已经保存好。谢谢。') |
| | | _this.submitAnswer('您已经完成了工作行为问卷,数据已经成功地上传至服务器,并已经保存好。谢谢。') |
| | | } |
| | | }, |
| | | startDo: function () { |
| | |
| | | showClose: false |
| | | }).then(async () => { |
| | | _this.answer.verifyStatus = 2 |
| | | _this.submitAnswer('数据已经成功的上传至服务器,并已经保存好。谢谢。') |
| | | _this.submitAnswer('数据已经成功地上传至服务器,并已经保存好。谢谢。') |
| | | }).catch(async () => { |
| | | _this.formLoading = false |
| | | _this.submitDisable = false |
| | | }) |
| | | } else { |
| | | _this.answer.verifyStatus = 1 |
| | | _this.submitAnswer('您已经完成了工作行为问卷,数据已经成功的上传至服务器,并已经保存好。谢谢。') |
| | | _this.submitAnswer('您已经完成了工作行为问卷,数据已经成功地上传至服务器,并已经保存好。谢谢。') |
| | | } |
| | | }, |
| | | startDo: function () { |
| | |
| | | <el-header class="align-center" style="height: 0px; margin: 8%;"> |
| | | </el-header> |
| | | <el-main class="align-center"> |
| | | <H1 v-if="content!==null && content.trim()!==''">{{content}}</H1> |
| | | <H1 v-else>{{$t('finishMsg')}}</H1> |
| | | <H2 v-if="content!==null && content.trim()!==''">{{content}}</H2> |
| | | <H2 v-else>{{$t('finishMsg')}}</H2> |
| | | <!-- 新增下载报告提示语 --> |
| | | <H1 v-if ="downDisable">{{$t('finishPersonalityDownInfo')}}</H1> |
| | | <H2 v-if ="downDisable">{{$t('finishPersonalityDownInfo')}}</H2> |
| | | <el-button type="danger" v-if ="downDisable" @click="downReport" round>{{$t('down')}}</el-button> |
| | | <!-- 新增预览提示语 --> |
| | | <!-- <H1 v-if ="viewDisable">{{$t('finishViewReportInfo')}}</H1>--> |
| | | <!-- <el-button type="danger" v-if ="viewDisable" @click="viewReport" round>{{$t('view')}}</el-button>--> |
| | | <!-- --> |
| | | <H1 v-if ="type == 'CIAQ'">{{$t('finishViewReportInfo')}}</H1> |
| | | <el-button type="danger" v-if ="type == 'CIAQ' && isMobile()" @click="viewReportH5" round>{{$t('view')}}</el-button> |
| | | <H2 v-if ="type == 'CIAQ'">{{$t('finishViewReportInfo')}}</H2> |
| | | <el-button type="danger" v-if ="type == 'CIAQ'" @click="viewReportH5" round>{{$t('view')}}</el-button> |
| | | </el-main> |
| | | </el-container> |
| | | </div> |
| | |
| | | <template> |
| | | <div id="app"> |
| | | <div id="app" style="margin:auto"> |
| | | <div class="report"> |
| | | <el-image :src="require('@/assets/report/page1.jpg')"></el-image> |
| | | <div class="word" style="left: 23.5%;top: 68.6%;font-size: 0.8rem;color: #313157">【{{ data.questionnaireTaker }}】</div> |
| | | <div class="word" style="left: 27%;top: 71.2%;font-size: 0.8rem;color: #313157">【{{ data.reportGenerationDate }}】</div> |
| | | <div class="word" style="left: 25%;top: 68.6%;font-size: 0.8rem;color: #313157">{{ data.questionnaireTaker }}</div> |
| | | <div class="word" style="left: 28.5%;top: 71.2%;font-size: 0.8rem;color: #313157">{{ data.reportGenerationDate }}</div> |
| | | </div> |
| | | <div class="report"> |
| | | <el-image :src="require('@/assets/report/page2.png')"></el-image> |
| | |
| | | <div class="word" style="left: 80%;top: 6.3%;font-size: 0.8rem;color: #E8497D">{{ data.PR_Dim06 }}</div> |
| | | <div class="word" style="left: 80%;top: 9.3%;font-size: 0.8rem;color: #62BEA4">{{ data.PR_Dim07 }}</div> |
| | | <div class="word" style="left: 80%;top: 12.3%;font-size: 0.8rem;color: #4976BA">{{ data.PR_Dim08 }}</div> |
| | | <div class="word career" style="left: 14%;top: 36.3%;font-size: 0.6rem;font-weight: bold;line-height:25px"> |
| | | <div class="word career" style="left: 14%;top: 36%;font-size: 0.6rem;font-weight: bold;line-height:1rem"> |
| | | 1.{{data.occ1H}}<br> |
| | | 2.{{data.occ2H}}<br> |
| | | 3.{{data.occ3H}}<br> |
| | |
| | | 9.{{data.occ9H}}<br> |
| | | 10.{{data.occ10H}} |
| | | </div> |
| | | <div class="word career" style="left: 14%;top: 72%;font-size: 0.6rem;font-weight: bold;line-height:25px"> |
| | | <div class="word career" style="left: 14%;top: 71%;font-size: 0.6rem;font-weight: bold;line-height:1rem"> |
| | | 1.{{data.occ1L}}<br> |
| | | 2.{{data.occ2L}}<br> |
| | | 3.{{data.occ3L}}<br> |
| | |
| | | |
| | | .career { |
| | | display: inline-block; |
| | | width: 260px; |
| | | width: 72%; |
| | | /*超出部分隐藏*/ |
| | | overflow: hidden; |
| | | /*overflow: hidden;*/ |
| | | /*文本不换行*/ |
| | | white-space: nowrap; |
| | | /*white-space: nowrap;*/ |
| | | /*超出不封用三个省略号代替*/ |
| | | text-overflow: ellipsis; |
| | | /*text-overflow: ellipsis;*/ |
| | | } |
| | | |
| | | #app { |