INTP.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  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>INTP</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. INTP(内倾、直觉、思维和知觉
  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>
  32. </view>
  33. <view class="item">
  34. <view class="tit" style="background: linear-gradient(155deg, #E6F7AD 0%, #FFFFFF 100%);">个性特征</view>
  35. <view
  36. style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;margin-top: 16px;">
  37. INTP 型的人是解决理性问题者。他们很有才智和条理性,以及创造才华的突出表现。INTP
  38. 型的人外表平静、缄默、超然;但内心却专心致志于分析问题。他们苛求、精细、惯于怀疑。他们努力寻找和利用原则以理解许多想法。他们喜欢有条理和目的的交谈,而且可能会仅仅为了高兴。争论一些无益而琐细的问题,只有有条理的推理才会使他们信服。通常
  39. INTP 型的人是足智多谋、有独立见解的思考者。他们重视才智,对于个人能力有强烈的欲望,有能力也很感兴趣向他人挑战。INTP
  40. 型的人最主要的兴趣在于理解除了能够准确知道、接受和明显的事物之外的可能性。他们乐于为了改进事物的目前状况或解决难题而发展模式。他们的思考方式极端复杂,而且他们能更好地组织概念和想法而不是人。偶尔,他们的想法非常复杂,以致于很难向别人表达和被他人理解。INTP
  41. 型的人十分独立,喜欢冒险和富有想象力的活动。他们灵活易变、思维开阔,更感兴趣的是发现有创见而且合理的解决方法,而不是仅仅看到成为事实的解决方式。
  42. </view>
  43. <view style="margin-top: 10px;margin-bottom: 64rpx;">
  44. <score-chart :scores="scores"></score-chart>
  45. </view>
  46. </view>
  47. <view class="item">
  48. <view class="tit" style="background: linear-gradient(155deg, #7bccb8 0%, #FFFFFF 100%);">功能运用</view>
  49. <view class="f14 f-7c line24 mt15">
  50. 外向与内向是指我们心理能量的作用方向,判断与知觉是我们做事的两种方式。心理学称之为“态度”。感觉与直觉是我们获取信息的方式,思考和情感是做决定的方式,心理学称之为“功能”,功能是人格理论的精髓、核心。每一个人在都会用到四种功能,但对功能应用的喜好程度不一样。等级中第一位的称为“主导功能”,第二位的称为“辅助功能”。每个人都需要运用到这两个过程。
  51. </view>
  52. <view class="f14 mt15 light">
  53. 有效地使用你的类型:
  54. <text class="f-active bold">(INTP)</text>
  55. </view>
  56. <view class="f14 f-7c line24 mt15 mb30">
  57. INTP型的人最常用到的功能是思考(喜欢事实),其次是直觉,他们倾向于:对事实和经验做出符合逻辑的结论,探求隐含的原因、可能性或事物的整体。INTP型的人不太常用的和最不可能用到的功能分别是感觉和情感,即使在需要这些功能的场合,他们仍然无法有效使用它们。作为一个INTP类型的人,如果你过多地使用思考功能,你可能在必要的时候忘记去称赞他人,或忽视你的决策对其他人的影响。如果你过多地关注直觉,你可能错过事物的相关事实、细节或以前的经验。
  58. </view>
  59. </view>
  60. <view class="item">
  61. <view class="tit" style="background: linear-gradient(155deg, #ADB1F7 0%, #FFFFFF 100%);">问题解决方式
  62. </view>
  63. <view class="f14 f-7c line24 mt15">
  64. 每个人都会用自己的方式进行决策,决策通常来自于你的主导功能,并且完全忽视你的第四功能。你的功能运用如下:
  65. </view>
  66. <view class="tags">
  67. <view class="tag" style="background:#FDEDBA">
  68. <text>思考</text>
  69. <text style="font-size: 12px;">主导功能</text>
  70. <text>1</text>
  71. </view>
  72. <view class="tag" style="background:#D5FDBA">
  73. <text>直觉</text>
  74. <text style="font-size: 12px;">辅助功能</text>
  75. <text>2</text>
  76. </view>
  77. <view class="tag" style="background:#BAE3FD">
  78. <text>感觉</text>
  79. <text style="font-size: 12px;">第三功能</text>
  80. <text>3</text>
  81. </view>
  82. <view class="tag" style="background:#C8BAFD">
  83. <text>情感</text>
  84. <text style="font-size: 12px;">第四功能</text>
  85. <text>4</text>
  86. </view>
  87. </view>
  88. <view style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;">
  89. 人格中的每一种功能对解决问题都具有关键和重要作用,忽视任何一个都将导致做出有缺陷的决定,理想化的问题解决功能流程如下:<br/>
  90. 一个好的决策通常来自于四个功能的合理运用。当你尝试去解决问题时,你可以利用上表指导这个过程,但在整个的执行过程是非常困难的,因为每个人都不愿意用他不喜欢的功能去解决问题。就算你有意识地努力运用所有这些功能,你也不可能会在“真实生活”中以这种顺序运用它们。关键是要利用它们提醒自己,完善决策,就算你不按这种方式行事。工作中选择符合你的主导功能和辅助功能的岗位是非常重要的。第三功能要经过发展锻炼才能合适运用,第四功能可能永远不会在你的职业生涯中起到关键作用,因此你应当避免那种要求长期使用它的工作。
  91. </view>
  92. </view>
  93. <view class="item">
  94. <view class="tit"
  95. style="background: linear-gradient(155deg, #F7D0AD 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合岗位特质
  96. </view>
  97. <view class="desc" style="padding: 0;">
  98. <view class="tip">1、让我开发、分析、批判新的想法和主意。</view>
  99. <view class="tip">
  100. 2、让我把注意力和精力集中到那些创新的、理论的和逻辑的思维过程中,而不只一心关注着结果和产品会是如何。
  101. </view>
  102. <view class="tip">
  103. 3、富有挑战性,涉及到许多复杂的问题;因此,我能有机会试行一些部落俗套的方案,通过冒险性的实践找到最佳解决方法。
  104. </view>
  105. <view class="tip">4、让我有充足的安静的私有时间独立地工作,来投入到并完成自己的思维过成。</view>
  106. <view class="tip">5、让我自己制定并保留评估自己工作的高层次的标准,并在此基础上决定自己的成绩与不足。
  107. </view>
  108. <view class="tip">
  109. 6、在一个富有的、可以通融的环境中进行,没有那些无用的规章制度,过多的限制和不必要的会议。
  110. </view>
  111. <view class="tip">7、能让我和一小组我所钦佩的亲密朋友和伙伴合作。</view>
  112. <view class="tip">8、让我经常有机会增长自己的能力和才干,与别的有影响的成功人士会面、合作。</view>
  113. <view class="tip">
  114. 9、让我开发有独创性的思想和方案,能把一些具体的实施步骤和细节问题委托给一名高效率的助手。
  115. </view>
  116. <view class="tip">10、不要求我直接管理别人、监督或考虑一些人际关系得协调或不和。</view>
  117. </view>
  118. </view>
  119. <view class="item">
  120. <view class="tit"
  121. style="background: linear-gradient(155deg, #7AB0FF 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  122. 工作中的优劣势
  123. </view>
  124. <view class="banner_wrap" style="padding: 0;">
  125. <view class="banner" style="background: #7AB0FF;">
  126. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">优势</view>
  127. <view class="in">
  128. <view>1.急切地“想知道盒子外面的世界”,能想出一些新的可能性</view>
  129. <view>2.能够理解非常复杂和高度抽象的概念</view>
  130. <view>3.杰出的创造性地解决问题的技能</view>
  131. <view>4.独立自主;探险精神、创造意识以及克服困难的勇气</view>
  132. <view>5.能够综合运用大量的信息</view>
  133. <view>6.搜集所需信息时理智的好奇心、独特的洞悉力</view>
  134. <view>7.即使在压力很大的情况下也能逻辑地分析事物</view>
  135. <view>8.学习新知识的信心和动力都很大</view>
  136. <view>9.客观性;能够客观地分析和处理问题,而不是感情用事</view>
  137. <view>10.对自己的想法和观点充满信心</view>
  138. <view>11.能够把握事物的全局,弄清行为和思想的长远影响</view>
  139. <view>12.能灵活地适应新情况,有数量的随机应变的能力</view>
  140. </view>
  141. </view>
  142. <view class="banner" style="background: #FFAD7A;">
  143. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">劣势</view>
  144. <view class="in">
  145. <view>1.办事情可能条理不清,容易发生紊乱</view>
  146. <view>2.过于自信;可能会不恰当地运用自己的能力和社会经历</view>
  147. <view>3.对思维狭窄和思想固执的人缺乏耐心</view>
  148. <view>4.不喜欢按传统的、公式化的方式来办事</view>
  149. <view>5.问题一旦解决,兴趣便不复存在</view>
  150. <view>6.不擅长于把复杂的思想和问题用简明的形式表现出来并用简单的形式将其解决</view>
  151. <view>7.可能过于理论化,而忽视或无视现实性</view>
  152. <view>8.不能严格要求自己去考虑且解决重要的细节性问题</view>
  153. <view>9.不喜欢重复地做一件事</view>
  154. <view>10.对程式化的事情和固执的人缺乏耐心</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. 计划和开发领域为INTP们提供了一个发挥他们特长的机会——分析问题并找到创新性的答案。大多数INTP
  172. 喜欢工作在抟术领域,他们运用自己理解复杂系统的能力和发现错误、消除错误的能力,去分析问题、解决问题。INTP
  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. 医药卫生和其他科技领域INTP杰出的推理能力和利用科技资料的能力得到运用,INTP
  185. 对不断发展的神经病学、整形外科学、生物医学和配药学方面的研究都很感兴趣。因为这些学科使INTP能够站在科学发展的最前沿进行创新,有时甚至还有一些冒险。物理、化学和生物学为INTP提供了复杂的概念以及不断学习新知识和不断问“如果……”的机会。这些学科能够允许INTP进行独立工作,特别是当它们涉及到一些较强的研究工作的时候。同时,由于这些领域有难度、富于竞争性,所以吸引了许多有才华、有智慧的人,这对INTP也是一个刺激和挑战。
  186. </view>
  187. </view>
  188. </view>
  189. <view class="banner" style="background: #FFE07A;">
  190. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">专门领域</view>
  191. <view class="in">
  192. <view class="in_head">
  193. 律师/经济学家/心理学家/精神分析学家/金融分析家/建筑师/侦探/知识产权代理人/法律调解人/公司财务代理人/精神病医生
  194. </view>
  195. <view>
  196. 这些专业领域也为INTP提供了许多分析并解决复杂问题的机会。通常,这些领域都是极富挑战性的,
  197. 要求研究人员有清晰的逻辑思维能力,对付问题和挑战要有创新性的解决方法。对建筑师和心理学家来说,工作中心都是一个创造的过程。善于看清楚一个因素或一个条件在整个模型或系统中的地位和作用是INTP的一个特别优势,同时也是调查研究者和金融分析家工作中的一个主要内容。从制定毫无纰漏的法律条文到预测经济发展的微妙走势,这些都为
  198. INTP 提供了感受兴奋和接受挑战的机会。
  199. </view>
  200. </view>
  201. </view>
  202. <view class="banner" style="background: #FFE07A;">
  203. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">学术领域</view>
  204. <view class="in">
  205. <view class="in_head">
  206. 数学家/考古学家/历史学家/哲学家/大学里的高级教师/学术研究者/逻辑学家/大学行政官员/经济学家/翻译
  207. </view>
  208. <view>
  209. 学术领域充满刺激的世界是INTP非常喜欢的,因为这个领域着重开发新事物,寻找新的解决问题方法。INTP经常在大学教授这个职位上找到职业满足感。他们通常愿意给高年级学生讲授一些比较专深的课程。INTP喜欢做上面所列出的任何一门学科的调查研究工作,他们喜欢这种能够独自工作的机会,然后与同行们共享他们的成果与创新。INTP最喜欢在没有复杂规则限制、没有官僚政治的环境中工作,然而,这两点恰恰是大多数大学院校所不能避免的。
  210. </view>
  211. </view>
  212. </view>
  213. <view class="banner" style="background: #FFE07A;">
  214. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">创造性的职业</view>
  215. <view class="in">
  216. <view class="in_head">
  217. 摄影师/富有创造力的作家/艺术家/演员/舞蹈家/音乐家/代理人/发明家/信息图表设计者
  218. </view>
  219. <view>
  220. 对 INTP 来说,这些职业最吸引他们的地方是可以充分发挥想象力、完全自由地进行创造。INTP喜欢利用不同的手段和已往的经验与不同的人共同进行创造的过程。INTP
  221. 通常喜欢一个人工作或者只与少量可能会给工作带来转变的人们一起工作。由于对自己的能力和表达自己兴趣的艺术实力的自信,INTP非常欣赏自己的作品。但是,他们并不为了追求满足感而必须完成作品。很多INTP喜欢由富有创造力的人所组成的世界,因此他们喜欢作代理人。他们创造的新事物、新产品和新的服务方式给他们带来了类似于发明家一样的成功。注意,这些职业只能给具有独一无二的、与生俱来的才能的INTP带来职业满足感。
  222. </view>
  223. </view>
  224. </view>
  225. </view>
  226. </view>
  227. <view class="item" style="margin-bottom: 32rpx;">
  228. <view class="tit"
  229. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">个人发展建议
  230. </view>
  231. <view class="last_wrap" style="padding: 20rpx 36rpx;border: 1px dashed #FFA400;border-radius: 4px;">
  232. <view class="ul">
  233. <view>·更加有条理</view>
  234. <view>·对聪颖不足的人要有耐心</view>
  235. <view>·设法增进自己的社交能力</view>
  236. </view>
  237. <view style="color: #4A4A4A;margin-bottom: 20px;">发展建议</view>
  238. <view style="font-size: 14px;color: #7E7E7E;">
  239. <view>1.需要关注现实中的细节,确立完成任务的具体步骤。</view>
  240. <view> 2.需要简单地陈述事实。</view>
  241. <view> 3.为获得他人的合作,需要放弃细小的问题。</view>
  242. <view>4.需要更好地认识他人,更多地表达对他人的赞赏。</view>
  243. </view>
  244. </view>
  245. </view>
  246. <recommend-major code="INTP" class="mb20"/>
  247. </view>
  248. </template>
  249. <script>
  250. import ScoreChart from './score-chart';
  251. import RecommendMajor from "./recommend-major.vue";
  252. export default {
  253. components: {
  254. RecommendMajor,
  255. ScoreChart
  256. },
  257. props: {
  258. scores: Array
  259. },
  260. }
  261. </script>
  262. <style scoped>
  263. @import url('mbti-report-style.css');
  264. </style>