<template>
    <view class="header_banner">
        <image style="  width: 100%;" src="/static/test-center/bg_baogao1.png" alt=""/>
        <view class="img_wrap">
            <!-- <view class="tit">详细报告请登陆网站查看</view> -->
            <view style="position: relative;">
                <image src="/static/test-center/icon_baogao2.png" alt=""/>
                <view class="text_wrap">
                    <view>ISFJ</view>
                    <view>MBTI测评报告</view>
                </view>
            </view>
        </view>
    </view>
    <view class="report-container">
        <view class="item">
            <view class="tit"
                  style="background: linear-gradient(155deg, #F7E1AD 0%, #FFFFFF 100%);margin-bottom: 20px;">
                ISFJ（内倾、感觉、情感和判断）
            </view>
            <view class="desc">
                <view class="desc_head">
                    我以名誉担保，履行自己的责任和义务
                </view>
                <view class="tip">1.安静、和善、负责任且有良心。</view>
                <view class="tip">2.行事尽责投入。</view>
                <view class="tip">3.安定性高，常居项目工作或团体之安定力量。</view>
                <view class="tip">4.愿投入、吃苦及力求精确。</view>
                <view class="tip">5.兴趣通常不在于科技方面。对细节事务有耐心。</view>
                <view class="tip">6.忠诚、考虑周到、知性且会关切他人感受。</view>
                <view class="tip">7.致力于创构有序及和谐的工作与家庭环境。</view>
            </view>
        </view>
        <view class="item">
            <view class="tit" style="background: linear-gradient(155deg, #E6F7AD 0%, #FFFFFF 100%);">个性特征</view>
            <view
                style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;margin-top: 16px;">
                ISFJ
                型的人忠减、有奉献精神和同情心他们意志清醒而有责任心，乐于为人,理解别人的感受。ISFJ型的人十分务实，他们喜欢平和谦逊的人，他们喜欢利用大量的事实情况，对于细节则有很强的记忆力。他们耐心地对待任务的整个阶段，喜欢事情能够清晰明确。因为他们具有强烈的职业道德，所以他们如果知道自己的行为真正有用时，会对需要完成之事承担责
                任。他们准确系统地完成任务。他们具有传统的价值观，十分保守。他们利用符合实际的判断标准做决定，通过出色的注重实际的态度增加了稳定性。ISFJ
                型的人平和谦虚、勤奋严肃。他们温和、圆通，支持朋友和同伴。他们乐于协助别人，喜欢实际可行地帮助他人。他们利用个人热情与人交往，在困难中与他人和睦相处。ISFJ
                型的人不喜欢表达个人情感，但实际上对于大多数的情况和事件都具有强烈的个人反应。他们关心保护朋友，愿意为朋友献身，他们有为他人服务的意识，愿意完成他们的责任和义务。
            </view>
            <view style="margin-top: 10px;margin-bottom: 64rpx;">
                <score-chart :scores="scores"></score-chart>
            </view>
        </view>
        <view class="item">
            <view class="tit" style="background: linear-gradient(155deg, #7bccb8 0%, #FFFFFF 100%);">功能运用</view>
            <view class="f14 f-7c line24 mt15">
                外向与内向是指我们心理能量的作用方向，判断与知觉是我们做事的两种方式。心理学称之为“态度”。感觉与直觉是我们获取信息的方式，思考和情感是做决定的方式，心理学称之为“功能”，功能是人格理论的精髓、核心。每一个人在都会用到四种功能，但对功能应用的喜好程度不一样。等级中第一位的称为“主导功能”，第二位的称为“辅助功能”。每个人都需要运用到这两个过程。
            </view>
            <view class="f14 mt15 light">
                有效地使用你的类型：
                <text class="f-active bold">(ISFJ)</text>
            </view>
            <view class="f14 f-7c line24 mt15 mb30">
                ISFJ 型的人主导功能是感觉（关注细节），辅助功能是情感。他们倾向于：注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。
                体谅他人感受、了解他人的需要、喜欢和谐的人际关系、易表露情感、喜去说服他人。ISFJ
                型的人比较少地使用他们的第三、第四功能—思维和直觉。即使在需要这些功能的场合，他们仍然无法有效使用。作为一个ISFJ
                型的人：如果你过多的使用感觉和情感功能，你可能会失去整体的概念、想不出各种可能解决的途径、不求创新、无法应付太复杂的工作、不喜欢预测未来。
            </view>
        </view>
        <view class="item">
            <view class="tit" style="background: linear-gradient(155deg, #ADB1F7 0%, #FFFFFF 100%);">问题解决方式</view>
            <view class="f14 f-7c line24 mt15">
                每个人都会用自己的方式进行决策，决策通常来自于你的主导功能，并且完全忽视你的第四功能。你的功能运用如下：
            </view>
            <view class="tags">
                <view class="tag" style="background:#FDEDBA">
                    <text>感觉</text>
                    <text style="font-size: 12px;">主导功能</text>
                    <text>1</text>
                </view>
                <view class="tag" style="background:#D5FDBA">
                    <text>情感</text>
                    <text style="font-size: 12px;">辅助功能</text>
                    <text>2</text>
                </view>
                <view class="tag" style="background:#BAE3FD">
                    <text>思维</text>
                    <text style="font-size: 12px;">第三功能</text>
                    <text>3</text>
                </view>
                <view class="tag" style="background:#C8BAFD">
                    <text>直觉</text>
                    <text style="font-size: 12px;">第四功能</text>
                    <text>4</text>
                </view>
            </view>
            <view style="font-size: 14px;font-weight: 400;color: #7C7C7C;line-height: 24px;margin-bottom: 64rpx;">
                人格中的每一种功能对解决问题都具有关键和重要作用，忽视任何一个都将导致做出有缺陷的决定，理想化的问题解决功能流程如下：<br/>
                一个好的决策通常来自于四个功能的合理运用。当你尝试去解决问题时，你可以利用上表指导这个过程，但在整个的执行过程是非常困难的，因为每个人都不愿意用他不喜欢的功能去解决问题。就算你有意识地努力运用所有这些功能，你也不可能会在“真实生活”中以这种顺序运用它们。关键是要利用它们提醒自己，完善决策，就算你不按这种方式行事。工作中选择符合你的主导功能和辅助功能的岗位是非常重要的。第三功能要经过发展锻炼才能合适运用，第四功能可能永远不会在你的职业生涯中起到关键作用，因此你应当避免那种要求长期使用它的工作。
            </view>
        </view>

        <view class="item">
            <view class="tit"
                  style="background: linear-gradient(155deg, #F7D0AD 0%, #FFFFFF 100%);margin-bottom: 34rpx;">适合岗位特质
            </view>
            <view class="desc" style="padding: 0;">
                <view class="tip">1、求仔细观察、一丝不苟和准确无误，因此我能充分发挥记忆事实和分析细节的能力。</view>
                <view class="tip">
                    2、能让我致力于有形的、现实的项目任务，并以此为别人提供帮助和服务；通常需要对细节问题非常关注，对精确性的要求也非常高。
                </view>
                <view class="tip">
                    3、使我通过默默无闻的努力工作，表达自己对别人的同情与对别人的同情与对工作的热忱；同时我做出的贡献也受到重视和赞赏。
                </view>
                <view class="tip">4、工作在一个传统、稳定、有序和制度化的环境中，并且能为别人提供使用假合资非常高的服务。
                </view>
                <view class="tip">5、要求遵循标准化的工作程序，运用现实的判断力，并且仔细、有条不紊地坚持到底。</view>
                <view class="tip">
                    6、每次都全身心地投入到一个项目任务或一个人身上，并且做出的产品或提供的服务能够带来可观的结果。
                </view>
                <view class="tip">7、能让我有一个独立的工作空间，这样我就能连续地集中注意力，受到最小限度的干扰和打断。
                </view>
                <view class="tip">8、不论是帮助别人也好，还是与志同道合的人打交道也好，大多数时候都只需要我关注一个对象，
                    而不是同时为好几个人工作或提供服务。
                </view>
                <view class="tip">9、在完成工作任务的过程中，要求我条理清晰并且效率很高。</view>
                <view class="tip">10、把工作成果向别人展示之前，能让我事先有充分的时间来准备。</view>
            </view>
        </view>
        <view class="item">
            <view class="tit"
                  style="background: linear-gradient(155deg, #7AB0FF 0%, #FFFFFF 100%);margin-bottom: 34rpx;">工作中的优劣势
            </view>
            <view class="banner_wrap" style="padding: 0;">
                <view class="banner" style="background: #7AB0FF;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">优势</view>
                    <view class="in">
                        <view>1.能够很好地集中、关注焦点</view>
                        <view>2.很强的工作伦理，工作努力而且很负责任</view>
                        <view>3.良好的协作技巧，能和别人建立起和谐友好的关系</view>
                        <view>4.讲求实效的工作态度，办事方法现实可行</view>
                        <view>5.十分关注细节，能够准确地把握事实</view>
                        <view>6.乐于助人，给同事和下属职员的工作提供支持和帮助</view>
                        <view>7.了解公司（或组织）的经历，能够很好地维护公司（或组织）的传统</view>
                        <view>8.杰出的组织才能</view>
                        <view>9.愿意在传统的机构中工作，而且兢兢业业、不遗余力</view>
                        <view>10.能够连续地工作，对相同的工作任务不会感到厌倦</view>
                        <view>11.非常强的责任意识；别人可以信任你去实现自己的诺言</view>
                        <view>12.喜欢运用固定的办事程序；尊重别人的地位和能力</view>
                        <view>13.通情达理，视角现实</view>
                    </view>
                </view>
                <view class="banner" style="background: #FFAD7A;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">劣势</view>
                    <view class="in">
                        <view>1.可能低估自己的能力，那与坚决地维护自己的需要和利益</view>
                        <view>2.不愿意尝试、接受新的和未经考验的观点和想法</view>
                        <view>3.对反对意见过于敏感；在紧张的工作环境里感到很受压抑</view>
                        <view>4.可能只关注细节和眼前之事，而对整体和将来重视不够</view>
                        <view>5.倾向于同时投入到过多的任务之中</view>
                        <view>6.难以适应新环境，或者在不同工作任务之间来回切换时会有困难</view>
                        <view>7.易于被需要同时解决的太多的工作项目或任务弄得晕头转向、无所适从</view>
                        <view>8.如果自己得不到充分的重视和赞赏，可能会感到灰心丧气</view>
                        <view>9.一经做出决定，就不愿意从头考虑同一个问题</view>
                    </view>
                </view>
            </view>
        </view>
        <view class="item">
            <view class="tit"
                  style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
                适合的职业
            </view>
            <view class="banner_wrap" style="padding: 0;">
                <view class="banner" style="background: #FFE07A;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">健康护理部分</view>
                    <view class="in">
                        <view class="in_head">
                            牙医/家庭运动医生/护士/医务技术专家/理疗法专家/医疗设备推销/提供健康护理人员/饮食专家／营养学家/眼科大夫/医务记录管理人员/药剂师／药剂技术人员/放射专家/呼吸系统专家/兽医/有执照行医护士/初级保健大夫/家庭保健助理/医务／牙科助理
                        </view>
                        <view>
                            这些职业允许ISFJ
                            型的人在这样一种环境下工作，在这里他们的贡献通过对别人施加的个人的、直接的影响表现出来。那些职业中的很大一部分要求同客户和患者进行亲身的、一对一的交往。ISFJ
                            型的人喜欢用一种真实的方法帮助别人。那些职位也允许 ISFJ 型的人在一种传统的，组织化的文化中相对独立地工作。医务领域充分利用了
                            ISFJ
                            型的入学习和实践技术的能力，为他们提供了同别人建立个人联系的机会。
                        </view>
                    </view>
                </view>
                <view class="banner" style="background: #FFE07A;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">社会服务部门／教育部门
                    </view>
                    <view class="in">
                        <view class="in_head">
                            学前教育／初级学校教师/图书馆员／建筑师/教育管理人员/社会福利工作人员/咨询服务人员/个人咨询人员/宗教教育者/言语病理学家/家庭健康社会服务人员/儿童福利咨询人员/戒酒和戒毒咨询人员/小学教师/图书管理员／档案保管员/特殊教育老师·
                            (博物馆、美术馆、图书馆等的)馆长/家谱学家/教育行政人员/咨询服务人员/社会工作人员(老年和儿童每日看护问题)
                        </view>
                        <view>
                            由于教育部门能为ISFJ 型的人提供帮助他人，服务社会的机会，所以很吸引这种类型的人。ISFJ
                            型的人经常喜欢教初级中学，由于这可以同学生进行个人交往和发挥他们善长教基本技巧的能力。许多
                            ISFJ
                            型的人喜欢教育管理类的职业。尤其当他们对特定范围(例如特殊教育)或相对小的服务范围(一个小镇而非大城市)负责时更是这样。ISFJ
                            型的人喜欢在组织内独立工作，这种组织必须是认可他们的成绩，使他们明白职业目标的那种。研究领域为ISFJ
                            型人提供满足感是因为它们提供了独立工作和调查具体任务的机会。馆员们要求创造性并保持完整而准确的记录，这使他们能利用自己的组织能力和回忆事实的特长。尽管经常面临挑战，社会福利工作仍给予ISFJ
                            型的人获得职业满足的机会。因为通过同客户的交往，ISFJ
                            型的人能对别人的生活给予切实的提高，因此，他们发现贡献是有价值的，这些工作提供了同样的一对一交往和独立工作的环境，这对于
                            ISFJ 型的人都具有吸引力。
                        </view>
                    </view>
                </view>
                <view class="banner" style="background: #FFE07A;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">商业</view>
                    <view class="in">
                        <view class="in_head">
                            秘书/员工监督人/顾客服务代表/人事管理人员/计算机操作者/记帐员/信用顾问/律师的专职助手/家用保健品推销
                        </view>
                        <view>
                            这些职业要求大量的在一对一基础上同别人交往的机会，因此常为 ISFJ
                            型的人所喜欢。这些职业中许多都不是独立完成的工作，这能使ISFJ
                            型的人使用组织方面和深入细节的能力。尤其当他们同受他们尊敬和钦佩的人一块工作时。这些职业同样要求知识及技术和交流技巧以帮助别人获取信息或帮助他们满足需求。
                        </view>
                    </view>
                </view>
                <view class="banner" style="background: #FFE07A;">
                    <view class="banner_tit" style="text-align: center;margin-bottom: 10px;">创造性／技术性</view>
                    <view class="in">
                        <view class="in_head">
                            内部装饰人员/电工/零售商/旅店老板/艺术家/音乐家/优先顾客销售代理人/商业计划者/不动产经纪人
                        </view>
                        <view>
                            这些职业彼此未必有关联但它们有一些共同的特征和要求。每种都要求与同日常生活有关的实际东西打交道。作为—个内部装饰人员，ISFJ
                            型的人运用他或她的审美感给予客户以合适的装潢。这种工作要求注重细节以及同别人合作向满足客户对他或她室内装饰的需要和愿望迈进的能力。ISFJ
                            型的人很注重自己房间的装饰，因此，他们容易理解客户装饰出使他们舒服的居室的愿望。一个电工要求技术准确性和坚持标准程序和代码。ISFJ
                            型的人喜欢注意那些要求亲自动手的工作，也喜欢使用他们掌握的技术。如果 ISFJ
                            型的人感到他或她的贡献是有价值的并为人欣赏，如果他或她赢得了同顾客、同伙、同事的有质量的交往，那么电工的工作也是令人满意的。零售推销和商业是经常为
                            ISFJ
                            型所喜欢的职业，尤其当他们在小专卖店或大商场的一个部门工作时。ISFJ
                            型的人常可以成为小商店的好老板。他们对诸如商店形象之类细节的关注以对顾客的“感觉”经常为他们赢得长期稳定的买卖。他们喜欢一定时间内同一名顾客交流，寻找合适的装饰品与顾客们已有的相配套。他们喜欢长期维持与顾客的关系，对待顾客十分友好和诚实可信。
                        </view>
                    </view>
                </view>
            </view>
        </view>

        <view class="item" style="margin-bottom: 32rpx;">
            <view class="tit"
                  style="background: linear-gradient(155deg, #FFE07A 0%, #FFFFFF 100%);margin-bottom: 34rpx;">
                个人发展建议
            </view>
            <view class="last_wrap" style="padding: 20rpx 36rpx;border: 1px dashed #FFA400;border-radius: 4px;">
                <view class="ul">
                    <view>·清楚地表达自己</view>
                    <view>·考虑尚不存在的可能之事</view>
                    <view>·设法更加灵活随和，表现自然一些</view>
                </view>
                <view style="color: #4A4A4A;margin-bottom: 20px;">发展建议</view>
                <view style="font-size: 14px;color: #7E7E7E;">
                    <view>1.工作中需要估计风险，以积极、全面的观点看待未来。</view>
                    <view>2.需发展更多的自信和直率。</view>
                    <view>3.学会宣扬自己的成就。</view>
                    <view>4.对其它形式的做事方式需保持开放态度。</view>
                </view>
            </view>
        </view>

        <recommend-major code="ISFJ" class="mb20"/>
    </view>
</template>
<script>
import ScoreChart from './score-chart';
import RecommendMajor from "./recommend-major.vue";

export default {
    components: {
        RecommendMajor,
        ScoreChart
    },
    props: {
        scores: Array
    },
}
</script>

<style scoped>
@import url('mbti-report-style.css');
</style>
