林致杰
2023-04-28 f4e70fb0ad404cfbd212a6b340393f5ecf998087
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<template>
  <div>
    <div id="page1" style="margin-top: 16%;">
      <el-image :src="require('@/assets/report/page1.png')">
      </el-image>
      <div style="left: 19%;position: absolute;top: 12%;font-weight: bold;font-size: 1rem;">中国大学生职业兴趣量表</div>
      <div style="left: 9%;position: absolute;top: 65%;font-weight: bold;font-size: 2.1rem;">个人反馈报告</div>
      <div style="left: 10%;position: absolute;top: 72%;font-size: 0.1rem;">测 试 者:【%questionnaireTaker%】</div>
      <div style="left: 10%;position: absolute;top: 74%;font-size: 0.1rem;">测试时间:【%reportGenerationDate%】</div>
      <div style="left: 10%;position: absolute;top: 76%;font-size: 0.1rem;">常    模:中国大学生</div>
      <div style="left: 10%; position: absolute; top: 79%; font-size: 0.1rem;">报告主要内容:</div>
      <div style="left: 10%;position: absolute;top: 81%;font-size: 0.1rem;">1.    八大职业兴趣主题的介绍及个人分数</div>
      <div style="left: 10%;position: absolute;top: 83%;font-size: 0.1rem;width: 85%;">2.    基于《中华人民共和国职业分类大典(2022版)》生成的个人职业方向或领域的推荐清单</div>
    </div>
    <div style="height: 1700px;background-color: white">
      报告介绍
      职业兴趣是影响我们生涯选择的重要因素之一,从事与自己兴趣相关的职业也有助于我们在工作中取得较好的绩效表现以及工作满意度。我们依据职业兴趣SETPOINT模型(Su et al., 2019),并基于中国国情开发了本次测试的题目。本测验测量了您在八大职业兴趣主题上的得分,您的测试分数是在以中国人群为常模的基础上计算出的百分位数。另外,我们对《中华人民共和国职业分类大典(2022版)》中出现的职业类型进行了编码,并基于您的兴趣特点,生成了您可能最感兴趣的十个职业类型和您可能最不感兴趣的十个职业类型,帮助您更有效地探索职业生涯。任何心理测试都不可能做到完全精确,所以测试分数以及推荐的职业类型仅供您参考。
    </div>
  </div>
</template>
 
<script>
// import '@/assets/style/rem'
// import '@/assets/style/reset.css'
 
export default {
  name: 'reportH5',
  mounted () {
  },
  methods: {
  }
}
</script>
<style scoped>
/* 背景图片*/
.page1{
  margin-top: 50px;
  background:url('~@/assets/report/page1.png') no-repeat;
  width: 100%;
  height: 100%;
  position:fixed;
  background-size: cover;
  background-size:100% 100%;
}
 
.one {
  background:url('~@/assets/report/page1.png') no-repeat;
  width: 100%;
  height: 100%;
  position:fixed;
  background-size:100% 100%;
}
 
.two {
  background:url('~@/assets/report/page2.png') no-repeat;
  width: 100%;
  height: 100%;
  position:fixed;
  background-size:100% 100%;
}
 
.font {
  font-family: 黑体;
}
 
</style>