Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-10-25 ffb938e7a65c0dab30dd8ed00a13c68dcf7bd77c

Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

 src/App.vue

@@ -71,7 +71,7 @@
      process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "mathBook")
          : "civilAviationServices")
      );

      // this.activeBook = await this.config.getBookConfig(

 src/books/civilAviation/view/components/index.vue

@@ -914,7 +914,6 @@
    },
    //其他类名下字体大小变化
    transformDom(fs) {
      console.log('字体大小',fs);
      if(!fs) return
      let doms = (
        this.container ? this.container : document

 src/books/civilAviationServices/assets/images/headerlogo.png

 src/books/civilAviationServices/assets/images/icon/heart-check.png

 src/books/civilAviationServices/assets/images/icon/heart.png

 src/books/civilAviationServices/assets/main.less

@@ -11,11 +11,15 @@
        background-color: #fff;
    }

    .c-g{
    .wh-no {
        white-space: nowrap;
    }

    .c-g {
        color: green;
    }

    .c-r{
    .c-r {
        color: red;
    }

@@ -24,10 +28,14 @@
    }

    .mr-0 {
        margin: 0 !important;
        margin: 0;
    }

    .mt-20 {
        margin-top: 20px !important;
    }

    .mt-30 {
        margin-top: 30px;
    }

@@ -35,9 +43,17 @@
        margin-bottom: 10px;
    }

    .mb-30 {
        margin-bottom: 30px !important;
    }

    .ma-l {
        margin-left: 10%;
    }

    .pd-5 {
        padding: 0 5px;
      }
    }

    .w100 {
        width: 100%;
@@ -45,6 +61,10 @@

    .w80 {
        width: 80%;
    }

    .w20 {
        width: 20%;
    }

    .fz-13 {
@@ -63,6 +83,9 @@
        font-size: 18px !important;
    }

    .fz-20 {
        font-size: 20px ;
    }

    .img-0 {
        width: 100%;
@@ -77,7 +100,7 @@
    }

    .td-0 {
        text-indent: 0em;
        text-indent: 0em !important;
    }

    .fl {
@@ -90,6 +113,14 @@

    .ju-ev {
        justify-content: space-evenly;
    }

    .jc-fs{
        justify-content: flex-start;
    }

    .fw-w{
        flex-wrap: wrap;
    }

    .fd-c {
@@ -116,7 +147,7 @@
        justify-content: center;
    }

    .jc-sa{
    .jc-sa {
        justify-content: space-around
    }

@@ -132,9 +163,18 @@
        padding-top: 55px;
    }

    .ma-t-30 {
        margin-top: 30px;
    }

    .pad-l-60 {
        padding-left: 60px;
    }

    .pad-l-80 {
        padding-left: 80px;
    }


    .mb-45 {
        margin-bottom: 45px;
@@ -171,12 +211,46 @@
        background-color: #0082D4;
    }

    .table-tr-bc {
        color: #fff;
    table {
        border-color: none !important;
    }

    .table-th-bc {
        background-color: #FEDDB4;
        color: #000;
    }

    .table-tr-bc {
        background-color: #FEF4E4;
        color: #000;
    }

    .table-textarea {
        font-size: 14px;
        font-family: "Times New Roman", "宋体";
        resize: none;

        &:focus {
            outline: none;
        }
    }

    .textarea-box {
        border: none;
        text-align: center;
        width: 84px;
        height: 36px;
        overflow: auto;
        word-break: break-all;
        resize: none;
    }

    .b0 {
        border: 0;
      }

    .task {
        width: 12%;
        width: 16%;
        margin-bottom: 5em;
        margin-top: 0;
        border-top: 0.7em solid #5192C6;
@@ -189,6 +263,7 @@
    .p-even {
        padding-left: 10%;
    }


    .img-float {
        width: 310px;
@@ -332,12 +407,12 @@
        margin-bottom: 18px;
    }

    // 题目
    .textarea-box {
    // 题目}

    .textarea-main{
        background-color: transparent;
        margin-left: 80px;
        max-width: 85%;
        min-width: 85%;
        max-width: 95%;
        min-width: 95%;
        outline: none;
    }

@@ -395,7 +470,57 @@

    .event-header-text-bc {
        background-color: #bbd4ec;
    }

    .video-box{ 
        margin: 20px 0 20px 10% ;
        border: 1px dashed #895B2E;
        padding: 2% 2%;
    }

    .videoname {
        display: flex;
        justify-content: center;
      }
    
      .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-top: 0.8%;
      }
      .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
      }

    .unitImg{
        position: relative;
        z-index: 1;
    }
    .unitBox{
        z-index: 99;
        position: absolute;
        top: -5px;
        left: 40px;
    }
    .unitGraphic{
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #5192C6;
        border-radius: 50%;
        margin-right: 15px;
    }
    .unitText{
        color: #5192C6;
        font-size: 18px;
    }


    // 迁移
    .bk-bwh {
@@ -667,7 +792,7 @@
    p {
        font-family: "宋体";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        margin-bottom: 0.2em;
        text-indent: 2em;
        line-height: 30px;
        // font-size: 18px;
@@ -695,8 +820,14 @@
        text-indent: 0em;
    }

    .left{
    .left {
        text-indent: 0em;
        margin: 0 !important;
        line-height: 20px;
    }

    .left3 {
        margin: 20 0 0 0 !important;
        line-height: 20px;
    }

@@ -769,9 +900,8 @@
    h2 {
        font-family: 'FZLTZHJW';
        line-height: 2em;
        font-weight: bold;
        font-weight: 400;
        color: #5192C6;
        font-size: 1.3em;
        margin-bottom: 0.5cm;
        margin-top: 0.5cm;
    }
@@ -779,8 +909,8 @@
    h3 {
        font-family: 'FZHTJW';
        color: #5192C6;
        font-weight: 300;
        font-size: 1.2em;
        font-weight: 500;
        font-size: 1.6em;
        margin-top: 1.5em;
        margin-bottom: 5px;
        text-indent: 0em;
@@ -799,13 +929,12 @@

    h5 {
        font-family: 'FZHTJW';
        color: #5192C6;
        text-align: left;
        font-weight: 400;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        font-size: 0.9em;
        text-indent: 0em;
        font-size: 18px;
        text-indent: 2em;
    }

    h6 {
@@ -819,12 +948,10 @@
    }

    .zt-h6 {

        font-family: 'FZHTJW';
        color: #65C097;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.15em;
        margin-top: 0.5em;
        font-weight: 100;
        text-indent: 2em;
    }

@@ -924,7 +1051,7 @@
    }

    .zt-ls1 {
        color: #000;
        color: #1B7EBF;
        font-size: 16px;
        font-weight: bold;
    }
@@ -957,46 +1084,77 @@
    }

    .h2-zt1 {
        padding: 5px 25px 5px 25px;
        border-radius: 10px 0px 0px 10px;
        background-color: #5392C7;
        font-size: 1.2em;
        color: #FFFFFF;
        padding: 5px 5px 5px 0px;
        color: #5192C6;
    }

    .h2-zt2 {
        padding: 10px;
        background-color: #B1DDE0;
        margin-right: 2em;
        color: #FFFFFF;
        padding: 5px 50px 5px 25px;
        border-radius: 0px 5px 80px 0px;
        font-size: 1.2em;
        color: #5192C6;
        padding: 5px 5px 5px 25px;
    }

    .bk {
        border: 0.15em dotted #5593C6;
        border: 0.15em dashed #5593C6;
        padding: 0.5em;
        margin-bottom: 2em;
        margin-top: 0.5em;
        border-radius: 1em;
        border-radius: 0em;
        position: relative;
    }

    .bk1{
        border: 0.15em dashed #CBE6D3;
        padding: 1.5em 5px;
        margin-bottom: 2em;
        margin-top: 0.5em;
        border-radius: 0em;
        position: relative;
    }


    p.bj1-qjms {
        background-color: #5392C7;
        color: #FFFFFF;
        background-color: #fff;
        color: #5192C6;
        display: inline-block;
        font-size: 1em;
        padding: 0.1em 0.7em 0.12em 0.7em;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -2em;
        top: -1.2em;
    }

    p.bj2-qjms {
        background-color: #fff;
        line-height: 20px;
        color: #61C29C;
        font-size: 1.4em;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -1em;
        left: 1em;
    }

    .span-box {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #5192C6;
    }

    .span-text {
        padding: 0em 0.15em 0em 0.3em;
    }
    .span-svg{
        padding: 0.1em 0.15em 0em 0.3em;
    }

    .bj {
@@ -1005,11 +1163,10 @@
    }

    .bj2 {
        background-color: #3D8B9F;
        padding: 0.2em 0.8em 0.2em 0.8em;
        font-size: 1.3em;
        background-color: #5192C6;
        padding: 0.2em 0.1em 0.2em 0.1em;
        font-weight: bold;
        border-radius: 0.5em;
        border-radius: 0.2em;
        color: #FFFFFF;
    }

@@ -1024,31 +1181,29 @@
    span.bj3-xyx {
        background-color: #F5A101;
        color: #FFFFFF;
        box-shadow: 0.3em 0.3em 0px 0px #FDF0D8;
        border-radius: 1.5em;
        padding: 5px 20px 5px 20px;
        font-size: 1em;
        border-radius: 10px;
        padding: 5px 10px 5px 10px;
        font-weight: bold;

        position: absolute;
        top: -15px;
    }

    div.bj3-xyx {
        margin-top: -3em;
        margin-bottom: 1.5em;
        margin-left: -3em;
        background-color: #FEDDB4;
        border-radius: 10px;

        padding: 5% 5%;
        position: relative;
        // margin-top: -3em;
        // margin-bottom: 1.5em;
        // margin-left: -3em;
    }

    .ts-1 {
        font-weight: bold;
    }

    .zt-h4 {
        background-color: #F0BD40;
        padding: 10px;
        color: #FFFFFF;
        margin-left: -2em;
        border-radius: 1.5em;
    }


    .qyls-h4 {
        font-family: "HiFont Hei GB";
@@ -1060,21 +1215,42 @@
    }

    .bj4 {
        background-color: #D7E2F0;
        padding: 10px 20px;
        background-color: #CBE6D3;
        padding: 30px 15px 10px 15px;
        border-radius: 0.1em;
        margin-bottom: 2em;
        margin-bottom: 1em;
        margin-top: 1em;
        position: relative;
    }

    .bj4-1 {
        background-color: #CBE6D3;
        padding: 10px 15px 10px 15px;
        border-radius: 0.1em;
        margin-bottom: 3em;
        margin-top: 1em;
        position: relative;
    }

    .bj4-2{
        background-color: #D7E2F0;
        padding: 30px 15px 10px 15px;
        border-radius: 0.1em;
        margin-bottom: 1em;
        margin-top: 1em;
        position: relative;
    }

    div.bj4-xyx {
        font-size: 18px;
        color: #fff;
        line-height: 20px;
        padding: 12.5px 15px 12.5px 15px;
        padding: 1px 10px 1px 8px;
        margin-right: 10px;
        background-color: #5192C6;
        border-radius: 5px;
        background-color: #61C29C;
        border-radius: 10px;
        position: absolute;
        top: -15px;
    }

    .bj4-xyx-icon {
@@ -1254,6 +1430,11 @@
    }
}

// 表格样式
table {
    border-collapse: collapse; //表格的边框合并，如果相邻，则共用一个边框。
    border-spacing: 0px; //设置行与单元格边框的间距。
}

@font-face {
    font-family: 'FZLTZHJW';
@@ -1314,12 +1495,18 @@
        .img-float {
            width: 130px;
        }

        .img-rights {
            width: 130px;
        }
        .btn-w{

        .btn-w {
            width: 42px;
        }
        .unitText{
            color: #5192C6;
            font-size: 10px;
        }
    }
}


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

@@ -0,0 +1,797 @@
<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  mb-10"><span class="bj2 fz-20">思考与练习▼</span></p>
                    <p class="">1.心理学是如何产生的？</p>
                    <p class="">
                        <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="">2.心理学的研究目标是什么？</p>
                    <p class="">
                        <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="34" height="40">
                                    <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 5px;"
                                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: 12px;">微课小课堂：{{ 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>

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

@@ -15,41 +15,43 @@
        <!-- 介绍页面 -->
        <div class="page-box" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <div style="max-width: 400px; margin: 0 auto; padding: 10% 0; font-size: 16px;">
                <div style="max-width: 400px; margin: 0 auto; padding: 10% 0; ">
                    <hr />
                    <p><b>图书在版编目（CIP）数据</b></p>
                    <p>民航服务心理与实务/贺继明，何梅主编.—2版.—北京：北京师范大学出版社，2024.8</p>
                    <p>ISBN 978-7-303-29413-8</p>
                    <p>Ⅰ.①民… Ⅱ.①贺…②何… Ⅲ.①民用航空-旅客运输-商业心理学-高等职业教育-教材 Ⅳ.①F560.9</p>
                    <p>中国国家版本馆CIP数据核字（2023）第203791号</p>
                    <p class="left3 block mr-0">民航服务心理与实务/贺继明，何梅主编.—2版.—北京：北京师范大学出版社，2024.8</p>
                    <p class="left3 block">ISBN 978-7-303-29413-8</p>
                    <p class="left3 block mt-20">Ⅰ.①民… Ⅱ.①贺…②何… Ⅲ.①民用航空-旅客运输-商业心理学-高等职业教育-教材 Ⅳ.①F560.9</p>
                    <p class="left3 block">中国国家版本馆CIP数据核字（2023）第203791号</p>
                    <hr />
                    <p><br /></p>
                    <p class="left mr-0">教材意见反馈　zhijiao@bnupg.com</p>
                    <p class="left mr-0">营销中心电话　010-58802755 58800035</p>
                    <p class="left mr-0">编 辑 部 电 话　010-58802751</p>
                    <p><br /></p>
                    <p><br /></p>
                    <p class="left block">教材意见反馈　zhijiao@bnupg.com</p>
                    <p class="left block">营销中心电话　010-58802755 58800035</p>
                    <p class="left block">编 辑 部 电 话　010-58802751</p>
                    <hr />
                    <p class="left">MINHANG FUWU XINLI YU SHIWU</p>
                    <p class="left">出版发行：北京师范大学出版社 www.bnupg.com</p>
                    <p class="left">　　　　　北京市西城区新街口外大街12-3号</p>
                    <p class="left">　　　　　邮政编码：100088</p>
                    <p class="left">印　　刷：唐山市玺诚印务有限公司</p>
                    <p class="left">经　　销：全国新华书店</p>
                    <p class="left">开　　本：889mm×1194mm　1/16</p>
                    <p class="left">印　　张：13</p>
                    <p class="left">字　　数：199千字</p>
                    <p class="left">版　　次：2024年8月第2版</p>
                    <p class="left">印　　次：2024年8月第1次印刷</p>
                    <p class="left">定　　价：45.00元</p>
                    <p class="left block">MINHANG FUWU XINLI YU SHIWU</p>
                    <p class="left block">出版发行：北京师范大学出版社 www.bnupg.com</p>
                    <p class="left block">　　　　　北京市西城区新街口外大街12-3号</p>
                    <p class="left block">　　　　　邮政编码：100088</p>
                    <p class="left block">印　　刷：唐山市玺诚印务有限公司</p>
                    <p class="left block">经　　销：全国新华书店</p>
                    <p class="left block">开　　本：889mm×1194mm　1/16</p>
                    <p class="left block">印　　张：13</p>
                    <p class="left block">字　　数：199千字</p>
                    <p class="left block">版　　次：2024年8月第2版</p>
                    <p class="left block">印　　次：2024年8月第1次印刷</p>
                    <p class="left block">定　　价：45.00元</p>
                    <hr />
                    <p class="left">策划编辑：王云英　　责任编辑：朱冉冉</p>
                    <p class="left">美术编辑：焦　丽　　装帧设计：焦　丽</p>
                    <p class="left">责任校对：陈　荟　　责任印制：马　洁　赵　龙</p>
                    <p class="center"><b>版权所有 侵权必究</b></p>
                    <p class="center"><b>反盗版、侵权举报电话：010-58800697</b></p>
                    <p class="center">北京读者服务部电话：010-58808104</p>
                    <p class="center">外埠邮购电话：010-58808083</p>
                    <p class="center">本书如有印装质量问题，请与印制管理部联系调换。</p>
                    <p class="center">印制管理部电话：010-58808284</p>
                    <p class="left block">策划编辑：王云英　　　　责任编辑：朱冉冉</p>
                    <p class="left block">美术编辑：焦　丽　　　　装帧设计：焦　丽</p>
                    <p class="left block">责任校对：陈　荟　　　　责任印制：马　洁　赵　龙</p>
                    <p class="center  mt-20"><b>版权所有 侵权必究</b></p>
                    <p class="left center"> <b>反盗版、侵权举报电话：</b><span class="block">010-58808104</span></p>
                    <p class="left center block ">北京读者服务部电话：010-58808104</p>
                    <p class="left center block">外埠邮购电话：010-58808083</p>
                    <p class="left center block">本书如有印装质量问题，请与印制管理部联系调换。</p>
                    <p class="left center block">印制管理部电话：010-58808284</p>
                </div>

            </div>
@@ -89,14 +91,15 @@
                            <p class="zt-hs1 td-0">（第 2 版）</p>
                        </div>
                    </div>
                    <p>《民航概论（第2版）》是在第1版的基础上，以习近平新时代中国特色社会主义思想和党的二十大精神为指导进行编写的，新版教材落实“立德树人”根本任务，遵循教材建设规律、职业教育教学规律，符合职业院校学生的认知特点。教材共分为五个项目，分别是走进航空业、认识民用航空器、领航与气象、空中交通管理、空港管理。新版教材有以下特点。
                    <p>本教材系职业教育航空运输类专业“产教融合”新形态教材之一，是国家示范性职教集团泛美航空职业教育集团和商用飞机行业产教融合共同体的产教深度融合的建设项目之一。本教材于2012年首次出版，于2014年获批“十二五”职业教育国家规划教材，2023年立项四川省“十四五”职业教育省级规划教材。
                    </p>
                    <p>第一，产教融合，双元开发。教材由四川西南航空职业学院组织编写，由泛美航空职教集团和商用飞机行业产教融合共同体合作完成，汇聚了中国民航大学、四川西南航空职业学院、成都航空职业技术学院的一线教师与中国商用飞机有限责任公司四川分公司、成都航空有限公司等企业专家，团队成员的丰富教学经验、学术造诣以及行业经验确保了教材的科学性、实用性与适用性。
                    <p>本教材在第一版的基础上修订，以习近平新时代中国特色社会主义思想和党的二十大精神为指导，落实立德树人根本任务，遵循教材建设规律、职业教育教学规律，符合职业院校学生的认知特点。教材共分为四个模块，分别是：模块一
                        从“心”开始，开启旅程；模块二 知己知彼，认识旅客；模块三 贴心服务，温暖旅客；模块四 提升素养，服务旅客。本教材有如下特点。</p>
                    <p>第一，校企合作，双元开发。本教材由四川西南航空职业学院组织编写，由泛美航空职业教育集团和商用飞机行业产教融合共同体合作完成，汇聚了中国民航大学、四川西南航空职业学院、成都航空职业技术学院的一线教师与中国商用飞机有限责任公司四川分公司、成都航空有限公司等企业专家，团队成员的丰富教学经验、学术造诣以及行业经验确保了教材的科学性、实用性与适用性。
                    </p>
                    <p>第二，思政融入，价值导向。教材全面落实课程思政的要求，通过学习民航发展历程和航空专业知识，培养学生崇尚宪法、遵纪守法、崇德向善、诚实守信、尊重生命、热爱劳动的品质，培养学生的社会责任感和社会参与意识；践行“忠诚担当的政治品格，严谨科学的专业精神，团结协作的工作作风，敬业奉献的职业操守”的当代民航精神；具有安全意识和良好的服务意识；引导学生树立正确的世界观、人生观和价值观。
                    <p>第二，思政融入，价值导向。教材全面落实课程思政的要求，通过展示民航服务过程中旅客和服务人员的心理规律及行为，培养学生崇尚宪法、遵纪守法、崇德向善、诚实守信、尊重生命、热爱劳动的品质，培养学生的社会责任感和社会参与意识；引导学生践行“忠诚担当的政治品格，严谨科学的专业精神，团结协作的工作作风，敬业奉献的职业操守”的当代民航精神；使学生具有安全意识和良好的服务意识；引导学生树立正确的世界观、人生观和价值观。
                    </p>
                    <p>第三，内容科学，体例创新。新版教材依据职业教育国家教学标准体系，对接职业标准和岗位能力要求，体现产业发展的新技术、新工艺、新规范、新标准，深入挖掘民航企业的实际工作需求和岗位要求，确保教材内容与实际岗位需要的无缝衔接。教材以项目任务为载体，体现了职业教育的类型特点；提供了大量的案例分析和实际情境，让学生能将所学理论更好地迁移到实际工作需求中。结合学生特点，编写力求文字简洁、通俗易懂。教材体现“贴近社会
                    </p>

                </div>
            </div>
        </div>
@@ -104,16 +107,18 @@
            <div v-if="showPageList.indexOf(6) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">020</li>
                    <li class="header-left-text">民航概论（第 2 版）</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">
                        生活、贴近工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”原则，注重学生职业核心能力的培养，体现“岗课赛证”融通的理念。</p>
                    <p>第四，资源丰富，新形态教材。在修订过程中，联合行业、企业专家，收集真实工作案例，配套丰富的教学资源。教材的设计和呈现充分体现职业教育新形态教材的理念，结合融媒体和数字化技术，适应学习者的需求。
                    <p>第三，内容科学，体例创新。本教材依据职业教育国家教学标准体系，对接职业标准和岗位能力要求，体现产业发展的新技术、新工艺、新规范、新标准，深入挖掘民航服务企业的实际工作需求和岗位要求，确保教材内容与当前民航服务岗位需要的无缝衔接。教材以项目任务为载体，体现了职业教育的类型特点；提供了大量的案例分析和实际情境，让学生能将所学的理论更好地迁移到实际工作需要中。结合学生特点，编者力求文字简洁、通俗易懂，设置了项目导入、心理沙龙、连线职场、任务单等环节，采用图表、图片等形式，增强内容的趣味性和易读性。
                    </p>
                    <p>第2版教材由魏全斌担任主编，负责整体思路的筹划，拟定具体的编写方案。裴明学、张义光、周伟、姚文琳担任副主编，王世群、徐丹参与编写。黄婉婷也对本教材的出版作出了贡献。中国民航大学张晓瑜对本教材进行了审读，成都航空有限公司高级技师、高级经济师彭强在本教材体现新技术、新工艺、新规范、新标准方面提供了优秀的建议，有效地保证了本教材的科学性、专业性、实用性、适用性，在此表示衷心的感谢。
                    <p>第四，资源丰富，是新形态教材。在修订过程中，编者联合行业、企业专家，收集真实工作案例，配备丰富的教学资源，体现了“岗课赛证”融通的理念。本教材在设计和呈现上充分体现了职业教育新形态教材的理念，结合融媒体和数字化技术，适应学习者的需求。
                    </p>
                    <p>本教材不仅适用于航空运输类相关专业教学，也可以作为航空公司的培训教材。受编者水平所限，教材难免存在一定不当之处，恳请广大读者提出宝贵意见，以便我们作进一步的修订完善。</p>
                    <p>本教材的编写凝聚了中国民航大学教授邹铁夫等一线教师和中国商用飞机有限责任公司四川分公司、成都航空有限公司服务管理中心副总经理马晶等交通运输行业的优秀技术专家的心血。本教材由魏全斌担任总主编，贺继明、何梅担任主编，负责整体筹划建设思路，拟定具体的编写方案。李玉龙、张博、李佳锐、向庆担任副主编，协助主编统筹安排，协调行业专家进行教材资源开发。本教材内容编写具体分工如下：项目一、项目二、项目三由周洁编写，项目四、项目五、项目六由张敏编写，项目七、项目八由李佳锐编写，项目九、项目十由刘阳编写。刘浩宇、李玥汐也对本教材的出版作出了贡献。
                    </p>
                    <p>本教材不仅适用于民航专业院校的教学，也可以作为航空公司的培训教材。本教材的编写得到了全国各大航空公司和机场服务知名企业的专家提供的优秀建议，这些建议有效地保证了本教材与民航服务企业的实际工作要求相吻合，在此表示衷心的感谢。
                    </p>
                    <p>由于编者水平有限，教材难免存在不足之处，恳请广大读者提出宝贵意见，以便我们进一步修订完善。</p>
                </div>
            </div>
        </div>
@@ -127,13 +132,11 @@
                            <p class="zt-hs1 td-0">（第 1 版）</p>
                        </div>
                    </div>
                    <p>《国家中长期教育改革和发展规划纲要（2010—2020年）》明确提出：中等职业教育与高等职业教育协调发展，构建现代职业教育体系。职业教育为社会、经济和人的发展服务成为职业教育理论工作者与实践工作者的共识。
                    <p>《中华人民共和国国民经济和社会发展第十四个五年规划和2035年远景目标纲要》明确提出：“突出职业技术（技工）教育类型特色，深入推进改革创新，优化结构与布局，大力培养技术技能人才。完善职业技术教育国家标准，推行‘学历证书+职业技能等级证书’制度。创新办学模式，深化产教融合、校企合作，鼓励企业举办高质量职业技术教育，探索中国特色学徒制。实施现代职业技术教育质量提升计划，建设一批高水平职业技术院校和专业，稳步发展职业本科教育。”2019年国务院发布的《国家职业教育改革实施方案》明确指出：“牢固树立新发展理念，服务建设现代化经济体系和实现更高质量更充分就业需要，对接科技发展趋势和市场需求，完善职业教育和培训体系，优化学校、专业布局，深化办学体制改革和育人机制改革，以促进就业和适应产业发展需求为导向，鼓励和支持社会各界特别是企业积极支持职业教育，着力培养高素质劳动者和技术技能人才。”
                    </p>
                    <p>近年来，随着社会、经济的进步，民航业得到空前的发展。民航业的大发展需要大量道德高尚、素质优良、技能娴熟的一专多能的人才。正因为如此，一批办学理念先进、教学与实习实训设备精良、师资力量雄厚的学校或专业应运而生，为促进民航业的发展作出了重要贡献。
                    <p>近年来，随着社会、经济的进步，民航业得到空前发展。民航业的发展需要大量品德高尚、素质优良、技能娴熟的一专多能的民航服务人才。正因为如此，一批办学理念先进、教学与实习实训设备精良、师资力量雄厚的民航服务类学校或专业应运而生，为促进民航服务业的发展做出了重要贡献。
                    </p>
                    <p>要培养高素质的人才，离不开高质量的学校，离不开高水平的教师，更离不开理念先进、内容丰富、形式新颖的精品教材。为此，我们组织全国行业职业教育教学指导委员会、全国中等职业教育教学改革创新指导委员会、职业教育教学研究机构的专家，全国近20家企业的行家以及具有丰富的教学与教材编写经验的优秀教师群策群力编写了本套教材。
                    </p>
                    <p>本套教材立足国内近20家企业相关工作岗位对人才素质与能力的要求，针对学生职业生涯发展的需求编写。在体系结构上，本套教材中的各册教材有机衔接，体系完整。在内容上，本套教材涵盖了典型工作任务，体现了“贴近社会生活、贴近工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”的特点，注重学生职业核心能力的培养。在形式上，本套教材按照“具体—抽象—实践”的逻辑顺序，设计了“相关链接”“想一想”“练一练”“思考与练习”等栏目，行文中图文并茂，突出了教材的可读性与互动性，既方便教师的教，也方便学生的学。本套教材既可供职业院校航空运输类专业学生使用，也可作为民航企业员
                    <p>要培养高素质的民航服务人才，离不开高质量的学校，离不开高水平的教师，更离不开理念先进、内容丰富、形式新颖的精品教材。为此，我们组织全国行业职业教育教学指导委员会、全国中等职业教育教学改革创新指导委员会、职业教育教学研究机构的专家、全国近20家民航服务企业的行家，以及具有丰富的民航服务专业教学与教材编写经验的优秀教师群策群力编写了本教材。
                    </p>
                </div>

@@ -142,22 +145,20 @@
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">020</li>
                    <li class="header-left-text">民航概论（第 2 版）</li>
                    <li class="header-left-Number">002</li>
                    <li class="header-left-text">民航服务心理与实务（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0">工培训教材或参考资料。</p>
                    <p>本教材由职业教育专家魏全斌担任主编，由陆建华、杨省贵、段剑锋、曾远志、张义光担任副主编。参加本教材编写的人员有：中国民航飞行学院陈新，四川西南航空专修学院刘桦、张菲菲、杨洪光、王建宽，成都航空旅游职业学校程冲、余磊等。全书由中国民航飞行学院杨省贵统稿。
                    <p>本教材立足国内近20家民航服务企业相关工作岗位对人才素质与能力的要求，针对民航服务专业学生职业生涯发展的需求编写。在内容上，本教材涵盖民航服务的典型工作任务，体现了“贴近社会生活、贴近民航服务工作实际、贴近学生特点”“与职业岗位对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”的特点，注重学生职业核心能力的培养。在形式上，本教材按照“具体—抽象—实践”的逻辑顺序，设计了“相关链接”“想一想”“读一读”“练一练”“思考与练习”等栏目，以图文并茂的方式突出了教材的可读性与互动性，既方便教师的教，也方便学生的学。本教材既可作为职业院校航空服务专业学生的教材，也可作为民航企业员工培训教材或参考资料。
                    </p>
                    <p>在编写本教材过程中，得到了上海机场贵宾服务公司总经理王培立、深圳宝安国际机场安检站站长赵萍、成都双流国际机场安检站副站长夏静、深圳航空公司维修工程部总经理助理王继营、四川新力航空技术有限公司（机务）总经理李元、一汽大众人力资源部部长卢荃等航空企业的专业的指导；吸纳了四川西南航空专修学院、成都航空旅游职业学校、成都礼仪职业中学、成都财贸职业中专学校、成都现代职业技术学校等职业院校骨干教师的宝贵建议；尤其是，由全国各大航空公司、机场服务企业知名的专家和领导组成的“职业院校航空服务专业教材建设企业专家指导委员会”的专家对教材的内容、编写体例等提供了大量的建议，有效地保证了本教材与民航服务企业的实际工作要求相吻合，在此一并表示衷心的感谢。在编写本教材的过程中，我们参阅了相关论著和资料，引用了一些最新的研究成果，但由于联系方式不准确等原因，未能一一征得原成果作者的同意，敬请原成果作者谅解并与我们联系，我们将奉寄稿酬和样书，并在重印或再版时根据原成果作者的要求进行相应的调整。
                    <p>本教材在编写过程中，得到了中国民用航空厦门安全监督管理局局长陈铁民、重庆江北国际机场安检站站长裴明学、厦门国际航空港股份有限公司副总经理兼安检护卫部经理张波等民航服务企业的行家，以及四川西南航空职业学院、成都泛美航空旅游中等职业技术学校的宝贵意见与建议。全国各大航空公司、机场服务企业知名专家领导对教材的内容、编写体例等提供了大量的建议，有效地保证了本教材与民航服务企业的实际工作要求相吻合，在此一并表示衷心的感谢。本教材由魏全斌担任主编，裴明学、雷朝晖、贺文宁、李琼担任副主编。在编写本教材的过程中，我们参阅了相关论著与资料，引用了一些最新的研究成果，但由于联系方式不准确，未能一一取得原成果作者的同意，敬请原成果作者谅解并与我们联系，并在重印或再版时根据原成果作者的要求进行相应的调整。
                    </p>
                    <p>教材中难免有不尽如人意之处，恳请广大读者提出宝贵的意见，以便我们修订时加以完善。</p>
                    <p>由于编者水平有限，教材中难免有不尽如人意之处，恳请广大读者提出宝贵意见，以便我们修订时加以完善。</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "pageHeader",

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

@@ -9,14 +9,14 @@
        transformOrigin: 'center top',
      }">
        <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
        <!-- <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne> -->
        <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
      </div>
    </div>
  </template>
  
  <script>
  import pageHeader from "./header.vue";
//   import chapterOne from "./chapter001.vue";
  import chapterOne from "./chapter001.vue";
  import NoteIcon from "@/assets/images/biji.png";
  import _ from "lodash";
  import Swiper from "swiper/bundle";
@@ -27,7 +27,7 @@
    name: "pageContent",
    data() {
      return {
        catalogLength: 1, // 总章节数
        catalogLength: 2, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -705,7 +705,7 @@
        // 所有章节组件（每本书制作时单独配置）
        const pageData = {
          pageHeader,
        //   chapterOne,
          chapterOne,
        };
        // 遍历所有章节文件
        for (const key in pageData) {
@@ -914,7 +914,6 @@
      },
      //其他类名下字体大小变化
      transformDom(fs) {
        console.log('字体大小',fs);
        if(!fs) return
        let doms = (
          this.container ? this.container : document
@@ -928,7 +927,7 @@
    },
    components: {
      pageHeader,
    //   chapterOne,
      chapterOne,
    },
  };
  </script>

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

@@ -862,15 +862,15 @@
                <img class="img-gn2" alt="" src="../../assets/images/hzjl.jpg" />
              </p>
            </div>
            <examinations :cardList="questionData[19] ? questionData[19][1] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
            <examinations :cardList="questionData[19] ? questionData[19][1] : []" :hideCollect="true" sourceType="json"
              inputBc="#d3edfa" v-if="questionData"></examinations>
          </div>
          <p class="left">
            <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
          </p>
          <div class="bj">
            <examinations :cardList="questionData[19] ? questionData[19][2] : []" :hideCollect="true" sourceType="json" inputBc="#d3edfa"
              v-if="questionData"></examinations>
            <examinations :cardList="questionData[19] ? questionData[19][2] : []" :hideCollect="true" sourceType="json"
              inputBc="#d3edfa" v-if="questionData"></examinations>
          </div>
        </div>
      </div>
@@ -1507,7 +1507,7 @@
              </span>
            </li>
          </ul>
          <div v-if="chapter001.isShowExample29" >
          <div v-if="chapter001.isShowExample29">
            <p>
              <span class="zt-ls2">解</span>在数轴上将集合A, B 表示出来,
              如图1-18所示.

 src/books/sportsAndHealth/view/components/chapter003.vue

@@ -1112,38 +1112,30 @@
              </div>
            </div>
          </div>

          <div class="bk-xyx">
            <div class="bj1-xyx publicxbc">注意事项</div>

            <p>1.抢进攻篮板球应有“冲抢”意识；抢防守篮板球应有“挡抢”意识。</p>
            <p>2.善于观察投篮未中时球反弹的方向及落点，及时抢占有利位置。</p>
          </div>

          <p class="zt-ls">（二）基本战术学练</p>
          <p class="zt-cs">夹击配合</p>

          <p>
            （1）战术方法
            两个防守者采取突然的行动，封堵和围守边角运球者或在边角停球者。
          </p>

          <span>
            （2）学练建议

            <p>
              ①半场三攻三防，对进攻方持球突破的队员，相邻防守队员协同进行夹击，另一人移动补防。
            </p>
            <p>②分成两组，做全场迎堵夹击练习。</p>
          </span>

          <div class="center openImgBox">
            <img class="img-c" alt="" src="../../image/0086-1.jpg" />
            <p class="img" style="color: #ac92c4; font-size: 14px">
              图3-1-13 夹击配合
            </p>
          </div>

          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -1316,7 +1308,6 @@
              </div>
            </div>
          </div>

          <div class="pdf-text">
            <div class="pdf-con pdf-con-15">
              <div class="pdf-view">
@@ -1332,11 +1323,9 @@
              </div>
            </div>
          </div>

          <h4 class="h4-dy3" id="d066">
            <span class="h4-dy3s">五</span>  训练专项体能
          </h4>

          <p>
            想要更好地发挥自己的水平，离不开专项体能的支撑。同学们需要不断地训练并提升自己的专项体能，为今后更好地参与篮球运动，乃至在职场中展现出更好的身体素质打牢基础。
          </p>