<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>INFP</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;">
                INFP（内倾、直觉、情感和知觉）
            </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;">
                INFP
                把内在的和谐视为高于其他一切。他们敏感、理想化、忠诚，对于个人价值具有，一种强烈的荣誉感，个人信仰坚定，有为自认为有价值的事业献身的精神。INFP型的人对于已知事物之外的可能性很感兴趣，精力集中于他们的梦想和想象。他们思维开阔、有好奇心和洞察力，常常具有出色的长远目光。在日常事务中，他们通常灵活多变、具有忍耐力和适应性。但是他们非常坚定地对待内心的忠诚，为自己设立了事实上几乎是不可能的标准。
                INFP型的人具有许多使他们忙碌的理想和忠诚。他们十分坚定地完成自己所选择的事情，他们往往承担得太多，但不管怎样总要完成每件事。虽然对外部世界他们显得冷淡缄默，但
                INFP型的人很关心内在。他们富有同情心、理解力，对于别人的情感很敏感。除了他们的价值观受到威胁外，他们总是避免冲突，没有兴趣强迫或支配别人。INFP
                型的人常常喜欢通过书写而不是口头来表达自己的感情。当INFP型的人劝说别人相信他们的想法的重要性时，可能是最有说服力的。INFP
                很少显露强烈的感情，常常显得沉默而冷静。然而，一旦他们认识了，就会变得热情友好。INFP的人很友好，但也避免浮浅的交往。他们珍视那些花费时间去思考目标与价值的人。
            </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">(INFP)</text>
            </view>
            <view class="f14 f-7c line24 mt15 mb30">
                INFP 型的人主导功能是情感（关注情感），辅助功能是直觉。他们倾向于：体谅他人感受、了解他人的需要、喜欢和谐的人际关系、易表露情感、喜去说服他人。探求隐含的原因、可能性或事物的整体。INFP
                型的人比较少地使用他们的第三、第四功能--感觉和思维。即使在需要这些功能的场合，他们仍然无法有效使用。作为一个
                INFP 型的人：如果你过多地关注情感，你可能会表现得不合乎逻辑、不够客观、没有组织系统的思考、不具批判精神全盘接受、感情用事。如果你过多地关注直觉，你可能错过事物的相关事实、细节或以前的经验。
            </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>
                </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>10.不愿惩戒直接肇事者，不愿意批评别人</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>
                            INFP 型人为艺术所吸引是由于他们有能力以富于创造的个人方式来表达他们自己和他们的想法。以艺术为工作具有个人的自由和灵活性，这是
                            INFP
                            型人信奉的生活方式。无论是写文章、画画还是用其他手段来工作，无论是进行设计还是作为演员或音乐家运用他们自己的身体而工作，INFP
                            型人都力求创造独到的成果，这是他们心声的真实表现。许多 INFP 型人把自己描述为“内心深沉”的艺术家，即使他们并不以艺术为生。一些
                            INFP
                            型人甚至会说，作艺术家并不是他们做出的选择，而是他们必须背负的十字架。
                        </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>
                            教育和咨询行业都是可以使 INFP 型人为帮助他人成长和发掘人性潜能而工作的领域。INFP
                            型人为改善他人生活质量的愿望和努力的确非常崇高。他们更喜欢大学，而不是小学或中学，因为大学里来自学生们的动力更强大。他们喜欢学习的过程，喜欢作为调查员或图书管理员来探求更深刻而更有意义的理解。INFP
                            型人是富于同情心而具洞察力的顾问，心理学家，以及社会工作者，力求帮助他们的客尸在自己的社会关系和生活范围里获得自我理解和和谐。作为顾问，他们高兴的是，在理解他人的时候他们也逐渐理解了自己。
                        </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>
                            保健领域吸引 INFP 型人的方面在于，它能够让他们对客户或病人进行亲切而亲密的工作。INFP
                            型人一般都会喜欢这样的职业给予他们的自主性，他们可以自己开业，或者作一家大型健康护理机构的顾问。
                            理疗、全身治疗以及按摩的诊断治疗工作具有创造性和精神因素，这些都令人满意，它们运用了 INFP
                            型人的直觉和情感倾向。
                        </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>
                            尽管INFP型人通常不会对商业领域的工作感到满意，仍然有一些筛选出来的领域有可能让
                            INFP型人获得成功和满足感。一些INFP型人喜欢合作的环境，有时他们的工作涉及到帮助别人找到适合于自己的工作。他们喜欢人事或人力资源发展方面的工作，喜欢在一个公司内部设计并安置工作。他们需要与支持他们的人共同工作，从而感到他们所做的贡献是独特而且受人重视的。这样，在竞争激烈的商业世界，他们才会找到满足感。
                        </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="INFP" 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>
