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

litian

2024-12-30 739e4c590b6b058149ee909e77d2077fffda262f

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

 src/books/aviationEtiquette/assets/images/yemei.png

 src/books/aviationEtiquette/assets/images/yemei01.png

 src/books/aviationEtiquette/assets/images/yemei02.png

 src/books/aviationEtiquette/assets/main.less

@@ -118,6 +118,10 @@
        font-size: 14px !important;
    }

    .fz-15 {
        font-size: 15px !important;
    }

    .fz-16 {
        font-size: 16px !important;
    }
@@ -160,6 +164,10 @@

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

    .jc-sb {
        justify-content: space-between;
    }

    .jc-fs {
@@ -230,6 +238,9 @@
        padding-left: 80px;
    }

    .pad-r-80 {
        padding-right: 80px;
    }

    .mb-45 {
        margin-bottom: 45px;
@@ -246,7 +257,7 @@
    .headerText {
        font-size: 12px;
        padding: 0 8px;
        color: #B98C64;
        color: #B1BEDE;
    }

    .headerNumber {
@@ -257,18 +268,60 @@
    }

    .header-left-Number {
        color: #231F20;
        font-size: 12px;
        color: #728DC0;
        font-size: 17px;
        padding-right: 8px;
        border-right: 1px solid #000;

        .span-box-title {
            margin: 0 5px;
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: #728DC0;
        }
    }

    .header-left-text {
        margin-left: 8px;
        font-size: 12px;
        color: #fff;
        background-color: #0082D4;
        text-align: right;
    }

    .header-right-Box {
        color: #728DC0;
        font-size: 17px;
        padding-right: 8px;

    }

    .header-right-Number {
        background-color: #92B0D5;
        color: #fff;
        // font-size: 17px;
        padding-right: 8px;

        img {
            height: 16.8px;
        }
    }

    .header-right-title {
        padding-left: 20px;
        border-radius: 10px 0px 0px 10px;
    }

    .header-right-last {
        background-color: #B799B6; 
        padding-left: 20px; 
 
    }

    .header-right-end {
        background-color: #738DC0;
        padding-left: 50px;
  
    }


    table {
        border-color: none !important;
@@ -338,11 +391,11 @@
    }

    .p-odd {
        padding-right: 8%;
        padding-right: 1%;
    }

    .p-even {
        padding-left: 8%;
        padding-left: 1%;
    }

    .p-continued {
@@ -863,12 +916,11 @@
        margin: 15px;
    }


    div.bodystyle {
        font-family: 'FZLTXIHJW';
        font-size: 18px;
        text-align: justify;
        margin: 10%;
        margin: 0 10%;
        padding-bottom: 80px;
        line-height: 30px;
    }

@@ -1066,7 +1118,7 @@
        line-height: 2em;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 1.8em;
        font-size: 2em;
        margin-bottom: 1em;
        margin-top: 1em;
    }
@@ -1110,24 +1162,22 @@
        text-align: center;
    }


    h2 {

        font-family: 'FZLTZHJW';
        color: #6A80B9;
        font-weight: bold;
        font-weight: 100;
        text-align: left;
        font-size: 1.6em;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        margin-left: 4em;
        margin-bottom: 1.5em;
        margin-left: 2.5em;
    }

    h3 {
        font-family: 'FZLTZHJW';
        font-weight: bold;
        font-weight: 100;
        text-align: left;
        font-size: 1.4em;
        font-size: 1em;
        color: #EEAF68;
        margin-top: 2em;
        margin-bottom: 1.5em;
@@ -1138,7 +1188,7 @@
    h4 {
        font-family: 'FZHTJW';
        color: #697DB8;
        font-weight: bold;
        font-weight: 100;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.1em;
@@ -1159,8 +1209,8 @@

        font-family: "楷体";
        color: #000000;
        margin-bottom: 0.5em;
        margin-top: 1em;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
        font-size: 1.15em;
        text-indent: 2em;
    }
@@ -1331,29 +1381,49 @@
        font-size: 1.2em;
    }

    div.bk {
        border: 2px dotted #FAAE72;
        padding: 3px 10px 3px 10px;
        margin-top: 2em;
        margin-bottom: 1em;

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

        p {
            font-family: ZHONGDENGXIAN;
        }

        span {
            font-family: ZHUNYUAN;
        }
    }



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

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

    .span-text {
        font-size: 16px;
        font-weight: 100;
        padding: 0em 0.15em 0em 0.3em;
    }


    .bj {
        background-color: #E1E7F3;
@@ -1384,24 +1454,70 @@
        border: 3px solid #93A8D5;
        padding: 0.2em 1em 0.2em 1em;
        border-radius: 1em;
        box-shadow: 0.5em 0.5em 0px 0px #DCDDDF;
        margin-top: 2em;
        margin-bottom: 1.5em;
    }

    .zt-zysx {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #24b8bc;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px;
        font-size: 1.2em;
        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }

    .zt-zysx1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: 100;
        padding: 4px;
        font-size: 1em;
    }

    .zt-zysx2 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #0071BD;
        font-size: 1.2em;
    }

    .zt-1 {
        color: #6F84AF;
        font-weight: bold;
        font-size: 1.1em;

    }

    div.bj3 {
        background-color: #DED5E8;
        padding: 0.2em 0.2em 0.2em 0.2em;
        padding: 1em 1em 1em 1.5em;
        border-radius: 1em;
        margin-bottom: 0.2em;
        margin-bottom: 0.1em;
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -1.4em;
        margin-top: -0.5em;
    }

    span.bj3-xyx {
        background-color: #92B03D;
        color: #FFFFFF;
        border-radius: 5px;
        padding: 5px 10px 5px 10px;
        font-size: 1em;
        font-weight: bold;

    }

    div.bj3-xyx {
        position: absolute;
        top: -15px;
        left: -25px;

    }



@@ -1417,7 +1533,6 @@

    div.bk1 {
        margin-top: -2em;
        margin-bottom: 1.5em;
        margin-left: -1.6em;
    }

@@ -1534,30 +1649,12 @@
    }

    .zysx {
        margin-top: -2.2em;
        margin-top: -1.2em;
        margin-left: -2em;
    }


    .zt-zysx {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #24b8bc;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 4px;
        font-size: 1.2em;
        box-shadow: 0.2em 0.2em 0px 0px #c1e3e4;
    }

    .zt-zysx1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        background-color: #96A7D5;
        border-radius: 1.5em;
        color: #FFFFFF;
        font-weight: bold;
        padding: 6px;
        font-size: 1.2em;
        p {
            margin: 0 !important;
        }
    }

    .zt-zysx2 {
@@ -1591,7 +1688,7 @@
    }

    .h3-zt1 {
        padding: 0.5em;
        padding: 0.25em;
        background-color: #EEAF68;
        color: #FFFFFF;
    }
@@ -1599,7 +1696,7 @@
    .h3-bk {
        border: 1px solid #EEAF68;
        margin: 5em 5em 5em 0em;
        padding: 0.5em 1.5em 0.5em 1em;
        padding: 0.2em 1em 0.2em 0.4em;
        border-radius: 0em 1em 1em 0em;
    }

@@ -1612,14 +1709,13 @@


    .tp-3 {
        margin-top: -5em;
        margin-left: -25em;
        margin-top: -4.5em;
        margin-bottom: 1em;
    }


    .rwmb-4 {
        height: 5em;
        height: 2.5em;
    }


@@ -1749,7 +1845,7 @@
}

@media (max-width: 660px) {
    .civilServices-book {
    .aviationEtiquette-book {

        /* 分页padding */
        .padding-93 {
@@ -1794,7 +1890,7 @@
}

@media (min-width: 660px) {
    .civilServices-book {
    .aviationEtiquette-book {
        .padding-93 {
            padding: 0 93px 0px 93px;
        }

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

@@ -3,47 +3,46 @@
    <!-- 1页 -->
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
          <li class="header-left-Number">01</li>
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerText">1</li>
          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
        </ul>
        <div class="bodystyle">
        <div class="bodystyle p-even">
          <h1 id="a005">
            <span class="h1-bj">模块一</span
            ><span class="h1-bk">民航礼仪与服务能力认知</span>
            <span class="h1-bj">模块一</span><span class="h1-bk">民航礼仪与服务能力认知</span>
          </h1>
          <h2 id="b001">项目一　礼仪认知</h2>
          <div class="tp-3">
            <p class="center">
            <p class="tl-f td-0">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　项目描述　■</span></p>
            </div>
            <p>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              “提升服务素质，优化服务水平，提升服务质量，给旅客带来良好的乘机体验，提升企业品牌影响力……”李丽经常听到航司人力资源部经理和老师跟同学们谈到这个话题。服务礼仪是服务质量的重要组成，是服务能力的重要体现。民航专业学生要知礼、守礼、懂礼、用礼，通过礼仪体现思想道德水平、文化修养、交际交往能力，体现民航企业的文化内涵、职业道德。那么礼仪到底是什么呢？请学习者通过本项目的学习，了解礼仪的起源、发展、内涵及本质，理解礼仪的特征并在自身的学习和未来的工作中进行合理有效的运用。
            </p>
          </div>
          <div class="bk">
            <div class="bk1">
              <p><span class="bj1">■　礼在身边　■</span></p>
            </div>
            <p class="bj1-qjms fl al-c">
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="center"><span class="cs1">曾子避席</span></p>
            <p>
            <p class="fz-15">
              仲尼居，曾子侍。子曰：“先王有至德要道，以顺天下，民用和睦，上下无怨。汝知之乎？”曾子避席曰：“参不敏，何足以知之？”
            </p>
            <p>译文：</p>
            <p>
            <p class="fz-15">译文：</p>
            <p class="fz-15">
              曾子是孔子的一个弟子，有一次他在孔子身边侍坐，孔子就问他：“以前的圣贤之王有至高无上的德行、精要奥妙的理论，用来教导天下之人，人们就能和睦相处，君王和臣下之间也没有不满，你知道它们是什么吗？”曾子听了，明白孔子是要指点他最深刻的道理，于是立刻从坐着的席子上站起来，恭恭敬敬地说道：“我不够聪明，哪里能知道？还请老师把这些道理教给我。”
            </p>
          </div>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                  <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -57,19 +56,18 @@
    <!-- 2页 -->
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerText">2</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10">2</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
        <div class="bodystyle p-odd">
          <h3 id="c001">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">礼仪起源认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">礼仪起源认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的五种起源说。</p>
@@ -100,10 +98,13 @@
    <!-- 3页 -->
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <ul class="fl al-c pad-t-55 pad-l-80 mb-45">
          <li class="header-left-Number">模块一</li>
          <li class="header-left-text">民航礼仪与服务能力认知</li>
          <li class="header-left-Number">3</li>
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number">3</li>
          <li class="header-right-Number"><img class=""  src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <h6 id="f004">4.礼为人性和环境矛盾的产物</h6>
@@ -136,23 +137,22 @@
    <!-- 4页 -->
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">4</li>
          <li class="headerText">民航礼仪与服务能力认知</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
        <ul class="fl al-c jc-sb pad-t-55 pad-l-80 pad-r-80">
          <li class="header-left-Number">
               <span class="mr-10">4</span>
               <span><span class="span-box-title"></span>民航服务礼仪<span class="span-box-title"></span></span>
          </li>
          <li class="header-left-text">
            <img class="w80" src="../../assets/images/yemei01.png" alt="" />
          </li>
        </ul>
        <div class="bodystyle">
          <p>确立了中国“礼仪之邦”的历史地位。</p>
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -167,9 +167,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -202,8 +201,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c002">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">礼仪内涵认知</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">礼仪内涵认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解“礼”和“仪”在不同方面的寓意。</p>
@@ -240,11 +238,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">6</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -273,9 +267,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -296,8 +289,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c003">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">礼仪特征认知</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">礼仪特征认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的六大特征。</p>
@@ -329,11 +321,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">8</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h4 id="d008">四、差异性</h4>
@@ -367,9 +355,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -380,8 +367,7 @@
            </div>
          </div>
          <h3 id="c004">
            <span class="h3-zt1">任务4</span
            ><span class="h3-bk">礼仪原则认知</span>
            <span class="h3-zt1">任务4</span><span class="h3-bk">礼仪原则认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的五大原则。</p>
@@ -398,9 +384,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -424,11 +409,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">10</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -484,9 +465,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -524,11 +504,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">12</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>2.下面有关“礼”的内在含义说法正确的是（　　）。（多选题）</p>
@@ -578,7 +554,7 @@
          <h2 id="b002">项目二　民航服务意识认知</h2>
          <div class="tp-3">
            <p class="center">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
              <img class="img-b" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <div class="bk">
@@ -600,9 +576,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -612,8 +587,7 @@
            </div>
          </div>
          <h3 id="c005">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">理解民航服务的内涵及特征</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">理解民航服务的内涵及特征</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.理解民航服务的含义。</p>
@@ -628,11 +602,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">14</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h4 id="d016">一、民航服务的含义</h4>
@@ -674,9 +644,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -724,11 +693,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">16</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>（5）是否具有“来的都是客”、一视同仁的平等意识。</p>
@@ -760,9 +725,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -782,8 +746,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c006">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">理解民航服务的现状</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">理解民航服务的现状</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民航服务的现状及服务质量问题产生的原因。</p>
@@ -798,9 +761,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -817,9 +779,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -835,11 +796,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">18</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h5 id="e009">（二）市场意识不足</h5>
@@ -861,9 +818,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -890,9 +846,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -906,9 +861,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -921,8 +875,7 @@
            一些民航企业和员工的服务意识淡薄，缺乏服务责任心，这样很难有效提升民航服务的整体水平。加强民航服务人员“以旅客为中心”的服务理念，形成机场围绕飞机转、飞机围绕市场转、市场围绕旅客转的良性循环模式，是不断提升民航服务质量的基础。
          </p>
          <h3 id="c007">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">理解主动服务的重要性</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">理解主动服务的重要性</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解主动服务的内涵。</p>
@@ -941,11 +894,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">20</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -965,9 +914,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1034,19 +982,14 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">22</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1076,9 +1019,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1132,18 +1074,12 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">24</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p><span class="bj2">·触礼旁通·</span></p>
          <p class="center">
            <span class="cs1"
              >“这张照片对于我来说太珍贵了！谢谢，谢谢你，姑娘”</span
            >
            <span class="cs1">“这张照片对于我来说太珍贵了！谢谢，谢谢你，姑娘”</span>
          </p>
          <p>
            当代表永恒爱情的玫瑰花经由久经岁月沧桑的双手递到对面那双手上时，一生挚爱的两位老人紧紧相拥，万米高空上的所有人共同见证了这场感人的爱情故事。
@@ -1154,9 +1090,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1170,9 +1105,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1235,12 +1169,8 @@
      <div v-if="showPageList.indexOf(32) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">26</li>
          <li class="headerText">■ 民航服务礼仪 ■</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <li class="headerText">民航服务礼仪</li>
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h2 id="b003">项目三　民航人员应具备的能力</h2>
@@ -1278,9 +1208,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1301,8 +1230,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c008">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">民航员工工作职责认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">民航员工工作职责认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民用航空人员的概念。</p>
@@ -1349,11 +1277,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">28</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -1418,11 +1342,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">30</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>根据工作区域不同，机场安检员的主要职责如下。</p>
@@ -1502,9 +1422,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1521,16 +1440,11 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">32</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h3 id="c009">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">民航员工基本能力认知</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">民航员工基本能力认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民用航空人员应具备的通用能力。</p>
@@ -1550,9 +1464,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1607,19 +1520,14 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">34</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1663,9 +1571,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1697,11 +1604,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">36</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -1714,9 +1617,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1759,9 +1661,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1796,11 +1697,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">38</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -1842,9 +1739,8 @@
          <div class="bk2">
            <div class="zysx">
              <p>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span
                ><span class="zt-zysx1">之</span
                ><span class="zt-zysx1">问</span>
                <span class="zt-zysx1">寻</span><span class="zt-zysx1">礼</span><span class="zt-zysx1">之</span><span
                  class="zt-zysx1">问</span>
              </p>
            </div>
            <div class="bj3">
@@ -1881,11 +1777,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">40</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>
@@ -1929,8 +1821,7 @@
            全美航空1549航班两台发动机被鸟击以后，在完全失去动力的情况下飞行员靠飘降成功迫降至哈德逊河面上，155人全部生还。这虽然证明了机长拥有精湛驾驶技术，但不可否认的是，在迫降以后机舱内的疏散工作全部是由乘务员组织完成的，他们以极其专业的素养与团队精神，将全部旅客安全疏散。当时舱内共有三名乘务员，两名乘务员在客舱前部迅速引导旅客撤离，一名在客舱尾部努力引导旅客向机舱前部运动（因为飞机尾部在水中吃水很深，要是任何一个后门被打开，河水会很快进入舱内，飞机可能不会漂浮那么长时间）。在三名乘务员默契的配合下，155名旅客全部生还，而且没有遭受重大伤害。
          </p>
          <h3 id="c010">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">民航员工基本能力实训</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">民航员工基本能力实训</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.通过训练培养亲和力。</p>
@@ -1955,11 +1846,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">42</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h5 id="e029">（三）口型对照法</h5>
@@ -2037,11 +1924,7 @@
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerNumber">44</li>
          <li class="headerText">民航服务礼仪</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/headerlogo.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
        </ul>
        <div class="bodystyle">
          <p>（5）常常在别人说话之前就知道他要说什么。</p>

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

@@ -53,7 +53,7 @@
    computed: {
      fontSize() {
        this.transformDom(this.$store.state.qiankun.fontSize)
        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 18;
        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 16;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
@@ -102,7 +102,6 @@
      // 默认加载章节
      this.showCatalogList = [1];
      // 滚动监听节流
      debugger
      this.throttledScrollHandler = _.throttle(
        this.scrollFun,
        this.throttleThreshold,
@@ -217,8 +216,6 @@
            event.target.scrollHeight - this.loadThreshold
          ) {
            console.log(1);
  
            debugger
            // 到达阈值
            if (
              this.showCatalogList[this.showCatalogList.length - 1] <