INFJ.vue 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. <template>
  2. <view class="header_banner">
  3. <image style=" width: 100%;" src="/static/test-center/bg_baogao1.png" alt=""/>
  4. <view class="img_wrap">
  5. <!-- <view class="tit">详细报告请登陆网站查看</view> -->
  6. <view style="position: relative;">
  7. <image src="/static/test-center/icon_baogao2.png" alt=""/>
  8. <view class="text_wrap">
  9. <view>INFJ</view>
  10. <view>MBTI测评报告</view>
  11. </view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="report-container">
  16. <view class="item">
  17. <view class="tit"
  18. style="background: linear-gradient(155deg, #F7E1AD 0%, #FFFFFF 100%);margin-bottom: 20px;">
  19. INFJ(内倾/直觉/情感和判断)
  20. </view>
  21. <view class="desc">
  22. <view class="desc_head">
  23. 独立的/有独创性的思想家
  24. </view>
  25. <view class="tip">1.因为坚忍/创意及必须达成的意图而能成功。</view>
  26. <view class="tip">2.会在工作中投注最大的努力。</view>
  27. <view class="tip">3.默默强力的/诚挚的及用心的关切他人。</view>
  28. <view class="tip">4.因坚守原则而受敬重。</view>
  29. <view class="tip">5.提出造福大众利益的明确远景而为人所尊敬与追随。</view>
  30. <view class="tip">6.追求创见/关系及物质财物的意义及关联。</view>
  31. <view class="tip">7.想了解什么能激励别人及对他人具洞察力。</view>
  32. <view class="tip">8.光明正大且坚信其价值观。</view>
  33. <view class="tip">9.有组织且果断地履行其愿景。</view>
  34. </view>
  35. </view>
  36. <view class="item">
  37. <view class="tit" style="background: linear-gradient(155deg, #E6F7AD 0%, #FFFFFF 100%);">个性特征</view>
  38. <view
  39. style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;margin-top: 16px;">
  40. INFJ 型的人生活在思想的世界。他们是独立的、有独创性的思想家,具有强烈的感情、坚定的原则和正直的人性。即使面对怀疑,INFJ
  41. 型的人仍相信自己的看法与决定。他们的评价高于其他的一切,包括流行的观点和存在的权威,这种内在的观念激发着他们的积极性。通常
  42. INFJ 型的人具有本能的洞察力,能够看到事物更深层的含义。即使他人无法分享他们的热情,但灵感对于他们重要而令人信服。INFJ
  43. 型的人忠诚、坚定、富有理想化。他们珍视正直,十分坚定以至达到倔强的地步。因为他们的说服能力,以及对于什么对公共利益最有利有清楚的看法,所以
  44. INFJ 型的人会成为伟大的领导者。由于他们的贡献,他们通常会受到尊重或尊敬。因为珍视友好和和睦,INFJ
  45. 型的人喜欢说服别人,使之相信他们的观点是正确的。通过运用嘉许和赞扬,而不是争吵和威胁,他们赢得了他人的合作。他们愿意毫无保留地激励同伴,避免争吵。通常INFJ
  46. 型的人是深思熟虑的决策者,他们觉得问题使人兴奋,在行动之前他们通常要仔细地考虑。他们喜欢每次全神贯注于一件事情,这会造成一段时期的专心致志。满怀热情与同情心,INFJ
  47. 型的人强烈地渴望为他人的幸福做贡献。他们注意其他人的情感和利益,能够很好地处理复杂的人。INFJ
  48. 型的人本身具有深厚复杂的性格.既敏感又热切。他们内向,很难被人—了解,但是愿意同自己信任的人分享内在的自我。他们往往有一个交往深厚、持久的小规模的朋友圈,在合适的氛围中能产生充分的个人热情和激情。
  49. </view>
  50. <view style="margin-top: 10px;margin-bottom: 64rpx;">
  51. <score-chart :scores="scores"></score-chart>
  52. </view>
  53. </view>
  54. <view class="item">
  55. <view class="tit" style="background: linear-gradient(155deg, #7bccb8 0%, #FFFFFF 100%);">功能运用</view>
  56. <view class="f14 f-7c line24 mt15">
  57. 外向与内向是指我们心理能量的作用方向,判断与知觉是我们做事的两种方式。心理学称之为“态度”。感觉与直觉是我们获取信息的方式,思考和情感是做决定的方式,心理学称之为“功能”,功能是人格理论的精髓、核心。每一个人在都会用到四种功能,但对功能应用的喜好程度不一样。等级中第一位的称为“主导功能”,第二位的称为“辅助功能”。每个人都需要运用到这两个过程。
  58. </view>
  59. <view class="f14 mt15 light">
  60. 有效地使用你的类型:
  61. <text class="f-active bold">(INFJ)</text>
  62. </view>
  63. <view class="f14 f-7c line24 mt15 mb30">
  64. INFJ 型的人主导功能是直觉,辅助功能是情感。他们倾向于:探求隐含的原因、可能性或事物的整体。对事实和经验做出符合逻辑结论。INFJ
  65. 型的人比较少地使用他们的第三、第四功能—思考和感觉。即使在需要这些功能的场合,他们仍然无法有效使用。作为一个
  66. INFJ 型的人:如果你过多地关注直觉,你可能不注重细节、不注意实际、不耐沉闷、不合逻辑、把握不住现在、骤下断语。
  67. </view>
  68. </view>
  69. <view class="item">
  70. <view class="tit" style="background: linear-gradient(155deg, #ADB1F7 0%, #FFFFFF 100%);">问题解决方式</view>
  71. <view class="f14 f-7c line24 mt15">
  72. 每个人都会用自己的方式进行决策,决策通常来自于你的主导功能,并且完全忽视你的第四功能。你的功能运用如下:
  73. </view>
  74. <view class="tags">
  75. <view class="tag" style="background:#FDEDBA">
  76. <text>直觉</text>
  77. <text style="font-size: 12px;">主导功能</text>
  78. <text>1</text>
  79. </view>
  80. <view class="tag" style="background:#D5FDBA">
  81. <text>情感</text>
  82. <text style="font-size: 12px;">辅助功能</text>
  83. <text>2</text>
  84. </view>
  85. <view class="tag" style="background:#BAE3FD">
  86. <text>思考</text>
  87. <text style="font-size: 12px;">第三功能</text>
  88. <text>3</text>
  89. </view>
  90. <view class="tag" style="background:#C8BAFD">
  91. <text>感觉</text>
  92. <text style="font-size: 12px;">第四功能</text>
  93. <text>4</text>
  94. </view>
  95. </view>
  96. <view style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;">
  97. 人格中的每一种功能对解决问题都具有关键和重要作用,忽视任何一个都将导致做出有缺陷的决定,理想化的问题解决功能流程如下:<br/>
  98. 一个好的决策通常来自于四个功能的合理运用。当你尝试去解决问题时,你可以利用上表指导这个过程,但在整个的执行过程是非常困难的,因为每个人都不愿意用他不喜欢的功能去解决问题。就算你有意识地努力运用所有这些功能,你也不可能会在“真实生活”中以这种顺序运用它们。关键是要利用它们提醒自己,完善决策,就算你不按这种方式行事。工作中选择符合你的主导功能和辅助功能的岗位是非常重要的。第三功能要经过发展锻炼才能合适运用,第四功能可能永远不会在你的职业生涯中起到关键作用,因此你应当避免那种要求长期使用它的工作。
  99. </view>
  100. </view>
  101. <view class="item">
  102. <view class="tit"
  103. style="background: linear-gradient(155deg, #F7D0AD 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合岗位特质
  104. </view>
  105. <view class="desc" style="padding: 0;">
  106. <view class="tip">
  107. 1、允许我自己考虑并创立新颖的观点或方法来解决工作中出现的各种各样不同的问题,并帮助别人成长和发展。
  108. </view>
  109. <view class="tip">2、能让我提供一种我所信仰且引以为豪的产品或服务。</view>
  110. <view class="tip">3、承认我的首创/拥有者身份,以及所作的独有的共享。</view>
  111. <view class="tip">4、能让我自由地表达自己,并让我看到我的洞察力所带来的结果。</view>
  112. <view class="tip">5、能让我为别人的利益或别人提供服务而实施自己的想法,允许我一对一地展开工作。</view>
  113. <view class="tip">
  114. 6、有一个友好/没有紧张关系的工作氛围,其中我的看法能得到重视,而我的努力能得到别人的精神支持。
  115. </view>
  116. <view class="tip">7、允许我独立地工作,且有机会在一个友好/没有人迹冲突的环境中经常与人探讨我的工作。</view>
  117. <view class="tip">8、可以自由地安排自己的工作时间及环境,对自己的工作进程和工作成果有极大的支配权。</view>
  118. <view class="tip">9、给予我足够的时间来制定并审查我的机会,以便使我的计划准备得很充分。</view>
  119. <view class="tip">10、符合我自己的个人价值和观点,能让我在人格上和职业上都保持诚实正直的品质。</view>
  120. </view>
  121. </view>
  122. <view class="item">
  123. <view class="tit"
  124. style="background: linear-gradient(155deg, #7AB0FF 0%, #FFFFFF 100%);margin-bottom: 34rpx;">工作中的优劣势
  125. </view>
  126. <view class="banner_wrap" style="padding: 0;">
  127. <view class="banner" style="background: #7AB0FF;">
  128. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">优势</view>
  129. <view class="in">
  130. <view>1.诚实正直,从而固定里这人们重视你的想法</view>
  131. <view>2.对于那些于你很重要的项目你专注且执着</view>
  132. <view>3.坚决果断,并有高度的组织能力</view>
  133. <view>4.有创造力,能提出独树一帜的解决问题的方法</view>
  134. <view>5.与别人感情交融,能预见别人的需要</view>
  135. <view>6.能以透视法看到事情发展的宏观图像以及意识与行动间未来的潜在联系</view>
  136. <view>7.有理解复杂概念的能力</view>
  137. <view>8.对别人真正关心,有帮助别人成长和发展的才能</view>
  138. <view>9.独立,有很强的个人信念</view>
  139. <view>10.有做出成绩,不达不敌不罢休的干劲</view>
  140. <view>11.对自己信仰的事业尽职尽责</view>
  141. </view>
  142. </view>
  143. <view class="banner" style="background: #FFAD7A;">
  144. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">劣势</view>
  145. <view class="in">
  146. <view>1.过分的专心致志,结果可能导致死板</view>
  147. <view>2.对于要做完一件事要花多少时间心中没数</view>
  148. <view>3.很难做与自己价值观相冲突的事</view>
  149. <view>4.对计划的可行性有不切实际的倾向</view>
  150. <view>5.一旦做出决定不愿再回头审视一下,更不愿意撤销决定</view>
  151. <view>6.不会处理矛盾,易于忽略不快</view>
  152. <view>7.很难拉下面子客观/直接地训诫属下</view>
  153. <view>8.很难把复杂的想法简明地表达出来</view>
  154. <view>9.易于仓促下判断</view>
  155. </view>
  156. </view>
  157. </view>
  158. </view>
  159. <view class="item">
  160. <view class="tit"
  161. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合的职业
  162. </view>
  163. <view class="banner_wrap" style="padding: 0;">
  164. <view class="banner" style="background: #FFE07A;">
  165. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">—般职业咨询/教育职业</view>
  166. <view class="in">
  167. <view class="in_head">
  168. 职业咨询顾问/心理学家/教育顾问/图书管理员/特殊教育老师/双语教育老师/早期教育老师/家教工作者/雇员帮助顾问/儿童福利顾问/酒精和毒品禁戒顾问/教师:高中或大学英语/艺术/音乐/社会科学/社会:工作人员(老人与儿童口常护理问题)戏剧
  169. </view>
  170. <view>
  171. 这些职业允许 INFJ 型人利用他们的想法和知识帮助别人咨询和教育领域非常要求个人之间的交流,
  172. 常常是一个面对一个的形式,这使 INFJ 以与他人建立深入的关系。INFJ
  173. 型人也乐于研究、学习和从教育行业获得发展的机会,他们通常会在学术环境中感到非常轻松自在.
  174. </view>
  175. </view>
  176. </view>
  177. <view class="banner" style="background: #FFE07A;">
  178. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">创造性职业</view>
  179. <view class="in">
  180. <view class="in_head">
  181. 艺术家/小说家/设计师/通用设计建筑师/编辑、艺术指导(杂志)/剧作家/诗人/信息制图设计者/自由宣传媒介设计人
  182. </view>
  183. <view>
  184. INFJ 型人对艺术的爱好是由于他们具有运用自己的想法和眼光创造独特作品的能力。艺术品使 INFJ
  185. 型人以个人的方式表达自己,结果往往是给予他人一种冲击力。这些职业通常都是独立的工作,使INFJ
  186. 型人能够组织并控制环境、过程和成果。
  187. </view>
  188. </view>
  189. </view>
  190. <view class="banner" style="background: #FFE07A;">
  191. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">健康护理/社会服务职业
  192. </view>
  193. <view class="in">
  194. <view class="in_head">
  195. 保健管理人/调解人/冲突解决人/社会工作人员/饮食学家/营养学家/全面健康医生/职业治疗医生/社会服务代理人/社会科学家/心理健康顾问/语言病理学家/听觉学家/信息治疗医生
  196. </view>
  197. <view>
  198. 社会服务职业要求人致力于帮助他人,这常常是通过有组织的机构进行的。多数 INFJ
  199. 型人喜欢在这样的环境中工作,尤其当职员较少而关系密切的时候。社会服务使 INFJ
  200. 型人可以对于个人或社会的问题思考并提出新的解决方法。许多时候,社会工作人员的工作是独立而个别地进行的,使他们可以与客户和同事经常展开一对一的交流。
  201. </view>
  202. </view>
  203. </view>
  204. <view class="banner" style="background: #FFE07A;">
  205. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">商业</view>
  206. <view class="in">
  207. <view class="in_head">
  208. 人事资源经理/组织机构的发展顾问/职业分析家/公司/工作小组培训人/商业销售计划人/口译/翻译/市场人员(提供服务或点子)/雇员帮助方案的协调者/顾问/人事资源多样化管理人
  209. </view>
  210. <view>
  211. 尽管 INFJ
  212. 型人中并没有大量的人被商业领域的工作所吸引,他们仍然可能在一些商业领域中获得职业满足感。人力资源或人事和组织机构的发展咨询是商业中有关“人”的部分,要求能够对许多不同的人感兴趣并且易于和人们相处。这些职业使INFJ型人能够帮助他人找到工作,建立有效的工作环境,而且可以效力于创造性地解决以人为焦点的问题。营销工作使
  213. INFJ 型人能够通过工作小组发挥其创造性解决问题的能力。如果 INFJ
  214. 型人对于工作过程投入很多而且能够保持令人轻松舒适的个人和工作的统一完整性,他们就会觉得这样的工作是令人满意的。记住,这些仅仅是可以为具有独特天生才能的
  215. INFJ
  216. 型人提供职业感的一部分职业领域。
  217. </view>
  218. </view>
  219. </view>
  220. </view>
  221. </view>
  222. <view class="item" style="margin-bottom: 32rpx;">
  223. <view class="tit"
  224. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">个人发展建议
  225. </view>
  226. <view class="last_wrap" style="padding: 20rpx 36rpx;border: 1px dashed #FFA400;border-radius: 4px;">
  227. <view class="ul">
  228. <view>·运用你的长处其实很容易</view>
  229. <view>·注意细节;学会灵活一点</view>
  230. <view>·无论做什么事情都要自发自愿,不要让人督促你</view>
  231. </view>
  232. <view style="color: #4A4A4A;margin-bottom: 20px;">发展建议</view>
  233. <view style="font-size: 14px;color: #7E7E7E;">
  234. <view>1.在提出自己的观点时,需发展政治领悟力和自主性的技策。</view>
  235. <view>2.需学会及时给他人建设性的反馈。</view>
  236. <view>3.需要不断征求他人的建议和获得他人反馈。</view>
  237. <view>4.需要以更放松和开放的态度面对现状。</view>
  238. </view>
  239. </view>
  240. </view>
  241. <recommend-major code="INFJ" class="mb20"/>
  242. </view>
  243. </template>
  244. <script>
  245. import ScoreChart from './score-chart';
  246. import RecommendMajor from "./recommend-major.vue";
  247. export default {
  248. components: {
  249. RecommendMajor,
  250. ScoreChart
  251. },
  252. props: {
  253. scores: Array
  254. },
  255. }
  256. </script>
  257. <style scoped>
  258. @import url('mbti-report-style.css');
  259. </style>