<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>ESTJ</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;">
                ESTJ（外倾、感觉、思维和判断）
            </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;">
                ESTJ 型的人很善于完成任务；他们喜欢操纵局势和促使事情发生；他们具有责任感、勤勤恳恳，信守他们的承诺；他们喜欢条理性并且能记住和组织安排许多细节。他们及时和尽可能高效率地、系统地开始达到目标。ESTJ
                型的人被迫做决定。他们常常以自己过去的经历为基础得出结论。他们很客观，有条理性和分析能力，以及很强的推理能力。事实上，除了符合逻辑外，从他没有什么可以使他们信服。同时，ESTJ
                型的人又很现实、有头脑、讲求实际。他们更感兴趣的是“真实的事物”，而不是诸如抽象的想法和理论等无形的东西，他们往往对那些认为没有实用价值的东西不感兴趣。他们知道自己周围将要发生的事情，而首要关心的则是目前。因为
                ESTJ
                型的人依照一套固定的规则生活，所以他们坚持不懈和值得依赖。他们往往很传统，有兴趣维护现存的制度。虽然对于他们来说，感情生活和社会活动并不像生活的其他方向那样重要，但是对于亲情关系，他们却固守不变。他们不但能很轻松地判断别人,而且还是条理分明的纪律执行者。ESTJ
                型的人直爽坦率，友善合群、通常他们会很容易地了解事物，这是因为“你看到的便是你得到的”。
            </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">(ESTJ)</text>
            </view>
            <view class="f14 f-7c line24 mt15 mb30">
                ESTJ 型的人主导功能是思考（喜欢事实），辅助功能是感觉。他们倾向于：对事实和经验做出符合逻辑结论。注意细节、重视实际、能记住琐碎细节、耐得住烦闷的工作、有耐性、细心有系统。ESTJ
                型的人比较少地使用他们的第三、第四功能—直觉和情感。即使在需要这些功能的场合，他们仍然无法有效使用。作为一个
                ESTJ
                型的人：如果你过多的使用思考功能，你可能在需要的时间忘记去称赞他人，或忽视你决策对其它人的影响。如果你过多的使用思考功能，你可能失去整体的概念、想不出各种可能解决的途径、不住直觉、不求创新、无法应付太复杂的工作、不喜欢预测未来。
            </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>
                </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>
                            这些职业允许 ESTJ 在现实生活中从事一些实际的、具体的工作。这些职业中的大多数都需要遵守一些原则和标准，还需要与公众打交道。ESTJ
                            喜欢处于一个“有权”的位置，他们喜欢发号施令。经营不动产则给他们提供机会使他们能够迅速取得有形的结果。
                        </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>
                            这些领域能够发挥 ESTJ 技术和机械方面的才能，每一种工作都需要他们收集、组织、分析事实资料，
                            然后进行演绎的推理。每一种工作都需要一种有逻辑的、系统化的工作方式，这正是
                            ESTJ 所特有的。他们就喜欢在整齐、有条理的环境中工作，他们不能忍受工作中的混乱状态和效率低下。
                        </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>
                            管理领域非常适合 ESTJ，因为他们喜欢处于有权力的位置。ESTJ
                            都是优秀的管理人员，因为他们喜欢发布命令，喜欢作决定和指导别人。同时，他们对所服务的机构都非常忠心。管理工作需要不断地与人打交道，需要有对别人的工作进行指导、管理和评价的能力。
                        </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>
                            这些特定职业的吸引力在于它们能使 ESTJ
                            在一些已经建立起来的、传统的、具有一定权力的机构中工作。牙科和医学是需要技术的职业，通常包括一些具体工作，工作对象是人或其它有形的东西，如牙齿和牙床(对牙医来说)、人体(对临床医生而言)。这些职业利用了
                            ESTJ 演绎推理的能力和解释因果关系的能力。ESTJ 喜欢遵循一定的程序办事，这些程序是根据他们自己或其他他们所敬佩的人的经验建立起来的，
                            通常都是非常有效的。
                        </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="ESTJ" 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>
