<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>ESFJ</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;">
                ESFJ(外倾、感觉、情感和判断)
            </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>
        </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;">
                ESFJ 型的人通过直接的行动和合作积极地以真实、实际的方法帮助别人。他们友好、富有同情心和责任感。因为 ESFJ
                型的人把他们同别人的关系放在十分重要的位置，所以他们往往健谈、受人欢迎、有礼貌、渴望取悦他人。他们具有和睦的人际关系，并且通过很大的努力以获得和维持这种关系。事实上，他们常常理想化自己欣赏的人或物。ESFJ
                型的人往往对自己以及自己的成绩十分欣赏，因而他们对于批评或者别人的漠视很敏感。通常他们很果断，表达自己坚定的主张，乐于事情能很快得到解决。ESFJ
                型的人很现实，他们讲求实际、实事求是和安排有序。他们参与并能记住重要的事情和细节，乐于别人也能对自己的事情很确信。他们在自己的个人经历或在他们所信赖之人的经验之上制定计划或得出见解。他们知道并参与周围的物质世界，并喜欢具有主动性和创造性。ESFJ型的人十分小心谨慎，也非常传统化，因而他们能恪守自己的责任与承诺。他们支持现存制度，往往是委员会或组织机构中积极主动和乐于合作的成员，他们重视并能保持很好的社交关系。他们不辞劳苦地帮助他人，尤其在遇到困难或取得成功时，他们都很积极活跃。
            </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">(ESFJ)</text>
            </view>
            <view class="f14 f-7c line24 mt15 mb30">
                ESFJ
                型的人主导功能是情感，辅助功能是感觉。他们倾向于：体谅他人感受、了解他人的需要、喜欢和谐的人际关系、易表露情感、喜去说服他人。注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。ESFJ
                型的人比较少地使用他们的第三、第四功能—直觉和思维。即使在需要这些功能的场合，他们仍然无法有效使用。作为一个
                ESFJ
                型的人：如果你过多的使用情感功能，你可能在会表现得不合乎逻辑、不够客观、没有组织系统的思考、不具批判精神全盘接受、感情用事。如果你过多地使用感觉功能，你可能会失去整体的概念、想不出各种可能解决的途径、不住直觉、不求创新、无法应付太复杂的工作、不喜欢预测未来。
            </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>
                </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>12.不愿意听取和接受反面的观点和意见</view>
                        <view>13.得不到赞扬或欣赏之辞的时候，可能会灰心丧气</view>
                        <view>14.只考虑眼前的需要，不愿意为事情作长远打算</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>
                            保健领域对ESFJ 的吸引力主要是它们能够允许ESFJ 以一种直接的方式去帮助他人。无论是内科医生、护士或其他类似的职业，ESFJ
                            都喜欢通过学习技能帮助他们的病人生活得更加容易，减少痛苦和创伤。这些领域要求有较强的实际操作能力和严格遵守运行程序的标准，这正是
                            ESFJ
                            所善长的两件事。这些保健领域的职业还可以使 ESFJ 与病人及同事建立并维护亲密的关系。
                        </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>
                            ESFJ 的教育方式常常是介入个人感情的，并且善于举例。ESFJ
                            非常喜欢对低年级学生和有特殊需要的学生进行教育，因为他们认为帮助别人掌握一些基本的知识和技能是非常有意义的。直接与小学生们打交道满足了
                            ESFJ
                            天性中的能量和热情。在学校环境中，常常有许多规章和制度，这是 ESFJ 所喜欢的，他们能在这里找到满足感。很多
                            ESFJ
                            喜欢运动，因此他们愿意教给别人一些运动技巧。他们希望在工作中能有重要的地位。
                        </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>
                            ESFJ 都是社区活动的有力支持者，他们经常自愿建立并维护市民组织。因此，他们可以从类似的社会工作中找到职业满足感。帮助个人或家庭解决问题，使他们成为社会积极的一部分，这对很多
                            ESFJ 可是非常有意义的。他们与人轻松交往的能力和为团体服务的精神使他们容易在社区活动中得到满足感。ESFJ
                            天性倾向于传统和保守，因此他们喜欢在固定结构的、有传统价值观念的团体中贡献他们的力量。
                        </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>
                            商业世界为 ESFJ
                            提供了和许多人打交道的机会以及通过勤奋工作达到自己目标的机会，他们喜欢商业活动中的快节奏和活力，他们喜欢与顾客或客户打交道。当工作中涉及到私人关系时，如房地产或私人银行，很多
                            ESFJ 都能获得成功。因为他们善于与别人建立积极向上的关系并且能够维持这种关系。公关和推销需要杰出的人际交流技巧，这正是大多数
                            ESFJ
                            所具有的。这两种职业都需要密切关注细节，把整个计划贯彻到底。ESFJ 的组织才能在这些领域得到了充分的发挥。最后，销售领域也是
                            ESFJ
                            经常能获得大量成功的地方。因为他们能够利用他们的交际能力、他们的机智、和他们的敏感充分满足顾客的需求。贴刃通常喜欢卖有形商品，他们不喜欢销售诸如概念、思想或复杂系统等无形的商品，他们对零售非常感兴趣，因为这个行业可以使他们与公众接触，使他们的能力不断增强并且由于特定的商品而受益。
                        </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>
                            ESFJ
                            经常喜欢从事服务行业，主要是因为这个行业可以使他们直接与其他人打交道，使他们为他人提供服务，帮助他人减轻痛苦或者生活得更好。顾客服务代表的工作为他们做到这些提供了机会。ESFJ
                            在困难的时候是坚定不移、值得依靠的，他们经常在危机的时候站出来承担具体事务。殡仪馆管理人员在工作中必须对他人的需求表现出极大的敏感和关心。
                            作为飞机服务员，ESFJ 喜欢工作对象的变化、旅行和与人打交道。大多数ESFJ 都是热情而殷勤的，
                            他们在饭馆或承办事务中是出色的老板或老板娘。ESFJ
                            喜欢销售，并且擅长销售，特别是对于有形的、具体的商品。通过销售，他们可以与顾客建立长期的良好关系。
                        </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>
                            大多数 ESFJ 除了具有文职工作所需要的与人交往的技巧以外，他们还有熟练、灵巧的操作能力。一旦他们学会了—一项技术，他们就永远也不会忘记。ESFJ
                            可以没有任何差错地完成例行的工作，他们还具有作为一名簿记员所需要的处理数字的能力。这类工作最吸引
                            ESFJ
                            的地方是他们可以感到自己是集体的一员，他们，可以与同事们并肩工作。孤立对 ESFJ 来说是令人沮丧的。
                        </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;">
                    <viewview>1.需学会注意差异性和处理冲突。</viewview>
                    <view>2.需学会分离出自己的需要。</view>
                    <view>3.需学会更客观地听取真正需要什么。</view>
                    <view>4.做决策时，需考虑决策的理性、全局性的意义。</view>
                </view>
            </view>
        </view>

        <recommend-major code="ESFJ" 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>
