ISTJ.vue 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  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>ISTJ</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. ISTJ(内倾、感觉、思维和判断)
  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>
  33. </view>
  34. <view class="item">
  35. <view class="tit" style="background: linear-gradient(155deg, #E6F7AD 0%, #FFFFFF 100%);">个性特征</view>
  36. <view
  37. style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;margin-top: 16px;">
  38. ISTJ 型的人是严肃的、有责任心的和通情达理的社会坚定分子。他们值得信赖,他们重视承诺,对他们来说,言语就是庄严的宣誓。ISTJ
  39. 型的人工作缜密,讲求实际,很有头脑也很现实。他们具有很强的集中力、条理性和准确性。无沦他们做什么,都相当有条理和可靠。他们具有坚定不移、深思熟虑的思想,一旦他们着手自己相信是最好的行动方法时,就很难转变或变得沮丧。ISTJ
  40. 型的人特别安静和勤奋,对于细节有很强的汇记忆和判断。他们能够引证准确的事实支持自己的观点,把过去的经历运用到现在的决策中。他们重视和利用符合逻辑、客观的分析,以坚持不懈的态度准时地完成工作,并且总是安排有序,很有条理。他们重视必要的理论体系和传统惯例,对于那些不是如此做事的人则很不耐烦。ISTJ
  41. 型的人总是很传统、谨小甚微。他们聆听和喜欢确实、清晰地陈述事物。ISTJ
  42. 型的人天生不喜欢显露,即使危机之时,也显得很平静。他们总是显得责无旁贷、坚定不变,但是在他们冷静的外表之下,也许有强烈却很少表露的反应。
  43. </view>
  44. <view style="margin-top: 10px;margin-bottom: 64rpx;">
  45. <score-chart :scores="scores"></score-chart>
  46. </view>
  47. </view>
  48. <view class="item">
  49. <view class="tit" style="background: linear-gradient(155deg, #7bccb8 0%, #FFFFFF 100%);">功能运用</view>
  50. <view class="f14 f-7c line24 mt15">
  51. 外向与内向是指我们心理能量的作用方向,判断与知觉是我们做事的两种方式。心理学称之为“态度”。感觉与直觉是我们获取信息的方式,思考和情感是做决定的方式,心理学称之为“功能”,功能是人格理论的精髓、核心。每一个人在都会用到四种功能,但对功能应用的喜好程度不一样。等级中第一位的称为“主导功能”,第二位的称为“辅助功能”。每个人都需要运用到这两个过程。
  52. </view>
  53. <view class="f14 mt15 light">
  54. 有效地使用你的类型:
  55. <text class="f-active bold">(ISTJ)</text>
  56. </view>
  57. <view class="f14 f-7c line24 mt15 mb30">
  58. ISTJ
  59. 型的人主导功能是(关注细节),辅助功能是思维。他们倾向于:注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。合乎逻辑擅于分析、客观、公正、有逻辑系统的思考、具拟判能力、坚定。ISTJ
  60. 型的人比较少地使用他们的第三、第四功能—情感和直觉。即使在需要这些功能的场合,他们仍然无法有效使用。作为一个ISTJ
  61. 型的人:如果你过多的使用感觉功能,你可能失去整体的概念、想不出各种可能解决的途径、不住直觉、不求
  62. 创新、无法应付太复杂的工作、不喜欢预测未来。如果你过多的使用思考功能,你可能在需要的时间忘记去称赞他人,或忽视你决策对其它人的影响。
  63. </view>
  64. </view>
  65. <view class="item">
  66. <view class="tit" style="background: linear-gradient(155deg, #ADB1F7 0%, #FFFFFF 100%);">问题解决方式
  67. </view>
  68. <view class="f14 f-7c line24 mt15">
  69. 每个人都会用自己的方式进行决策,决策通常来自于你的主导功能,并且完全忽视你的第四功能。你的功能运用如下:
  70. </view>
  71. <view class="tags">
  72. <view class="tag" style="background:#FDEDBA">
  73. <text>感觉</text>
  74. <text style="font-size: 12px;">主导功能</text>
  75. <text>1</text>
  76. </view>
  77. <view class="tag" style="background:#D5FDBA">
  78. <text>思维</text>
  79. <text style="font-size: 12px;">辅助功能</text>
  80. <text>2</text>
  81. </view>
  82. <view class="tag" style="background:#BAE3FD">
  83. <text>情感</text>
  84. <text style="font-size: 12px;">第三功能</text>
  85. <text>3</text>
  86. </view>
  87. <view class="tag" style="background:#C8BAFD">
  88. <text>直觉</text>
  89. <text style="font-size: 12px;">第四功能</text>
  90. <text>4</text>
  91. </view>
  92. </view>
  93. <view style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;">
  94. 人格中的每一种功能对解决问题都具有关键和重要作用,忽视任何一个都将导致做出有缺陷的决定,理想化的问题解决功能流程如下:<br/>
  95. 一个好的决策通常来自于四个功能的合理运用。当你尝试去解决问题时,你可以利用上表指导这个过程,但在整个的执行过程是非常困难的,因为每个人都不愿意用他不喜欢的功能去解决问题。就算你有意识地努力运用所有这些功能,你也不可能会在“真实生活”中以这种顺序运用它们。关键是要利用它们提醒自己,完善决策,就算你不按这种方式行事。工作中选择符合你的主导功能和辅助功能的岗位是非常重要的。第三功能要经过发展锻炼才能合适运用,第四功能可能永远不会在你的职业生涯中起到关键作用,因此你应当避免那种要求长期使用它的工作。
  96. </view>
  97. </view>
  98. <view class="item">
  99. <view class="tit"
  100. style="background: linear-gradient(155deg, #F7D0AD 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合岗位特质
  101. </view>
  102. <view class="desc" style="padding: 0;">
  103. <view class="tip">1、本质上是技术性的,能让你依靠自己的能力来使用和了解重要的事实和细节。</view>
  104. <view class="tip">
  105. 2、涉及很多实际的产品和服务。这些产品或服务是通过严谨周密、合乎逻辑且效率高的方法——最好是运用标准化的工作程序来生产或实现的。
  106. </view>
  107. <view class="tip">3、能让我有大量的时间独立地工作,运用杰出的集中注意力的能力来完成项目和(或)任务。
  108. </view>
  109. <view class="tip">
  110. 4、是在一个稳定和标准化的环境中完成的,做这些工作时我不必去冒不必要的风险、运用未经检验过的或实验性的方法。
  111. </view>
  112. <view class="tip">
  113. 5、能看得见的而且可以衡量的结果,而且需要和重视运用精确的标准来评估工作的多少或好坏。
  114. </view>
  115. <view class="tip">6、有明确的目标、清晰的组织制度和模式。</view>
  116. <view class="tip">7、在演示或递交工作成果之前能让我有充足的时间来准备,最好是单独进行或小组进行。
  117. </view>
  118. <view class="tip">
  119. 8、能让我具有越来越大的职责和权力,而且只要要求我参与很少的社会政治方面的活动;我的工作表现是根据我完成工作任务的多少或实现工作目标的好坏来衡量的,而且我的努力和贡献很受欣赏和重视。
  120. </view>
  121. <view class="tip">9、在工作过程或气氛中,我的现实的判断和过去的经历很受重视和嘉奖。</view>
  122. <view class="tip">
  123. 10、能让我拥有必要的资源(人力方面和财力方面)和材料来订立正式的目标,并且实现这些目标。
  124. </view>
  125. </view>
  126. </view>
  127. <view class="item">
  128. <view class="tit"
  129. style="background: linear-gradient(155deg, #7AB0FF 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  130. 工作中的优劣势
  131. </view>
  132. <view class="banner_wrap" style="padding: 0;">
  133. <view class="banner" style="background: #7AB0FF;">
  134. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">优势</view>
  135. <view class="in">
  136. <view>1.办事精确,希望第一次就能把工作做好</view>
  137. <view>2.乐意遵循确定的日常安排和传统的方针政策</view>
  138. <view>3.每次都能十分专注地把注意力集中在一个项目或任务上</view>
  139. <view>4.能够独立地工作</view>
  140. <view>5.灵敏的组织能力</view>
  141. <view>6.一丝不苟、认真专注地对待具体问题:事实和细节</view>
  142. <view>7.相信传统模式的可取之处,并且能够遵循传统模式</view>
  143. <view>8.非常强的责任意识;别人可以信任你去实现自己的诺言</view>
  144. <view>9.明白清晰的工作伦理;认为高效率和多成果是很重要的</view>
  145. <view>10.对实现目标有毅力和决心</view>
  146. <view>11.通情达理,视角现实</view>
  147. </view>
  148. </view>
  149. <view class="banner" style="background: #FFAD7A;">
  150. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">劣势</view>
  151. <view class="in">
  152. <view>1.不愿意尝试、接受新的和未经考验的观点和想法</view>
  153. <view>2.对变动感到不安;排斥革新</view>
  154. <view>3.对需要很长时间才能完成的任务缺乏耐心</view>
  155. <view>4.有时会由于近期目标而忽略长远需要</view>
  156. <view>5.办事死板;必要的时候难以或不愿意适应新情况</view>
  157. <view>6.难以看到问题的整体以及行为的长远影响</view>
  158. <view>7.对于方针或决定将会对别人造成什么样的影响缺乏敏感</view>
  159. <view>8.需要的时候不愿意改变努力的方向或调整投入的多少</view>
  160. <view>9.不愿意促成必要的改变,也不愿意支持经过仔细考虑的风险行为</view>
  161. </view>
  162. </view>
  163. </view>
  164. </view>
  165. <view class="item">
  166. <view class="tit"
  167. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  168. 适合的职业
  169. </view>
  170. <view class="banner_wrap" style="padding: 0;">
  171. <view class="banner" style="background: #FFE07A;">
  172. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">商业</view>
  173. <view class="in">
  174. <view class="in_head">
  175. 审计员/公司经理/会计/管理者/监督人/文字信息处理专家/效率专家/效率分析者/保险业主(保险商)/后勤供给经理/制定规章制度的官员/信息总管/会计/保险统计员
  176. </view>
  177. <view>
  178. ISTJ
  179. 经常喜欢与商业有关的一些职业,他们在管理系统和使事物正常运行方面有出色的才能。他们经常喜欢到传统的、已经建立多年的团体或公司去工作,他们的加盟有助于团体或公司机构的正常运行。他们工作富有效率,他们认真而详尽地记录各种花销和税务,不允许有任何未经检查或未经修正的错误或遗漏出现。作为管理者,他们为每一名雇员制定清晰的工作权限、建立起一整套标准的规则。他们喜欢能够生产出具体产品或提供具体服务的商业工作。
  180. </view>
  181. </view>
  182. </view>
  183. <view class="banner" style="background: #FFE07A;">
  184. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">销售/服务</view>
  185. <view class="in">
  186. <view class="in_head">
  187. 警察局高级职员/侦探/情报检索服务社代理人/政府雇员/陆军军官/管教人员/房地产代理商/体育设备/商品销售商/教养所所长
  188. </view>
  189. <view>
  190. 市政服务工作能够满足ISTJ
  191. 服务于社区的愿望。他们喜欢维护服务或保护所有人的社会系统。他们喜欢在制度分明的环境中工作。无论是发布命令还是接受命令他们都做得很好。他们运用自己的知识和过去的经验果断地、有效地处理当前的问题。他们对事实和细节有非常好的记忆力,无论做什么,他们都用自己的实践经验做出判断。他们喜欢销售真实有形的产品,从中他们可以获得个人收益。
  192. </view>
  193. </view>
  194. </view>
  195. <view class="banner" style="background: #FFE07A;">
  196. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">金融</view>
  197. <view class="in">
  198. <view class="in_head">
  199. 银行查帐员/投资担保人/税收监察员/预算分析员/股票经纪人/房地产策划/信贷分析员
  200. </view>
  201. <view>
  202. ISTJ
  203. 拥有数学方面的天才。他们能记住有关事实和细节的数字,并能在必要时引用它们来支持自己的观点。他们不会轻易转移注意力,工作时特别专心、辛苦,工作成果既准确又细致。金融领域的职业需要以下才能:能很好地独立工作;能够吸收大量数据;能够进行精确的计算,这些都是
  204. ISTJ 所具有的。
  205. </view>
  206. </view>
  207. </view>
  208. <view class="banner" style="background: #FFE07A;">
  209. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">教育</view>
  210. <view class="in">
  211. <view class="in_head">
  212. 学校校长/教师:技术/工业/数学/物理/图书管理员/管理者
  213. </view>
  214. <view>
  215. 教育领域的职业对 ISTJ 是非常适合的,尤其是那些管理和技术方面的工作。ISTJ
  216. 能够很好地管理学校或课程的运行。他们通过实践寻找维持系统运行的可能性和方法。管理方面和图书馆方面的职业使ISTJ
  217. 能够独力工作,运用他们客观的分析能力处理数据,如考试成绩、预算等。教书对 ISTJ
  218. 也很适合,特别是一些技术和实践的科目能为他们提供很多学习和教授的机会。
  219. </view>
  220. </view>
  221. </view>
  222. <view class="banner" style="background: #FFE07A;">
  223. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">法律/技术</view>
  224. <view class="in">
  225. <view class="in_head">
  226. 法律调查员/律师秘书/电工/工程师/机械师/计算机程序设计员/科学作家/律师秘书/律师专职助手/药品经销商/调查员/脑电图技术专家/技师/地质学家
  227. /气象学家/航空机械师/机械/工业/电子工程师/农业科学家
  228. </view>
  229. <view>
  230. 这些职业为ISTJ
  231. 提供了运用他们技术才能的机会,而且他们的工作结果都是要求高度准确的产品。因为他们从不盲目地接受事物,所以他们能够抓住工作中的疏忽和纰漏,并且忠诚地遵循必要的程序和系统。上述职业中有很多还能为
  232. ISTJ 提供独自工作的机会,让他们充分发挥专心工作的优点、出色的记忆力及各种技巧。
  233. </view>
  234. </view>
  235. </view>
  236. <view class="banner" style="background: #FFE07A;">
  237. <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">保健</view>
  238. <view class="in">
  239. <view class="in_head">
  240. 兽医/普通外科医师/牙医/护理指导员/保健指导员/药剂师/实验室技术人员/医学研究者/最初保健护理医师/生物学和医学技术专家/运动生理学家·
  241. 药剂师/配药技术员
  242. </view>
  243. <view>
  244. ISTJ 经常投身于医药行业,特别喜欢就职于一些有着传统制度的医院。他们对病人保持密切的关心,
  245. 耐心地倾听他们的诉说,并给他们提供一些有思想、有节制的建议,制定出恰当的治疗计划。ISTJ
  246. 还是保健方面成功的指导者,他们尽心尽力地工作,承担应尽的义务,履行应负的责任。他们喜欢有条理的工作环境,在这种环境中他们能朝着目标前进,按时完成应做的工作。牙科和药剂学需要更多的技巧,因此为ISTJ
  247. 所喜爱。因为他们善于抓住事实信息,并且能够永远保留这些信息。
  248. </view>
  249. </view>
  250. </view>
  251. </view>
  252. </view>
  253. <view class="item" style="margin-bottom: 32rpx;">
  254. <view class="tit"
  255. style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
  256. 个人发展建议
  257. </view>
  258. <view class="last_wrap" style="padding: 20rpx 36rpx;border: 1px dashed #FFA400;border-radius: 4px;">
  259. <view class="ul">
  260. <view>·要敢于探索新的可能性</view>
  261. <view>·更多考虑人性的因素</view>
  262. <view>·要乐于接受新事物</view>
  263. </view>
  264. <view style="color: #4A4A4A;margin-bottom: 20px;">发展建议</view>
  265. <view style="font-size: 14px;color: #7E7E7E;">
  266. <view>1.除了关注现实问题,需关注更深远的、定向于未来的问题。</view>
  267. <view>2.需考虑人的因素,向他人表达其应得的赞赏。</view>
  268. <view>3.为避免陈规,尝试寻找新的选择。</view>
  269. <view>4.需培养耐心,应付那些需要用不同方式沟通或忽视规则和程序的人。</view>
  270. </view>
  271. </view>
  272. </view>
  273. <recommend-major code="ISTJ" class="mb20"/>
  274. </view>
  275. </template>
  276. <script>
  277. import ScoreChart from './score-chart';
  278. import RecommendMajor from "./recommend-major.vue";
  279. export default {
  280. components: {
  281. RecommendMajor,
  282. ScoreChart
  283. },
  284. props: {
  285. scores: Array
  286. },
  287. }
  288. </script>
  289. <style scoped>
  290. @import url('mbti-report-style.css');
  291. </style>