bug修改

zhongshujie

2024-10-25 ef510e10314f6d562c89b60a75c0862de4cf2d58

 src/books/civilAviationServices/view/components/chapter001.vue

@@ -0,0 +1,795 @@
<template>
    <div class="chapter" num="2">
        <!-- 单元封面 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <div>
                    <h1 class="fl jc-c" id="a007"><img class="" style="width: 100%; " alt=""
                            src="../../assets/images/0011-1.jpg" /></h1>
                    <div style="padding: 0px 82px 100px 82px">
                        <div class="bj-1">
                            <h1 id="a007" class="unitImg">
                                <img class="img-0 " alt="" src="../../assets/images/pat-01.jpg" />
                                <div class="unitBox fl al-c"><span class="unitGraphic"></span><span
                                        class="unitText">走进民航服务心理</span></div>
                            </h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">002</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b001"><span class="h2-zt1">项目一</span><span class="h2-zt2">走进民航服务心理</span></h2>
                    <p class="mb-30"><br></p>
                    <div class="bk">
                        <p class="bj1-qjms fl al-c"><span class="span-box"></span><span
                                class="span-text">项目导入</span><span class="span-box"></span></p>
                        <p>欢迎踏上民航服务心理的探索之旅！在这个丰富多彩的世界里，我们将揭开心理学神秘的面纱，深入挖掘它的无穷奥妙。首先，我们将追溯心理学的源头。其次，我们将拨开心理学研究的重重迷雾，走进那个充满奇迹和惊喜的心理世界。我们将探索它是如何用不同的方法和视角来看待我们的情感、思想和行为的。最后，我们将着重介绍心理学的研究目标，理解心理学家是如何通过研究来深化对人类心理的认识的。这不仅仅是一门学科，更像是一把神奇的钥匙，可以打开理解人类行为和情感的大门，让我们更好地理解自身和周围的世界。心理学如何揭示民航服务中的奥秘呢？走进这个知识的宝库，我们一起去解锁心理学的神秘力量，变身心理探索者，开启一段崭新而又刺激的学习旅程吧！
                        </p>
                    </div>
                    <div class="bk">
                        <p class="bj1-qjms fl al-c"><span class="span-box"></span><span
                                class="span-text">心理沙龙</span><span class="span-box"></span></p>
                        <p>活动名称：心理学时间线</p>
                        <p>活动目的：</p>
                        <p>1.更好地理解心理学的发展历史和研究领域；</p>
                        <p>2.提高团队合作和研究能力；</p>
                        <p>3.激发对民航服务心理学的兴趣。</p>
                        <p>活动时间：45分钟。</p>
                        <p>活动材料：纸、笔、网络/图书资源。</p>
                        <p>活动步骤：</p>
                        <p>1.导入活动：教师简要介绍心理学的概念及其在民航服务中的重要性。</p>
                        <p>2.分组讨论：将学生分成若干小组，每组4～5人，每组选择心理学的一个时期或一个重要心理学家来进行研究。</p>
                        <p>3.资料收集：学生需要在有限的时间内（如15分钟）利用网络或图书资源收集到相关的信息，信息可以包括该时期的重要发现、理论、心理学家的贡献等。</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">003</li>
                </ul>
                <div class="bodystyle">
                    <div class="bk">
                        <p>4.时间线创建：每组用纸和笔来创建时间线并展示。它可以包括重要的日期、发现及心理学家的照片等。</p>
                        <p>5.展示与分享：每组轮流向班级展示他们的时间线，并分享他们的发现。</p>
                        <p>6.总结与反思：在所有的组都展示完后，教师可以指导学生进行全班讨论，帮助他们总结心理学的发展和它在民航服务中的应用。</p>
                    </div>
                    <div class="bj4-2">
                        <div class="fl al-c mb-10">
                            <img class="w20" alt="" src="../../assets/images/qjzx.png" />
                            <p class="td-0"><b style="color: #5192C6">平安是烦琐之外的“小体谅”</b></p>
                        </div>
                        <p class="block">
                            “能不能不脱外套？不是很方便。”在安全门外，周女士有些尴尬地问前门检查员小张。小张回复道：“不好意思女士，您的大衣较厚，为了确保安全，需要彻底地检查，请您配合我们的工作。如果确有不便，还请您移步至我们的特别检查室。”
                        </p>
                        <p class="block">
                            据了解，早在3年前，为向旅客提供更加舒适、温馨的过检环境，重庆江北机场安全检查站重新装饰了特别检查室，并在室内配备了便于安全检查或化解尴尬的助行器、义肢检查袋、毛毯、梳妆台等。特别是随着季节的变化，旅客出行的衣着也随之发生改变。然而为确保安全，在检查过程中难免会有脱衣、脱鞋等检查流程，为了充分尊重旅客的隐私，重庆江北机场安全检查站再次梳理流程，在日常检查中遇到旅客提出要单独检查时，可在烦琐之外有“小体谅”，让旅客移步至特别检查室进行检查，切实履行“平安最大”的服务职责。
                        </p>
                        <p class="block">
                            人们都希望得到他人的尊重，尤其是年长及有特殊情况的旅客更在乎别人对他们的态度。有时一个简单的称呼、一句不经意的话，如果使用不当，就会引发旅客的对立情绪。所以，尊重旅客，不仅是礼貌服务的要求，还是完美服务的体现。本案例中的机场工作人员，在服务过程中切实从旅客的需求出发，能够为特殊旅客做好服务，在尊重特殊旅客需求的同时，及时顾及旅客的心理需要和感受。
                        </p>
                        <p class="block">
                            心理学在社会中运用得颇为广泛，在各行各业中所发挥的作用也很明显。例如，在管理心理学中，管理者若会运用心理学理论，将大大提升员工的工作效率。同样，在民航服务中，我们若能懂得一些心理学知识，了解旅客的心理，并适时地将其运用于服务的每个环节乃至点滴工作中，会避免一些不必要的纠纷，从而为旅客提供更优质的服务。
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">004</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c003" class="w50 p-even">任务一<br />揭开心理学的神秘面纱</h3>
                    <div class="task ma-l"></div>
                    <p class="td-0 p-even mb-10"><span class="bj2 fz-20">任务单▼</span></p>
                    <div class="p-even">
                        <table border="" cellpadding="4" cellspacing="0"
                            style="border-color: #F89C1C !important; font-size: 14px;">
                            <tr class="table-th-bc">
                                <td class="wh-no">
                                    <p class=" left center">名称</p>
                                </td>
                                <td class="wh-no">
                                    <p class=" left center">内容</p>
                                </td>
                                <td class="wh-no">
                                    <p class=" left center">备注</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no center">
                                    <p class=" left center">任务目标</p>
                                </td>
                                <td class="">
                                    <p class="left">了解心理学的起源和发展；</p>
                                    <p class="left">了解心理学流派和相关观点；</p>
                                    <p class="left">了解心理学流派和相关观点；</p>
                                    <p class="left">能运用心理学分析民航服务中的心理现象，提高民航服务质量和乘客满意度；</p>
                                    <p class="left">提升批判性思维能力，能够对心理学理论和实践进行辩证思考；</p>
                                    <p class="left">提升职业道德素养，注重在民航服务过程中对乘客心理需求的关注和尊重。</p>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.one"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no center">
                                    <p class="left center">任务要点</p>
                                </td>
                                <td class="">
                                    <p class="left">心理学的产生和发展；</p>
                                    <p class="left">心理学的主要流派；</p>
                                    <p class="left">心理学的研究内容。</p>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.two"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no center">
                                    <p class="left center">任务实施</p>
                                </td>
                                <td class="">
                                    <p class="left">学习前查阅相关知识点;;</p>
                                    <p class="left">学习中积极参加课堂互动;</p>
                                    <p class="left">学习后巩固所学知识点，完成课后任务。</p>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.three"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="wh-no center">
                                    <p class="left center">任务运用</p>
                                </td>
                                <td class="">
                                    <p class="left">通过学习，明白每个乘客都有自己的独特心理需要和期望，作为民航工作者，我们应该运用心理学的知识来提高服务质量，满足乘客的需要。</p>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.four"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>

                            <tr class="table-tr-bc">
                                <td class="wh-no center">
                                    <p class="left center">任务反思</p>
                                </td>
                                <td class="">
                                    <p class="left">学习心理学的基本概念和理论使我对民航服务中的工作有了更深的认识。</p>
                                </td>
                                <td>
                                    <textarea v-model="questionData.table.five"
                                        class="w100 table-tr-bc b0 table-textarea "
                                        @change="setBookQuestion"></textarea>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <p><br></p>
                    <p class="td-0 p-even mb-10"><span class="bj2 fz-20">知识探究▼</span></p>
                    <p class="p-even">
                        自古以来，人类在探索自然界奥秘的同时，也在不断地探索人类自身的奥秘，尤其是心理的奥秘。随着社会的不断进步，物质生活的日益丰富，人们越来越关注精神世界，越来越关注人的个性、尊严和价值。而心理学的主要任务就是探索心理现象的发生、发展和变化的规律。
                    </p>
                    <div class="bj3-xyx ma-l ma-t-30">
                        <p class="td-0"><span class="bj3-xyx">想一想▼</span></p>
                        <p class="block td-0">心理学是如何产生和发展的？它和航空服务有什么关系？</p>
                        <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
                            class="fz-16 textarea-main" @change="setBookQuestion"></textarea>
                    </div>
                    <h4 class="p-even" id="d001"><span>一、</span><span>心理学的产生和发展</span></h4>
                    <p class="p-even">心理学是一门以解释、预测和调控人的行为为目的，通过研究、分析
                    </p>
                </div>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">005</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0 p-odd">
                        人的行为、揭示人的心理活动规律的科学。它兼有自然科学和社会科学的双重性质。由于人的心理活动是在头脑中产生的，因此它必然会受到生物规律的影响和支配；同时人是高度社会化的动物，一切活动都不能摆脱社会、文化方面的影响，因而心理学又具有社会科学的性质。
                    </p>
                    <h5 class="p-odd " id="e001">（一）心理学的产生</h5>
                    <p class="p-odd">
                        心理学是一门古老而又年轻的科学。从古代一直到19世纪中叶，心理学的知识融汇在哲学和神学的内容体系中，心理学家往往成了哲学家、神学家、医学家或其他科学家的另一个头衔。我国古代的有关哲学、医学、教育学和文艺理论等的许多著作，也蕴含着丰富的心理学内容。我国古代思想家墨翟、荀子、王充等人都有不少关于心理学的论述。例如，荀子在《天论》中提出“形具而神生”，认为精神现象是依赖形体而存在的。在欧洲，心理学的历史可以追溯到古希腊柏拉图（Plato）、亚里士多德（Aristotle）的时代。古希腊学者亚里士多德的著作《论灵魂》是历史上第一部论述心理现象的著作。
                    </p>
                    <p class="p-odd">在西方，从文艺复兴到19世纪中叶，哲学家一直把人的心理特性作为研究的对象。这段时期，英国的培根（Francis Bacon）、霍布斯（Thomas
                        Hobbs）、洛克（John
                        Locke）等人，以及18世纪末法国的百科全书派的思想家，都试图纠正中古时代被神学歪曲了的心理学思想，并赋予其科学的解释。</p>
                    <p class="p-odd">
                        19世纪中叶，生产力得到了进一步发展，自然科学也随之取得了长足的进步，科学的权威性在人们的头脑中逐步“生根”。这时，作为心理学孪生学科的生理学也接近成熟，心理学开始摆脱哲学的一般讨论而转向具体问题的研究，逐渐从哲学中分化出来。这种时代背景为心理学成为一门独立的学科奠定了基础。1879年，冯特（Wilhelm
                        Wundt）建立了第一个心理学实验室，这标志着科学心理学的诞生。19世纪末，心理学成为一门独立的学科。</p>
                    <h5 class="p-odd" id="e002">（二）心理学的发展</h5>
                    <p class="p-odd">
                        19世纪末至20世纪初，各流派在研究心理学的过程中都存在尖锐的分歧。各流派之间的纷争对心理学的发展起到了积极的作用。学者们或反对或继承冯特的思想，或独树一帜，自此，心理学领域出现了上百个流派，且遍布世界各地。
                    </p>
                </div>
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">006</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even">
                        经过一百多年的发展，心理学已具有了众多分支学科，形成了一个庞大的学科体系，如普通心理学、社会心理学、教育心理学、发展心理学、实验心理学、生理心理学、变态心理学、法律心理学、管理心理学、消费心理学、差异心理学、旅游心理学、广告心理学、营销心理学等。民航服务心理学，也属于这个学科体系。随着人类社会实践活动的发展，分工越来越细，心理学及其分支学科还会不断地增加。心理学研究的细化，可以帮助我们更好地描述心理现象和探索心理规律。
                    </p>
                    <p class="p-even">心理学在发展过程中，逐渐形成如下主要流派。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：心理学的流派 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="zt-h6 block p-even">1.构造主义心理学流派</p>
                    <p class="p-even">
                        构造主义心理学流派主要代表人物是冯特和他的学生铁钦纳（E.B.Titchener），构造主义心理学流派于1899年产生于德国，是自心理学独立后的第一个心理学流派。构造主义心理学派认为，心理学的研究对象是意识经验，即心理经验的构成元素及其结合的方式与规律，并主张心理学应该用实验内省法研究意识经验的内容或构造，找出意识的组成部分及它们结合成各种复杂心理过程的规律。
                    </p>
                    <p class="zt-h6 block p-even">2.行为主义流派</p>
                    <p class="p-even">
                        行为主义流派（又称早期行为主义流派）于1913年产生于美国，其创始人是华生（J.B.Watson）。这一流派不同意心理学探讨意识的观点，认为心理学是行为的科学，心理学的目的应是寻求预测与控制行为的途径。他们认为心理学应当研究“客观观察所能获得的并对所有的人都清楚的东西”，也就是人的行为，并提出“刺激—反应”（S-R）的行为公式。
                    </p>
                    <p class="p-even">
                        新行为主义流派的主要代表人物是托尔曼（E.C.Tolman）、赫尔（C.L.Hull）、斯金纳（B.F.Skinner）。新行为主义流派认为，有机体不是单纯地对刺激做出反应，它的行为总是趋向或避开一个目标。因此，他们在“刺激—反应”过程中，加进一个中介变量（O），使新行为主义的模式成为“S-O-R”。这是西方现代心理学的主要流派之一。
                    </p>
                    <p class="zt-h6 block p-even">3.格式塔流派或称完形流派</p>
                    <p class="p-even">该流派于1912年产生于德国，其创始人为韦特海默（M.Wertheimer）、考夫卡（K.Koffka）、苛勒（W.Kohler），后期代表
                    </p>
                </div>
            </div>
        </div>
        <!-- 7页 -->
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">007</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd td-0">
                        人物有勒温（K.Lewin）。这是西方现代心理学的主要流派之一。该学派反对构造主义的元素主义和行为主义的“S-R”公式，主张心理学应该研究意识的完形或整体结构，并认为整体不等于部分之和，意识不等于感觉、情感的元素的总和，行为也不等于反射弧的集合，思维也不是观念的简单联结。
                    </p>
                    <p class="zt-h6 block p-odd">4.精神分析流派或称心理分析流派</p>
                    <p class="p-odd">
                        精神分析流派产生于1900年，其创始人是奥地利精神病学医师、心理学家弗洛伊德（S.Freud）。这一流派的理论在20世纪20年代广为流传，颇具影响力。弗洛伊德认为，人的心理可以分为两部分：意识与潜意识。潜意识不能被意识到，它包括原始的盲目冲动、各种本能以及出生后被压抑的动机与欲望。弗洛伊德强调潜意识的重要性。他把人格分为本我、自我、超我三部分，其中本我与生俱来，包括先天本能与原始欲望；自我由本我分出，处于本我与外部世界之间，对本我进行控制与调节；超我是“道德化了的自我”，包括良知与理想两部分，主要职能是指导自我去限制本我的冲动。三者通常处于平衡状态，若平衡被破坏，就会导致精神疾病。
                    </p>
                    <p class="zt-h6 block p-odd">5.认知流派</p>
                    <p class="p-odd">
                        认知心理学始于20世纪50年代中期，60年代后迅速发展。1967年美国心理学家奈塞尔（U.Neisser）的《认知心理学》一书的出版，标志着这一流派理论的成熟。广义的认知心理学还应该包括皮亚杰（J.Piaget）的发生认识论。他把人的认识发展看成一种建构的过程，并仔细研究这一过程的发展阶段。狭义的认知心理学是指用信息加工的观点和术语解释人的认知过程的科学，因此，也叫信息加工心理学。
                    </p>
                    <p class="zt-h6 block p-odd">6.日内瓦流派</p>
                    <p class="p-odd">
                        日内瓦流派与瑞士心理学家、日内瓦大学心理学教授兼卢梭学院院长皮亚杰的名字分不开，日内瓦流派的研究侧重儿童智力发展的认知活动，皮亚杰以其创造性的研究影响了当代心理学界，他以儿童心智发展为基础，进而研究人类认知的发生和变化，创立了认识发展阶段理论。
                    </p>
                    <p class="p-odd">
                        日内瓦学派认为，心理学研究不仅不能离开生物学而且不能离开逻辑学，皮亚杰用符号逻辑研究儿童智力的发展，在其认知心理学中引入了数理逻辑的概念，并把源于布尔代数的符号逻辑作为一种工具。</p>
                </div>
            </div>
        </div>
        <!-- 8页 -->
        <div class="page-box" page="16">
            <div v-if="showPageList.indexOf(16) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">008</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="zt-h6 block p-even">7.人本主义心理流派</p>
                    <p class="p-even">
                        人本主义心理流派是由美国心理学家马斯洛（A.Malow）和罗杰斯（C.Rogers）于20世纪50年代末60年代初创建的。他们既反对精神分析流派贬低人性、把意识经验还原为基本驱力，又反对行为主义流派把意识看作副现象，认为人不是“较大的白鼠”或“较缓慢的计算机”，主张研究人的价值和潜能的发展。他们相信人的本质是善良的，人有自我实现的需要和巨大的心理潜能，只要有适当的环境和教育，人们就会完善自己、发挥创造潜能，达到某些积极的社会目的。为此，他们从探讨人的最高追求和人的价值角度，认为心理学应改变对一般人或病态人的研究，而成为研究健康人的心理学，揭示发挥人的创造性动机、展现人的潜能的途径。该流派被称为心理学的“第三势力”。
                    </p>
                    <h4 class="p-even" id="d002"><span>二、</span><span>心理学的研究内容</span></h4>
                    <h5 class="p-even" id="e003">（一）心理学的含义及研究内容</h5>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：心理学的研究内容 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '700cfdb8b85b372045b1e97e3356ae3a') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="p-even">心理学是研究人的心理现象发生、发展规律的一门科学。</p>
                    <p class="p-even">心理学所研究的心理现象，包括心理过程、心理状态和心理特征，意识活动和潜意识活动，常态心理和变态心理，个体心理和群体心理等。</p>
                    <p class="p-even">心理学包括如下研究内容。</p>
                    <p class="zt-h6 block p-even">1.心理过程</p>
                    <p class="p-even">
                        每一种心理现象从发生到发展再到结束的过程被称为心理过程。心理过程通常包括认知过程、情绪情感过程和意志过程。感觉、知觉、记忆、思维、想象等为认知过程；喜、怒、哀、乐、惧、恨，忧郁、美感、孤独感、理智感、自豪感、自卑感等为情绪过程；服从、决定、执行、控制、约束、努力等为意志过程。上述这些心理现象都有一定的心理操作的加工程序，因而被称为心理过程。
                    </p>
                    <p class="zt-h6 block p-even">2.心理状态</p>
                    <p class="p-even">
                        心理状态是人在一定时间内各种心理活动的综合表现，如注意、疲惫、紧张、轻松，悲伤、愉快等。它是心理过程的相对稳定状态，其持续时间可以是几小时、几天或几周。它既不像心理过程那样动态变化，也不像心理特征那样持久稳定。
                    </p>
                </div>
            </div>
        </div>
        <!-- 9页 -->
        <div class="page-box" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">009</li>
                </ul>
                <div class="bodystyle">
                    <p class="zt-h6 block p-odd">3.心理特征</p>
                    <p class="p-odd">心理特征是个体在社会活动中表现出来的比较稳定的特点。例如，有的人观察力敏锐、精确，而有的人观察力迟缓、粗略；有的人情绪稳定，而有的人情绪易波动等。</p>
                    <p class="zt-h6 block p-odd">4.意识</p>
                    <p class="p-odd">
                        意识是对个体自身、个体行为、个体周围环境的觉察。意识是大脑中进行的一种以信息流动、信息处理为主要形式的活动，在活动中有时也有肢体运动参与。意识使我们能够认识事物、评价事物，认识自身、评价自身，改变环境、改变自身。
                    </p>
                    <p class="zt-h6 block p-odd">5.潜意识</p>
                    <p class="p-odd">
                        潜意识是指潜隐在意识层面之下的、没有被觉知到的所有经验。无法回忆起的记忆或无法被理解的情绪常常属于潜意识。例如，你正要向你的家人介绍你的朋友，却突然忘记了朋友的名字。虽然你暂时忘记了，可事实上你并没有忘记，以后还会想起来。潜意识中的一些东西也会闯入意识之中，如失言、笔误等，就会把自己潜意识的愿望表露出来。而有意识的动作或经验又有可能在梦境、联想中表现为潜意识的东西。
                    </p>
                    <p class="zt-h6 block p-odd">6.个体心理</p>
                    <p class="p-odd">
                        个体心理是指个体在特定的社会组织中所表现出的心理现象和行为规律。个体心理主要包括个性心理发展的过程及个性心理特征的表现形式，社会认知的调整、需要和动机，以及动机的激发、态度的形成与改变、行为挫折与克服等内容。
                    </p>
                    <p class="zt-h6 block p-odd">7.群体心理</p>
                    <p class="p-odd">
                        群体心理是指普遍在其成员的头脑中存在的，反映群体社会状况的共同或不同心理状态与倾向。所有复杂的管理活动都涉及群体，如果没有群体成员间的协同努力，群体目标就难以实现。由于群体成员的相互影响的存在，这种状态与倾向已不是简单的个人特征，而是群体的特点。
                    </p>
                    <p class="p-odd">
                        群体心理与个体心理是密切关联的：一方面，没有个体心理，群体心理就没有基础；另一方面，个体作为群体的成员，其心理状况必定会受到群体心理倾向的感染与影响。例如，一个人心情不愉快时，欢快的群体心理气氛会使他受到感染，忘记烦恼。相反，如果群体有不良的心理氛围，
                    </p>
                </div>
            </div>
        </div>
        <!-- 10页 -->
        <div class="page-box" page="18">
            <div v-if="showPageList.indexOf(18) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">010</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even td-0">
                        如不信任、猜忌，这些特征最终也会投射到个体身上，成为个体的特点。
                    </p>
                    <p class="p-even">
                        因此，心理学是一门研究人的心理活动规律的科学。人的心理活动包括外显的行为和内隐的心理历程。心理学者尽可能地按照科学的方法，间接地观察、研究或思考人的心理过程（包括感觉、知觉、注意、记忆、思维、想象和言语等过程）是怎样的，人与人有什么不同，为什么会有这样和那样的不同，即人的人格或个性，包括需要与动机、能力、气质、性格和自我意识等，从而得出适用于人类的、一般性的规律，继而利用这些规律，更好地服务于人类的生产和实践活动。
                    </p>
                    <p class="p-even">
                        心理学研究的范围很广，除人的外显的行为和内隐的心理历程外，还包括部分生理过程，如神经系统尤其是脑机制和内分泌系统。心理学也研究动物心理，研究动物心理的主要目的是深层次地了解、预测人的心理的发生、发展的规律。
                    </p>
                    <h5 class="p-even" id="e003">（二）心理的实质</h5>
                    <p class="p-even">心理的实质是指心理是脑的机能，任何心理活动都产生于脑，即心理活动是脑的高级机能的表现。</p>
                    <p class="p-even">（1）大脑的结构</p>
                    <p class="p-even">
                        脑干，包括延脑、脑桥和中脑。延脑在脊髓上方，背侧覆盖着小脑。其作用为支配呼吸、排泄、吞咽等活动，延脑又叫“生命中枢”。脑桥在延脑上方，是中枢神经与周围神经之间传递信息的必经之路，它对人的睡眠有调节和控制作用。中脑位于丘脑底部，小脑和脑桥之间。
                    </p>
                    <p class="p-even">
                        间脑，包括丘脑和下丘脑。所有来自外界感觉器官的信息均通过丘脑导向大脑皮层，从而使个体产生视、听、触、味的感觉。丘脑对控制睡眠和觉醒有重要意义。下丘脑可通过植物性神经系统调节内脏活动，对维持体内平衡、控制内分泌系统腺体的活动有重要意义。
                    </p>
                    <p class="p-even">小脑，小脑表面有许多大致平行的线沟，沟间为叶片。小脑包括小脑皮层和髓质。小脑的作用主要是协助大脑维持身体的平衡与协调动作。</p>
                    <p class="p-even">
                        大脑的结构包括三大沟裂和四大叶。三大沟裂：中央沟、外侧裂和顶枕裂。四大叶：额叶、顶叶、枕叶和颞叶（图1-1）。大脑半球表面覆盖的大量神经细胞和无髓神经纤维，叫灰质，也就是大脑皮层。大脑半球内面
                    </p>
                </div>
            </div>
        </div>
        <!-- 11页 -->
        <div class="page-box" page="19">
            <div v-if="showPageList.indexOf(19) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">011</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd td-0">的大量神经纤维的髓质，叫白质。大脑还有联系左右脑的胼胝体。</p>
                    <p class="center openImgBox"><img class="w80" alt="" src="../../assets/images/0021-1.jpg" /></p>
                    <p class="img">图1-1 大脑的结构</p>
                    <p class="p-odd">（2）大脑的分区和机能</p>
                    <p class="p-odd">1909年，布鲁德曼（Brodmann）将大脑皮层分成初级感觉区、初级运动区、言语区和联合区。</p>
                    <p class="p-odd">
                        初级感觉区，包括视觉区、听觉区和机体感觉区。视觉区，第17区，产生初级视觉；听觉区，第41、第42区，产生初级听觉；机体感觉区，第1、第2、第3区，产生触压觉、温度觉、痛觉、运动觉和内脏感觉。躯干、四肢在体感区的投射关系是左右交叉、上下倒置。
                    </p>
                    <p class="p-odd">初级运动区，主要指第4区，其功能是发出动作指令，支配和调节身体在空间的位置、姿势及身体各部分的运动。</p>
                    <p class="p-odd">
                        言语区，主要定位于大脑左半球。其中有一个言语运动觉布罗卡区，即布鲁德曼的第44、第45区。这个区域损坏会引发运动失语症。韦尼克区是一个言语听觉中枢，这个区域损伤将会引起听觉失语症。</p>
                    <p class="p-odd">联合区，主要包括感觉联合区、运动联合区和前额联合区。</p>
                    <p class="p-odd">大脑的左右半球的功能是不同的。左半球主要负责语言功能，负责言语、阅读、书写、数学运算和逻辑推理。右半球则主要负责知觉物体的空间关系、情绪、欣赏音乐和艺术等。</p>
                    <p class="p-odd">边缘系统，主要包括扣带回、海马回、海马沟及其附近的大脑皮层。边缘系统与动物本能和记忆有关。</p>
                </div>
            </div>
        </div>
        <!-- 12页 -->
        <div class="page-box" page="20">
            <div v-if="showPageList.indexOf(20) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">012</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="bj4">
                        <div class="bj4-xyx">
                            <p class="td-0 mr-0"><span class="bj4-xyx">相关链接▼</span></p>
                        </div>
                        <p class="center"><b>斯金纳的经典反射实验</b></p>
                        <p class="block">
                            美国心理学家斯金纳，创立了条件反射实验，又称操作性条件反射。斯金纳将饥饿的白鼠置于箱中，起初白鼠在箱中胡乱碰撞，偶尔碰到或踩到杠杆，自动装置就送来食物。经过多次重复，白鼠的适应动作得以强化。白鼠反复地尝试错误，最后形成自动地踩压杠杆的条件反射就是操作性条件反射。
                        </p>
                    </div>
                    <p class="zt-h6 block p-even">2.心理的实质</p>
                    <p class="p-even">如下两个方面构成了心理的实质。</p>
                    <p class="p-even">第一，心理是脑的机能。</p>
                    <p class="p-even">
                        法国哲学家笛卡儿（R.Descartes）提出了反射概念。他认为动物和人的一切不随意活动都是对外界刺激的自动反应，这种反应就是反射。后来俄国生理学家谢切诺夫（Sechenov）出版《大脑反射》一书，正式提出了反射学说。他说：“有意识的和无意识的一切活动，就其发生的方式而言，都是反射。”
                    </p>
                    <p class="p-even">
                        按照产生的条件，反射可以分为非条件反射和条件反射。非条件反射是个体在种系发展过程中遗传下来的神经通路，不需要后天的学习和训练，只要有相应的刺激就会引起个体规律性的反应。非条件反射有大脑皮层以下的神经中枢参与即可完成，如食物反射、防御反射、抓擦反射等。条件反射是个体在生活过程中后天获得的反射。它是在大脑皮层中实现的。比如，人在吃酸枣时会分泌唾液，这是非条件反射，但每次吃酸枣时都感知到了酸枣的形状、颜色和味道，经过多次的结合，后来只要一看到或想到酸枣就会分泌唾液，这就是条件反射。条件反射是心理活动产生的生理基础。
                    </p>
                    <p class="p-even">第二，心理是脑对客观现实的反映。</p>
                    <p class="p-even">
                        人的心理现象，不论是简单的，还是复杂的，都是人脑对客观现实的反映。客观现实是指人所处的自然环境、社会生活、家庭与学校的教育影响以及其他人的言语和行为等。科学心理学认为，社会生活对人的心理起着决定作用，仅仅有高度发达的大脑并不能保证人的心理的发生和发展。
                    </p>
                    <h4 class="p-even" id="d003"><span>三、</span><span>心理学的研究目标</span></h4>
                    <p class="p-even">心理学研究的最终目标是，用研究成果为人类实践服务，并丰富、完
                    </p>

                </div>
            </div>
        </div>
        <!-- 13页 -->
        <div class="page-box" page="21">
            <div v-if="showPageList.indexOf(21) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">模块一</li>
                    <li class="headerText">从“心”开始，开启旅程</li>
                    <li class="headerNumber">013</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd td-0">
                        善本学科的体系内容。具体来说，心理学研究的内容是：心理与脑的关系，即脑如何产生心理；客观现实与心理的关系，即客观现实转化成心理的方式和途径；心理过程与个性心理的关系，即二者如何相互影响；心理与活动的关系，即活动如何影响心理发展变化及心理如何调节、支配活动。因此，心理学既是一门理论学科，也是一门应用学科，包括理论心理学与应用心理学两大领域。
                    </p>
                    <p class="p-odd">
                        心理学研究涉及知觉认知、情绪、人格、行为和人际关系等许多领域，也与日常生活的许多领域，如家庭、教育、健康等密切相关。心理学一方面尝试用大脑运作机制来解释个体基本的行为与心理机能；另一方面，也尝试解释个体心理机能在社会行为与社会动力系统中扮演的角色。同时它也与神经科学、医学、生物学等科学有关，因为这些科学所探讨的生理作用会影响个体的心智。心理学通过这些研究揭示其中的规律，为人类实践活动服务。
                    </p>
                    <p class="p-odd">
                        总而言之，心理学是研究人的行为与心理活动规律的科学。简单地说，心理学就是通过统计的方法，找到人的某种行为与某种心理活动的相关联系，将这种联系加以总结，最终使所得的结论服务于应用心理学。近年来，心理学迅速发展，心理学的研究领域日渐扩大，它正在成长为一棵枝叶繁茂的科学大树，实现人对心理活动的有效调节，提高人类的生活质量。
                    </p>
                    <p><br></p>
                    <div class="bj4">
                        <div class="bj4-xyx">
                            <p class="td-0"><span class="bj4-xyx">相关链接▼</span></p>
                        </div>
                        <p class="center"><b>心理健康的标准</b></p>
                        <p class="block">1986年，郭念锋先生在《临床心理学导论》一书中，提出了评估心理健康水平的十条标准。</p>
                        <p class="block">
                            （1）周期节律性。人的心理活动在形式和效率上都有着自己内在的节律性，比如白天思维清晰，注意力高，适于工作；晚上能进入睡眠，以便养精蓄锐，第二天有精力工作。如果一个人每到晚上就睡不着觉，那表明他的心理活动的固有节律处在紊乱状态。
                        </p>
                        <p class="block">
                            （2）意识水平。意识水平的高低，往往以注意力水平为客观指标。如果一个人不能专注于某种工作，不能专注于思考问题，经常开小差或者因注意力分散而出现工作上的差错，就有可能存在心理健康方面的问题了。
                        </p>
                        <p class="block">
                            （3）暗示性。易受暗示性的人，往往容易受周围环境影响引起情绪的波动和意志的</p>

                    </div>
                </div>
            </div>
        </div>
        <!-- 14页 -->
        <div class="page-box" page="22">
            <div v-if="showPageList.indexOf(22) > -1">
                <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
                    <li class="header-left-Number">014</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="bj4-1">
                        <p class="block td-0">
                            动摇，有时表现为意志力薄弱。他们的情绪和思维很容易随环境变化，精神活动具有不太稳定的特点。
                        </p>
                        <p class="block">
                            （4）心理活动强度。这是指对于精神刺激的抵抗能力。一种强烈的精神打击出现在面前，抵抗力差的人往往容易遗留下后患，可能因一次精神刺激而患上反应性精神病或癔症，而抵抗力强的人虽有反应但不得病。
                        </p>
                        <p class="block">
                            （5）心理活动耐受力。这是指人的心理对于现实生活中长期反复出现的精神刺激的抵抗能力。这种慢性刺激虽不是一次性的强大、剧烈刺激，但久久不消失，几乎每日每时都要缠绕着人。</p>
                        <p class="block">
                            （6）心理康复能力。由于人们各自的认识能力不同，人们各自的经验不同，从一次打击中恢复过来所需要的时间也会有所不同，恢复的程度也有差别。这种从创伤刺激中恢复到往常水平的能力，被称为心理康复能力。
                        </p>
                        <p class="block">
                            （7）心理自控力。情绪的强度、情感的表达、思维的方向和过程都是在人的自觉控制下实现的。当一个人身心十分健康时，他会十分自如，情感的表达恰如其分，词令通畅、仪态大方，既不拘谨也不放肆。
                        </p>
                        <p class="block">（8）自信心。一个人是否有自信心是心理健康的一个标准。自信心实质上是一种自我认知和思维的分析综合能力，这种能力可以在生活实践中逐步提高。</p>
                        <p class="block">
                            （9）社会交往。一个人与社会中其他人的交往，也往往标志着一个人的精神健康水平。当一个人严重地、毫无理由地与亲友断绝来往，或者变得十分冷漠时，这就构成了精神病症状，叫作接触不良。一个人如果过分地进行社会交往，也可能处于一种躁狂状态。
                        </p>
                        <p class="block">（10）环境适应能力。环境就是人的生存环境，包括工作环境、生活环境、工作性质、人际关系等。人不仅能适应环境，而且可以通过实践和认识去改造环境。</p>
                    </div>
                    <p class="td-0 p-even mb-10"><span class="bj2 fz-20">思考与练习▼</span></p>
                    <p class="p-even">1.心理学是如何产生的？</p>
                    <p class="p-even">
                        <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
                            @change="setBookQuestion"></textarea>
                    </p>
                    <p class="p-even">2.心理学的研究目标是什么？</p>
                    <p class="p-even">
                        <textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%;" class="fz-16 textarea-main"
                            @change="setBookQuestion"></textarea>
                    </p>
                    <p><br></p>
                    <div class="bk1 fl">
                        <p class="bj2-qjms fl al-c"><span class="span-text">视频库</span><span class="span-svg"><svg t="1729840629103"
                                class="icon" viewBox="0 0 1365 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                p-id="34778" xmlns:xlink="http://www.w3.org/1999/xlink" width="42.65625" height="32">
                                <path
                                    d="M531.117831 720.79677l341.333334-170.641145a42.673047 42.673047 0 0 0 0-76.566472L531.117831 303.20323a42.673047 42.673047 0 0 0-61.814665 38.130103v341.333334a42.673047 42.673047 0 0 0 61.814665 38.130103zM1237.724282 0H127.612523A128.376452 128.376452 0 0 0 0.001736 128.580629V895.317282a128.019142 128.019142 0 0 0 127.610787 128.682718h1110.111759a128.427496 128.427496 0 0 0 127.610787-128.682718V128.580629a127.968097 127.968097 0 0 0-127.610787-128.580629zM255.988974 895.572504a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V811.094163a42.417826 42.417826 0 0 1 43.081402-43.132446h84.580429a42.417826 42.417826 0 0 1 42.979313 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.081401 42.979313H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V469.607697a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429A42.417826 42.417826 0 0 1 255.988974 469.607697z m0-341.333334a42.46887 42.46887 0 0 1-43.081401 43.081402H128.429232a42.46887 42.46887 0 0 1-43.081402-43.081402V128.427496a42.366781 42.366781 0 0 1 43.081402-43.081402h84.580429a42.417826 42.417826 0 0 1 42.979313 43.081402z m768.012762 725.748069H341.335069V85.346094H1023.950691v853.307812z m255.987238-43.081402a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V811.094163a42.46887 42.46887 0 0 1 43.081401-43.132446h84.58043a42.46887 42.46887 0 0 1 43.030357 43.132446z m0-341.333333a42.46887 42.46887 0 0 1-43.132446 43.081401h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081401V469.607697a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z m0-341.333334a42.46887 42.46887 0 0 1-43.132446 43.081402h-84.529385a42.417826 42.417826 0 0 1-43.030357-43.081402V128.427496a42.417826 42.417826 0 0 1 43.081401-43.081402h84.58043a42.417826 42.417826 0 0 1 43.030357 43.081402z"
                                    fill="#61C29C" p-id="34779"></path>
                            </svg></span></p>
                        <div class="fl jc-fs fw-w">
                            <div style="width: 200px; height: auto; margin: 0 10px;"
                            v-for="(item, index) in chapter001.videoMd5" :key="index">
                            <video webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                                controlslist="nodownload" class="video-border w100" :src="item.handleMd5"></video>
                            <div class="fl al-c">
                                <p class="td-0" style="font-size: 10.5px;">微课小课堂：{{ item.name }}</p>
                                <el-tooltip class="item" effect="dark" :content="item.isCollectVideo ? '点击取消' : '点击收藏'"
                                    placement="top-start">
                                    <img :src="collectResourceList.findIndex(citem => citem.id == item.md5) > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn1" @click="handleCollect(item)" />
                                </el-tooltip>
                            </div>
                        </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            collectResourceList: [],
            showQuestionAnswer: false,
            p_md5: '',
            isFocused: null,
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
            },
            questionData: {
                isComplete: false,
                table: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                reading: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                dropdownChoiceData: {
                    isComplete: false,
                    value: { // 直接使用userAnswer来存储用户的选择  
                        userAnswer: "",
                        answer: "B",
                        isRight: null,
                    },
                },
            },
            chapter001: {
                videoMd5: [
                    {
                        isCollectVideo: false,
                        handleMd5: "",
                        md5: '7454A10BD25ED828FF31D0702DA63D55',
                        name: '什么是心理健康',
                    },
                    {
                        isCollectVideo: false,
                        handleMd5: "",
                        md5: 'E4AC28F178D660E96355C17E6F283E66',
                        name: '心理健康的10条标准',
                    }
                ]
            },
        }
    },
    async mounted() {
        const bookQuestion = localStorage.getItem("civilAviatyonSevervices-book-chapter01-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const choiceQuestion = localStorage.getItem("civilAviatyonSevervices-book-chapter01-Data");
        if (choiceQuestion) {
            this.chapterData = JSON.parse(choiceQuestion);
        }

        const videoData = localStorage.getItem("civilAviatyonSevervices-book-chapter001");
        if (videoData) {
            this.chapter001 = JSON.parse(videoData);
        }
        this.getVidoePath();
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
            );
            for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
                const item = this.chapter001.videoMd5[index];
                if (item.md5 && !item.md5.includes('https:')) {
                    item.handleMd5 = await getResourcePath(item.md5);
                }
            }
        },
        setBookQuestion() {
            localStorage.setItem(
                "civilAviatyonSevervices-book-chapter01-question-one",
                JSON.stringify(this.questionData)
            );
        },
        handleChapterData() {
            localStorage.setItem(
                "civilAviatyonSevervices-book-chapter01-Data",
                JSON.stringify(this.chapterData)
            );
        },
        handleChapter001() {
            localStorage.setItem(
                "civilAviatyonSevervices-book-chapter001",
                JSON.stringify(this.chapter001)
            );
        },
        handleFocus(id) {
            this.isFocused = id; // 当textarea聚焦时，设置为true  

        },
        handleBlur() {
            this.isFocused = null; // 当textarea失去焦点时，设置为false  
        },

        handleCollect(e) {
            if (e.md5) {
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handleChapter001();
            this.handleChapterData();
        },
        //资源收藏事件
        // resourcePath  文件路径，
        // resourceType  文件类型
        // source        文件来源
        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
            let list = this.collectResourceList
            if (list.findIndex(item => item.id == id) > -1) {
                list = list.filter(item => item.id != id)
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                })
            }
            this.collectResourceList = list
            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
        }
    }
}
</script>

<style lang="less" scoped>
.table-p {
    font-size: 16px !important;
    line-height: 20px !important;
}

.imgBox {
    display: flex !important;
    flex-direction: column-reverse !important;
    position: relative !important;

    .img {
        margin: 0 !important;
        font-size: 14px !important;
        position: absolute !important;
        left: 35% !important;
        bottom: -2% !important;
    }

    img {
        height: 80%;
    }
}

.choice {
    padding: 0% !important;
}
</style>