<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>ISFP</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;">
                ISFP（内倾、感觉、情感和知觉）
            </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>
        </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;">
                ISFP 型的人平和、敏感，他们保持着许多强烈的个人现想和自己的价值观。他们更多地是通过行为而不是言辞表达自己深沉的情感。ISFP
                型的人谦虚而缄默，但实际上他们是具有巨大的友爱和热情的人，但是除了与他们相知和信赖的人在一起外，他们不经常表现出自我的另一面。因为他们不喜欢直接地自我表达，所以常常被误解。ISFP
                型的人耐心、灵活，很容易与他人相处，很少支配或控制别人。他们很客观，以一种相当实事求是的方式接受他人的行为。他们善于观察周围的人和物，却不寻求发现动机和含义。因为
                ISFP
                型的人完全生活在目前之中，所以他们的准备或计划往往不会多于必需，他们是很好的短期计划制定者。因为他们完全投入于现在，喜欢享受目前的经历，而不继续向下一个目标冲刺，所以他们对完成工作感到很放松。他们对于从经历中直接了解和感受的东西很感兴趣，常常富有艺术天赋和审美感，力求为自己创造一个美丽而隐蔽的环境。没有想要成为领导者，ISFP
                型的人经常是忠诚的追随者和团体成员。因为他们利用个人的价值标准去判断生活中的每一件事，所以他们喜欢那些花费时间去认识他们和理解他们内心的忠诚人。他们需要最基本的信任和理解，在生活中需要和睦的人际关系，对于冲突和分歧则很敏感。
            </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">(ISFP)</text>
            </view>
            <view class="f14 f-7c line24 mt15 mb30">
                ISFP 型的人主导功能是思考（喜欢事实），辅助功能是感觉。他们倾向于：对事实和经验做出符合逻辑结论。注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。ISFP
                型的人比较少地使用他们的第三、第四功能—直觉和情感。即使在需要这些功能的场合，他们仍然无法有效使用。作为一个
                ISFP
                型的人：如果你过多的使用思考功能，你可能在需要的时间忘记去称赞他人，或忽视你决策对其它人的影响。如果你过多的使用思考功能，你可能失去整体的概念、想不出各种可能解决的途径、不住直觉、不求创新、无法应付太复杂的工作、不喜欢预测未来。
            </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>
                </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>11.不会很自觉地做直接的报告或批评他人</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>
                            这些职业对 ISFP 型的入主要吸引力在于它们能提供用他们的双手创造外观以吸引人，更多的是有用在实际工作中，他们喜欢运用五种感觉，从事实际的工作。那些职业为，ISFP
                            型的人提供了灵活的时间和自由安排工作的机会。大多数 ISFP 型的人喜欢自主，不必遵守管理规则。
                        </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>
                            ISFP
                            型的人常可以从健康护理业中获得满足感，尤其是那些能让他们直接同用户和患者打交道的工作。他们喜欢许多治疗工作的亲手参与的特征——在危机中或危机后，从身体到感情上帮助他人。他们通常善于观察，能对微小变化做出反应，喜欢解决短期问题。对于
                            ISFP 型的人而言，从这些职业以及其它任何职业获得满足感的最重要成分是能看到或体验对他们成就的反馈以及能意识到他们工作的重要性。
                        </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>
                            ISFP 型的人喜欢实际工作，不喜欢理论工作。他们倾向于喜欢运用实际的积极的技术，户外工作的机会尤其为
                            ISFP 型的人喜欢，他们对工作中的变化和种类表现出极大的兴趣。
                        </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>
                            许多 ISFP
                            型的人在服务部门找到了让他们满意的工作。让他们从事满足人或动物的需要的工作最值得干。他们喜欢能分享他们价值观，培养和鼓励人际和谐、合作，以及能认可他们的成绩的工作环境。许多ISFP
                            型的人喜欢处在特定的主观环境，通常和小孩在一起，在这种环境中，他们有机会表露自然性和乐趣
                        </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>
                            职员工作，如果是处于一种适合的环境，也能给 ISFP
                            型的人提供满足。关键因素是在一种积极支持的气氛中运用他们实际技能的能力。当作为小组一部分而工作，或处于一种能尊重个人隐私和成长的稳定环境中时，ISFP
                            型的人工作总很出色。他们喜欢能让他们创造和保持愉快的、个性化的工作环境的职业部门。
                        </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="ISFP" 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>
