ISTP.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  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>ISTP</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. ISTP(内倾、感觉、思维和知觉)
  20. </view>
  21. <view class="desc">
  22. <view class="desc_head">
  23. 用我已经得到的,做到最好
  24. </view>
  25. <view class="tip">1.冷静旁观者—安静、预留余地、弹性及会以无偏见的好奇心与未预期原始的幽默观察与分析。
  26. </view>
  27. <view class="tip">2.有兴趣于探索原因及效果,技术事件是为何及如何运作且使用逻辑的原理组构事实、重视效能。
  28. </view>
  29. <view class="tip">3.擅长于掌握问题核心及找出解决方式。</view>
  30. <view class="tip">4.分析成事的缘由且能实时由大量资料中找出实际问题的核心。</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. ISTP 型的人坦率、诚实、讲求实效,他们喜欢行动而非漫谈。他们很谦逊,对于完成工作的方法有很好的理解力。ISTP
  38. 型的人擅长分析,所以他们对客观含蓄的原则很有兴趣。他们对于技巧性的事物有天生的理解力,
  39. 通常精于使用工具和进行手工劳动。他们往往做出有条理而保密的决定,他们仅仅是按照自己所看到的、有条理而直接地陈述事实。ISTP
  40. 型的人好奇心强,而且善于观察,只有理性、可靠的事实才能使他们信服。他们重视事实,简直就是有关他们知之甚深的知识的宝库。他们是现实主义者,所以能够很好地利用可获得的资源,同时他们擅于把握时机,这使他们变得很讲求实效。ISTP
  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">(ISTP)</text>
  55. </view>
  56. <view class="f14 f-7c line24 mt15 mb30">
  57. ISTP
  58. 型的人主导功能是思考(喜欢事实),辅助功能是感觉。他们倾向于:合乎逻辑擅于分析、客观、公正、有逻辑系统的思考、具拟判能力、坚定。注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。ISTP
  59. 型的人比较少地使用他们的第三、第四功能——感觉和情感。即使在需要这些功能的场合,他们仍然无法有效使用。作为一个
  60. ISTP
  61. 型的人:如果你过多的使用思考功能,你可能忽略他人感受、误解别人的价值观、不在意和谐的人、不露感情、悯情较少、不能说服他人。如果你过多地关注细节,你可能失去整体的概念、想不出各种可能解决的途径、不住直觉、不求创新、无法应付太复杂的工作、不喜欢预测未来。
  62. </view>
  63. </view>
  64. <view class="item">
  65. <view class="tit" style="background: linear-gradient(155deg, #ADB1F7 0%, #FFFFFF 100%);">问题解决方式</view>
  66. <view class="f14 f-7c line24 mt15">
  67. 每个人都会用自己的方式进行决策,决策通常来自于你的主导功能,并且完全忽视你的第四功能。你的功能运用如下:
  68. </view>
  69. <view class="tags">
  70. <view class="tag" style="background:#FDEDBA">
  71. <text>思维</text>
  72. <text style="font-size: 12px;">主导功能</text>
  73. <text>1</text>
  74. </view>
  75. <view class="tag" style="background:#D5FDBA">
  76. <text>感觉</text>
  77. <text style="font-size: 12px;">辅助功能</text>
  78. <text>2</text>
  79. </view>
  80. <view class="tag" style="background:#BAE3FD">
  81. <text>直觉</text>
  82. <text style="font-size: 12px;">第三功能</text>
  83. <text>3</text>
  84. </view>
  85. <view class="tag" style="background:#C8BAFD">
  86. <text>情感</text>
  87. <text style="font-size: 12px;">第四功能</text>
  88. <text>4</text>
  89. </view>
  90. </view>
  91. <view style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;">
  92. 人格中的每一种功能对解决问题都具有关键和重要作用,忽视任何一个都将导致做出有缺陷的决定,理想化的问题解决功能流程如下:<br/>
  93. 一个好的决策通常来自于四个功能的合理运用。当你尝试去解决问题时,你可以利用上表指导这个过程,但在整个的执行过程是非常困难的,因为每个人都不愿意用他不喜欢的功能去解决问题。就算你有意识地努力运用所有这些功能,你也不可能会在“真实生活”中以这种顺序运用它们。关键是要利用它们提醒自己,完善决策,就算你不按这种方式行事。工作中选择符合你的主导功能和辅助功能的岗位是非常重要的。第三功能要经过发展锻炼才能合适运用,第四功能可能永远不会在你的职业生涯中起到关键作用,因此你应当避免那种要求长期使用它的工作。
  94. </view>
  95. </view>
  96. <view class="item">
  97. <view class="tit"
  98. style="background: linear-gradient(155deg, #F7D0AD 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合岗位特质
  99. </view>
  100. <view class="desc" style="padding: 0;">
  101. <!--
  102. 1、让我确认和使用以最有效的可能方式提供的资源。
  103. 2、让我实践掌握,然后运用拥有的技能,尤其是机械技能和那些需要使用工具的能力。
  104. 3、让我运用自己对周围世界的理解和技术上的知识,看到工作中潜在的逻辑原理;让我参与解决困难和难题。
  105. 4、有明确的方向;在那儿我能方便地工作,生产真实、实际的产品。
  106. 5、有趣且充满活力,让我独立地进行工作,并且经常有机会到工作领域外和户外活动。
  107. 6、在一个没有其他人强加的过多规则和操作标准的环境中工作;在那儿我能享受自然发生的冒险, 并且逐步应付任何危机。
  108. 7、让我在最小限度的监督下独立工作,而且我也没有被要求去密切监督别人。
  109. 8、给我足够的时间去发展自己的兴趣、爱好。
  110. 9、给我相当数量的娱乐和不断地挑战。
  111. 10、让我有效地利用装置和能源,而不要求必要的路线和步骤。
  112. -->
  113. <view class="tip">1、让我确认和使用以最有效的可能方式提供的资源。</view>
  114. <view class="tip">2、让我实践掌握,然后运用拥有的技能,尤其是机械技能和那些需要使用工具的能力。</view>
  115. <view class="tip">
  116. 3、让我运用自己对周围世界的理解和技术上的知识,看到工作中潜在的逻辑原理;让我参与解决困难和难题。
  117. </view>
  118. <view class="tip">4、有明确的方向;在那儿我能方便地工作,生产真实、实际的产品。</view>
  119. <view class="tip">5、有趣且充满活力,让我独立地进行工作,并且经常有机会到工作领域外和户外活动。</view>
  120. <view class="tip">6、在一个没有其他人强加的过多规则和操作标准的环境中工作;在那儿我能享受自然发生的冒险,
  121. 并且逐步应付任何危机。
  122. </view>
  123. <view class="tip">7、让我在最小限度的监督下独立工作,而且我也没有被要求去密切监督别人。</view>
  124. <view class="tip">
  125. 8、给我足够的时间去发展自己的兴趣、爱好。
  126. </view>
  127. <view class="tip">9、给我相当数量的娱乐和不断地挑战。</view>
  128. <view class="tip">10、让我有效地利用装置和能源,而不要求必要的路线和步骤。</view>
  129. </view>
  130. </view>
  131. <view class="item">
  132. <view class="tit"
  133. style="background: linear-gradient(155deg, #7AB0FF 0%, #FFFFFF 100%);margin-bottom: 34rpx;">工作中的优劣势
  134. </view>
  135. <view class="banner_wrap" style="padding: 0;">
  136. <view class="banner" style="background: #7AB0FF;">
  137. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">优势</view>
  138. <view class="in">
  139. <view>1.出色处理限定任务和实质产品的能力</view>
  140. <view>2.敏锐的观察力和对事实信息的出色记忆力</view>
  141. <view>3.将混乱的数据和可辨认的事实有序排列的能力</view>
  142. <view>4.独自工作或与你敬佩的人并肩工作的态度</view>
  143. <view>5.在压力之下面对危机保持头脑冷静的能力</view>
  144. <view>6.知道完成工作需要做什么和必须作什么的能力</view>
  145. <view>7.用手和工具工作的态度</view>
  146. <view>8.对突然变化和迅速发生的转变适应良好的能力</view>
  147. <view>9.实际性和丰富的常识</view>
  148. <view>10.确认和利用有效资源的能力</view>
  149. <view>11.柔韧性和愿意冒险以及尝试新事物</view>
  150. </view>
  151. </view>
  152. <view class="banner" style="background: #FFAD7A;">
  153. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">劣势</view>
  154. <view class="in">
  155. <view>1.难以看到行动的深远影响</view>
  156. <view>2.缺乏进行言语交流的兴趣,尤其是表面上的交流</view>
  157. <view>3.不喜欢事先准备,你在组织时间上有一定困难</view>
  158. <view>4.对抽象、复杂的理论缺乏耐心</view>
  159. <view>5.有对别人的感觉迟钝麻木的倾向</view>
  160. <view>6.有容易变得厌烦和焦躁的倾向</view>
  161. <view>7.难以看到不前不存在的机会和选择</view>
  162. <view>8.对行政上的细节和程序缺乏耐心</view>
  163. <view>9.不愿意重复自己</view>
  164. <view>10.难以做出决定</view>
  165. <view>11.很强的独立性,不喜欢过多的条条框框、官僚作风</view>
  166. <view>12.地址确定长期目标,难以到达最后期限</view>
  167. </view>
  168. </view>
  169. </view>
  170. </view>
  171. <view class="item">
  172. <view class="tit"
  173. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  174. 适合的职业
  175. </view>
  176. <view class="banner_wrap" style="padding: 0;">
  177. <view class="banner" style="background: #FFE07A;">
  178. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">
  179. 销售部门/服务部门/劳改部门
  180. </view>
  181. <view class="in">
  182. <view class="in_head">
  183. 警员或劳教人员/赛车手/飞机驾驶员/武器操作员/猎人/情报人员/司法官/消防员/调查员/运动器材商品推销/药品推销/私人调查或私人侦探
  184. </view>
  185. <view>
  186. ISTP
  187. 型人的职业偏好源于他们不愿受一大堆条框束缚的观念。他们激动时总发挥得很好。他们也喜欢那种自主的环境,他们可以发挥他们的能力很快地对手头的资源作出估计。然后采取适宜的步骤。他们善于各自工作,必要时,也乐于作为集体成员。ISTP
  188. 型的人喜欢掌握某种特别工具或机器的使用方法,也喜欢户外生活和身体运动。
  189. </view>
  190. </view>
  191. </view>
  192. <view class="banner" style="background: #FFE07A;">
  193. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">技术部门</view>
  194. <view class="in">
  195. <view class="in_head">
  196. 电器设备专家/信息产业开发人员/技术培训人员/后勤和供给制造商或经理/网络调查专家(通讯部门)/电脑程序设计师/海洋生物学家/电器工程师、机械工程师、土木工程师
  197. </view>
  198. <view>
  199. ISTP
  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. 这些医疗保健工作对于 ISTP
  212. 型人而言具有吸引力是源于他们的较高的技术天分。这里的每一种工作都要求严格的准确性,良好的实践和操作能力、耐性和投入,这些对使用和保养敏感的诊断设备都是必需的。
  213. </view>
  214. </view>
  215. </view>
  216. <view class="banner" style="background: #FFE07A;">
  217. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">商业/金融业</view>
  218. <view class="in">
  219. <view class="in_head">
  220. 证券分析家/采购员/办公室管理人员/银行家/经济学家/法律顾问/业务顾问/律师帮办
  221. </view>
  222. <view>
  223. 由于对数字的注重和精确意识,ISTP 型的人在商业和金融业也可以获得满足。工作环境是相当重要,但
  224. ISTP
  225. 型的人更容易喜欢个人自由不受限制的职业。自主的工作,没有太多的会议和复杂的人际关系都是必要的。
  226. ISTP 型的人常常能使混乱的数据和事实有序化。他们可以轻易地发掘经济情况之间的关系,易于和能够对紧急变化做出反应。
  227. </view>
  228. </view>
  229. </view>
  230. <view class="banner" style="background: #FFE07A;">
  231. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">贸易部门</view>
  232. <view class="in">
  233. <view class="in_head">
  234. 计算机维修/飞机技师/农场人员/教练/木工/汽车部件零售商/商业家
  235. </view>
  236. <view>
  237. 贸易行业的独立性和实践性常常吸引 ISTP 类型的人。ISTP
  238. 型的人偏爱切实具体的,能上手的工作。如果项目本身能完全吸引他们的注意力,他们会坚忍不拔地做下去。所以如果他们对体育感兴趣,相似的贸易职业中他们更愿选择作教练员。从业余爱好中成就一项事业,是
  239. ISTP 型的绝好的策略。
  240. </view>
  241. </view>
  242. </view>
  243. </view>
  244. </view>
  245. <view class="item" style="margin-bottom: 32rpx;">
  246. <view class="tit"
  247. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  248. 个人发展建议
  249. </view>
  250. <view class="last_wrap" style="padding: 20rpx 36rpx;border: 1px dashed #FFA400;border-radius: 4px;">
  251. <view class="ul">
  252. <view>·要敢于探索新的可能性</view>
  253. <view>·考虑别人的感受</view>
  254. <view>·信守承诺</view>
  255. </view>
  256. <view style="color: #4A4A4A;margin-bottom: 20px;">发展建议</view>
  257. <view style="font-size: 14px;color: #7E7E7E;">
  258. <view>1.需要增强开放性,关心他人,与他人共享信息。</view>
  259. <view>2.需发展坚持性,改变沟通模式。</view>
  260. <view>3.加强计划性,付出更多努力获取想要的成功。</view>
  261. <view>4.需发展设置和保持目标的方法。</view>
  262. </view>
  263. </view>
  264. </view>
  265. <recommend-major code="ISTP" class="mb20"/>
  266. </view>
  267. </template>
  268. <script>
  269. import ScoreChart from './score-chart';
  270. import RecommendMajor from "./recommend-major.vue";
  271. export default {
  272. components: {
  273. RecommendMajor,
  274. ScoreChart
  275. },
  276. props: {
  277. scores: Array
  278. },
  279. }
  280. </script>
  281. <style scoped>
  282. @import url('mbti-report-style.css');
  283. </style>