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

闫增涛

2025-03-26 cf6e9bcbfc64019bb14fb0964576ae3e3bd2fde5

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

 .env

@@ -1,6 +1,6 @@
VUE_APP_ENV = 'dev'
# VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_API_URL = "https://jsek.bnuic.com"
# VUE_APP_API_URL = "https://www.tepcb.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
VUE_APP_PUBLIC_PATH = '/books/book'

 .env.product

@@ -1,11 +1,8 @@
VUE_APP_ENV = 'product'
# VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_API_URL = "https://www.tepcb.com"
# VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
# VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/toddlerGameImplementation'
VUE_APP_API_URL = "https://jsek.bnuic.com"
VUE_APP_RESOURCE_CTX = 'https://jsek.bnuic.com/books/resource/'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/aviationEtiquette'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
VUE_APP_RESOURCE_CTX = 'https://www.tepcb.com/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/preschoolEvaluation'
VUE_APP_PUBLIC_PATH = 'https://www.tepcb.com/books/book/policiesAndRegulations'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/policiesAndRegulations"
VUE_APP_BOOK_ID = 'policiesAndRegulations'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/aviationEtiquette'
VUE_APP_BOOK_LIST = "childHealth/lifeCare/sportsAndHealth/embedded/english/artAndDance/artAndDrama/mathBook/botany/civilAviation/civilServices/meetingPlanners/aviationBasicSkills/aviationEtiquette/aviationSafety/toddlerGameImplementation/childcareInstitutionsManagement/preschoolGameGuidance/kindergartenLanguageActivity/preschoolEvaluation/preschoolBasicKnowledge"
VUE_APP_BOOK_ID = 'aviationEtiquette'

 src/App.vue

@@ -27,7 +27,11 @@
    </preschoolEvaluation>
    <preschoolBasicKnowledge v-if="activeBook.name == 'preschoolBasicKnowledge'"></preschoolBasicKnowledge> 
    <policiesAndRegulations v-if="activeBook.name == 'policiesAndRegulations'"></policiesAndRegulations> 
<<<<<<< HEAD
    <OralAndBroadcasting v-if="activeBook.name == 'OralAndBroadcasting'" ></OralAndBroadcasting>
=======
    <practicalCareChildrenManual v-if="activeBook.name == 'practicalCareChildrenManual'"></practicalCareChildrenManual>
>>>>>>> aaa13b34449445bdf7aa03d4a8fb3944b5250d6b
  </div>
</template>
<script>
@@ -79,6 +83,7 @@
    preschoolBasicKnowledge: ()=> import("./books/preschoolBasicKnowledge/view/index.vue"),
    policiesAndRegulations: ()=> import("./books/policiesAndRegulations/view/index.vue"),
    OralAndBroadcasting:()=> import("./books/OralAndBroadcasting/view/index.vue"),
    practicalCareChildrenManual: ()=> import("./books/practicalCareChildrenManual/view/index.vue")
  },
  data() {
    return {
@@ -129,12 +134,12 @@
      // preschoolEvaluation  // 学前教育评价
      // preschoolBasicKnowledge //学前教育基础知识
      // policiesAndRegulations  //政策法律与法规|旅游社
      console.log(1,process.env,process.env.VUE_APP_RESOURCE_CTX);
      // practicalCareChildrenManual // 婴幼儿照护实录
      this.activeBook = await this.config.getBookConfig(
        'http://182.92.203.7:3007/books/resource/' +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "OralAndBroadcasting")
          : "practicalCareChildrenManual")
      );

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

 src/assets/images/heart copy.png

 src/assets/images/heart-check copy.png

 src/assets/images/videoLogo.png

 src/assets/js/config.js

@@ -1,9 +1,9 @@
import axios from "axios";
// export const resourceCtx = "http://182.92.203.7:3007/books/resource/"; // 资源请求地址
export const resourceCtx = "https://www.tepcb.com/books/resource/"; // 资源请求地址
// export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 资源请求地址
// export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
// export const resourceCtx = "https://www.tepcb.com/books/resource/"; // 资源请求地址
export const resourceCtx = "https://jsek.bnuic.com/books/resource/"; // 资源请求地址
export const tinymceBaseUrl = 'https://jsek.bnuic.com/home/'
// export const tinymceBaseUrl = 'https://www.tepcb.com/home/'
export let activeBook = {}; // 资源请求地址
export let goodsStore = "";
// 请求教材配置信息
@@ -15,8 +15,8 @@
};
export const appId = 2;
export const requestTimeOut = 300000; // 请求超时时间
// export const tokenKey = "jsek-token";
export const tokenKey = "website-front-token"
export const tokenKey = "jsek-token";
// export const tokenKey = "website-front-token"

const config = {
  resourceCtx,

 src/books/aviationBasicSkills/assets/images/Cover.jpg

 src/books/aviationBasicSkills/assets/images/fengdi.png

 src/books/aviationEtiquette/assets/examinationList.js

New file
@@ -0,0 +1,33 @@
const testData = {
  2: {
    18: [152451, 152452, 152453, 152454, 152455, 152456, 152457, 152458],
    31: [152549, 152550, 152551, 152552, 152553, 152554, 152555, 152556],
  },
  3: {
    78: [
      152460, 152461, 152462, 152463, 152464, 152465, 152466, 152467, 152468,
      152469, 152470, 152471, 152472, 152473, 152474,
    ],
    94: [152475, 152476, 152477, 152478, 152479],
  },
  4: {
    108: [152480, 152481, 152487, 152488],
    117: [152482, 152483, 152484, 152485, 152486, 152489],
  },
  5: {
    134: [152559, 152560, 152561, 152562, 152563, 152564],
    140: [152494, 152495, 152496, 152497],
    152: [
      152498, 152499, 152500, 152501, 152502, 152503, 152504, 152505, 152506,
      152507,
    ],
  },
  6: {
    169: [
      152508, 152509, 152510, 152511, 152512, 152513, 152514, 152515, 152516,
      152517,
    ],
  },
};

export default testData;

 src/books/aviationEtiquette/assets/images/0129-1.jpg

 src/books/aviationEtiquette/assets/images/FD.jpg

 src/books/aviationEtiquette/assets/images/cbxx.jpg

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

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

 src/books/aviationEtiquette/assets/images/unitFive-01.png

 src/books/aviationEtiquette/assets/images/unitFive-02.png

 src/books/aviationEtiquette/assets/images/unitFour-01.png

 src/books/aviationEtiquette/assets/images/unitFour-02.png

 src/books/aviationEtiquette/assets/images/unitFour-03.png

 src/books/aviationEtiquette/assets/images/unitOne-01.png

 src/books/aviationEtiquette/assets/images/unitOne-02.png

 src/books/aviationEtiquette/assets/images/unitOne-03.png

 src/books/aviationEtiquette/assets/images/unitThree-01.png

 src/books/aviationEtiquette/assets/images/unitThree-02.png

 src/books/aviationEtiquette/assets/images/unitTwo-01.png

 src/books/aviationEtiquette/assets/images/unitTwo-02.png

 src/books/aviationEtiquette/assets/main.less

@@ -10,7 +10,8 @@
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }
    .foreword{

    .foreword {
        font-family: 'FZLTZHJW';
        font-weight: 300;
        font-size: 1.5em;
@@ -19,24 +20,28 @@
        margin-bottom: 0;
        text-indent: 0em;
    }
    .topBorder{
        width:120px;

    .topBorder {
        width: 120px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }
    .bottomBorder{
        width:180px;

    .bottomBorder {
        width: 180px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }

    input[type="radio"] {
        accent-color:#6E85AF !important;
        accent-color: #6E85AF !important;
        cursor: pointer;
    }

    input[type="checkbox"] {
        accent-color:#6E85AF !important;
        accent-color: #6E85AF !important;
        cursor: pointer;
    }

@@ -161,6 +166,9 @@
    td {
        padding: 5px 10px;
    }
    .c-p{
        cursor: pointer;
    }

    .fl {
        display: flex;
@@ -261,29 +269,29 @@
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .pNum{
        font-size:18px !important;

    .pNum {
        font-size: 18px !important;
        font-style: italic;
        font-family: "kaiti";
        padding-top:2px !important;
        padding-bottom:2px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .p-Num{
    .p-Num {
        background-color: #92B0D5;
        color: #fff;
        font-size: 14px;
        padding: 3px 0;
        padding-right: 8px;
        font-size: 18px;
        font-style: italic;
        font-family: "kaiti";
        padding-top:2px !important;
        padding-bottom:2px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }


    .cloud{
    .cloud {
        padding: 0px 8px 0 0 !important;
    }

@@ -350,18 +358,18 @@

    .header-right-last {
        font-size: 17px;
        background-color: #B799B6; 
        padding: 2px 0;
        padding-left: 20px; 
 
        background-color: #B799B6;
        padding: 1.5px 0;
        padding-left: 20px;

    }

    .header-right-end {
        font-size: 17px;
        background-color: #738DC0;
        padding: 2px 0;
        padding: 1.5px 0;
        padding-left: 50px;
  

    }


@@ -390,19 +398,20 @@
    }

    .textarea-box {
        width:88%;
        margin-left:2em;
        width: 88%;
        margin-left: 2em;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border:1px solid #738DC0;
        border: 1px solid #738DC0;
        border-radius: 5px;
        background-color:rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
    }
    .input-box{
        border:none;
        border-bottom:1px solid #333;
        background-color:rgba(255, 255, 255, 0);

    .input-box {
        border: none;
        border-bottom: 1px solid #333;
        background-color: rgba(255, 255, 255, 0);
        outline: none;
    }

@@ -650,12 +659,12 @@
        margin-bottom: 18px;
    }

    

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

        .img {
            margin: 0 !important;
            font-size: 14px !important;
@@ -664,7 +673,7 @@
            transform: translateX(-50%);
            bottom: -2% !important;
        }
    

        img {
            height: 80%;
        }
@@ -732,23 +741,24 @@
    }

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

    //视频  
    .video-box-cover {
        border: 1px dashed #895B2E;
        border: 1px dashed #6E85AF;
        padding: 2% 2%;
    }

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

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

@@ -1119,6 +1129,11 @@
        text-align: justify;
    }

    .t-al {
        text-align-last: justify;
    }


    .cover {
        width: 100%;
        padding: 0px;
@@ -1153,6 +1168,7 @@
        margin-left: 0%;
        margin-right: 0%;
    }

    .left3 {
        margin: 0 !important;
        line-height: 20px;
@@ -1406,7 +1422,8 @@
        font-size: 1.2em;
        padding: 25px;
        border: 4px dotted #197ABF;
        .block{

        .block {
            font-family: "kaiti";
        }
    }
@@ -1581,9 +1598,10 @@
        margin-left: -0.6em;
        margin-right: -0.6em;
        margin-top: -0.5em;
        

    }
    div.bj3 p{

    div.bj3 p {
        font-family: 'FangSong' !important;
    }

@@ -1622,7 +1640,7 @@
    }


    .bk-video{
    .bk-video {
        border: 0.15em dashed #92A1CB;
        padding: 1.8em 5px;
        margin-bottom: 2em;
@@ -1896,42 +1914,59 @@
@font-face {
    font-family: 'FZLTZHJW';
    src: url('./Fonts/FZLTZHJW.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'FZLTXIHJW';
    src: url('./Fonts/FZLTXIHJW.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'FZHTJW';
    src: url('./Fonts/FZHTJW.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'FANGSONG';
    src: url('./Fonts/fangSong.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'FANGZHENG';
    src: url('./Fonts/fangZheng.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'ZHUNYUAN';
    src: url('./Fonts/zhunyuan.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'ZHONGDENGXIAN';
    src: url('./Fonts/zhongdengxian.ttf');
  }
  
  @font-face {
}

@font-face {
    font-family: 'BOYA';
    src: url('./Fonts/boYa.ttf');
  }
}


.dialogQuestion {
    background-color: #6E85AF;
    height: 80px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    span {
        color: #fff;
        font-size: 20px;
        padding: 0 40px 0 20px;
        cursor: pointer;
    }
}

// 隐藏页面
.hidePage {
@@ -1940,10 +1975,153 @@
    box-shadow: none !important;
}


.pdfModal {
    width: 100%;
    height: 90vh;

    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;

        .preview {
            width: 100%;
            height: 100%;

            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }

            .imageBox:hover {
                cursor: zoom-in !important;
            }

            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);

                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';

                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }

                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                }
            }

            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;

                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }

                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }

        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}

.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;
    }

    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }

        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}

.examination {
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}


.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: 'FZLTXIHJW';

    span:nth-child(2):hover {
        cursor: pointer;
    }
}


.custom-dialog .el-dialog__header{
    background-color:#6E85AF  !important;
}

/* 媒体查询做基础响应式布局 */

@media screen and (max-width: 1024px) {
   

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
@@ -1952,7 +2130,7 @@
}

@media screen and (max-width: 800px) {
   


    .custom-dialog {
        .el-dialog {
@@ -1963,27 +2141,27 @@

@media (max-width: 660px) {
    .aviationEtiquette-book {
        .header-right-Number{
        .header-right-Number {
            font-size: 9px;

            img{
                height: 16px;  
            img {
                height: 16px;
            }
        }

        .header-left-Number{
        .header-left-Number {
            font-size: 9px;
        }

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

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

        h1{
        h1 {
            font-size: 1em;
        }

@@ -1993,26 +2171,28 @@
            margin-bottom: 1.5em;
            margin-left: 2.5em;
        }
        .rwmb-4{

        .rwmb-4 {
            margin-top: 1.5em;
            height: 1.5em;
        }

        .header-right-last{
        .header-right-last {
            font-size: 10px;
        }

        .header-right-end{
        .header-right-end {
            font-size: 10px;
        }

        .p-Num{
        .p-Num {
            font-size: 12px;
        }

        .mr-70 {
            margin-right: 10px;
        }

        /* 分页padding */
        .padding-93 {
            padding: 0 20px;

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

@@ -17,6 +17,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-01.png" alt=""></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>
@@ -77,6 +79,25 @@
          <p>1.了解礼仪的五种起源说。</p>
          <p>2.了解中国礼仪发展的历程。</p>
          <p>3.理解中西方礼仪融合发展的意义。</p>
          <div class="video-box">
            <p class="center text td-0">
              <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.isCollectVideoOne ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'dfa7f3d64168acde32e4ca07a9001e79'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d001">一、礼仪的起源</h4>
          <p>
            我国素有“礼仪之邦”的美誉，礼仪文化源远流长。“礼”字最早出现在金文里。人类发展的初期，人们对很多自然现象，如火山喷发、地震、电闪雷鸣等无法理解也无法解释，只能归结为鬼神的力量所致，他们认为天地间有神的力量在主宰，也有鬼魂的存在，而出于对天地鬼神的惧怕、敬仰，人们通过设计流程、举行仪式、敬献祭品等方式来表达敬畏，这种流程逐渐固化为一种规范，这样就产生了礼。北京的“天坛”“地坛”就是古代国君用来举行这类祭天祭地活动的建筑。
@@ -115,7 +136,7 @@
        <div class="bodystyle">
          <h6 id="f004">4.礼为人性和环境矛盾的产物</h6>
          <p>
            “颜渊问仁。子曰：‘克己复礼为仁。一日克己复礼，天下归仁焉。”（《论语·颜渊》）克己是对自我的管理，人与环境会产生矛盾，而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径，人有各种欲望，需通过道德、礼仪、法律等形式进行规范，故礼为人性和环境矛盾的产物。
            “颜渊问仁。子曰：‘克己复礼为仁。一日克己复礼，天下归仁焉。’”（《论语·颜渊》）克己是对自我的管理，人与环境会产生矛盾，而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径，人有各种欲望，需通过道德、礼仪、法律等形式进行规范，故礼为人性和环境矛盾的产物。
          </p>
          <h6 id="f005">5.礼生于理，源于俗</h6>
          <p>
@@ -135,7 +156,7 @@
            周公的“制礼作乐”，实际上就是建立周代的一系列制度，它涉及政治、经济、法律、礼仪、祭祀、教育等制度及乐舞活动，是对周代的社会政治文化各个方面的较全面的规范。在制定周代礼制过程中，周公不是简单地重复前代礼仪，而是把礼仪贯穿于所有活动中，从而建立了一套完整、周密甚至烦琐的礼仪系统，使礼仪在周代具有全新的意义。
          </p>
          <p>
            春秋时期，社会生产力的发展，新兴地主阶级的出现导致“礼崩乐坏”，社会十分混乱，新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想，并把它同“礼”有机结合在一起，形成了儒家思想体系的核心，构成了儒家思想的社会道德规范。在中国早期文明史上，周王朝礼乐文明持续数百载，对中华民族文化心理的塑造产生了重要影
            春秋时期，社会生产力的发展，新兴地主阶级的出现导致“礼崩乐坏”，社会十分混乱，新旧势力的斗争尖锐。孔子在这一时期提出“仁”的思想，并把它同“礼”有机结合在一起，形成了儒家思想体系的核心，构成了儒家思想的社会道德规范。在中国早期文明史上，周王朝礼乐文明持续数百载，对中华民族文化心理的塑造产生了重要影响，最终确立了中国“礼仪之邦”的历史地位。
          </p>
        </div>
      </div>
@@ -153,7 +174,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">响，最终确立了中国“礼仪之邦”的历史地位。</p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -242,7 +262,7 @@
          <h4 id="d004">二、“仪”的含义</h4>
          <h5 id="e005">（一）指典范、表率</h5>
          <p>
            “上者，下之仪也。彼将听唱而应，视仪而动。唱默则民无应也，仪隐则下无动也。不应不动，则上下无以相有也。”（《荀子·正论》）君主，是臣下的准则。百姓听到倡导就响应，看到准则就行动。君主沉默，百姓就无法响应；准则隐匿，百姓就无
            “上者，下之仪也。彼将听唱而应，视仪而动。唱默则民无应也，仪隐则下无动也。不应不动，则上下无以相有也。”（《荀子·正论》）君主，是臣下的准则。百姓听到倡导就响应，看到准则就行动。君主沉默，百姓就无法响应；准则隐匿，百姓就无法行动。不响应、不行动，那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
          </p>
        </div>
      </div>
@@ -260,9 +280,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            法行动。不响应、不行动，那么上下就无法相互依靠。这体现出“仪”的表率、榜样和带头作用。
          </p>
          <h5 id="e006">（二）指容貌、风度</h5>
          <p>
            “君子正其衣冠，尊其瞻视，俨然人望而畏之，斯不亦威而不猛乎？”（《论语·尧曰》）意思说，君子衣冠整齐，目不斜视，使人见了就生敬畏之心，这不也是威严而不凶猛的体现吗？故良好的仪容仪表也可展示出个人的形象气质。
@@ -442,7 +459,7 @@
          </div>
          <h4 id="d011">一、礼敬他人的原则</h4>
          <p>
            礼敬他人是指在社交活动中，交往对象之间相互尊敬、谦让，友好相待，和睦共处；尊重交往对象的人格，尊重交往对象的感情、喜好、习俗，尊重交往对象的劳动，
            礼敬他人是指在社交活动中，交往对象之间相互尊敬、谦让，友好相待，和睦共处；尊重交往对象的人格，尊重交往对象的感情、喜好、习俗，尊重交往对象的劳动，将对交往对象的重视、恭敬、友好放在首位。礼敬他人，是与他人建立和谐的人际关系的基石。
          </p>
        </div>
      </div>
@@ -460,9 +477,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            将对交往对象的重视、恭敬、友好放在首位。礼敬他人，是与他人建立和谐的人际关系的基石。
          </p>
          <h4 id="d012">二、真诚尊重的原则</h4>
          <p>
            苏格拉底说：“不要靠馈赠来获得一个朋友，你必须贡献你诚挚的爱，学习怎样用正当的方法来赢得一个人的心。”由此可见在与人交往过程中，真诚尊重是礼仪的重要原则。真诚是以实事求是的态度待人处世，是友善、诚意的体现。具体表现在，首先，以真诚示人，对待社交对象不虚伪、不欺骗；其次，正确认识他人、相信他人、尊重他人。只有真诚待人、尊重他人，才能创造和谐愉快的人际关系。
@@ -481,7 +495,7 @@
          </p>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            有一天早晨，鲁迅上学迟到了。教书认真的寿镜吾老先生严厉地对他说：“以后要
            有一天早晨，鲁迅上学迟到了。教书认真的寿镜吾老先生严厉地对他说：“以后要早到！”鲁迅默默地回到座位上，在那张旧书桌上刻了个“早”字，也把一个坚定的信念深深地刻在心里。从那以后，鲁迅上学再没有迟到过，而且时时早、事事早，奋斗了一生。
          </p>
        </div>
      </div>
@@ -500,9 +514,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block">
            早到！”鲁迅默默地回到座位上，在那张旧书桌上刻了个“早”字，也把一个坚定的信念深深地刻在心里。从那以后，鲁迅上学再没有迟到过，而且时时早、事事早，奋斗了一生。
          </p>
          <h4 id="d015">五、信用宽容的原则</h4>
          <p>
            信用的原则即讲究信誉。诚实守信是中华民族的优秀传统美德。在社交活动中，一是守时，与人约好的会见、会谈、会议等，决不应拖延迟到；二是守约，与人约定的事一定要说到做到，所谓言必信，行必果。
@@ -663,6 +674,24 @@
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.礼敬他人是与他人建立和谐的人际关系的基石
          </p>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -686,6 +715,8 @@
              <img class="img-b" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-02.png" alt=""></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>
@@ -698,11 +729,6 @@
            <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 class="fz-15">
              仲尼居，曾子侍。子曰：“先王有至德要道，以顺天下，民用和睦，上下无怨。汝知之乎？”曾子避席曰：“参不敏，何足以知之？”
            </p>
            <p class="fz-15">译文：</p>
            <p class="fz-15">
              某日，在A到B的航班上，头等舱的一名旅客向乘务员询问是否有黑巧克力，乘务员知道这次航班没有配备，但她并没有采取简单否认的方式处理，而是先询问机组成员，后来终于在副驾驶那里找到了黑巧克力并送给了旅客。后来，当乘务员了解到这名旅客一周后要乘坐该公司航班从B返回A后，主动与当天执行航班任务的头等舱乘务员联系，特意为这名旅客准备了黑巧克力。从此，这名旅客成了这家航空公司的忠实顾客。
            </p>
@@ -733,6 +759,25 @@
          <p>1.理解民航服务的含义。</p>
          <p>2.理解民航服务的本质。</p>
          <p>3.了解并掌握民航服务行业的基本特征。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" 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.isCollectVideoTwo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '602e257498cd61657b759edd5be0221d'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1066,6 +1111,25 @@
          <p>1.了解主动服务的内涵。</p>
          <p>2.理解主动服务的重要性。</p>
          <p>3.提升主动服务的意识。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" 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.isCollectVideoThree ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '571b9fb7962e8fc30749893919d2157b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d022">一、正确认识服务意识</h4>
          <p>
            如果说民航服务人员的知识与技能是服务的机翼，那么服务意识才是使这架飞机展翅高飞的发动机。
@@ -1126,7 +1190,7 @@
            所以，对民航服务意识的基本要求是：在保证飞行安全的情况下，以解决旅客的实际问题、满足旅客的需求为做好服务工作的基本前提。
          </p>
          <p>
            在不违反相关飞行安全条例的基础上，我们应该将飞行中发生的服务事件或服务矛盾，以及由此产生的争议、提出的赔偿、划分的责任等问题，都放到安抚旅客情绪、提
            在不违反相关飞行安全条例的基础上，我们应该将飞行中发生的服务事件或服务矛盾，以及由此产生的争议、提出的赔偿、划分的责任等问题，都放到安抚旅客情绪、提供服务之后来解决。当然，若违反相应的安全条例和法律，应当立即请专业人士处理并解决。
          </p>
        </div>
      </div>
@@ -1145,9 +1209,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            供服务之后来解决。当然，若违反相应的安全条例和法律，应当立即请专业人士处理并解决。
          </p>
          <p>
            民航服务人员应全心全意为旅客服务，以让旅客满意作为服务目标，实现企业的最终追求及目标，实现企业的发展。民航服务意识要求我们要信守服务承诺，用心用爱用温度服务，并乐于为旅客服务，妥善解决旅客在旅途中的问题。
          </p>
@@ -1441,6 +1502,24 @@
          <p>6.请根据所学知识分析民航服务的现状及服务质量问题产生的原因。</p>
          <textarea v-model="questionData.projectTwo.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -1463,6 +1542,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitOne-03.png" alt=""></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>
@@ -1533,6 +1614,25 @@
            根据《中华人民共和国民用航空法》第三十九条规定，民用航空人员是指从事民用航空活动的空勤人员和地面人员。空勤人员，包括驾驶员、飞行机械人员、乘务员；地面人员，包括民用航空器维修人员、空中交通管制员、飞行签派员、航空电台通信员。无论是负责在舱内提供服务的空勤人员还是负责为旅客提供地面服务，在飞机起飞前确保飞行安全，为飞行提供必不可少的飞行前准备的地面人员，都是为旅客的舒适出行、安全出行服务的。
          </p>
          <h4 id="d026">二、民用航空人员的岗位职责</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" 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.isCollectVideoFour ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '3b4d6a336fad79e9c4f137e142c26f0b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民用航空人员有不同的岗位种类，岗位职责也有所不同。以下是对部分民用航空人员岗位种类及具体工作职责的阐述。
          </p>
@@ -1599,9 +1699,6 @@
          <p>
            工作职责：对飞机进行检查、维护和修理，排除飞机存在的安全隐患（见图1-3-4）。
          </p>
          <p>
            民用航空维修人员负责飞机的维修工作，按照维修单及时做好诊断与维修；按飞机设备保养手册和设备说明书制订保养计划建议，并按计划实施保养工作；根据库存情况提交备件采购申购表，负责备件的验收与急购备件的提交；做好日常设备的巡视检查工
          </p>
        </div>
      </div>
    </div>
@@ -1619,7 +1716,8 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
          <p>
            民用航空维修人员负责飞机的维修工作，按照维修单及时做好诊断与维修；按飞机设备保养手册和设备说明书制订保养计划建议，并按计划实施保养工作；根据库存情况提交备件采购申购表，负责备件的验收与急购备件的提交；做好日常设备的巡视检查工
            作，及时发现问题，处理隐患；做好预防性保养、维护工作，减少本区域因停机工时及设备原因造成的材料报废量。
          </p>
          <p class="center openImgBox">
@@ -1775,6 +1873,25 @@
          <p>2.理解各项能力对专业和岗位的支撑性。</p>
          <p>3.能够在实际工作中灵活多变，运用各项能力解决实际问题。</p>
          <p>以空中乘务员为例，民用航空人员应具备的能力应包含以下几大类。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '2b112927d0029591bee2ad5de73e3e2a'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d027">一、亲和力</h4>
          <p>
            空中乘务员的工作不仅是简单的端茶递水，而是一项需要“眼观六路，耳听八方”的全方位工作，所以，满足旅客的需求和为旅客带来良好的乘机体验是乘务员的首要任务。旅客良好的回馈又首先源于空乘人员良好的亲和力，这就要求乘务员需具备此项基本能力。在服务旅客时，乘务员从内心到外在都应传递友善信息，使旅客产生愉悦、开心、舒适、温馨、信任的心理感受，从而建立乘务员与旅客之间的友好、和睦的关系。
@@ -1943,7 +2060,7 @@
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">做一名真正的倾听者</span></p>
          <p class="block">
            一架国际航班抵达成都后，有位旅客的行李出现破损。按照行规，对于此类国际航班行李事故一般是不予赔偿的，值机员小吴便向旅客细致地解释并致以歉意。但这位旅客的情绪却异常激动，阐述了此次行程中发生的所有让人不愉快的事件，并将负面情绪一并发泄出来。面对旅客劈头盖脸的发泄和数落，小吴只做了一件事，那就是认真地“倾听”——直到旅客从他的眼神中读到了真诚和共情。当旅客的情绪逐渐平息下来
            一架国际航班抵达成都后，有位旅客的行李出现破损。按照行规，对于此类国际航班行李事故一般是不予赔偿的，值机员小吴便向旅客细致地解释并致以歉意。但这位旅客的情绪却异常激动，阐述了此次行程中发生的所有让人不愉快的事件，并将负面情绪一并发泄出来。面对旅客劈头盖脸的发泄和数落，小吴只做了一件事，那就是认真地“倾听”——直到旅客从他的眼神中读到了真诚和共情。当旅客的情绪逐渐平息下来后，小吴把握时机再次委婉地向对方说明了机场事故处理的流程，并承诺会立即与航空公司代表联系。
          </p>
        </div>
      </div>
@@ -1961,9 +2078,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            后，小吴把握时机再次委婉地向对方说明了机场事故处理的流程，并承诺会立即与航空公司代表联系。
          </p>
          <p class="block">
            当航空公司按照常规给出不予赔偿意见后，小吴一边委婉地向乘客转达，一边不懈地向航空公司争取。终于，小吴急旅客之所急、想旅客之所想的服务感动了航空公司，航空公司最终决定给予补偿。
          </p>
@@ -2052,7 +2166,7 @@
            <span class="cs1">川航惊魂始末 机长刘传健还原细节</span>
          </p>
          <p class="block">
            9800米，9400米，7200米，飞机下降得很快。3U8633航班的9名机组人员和119名乘客，经历了生死一刻。2018年5月14日上午，由四川航空股份有限公司承运的3U8633航班由重庆飞往拉萨。途中，飞机驾驶舱右座风挡玻璃破碎脱落。在两分钟内飞机急降2200米，且在缺氧、低温、强气流的条件下，机长刘传健驾驶飞机于7时42分成功备降
            9800米，9400米，7200米，飞机下降得很快。3U8633航班的9名机组人员和119名乘客，经历了生死一刻。2018年5月14日上午，由四川航空股份有限公司承运的3U8633航班由重庆飞往拉萨。途中，飞机驾驶舱右座风挡玻璃破碎脱落。在两分钟内飞机急降2200米，且在缺氧、低温、强气流的条件下，机长刘传健驾驶飞机于7时42分成功备降成都双流机场。刘传健救了自己，也救了机组同事和上百名乘客。尽管他一再解释这是他的本职工作，但仍有不少人将其称为“英雄”。
          </p>
        </div>
      </div>
@@ -2070,9 +2184,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            成都双流机场。刘传健救了自己，也救了机组同事和上百名乘客。尽管他一再解释这是他的本职工作，但仍有不少人将其称为“英雄”。
          </p>
          <p class="block">
            那天航班乘务长毕楠，乘务员张秋奕、周彦雯、黄婷、杨婷一如往常引导乘客就座、放行李，给乘客拿毛毯，并做起飞前的安全检查。驾驶舱内，46岁的机长刘传健和副驾驶徐瑞辰也在做着起飞前的最后准备。刘传健毕业于空军第二飞行学院，在成为川航飞行员之前，他在母校担任教员。重庆至拉萨这条线，他飞了不下百次。飞机在晚点21分钟后顺利起飞。
          </p>
@@ -2159,7 +2270,7 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">法航紧急撤离事件</span></p>
          <p class="block">
            2005年8月，法航某空客飞机的309名旅客与机组成员上演了“教科书式撤离”，两分钟内机上全部人员成功逃离当时已燃起熊熊大火的飞机，这次逃生经历成了紧急逃生的典范。当时，飞机左侧被雷电击中，飞机内外马上被黑烟笼罩，所有的电灯都熄灭了。据当时的旅客说，周围一片黑暗，紧急氧气面罩降下来。该飞机在暴风雨中滑出跑道183米后，终于停住。机上的12位机组人员非常镇静，反应也相当快捷。机长在驾驶舱中，不断地告诉所有乘客保持平静，听从指挥。其他机组人员快速地从座椅上起身，
            2005年8月，法航某空客飞机的309名旅客与机组成员上演了“教科书式撤离”，两分钟内机上全部人员成功逃离当时已燃起熊熊大火的飞机，这次逃生经历成了紧急逃生的典范。当时，飞机左侧被雷电击中，飞机内外马上被黑烟笼罩，所有的电灯都熄灭了。据当时的旅客说，周围一片黑暗，紧急氧气面罩降下来。该飞机在暴风雨中滑出跑道183米后，终于停住。机上的12位机组人员非常镇静，反应也相当快捷。机长在驾驶舱中，不断地告诉所有乘客保持平静，听从指挥。其他机组人员快速地从座椅上起身，迅速打开飞机侧面的救生门，放下滑梯，一边逐个帮助旅客撤离，一边不断地安慰每个人，使整个疏散工作平稳进行。
          </p>
        </div>
      </div>
@@ -2177,9 +2288,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            迅速打开飞机侧面的救生门，放下滑梯，一边逐个帮助旅客撤离，一边不断地安慰每个人，使整个疏散工作平稳进行。
          </p>
          <p class="block">
            旅客们在他们的指挥下，没有慌乱，依次先离开座椅，再滑下滑梯。最后，乘务员和驾驶员做了完全的检查，证明所有旅客都安全撤离，没有任何遗漏，方才离开飞机。地面急救人员配合得也非常及时。飞机起火后不到一分钟，机场救护车就赶到了飞机附近。他们将受伤者送往医院，并向大雨中的旅客们提供了保暖的毯子。值勤的警察们还将跑散的旅客集中到安全地点。整项工作有条不紊地进行着。
          </p>
@@ -2195,7 +2303,7 @@
          </p>
          <h5 id="e026">（四）应急处理能力的培养需要团队协作做保障</h5>
          <p>
            当紧急情况发生时，乘务员之间形成默契，团结起来，保持思想与行动的一致性是
            当紧急情况发生时，乘务员之间形成默契，团结起来，保持思想与行动的一致性是至关重要的。这集中表现在，在航班飞行过程中乘务员应明确各自负责的岗位和职责，在日常飞行中相互协作、相互配合，形成良好的默契，从而保证紧急情况出现时，乘务员组织撤离时不出现拥挤踩踏或者影响紧急情况处置的情况，从而提高撤离效率，保障旅客的安全。
          </p>
        </div>
      </div>
@@ -2214,9 +2322,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            至关重要的。这集中表现在，在航班飞行过程中乘务员应明确各自负责的岗位和职责，在日常飞行中相互协作、相互配合，形成良好的默契，从而保证紧急情况出现时，乘务员组织撤离时不出现拥挤踩踏或者影响紧急情况处置的情况，从而提高撤离效率，保障旅客的安全。
          </p>
          <p class="td-0"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">团队精神</span></p>
          <p class="block">
@@ -2229,6 +2334,44 @@
          <p>1.通过训练培养亲和力。</p>
          <p>2.通过训练培养观察能力。</p>
          <p>3.通过训练培养倾听能力。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideoSix ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'e483ec3b940fcc8616b8aea894d5ded0'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideoSeven ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'be07f31967532a808843e53df1a436d5'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d033">一、亲和力的训练</h4>
          <h5 id="e027">（一）对镜训练法</h5>
          <p>
@@ -2756,7 +2899,7 @@
          </p>
          <p class="block">3.完成动作后睁开眼，摊开纸看看是否相同。</p>
          <p class="block">
            4.过程中学员如有发问需给予响应，但学员如保持沉默，则在学员完成每一个动作
            4.过程中学员如有发问需给予响应，但学员如保持沉默，则在学员完成每一个动作后继续下指令。
          </p>
        </div>
      </div>
@@ -2775,7 +2918,6 @@
          <li class="header-right-end"><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">后继续下指令。</p>
          <p class="block">
            5.也可采取不允许发问的方式进行第一次游戏活动，活动后进行讨论，然后再以同样方式再做一次，完成后睁开眼，摊开纸看看是否相同。
          </p>
@@ -2861,6 +3003,10 @@
        </div>
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -2870,18 +3016,32 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterOne",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      collectResourceList: [],
      showQuestionAnswer: false,
      showChoiceAnswer: false,
@@ -2889,6 +3049,14 @@
      isFocused: null,
      chapterData: {
        isCollectVideo: false,
        isCollectVideoOne: false,
        isCollectVideoTwo: false,
        isCollectVideoThree: false,
        isCollectVideoFour: false,
        isCollectVideoFive: false,
        isCollectVideoSix: false,
        isCollectVideoSeven: false,
        isCollectVideoEight: false,
      },
      questionData: {
        isComplete: false,
@@ -3037,7 +3205,23 @@
      },
      evaluationOneResults: "", //测评结果
      evaluationTwoResults: "", //测评结果

      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块一　礼仪认知",
            questionNum: 18,
          },
          2: {
            questionTitleMain: "模块一　民航服务意识认知",
            questionNum: 31,
          },
        },
      },
    };
  },

@@ -3073,12 +3257,6 @@
      this.evaluationTwoResults = evaluationTwoData;
    }


    const videoData = localStorage.getItem("aviationEtiquette-book-chapter01-Data");
    if (videoData) {
      this.chapterData = JSON.parse(videoData);
    }

    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -3089,6 +3267,28 @@
      this.videoPathOne = await getResourcePath(
        "4f0afd466e16bde40a447ff467452181"
      );
      this.videoPathTwo = await getResourcePath(
        "dfa7f3d64168acde32e4ca07a9001e79"
      );
      this.videoPathThree = await getResourcePath(
        "602e257498cd61657b759edd5be0221d"
      );
      this.videoPathFour = await getResourcePath(
        "571b9fb7962e8fc30749893919d2157b"
      );
      this.videoPathFive = await getResourcePath(
        "3b4d6a336fad79e9c4f137e142c26f0b"
      );
      this.videoPathSix = await getResourcePath(
        "2b112927d0029591bee2ad5de73e3e2a"
      );
      this.videoPathSeven = await getResourcePath(
        "e483ec3b940fcc8616b8aea894d5ded0"
      );
      this.videoPathEight = await getResourcePath(
        "be07f31967532a808843e53df1a436d5"
      );

    },
    setBookQuestion() {
      localStorage.setItem(
@@ -3191,16 +3391,79 @@
          "视频：川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "dfa7f3d64168acde32e4ca07a9001e79",
          "dfa7f3d64168acde32e4ca07a9001e79",
          "",
          "视频",
          "bits",
          "视频：礼仪认知"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "602e257498cd61657b759edd5be0221d",
          "602e257498cd61657b759edd5be0221d",
          "",
          "视频",
          "bits",
          "视频：民航服务意识认知"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频：理解主动服务的重要性"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "",
          "视频",
          "bits",
          "视频：民航员工应具备的能力"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "2b112927d0029591bee2ad5de73e3e2a",
          "2b112927d0029591bee2ad5de73e3e2a",
          "",
          "视频",
          "bits",
          "视频：民航员工基本能力认知"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "e483ec3b940fcc8616b8aea894d5ded0",
          "e483ec3b940fcc8616b8aea894d5ded0",
          "",
          "视频",
          "bits",
          "视频：民航员工服务能力情景展现"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "be07f31967532a808843e53df1a436d5",
          "be07f31967532a808843e53df1a436d5",
          "",
          "视频",
          "bits",
          "视频：民航员工服务意识情景展现"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },

    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter01-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
    // resourcePath  文件路径，
    // resourceType  文件类型
@@ -3232,6 +3495,14 @@
        this.collectResourceList
      );
    },

    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>

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

@@ -17,6 +17,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-01.png" alt=""></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>
@@ -40,6 +42,63 @@
          <p>1.了解民航沟通的特点。</p>
          <p>2.认识民航沟通的作用。</p>
          <p>3.掌握上下级沟通的方法。</p>
          <div class="video-box">
            <p class="center text td-0">
              <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 == '6f3a3b8b1b5eb8b942f57b7c6ef20ff7'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <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.isCollectVideoOne ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" 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.isCollectVideoTwo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '45d4dc432a32a81d20421fa6b8ebe50b'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d071">一、民航职场沟通概述</h4>
          <p>
            民航沟通一般包括塔台指挥中心与乘务组的沟通、空中乘务组在客舱内与同事及旅客的沟通、地面服务人员在机场大厅与同事及旅客的沟通等。
@@ -67,6 +126,25 @@
            不同的企业文化、不同的管理制度、不同的业务部门，沟通风格都会有所不同，我们要顺应民航业的安全性、快速性、机动性、国际性等特征，实现有效沟通。
          </p>
          <h4 id="d072">二、民航人员与旅客的沟通技巧</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" 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.isCollectVideoThree ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'f768963b0e70d05a065c3094c9a6a6af'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e070">（一）对初次乘机的旅客</h5>
          <p>
            初次乘坐飞机，旅客既好奇又紧张。为满足旅客的好奇心，乘务员要主动为他们介绍本次航班的情况，如机型、飞行高度、坐标等。初次乘坐飞机的旅客缺少乘坐飞机的常识。一方面，乘务员要耐心地介绍，不要嘲笑他们，避免使旅客感到自卑；另一方面，乘务员还要通过亲切交谈分散他们紧张的情绪，使他们感到乘坐飞机是安全的。
@@ -80,12 +158,31 @@
            例如，重要旅客一上飞机，乘务员应能准确无误地用他们的姓氏和职务来问候他们；当重要旅客递给乘务员名片时，乘务员应当面读出来，使他们在心理上产生一种满足感；乘务员要注意与旅客进行沟通，使他们的整个旅程都沉浸在愉悦的心情中。
          </p>
          <h5 id="e072">（三）对老年旅客</h5>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" 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.isCollectVideoFour ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ada8ecd6349bf5d0c6ee2b6642e9effc'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            老年旅客最关心航班的安全问题，尤其在飞机起落时。因此对老年人进行服务时要细致，与老年人讲话语速要慢，音量要略大，应主动关心他们需要什么服务，洞察并及时满足他们的心理需求，尽量消除他们的孤独感。
          </p>
          <h5 id="e073">（四）对生病旅客</h5>
          <p>
            还有一些生病的旅客以及在乘机过程中突然发病的旅客，他们与正常的旅客相比自理能力较差，迫切需要得到乘务组的照顾。民航服务人员一定要密切关注他们，对他们体贴、耐心，必要时可动员机场的其他旅客予以支援和帮助。遇到需抢救的重症患者，要提前与机场和医院取得联系，让救护车把病人及时送到医院，争取抢救时间。对病情较轻的旅客或中途患感冒的旅客，需要在机上给予救助，控制病情，并密切注意病情变化，防止病情恶化。对待他们一定要真诚，真诚地安慰他们、帮助他们。
            还有一些生病的旅客以及在乘机过程中突然发病的旅客，他们与正常的旅客相比自理能力较差，迫切需要得到乘务组的照顾。民航服务人员一定要密切关注他们，对他们体贴、耐心，必要时可动员机场的其他旅客予以支援和帮助。遇到需抢救的重症患者，要提前与机场和医院取得联系，让救护车把病人及时送到医院，争取抢救时间。对病情较轻的旅客或中途患感冒的旅客，需要在机上给予救助，控制病情，并密切关注病情变化，防止病情恶化。对待他们一定要真诚，真诚地安慰他们、帮助他们。
          </p>
        </div>
      </div>
@@ -103,6 +200,25 @@
        </ul>
        <div class="bodystyle">
          <h5 id="e074">（五）对挑剔旅客</h5>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '9c6c01fac88c9dda705bdfd05df3b0ec'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            飞机上偶尔有个别比较挑剔的旅客，他们对服务和设备以及餐饮等会提出难以达到的要求。在与旅客沟通的过程中，务必要记住以旅客为中心，放弃自我中心论。做到心平气和、不乱发牢骚，这样不仅自己快乐，旅客也会心情愉悦。
          </p>
@@ -110,6 +226,25 @@
            对此，民航服务人员一定要耐心、不急躁，以平静的心态听旅客的倾诉，用热心、周到的服务，使旅客的心情慢慢地平静下来，不要急于解释和辩解，避免引起旅客更大的反感。
          </p>
          <h4 id="d073">三、优质服务的“五心”沟通</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideoSix ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '81574f24a780ca2ed16b023eb795ce04'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e075">（一）责任心</h5>
          <p>
            责任心就是一种自觉地把分内的事情做好并愿意承担相应责任的情感。民航工作既是服务工作，也是安全工作，既关系到航空公司的服务水平，也关系到旅客生命和国家财产安全，责任重大，需要民航服务人员以高度的责任心认真对待。可以说，责任心是一名民航服务人员应该具备的基本条件。
@@ -121,10 +256,6 @@
          <h5 id="e077">（三）包容心</h5>
          <p>
            一个好的民航服务人员一定是一个可以包容旅客“过失”的人。旅客作为相对的“自由人”，可以在法律法规允许的范围内提出自己的需求，宣泄个人的情绪。有时，这些需求和情绪可能超出普通人的心理承受范围，给别人带来伤害。而民航服务人员必须能够包容这些言行，要具有超过普通人的对伤害的接受度——这就考验着民航服务人员的包容心。
          </p>
          <h5 id="e078">（四）同情心</h5>
          <p>
            同情心就是当他人有困难或遭到不幸时，自己的内心世界产生的一种不好受、怜悯，进而想在道义上、方法上或物质上帮助他人解决困难的内心感受，是感人之所感，甚至是人与人之间的一种互相的“心灵感应”。如果把爱心比喻成宽广的大海，同情心就是那海面上一朵朵美丽的浪花，蔚蓝的海面令人平静，而洁白的浪花使人激动。服务
          </p>
        </div>
      </div>
@@ -142,8 +273,9 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            工作面对的旅客来自天南海北，他们有着不同的背景和经历，当他们聚集在客舱这个特殊的空间里，会有各种不同的心理感受。一般来说，初次乘机的旅客希望得到民航服务人员不动声色、及时的指点来化解紧张的情绪和茫然的感觉；生病的旅客需要特意的关照和问候来克服不安、缓解病痛；老年旅客需要及时的帮助以避免因行动不便造成的困难和尴尬……富有同情心的民航服务人员应从旅客的举止言谈中敏锐地察觉到不同旅客的困难和需求，从而及时提供细心的、周到的、有针对性的服务。在服务实践中，有很多例子证明：富有同情心的民航服务人员能够很好地展示服务的魅力，从而使服务工作达到令人“动心”的效果。
          <h5 id="e078">（四）同情心</h5>
          <p>
            同情心就是当他人有困难或遭到不幸时，自己的内心世界产生的一种不好受、怜悯，进而想在道义上、方法上或物质上帮助他人解决困难的内心感受，是感人之所感，甚至是人与人之间的一种互相的“心灵感应”。如果把爱心比喻成宽广的大海，同情心就是那海面上一朵朵美丽的浪花，蔚蓝的海面令人平静，而洁白的浪花使人激动。服务工作面对的旅客来自天南海北，他们有着不同的背景和经历，当他们聚集在客舱这个特殊的空间里，会有各种不同的心理感受。一般来说，初次乘机的旅客希望得到民航服务人员不动声色、及时的指点来化解紧张的情绪和茫然的感觉；生病的旅客需要特意的关照和问候来克服不安、缓解病痛；老年旅客需要及时的帮助以避免因行动不便造成的困难和尴尬……富有同情心的民航服务人员应从旅客的举止言谈中敏锐地察觉到不同旅客的困难和需求，从而及时提供细心的、周到的、有针对性的服务。在服务实践中，有很多例子证明：富有同情心的民航服务人员能够很好地展示服务的魅力，从而使服务工作达到令人“动心”的效果。
          </p>
          <h5 id="e079">（五）耐心</h5>
          <p>
@@ -168,7 +300,7 @@
          </p>
          <h6 id="f027">4.征询语</h6>
          <p>
            征询语是在服务过程中就某件事情的发展走向或者对某事物的选择向旅客进行征询
            征询语是在服务过程中就某件事情的发展走向或者对某事物的选择向旅客进行征询而采用的礼貌用语。例如，在向旅客提供帮助与服务时常常使用“请问您需要帮助吗”“您好，能为您做点什么吗”“您好，请问您需要哪种饮料”“请问您需要小毛毯吗”。
          </p>
        </div>
      </div>
@@ -185,9 +317,6 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            而采用的礼貌用语。例如，在向旅客提供帮助与服务时常常使用“请问您需要帮助吗”“您好，能为您做点什么吗”“您好，请问您需要哪种饮料”“请问您需要小毛毯吗”。
          </p>
          <h6 id="f028">5.请托语</h6>
          <p>
            请托语通常指的是在请求他人帮忙或是托付他人代劳时使用的礼貌用语。在服务过程中如需请求旅客帮忙，应使用礼貌用语，说话前都要加上一个“请”字，或者礼貌地说“麻烦您”“拜托您”。例如，“先生您好，飞机马上就要起飞了，麻烦您将座椅靠背调直”“您好，飞机马上起飞了，请将手机关机或调整为飞行模式”“您好女士，请将小桌板收起”。使用此类用语时需要注意语气应柔和不能生硬，更不能用命令式的口吻来说。
@@ -211,8 +340,8 @@
              <p>
                在工作中，当民航服务人员遇到客人提出的要求或问题自身无法满足或解决时，该如何回答？
              </p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e081">（二）服务忌语</h5>
@@ -246,7 +375,7 @@
        <div class="bodystyle">
          <h6 id="f034">4.讥讽、轻视的语句</h6>
          <p>
            在与旅客交谈的过程中，不要轻率地给旅客下定论，并表现出不屑的情绪。不要做出“堵嘴”“翻白眼”“叹气”等行为举止。
            在与旅客交谈的过程中，不要轻率地给旅客下定论，并表现出不屑的情绪。不要做出“嘟嘴”“翻白眼”“叹气”等行为举止。
          </p>
          <h6 id="f035">5.催促命令式的语句</h6>
          <p>
@@ -282,8 +411,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>在服务过程中，需要避免使用哪些手势？</p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
@@ -315,6 +444,25 @@
          <p><b>任务目标：</b></p>
          <p>1.了解民航服务中有关沟通的案例。</p>
          <p>2.从案例中分析实践经验。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideoSeven ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '65f1f06c69581442b53aefac9da33353'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d075">一、实训案例一 同事相处</h4>
          <p>
            王鑫是某航空公司人力资源部的一名员工，人比较随和，不喜争执，和同事处得都比较好。但是，前一段时间，不知道为什么，同一部门的李响老是处处和他过不去，有时候故意在别人面前指桑骂槐，与他合作工作时也都有意让王鑫多做，甚至还抢了王鑫好多业务。
@@ -337,13 +485,10 @@
              <p>
                王鑫在忍不下去的时候，选择了告状。在这里，王鑫、总经理、李响三人犯了同样的错误，那就是没有坚持“对事不对人”，总经理做事也过于草率，没有起到应有的调节作用，他的一番批评反而加剧了二人之间的矛盾。正确的做法是把双方之间的误会、矛盾解开，秉着以事业为重，加强员工的沟通来处理这件事。这样做的话，结果肯定会好得多。
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
            精通“人际沟通技巧”不是为了把别人踩在脚下，而是为了减少工作中的阻力。职场是一个大舞台，纷繁复杂。一个人在社会上难免会与人产生矛盾，难免会出现这样或
          </p>
        </div>
      </div>
    </div>
@@ -360,8 +505,8 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            那样的不愉快。有了矛盾怎么办？出现了问题怎么处理？这就需要我们多沟通，多交流。沟通是一盏指明灯，可以随时校正我们航行的方向。正是因为有了沟通，语言才显得那么美丽飞扬。
          <p>
            精通“人际沟通技巧”不是为了把别人踩在脚下，而是为了减少工作中的阻力。职场是一个大舞台，纷繁复杂。一个人在社会上难免会与人产生矛盾，难免会出现这样或那样的不愉快。有了矛盾怎么办？出现了问题怎么处理？这就需要我们多沟通，多交流。沟通是一盏指明灯，可以随时校正我们航行的方向。正是因为有了沟通，语言才显得那么美丽飞扬。
          </p>
          <h4 id="d076">二、实训案例二 公司奖励事件</h4>
          <p>
@@ -379,11 +524,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.请分析本案例中部门经理和上级沟而不通的原因。</p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.董总的解决办法有哪些问题？</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d077">三、实训案例三 紧急迫降</h4>
@@ -405,8 +550,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>本案例中，请点评乘务人员的行为。哪些地方值得我们学习？</p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -431,175 +576,50 @@
          <p class="center block"><span class="cs1">测试一 职场沟通能力测试</span></p>
          <p class="block">（一）情景描述</p>
          <p class="block">1.如果你的朋友和你发生了争吵，你将怎么办？</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />A.不理他，断绝朋友关系</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />B.暂时不谈这个问题，求同存异，以后再说</p>
          <p class="block"><input
              type="radio"
              name="eovOne"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one"
              @change="setEvaluation"
            />C.请两个人共同的好朋友劝和，打破僵局</p>
          <p class="block"><input type="radio" name="eovOne" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />A.不理他，断绝朋友关系</p>
          <p class="block"><input type="radio" name="eovOne" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />B.暂时不谈这个问题，求同存异，以后再说</p>
          <p class="block"><input type="radio" name="eovOne" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.one" @change="setEvaluation" />C.请两个人共同的好朋友劝和，打破僵局</p>
          <p class="block">2.你听说有同事向领导打你的小报告，你会怎么办？</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />A.直接冲到那个同事面前，和他大吵一顿</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />B.向领导说明情况，请领导调查真相</p>
          <p class="block"><input
              type="radio"
              name="eovTwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two"
              @change="setEvaluation"
            />C.清者自清，不去理睬，和以前一样干好工作</p>
          <p class="block"><input type="radio" name="eovTwo" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />A.直接冲到那个同事面前，和他大吵一顿</p>
          <p class="block"><input type="radio" name="eovTwo" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />B.向领导说明情况，请领导调查真相</p>
          <p class="block"><input type="radio" name="eovTwo" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.two" @change="setEvaluation" />C.清者自清，不去理睬，和以前一样干好工作</p>
          <p class="block">3.如果父母性格不合，经常吵架，你会怎么办？</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />A.大声威胁他们：再吵我就搬出去住</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />B.少回家，乐得清静</p>
          <p class="block"><input
              type="radio"
              name="eovThree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three"
              @change="setEvaluation"
            />C.在父亲面前夸母亲，在母亲面前夸父亲，设法增进他们的感情</p>
          <p class="block"><input type="radio" name="eovThree" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />A.大声威胁他们：再吵我就搬出去住</p>
          <p class="block"><input type="radio" name="eovThree" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />B.少回家，乐得清静</p>
          <p class="block"><input type="radio" name="eovThree" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.three" @change="setEvaluation" />C.在父亲面前夸母亲，在母亲面前夸父亲，设法增进他们的感情
          </p>
          <p class="block">
            4.同事跟你炫耀她买了一条新裙子，其实你觉得很一般。看着她兴高采烈的样子，你会怎么做？
          </p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />A.直接告诉她裙子不怎么样</p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />B.微笑着倾听，不说话</p>
          <p class="block"><input
              type="radio"
              name="eovFour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four"
              @change="setEvaluation"
            />C.告诉她这条裙子比她之前买的那条要好看</p>
          <p class="block"><input type="radio" name="eovFour" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />A.直接告诉她裙子不怎么样</p>
          <p class="block"><input type="radio" name="eovFour" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />B.微笑着倾听，不说话</p>
          <p class="block"><input type="radio" name="eovFour" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.four" @change="setEvaluation" />C.告诉她这条裙子比她之前买的那条要好看</p>
          <p class="block">5.同事们一起在外聚餐，你到达后会做什么？</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />A.赞美饭店的豪华或者菜肴的精美</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />B.看看椅子、餐具是否足够</p>
          <p class="block"><input
              type="radio"
              name="eovFive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five"
              @change="setEvaluation"
            />C.看看人是否到齐，招呼后来的人</p>
          <p class="block"><input type="radio" name="eovFive" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />A.赞美饭店的豪华或者菜肴的精美</p>
          <p class="block"><input type="radio" name="eovFive" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />B.看看椅子、餐具是否足够</p>
          <p class="block"><input type="radio" name="eovFive" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.five" @change="setEvaluation" />C.看看人是否到齐，招呼后来的人</p>
          <p class="block">6.坐公交车的时候，你一般习惯于做什么？</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />A.坐着睡觉或发呆</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />B.看看站在旁边的人</p>
          <p class="block"><input
              type="radio"
              name="eovSix"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six"
              @change="setEvaluation"
            />C.看窗外的景色，发现一些新开的店</p>
          <p class="block"><input type="radio" name="eovSix" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />A.坐着睡觉或发呆</p>
          <p class="block"><input type="radio" name="eovSix" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />B.看看站在旁边的人</p>
          <p class="block"><input type="radio" name="eovSix" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.six" @change="setEvaluation" />C.看窗外的景色，发现一些新开的店</p>
        </div>
      </div>
    </div>
@@ -617,117 +637,33 @@
        </ul>
        <div class="bodystyle">
          <p class="block">7.上了公交后你发现自己没带零钱，你会怎么办？</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />A.偷偷地躲在人堆里</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />B.急着下车</p>
          <p class="block"><input
              type="radio"
              name="eovSeven"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven"
              @change="setEvaluation"
            />C.跟司机说明情况，希望免掉车费</p>
          <p class="block"><input type="radio" name="eovSeven" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />A.偷偷地躲在人堆里</p>
          <p class="block"><input type="radio" name="eovSeven" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />B.急着下车</p>
          <p class="block"><input type="radio" name="eovSeven" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.seven" @change="setEvaluation" />C.跟司机说明情况，希望免掉车费</p>
          <p class="block">8.同事带来家乡特产和你分享，你会怎么做？</p>
          <p class="block"> <input
              type="radio"
              name="eovEight"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />A.客气地拒绝，说自己不习惯吃这些</p>
          <p class="block"><input
              type="radio"
              name="eovEight"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />B.表达感谢并且接受</p>
          <p class="block"><input
              type="radio"
              name="eovEight"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight"
              @change="setEvaluation"
            />C.接受并且之后也带零食和同事分享</p>
          <p class="block"> <input type="radio" name="eovEight" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />A.客气地拒绝，说自己不习惯吃这些</p>
          <p class="block"><input type="radio" name="eovEight" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />B.表达感谢并且接受</p>
          <p class="block"><input type="radio" name="eovEight" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.eight" @change="setEvaluation" />C.接受并且之后也带零食和同事分享</p>
          <p class="block">9.领导交给你一项本来不归你管的任务，你会怎么办？</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />A.很迟疑，流露出想拒绝的意思</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />B.不由得答应下来，能不能办好就不管了</p>
          <p class="block"><input
              type="radio"
              name="eovNine"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine"
              @change="setEvaluation"
            />C.从领导那里尽量获得有关信息，私下请教同事，力求做好</p>
          <p class="block"><input type="radio" name="eovNine" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />A.很迟疑，流露出想拒绝的意思</p>
          <p class="block"><input type="radio" name="eovNine" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />B.不由得答应下来，能不能办好就不管了</p>
          <p class="block"><input type="radio" name="eovNine" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.nine" @change="setEvaluation" />C.从领导那里尽量获得有关信息，私下请教同事，力求做好</p>
          <p class="block">10.同事讲了一个你以前就听过的笑话，你会表现出什么样的反应？</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />A.立马说：“哈，这个我早就听过了！”</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />B.微笑不语</p>
          <p class="block"><input
              type="radio"
              name="eovTen"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten"
              @change="setEvaluation"
            />C.哈哈大笑</p>
          <p class="block"><input type="radio" name="eovTen" value="1" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />A.立马说：“哈，这个我早就听过了！”</p>
          <p class="block"><input type="radio" name="eovTen" value="2" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />B.微笑不语</p>
          <p class="block"><input type="radio" name="eovTen" value="3" id="1" :disabled="evaluation.isCompleteThree"
              v-model="evaluation.evaluationThreeValue.ten" @change="setEvaluation" />C.哈哈大笑</p>
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
@@ -742,7 +678,8 @@
                </button>
              </li>
              <li>
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree" class="parimary-btn">
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
                  class="parimary-btn">
                  评分标准
                </button>
              </li>
@@ -751,25 +688,25 @@
          <div class="c-r block" v-if="evaluatioThreeResults">您的得分：{{ evaluatioThreeResults }}</div>
          <div v-show="evaluation.showCheckAnswerThree" class="mb-30">
            <p class="block">（二）评分标准与结果分析</p>
          <p class="block">
            此测试为计分式，选A得1分，选B得2分，选C得3分，最后将每道题的得分相加。
          </p>
          <p class="block">1.得分10～15分，职场沟通力：20分。</p>
          <p class="block">
            你的职场沟通力还停留在有待及格的级别哦！请多多观察那些人缘好的人是怎样说话做事的吧，不然想晋升可是有些困难哦！
          </p>
          <p class="block">2.得分16～20分，职场沟通力：50分。</p>
          <p class="block">
            你还在及格的分数线左右徘徊哦！你和同事的关系不咸不淡，你的工作职位也不高不低，很大原因在于你并不是那么会察言观色。如果你能在人际关系上加点油，相信你会有更大的发展！
          </p>
          <p class="block">3.得分21～24分，职场沟通力：70分。</p>
          <p class="block">
            不错呀，你也算是一个情商高、善解人意、体贴同事的人啦！虽然你说不上是八面玲珑，但在公司也算是人缘非常不错的一个人了，只需多多注意一些小细节，你很有潜力成为职场红人。
          </p>
          <p class="block">4.得分25～30分，职场沟通力：99分。</p>
          <p class="block">
            恭喜你获得如此高的分数！显然你是一个情商智商双高、处事周详、为人和善的人！无论面对怎样的情况，你基本上都知道如何寻找最圆满的解决办法。
          </p>
            <p class="block">
              此测试为计分式，选A得1分，选B得2分，选C得3分，最后将每道题的得分相加。
            </p>
            <p class="block">1.得分10～15分，职场沟通力：20分。</p>
            <p class="block">
              你的职场沟通力还停留在有待及格的级别哦！请多多观察那些人缘好的人是怎样说话做事的吧，不然想晋升可是有些困难哦！
            </p>
            <p class="block">2.得分16～20分，职场沟通力：50分。</p>
            <p class="block">
              你还在及格的分数线左右徘徊哦！你和同事的关系不咸不淡，你的工作职位也不高不低，很大原因在于你并不是那么会察言观色。如果你能在人际关系上加点油，相信你会有更大的发展！
            </p>
            <p class="block">3.得分21～24分，职场沟通力：70分。</p>
            <p class="block">
              不错呀，你也算是一个情商高、善解人意、体贴同事的人啦！虽然你说不上是八面玲珑，但在公司也算是人缘非常不错的一个人了，只需多多注意一些小细节，你很有潜力成为职场红人。
            </p>
            <p class="block">4.得分25～30分，职场沟通力：99分。</p>
            <p class="block">
              恭喜你获得如此高的分数！显然你是一个情商智商双高、处事周详、为人和善的人！无论面对怎样的情况，你基本上都知道如何寻找最圆满的解决办法。
            </p>
          </div>
        </div>
      </div>
@@ -786,7 +723,7 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          

          <p class="center block">
            <span class="cs1">测试二 与上级沟通能力测试</span>
          </p>
@@ -795,178 +732,52 @@
            遇到如下的情景你会怎么做？请根据沟通情况打分。“一贯如此”得3分，“经常如此”得2分，“很少如此”得1分，最后将每道题的得分相加。
          </p>
          <p class="block">1.领导布置任务后，你会马上处理。</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvone"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvone" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvone" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvone" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.one" @change="setEvaluation" />很少如此</p>
          <p class="block">
            2.同事想出了一个点子，领导赞扬这是绝妙好计，你会说：“这主意真不错。”
          </p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvtwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvtwo" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.two" @change="setEvaluation" />很少如此</p>
          <p class="block">
            3.领导问了你某个与业务有关的问题，而你不知该如何回答，你会说：“让我再认真地想一想，15点以前给你答复好吗？”
          </p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvthree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvthree" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvthree" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvthree" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.three" @change="setEvaluation" />很少如此</p>
          <p class="block">4.面对批评表现冷静：“谢谢你告诉我，我会仔细考虑你的建议。”</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvfour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvfour" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvfour" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvfour" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.four" @change="setEvaluation" />很少如此</p>
          <p class="block">5.和领导交谈，选择领导心情愉悦、精力充沛的时候。</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvfive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five"
              @change="setEvaluation"
            />很少如此</p>
          <p class="block"><input type="radio" name="etvfive" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvfive" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvfive" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.five" @change="setEvaluation" />很少如此</p>
          <p class="block">6.向领导汇报工作前已准备好了详细的资料和数据。</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />一贯如此</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />经常如此</p>
          <p class="block"><input
              type="radio"
              name="etvsix"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six"
              @change="setEvaluation"
            />很少如此</p>
            <!-- 提交按钮 -->
          <p class="block"><input type="radio" name="etvsix" value="3" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />一贯如此</p>
          <p class="block"><input type="radio" name="etvsix" value="2" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />经常如此</p>
          <p class="block"><input type="radio" name="etvsix" value="1" id="1" :disabled="evaluation.isCompleteFour"
              v-model="evaluation.evaluationFourValue.six" @change="setEvaluation" />很少如此</p>
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
              <li>
@@ -988,75 +799,33 @@
          </div>
          <div class="c-r block" v-if="evaluationFourResults">您的得分：{{ evaluationFourResults }}</div>
          <div v-show="evaluation.showCheckAnswerFour" class="mb-30">
          <p class="block">（二）评分标准及结果分析</p>
          <p class="block">得分13～18分：能在工作中很好地运用沟通技巧，领导也很欣赏你。</p>
          <p class="block">
            得分5～12分：你已经掌握了一些沟通技巧，你的领导会认为你是一个有潜力的人，但是还需要不断努力。
          </p>
          <p class="block">
            得分5分以下：你需要学习一些和领导沟通的技巧了。适当改善一下沟通方式，会使你充分地展示自己的才能，争取更广阔的发展空间。
          </p>
        </div>
            <p class="block">（二）评分标准及结果分析</p>
            <p class="block">得分13～18分：能在工作中很好地运用沟通技巧，领导也很欣赏你。</p>
            <p class="block">
              得分5～12分：你已经掌握了一些沟通技巧，你的领导会认为你是一个有潜力的人，但是还需要不断努力。
            </p>
            <p class="block">
              得分5分以下：你需要学习一些和领导沟通的技巧了。适当改善一下沟通方式，会使你充分地展示自己的才能，争取更广阔的发展空间。
            </p>
          </div>
          <p class="center block mt-30">
            <span class="cs1">测试三 与同事的沟通能力评价</span>
          </p>
          <p class="block">（一）根据情景描述进行选择。</p>
          <p class="block">1.面对同事的缺点和错误，你会（　　）。</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />A.委婉沟通，引导对方发现</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />B.直言相告</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />C.和自己毫无关系</p>
          <p class="block"><input
              type="radio"
              name="ethvone"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one"
              @change="setEvaluation"
            />D.当面不说，事后和别人谈起</p>
          <p class="block"><input type="radio" name="ethvone" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />A.委婉沟通，引导对方发现</p>
          <p class="block"><input type="radio" name="ethvone" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />B.直言相告</p>
          <p class="block"><input type="radio" name="ethvone" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />C.和自己毫无关系</p>
          <p class="block"><input type="radio" name="ethvone" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.one" @change="setEvaluation" />D.当面不说，事后和别人谈起</p>
          <p class="block">2.发现同事的优点或同事取得了成绩，你会（　　）。</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />A.及时赞美和祝福</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />B.非常关心，想要向他学习</p>
          <p class="block"><input type="radio" name="ethvtwo" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />A.及时赞美和祝福</p>
          <p class="block"><input type="radio" name="ethvtwo" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />B.非常关心，想要向他学习</p>
        </div>
      </div>
    </div>
@@ -1073,189 +842,64 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />C.羡慕</p>
          <p class="block"><input
              type="radio"
              name="ethvtwo"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two"
              @change="setEvaluation"
            />D.心存嫉妒</p>
          <p class="block"><input type="radio" name="ethvtwo" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />C.羡慕</p>
          <p class="block"><input type="radio" name="ethvtwo" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.two" @change="setEvaluation" />D.心存嫉妒</p>
          <p class="block">3.当你听到同事在你面前说其他人坏话的时候，你会（　　）。</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />A.不传话，只是静静地听</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />B.当面制止</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />C.当面制止，并指出同事的缺点</p>
          <p class="block"><input
              type="radio"
              name="ethvthree"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three"
              @change="setEvaluation"
            />D.当面不说，事后悄悄告诉被诋毁的那个人</p>
          <p class="block"><input type="radio" name="ethvthree" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />A.不传话，只是静静地听</p>
          <p class="block"><input type="radio" name="ethvthree" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />B.当面制止</p>
          <p class="block"><input type="radio" name="ethvthree" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />C.当面制止，并指出同事的缺点</p>
          <p class="block"><input type="radio" name="ethvthree" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.three" @change="setEvaluation" />D.当面不说，事后悄悄告诉被诋毁的那个人</p>
          <p class="block">4.请求与自己关系很好的同事帮忙时，你（　　）。</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />A.礼貌、委婉</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />B.有外人在时礼貌，二人单独在一起时直接说</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />C.都很直接</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four"
              @change="setEvaluation"
            />D.以命令的口吻</p>
          <p class="block"><input type="radio" name="ethvfour" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />A.礼貌、委婉</p>
          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />B.有外人在时礼貌，二人单独在一起时直接说</p>
          <p class="block"><input type="radio" name="ethvfour" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />C.都很直接</p>
          <p class="block"><input type="radio" name="ethvfour" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.four" @change="setEvaluation" />D.以命令的口吻</p>
          <p class="block">
            5.你参加了老同学的婚礼，而你的朋友对婚礼很感兴趣，你会（　　）。
          </p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="3"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />A.详细叙说从你进来到离开时所看到和感觉到的相关细节</p>
          <p class="block"><input
              type="radio"
              name="ethvfour"
              value="2"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />B.说些自己认为重要的</p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="1"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />C.朋友问什么就答什么</p>
          <p class="block"><input
              type="radio"
              name="ethvfive"
              value="0"
              id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five"
              @change="setEvaluation"
            />D.感觉很累了，没什么好说的</p>
          <p class="block"><input type="radio" name="ethvfive" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />A.详细叙说从你进来到离开时所看到和感觉到的相关细节</p>
          <p class="block"><input type="radio" name="ethvfour" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />B.说些自己认为重要的</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />C.朋友问什么就答什么</p>
          <p class="block"><input type="radio" name="ethvfive" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.five" @change="setEvaluation" />D.感觉很累了，没什么好说的</p>
          <p class="block">
            6.由于单位需要，你和同事需要乘长途汽车去另一个地方，车程是10小时。而与你同行的是一个不爱多讲话的同事，你会（　　）。
          </p>
          <p class="block"><input type="radio" name="ethvsix" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />A.试图了解他，找出他感兴趣的话题</p>
          <p class="block"><input type="radio" name="ethvsix" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />B.主动沟通，找出共同话题</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />C.和他交谈，谈谈自己的感受</p>
          <p class="block"><input type="radio" name="ethvsix" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six"
              @change="setEvaluation"
            />D.看书、睡觉或吃东西</p>
          <p class="block"><input type="radio" name="ethvsix" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />A.试图了解他，找出他感兴趣的话题</p>
          <p class="block"><input type="radio" name="ethvsix" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />B.主动沟通，找出共同话题</p>
          <p class="block"><input type="radio" name="ethvfive" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />C.和他交谈，谈谈自己的感受</p>
          <p class="block"><input type="radio" name="ethvsix" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.six" @change="setEvaluation" />D.看书、睡觉或吃东西</p>
          <p class="block">
            7.你刚就任一家航空公司地面服务部主管，上班不久，你了解到本来公司中有几个同事想就任你的职位，总经理不同意提拔他们才招聘了你。对这几个同事，你会（　　）。
          </p>
          <p class="block"><input type="radio" name="ethvseven" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />A.主动认识他们，了解他们的长处，争取成为朋友</p>
          <p class="block"><input type="radio" name="ethvseven" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />B.不关心这个问题，做好自己的本职工作就好</p>
          <p class="block"><input type="radio" name="ethvseven" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />C.暗中打听他们，了解他们是否还会和你竞争</p>
          <p class="block"><input type="radio" name="ethvseven" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven"
              @change="setEvaluation"
            />D.暗中打听他们，并找机会为难他们</p>
          <p class="block"><input type="radio" name="ethvseven" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />A.主动认识他们，了解他们的长处，争取成为朋友</p>
          <p class="block"><input type="radio" name="ethvseven" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />B.不关心这个问题，做好自己的本职工作就好</p>
          <p class="block"><input type="radio" name="ethvseven" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />C.暗中打听他们，了解他们是否还会和你竞争</p>
          <p class="block"><input type="radio" name="ethvseven" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.seven" @change="setEvaluation" />D.暗中打听他们，并找机会为难他们</p>
          <p class="block">8.与不同身份的对象讲话，你会（　　）。</p>
          <p class="block"><input type="radio" name="ethveight" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />A.不管是什么场合，你都用一样的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />A.不管是什么场合，你都用一样的态度与之讲话</p>
        </div>
      </div>
    </div>
@@ -1271,106 +915,49 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="block"><input type="radio" name="ethveight" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />B.在不同的场合，你会用不同的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />C.与地位高的人说话，你总是有点紧张</p>
          <p class="block"><input type="radio" name="ethveight" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight"
              @change="setEvaluation"
            />D.与地位低的人说话，你总是漫不经心</p>
          <p class="block"><input type="radio" name="ethveight" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />B.在不同的场合，你会用不同的态度与之讲话</p>
          <p class="block"><input type="radio" name="ethveight" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />C.与地位高的人说话，你总是有点紧张</p>
          <p class="block"><input type="radio" name="ethveight" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eight" @change="setEvaluation" />D.与地位低的人说话，你总是漫不经心</p>
          <p class="block">9.听别人讲话时，你总是会（　　）。</p>
          <p class="block"><input type="radio" name="ethvnine" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />A.对别人的话表示感兴趣，记住所讲的要点</p>
          <p class="block"><input type="radio" name="ethvnine" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />B.请对方说出问题的重点</p>
          <p class="block"><input type="radio" name="ethvnine" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />C.对方老是讲些没必要的话时，你会立即打断他</p>
          <p class="block"><input type="radio" name="ethvnine" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine"
              @change="setEvaluation"
            />D.对方不知所云时，你会很烦躁，就去想或做别的事</p>
          <p class="block"><input type="radio" name="ethvnine" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />A.对别人的话表示感兴趣，记住所讲的要点</p>
          <p class="block"><input type="radio" name="ethvnine" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />B.请对方说出问题的重点</p>
          <p class="block"><input type="radio" name="ethvnine" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />C.对方老是讲些没必要的话时，你会立即打断他</p>
          <p class="block"><input type="radio" name="ethvnine" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.nine" @change="setEvaluation" />D.对方不知所云时，你会很烦躁，就去想或做别的事</p>
          <p class="block">10.当你在发表自己的看法，别人却不想听你说时，你会（　　）。</p>
          <p class="block"><input type="radio" name="ethvten" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />A.仔细分析对方不想听的原因，找机会换一个方式去说</p>
          <p class="block"><input type="radio" name="ethvten" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />B.等等看还有没有说的机会</p>
          <p class="block"><input type="radio" name="ethvten" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />C.就不说了，但你可能会很生气</p>
          <p class="block"><input type="radio" name="ethvten" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten"
              @change="setEvaluation"
            />D.马上气愤地走开</p>
          <p class="block"><input type="radio" name="ethvten" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />A.仔细分析对方不想听的原因，找机会换一个方式去说</p>
          <p class="block"><input type="radio" name="ethvten" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />B.等等看还有没有说的机会</p>
          <p class="block"><input type="radio" name="ethvten" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />C.就不说了，但你可能会很生气</p>
          <p class="block"><input type="radio" name="ethvten" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.ten" @change="setEvaluation" />D.马上气愤地走开</p>
          <p class="block">11.当你和同事产生误会时，你会（　　）。</p>
          <p class="block"><input type="radio" name="ethveleven" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />A.主动、及时找对方沟通，消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />B.通过第三方协调，消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />C.等候对方找自己消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven"
              @change="setEvaluation"
            />D.怀恨在心，找机会给对方点颜色看看</p>
          <p class="block"><input type="radio" name="ethveleven" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />A.主动、及时找对方沟通，消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />B.通过第三方协调，消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />C.等候对方找自己消除误会</p>
          <p class="block"><input type="radio" name="ethveleven" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.eleven" @change="setEvaluation" />D.怀恨在心，找机会给对方点颜色看看</p>
          <p class="block">12.当你进入一家新公司时，你认识新同事的方法是（　　）。</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />A.找机会主动介绍自己，认识每一个人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />B.积极认识本部门的人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />C.在工作中慢慢熟悉</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1"
              :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve"
              @change="setEvaluation"
            />D.等待别人来认识你</p>
            <div class="w100 fl ju-cn">
          <p class="block"><input type="radio" name="ethvtwelve" value="3" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />A.找机会主动介绍自己，认识每一个人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="2" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />B.积极认识本部门的人</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="1" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />C.在工作中慢慢熟悉</p>
          <p class="block"><input type="radio" name="ethvtwelve" value="0" id="1" :disabled="evaluation.isCompleteFive"
              v-model="evaluation.evaluationFiveValue.twelve" @change="setEvaluation" />D.等待别人来认识你</p>
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
              <li>
                <button class="btn-border btn-w" @click="goCheckFive">
@@ -1389,16 +976,17 @@
              </li>
            </ul>
          </div>
          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">您的得分：{{ evaluationFiveResults }}</div>
            <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
          <p class="block">
            以上各题，选A得3分，选B得2分，选C得1分，选D得0分，最后将每道题的得分相加。
          </p>
          <p class="block">（二）评分标准及结果分析</p>
          <p class="block">得分为28分以上：你与同事的沟通能力很好，请继续保持。</p>
          <p class="block">得分为18～28分：你与同事的沟通能力一般，请努力提升。</p>
          <p class="block">得分为18分以下：你与同事的沟通能力十分欠缺，需要努力提升。</p>
        </div>
          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">您的得分：{{
            evaluationFiveResults }}</div>
          <div v-show="evaluation.showCheckAnswerFive" class="mb-30">
            <p class="block">
              以上各题，选A得3分，选B得2分，选C得1分，选D得0分，最后将每道题的得分相加。
            </p>
            <p class="block">（二）评分标准及结果分析</p>
            <p class="block">得分为28分以上：你与同事的沟通能力很好，请继续保持。</p>
            <p class="block">得分为18～28分：你与同事的沟通能力一般，请努力提升。</p>
            <p class="block">得分为18分以下：你与同事的沟通能力十分欠缺，需要努力提升。</p>
          </div>
        </div>
      </div>
    </div>
@@ -1427,57 +1015,48 @@
          <p>学完本项目内容，请谈谈你在生活学习中沟通的方法和不足之处。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.简述与同事沟通的技巧。</p>
          <textarea v-model="questionData.projectOne.one.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.one.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>2.简述工作中分歧的处理方式。</p>
          <textarea v-model="questionData.projectOne.two.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.two.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>3.简述与生病旅客的沟通方法。</p>
          <textarea v-model="questionData.projectOne.three.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>4.民航服务人员与人沟通的原则应包括（　　）。（多选题）</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.爱心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.责任心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.包容心</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.同情心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.爱心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.责任心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.包容心</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.同情心</p>
          <p>5.与重要旅客该如何沟通？谈谈你的见解。</p>
          <textarea v-model="questionData.projectOne.five.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>6.沟通中“五心服务”是指哪五心？</p>
          <textarea v-model="questionData.projectOne.six.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
            <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>

        </div>
      </div>
    </div>
@@ -1499,7 +1078,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>

          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitThree-02.png" alt=""></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>
@@ -1521,7 +1101,7 @@
            <p class="fz-15">
              航程中，当乘务员在为旅客发放饮料做准备时，一名情绪激动的旅客冲进服务间阻碍乘务员工作。发现问题后，乘务长第一时间赶了过来，听见这位中年旅客正在大声斥责：“你们是什么态度！我想要毛毯，按了两次呼唤铃，乘务员都没有给我。我要投诉你们。”
            </p>
            <p  class="fz-15">
            <p class="fz-15">
              原来，这位是从商务舱调整到普通舱的旅客，因为感觉空调温度太低，找乘务员要毛毯，乘务员了解需求并回工作间取毛毯的过程中，遇到同事在进行餐饮准备，乘务员就顺便帮同事做起了备餐工作。
            </p>
          </div>
@@ -1534,11 +1114,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.您认为旅客的投诉有道理吗？</p>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.如果你是这名乘务长，你会怎么处理该投诉呢？</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1564,6 +1144,25 @@
          <p>1.了解旅客投诉的概念。</p>
          <p>2.了解旅客投诉的原因。</p>
          <p>3.理解正确处理旅客投诉的意义。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNine" 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.isCollectVideoEight ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '1f04f081f61aa13373daa7b8b92cc750'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d078">一、旅客投诉的概念</h4>
          <p>
            旅客投诉是指旅客通过信函、电话、传真、来访等形式反映产品或服务质量问题的行动。
@@ -1575,6 +1174,25 @@
            旅客投诉在一定程度上反映了航空公司的服务态度和服务质量，折射出服务人员的服务技巧和综合素养，会对航空公司的品牌和市场发展带来重要的影响。
          </p>
          <h4 id="d079">二、民航旅客投诉的原因</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTen" 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.isCollectVideoNine ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '222a20d4bcb6805836684e0d96752ae3'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民航服务是一种无形的产品，具有不可储存性、生产和消费的同步性。因此，旅客对服务的满意程度来自旅客在服务现场与服务人员交往过程中的点滴体验。我们可以综合以下因素分析民航旅客投诉的原因。
          </p>
@@ -1586,9 +1204,6 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            2018年6月，某航空公司从内蒙古飞往北京的航班因控制管制原因延误了8小时，航班落地后机上19名旅客因不满而拒绝下飞机。
          </p>
          <p class="block">
            通过了解后得知，在8小时的等待过程中，旅客产生了负面情绪，但地面工作人员
          </p>
        </div>
      </div>
@@ -1605,8 +1220,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="block td-0">
            没有给予旅客应有的照顾和安慰，导致在通知登机时一些旅客提出先赔偿再登机。然而，地面工作人员却说：“你们爱上不上，不上拉倒！行李随机带走，带到哪里是哪里。”
          <p class="block">
            通过了解后得知，在8小时的等待过程中，旅客产生了负面情绪，但地面工作人员没有给予旅客应有的照顾和安慰，导致在通知登机时一些旅客提出先赔偿再登机。然而，地面工作人员却说：“你们爱上不上，不上拉倒！行李随机带走，带到哪里是哪里。”
          </p>
          <p class="block">
            这一系列的做法导致19名旅客集体拒绝下机并向该航空公司提出投诉和经济赔偿。
@@ -1620,13 +1235,13 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.该案例中引发旅客投诉的原因是什么？</p>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.你觉得旅客投诉行为是否合理？民航服务企业该如何避免这种情况？
              </p>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1652,11 +1267,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.旅客对该事件提出投诉是否合理？导致投诉的原因是什么？</p>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.航空公司后续应如何处理才能消除旅客的误解？</p>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1741,11 +1356,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.航空公司对此事件是否应承担责任？</p>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你作为航空公司的负责人该如何处理此事？</p>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1810,8 +1425,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>该案例中，樊小姐投诉的原因是什么？</p>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1820,6 +1435,7 @@
          <p>
            如果航司能提前告知旅客，给旅客充分的知情权和选择权，就能避免很多矛盾和投诉。
          </p>

        </div>
      </div>
    </div>
@@ -1853,8 +1469,8 @@
              <p>
                对于保持信息公开以及积极采纳旅客投诉的途径，你还有哪些建议？
              </p>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e092">（三）积极沟通，主动承担原则</h5>
@@ -1912,7 +1528,7 @@
            <div class="bj3 fz-15">
              <p>从小张的经历中，你学到了什么呢？</p>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d082">二、民航旅客投诉处理的策略</h4>
@@ -1937,6 +1553,25 @@
          <p><b>任务目标：</b></p>
          <p>1.能够根据设定的场景完成旅客投诉的测试。</p>
          <p>2.能够完成处理旅客投诉的实训任务。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEleven" 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.isCollectVideoTen ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'b0ff55db0549ccb2f6c1b332798aa8d3'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1959,197 +1594,80 @@
          <p>
            1.民航服务过程中难免会出现一些不可预知的突发状况，而对这些突发状况的处置，有可能会引起投诉或其他连锁的反应。下列哪些属于民航旅客投诉的原因？（　　）（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.面对旅客投诉时管理滞后和不健全，使旅客投诉无用或投诉无门</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.民航服务人员的服务意识不足，因为行为举止或语言导致矛盾产生</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.民航服务人员颜值不高</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.民航服务人员的专业知识水平不高及服务技能不足</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.面对旅客投诉时管理滞后和不健全，使旅客投诉无用或投诉无门</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.民航服务人员的服务意识不足，因为行为举止或语言导致矛盾产生
          </p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.民航服务人员颜值不高</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.民航服务人员的专业知识水平不高及服务技能不足</p>
          <p>
            2.旅客投诉是一把双刃剑，当出现旅客投诉的时候，应遵循哪些处理的基本原则？（　　）（多选题）
          </p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.旅客为先、真诚服务的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.积极沟通、主动担责的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.事不关己、高高在上的原则</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.及时解决、绝不拖延的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.旅客为先、真诚服务的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.积极沟通、主动担责的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.事不关己、高高在上的原则</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.及时解决、绝不拖延的原则</p>
          <p>3.关于客户投诉对航司的意义，表述不正确的是（　　）。（单选题）</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.可以挽留住顾客</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.挽回客户对航司的信任</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.增加航司知名度</p>
          <p><input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.帮助企业及时发现问题</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.可以挽留住顾客</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.挽回客户对航司的信任</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.增加航司知名度</p>
          <p><input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.帮助企业及时发现问题</p>
          <p>4.在投诉处理后，客服人员的工作不包括（　　）。（单选题）</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.自我控制</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.自我对话</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.自我检讨</p>
          <p><input
              type="radio"
              name="QFour"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.自我安慰</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.自我控制</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.自我对话</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.自我检讨</p>
          <p><input type="radio" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.自我安慰</p>
          <p>
            5.下列选项中不属于民航员工正确处理旅客投诉的原则的是（　　）。（单选题）
          </p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />A.迅速采取行动</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />B.站在旅客的立场将心比心</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />C.先处理事件，后处理情感</p>
          <p><input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="D"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />D.耐心倾听旅客的抱怨</p>
        </div>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.迅速采取行动</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.站在旅客的立场将心比心</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.先处理事件，后处理情感</p>
          <p><input type="radio" name="QFive" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />D.耐心倾听旅客的抱怨</p>
              <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
            </div>
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -2159,117 +1677,134 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterThree",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      videoPathEleven: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
          six:'',
          seven:'',
          eight:'',
          nine:'',
          ten:'',
          eleven:'',
          twelve:'',
          thirteen:'',
          fourteen:'',
          fifteen:'',
          sixteen:'', 
          seventeen:''
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
          six: '',
          seven: '',
          eight: '',
          nine: '',
          ten: '',
          eleven: '',
          twelve: '',
          thirteen: '',
          fourteen: '',
          fifteen: '',
          sixteen: '',
          seventeen: ''
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:""
          five: {
            value: ""
          },
          six:{
            value:""
          six: {
            value: ""
          }
          

        },
        projectTwo:{
          one:{
            value:[]
        projectTwo: {
          one: {
            value: []
          },
          two:{
            value:[]
          two: {
            value: []
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:""
          four: {
            value: ""
          },
          five:{
            value:""
          five: {
            value: ""
          },
          
          


        },

      },
      evaluation:{
      evaluation: {
        isCompleteThree: false,
        isCompleteFour: false,
        isCompleteFive: false,
        showCheckAnswerThree:false,
        showCheckAnswerFour:false,
        showCheckAnswerFive:false,
        showCheckAnswerThree: false,
        showCheckAnswerFour: false,
        showCheckAnswerFive: false,
        evaluationThreeValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
          ten: "",
        }, //测评答案
        

        evaluationFourValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
        }, //测评答案
        evaluationFiveValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
@@ -2278,10 +1813,40 @@
          twelve: "",
        }, //测评答案
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideoOne: false,
        isCollectVideoTwo: false,
        isCollectVideoThree: false,
        isCollectVideoFour: false,
        isCollectVideoFive: false,
        isCollectVideoSix: false,
        isCollectVideoSeven: false,
        isCollectVideoEight: false,
        isCollectVideoNine: false,
        isCollectVideoTen: false,
        isCollectVideoEleven: false,
      },
      evaluatioThreeResults: '', //测评结果
      evaluationFourResults: '', //测评结果
      evaluationFiveResults: '', //测评结果
      
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块三　民航职场沟通",
            questionNum: 108,
          },
          2: {
            questionTitleMain: "模块三　民航旅客投诉应对技巧",
            questionNum: 117,
          },
        },
      },
    };
  },
  async mounted() {
@@ -2313,17 +1878,55 @@
    if (evaluationFourData) {
      this.evaluationFourResults = evaluationFourData;
    }
    

    const evaluationFiveData = localStorage.getItem(
      "aviationEtiquette-book-evaluation-five"
    );
    if (evaluationFiveData) {
      this.evaluationFiveResults = evaluationFiveData;
    }
  
   

    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
    );
  },
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "6f3a3b8b1b5eb8b942f57b7c6ef20ff7"
      );
      this.videoPathTwo = await getResourcePath(
        "45d4dc432a32a81d20421fa6b8ebe50b"
      );
      this.videoPathThree = await getResourcePath(
        "05d9e675723ecfe512ae2aba64ba08fa"
      );
      this.videoPathFour = await getResourcePath(
        "f768963b0e70d05a065c3094c9a6a6af"
      );
      this.videoPathFive = await getResourcePath(
        "ada8ecd6349bf5d0c6ee2b6642e9effc"
      );
      this.videoPathSix = await getResourcePath(
        "9c6c01fac88c9dda705bdfd05df3b0ec"
      );
      this.videoPathSeven = await getResourcePath(
        "81574f24a780ca2ed16b023eb795ce04"
      );
      this.videoPathEight = await getResourcePath(
        "65f1f06c69581442b53aefac9da33353"
      );
      this.videoPathNine = await getResourcePath(
        "1f04f081f61aa13373daa7b8b92cc750"
      );
      this.videoPathTen = await getResourcePath(
        "222a20d4bcb6805836684e0d96752ae3"
      );
      this.videoPathEleven = await getResourcePath(
        "b0ff55db0549ccb2f6c1b332798aa8d3"
      );
    },

    setBookQuestion() {
      localStorage.setItem(
@@ -2331,111 +1934,225 @@
        JSON.stringify(this.questionData)
      );
    },

    //测试提交
    setEvaluation(){
    setEvaluation() {
      // localStorage.setItem(
      //   "aviationEtiquette-book-chapter01-evaluation",
      //   JSON.stringify(this.evaluation)
      // );
    },

    goCheckThree(){
    goCheckThree() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationThreeValue) {
        if (this.evaluation.evaluationThreeValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationThreeValue[key])
          obj = obj + cont
        }else{
          index ++ 
        } else {
          index++
        }
      }
      console.log(index,this.evaluation.evaluationThreeValue)
      if(index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
      console.log(index, this.evaluation.evaluationThreeValue)
      if (index > 0 || Object.keys(this.evaluation.evaluationThreeValue).length < 10) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluatioThreeResults = obj
        this.evaluation.showCheckAnswerThree = true
        this.evaluation.isCompleteThree = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-three",this.evaluatioThreeResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-three", this.evaluatioThreeResults);
      }
    },
    changeCheckThree(){
    changeCheckThree() {
      this.evaluatioThreeResults = ''
      this.evaluation.evaluationThreeValue = {}
      this.evaluation.isCompleteThree = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-three");
    },
    goCheckFour(){
    goCheckFour() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationFourValue) {
        if (this.evaluation.evaluationFourValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationFourValue[key])
          obj = obj + cont
        }else{
        } else {
          index++
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
      if (index > 0 || Object.keys(this.evaluation.evaluationFourValue).length < 6) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationFourResults = obj
        this.evaluation.showCheckAnswerFour = true
        this.evaluation.isCompleteFour = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-four",this.evaluationFourResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-four", this.evaluationFourResults);
      }
    },
    changeCheckFour(){
    changeCheckFour() {
      this.evaluationFourResults = ''
      this.evaluation.evaluationFourValue = {}
      this.evaluation.isCompleteFour = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-four");
    },
    goCheckFive(){
    goCheckFive() {
      let obj = 0
      let index = 0
      for (let key in this.evaluation.evaluationFiveValue) {
        if (this.evaluation.evaluationFiveValue[key] !== '') {
          let cont = Number(this.evaluation.evaluationFiveValue[key])
          obj = obj + cont
        }else{
        } else {
          index++
        }
      }
      if(index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
      if (index > 0 || Object.keys(this.evaluation.evaluationFiveValue).length < 12) {
        this.$message({
            message: "您还有题目未选择答案",
            type: "warning"
          });
          return;
      }else{
          message: "您还有题目未选择答案",
          type: "warning"
        });
        return;
      } else {
        this.evaluationFiveResults = obj
        this.evaluation.showCheckAnswerFive = true
        this.evaluation.isCompleteFive = true
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-five",this.evaluationFiveResults);
        localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
        localStorage.setItem("aviationEtiquette-book-evaluation-five", this.evaluationFiveResults);
      }
    },
    changeCheckFive(){
    changeCheckFive() {
      this.evaluationFiveResults = ''
      this.evaluation.evaluationFiveValue = {}
      this.evaluation.isCompleteFive = false
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003",JSON.stringify(this.evaluation));
      localStorage.setItem("aviationEtiquette-book-evaluation-chapter003", JSON.stringify(this.evaluation));
      localStorage.removeItem("aviationEtiquette-book-evaluation-five");
    },

    handleCollect(e) {
      if (e == "video-01") {
        this.handleCollectResource(
          "4f0afd466e16bde40a447ff467452181",
          "4f0afd466e16bde40a447ff467452181",
          "",
          "视频",
          "bits",
          "视频：川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
          "6f3a3b8b1b5eb8b942f57b7c6ef20ff7",
          "",
          "视频",
          "bits",
          "视频：民航五种沟通风格"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "45d4dc432a32a81d20421fa6b8ebe50b",
          "45d4dc432a32a81d20421fa6b8ebe50b",
          "",
          "视频",
          "bits",
          "视频：客舱服务沟通--有效沟通"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频：客舱服务沟通--无效沟通"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "05d9e675723ecfe512ae2aba64ba08fa",
          "05d9e675723ecfe512ae2aba64ba08fa",
          "",
          "视频",
          "bits",
          "视频：老年旅客服务沟通话术"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "9c6c01fac88c9dda705bdfd05df3b0ec",
          "9c6c01fac88c9dda705bdfd05df3b0ec",
          "",
          "视频",
          "bits",
          "视频：旅客挑剔时的服务沟通话术"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "81574f24a780ca2ed16b023eb795ce04",
          "81574f24a780ca2ed16b023eb795ce04",
          "",
          "视频",
          "bits",
          "视频：旅客错过送餐诉求处理话术演示"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "65f1f06c69581442b53aefac9da33353",
          "65f1f06c69581442b53aefac9da33353",
          "",
          "视频",
          "bits",
          "视频：民航职场沟通认知"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-09") {
        this.handleCollectResource(
          "1f04f081f61aa13373daa7b8b92cc750",
          "1f04f081f61aa13373daa7b8b92cc750",
          "",
          "视频",
          "bits",
          "视频：民航旅客投诉应对技巧"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-10") {
        this.handleCollectResource(
          "222a20d4bcb6805836684e0d96752ae3",
          "222a20d4bcb6805836684e0d96752ae3",
          "",
          "视频",
          "bits",
          "视频：飞机故障导致投诉的处理话术"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }else if (e == "video-11") {
        this.handleCollectResource(
          "b0ff55db0549ccb2f6c1b332798aa8d3",
          "b0ff55db0549ccb2f6c1b332798aa8d3",
          "",
          "视频",
          "bits",
          "视频：旅客投诉原因的认知"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },


@@ -2444,6 +2161,13 @@
    },
    handleBlur() {
      this.isFocused = null; // 当textarea失去焦点时，设置为false
    },

    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },

    //资源收藏事件
@@ -2477,6 +2201,13 @@
        this.collectResourceList
      );
    },
    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>

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

@@ -5,16 +5,11 @@
      <div v-if="showPageList.indexOf(118) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerText pNum">112</li>
          <img
            class="headerImg mr-10"
            src="../../assets/images/yemei.png"
            alt=""
          />
          <img class="headerImg mr-10" src="../../assets/images/yemei.png" alt="" />
        </ul>
        <div class="bodystyle">
          <h1 id="a008">
            <span class="h1-bj">模块四</span
            ><span class="h1-bk">民航专业礼仪实训</span>
            <span class="h1-bj">模块四</span><span class="h1-bk">民航专业礼仪实训</span>
          </h1>
          <h2 id="b008">项目一　候机楼服务礼仪</h2>
          <div class="tp-3">
@@ -22,11 +17,11 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-01.png" alt=""></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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽即将和同学们一起去候机楼进行为期两个月的岗位学习。她迫切想知道候机楼服务的分类，需要掌握什么样的知识和技能，可能会遇到哪些旅客的疑问，该怎样处理。学习者通过本项目的学习，了解候机楼问询、导乘、值机和贵宾厅服务的职责要求及礼仪规范，形成对候机楼常见的几个主要岗位服务规范和操作流程的全面认知，提高对候机楼旅客的服务效率，为民航企业的服务品牌、服务印象管理做贡献，并通过优质服务，搭建良好的客户关系。
@@ -34,9 +29,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              2018年6月11日，下午两点半，一名外籍旅客焦急地来到问询台，服务人员小李立即起身迎接旅客并主动询问有什么能帮忙的。通过这名外籍旅客的表达，小李了解到，旅客在整理行李时，不慎把护照弄丢了。小李立即通知广播站进行失物招领播报，随后安抚旅客情绪，大概5分钟，就接到工作人员回复，找到了该名旅客的护照，而此时距离该名旅客乘坐的航班关闭还有6分钟。为了让旅客能够顺利乘坐航班，小李直接为这名外籍旅客安排了专门的导乘员，全程引导，在最后一刻旅客成功办理了值机手续。
@@ -45,32 +38,21 @@
          <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 fz-15">
              <p>
                1.案例中，外籍旅客顺利登机体现了候机楼服务中哪些岗位人员的优质服务呢？
              </p>
              <textarea
                v-model="questionData.askAbout.one"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.机场问询服务岗位通常是候机楼中解答旅客疑难的重要窗口，你觉得在问询服务中我们应该注意哪些礼仪规范呢？
              </p>
              <textarea
                v-model="questionData.askAbout.two"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -91,13 +73,50 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c026">
            <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>
          <p>2.了解候机楼问询服务岗位职责。</p>
          <p>3.掌握候机楼问询服务岗位工作人员礼仪规范。</p>
          <div class="video-box">
            <p class="center text td-0">
              <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 == 'e9002557d1ba0b28dbddf10c52612e3f'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <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 == 'da82b43c7571108d00a19ffcb5233a2e'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d083">一、候机楼问询服务的分类</h4>
          <p>
            机场问询服务人员是航空公司的对外形象大使，这个岗位是为乘客快速解决疑难问题、引导乘客顺利登机而设立的，是航空公司对外承诺“旅客至上，打造细致入微的服务”的一种体现。问询服务岗位人员应当遵循机场和航司制定的工作规范以及工作标准，做到注重仪表、展现礼貌。候机楼问询服务可通过以下方式进行分类。
@@ -113,21 +132,13 @@
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0119-1.jpg"
                />
                <img class="img-b" alt="" src="../../assets/images/0119-1.jpg" />
              </p>
              <p class="img">图4-1-1 现场问询</p>
            </span>
            <span>
              <p class="center openImgBox">
                <img
                  class="img-b"
                  alt=""
                  src="../../assets/images/0119-2.jpg"
                />
                <img class="img-b" alt="" src="../../assets/images/0119-2.jpg" />
              </p>
              <p class="img">图4-1-2 电话问询</p>
            </span>
@@ -141,11 +152,7 @@
        <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 pNum">114</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -184,7 +191,7 @@
            （3）应答旅客的提问或征询时，语言应简洁、准确，语气婉转，音量适中，不能词不达意，应从容不迫，按先来后到的次序，分轻重缓急，一一回答，不能只顾一位旅客，而忽略了其他旅客的存在。
          </p>
          <p>
            （4）对于旅客提出的无理要求，需要沉住气，婉言拒绝，或巧妙回答，做到有修养、有风度、不失礼；对于旅客的批评指责要包容和谦虚。如果问题确实是我们的不当或失职导致的，应立刻向乘客赔礼道歉，对乘客的关注表示感谢，立即报告或妥善处理。如果旅客提出的批评指责是因为误会和误解，我们也要第一时间向旅客表达歉意，
            （4）对于旅客提出的无理要求，需要沉住气，婉言拒绝，或巧妙回答，做到有修养、有风度、不失礼；对于旅客的批评指责要包容和谦虚。如果问题确实是我们的不当或失职导致的，应立刻向乘客赔礼道歉，对乘客的关注表示感谢，立即报告或妥善处理。如果旅客提出的批评指责是因为误会和误解，我们也要第一时间向旅客表达歉意，安抚旅客情绪。
          </p>
        </div>
      </div>
@@ -203,7 +210,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">安抚旅客情绪。</p>
          <p>
            （5）遇到解决不了的问题时，应先向旅客表达歉意，并引导旅客到能提供有效服务的部门或岗位，禁止说一些否定句。
          </p>
@@ -218,9 +224,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 fz-15">
@@ -228,13 +233,8 @@
              <p>
                分析：在机场，遇到航班延误，广播播报最多的是“天气原因”，而往往旅客眼前看到的是朗朗晴空，再去查看目的地的天气时，发现也显示晴朗，此时旅客难免会对航班延误的原因产生怀疑。事实上，“天气原因”有很多种情况：一是飞机因出发地天气状况不适宜起飞；二是飞机因目的地天气状况不适宜起飞；三是飞机因飞行航路上的天气状况不适宜起飞等。在全程航线上，只要有一个地方的天气状况出现异常，飞机就只能由于“天气原因”在原地停留。所以，晴空万里不代表飞行意义上的、旅客认为的正常天气。
              </p>
              <textarea
                v-model="questionData.askAbout.three"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e097">（二）电话问询服务礼仪</h5>
@@ -254,11 +254,7 @@
        <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 pNum">116</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -315,9 +311,27 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之反思·</span></p>
          <p>通过对问询服务的学习，同学们有何感悟和新颖的想法？</p>
          <h3 id="c027">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">导乘服务礼仪实训　</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">导乘服务礼仪实训　</span>
          </h3>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" 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.isCollectVideo02 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '36f02743b633758c2ecdee90af20fe34'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </p>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">背老人赶航班的“小跑哥”</span></p>
          <p class="block">
@@ -326,20 +340,14 @@
          <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 fz-15">
              <p>通过上述描述，你认为在导乘服务中应注意什么？有什么作用？</p>
              <textarea
                v-model="questionData.askAbout.four"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p><b>任务目标：</b></p>
@@ -365,11 +373,7 @@
        <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 pNum">118</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -392,6 +396,44 @@
            隔离桩的维护：隔离桩完好率100%，如有故障需通知值机主任；隔离桩不得有粘纸、尘土、打结、缠绕、松动、缺损等现象；隔离带整理频率不得少于10分钟/次，摆放间距相等，横平竖直，横向和纵向呈90°；遵循“三桩两带”原则，即每一个隔离带由两个竖桩配一根隔离带，并呈一条直线。隔离带不得超过一米黄线位置；不得超过划定区域，不得影响旅客通行。
          </p>
          <h4 id="d089">三、候机楼导乘服务礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" 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.isCollectVideo03 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '810345cbf8f3d003d9ff7247a5247570'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" 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.isCollectVideo04 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '2336e67a853728fa6a1d2b7a4a2d9abf'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e098">（一）积极主动响应旅客需求</h5>
          <p>
            响应性是指导乘人员向旅客提供服务的自发性，响应性决定了旅客为服务等待的时间和问题解决的效率。导乘人员对旅客响应及时，能够增加旅客的信任度和满意度，避免旅客出现不满情绪。
@@ -424,28 +466,17 @@
          <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 fz-15">
              <p>1.案例中，值机员小董为旅客提供了哪些暖心服务？</p>
              <textarea
                v-model="questionData.askAbout.five"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.谈一谈，你从该案例中得到了哪些启示？</p>
              <textarea
                v-model="questionData.askAbout.six"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e100">（三）严守规范提升服务质量</h5>
@@ -467,11 +498,7 @@
        <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 pNum">120</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -484,82 +511,39 @@
          <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 fz-15">
              <p>请将刚才提到的服务忌语进行改进，变成温暖规范的服务用语。</p>
              <p>
                不说“不知道，不清楚”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-15 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.seven"
                  @change="setBookQuestion"
                />
                不说“不知道，不清楚”——我们可以说：<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
                  v-model="questionData.askAbout.seven" @change="setBookQuestion" />
              </p>
              <p>
                不说“你怎么还不明白”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-15 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.eight"
                  @change="setBookQuestion"
                />
                不说“你怎么还不明白”——我们可以说：<input type="text" name="ball1" class="fz-15 input-box" style="width: 200px"
                  v-model="questionData.askAbout.eight" @change="setBookQuestion" />
              </p>
              <p>
                不说“刚才不是已经告诉你了吗”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 130px"
                  v-model="questionData.askAbout.nine"
                  @change="setBookQuestion"
                />
                不说“刚才不是已经告诉你了吗”——我们可以说：<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
                  v-model="questionData.askAbout.nine" @change="setBookQuestion" />
              </p>
              <p>
                不说“哪买的票哪退去，别找我们”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 115px"
                  v-model="questionData.askAbout.ten"
                  @change="setBookQuestion"
                />
                不说“哪买的票哪退去，别找我们”——我们可以说：<input type="text" name="ball1" class="fz-16 input-box" style="width: 115px"
                  v-model="questionData.askAbout.ten" @change="setBookQuestion" />
              </p>
              <p>
                不说“急什么，别催我”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 200px"
                  v-model="questionData.askAbout.eleven"
                  @change="setBookQuestion"
                />
                不说“急什么，别催我”——我们可以说：<input type="text" name="ball1" class="fz-16 input-box" style="width: 200px"
                  v-model="questionData.askAbout.eleven" @change="setBookQuestion" />
              </p>
              <p>
                不说“爱找谁找谁，我解决不了”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 130px"
                  v-model="questionData.askAbout.twelve"
                  @change="setBookQuestion"
                />
                不说“爱找谁找谁，我解决不了”——我们可以说：<input type="text" name="ball1" class="fz-16 input-box" style="width: 130px"
                  v-model="questionData.askAbout.twelve" @change="setBookQuestion" />
              </p>
              <p>
                不说“挤什么挤，后面等着去”——我们可以说：<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 140px"
                  v-model="questionData.askAbout.thirteen"
                  @change="setBookQuestion"
                />
                不说“挤什么挤，后面等着去”——我们可以说：<input type="text" name="ball1" class="fz-16 input-box" style="width: 140px"
                  v-model="questionData.askAbout.thirteen" @change="setBookQuestion" />
              </p>
            </div>
          </div>
@@ -568,17 +552,31 @@
            <img class="img-0" alt="" src="../../assets/images/0126-1.jpg" />
          </p>
          <h3 id="c028">
            <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>
          <p>2.了解候机楼值机服务岗位工作人员的礼仪规范。</p>
          <p>3.能熟练运用礼仪规范。</p>
          <h4 id="d090">一、候机楼值机服务概述</h4>
          <p>
            值机服务是指航空公司为旅客办理乘机手续的全流程服务，基本流程包括：迎接旅
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideo05 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'f60bcf0daea848fdd87d931e0debffe7'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -596,8 +594,9 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <h4 id="d090">一、候机楼值机服务概述</h4>
          <p>
            客、查验旅客客票及证件、为旅客安排座位、收运托运旅客行李、和旅客告别。每一个流程，值机人员都应遵守相应的礼仪规范，为旅客提供满意的服务，以提高民航企业的形象，进而促进民航企业的发展。
            值机服务是指航空公司为旅客办理乘机手续的全流程服务，基本流程包括：迎接旅客、查验旅客客票及证件、为旅客安排座位、收运托运旅客行李、和旅客告别。每一个流程，值机人员都应遵守相应的礼仪规范，为旅客提供满意的服务，以提高民航企业的形象，进而促进民航企业的发展。
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
@@ -611,21 +610,13 @@
          <div class="fl al-fe mt-10">
            <span>
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0127-1.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0127-1.jpg" />
              </p>
              <p class="img">图4-1-3 迎接旅客</p>
            </span>
            <span>
              <p class="center openImgBox">
                <img
                  class="img-a"
                  alt=""
                  src="../../assets/images/0127-2.jpg"
                />
                <img class="img-a" alt="" src="../../assets/images/0127-2.jpg" />
              </p>
              <p class="img">图4-1-4 微笑</p>
            </span>
@@ -634,20 +625,14 @@
          <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 fz-15">
              <p>在检查旅客客票和证件时，应注意哪些方面？</p>
              <textarea
                v-model="questionData.askAbout.fourteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-15 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e102">（二）查验旅客客票及证件礼仪</h5>
@@ -666,11 +651,7 @@
        <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 pNum">122</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -696,19 +677,18 @@
          <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 fz-15">
              <p>你知道客舱座位的安排一般都遵循哪些原则吗？</p>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
            在通常情况下，值机员为旅客安排座位遵循以下几个原则：如果是同行旅客，应尽量安排在邻近的座位上；如果遇到孕妇等需要特殊照顾的旅客，一般安排在靠近客舱服务员或者方便出入的相对宽敞的座位上，但是不能安排在紧急出口；如果是航司的重要旅客，一般会安排在靠前的座位上，或者在公司允许条件下为其进行升舱服务；如果机
            在通常情况下，值机员为旅客安排座位遵循以下几个原则：如果是同行旅客，应尽量安排在邻近的座位上；如果遇到孕妇等需要特殊照顾的旅客，一般安排在靠近客舱服务员或者方便出入的相对宽敞的座位上，但是不能安排在紧急出口；如果是航司的重要旅客，一般会安排在靠前的座位上，或者在公司允许条件下为其进行升舱服务；如果机上有更加特殊的旅客，如公安机关需要押送的犯人旅客，不能安排在靠近紧急出口的座位上，也不能安排在靠窗的座位上，要保证公安人员的座位在犯人旅客座位的旁边。
          </p>
        </div>
      </div>
@@ -727,9 +707,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            上有更加特殊的旅客，如公安机关需要押送的犯人旅客，不能安排在靠近紧急出口的座位上，也不能安排在靠窗的座位上，要保证公安人员的座位在犯人旅客座位的旁边。
          </p>
          <h5 id="e104">（四）收运托运旅客行李礼仪</h5>
          <p>
            值机人员在给旅客办理收运、托运行李时，如果旅客没有主动说有行李需要托运，值机人员在为旅客打印好登机牌后，应主动询问旅客是否有托运的行李。如果旅客有行李要托运，收运旅客行李时，值机人员需要注意以下事项。
@@ -756,25 +733,63 @@
          <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 fz-15">
              <p>在递接客票、身份证及登机牌时，值机人员应注意哪些方面？</p>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
            <div class="bk5">
              <p><span class="bj2">·思政园地·</span></p>
            </div>
            <p>
              值机人员在整个民航旅客运输流程中扮演着非常重要的角色。值机人员不仅需要注意自身的礼仪举止，还要注意观察旅客的言行举止，从而树立和塑造良好的形象，提升亲和力。
            </p>
          </div>
          <h5 id="e105">（六）机场智慧值机服务</h5>
          <p>
            为了给旅客提供更加安全、便捷、高效、智能的服务，近年来，民航业正加快新技术的创新应用，持续提升服务工作的数字化、智慧化水平。我国的各种形式的特色值机业务发展也很快，近年来CUSS机在民用机场的普及率显著提高，各航空公司网站上普遍设置了自助值机板块，旅客使用的方便性也大大改善。中国航空公司的特色值机发展在全球已经处于前列。
          </p>
          <p>
            从机场服务到航班运行，从空中交通到地面保障，当前，智慧民航建设提升了民航运营效率和服务水平，成果惠及万千旅客。除了机场安检，在值机、行李托运和登机的各个环节，旅客在完成刷脸后便能快速办理手续。在视觉识别、人工智能算法等技术的帮助下，旅客不仅可以享受更便捷的登机服务，还可以体验更高效安全的行李托运服务。
          </p>
          <p class="center openImgBox">
            <img class="img-b" alt="" src="../../assets/images/0129-1.jpg" />
          </p>
          <p class="img">图4-1-6 CUSS机</p>
          <p>
            自助值机也成为很多旅客出行的首选，自助值机是旅客自主独立完成值机的全过程。
          </p>
          <p>
            旅客在自助值机时机场工作人员的礼仪服务也非常重要。
          </p>
          <p>
            负责自助值机的服务人员不仅需要熟悉智能化设备的操作，还需为旅客提供高效、友好的服务，其服务规范主要包括以下内容：
          </p>
          <p>
            （1）用规范专业的服务用语准确解答旅客使用自助值机终端、自助行李托运设备等的操作问题。
          </p>
          <p>
            （2）关注值机设备，确保设备正常运行。如遇不能服务旅客的故障设备，除及时处理或联系技术支持外，更要做好旅客的分流引导和解释工作。
          </p>
          <p>
            （3）引导旅客完成自助值机、行李托运、安检等流程，按操作规范减少排队时间。
          </p>
          <p>
            （4）为特殊旅客服务，如老人、儿童、残障人士等提供一对一协助，确保顺利值机。
          </p>
          <p>
            （5）及时为旅客提供航班动态、登机口信息、行李政策等咨询服务，解答旅客关于值机时间、行李限额、选座规则等问题。
          </p>
          <p>
            （6）帮助旅客完成人脸识别值机，确保身份信息准确无误。及时进行异常情况处理，因身份信息不符或系统识别失败导致的问题。
          </p>
          <p>
            （7）在旅客高峰期合理分流，引导旅客合理使用自助设备或人工柜台，从而提高值机效率和确保值机区域秩序井然，避免拥堵和混乱。
          </p>
          <p>
            （8）为部分旅客提供个性化服务，为其提供选座、升舱、特殊餐食等服务。为航空公司常旅客或VIP旅客提供专属值机通道和优先服务等。
          </p>
          <p>
            （9）记录旅客在使用智慧值机服务时遇到的常见问题，由所在部门反馈给技术团队优化系统。根据旅客反馈，提出改进值机流程和服务质量的建议。
          </p>
        </div>
      </div>
    </div>
@@ -784,28 +799,119 @@
        <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 pNum">124</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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>
            （10）智慧值机会节省部分人力服务，但对在岗的工作人员确有更高的服务要求，机场各岗位工作人员，在服务过程中需全程保持微笑服务，耐心解答旅客提出的各类问题，并提供温馨服务体验。还要保持好专业的职业形象，着装整洁，言行得体，展现机场服务人员的专业素养。
          </p>
          <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>
              </p>
            </div>
            <div class="bj3 fz-15">
              <p class="fl al-c">那么在引导旅客进行自助值机时，我们应当使用什么样的服务手势呢？
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="30" viewBox="0 0 20.501 20.501" class="c-p"
                  title="查看解析" @click="showAnswerOne = !showAnswerOne">
                  <path class="a"
                    d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
                    transform="translate(-3327.144 15329)" />
                </svg>
              </p>
              <textarea v-model="questionData.askAbout.twentyEight" placeholder="请输入内容" rows="4"
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <div class="event-header-text-bc" style="width: 90%;margin-left: 2em; padding: 0 10px;"
                v-if="showAnswerOne">
                <p>
                  解析：自助值机引导时，服务手势是非常重要的肢体语言。服务员应当五指并拢，向旅客需要点击的地方示意，避免用手指指指点点，使旅客产生“被命令”的不被尊重的感觉。
                </p>
                <p>
                  掌握自助值机服务常用的服务用语也是优质服务的小技巧哦
                </p>
                <p>
                  1.您好，请到这边的*号机器值机。
                </p>
                <p>
                  2.请放心，我会协助您的值机工作。
                </p>
                <p>
                  3.请将身份证正面朝上放到这里的区域。
                </p>
                <p>
                  4.请问您对座位有什么要求？这里是目前您可以选择的座位图，您看看有您喜欢的吗？
                </p>
                <p>
                  5.这个座位区域是指……您看是否愿意选择这个座位。
                </p>
                <p>
                  6.非常抱歉目前没有您最喜欢的座位，如果要选择紧急通道座位，您可以去人工值机柜台，请从这里往前直行，到20号柜台。
                </p>
                <p>
                  7.不用着急，我们再试一次。
                </p>
                <p>
                  8.请拿好您的登机牌，祝您旅途愉快。
                </p>
              </div>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p>
            请以小组为单位，模拟为自助值机旅客的服务，体会并总结服务用语。
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p>实习生小明在机场自助值机区域工作，一位老年旅客怎么也听不明白小明给他做的指导，也不太能理解自助值机机器的提示和指令，小明心理很着急，也很烦躁，在旅客面前表现的很不耐烦，导致旅客非常局促。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·寻礼之问·</span></p>
          <p>
            您是小明的师傅。您将怎样处理和解决现场的这个场景问题呢？
          </p>
          <div class="bk4">
            <div class="bk5">
              <p><span class="bj2">·思政园地·</span></p>
            </div>
            <p>
              值机人员在整个民航旅客运输流程中扮演着非常重要的角色。值机人员不仅需要注意自身的礼仪举止，还要注意观察旅客的言行举止，从而树立和塑造良好的形象，提升亲和力。
            </p>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
          <p class="center">
            <img class="img-0" alt="" src="../../assets/images/0130-1.jpg" />
          </p>
          <h3 id="c029">
            <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>
          <p>2.掌握贵宾厅服务礼仪并能在实践中熟练运用。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideo06 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '51ee040702ff1402026c948b82f8df55'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d092">一、贵宾厅服务概述</h4>
          <p>
            候机楼贵宾厅服务是指为重要人士提供机场全程引导、协助办理登机手续等服务。贵宾服务主要分为迎机服务和送机服务两种。
@@ -820,7 +926,7 @@
            机场贵宾候机厅是贵宾离港时相对停留较长的区域，也是服务人员与贵宾接触时间较长、对服务个性化要求相对更高的区域。因此，服务人员需掌握独特的礼仪规范要求。贵宾厅服务人员的基本规范包括以下几方面。
          </p>
          <p>
            （1）“三轻”服务——说话轻、动作轻、走路轻。巡视时需脚步轻缓，使用无声
            （1）“三轻”服务——说话轻、动作轻、走路轻。巡视时需脚步轻缓，使用无声设备。对休息室内音量过大或行为不雅的旅客进行必要的提醒或有效干预。
          </p>
        </div>
      </div>
@@ -839,9 +945,6 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            设备。对休息室内音量过大或行为不雅的旅客进行必要的提醒或有效干预。
          </p>
          <p>
            （2）“循环式不间断服务”——在不打扰旅客的基础上，每15分钟巡视一次旅客休息区域。
          </p>
@@ -864,9 +967,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 fz-15">
@@ -874,7 +976,7 @@
                从小东的服务故事中，你看出了贵宾厅服务的哪些内容？你觉得贵宾厅服务人员需要注意哪些礼仪呢？
              </p>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d093">二、贵宾厅服务礼仪</h4>
@@ -884,7 +986,7 @@
          </p>
          <h5 id="e107">（二）电梯引导礼仪</h5>
          <p>
            （1）遵循先进后出原则。在引导旅客乘坐无人驾驶的电梯时，服务人员应先在电
            （1）遵循先进后出原则。在引导旅客乘坐无人驾驶的电梯时，服务人员应先在电梯门前按呼梯按钮，当电梯门打开后，服务人员先进入电梯，站在按操作键的地方，以便服务旅客。进入电梯后一手扶住电梯门一侧或者一手按开电梯门按钮（防止夹到或夹伤旅客），请旅客进入电梯。
          </p>
        </div>
      </div>
@@ -895,20 +997,13 @@
        <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 pNum">126</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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 class="td-0">
            梯门前按呼梯按钮，当电梯门打开后，服务人员先进入电梯，站在按操作键的地方，以便服务旅客。进入电梯后一手扶住电梯门一侧或者一手按开电梯门按钮（防止夹到或夹伤旅客），请旅客进入电梯。
          </p>
          <p>
            出电梯时，应让旅客先出电梯，服务人员应一手做出请的动作，并按住开门按钮。等旅客走出电梯后，服务人员应立刻走出电梯，并引导旅客行进的方向。
          </p>
@@ -927,6 +1022,25 @@
            在为旅客服务时，热毛巾应放置于客人左手方向。送出时，服务人员应用手握住毛巾盘边缘，注意手指不要触摸到毛巾，回收时，使用毛巾夹和另外的毛巾盘。
          </p>
          <h6 id="f041">2.茶水服务礼仪</h6>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideo07 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '14ada4ec3e004795ecb3a9c2ad8ea386'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            （1）在为旅客进行茶水服务前，应注意不要使用有缺口或裂痕的茶杯，保持茶杯干净卫生。
          </p>
@@ -994,11 +1108,7 @@
        <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 pNum">128</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -1008,241 +1118,113 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.候机楼问询服务根据提供方可分为（　　）。</p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.机场问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.机场问询
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.联合问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.联合问询
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.联合问询、航空公司问询、机场问询
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.联合问询、航空公司问询、机场问询
          </p>
          <p>2.候机楼现场问询服务礼仪有哪些？（　　）。</p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.迎接旅客礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.迎接旅客礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.应答旅客问题礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.应答旅客问题礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.告别旅客礼仪
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.告别旅客礼仪
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.以上都是
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.以上都是
          </p>
          <p>
            3.直行带工作要求：排队超过（　　）人时，增加柜台；团队超过（　　）人时，增加柜台。
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.4～5，6
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.4～5，6
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.6～8，8
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.6～8，8
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.8～10，9
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.8～10，9
          </p>
          <p>
            <input
              type="radio"
              name="QThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />D.8～10，10
            <input type="radio" name="QThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.8～10，10
          </p>
          <p>4.候机楼值机服务的基本流程有（　　）。</p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.迎接旅客，收运、托运旅客行李
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.迎接旅客，收运、托运旅客行李
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.查检旅客客票及证件，同旅客告别
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.查检旅客客票及证件，同旅客告别
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.为旅客安排座位
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.为旅客安排座位
          </p>
          <p>
            <input
              type="checkbox"
              name="QFour"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.迎接旅客，检查旅客客票及证件，为旅客安排座位，收运托运旅客行李
            <input type="checkbox" name="QFour" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.迎接旅客，检查旅客客票及证件，为旅客安排座位，收运托运旅客行李
          </p>
          <p>5.酒水服务礼仪中，红葡萄酒应倒满杯子的（　　）。</p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />A.1/3
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />A.1/3
          </p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />B.2/3
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />B.2/3
          </p>
          <p>
            <input
              type="radio"
              name="QFive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />C.倒满
            <input type="radio" name="QFive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />C.倒满
          </p>
          <p>6.有效的身份证件包括什么？</p>
          <textarea
            v-model="questionData.projectOne.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>7.简述回答旅客问题的技巧。</p>
          <textarea
            v-model="questionData.projectOne.seven.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.seven.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>8.简述贵宾厅服务中的“三轻服务”“循环式不间断服务”“零呼唤管理”。</p>
          <textarea
            v-model="questionData.projectOne.eight.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>9.电梯引导礼仪应遵循哪些原则？</p>
          <textarea
            v-model="questionData.projectOne.nine.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.nine.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -1266,11 +1248,30 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-02.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNine" 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.isCollectVideo08 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '808ca04bce334463e3e10b26edecec82'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              在候机楼服务实习中，李丽看到一位旅客因为行李总是无法通过安检机而不满，李丽既需要向他做好解释和服务，更要确保民航安全，确保服务符合规范。李丽应该怎样做才能让她的安检服务获得旅客的认可呢？通过本项目的学习，了解安检服务的职责要求及服务礼仪规范，形成对安检服务的全面认知并及时有效地完成旅客安全检查，提高服务旅客的效率，避免安全隐患的发生，为旅客保驾护航。
@@ -1278,9 +1279,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              旅客张女士办理完登机手续准备进行安全检查，安检员要求其脱掉大衣再过检，由于张女士大衣里面只穿了无袖的T恤，便说不方便脱大衣。看到张女士不配合安检的要求，安检员很生气，就连接过张女士的手提行李时也没能控制自己的不满，随手将张女士的手提行李扔到传送带上。看到自己的行李被扔到传送带上，张女士非常生气地说：“为什么扔我的包？”安检员说：“你不配合我们的工作，我为什么不能扔！”两人发生了口角之争和肢体冲突。
@@ -1289,15 +1288,14 @@
          <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 fz-15">
              <p>你认为在安检服务中应怎样规范自己的言行举止？</p>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1315,11 +1313,7 @@
        <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 pNum">130</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -1327,12 +1321,30 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c030">
            <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>
          <p>2.掌握人身安全检查服务人员礼仪规范，并在实践中熟练运用</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTen" 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.isCollectVideo09 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '8086dfd8f1307041be4e7e4b15aee1b4'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d094">一、人身安全检查服务的概述</h4>
          <p>
            人身安全检查主要是通过检查旅客身上是否携带枪支、易燃易爆物品、腐蚀性物品、有毒物品等，保障航空器及旅客的安全。人身安全检查不存在免检情况，必须在旅客登机前进行，否则不允许登机（见图4-2-1）。
@@ -1373,9 +1385,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 fz-15">
@@ -1385,16 +1396,35 @@
              <p>
                1.上述案例中描述的是哪个安检岗位安检员的工作场景？当值安检员有哪些礼仪缺失的地方？
              </p>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.上述案例中，负责人身检查的安检员是否可以在一定程度上对因前序工作导致不满情绪的旅客进行安抚呢？如果可以，应该怎么做呢？
              </p>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d096">三、人身安全检查服务的礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEleven" 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.isCollectVideo10 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'a77181ba5fdb0f851bb43cb61ec3fed2'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-11')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e112">（一）人身安全检查员执勤礼仪规范</h5>
          <p>
            （1）安检员上班前不吃有异味的食物，不喝酒、抽烟，不吃零食，上班仪态要端庄。
@@ -1427,11 +1457,7 @@
        <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 pNum">132</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -1439,12 +1465,30 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c031">
            <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>
          <p>2.掌握开箱包检查人员的礼仪规范，并在实际训练中熟练运用。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwelve" 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.isCollectVideo11 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c583ec4fcdef8acae289d050c6e7eb78'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-12')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d097">一、开箱包检查服务概述</h4>
          <p>
            开箱包检查是指对用X射线机检查时，图像模糊不清的，X射线机发现类似电池、粉状物、液体状、导线等可疑物品，X射线机图像中显示有容器的物品，来历不明的物品等进行的检查。
@@ -1526,48 +1570,20 @@
            1.开箱包检查的正确步骤是（　　）。（单选题）
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.检查内层、检查箱包内物品
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.检查内层、检查箱包内物品
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.观察外观、检查箱包内物品
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.观察外观、检查箱包内物品
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.观察外观、检查内层和夹层、检查箱包内物品、善后处理
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.观察外观、检查内层和夹层、检查箱包内物品、善后处理
          </p>
          <p>
            <input
              type="radio"
              name="QusOne"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.观察外观、检查夹层、检查箱包内物品、善后处理
            <input type="radio" name="QusOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.观察外观、检查夹层、检查箱包内物品、善后处理
          </p>
        </div>
      </div>
@@ -1578,11 +1594,7 @@
        <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 pNum">134</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -1591,118 +1603,65 @@
        <div class="bodystyle">
          <p>2.开箱包检查时，以下哪些不是可疑物品？（　　）（单选题）</p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.电池
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.电池
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.粉状物
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.粉状物
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.固体状物
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.固体状物
          </p>
          <p>
            <input
              type="radio"
              name="QusTwo"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.导线
            <input type="radio" name="QusTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.导线
          </p>
          <p>3.常见的开箱包检查手法有（　　）（多选题）</p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.听
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.听
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.嗅
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.嗅
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.敲
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.敲
          </p>
          <p>
            <input
              type="checkbox"
              name="QusThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.摸
            <input type="checkbox" name="QusThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.摸
          </p>
          <p>4.简述人身安全检查的分类。</p>
          <textarea
            v-model="questionData.projectTwo.four.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.four.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>5.简述人身安全检查服务人员执勤礼仪规范。</p>
          <textarea
            v-model="questionData.projectTwo.five.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p>6.简述人身安全检查服务人员的仪容仪表礼仪规范。</p>
          <textarea
            v-model="questionData.projectTwo.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectTwo.six.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -1726,11 +1685,30 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFour-03.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThirteen" 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.isCollectVideo12 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '027d59276957d481732b80db9aad6768'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-13')" />
              </el-tooltip>
            </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>
              <span class="span-box"></span><span class="span-text">项目描述</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽的职业规划是成为一名空中乘务员，在候机楼的服务中她了解了空地联动的重要性，理解了地面服务与空中服务的关系。客舱服务是航空服务的关键实施阶段，要成为一名合格的空中乘务员，不仅需要掌握客舱服务的技能，更要用心锤炼客舱服务艺术。李丽迫切地需要将所学的沟通礼仪、着装礼仪、行为礼仪、姿态礼仪与空乘专业技能有效融合并呈现在客舱服务中。学习者通过本项目的学习，将前期所学的礼仪知识和技能融会贯通地运用到模拟实训中，提升对客舱服务礼仪的实战能力，养成良好的工作礼仪习惯，提升客舱服务素养。
@@ -1738,9 +1716,7 @@
          </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>
              <span class="span-box"></span><span class="span-text">礼在身边</span><span class="span-box"></span>
            </p>
            <p class="fz-15">
              李丽的学姐李静通过面试成了航空公司的实习乘务员，经过培训后，她终于要走向自己的第一个执飞航班了。由于航班时刻较早，李静发现她的夏季制服裙清洗后未干，于是穿上秋季制服裙，并画上精致的妆容，还特意戴上了生日时妈妈送的运动手表。没想到召开准备会时乘务长却对她的着装和配饰都提出了批评。李静很难过，明明已经很用心整理了，为什么乘务长要批评她呢？
@@ -1749,30 +1725,47 @@
          <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 fz-15">
              <p>1.作为李静的学妹，面对难过的李静，李丽可以跟她说些什么？</p>
              <textarea v-model="questionData.askAbout.twentyOne" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.关于乘务员航前的仪容仪表规范，我们了解多少呢？</p>
              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>3.航前准备阶段还需要掌握哪些礼仪规范呢？</p>
              <textarea v-model="questionData.askAbout.twentyThree" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c032">
            <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>
          <p>2.了解准备会礼仪规范。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFourteen" 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.isCollectVideo13 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '0ca2f6d71dca30320627286ffbf5d60c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-14')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -1782,11 +1775,7 @@
        <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 pNum">136</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -1794,6 +1783,63 @@
        </ul>
        <div class="bodystyle">
          <h4 id="d101">一、乘务员着装礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFifteen" 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.isCollectVideo14 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '7923cd0317296eaea5fa8c513fe7dcca'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-15')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSixteen" 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.isCollectVideo15 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c1fa8a017a5538ff2e560b31d35232e1'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-16')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeventeen" 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.isCollectVideo16 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ea653cf2afa7376a6a032053596d9773'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-17')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            乘务员职业装能够凸显企业文化和职业特性，它不仅是航空公司和乘务员自身审美的体现，也是满足被服务旅客的审美、航程预约和良好乘机体验的需要。乘务员在穿着制服时，更要特别注意自己的仪表形象，使自己的言行、举止符合制服应表现出的企业文化和品牌价值。
          </p>
@@ -1822,10 +1868,6 @@
          <p>
            保持制服的干净、整洁、挺括，是制服保养的基本要求。每个航班结束后，应干洗制服；每次执行航班任务前，应熨烫制服。要养成检查制服有无损坏、污渍、掉扣、开线等情况的习惯，若发现拉链损坏、扣子掉落等问题，应立即修理补救。
          </p>
          <h5 id="e122">（五）管理和使用的规范</h5>
          <p>
            制服只允许在执行航班任务时穿，如果因出席重大活动或者在特殊场合需要穿着制
          </p>
        </div>
      </div>
    </div>
@@ -1843,10 +1885,30 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            服时，也应按要求穿着制服，除此之外的其他时间、场合不能穿着制服，更不允许将制服借给他人使用。
          <h5 id="e122">（五）管理和使用的规范</h5>
          <p>
            制服只允许在执行航班任务时穿，如果因出席重大活动或者在特殊场合需要穿着制服时，也应按要求穿着制服，除此之外的其他时间、场合不能穿着制服，更不允许将制服借给他人使用。
          </p>
          <h4 id="d102">二、准备会礼仪规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEighteen" 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.isCollectVideo17 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '53644acc8e99901f5794c047c6bb9c0c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-18')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            航前准备会是客舱乘务人员飞行任务前的一次总动员，由乘务长主持召开。航前准备会的主要内容包括：自我介绍、检查有效证件和仪容仪表、确认航班信息、工作职责分配、准备空防预案和应急预案。准备会礼仪规范包括见面的礼仪规范、物品摆放的礼仪规范、座序的礼仪规范、会议的礼仪规范。以下内容将详细介绍准备会礼仪规范。
          </p>
@@ -1876,7 +1938,7 @@
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="block">
            号位级别：在执行航班任务时，每个乘务员都有不同的号位，不同的号位代表不同的岗位职责区域，所以是不存在重复的号位的。分号位是为了让大家分工更加明确，从而能够更好地完成空中服务和安全保障工作。不同的机型，不同的号位职责也是不尽相
            号位级别：在执行航班任务时，每个乘务员都有不同的号位，不同的号位代表不同的岗位职责区域，所以是不存在重复的号位的。分号位是为了让大家分工更加明确，从而能够更好地完成空中服务和安全保障工作。不同的机型，不同的号位职责也是不尽相同的，规定相当细致复杂。不同号位的基本职责：负责几排到几排的服务，分发报纸，紧急脱离门、窗的操作，火情处置等。
          </p>
        </div>
      </div>
@@ -1887,20 +1949,13 @@
        <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 pNum">138</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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 class="td-0 block">
            同的，规定相当细致复杂。不同号位的基本职责：负责几排到几排的服务，分发报纸，紧急脱离门、窗的操作，火情处置等。
          </p>
          <h5 id="e126">（四）会议的礼仪规范</h5>
          <p>
            航前准备会通常包括“客舱服务说明”“客舱安全相关重点工作信息说明”“空防安全工作内容”等。“客舱服务说明”和“客舱安全相关重点工作信息说明”一般由会议主持人负责讲解，“空防安全工作内容”一般由安全员负责讲解。
@@ -1911,15 +1966,14 @@
          <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 fz-15">
              <p>航前准备阶段的礼仪中融合了前面课程中的哪些重点知识？</p>
              <textarea v-model="questionData.askAbout.twentyFour" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
@@ -1943,9 +1997,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 fz-15">
@@ -1954,10 +2007,10 @@
              </p>
              <p>1.你觉得刘慧做得对吗？</p>
              <textarea v-model="questionData.askAbout.twentyFive" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.对于迎客的礼仪规范，你知道多少？</p>
              <textarea v-model="questionData.askAbout.twentySix" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1978,14 +2031,70 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c033">
            <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>
          <p>2.掌握餐饮发放礼仪规范。</p>
          <p>3.掌握航程中问询礼仪规范。</p>
          <p>4.了解客舱安全检查礼仪规范。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNineteen" 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.isCollectVideo18 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '9a3ca4974c773071810305bc71d0686c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-19')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwenty" 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.isCollectVideo19 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '992d774600338d541b8311e623488367'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-20')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTwentyOne" 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.isCollectVideo20 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '6f51dba939e06ba2e93109dc99576899'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-21')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d103">一、迎客礼仪规范</h4>
          <p>
            良好、得体的礼仪运用，会带给旅客专业、亲切、温馨的印象，为后续提供的客舱服务奠定良好的基础。
@@ -2000,15 +2109,14 @@
          <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 fz-15">
              <p>旅客登机时，迎客的客舱乘务员应该站在哪里呢？</p>
              <textarea v-model="questionData.askAbout.twentySeven" placeholder="请输入内容" rows="4"
              class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
                class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e128">（二）迎客站位与站姿的规范</h5>
@@ -2022,10 +2130,6 @@
          <p>
            （3）迎客时女乘务员采取“前腹式，丁字步站姿”，男乘务员采取“前腹式，平行步站姿”。
          </p>
          <h5 id="e129">（三）迎客的手势规范</h5>
          <p>
            迎客时要一直保持微笑，并耐心为旅客引导座位或协助安放行李。乘务员应双手接
          </p>
        </div>
      </div>
    </div>
@@ -2035,19 +2139,16 @@
        <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 pNum">140</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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 class="td-0">
            过旅客登机牌，并且手指并拢，手心朝上与水平面呈45°；拇指与食指轻拿登机牌边缘，迅速查看信息后交还旅客，同时根据旅客座位距离的远近，采用高、中、低位手势指引。
          <h5 id="e129">（三）迎客的手势规范</h5>
          <p>
            迎客时要一直保持微笑，并耐心为旅客引导座位或协助安放行李。乘务员应双手接过旅客登机牌，并且手指并拢，手心朝上与水平面呈45°；拇指与食指轻拿登机牌边缘，迅速查看信息后交还旅客，同时根据旅客座位距离的远近，采用高、中、低位手势指引。
          </p>
          <h5 id="e130">（四）行礼的规范</h5>
          <p>
@@ -2134,10 +2235,6 @@
          <p>
            收物品的时候应该先收过道旅客的物品，后收靠窗旅客的物品，做到先外后里。收旅客的饮料杯时要用托盘，收餐盘则必须使用餐车收取。收取时都要在托盘或者餐车上由里向外摆放，餐盒垒在一起时，最多不超过5个。
          </p>
          <h6 id="f051">7.推拉的礼仪规范</h6>
          <p>
            推餐车时，双手应扶在餐车上方左右两侧，双手略用力推动餐车，但不可用力过
          </p>
        </div>
      </div>
    </div>
@@ -2147,19 +2244,16 @@
        <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 pNum">142</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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 class="td-0">
            大、过快，以保持餐车上的物品平稳，注意不要撞到旅客的手脚和座椅扶手。
          <h6 id="f051">7.推拉的礼仪规范</h6>
          <p>
            推餐车时，双手应扶在餐车上方左右两侧，双手略用力推动餐车，但不可用力过大、过快，以保持餐车上的物品平稳，注意不要撞到旅客的手脚和座椅扶手。
          </p>
          <h5 id="e134">（二）餐饮服务语言的礼仪规范</h5>
          <p>
@@ -2192,10 +2286,6 @@
          <p>
            在客舱服务中，民航客舱乘务员会与不同旅客打交道。采用合适的语言技巧，掌握规范的服务话术，可以提升沟通效率，提升服务品质。
          </p>
          <h5 id="e135">（一）对特殊旅客的称呼规范</h5>
          <p>
            对男性旅客我们称呼为“先生”，对女性旅客我们称呼为“女士”。在航班上乘务
          </p>
        </div>
      </div>
    </div>
@@ -2213,8 +2303,9 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            员会提前获得一些重要旅客乘机的信息，对这类旅客的称呼要采用其最大的职务，如“首长您好”“处长您好”。服务商务舱的旅客时则要采用姓氏与职位相结合的尊称，如“李总您好”“王董您好”，在不确认旅客职位的情况下，可采用姓氏与性别相结合的方法，如“张先生您好”“王女士您好”。
          <h5 id="e135">（一）对特殊旅客的称呼规范</h5>
          <p>
            对男性旅客我们称呼为“先生”，对女性旅客我们称呼为“女士”。在航班上乘务员会提前获得一些重要旅客乘机的信息，对这类旅客的称呼要采用其最大的职务，如“首长您好”“处长您好”。服务商务舱的旅客时则要采用姓氏与职位相结合的尊称，如“李总您好”“王董您好”，在不确认旅客职位的情况下，可采用姓氏与性别相结合的方法，如“张先生您好”“王女士您好”。
          </p>
          <h5 id="e136">（二）向要客介绍时的规范</h5>
          <p>
@@ -2249,18 +2340,14 @@
        <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 pNum">144</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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 class="block td-0">
          <p class="block">
            表达技巧：不恰当地运用沟通技巧，会影响有效沟通，如改变话题，给旅客一种不愿与之沟通的感觉；主观判断或匆忙下结论常常会使沟通中断；虚假、不恰当的安慰，针对性不强的解释会给旅客一种敷衍了事、不负责的感觉。
          </p>
          <p class="block">个人因素：个人表达能力不足时会产生沟通障碍。</p>
@@ -2330,130 +2417,53 @@
          <p class="mb-10 mt-10 td-0"><span class="bj2">·项目检测·</span></p>
          <p>1.制服统一规范要求中，服装的（　　）必须统一。</p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.大小、颜色、腰带
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.大小、颜色、腰带
          </p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.配饰、鞋子、颜色
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.配饰、鞋子、颜色
          </p>
          <p>
            <input
              type="radio"
              name="Qusone"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.季节、款式、配饰
            <input type="radio" name="Qusone" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.季节、款式、配饰
          </p>
          <p>2.着制服时，工号牌要佩戴在（　　）。</p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.右胸
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.右胸
          </p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.右胸正上方
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.右胸正上方
          </p>
          <p>
            <input
              type="radio"
              name="Qustwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.左胸正上方
            <input type="radio" name="Qustwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.左胸正上方
          </p>
          <p>3.手表是空勤人员必备的配饰，对手表的要求是必须具备（　　）。</p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.2针6刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.2针6刻度
          </p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.3针12刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.3针12刻度
          </p>
          <p>
            <input
              type="radio"
              name="Qusthree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.任意刻度
            <input type="radio" name="Qusthree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.任意刻度
          </p>
          <p>
            4.戴近视眼镜的乘务员在执行航班任务时，必须佩戴（　　），同时为防止突发情况，还需要备一副（　　）。
          </p>
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />A.隐形眼镜、框架眼镜
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />A.隐形眼镜、框架眼镜
          </p>
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />B.彩色眼镜、隐形眼镜
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />B.彩色眼镜、隐形眼镜
          </p>
        </div>
      </div>
@@ -2464,11 +2474,7 @@
        <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 pNum">146</span>
            <span
              ><span class="span-box-title"></span>民航服务礼仪<span
                class="span-box-title"
              ></span
            ></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="" />
@@ -2476,97 +2482,66 @@
        </ul>
        <div class="bodystyle">
          <p>
            <input
              type="radio"
              name="Qusfour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectThree.four.value"
              @change="setBookQuestion"
            />C.框架眼镜、美瞳
            <input type="radio" name="Qusfour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectThree.four.value" @change="setBookQuestion" />C.框架眼镜、美瞳
          </p>
          <p>
            5.召开航前准备会时应该注意乘务员到场后，应先将箱包（　　）然后再落座。
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />A.随意安放
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />A.随意安放
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />B.放在腿边
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />B.放在腿边
          </p>
          <p>
            <input
              type="radio"
              name="Qusfive"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectThree.five.value"
              @change="setBookQuestion"
            />C.整齐摆放至指定区域
            <input type="radio" name="Qusfive" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectThree.five.value" @change="setBookQuestion" />C.整齐摆放至指定区域
          </p>
          <p>6.旅客登机时，迎客的客舱乘务员应该站在哪里迎客呢？</p>
          <textarea
            v-model="questionData.projectThree.six.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.six.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>7.请写一写迎客时或回答旅客登机的询问时应该说哪些语言。</p>
          <textarea
            v-model="questionData.projectThree.seven.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.seven.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>8.请写一写端托盘时应注意哪些礼仪规范。</p>
          <textarea
            v-model="questionData.projectThree.eight.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>
            9.如果你是本次航班的头等舱乘务员，需要向旅客张总做自我介绍，请写出您的自我介绍内容。
          </p>
          <textarea
            v-model="questionData.projectThree.nine.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.nine.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>10.请写一写在安全检查中乘务员需要注意哪些礼仪规范？</p>
          <textarea
            v-model="questionData.projectThree.ten.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.ten.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(3)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -2576,19 +2551,46 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterFour",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      videoPathEleven: "",
      videoPathTwelve: "",
      videoPathThirteen: "",
      videoPathFourteen: "",
      videoPathFifteen: "",
      videoPathSixteen: "",
      videoPathSeventeen: "",
      videoPathEighteen: "",
      videoPathNineteen: "",
      videoPathTwenty: "",
      collectResourceList: [],
      showAnswerOne: false,
      questionData: {
        isComplete: false,
        askAbout: {
@@ -2602,23 +2604,24 @@
          eight: "",
          nine: "",
          ten: "",
          eleven:'',
          twelve:'',
          thirteen:'',
          fourteen:'',
          fifteen:'',
          sixteen:'', 
          seventeen:'',
          eighteen:'',
          nineteen:'',
          twenty:'',
          twentyOne:'',
          twentyTwo:'',
          twentyThree:'',
          twentyFour:'',
          twentyFive:'',
          twentySix:'',
          twentySeven:''
          eleven: '',
          twelve: '',
          thirteen: '',
          fourteen: '',
          fifteen: '',
          sixteen: '',
          seventeen: '',
          eighteen: '',
          nineteen: '',
          twenty: '',
          twentyOne: '',
          twentyTwo: '',
          twentyThree: '',
          twentyFour: '',
          twentyFive: '',
          twentySix: '',
          twentySeven: '',
          twentyEight: '',
        },
        projectOne: {
          one: {
@@ -2702,25 +2705,49 @@
          },
        },
      },
      chapter004: {
        videoMd5: [
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "7454A10BD25ED828FF31D0702DA63D55",
            name: "什么是心理健康",
          },
          {
            isCollectVideo: false,
            handleMd5: "",
            md5: "E4AC28F178D660E96355C17E6F283E66",
            name: "心理健康的10项标准",
          },
        ],
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
        isCollectVideo10: false,
        isCollectVideo11: false,
        isCollectVideo12: false,
        isCollectVideo13: false,
        isCollectVideo14: false,
        isCollectVideo15: false,
        isCollectVideo16: false,
        isCollectVideo17: false,
        isCollectVideo18: false,
        isCollectVideo19: false,
        isCollectVideo20: false,
      },
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块四　候机楼服务礼仪",
            questionNum: 134,
          },
          2: {
            questionTitleMain: "模块四　安检服务礼仪",
            questionNum: 140,
          },
          3: {
            questionTitleMain: "模块四　客舱服务礼仪",
            questionNum: 152,
          },
        },
      },
    };
  },
@@ -2739,12 +2766,6 @@
      this.chapterData = JSON.parse(choiceQuestion);
    }

    const videoData = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter004"
    );
    if (videoData) {
      this.chapter004 = JSON.parse(videoData);
    }
    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -2753,17 +2774,68 @@
  methods: {
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "f230fd8fd7952a4ad4dd05d94df7e797"
        "e9002557d1ba0b28dbddf10c52612e3f"
      );
      this.videoPathTwo = await getResourcePath(
        "700cfdb8b85b372045b1e97e3356ae3a"
        "da82b43c7571108d00a19ffcb5233a2e"
      );
      for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
        const item = this.chapter004.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
          item.handleMd5 = await getResourcePath(item.md5);
        }
      }
      this.videoPathThree = await getResourcePath(
        "36f02743b633758c2ecdee90af20fe34"
      );
      this.videoPathFour = await getResourcePath(
        "810345cbf8f3d003d9ff7247a5247570"
      );
      this.videoPathFive = await getResourcePath(
        "2336e67a853728fa6a1d2b7a4a2d9abf"
      );
      this.videoPathSix = await getResourcePath(
        "f60bcf0daea848fdd87d931e0debffe7"
      );
      this.videoPathSeven = await getResourcePath(
        "51ee040702ff1402026c948b82f8df55"
      );
      this.videoPathEight = await getResourcePath(
        "14ada4ec3e004795ecb3a9c2ad8ea386"
      );
      this.videoPathNine = await getResourcePath(
        "808ca04bce334463e3e10b26edecec82"
      );
      this.videoPathTen = await getResourcePath(
        "8086dfd8f1307041be4e7e4b15aee1b4"
      );
      this.videoPathEleven = await getResourcePath(
        "a77181ba5fdb0f851bb43cb61ec3fed2"
      );
      this.videoPathTwelve = await getResourcePath(
        "c583ec4fcdef8acae289d050c6e7eb78"
      );
      this.videoPathThirteen = await getResourcePath(
        "027d59276957d481732b80db9aad6768"
      );
      this.videoPathFourteen = await getResourcePath(
        "0ca2f6d71dca30320627286ffbf5d60c"
      );
      this.videoPathFifteen = await getResourcePath(
        "7923cd0317296eaea5fa8c513fe7dcca"
      );
      this.videoPathSixteen = await getResourcePath(
        "c1fa8a017a5538ff2e560b31d35232e1"
      );
      this.videoPathSeventeen = await getResourcePath(
        "ea653cf2afa7376a6a032053596d9773"
      );
      this.videoPathEighteen = await getResourcePath(
        "53644acc8e99901f5794c047c6bb9c0c"
      );
      this.videoPathNineteen = await getResourcePath(
        "9a3ca4974c773071810305bc71d0686c"
      );
      this.videoPathTwenty = await getResourcePath(
        "992d774600338d541b8311e623488367"
      );
      this.videoPathTwentyOne = await getResourcePath(
        "6f51dba939e06ba2e93109dc99576899"
      );
    },

    setBookQuestion() {
@@ -2779,12 +2851,7 @@
        JSON.stringify(this.chapterData)
      );
    },
    handlechapter004() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter004",
        JSON.stringify(this.chapter004)
      );
    },


    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时，设置为true
@@ -2794,38 +2861,219 @@
    },

    handleCollect(e) {
      if (e.md5) {
      if (e == "video-01") {
        this.handleCollectResource(
          e.md5,
          e.md5,
          "e9002557d1ba0b28dbddf10c52612e3f",
          "e9002557d1ba0b28dbddf10c52612e3f",
          "",
          "视频",
          "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",
          "da82b43c7571108d00a19ffcb5233a2e",
          "da82b43c7571108d00a19ffcb5233a2e",
          "",
          "视频",
          "bits",
          "视频：心理学的研究内容"
          "视频：候机楼值机服务概述"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "36f02743b633758c2ecdee90af20fe34",
          "36f02743b633758c2ecdee90af20fe34",
          "",
          "视频",
          "bits",
          "视频：机场广播通知延误"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      }
      this.handlechapter004();
      else if (e == "video-04") {
        this.handleCollectResource(
          "810345cbf8f3d003d9ff7247a5247570",
          "810345cbf8f3d003d9ff7247a5247570",
          "",
          "视频",
          "bits",
          "视频：旅客丢失物品的服务"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      }
      else if (e == "video-05") {
        this.handleCollectResource(
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "",
          "视频",
          "bits",
          "视频：候机楼员工与旅客冲突事件解决"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f60bcf0daea848fdd87d931e0debffe7",
          "f60bcf0daea848fdd87d931e0debffe7",
          "",
          "视频",
          "bits",
          "视频：候机楼服务礼仪实训"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "51ee040702ff1402026c948b82f8df55",
          "51ee040702ff1402026c948b82f8df55",
          "",
          "视频",
          "bits",
          "视频：贵宾厅服务全流程"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "",
          "视频",
          "bits",
          "视频：贵宾厅茶水服务全流程"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "808ca04bce334463e3e10b26edecec82",
          "808ca04bce334463e3e10b26edecec82",
          "",
          "视频",
          "bits",
          "视频：安检服务礼仪概述"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "",
          "视频",
          "bits",
          "视频：人身安全检查礼仪操作规范"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-11") {
        this.handleCollectResource(
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "",
          "视频",
          "bits",
          "视频：人身安全检查服务用语规范"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      } else if (e == "video-12") {
        this.handleCollectResource(
          "c583ec4fcdef8acae289d050c6e7eb78",
          "c583ec4fcdef8acae289d050c6e7eb78",
          "",
          "视频",
          "bits",
          "视频：安检工作人员服务态度情景展示"
        );
        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
      } else if (e == "video-13") {
        this.handleCollectResource(
          "027d59276957d481732b80db9aad6768",
          "027d59276957d481732b80db9aad6768",
          "",
          "视频",
          "bits",
          "视频：空勤人员着装情景展示"
        );
        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
      } else if (e == "video-14") {
        this.handleCollectResource(
          "0ca2f6d71dca30320627286ffbf5d60c",
          "0ca2f6d71dca30320627286ffbf5d60c",
          "",
          "视频",
          "bits",
          "视频：航前准备会阶段礼仪实训"
        );
        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
      } else if (e == "video-15") {
        this.handleCollectResource(
          "7923cd0317296eaea5fa8c513fe7dcca",
          "7923cd0317296eaea5fa8c513fe7dcca",
          "",
          "视频",
          "bits",
          "视频：空勤人员着装礼仪规范"
        );
        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
      } else if (e == "video-16") {
        this.handleCollectResource(
          "c1fa8a017a5538ff2e560b31d35232e1",
          "c1fa8a017a5538ff2e560b31d35232e1",
          "",
          "视频",
          "bits",
          "视频：空勤女士着装教学视频"
        );
        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
      } else if (e == "video-17") {
        this.handleCollectResource(
          "ea653cf2afa7376a6a032053596d9773",
          "ea653cf2afa7376a6a032053596d9773",
          "",
          "视频",
          "bits",
          "视频：空勤男士着装教学视频"
        );
        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
      } else if (e == "video-18") {
        this.handleCollectResource(
          "53644acc8e99901f5794c047c6bb9c0c",
          "53644acc8e99901f5794c047c6bb9c0c",
          "",
          "视频",
          "bits",
          "视频：航前准备会全流程"
        );
        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
      } else if (e == "video-19") {
        this.handleCollectResource(
          "9a3ca4974c773071810305bc71d0686c",
          "9a3ca4974c773071810305bc71d0686c",
          "",
          "视频",
          "bits",
          "视频：空勤人员迎客礼仪规范"
        );
        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
      } else if (e == "video-20") {
        this.handleCollectResource(
          "992d774600338d541b8311e623488367",
          "992d774600338d541b8311e623488367",
          "",
          "视频",
          "bits",
          "视频：空勤人员客舱迎客流程"
        );
        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
      } else if (e == "video-21") {
        this.handleCollectResource(
          "6f51dba939e06ba2e93109dc99576899",
          "6f51dba939e06ba2e93109dc99576899",
          "",
          "视频",
          "bits",
          "视频：空勤人员服务用语规范"
        );
        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
      }
      this.handleChapterData();
    },
    //资源收藏事件
@@ -2859,6 +3107,13 @@
        this.collectResourceList
      );
    },
    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>

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

@@ -17,6 +17,46 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-01.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <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 == '49cdf2e707f9f69b91167c285890c6f8'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-02')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathThree" 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.isCollectVideo02 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'd4b25959b1c7f85b2762be516aefe078'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-03')" />
              </el-tooltip>
            </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>
@@ -42,13 +82,13 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.你看过的情景剧有哪些？试着举几个例子。</p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.你觉得应如何演绎礼仪情景剧？该选择什么样的情景剧来训练呢？
              </p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c034">
@@ -57,6 +97,25 @@
          <p><b>任务目标：</b></p>
          <p>1.了解情景剧的释义和作用。</p>
          <p>2.了解礼仪情景剧的特点和创作思路。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFour" 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.isCollectVideo03 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '78a2562f8f80c90e54d299d38abb2d1d'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-04')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -95,7 +154,7 @@
          </p>
          <h6 id="f054">3.情景剧促进学生想象力、创造力以及语言的发展</h6>
          <p>
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，
            情景剧表演能够促进学生想象力的发展。学生能够在内容丰富的故事表演活动中，运用想象进行再创造，从而提高创新能力，培养语言能力。
          </p>
        </div>
      </div>
@@ -112,7 +171,6 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">运用想象进行再创造，从而提高创新能力，培养语言能力。</p>
          <h4 id="d108">二、礼仪情景剧的特点和创作思路</h4>
          <h5 id="e145">（一）礼仪情景剧的特点</h5>
          <p>情景剧具备以下两个特点。</p>
@@ -141,10 +199,25 @@
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪情景剧的舞台“入画”。</p>
          <p>2.掌握礼仪情景剧的编创方式。</p>
          <h4 id="d109">一、礼仪情景剧的“入画”</h4>
          <p>
            礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区一般分为六个区，即1—中前区、2—中后区、3—右前区、4—左前区、5—右后区、6—左后区，其中
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" 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.isCollectVideo04 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '460dbcdc0c34cbac9ca90c343dbf89b9'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -161,7 +234,10 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。</p>
          <h4 id="d109">一、礼仪情景剧的“入画”</h4>
          <p>
            礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区一般分为六个区，即1—中前区、2—中后区、3—右前区、4—左前区、5—右后区、6—左后区，其中1为焦点区，2、3、4为次焦点区，5、6为末焦点区（见图5-1-1）。
          </p>
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0156-1.jpg" />
          </p>
@@ -187,9 +263,6 @@
          <p>
            礼仪情景剧是礼仪教学中非常重要的教学形式和方法。它通过情境模拟和角色扮演，让学生主动参与、自主编排，身临其境地进行演绎，通过具体的舞台形象再现日常生活、社会交往和相关工作岗位中综合运用礼仪知识、技能进行沟通和服务的情景，达到教育启发的目的。
          </p>
          <p>
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形
          </p>
        </div>
      </div>
    </div>
@@ -205,8 +278,8 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          <p>
            礼仪情景剧是礼仪课堂教学的延伸，结合相关知识点和技能点，创设一个具体的场景，针对一个主题进行相关事件的演绎，是推动人们文明礼貌行为进程的艺术表现形式。礼仪情景剧的创作要先选择主题，然后进行人物设计，撰写剧本，最后再斟字酌句地修改，一是要体现情景剧层面的原创性、完整性、戏剧性，二是要体现价值观层面的教育性、创新性和吸引性。
          </p>
          <p>
            在设计礼仪情景剧的编排思路时，不仅要注重对礼仪知识点和技能点进行内化，弘扬社会主义核心价值观，更应注重观赏性和舞台效果。舞台效果的呈现，一方面在于演员的服装、语言表达、神情动作、情感集聚和爆发；另一方面在于道具的使用，技术手段的应用和背景音乐、视频画面的渲染。
@@ -230,7 +303,7 @@
            例如，在表演《无陪伴儿童》乘机故事时，背景音乐是温馨、和谐的无人声伴奏。
          </p>
          <p>
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得
            综上所述，礼仪情景剧的创作和编排不仅要加强专业礼仪教育的知识渗透，更要实现与文化素质教育的有机贯通。教师可通过礼仪情景剧的教学方法，创新礼仪课堂教学形式，提高课堂吸引力，实现教书与育人的完美结合，增强学生“律己敬人”的体验和感悟，提升其道德情操和精神境界。同时，也让广大青年学生从中华优秀礼仪文化中得到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
        </div>
      </div>
@@ -248,9 +321,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            到滋养，增强底气，更加坚定文化自觉与文化自信，努力成为社会主义事业的合格建设者与可靠接班人。
          </p>
          <div class="bk2">
            <div class="zysx">
              <p>
@@ -272,8 +342,8 @@
              <p class="block">
                根据你对礼仪规范的了解，可否对其中的故事进行情景剧结构创造？你会怎么设计情景剧的结构呢？
              </p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·礼之实践·</span></p>
@@ -329,157 +399,46 @@
          <p>
            1.礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区分为（　　）个区。（单选题）
          </p>
          <p><input
              type="radio"
              name="qtOne"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.4</p>
          <p><input
              type="radio"
              name="qtOne"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.5</p>
          <p><input
              type="radio"
              name="qtOne"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.6</p>
          <p><input
              type="radio"
              name="qtOne"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.7</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.4</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.5</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.6</p>
          <p><input type="radio" name="qtOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.7</p>
          <p>
            2.美国好莱坞有一套编剧规律，即开端、设置矛盾、解决矛盾、再设置矛盾，直至结局。中国也有自己的编剧规律，即（　　）。（单选题）
          </p>
          <p><input
              type="radio"
              name="qtTwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.浓淡相宜</p>
          <p><input
              type="radio"
              name="qtTwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.高低错落</p>
          <p><input
              type="radio"
              name="qtTwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.抑扬顿挫</p>
          <p><input
              type="radio"
              name="qtTwo"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.起承转合</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.浓淡相宜</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.高低错落</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.抑扬顿挫</p>
          <p><input type="radio" name="qtTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.起承转合</p>
          <p>
            3.对情景表现的舞台设计思路包括<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value1"
                  @change="setBookQuestion"
                />、舞台美术、环境、音响、<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value2"
                  @change="setBookQuestion"
                />、<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value3"
                  @change="setBookQuestion"
                />、<input
                  type="text"
                  name="ball1"
                  class="fz-16 input-box"
                  style="width: 100px"
                  v-model="questionData.projectOne.three.value4"
                  @change="setBookQuestion"
                />、表情、心理活动等。
            3.对情景表现的舞台设计思路包括<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectOne.three.value1" @change="setBookQuestion" />、舞台美术、环境、音响、<input type="text"
              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value2"
              @change="setBookQuestion" />、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectOne.three.value3" @change="setBookQuestion" />、<input type="text"
              name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectOne.three.value4"
              @change="setBookQuestion" />、表情、心理活动等。
          </p>
          <p>4.情景剧的三大元素是（　　）。（多选题）</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />A.主角</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />B.故事</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />C.场景</p>
          <p><input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />D.时间</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />A.主角</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />B.故事</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />C.场景</p>
          <p><input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />D.时间</p>
          <p>5.请简述创作礼仪情景剧的基本原则。</p>
          <textarea
            v-model="questionData.projectOne.five.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectOne.five.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -500,6 +459,46 @@
          <div class="tp-3">
            <p class="tl-f td-0">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitFive-02.png" alt=""></p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideo05 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'f8ca26a51e475fb9921db5c4bdf5d1be'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideo06 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '8afe53c2f626fc193a3bfb160c33f99c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-07')" />
              </el-tooltip>
            </p>
          </div>
          <div class="bk">
@@ -548,8 +547,8 @@
              <p>
                你能否根据自己的观察进行礼仪技能表述和展示？能否针对自身专业或岗位需求进行礼仪规范解读？
              </p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c036">
@@ -558,10 +557,25 @@
          <p><b>任务目标：</b></p>
          <p>1.认识礼仪表演。</p>
          <p>2.掌握礼仪表演的要求与原则。</p>
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服
          </p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideo07 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '964332e9334f71db8d9174fa1a4911b1'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
        </div>
      </div>
    </div>
@@ -577,8 +591,9 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
            章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说：“中国礼仪之大，故称夏；有服章之美，谓之华。华，夏一也。”中国是传承千年的礼仪之邦，声教播于海外。相传在3000多年前的殷周之际，周公制礼作乐，就提出了礼治的纲领。其后经过孔子和七十子后学，以及孟子、荀子等人的提倡和完善，礼乐文明成为儒家文化的核心。西汉以后，作为礼乐文化的理论形态和上古礼制的渊薮，《仪礼》《周礼》《礼记》先后被列入学官，不仅成为古代文人必读的经典，而且成为历代王朝制礼的基础，对于中国文化和历史的影响之深远，自不待言。
          </p>
          <p>
            礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将风貌、风尚、素养、特色展示出来。
@@ -594,8 +609,8 @@
              <p>
                表演艺术的创作任务要求演员创作出来的人物形象具有审美的价值，达到真、善、美的和谐统一，这也是创作者和观赏者共同追求的标准。你认为礼仪表演中的美来自何处呢？
              </p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -606,10 +621,6 @@
          </p>
          <p class="block">
            当人们从情感上把自然界同人类加以联系，并进行对比和评价，自然现象就被赋予了意识形态的意义。例如，我们古代神话中的盘古、后羿、嫦娥以及河神、山神等。当自然与人类社会实践（生产生活）产生了联系，自然物就成了人化的自然物。自然物就不仅有单纯的自然属性，也具有了社会属性。人生活在大自然中，必然受到大自然的感染和熏陶，感受到一种情趣和活力，无疑就会将自然人格化。例如，用高山比喻人品德的厚重，用大海比喻人心灵的宽广，用花朵比喻美女。大自然的美化为精神美、心灵美，从而激发人类更高的追求——生活美。从自然美到心灵美，再到生活美，大自然中的一切都有了社会意义。
          </p>
          <p><b>2.美源于劳动</b></p>
          <p class="block">
            自古至今，美都来自劳动。当人类直立行走，在劳动中解放出自己的双手以后，也
          </p>
        </div>
      </div>
@@ -627,8 +638,9 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0 block">
            就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          <p><b>2.美源于劳动</b></p>
          <p class="block">
            自古至今，美都来自劳动。当人类直立行走，在劳动中解放出自己的双手以后，也就解放了自己的身体。他们筑巢、耕作、取火、狩猎，不仅可以更好地生存，也提升了身体的匀称性和动作的精确性、优美性。有节奏的劳动中显现了男性的力度和女性的柔美，锻炼了面部表情的灵活性。通过劳动、征战、祈祷的各种动作、姿态及节奏，人们看到了人体自身的美，由此开始注重精神内容的表达。如收获时的喜悦、征战时的勇敢、祈祷时的虔诚等，所以祈祷、求福、插秧、伐木均有不同节奏的歌曲，不仅表达了劳动美，也创造了艺术美。因此，美来源于劳动，它存在于劳动之中。
          </p>
          <p><b>3.美源于社会</b></p>
          <p class="block">
@@ -746,11 +758,11 @@
              <p>
                1.民航礼仪技能展示的人物外部形象应该是什么样子的？包括服装、发型等外部特征的构建。
              </p>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.民航礼仪技能展示的行动任务和真正目的是什么？</p>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d114">二、民航礼仪技能展示的内容设计</h4>
@@ -790,6 +802,44 @@
          <p><b>任务目标：</b></p>
          <p>1.掌握民航礼仪技能展示情景剧的分析与创作方法。</p>
          <p>2.了解民航礼仪技能展示情景剧创作思路与注意事项。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNine" 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.isCollectVideo08 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '344eb0db9295fbfd83736cf3431a134a'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTen" 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.isCollectVideo09 ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'c8ce4540a2e9e2122ebb6cd64c6c0c4c'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <h4 id="d115">一、民航礼仪技能展示情景剧的分析与创作方法</h4>
          <h5 id="e156">（一）熟读情景剧剧本</h5>
          <p>
@@ -797,7 +847,7 @@
          </p>
          <h5 id="e157">（二）了解民航情景剧专业背景</h5>
          <p>
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的
            对情景的专业背景、人物背景进行分析和研究。例如，客舱乘务员礼仪情景展示，应首先掌握客舱乘务员的专业技能，如客舱迎送、餐食供应等机舱服务技能，并结合礼仪规范，多查阅相关资料，包括文字、图片、视频等，尽可能多地了解和熟悉作品中的时间、地点、专业要求以及所包含的人文思想和社会问题等。
          </p>
        </div>
      </div>
@@ -815,7 +865,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">时间、地点、专业要求以及所包含的人文思想和社会问题等。</p>
          <h5 id="e158">（三）明确情景剧主题思想</h5>
          <p>
            主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答，包括这个作品总的思想含义。
@@ -877,11 +926,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.人为什么一定要讲文明礼仪？应该怎样做？</p>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.作为民航专业人员的我们，应该怎样提升礼仪素养？</p>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -951,42 +1000,14 @@
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.民航礼仪技能展示主要是（　　）。（单选题）</p>
          <p><input
              type="radio"
              name="qtDataOne"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.角色</p>
          <p><input
              type="radio"
              name="qtDataOne"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.技能</p>
          <p><input
              type="radio"
              name="qtDataOne"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.剧情</p>
          <p><input
              type="radio"
              name="qtDataOne"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.表演</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.角色</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.技能</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.剧情</p>
          <p><input type="radio" name="qtDataOne" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />D.表演</p>
        </div>
      </div>
    </div>
@@ -1003,167 +1024,94 @@
        </ul>
        <div class="bodystyle">
          <p>2.民航礼仪技能展示情景剧创作思路是（　　）。（单选题）</p>
          <p><input
              type="radio"
              name="qtDataTwo"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.情节设计</p>
          <p><input
              type="radio"
              name="qtDataTwo"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.台词设计</p>
          <p><input
              type="radio"
              name="qtDataTwo"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.情景重现</p>
          <p><input
              type="radio"
              name="qtDataTwo"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.舞台表现</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.情节设计</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.台词设计</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.情景重现</p>
          <p><input type="radio" name="qtDataTwo" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />D.舞台表现</p>
          <p>
            3.情景剧故事或人物冲突主要是指（　　）冲突。包括人物在意念、性格、信仰、精神和价值等上的差异。（单选题）
          </p>
          <p><input
              type="radio"
              name="qtDataThree"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.社会性</p>
          <p><input
              type="radio"
              name="qtDataThree"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.情绪性</p>
          <p><input
              type="radio"
              name="qtDataThree"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.思想性</p>
          <p><input
              type="radio"
              name="qtDataThree"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.格局性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.社会性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.情绪性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.思想性</p>
          <p><input type="radio" name="qtDataThree" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />D.格局性</p>
          <p>
            4.礼仪表演，即把约定俗成的礼仪规范或要求通过公众表演的方式，将（　　）展示出来。（多选题）
          </p>
          <p><input
              type="checkbox"
              name="qtDataFour"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.风貌</p>
          <p><input
              type="checkbox"
              name="qtDataFour"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.风尚</p>
          <p><input
              type="checkbox"
              name="qtDataFour"
              :disabled="questionData.isComplete"
              value="C"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.素养</p>
          <p><input
              type="checkbox"
              name="qtDataFour"
              :disabled="questionData.isComplete"
              value="D"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.特色</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.风貌</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.风尚</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="C" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.素养</p>
          <p><input type="checkbox" name="qtDataFour" :disabled="questionData.isComplete" value="D" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.特色</p>
          <p>
            5.主题是指作者通过剧本冲突提出的基本问题。主题思想是对剧本提出的基本问题的回答。（　　）（判断题）
          </p>
          <p><input
              type="radio"
              name="qtDataFive"
              :disabled="questionData.isComplete"
              value="对"
              id="4"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />对</p>
          <p><input
              type="radio"
              name="qtDataFive"
              :disabled="questionData.isComplete"
              value="错"
              id="4"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />错</p>
          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="对" id="4"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />对</p>
          <p><input type="radio" name="qtDataFive" :disabled="questionData.isComplete" value="错" id="4"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />错</p>
          <p>
            6.民航情景剧礼仪技能展示内容包含迎客礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value1" @change="setBookQuestion"/>
            礼仪、介绍礼仪、握手礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value2" @change="setBookQuestion"/>礼仪、引领礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value3" @change="setBookQuestion"/>礼仪、座次礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.six.value4" @change="setBookQuestion"/>礼仪等。
            6.民航情景剧礼仪技能展示内容包含迎客礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value1" @change="setBookQuestion" />
            礼仪、介绍礼仪、握手礼仪、<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value2" @change="setBookQuestion" />礼仪、引领礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value3" @change="setBookQuestion" />礼仪、座次礼仪、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.six.value4" @change="setBookQuestion" />礼仪等。
          </p>
          <p>
            7.民航礼仪技能展示的指导思想要以“展示<input type="" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion"/>、
            讲究<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion"/>、
            提升<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion"/>、
            强化<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion"/>”为主题，
            以“<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion"/>、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion"/>、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion"/>”
            教育为重点内容，以“遵守<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion"/>、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px" v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion"/>”等养成教育为突破口。
            7.民航礼仪技能展示的指导思想要以“展示<input type="" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value1" @change="setBookQuestion" />、
            讲究<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value2" @change="setBookQuestion" />、
            提升<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value3" @change="setBookQuestion" />、
            强化<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value4" @change="setBookQuestion" />”为主题，
            以“<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value5" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value6" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value7" @change="setBookQuestion" />”
            教育为重点内容，以“遵守<input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value8" @change="setBookQuestion" />、
            <input type="text" name="ball1" class="fz-16 input-box" style="width: 100px"
              v-model="questionData.projectTwo.seven.value9" @change="setBookQuestion" />”等养成教育为突破口。
          </p>
          <p>8.请简述民航礼仪技能展示情景剧创作注意事项。</p>
          <textarea
            v-model="questionData.projectTwo.eight.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>

          <textarea v-model="questionData.projectTwo.eight.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -1173,6 +1121,10 @@
        <img class="img-0" alt="" src="../../assets/images/FD.jpg" />
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -1182,93 +1134,135 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterFive",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
      collectImg: require("../../assets/images/icon/heart.png"),
      collectCheck: require("../../assets/images/icon/heart-check.png"),
      videoPathOne: "",
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      videoPathEleven: "",
      videoPathNine: "",
      videoPathTen: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
          six:'',
          seven:'',
          eight:'',
          nine:'',
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
          six: '',
          seven: '',
          eight: '',
          nine: '',
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
          three: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:""
          five: {
            value: ""
          }
          

        },
        projectTwo:{
          one:{
            value:''
        projectTwo: {
          one: {
            value: ''
          },
          two:{
            value:''
          two: {
            value: ''
          },
          three:{
            value:''
          three: {
            value: ''
          },
          four:{
            value:[]
          four: {
            value: []
          },
          five:{
            value:''
          five: {
            value: ''
          },
          six:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
          six: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
          },
          seven:{
            value1:"",
            value2:"",
            value3:"",
            value4:"",
            value5:"",
            value6:"",
            value7:"",
            value8:"",
            value9:"",
          seven: {
            value1: "",
            value2: "",
            value3: "",
            value4: "",
            value5: "",
            value6: "",
            value7: "",
            value8: "",
            value9: "",
          },
          eight:{
            value:''
          eight: {
            value: ''
          }
        },
      },
      chapterData: {
        isCollectVideo: false,
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
        isCollectVideo10: false,
      },
      // 请求题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "拓展模块　礼仪活动策划",
            questionNum: 169,
          },
        },
      },
    };
  },
@@ -1296,6 +1290,33 @@
    async getVidoePath() {
      this.videoPathOne = await getResourcePath(
        "d3ac730a06dcc8381de684ace3263a63"
      );
      this.videoPathTwo = await getResourcePath(
        "49cdf2e707f9f69b91167c285890c6f8"
      );
      this.videoPathThree = await getResourcePath(
        "d4b25959b1c7f85b2762be516aefe078"
      );
      this.videoPathFour = await getResourcePath(
        "78a2562f8f80c90e54d299d38abb2d1d"
      );
      this.videoPathFive = await getResourcePath(
        "460dbcdc0c34cbac9ca90c343dbf89b9"
      );
      this.videoPathSix = await getResourcePath(
        "f8ca26a51e475fb9921db5c4bdf5d1be"
      );
      this.videoPathSeven = await getResourcePath(
        "8afe53c2f626fc193a3bfb160c33f99c"
      );
      this.videoPathEight = await getResourcePath(
        "964332e9334f71db8d9174fa1a4911b1"
      );
      this.videoPathNine = await getResourcePath(
        "344eb0db9295fbfd83736cf3431a134a"
      );
      this.videoPathTen = await getResourcePath(
        "c8ce4540a2e9e2122ebb6cd64c6c0c4c"
      );
    },

@@ -1330,6 +1351,96 @@
          "视频：礼仪时装秀"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "49cdf2e707f9f69b91167c285890c6f8",
          "49cdf2e707f9f69b91167c285890c6f8",
          "",
          "视频",
          "bits",
          "视频：学习礼仪情景剧的策划"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "d4b25959b1c7f85b2762be516aefe078",
          "d4b25959b1c7f85b2762be516aefe078",
          "",
          "视频",
          "bits",
          "视频：礼仪情景剧的认知"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "78a2562f8f80c90e54d299d38abb2d1d",
          "78a2562f8f80c90e54d299d38abb2d1d",
          "",
          "视频",
          "bits",
          "视频：礼仪情景剧的舞台“入画”"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "",
          "视频",
          "bits",
          "视频：高职院校礼仪情景示范展示"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "",
          "视频",
          "bits",
          "视频：民航服务礼仪表演综合能力训练"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8afe53c2f626fc193a3bfb160c33f99c",
          "8afe53c2f626fc193a3bfb160c33f99c",
          "",
          "视频",
          "bits",
          "视频：高职院校礼仪秀示范展示"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "964332e9334f71db8d9174fa1a4911b1",
          "964332e9334f71db8d9174fa1a4911b1",
          "",
          "视频",
          "bits",
          "视频：认识礼仪表演"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "344eb0db9295fbfd83736cf3431a134a",
          "344eb0db9295fbfd83736cf3431a134a",
          "",
          "视频",
          "bits",
          "视频：民航礼仪技能展示情景剧的创作方法"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "",
          "视频",
          "bits",
          "视频：民航服务礼仪表演素材及内容设计"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      }
      this.handleChapterData();
    },
@@ -1364,6 +1475,13 @@
        this.collectResourceList
      );
    },
    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },
  },
};
</script>

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

@@ -17,6 +17,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitTwo-01.png" alt=""></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>
@@ -44,8 +46,8 @@
              <p>
                李丽决定通过服装搭配以及更多地了解航司的形象文化来为自己的面试加分。那么，李丽该怎样去了解航司服装文化？如何得体地搭配和修饰自己呢？
              </p>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -58,7 +60,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">47</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -70,6 +72,25 @@
          <p>1.了解民航制服的发展及作用。</p>
          <p>2.了解民航服务不同岗位制服的基本特点。</p>
          <p>3.了解民航乘务员的着装要求。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathFive" 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.isCollectVideo04 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '5a13c9aa455c8fae34faa1ae9f021d30'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-05')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            民航制服是职业形象的基本要素之一。统一的制服不仅能展现航空公司的风格，也能使旅客对乘务人员产生信赖感和安全感。航空公司的制服风格往往直接体现了一家企业的文化与服务水准。
          </p>
@@ -80,9 +101,6 @@
            System，CIS），它能将企业形象向公众进行展示与传播，使公众在标准化、差异化中形成对企业深刻的印象。
          </p>
          <h5 id="e030">（一）中国民航安检制服的变化</h5>
          <p>
            改革开放40多年来，中国民航制服也随着时代的变迁而改变。从20世纪80年代到民航体制改革前，机场安检工作都是由武警边防部队承担的。那时的安检员是武警战士，他们身着浅绿色的上衣，穿带黄色裤边的军绿色裤子，肩头有醒目的深红色肩章。20世纪90年代初，安检工作由部队移交民航。1992年，民航体制改革，机场独立实行企业化运作。此时的安检服装的肩章、臂章脱胎于武警制服，款式与民航其他岗位的工作制服
          </p>
          <div class="img-rights openImgBox ">
            <p class="center">
              <img class="img-c" alt="" src="../../assets/images/0053-1.jpg" />
@@ -90,8 +108,8 @@
            <p class="img">图2-1-1 安检制服</p>
          </div>
          <span>
            <p class="td-0">
              区别不大，大有民航“一家亲”的味道。随着民航安检的发展，各地根据气候特点和岗位需要，对制服的款式、材质及用料等进行了多次调整。新一代的制服（如图2-1-1）以严谨专业的黑色为主调，融入持续安全理念，搭配裤装和皮靴，外观更加简洁利落，彰显出安全保障工作严谨、规范、踏实的特质。
            <p>
              改革开放40多年来，中国民航制服也随着时代的变迁而改变。从20世纪80年代到民航体制改革前，机场安检工作都是由武警边防部队承担的。那时的安检员是武警战士，他们身着浅绿色的上衣，穿带黄色裤边的军绿色裤子，肩头有醒目的深红色肩章。20世纪90年代初，安检工作由部队移交民航。1992年，民航体制改革，机场独立实行企业化运作。此时的安检服装的肩章、臂章脱胎于武警制服，款式与民航其他岗位的工作制服区别不大，大有民航“一家亲”的味道。随着民航安检的发展，各地根据气候特点和岗位需要，对制服的款式、材质及用料等进行了多次调整。新一代的制服（如图2-1-1）以严谨专业的黑色为主调，融入持续安全理念，搭配裤装和皮靴，外观更加简洁利落，彰显出安全保障工作严谨、规范、踏实的特质。
            </p>
          </span>
        </div>
@@ -130,7 +148,7 @@
          </p>
          <h5 id="e031">（二）中国民航贵宾厅制服发展</h5>
          <p>
            伴随着民航业的高速发展，旅客吞吐量的大幅增加，越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务，包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量，必须把服务内容做到精细，将服务品质做到精细；提升管理水平，对工作流程抓到精细，把岗位职责划分精细，并且对员工的形象进行严格把控，从而提高民航机场的整体竞争力，为旅客出行提供更加完善满意的服
            伴随着民航业的高速发展，旅客吞吐量的大幅增加，越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务，包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量，必须把服务内容做到精细，将服务品质做到精细；提升管理水平，对工作流程抓到精细，把岗位职责划分精细，并且对员工的形象进行严格把控，从而提高民航机场的整体竞争力，为旅客出行提供更加完善满意的服务。贵宾厅制服结合所属航空公司进行定制，单位统一标准。在服装设计上，除了体现职业性和功能性特点外，还应体现当地民俗文化的特点，具有创新性和实用性（见图2-1-2）。
          </p>
        </div>
      </div>
@@ -142,7 +160,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">49</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -154,13 +172,13 @@
            <p class="img">图2-1-2 贵宾厅制服</p>
          </div>
          <span>
            <p class="td-0">
              务。贵宾厅制服结合所属航空公司进行定制，单位统一标准。在服装设计上，除了体现职业性和功能性特点外，还应体现当地民俗文化的特点，具有创新性和实用性（见图2-1-2）。
            </p>
            <h5 id="e032">（三）中国民航空乘制服的发展</h5>
            <p>
              1950年的“八一”开航对于新中国民航具有里程碑的意义。1955年，空乘开始全面招新，这次招新开启了中国航空公司制服的演变与发展的序幕。1974年，中国参加国际民航组织活动。1988年，中国民航的空乘服务开始走向职业化、时尚化。随着民航交通的发展，中国空乘的形象开始转变，这种变化是全方位、多角度、深层次的。航空公司的企业文化，不仅是管理水平的灵魂，也是中国民航提高服务水平的标志和缩影。
            </p>
            <p><br></p>
            <p><br></p>
            <p><br></p>
          </span>
          <p class="td-0"><span class="bj2">·触礼旁通·</span></p>
          <p class="center"><span class="cs1">中国航空公司制服的演变</span></p>
@@ -183,10 +201,6 @@
          <p class="block">
            2008年，中国国际航空公司因其空姐制服而走在了世界先进航空公司的前列。
          </p>
          <h5 id="e033">（四）中国民航空乘制服的特点</h5>
          <p>
            民航乘务员制服是航空公司的形象符号，是一个国家的国际代言，制服使乘务员心中产生职业的特殊感、责任感和荣誉感。制服是一种识别职业的专用服装，初期空勤制
          </p>
        </div>
      </div>
    </div>
@@ -203,6 +217,10 @@
          </li>
        </ul>
        <div class="bodystyle">
          <h5 id="e033">（四）中国民航空乘制服的特点</h5>
          <p>
            民航乘务员制服是航空公司的形象符号，是一个国家的国际代言，制服使乘务员心中产生职业的特殊感、责任感和荣誉感。制服是一种识别职业的专用服装，初期空勤制
          </p>
          <p class="td-0">
            服是根据耐用度、实用性及以激发旅客向心力为目的而设计的，由于早期民航多带有空军背景，空乘制服都具有浓厚空军军装的特征；随着空姐角色的演进发展，制服开始加入了更多女性化的线条剪裁以及颜色的选择，往后更常委托知名品牌设计师制作，赋予乘务员一种荣誉、美感与秩序统一的专业形象。随着时代的进步，航空公司建立了企业文化识别系统，每个航空公司根据各自企业文化中的视觉识别系统开始设计自己公司的制服，每一种制服都有其独特的寓意。
          </p>
@@ -235,10 +253,6 @@
              <div class="swiper-button-prev"></div>
            </div>
          </div>
          <p>（2）中国东方航空集团有限公司（以下简称东航）制服。</p>
          <p>
            20世纪90年代，东航制服设计向多元化与国际化发展。1988年，中国东方航空公司
          </p>
        </div>
      </div>
    </div>
@@ -249,14 +263,12 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">51</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">
            正式成立。东航经历了五代制服的变迁，随着国际航班的不断开辟，制服的变化深受“东亚风”元素的影响。21世纪，东航开始了对个性化与品位的追求，东航的企业核心价值观即客户至尊，精细致远。改革开放40多年来，一套套制服记录着一个个历史画面。制服的变化见证了东航40多年的变迁过程，让我们看到了国际化东航的多元发展。
          </p>
          <p>（2）中国东方航空集团有限公司（以下简称东航）制服。</p>
          <div class="img-rights w220 openImgBox ">
            <p class="center ">
              <img class="img-d" alt="" src="../../assets/images/0057-1.jpg" />
@@ -264,14 +276,11 @@
            <p class="img">图2-1-4 东航制服</p>
          </div>
          <span>
            <p class="td-0">
              新时代的东航乘务员也正以实际行动践行和诠释东航的服务理念和服务品质。2013年，配合国际化发展战略，东航推出第五代制服。东航第五套制服遵循“简洁、美观、得体”的原则，在满足职业制服功能性需求的同时，力求展现优雅的东方气质与时尚的海派风格。海军蓝的主色调营造出稳重、专业的职业氛围，中国结、正红色腰带及配饰，突出了青花瓷主题设计元素，经典中透出热情。女款衬衫与丝巾设计中运用的蓝色花朵元素，脱胎于康乃馨和莲花，体现出东方女性优雅、柔美、含蓄的特质，同时向旅客传递出温馨、舒适、细腻、高效的高品位服务理念（见图2-1-4）。
            <p>
              20世纪90年代，东航制服设计向多元化与国际化发展。1988年，中国东方航空公司正式成立。东航经历了五代制服的变迁，随着国际航班的不断开辟，制服的变化深受“东亚风”元素的影响。21世纪，东航开始了对个性化与品位的追求，东航的企业核心价值观即客户至尊，精细致远。改革开放40多年来，一套套制服记录着一个个历史画面。制服的变化见证了东航40多年的变迁过程，让我们看到了国际化东航的多元发展。新时代的东航乘务员也正以实际行动践行和诠释东航的服务理念和服务品质。2013年，配合国际化发展战略，东航推出第五代制服。东航第五套制服遵循“简洁、美观、得体”的原则，在满足职业制服功能性需求的同时，力求展现优雅的东方气质与时尚的海派风格。海军蓝的主色调营造出稳重、专业的职业氛围，中国结、正红色腰带及配饰，突出了青花瓷主题设计元素，经典中透出热情。女款衬衫与丝巾设计中运用的蓝色花朵元素，脱胎于康乃馨和莲花，体现出东方女性优雅、柔美、含蓄的特质，同时向旅客传递出温馨、舒适、细腻、高效的高品位服务理念（见图2-1-4）。
            </p>
          </span>
          <p>（3）中国南方航空股份有限公司（以下简称南航）制服。</p>
          <p>
            秉承“客户至上”的承诺，南航通过提供“可靠、准点、便捷”的优质服务，致力于满足并超越客户的期望。改革开放40多年来，空乘制服一直在变，而南航人的初心从未改变。从仅仅提供报纸、茶水的单一服务到如今空中服务的品牌化、标准化、体系化；从敢为天下先，主动参与国际竞争到向着规范化、一体化、智能化、国际化不断发
          </p>
          <div class="img-rights w220 openImgBox ">
            <p class="center ">
              <img class="img-c" alt="" src="../../assets/images/0057-2.jpg" />
@@ -279,7 +288,8 @@
            <p class="img">图2-1-5 南航制服</p>
          </div>
          <span>
            <p class="td-0">
            <p>
              秉承“客户至上”的承诺，南航通过提供“可靠、准点、便捷”的优质服务，致力于满足并超越客户的期望。改革开放40多年来，空乘制服一直在变，而南航人的初心从未改变。从仅仅提供报纸、茶水的单一服务到如今空中服务的品牌化、标准化、体系化；从敢为天下先，主动参与国际竞争到向着规范化、一体化、智能化、国际化不断发
              展；为建设世界一流航空运输企业，推出一系列“木棉系”服务产品，着力打造国际化精品标杆航线，深入开展国际合作，稳步有序开拓国际市场。第四套制服整体色系为天青蓝色和玫粉红色，整套制服包括夏装、春秋装、冬季大衣和围裙多个款式，品种包括西装、衬衣、马甲、裤子、大衣、风衣等。款型高雅亲切，修身适体。乘务长身着有宝石般的光泽、纯净和透明感的天青蓝色制服，而乘务员穿着具有女性魅力的玫粉红色制服。上装是V字领的，用浅金色线条对领边和袖口进行了勾勒，而下装则是红、蓝斜纹面料的西服裙，既活泼别致，又显得亲切干练和时尚高雅（见图2-1-5）。
            </p>
          </span>
@@ -324,10 +334,6 @@
              厦航乘务队形成了“六勤”（眼勤、手勤、腿勤、嘴勤、耳勤、脑勤）、“五心”（热心、诚心、细心、耐心、恒心）、“四美”（心灵美、语言美、行为美、形象美）、“三不怕”（不怕脏、不怕累、不怕烦）的服务作风。空乘制服经历了泡泡袖、白蝴蝶结、中式旗袍等阶段。2018年8月，厦航新一代空乘制服惊艳亮相，融合了复古元素与现代简约时尚，勾勒出更加高雅、自信、干练的空乘形象。俏皮的小帽上带有“一鹭高飞”航徽，衣袖为七分袖，并配有深蓝色的宽腰带（见图2-1-7）。不同明度“天空蓝”制服，区分乘务员不同的岗位，由浅到深的蓝色新制服分属于普通乘务员、客舱乘务长和客舱经理。
            </p>
          </span>
          <p>（3）海南航空公司（以下简称海航）制服。</p>
          <p>
            海航成立于1993年1月，1993年5月开始运营。海航以优质的产品及服务连续数年获得“SKYTRAX五星航空公司”荣誉。海航乘务员制服经历了五次更新换代，第五代制服
          </p>
        </div>
      </div>
    </div>
@@ -338,7 +344,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">53</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -350,8 +356,9 @@
            <p class="img">图2-1-8 海航制服</p>
          </div>
          <span>
            <p class="td-0">
              名为“海天祥云”，于2018年6月6日启用。其制服的最大亮点在于中国传统元素与国际时尚的结合。制服用中式旗袍形状做底，领口为祥云漫天，下摆为江涯海水，以“彩云满天”为基，呈现了海航大鹏金翅鸟翱翔于云海之间的辉煌意境，诠释了海航的无限发展空间及生生不息的企业内涵（见图2-1-8）。
            <p>（3）海南航空公司（以下简称海航）制服。</p>
            <p>
              海航成立于1993年1月，1993年5月开始运营。海航以优质的产品及服务连续数年获得“SKYTRAX五星航空公司”荣誉。海航乘务员制服经历了五次更新换代，第五代制服名为“海天祥云”，于2018年6月6日启用。其制服的最大亮点在于中国传统元素与国际时尚的结合。制服用中式旗袍形状做底，领口为祥云漫天，下摆为江涯海水，以“彩云满天”为基，呈现了海航大鹏金翅鸟翱翔于云海之间的辉煌意境，诠释了海航的无限发展空间及生生不息的企业内涵（见图2-1-8）。
            </p>
          </span>
          <h4 id="d037">二、民航制服的作用</h4>
@@ -374,7 +381,7 @@
          <h4 id="d038">三、民航乘务员的着装要求</h4>
          <h5 id="e038">（一）合身得体</h5>
          <p>
            制服的尺寸必须符合民航人员的身材特点。制服穿着忌乱，必须合体。讲究“四长”，即袖至手腕，衣至虎口，裤至脚面，裙至膝盖。讲究“四围”，即领围以插入一
            制服的尺寸必须符合民航人员的身材特点。制服穿着忌乱，必须合体。讲究“四长”，即袖至手腕，衣至虎口，裤至脚面，裙至膝盖。讲究“四围”，即领围以插入一指大小为宜，上衣的胸围、腰围及裤裙的臀围以插入一指的松紧为宜。
          </p>
        </div>
      </div>
@@ -392,7 +399,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">指大小为宜，上衣的胸围、腰围及裤裙的臀围以插入一指的松紧为宜。</p>
          <h5 id="e039">（二）干净整洁</h5>
          <p>
            民航人员的制服应保持干净整洁，并定期换洗。制服干净整洁体现的是对工作岗位的尊重与热爱，是服务行业人员的基本要求。空乘人员的制服要求无异色、无异味、无异物，尤其是衣领口与袖口等外露部分更要注意保持干净整洁。
@@ -409,7 +415,7 @@
          <p>
            民航员工女性着套裙时，应根据身材体形的不同，选择不同类型的套裙。
          </p>
          <p><b>套裙款式</b></p>
          <p class="center"><b>套裙款式</b></p>
          <p>
            “H”型：上衣较为宽松，裙子为筒式，这种款式显得优雅、含蓄，可以为身材肥胖者避短。
          </p>
@@ -423,7 +429,7 @@
          <p>
            民航男性员工在社交或商务场合应选择西服款式（要根据自己的身形定制），因西服种类偏多，可根据场合和体形选择适合自己的款式。
          </p>
          <p><b>西装的款式</b></p>
          <p class="center"><b>西装的款式</b></p>
          <p>西装款式可分为欧式、英式、美式和日式四大款式。</p>
          <p>欧式：领型狭长，胸部收紧突出，袖拢与垫肩较高，造型高雅。</p>
          <p>英式：与欧式相仿，但垫肩较薄，后背开衩。</p>
@@ -443,12 +449,31 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">55</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <h4 id="d039">四、民航制服的基本规范</h4>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSix" 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.isCollectVideo05 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'a1d05c3a38a322dc67861f9f3d35fb09'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <h5 id="e042">（一）裙服套装</h5>
          <p>裙服套装一般分为春秋装和夏装。</p>
          <p>
@@ -526,11 +551,11 @@
            </div>
            <div class="bj3 fz-15">
              <p>1.媛媛为什么会尴尬呢？</p>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.two" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你知道的民航制服规范有哪些呢？</p>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -549,7 +574,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">57</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -630,9 +655,10 @@
            牧童结：丝巾对折呈倒三角形，再从长端叠加呈3～4个褶皱，丝巾末端与平结系法一致，系在脖颈处整理。
          </p>
          <div class="bk-video fl">
            <p class="bj4-qjms fl al-c"><span class="span-text-video">视频库</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">
            <p class="bj4-qjms fl al-c"><span class="span-text-video">视频库</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="#92A1CB" p-id="34779"></path>
@@ -684,7 +710,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">59</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -695,119 +721,35 @@
          <p>3.练习领带的系法。</p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.（　　）体形的特点是上身瘦、臀部大。</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.O型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.H型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.A型</p>
          <p><input
              type="radio"
              name="one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.X型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.O型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.H型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.A型</p>
          <p><input type="radio" name="one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.X型</p>
          <p>2.圆脸型的人选择衣领时，应选（　　）。</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />A.圆形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />B.一字形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />C.梯形</p>
          <p><input
              type="radio"
              name="two"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.V型</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />A.圆形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />B.一字形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />C.梯形</p>
          <p><input type="radio" name="two" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.V型</p>
          <p>3.服装的（　　）的样式，与脸型有直接关系。</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.裤子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.衬衣</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.领子</p>
          <p><input
              type="radio"
              name="three"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />D.袖子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.裤子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.衬衣</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.领子</p>
          <p><input type="radio" name="three" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />D.袖子</p>
          <p>4.简述职业制服着装的要求。</p>
          <textarea v-model="questionData.projectOne.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <textarea v-model="questionData.projectOne.four.value" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
            @change="setBookQuestion"></textarea>
          <p><br /></p>
          <p><br /></p>
          <h3 id="c013">
@@ -817,6 +759,25 @@
          <p>1.了解民航服务人员妆容的特性和原则。</p>
          <p>2.了解化妆品的分类及化妆工具。</p>
          <p>3.掌握面部妆容类别。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathSeven" 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.isCollectVideo06 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '8e02ef51cadfb9b2611b0e6ab47f54b9'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            化妆技术随着社会时尚审美的变化而不断地发生着变化，在当今的社会生活中，人们更加倾向于自然、清新、淡雅的妆容风格。完美的妆容包含多种因素，由于职业、身份、性格、场合不同等，展现的妆容也不尽相同。良好的妆面设计一定要契合职业和性格等特点。妆容的展现，很大程度上取决于个人的审美能力、想象力和心灵塑造能力。学习化妆是为了准确了解自己的外形特点并加以美化，使个人魅力与气质修养达到最佳状态。对于民航服务人员来说，这是一门必修课。
          </p>
@@ -885,7 +846,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">61</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -924,7 +885,7 @@
          <h4 id="d045">四、民航服务人员的化妆标准</h4>
          <h5 id="e054">（一）日常妆</h5>
          <p>
            日常妆主要体现在日常生活中，个人可以按照自身意愿和审美进行美化，根据整体
            日常妆主要体现在日常生活中，个人可以按照自身意愿和审美进行美化，根据整体形象风格塑造自己，可追求时尚、端庄、优雅、清新，随意性较强，选择范围较大，但需注意适合的年龄、环境。可根据所在场合、目的进行塑造，也可根据季节变化来设计妆容（见图2-1-13）。
          </p>
        </div>
      </div>
@@ -953,22 +914,20 @@
            <p class="img">图2-1-14 地面服务妆</p>
          </div>
          <span>
            <p class="td-0">
              形象风格塑造自己，可追求时尚、端庄、优雅、清新，随意性较强，选择范围较大，但需注意适合的年龄、环境。可根据所在场合、目的进行塑造，也可根据季节变化来设计妆容（见图2-1-13）。
            <h5 id="e055">（二）职业妆</h5>
            <h6 id="f010">1.地面服务妆</h6>
            <p>
              （1）特点：航空地面服务人员的岗位工作环境及工种性质与客舱乘务员不太一样，分室内、户外工作地点，有些岗位要面对的客流量较大，服务人员动作既利落又烦琐，主要负责在旅客登机前和着陆后的一系列工作，但室内、户外的光线条件都偏多样，故化妆时要能体现专业性，以及亲和力强、热情大方的特点。可根据室内、户外岗位环境调整妆容饱和度。
            </p>
            <p>
              （2）化妆要点：自然、端庄、简易，需注意妆面的持久性（见图2-1-14）。
            </p>
            <h6 id="f011">2.客舱乘务妆</h6>
            <p>
              （1）特点：相对于地面服务而言，客舱服务工作的空间较狭窄、空气不流通、光线较暗。客舱乘务员的职业形象既要美观，也要淡雅，给人以赏心悦目、舒适之感。在机舱中乘务员常常需要为旅客提供服务，常与旅客近距离接触，并且旅客大部分都是通过乘务员的服务专业性而对航空公司服务进行评价的。
              所以，客舱乘务员的妆容不仅要达到规范，还要体现精致，注重细节往往会让对方觉得受到重视和尊重。
            </p>
          </span>
          <h5 id="e055">（二）职业妆</h5>
          <h6 id="f010">1.地面服务妆</h6>
          <p>
            （1）特点：航空地面服务人员的岗位工作环境及工种性质与客舱乘务员不太一样，分室内、户外工作地点，有些岗位要面对的客流量较大，服务人员动作既利落又烦琐，主要负责在旅客登机前和着陆后的一系列工作，但室内、户外的光线条件都偏多样，故化妆时要能体现专业性，以及亲和力强、热情大方的特点。可根据室内、户外岗位环境调整妆容饱和度。
          </p>
          <p>
            （2）化妆要点：自然、端庄、简易，需注意妆面的持久性（见图2-1-14）。
          </p>
          <h6 id="f011">2.客舱乘务妆</h6>
          <p>
            （1）特点：相对于地面服务而言，客舱服务工作的空间较狭窄、空气不流通、光线较暗。客舱乘务员的职业形象既要美观，也要淡雅，给人以赏心悦目、舒适之感。在机舱中乘务员常常需要为旅客提供服务，常与旅客近距离接触，并且旅客大部分都是通
          </p>
          <div class="img-rights w250 openImgBox ">
            <p class="center openImgBox">
              <img class="img-c" alt="" src="../../assets/images/0068-3.jpg" />
@@ -976,18 +935,15 @@
            <p class="img">图2-1-15 客舱乘务妆</p>
          </div>
          <span>
            <p class="td-0">
              过乘务员的服务专业性而对航空公司服务进行评价的。 所以，客舱乘务员的妆容不仅要达到规范，还要体现精致，注重细节往往会让对方觉得受到重视和尊重。
            <p>
              （2）化妆要点：妆色淡雅、清新、干净、给人亲和力较强的感觉，但要注意乘务组之间的协调、统一效果（见图2-1-15）。
            </p>
            <h4 id="d046">五、女士面部化妆程序</h4>
            <h5 id="e056">（一）日常妆</h5>
            <p>
              日常妆主要体现在日常生活中，可以按照个人的意愿和审美进行美化，根据整体形象风格塑造自己，可追求时尚、端庄、优雅、清新，随意性较强，范围较大，但需注意适合的年龄、环境。可根据所在不同的场合、目的进行塑造，也可根据季节变化来设计妆容。
            </p>
          </span>
          <p>
            （2）化妆要点：妆色淡雅、清新、干净、给人亲和力较强的感觉，但要注意乘务组之间的协调、统一效果（见图2-1-15）。
          </p>
          <h4 id="d046">五、女士面部化妆程序</h4>
          <h5 id="e056">（一）日常妆</h5>
          <p>
            日常妆主要体现在日常生活中，可以按照个人的意愿和审美进行美化，根据整体形
          </p>
        </div>
      </div>
    </div>
@@ -998,14 +954,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">63</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">
            象风格塑造自己，可追求时尚、端庄、优雅、清新，随意性较强，范围较大，但需注意适合的年龄、环境。可根据所在不同的场合、目的进行塑造，也可根据季节变化来设计妆容。
          </p>
          <h5 id="e057">（二）日常妆程序</h5>
          <div class="img-rights w220 openImgBox ">
            <p class="center">
@@ -1038,7 +991,7 @@
            （7）涂眼影：运用色彩来修饰和美化眼部，增加眼睛的神韵。眼影画法多种多样，一般采用平涂法、晕染法、眼尾加重法。
          </p>
          <p>
            ①平涂法：先用浅色打底，再用一种颜色由睫毛根部开始平涂，下眼睑画半包，用
            ①平涂法：先用浅色打底，再用一种颜色由睫毛根部开始平涂，下眼睑画半包，用色单一。此种方法适合裸妆、肿泡眼。
          </p>
        </div>
      </div>
@@ -1056,7 +1009,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">色单一。此种方法适合裸妆、肿泡眼。</p>
          <p>
            ②晕染法：将上眼睑分区域进行晕染，一般选用两种或两种以上的颜色。此种方法可运用色彩的变化选择同色系或邻近色，适用于各种眼形和妆型。晕染时注意内浅外深，先用浅色系在整个上眼睑处打底，第二层颜色涂满整个上眼睑的2/3，第三层最深的颜色叠加在高于双眼皮基准线上3mm左右即可。下眼睑画半包，不超过瞳孔中线，颜色叠加层次与上眼睑相同。各区颜色衔接过渡自然，不能有分界线，接近眉骨处眼影边缘应虚化自然。
          </p>
@@ -1076,7 +1028,7 @@
            ①标准眉：从眉腰下缘线开始，顺着眉毛的生长方向，描画至眉峰处，形成上扬的弧线，再顺着眉毛的生长方向，斜向下画至眉梢，呈下降弧线，加深眉腰至眉峰的颜色，淡化眉头的颜色。确定眉尾长度的点位，可利用眉笔快速测评，鼻翼到外眼角连线的延长线上的点，就是眉尾最长可至的点。确定眉峰的点位，将确定后的眉尾的延长线平移到鼻尖，但眉尾不能低于眉头。此种眉形适合所有脸型。
          </p>
          <p>
            ②一字眉：从眉腰下缘线开始，顺着眉毛的生长方向，描画至眉峰处，形成一条直线，再顺着眉毛的生长方向，斜向下画至眉梢，呈下降弧线，加深眉腰至眉峰的颜色，
            ②一字眉：从眉腰下缘线开始，顺着眉毛的生长方向，描画至眉峰处，形成一条直线，再顺着眉毛的生长方向，斜向下画至眉梢，呈下降弧线，加深眉腰至眉峰的颜色，淡化眉头的颜色，眉尾不能低于眉头。此种眉形适合长脸型。
          </p>
        </div>
      </div>
@@ -1088,12 +1040,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">65</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">淡化眉头的颜色，眉尾不能低于眉头。此种眉形适合长脸型。</p>
          <p>
            （11）涂腮红：可以改善肤色，矫正脸型，使妆面色调谐调等。从鬓角处往前扫，向前不超过眼睛1/3垂直线，向上不超过外眼角的水平线，向下不得低于鼻翼的水平线。同时根据脸型适当调整，长脸型者一般横扫腮红，其他脸型者可以斜向扫腮红。
          </p>
@@ -1217,7 +1168,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">67</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1239,7 +1190,7 @@
          <h4 id="d049">一、民航职业发型的设计原则</h4>
          <h5 id="e061">（一）干净的原则</h5>
          <p>
            头部的洁净程度完全可以体现一个人的精神状态和生活习惯，“蓬头垢面”的形象不符合职业要求和仪容仪表要求。民航服务人员应经常洗头发，注意头发的干净度，最
            头部的洁净程度完全可以体现一个人的精神状态和生活习惯，“蓬头垢面”的形象不符合职业要求和仪容仪表要求。民航服务人员应经常洗头发，注意头发的干净度，最好是保持无头皮屑，无分叉、枯燥的发质，发面不油腻。
          </p>
        </div>
      </div>
@@ -1257,7 +1208,6 @@
          </li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">好是保持无头皮屑，无分叉、枯燥的发质，发面不油腻。</p>
          <h5 id="e062">（二）长度适宜的原则</h5>
          <h6 id="f012">1.男士</h6>
          <p>前发：男士应为短发，前发要求不遮盖额头一半（见图2-1-18）。</p>
@@ -1319,7 +1269,7 @@
          </p>
          <h4 id="d050">二、发型工具介绍</h4>
          <p>
            民航职业要求发型干净利落，这需要发型工具及产品的辅助和定型，才能保持一天
            民航职业要求发型干净利落，这需要发型工具及产品的辅助和定型，才能保持一天的造型不杂乱。发型工具多种多样，其作用也是根据发质而定的。
          </p>
        </div>
      </div>
@@ -1331,12 +1281,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">69</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">的造型不杂乱。发型工具多种多样，其作用也是根据发质而定的。</p>
          <h5 id="e065">（一）发型工具</h5>
          <p>
            尖尾梳：别名挑梳、分针梳，主要用于盘发。一边梳，一边用尖尾顺次把头发挑起（见图2-1-24）。
@@ -1471,7 +1420,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">71</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1544,229 +1493,79 @@
        <div class="bodystyle">
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.脸部色调偏红，可用（　　）修饰。</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.淡紫色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.淡绿色</p>
          <p><input
              type="radio"
              name="projectTwo.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.米色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.淡紫色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.淡绿色</p>
          <p><input type="radio" name="projectTwo.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.米色</p>
          <p>2.涂高光色应用（　　）的手法涂抹。</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.平涂法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.按压法</p>
          <p><input
              type="radio"
              name="projectTwo.two"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.点拍法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.平涂法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.按压法</p>
          <p><input type="radio" name="projectTwo.two" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.点拍法</p>
          <p>3.圆脸型者在梳理头发时（　　）部分适宜蓬松些。</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.头顶两侧</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.头顶</p>
          <p><input
              type="radio"
              name="projectTwo.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.面型两侧</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.头顶两侧</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.头顶</p>
          <p><input type="radio" name="projectTwo.three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.面型两侧</p>
          <p>4.正方形脸型者适宜描画（　　）的眉形。</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.下挂</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="B"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.拱形</p>
          <p><input
              type="radio"
              name="projectTwo.four"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.平直</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.下挂</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="B" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.拱形</p>
          <p><input type="radio" name="projectTwo.four" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.平直</p>
          <p>5.两眼间距离近，眼影的修饰重点应放在（　　）。</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />A.内眼角</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />B.眼部中央</p>
          <p><input
              type="radio"
              name="projectTwo.five"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectTwo.five.value"
              @change="setBookQuestion"
            />C.外眼角</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />A.内眼角</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />B.眼部中央</p>
          <p><input type="radio" name="projectTwo.five" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectTwo.five.value" @change="setBookQuestion" />C.外眼角</p>
          <p>6.三点一线是指将（　　）连成一条线。</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="A"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />A.眉头、内眼角、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="B"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />B.外眼角、眉梢、嘴角</p>
          <p><input
              type="radio"
              name="projectTwo.six"
              :disabled="questionData.isComplete"
              value="C"
              id="6"
              v-model="questionData.projectTwo.six.value"
              @change="setBookQuestion"
            />C.眉头、内眼角、鼻翼</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="A" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />A.眉头、内眼角、嘴角</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="B" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />B.外眼角、眉梢、嘴角</p>
          <p><input type="radio" name="projectTwo.six" :disabled="questionData.isComplete" value="C" id="6"
              v-model="questionData.projectTwo.six.value" @change="setBookQuestion" />C.眉头、内眼角、鼻翼</p>
          <p>7.为加强眼部立体感，可在眉骨抹上（　　）眼影。</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="A"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />A.暗色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="B"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />B.明亮色</p>
          <p><input
              type="radio"
              name="projectTwo.seven"
              :disabled="questionData.isComplete"
              value="C"
              id="7"
              v-model="questionData.projectTwo.seven.value"
              @change="setBookQuestion"
            />C.褐色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="A" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />A.暗色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="B" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />B.明亮色</p>
          <p><input type="radio" name="projectTwo.seven" :disabled="questionData.isComplete" value="C" id="7"
              v-model="questionData.projectTwo.seven.value" @change="setBookQuestion" />C.褐色</p>
          <p>8.与唇膏的颜色相比，唇线笔的颜色应（　　）。</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="A"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />A.略深一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="B"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />B.略浅一度</p>
          <p><input
              type="radio"
              name="projectTwo.eight"
              :disabled="questionData.isComplete"
              value="C"
              id="8"
              v-model="questionData.projectTwo.eight.value"
              @change="setBookQuestion"
            />C.相同</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="A" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />A.略深一度</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="B" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />B.略浅一度</p>
          <p><input type="radio" name="projectTwo.eight" :disabled="questionData.isComplete" value="C" id="8"
              v-model="questionData.projectTwo.eight.value" @change="setBookQuestion" />C.相同</p>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(1)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
@@ -1777,7 +1576,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">73</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -1788,6 +1587,8 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·思维导图·</span></p>
          <p class="td-0 openImgBox"><img class="img-0" src="../../assets//images/unitTwo-02.png" alt=""></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>
@@ -1841,8 +1642,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>请谈谈微笑对民航服务工作的重要性。</p>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1857,11 +1658,27 @@
          <p><b>任务目标：</b></p>
          <p>1.了解微笑的原则和分类。</p>
          <p>2.学会真诚微笑。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathEight" 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.isCollectVideo07 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '0fb36763d6a22916a6deb1f3779004bf'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-08')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            微笑，是世界上最美丽的语言，是含义甚广的交际手段，是自信的象征，是礼貌的表示，能充分体现一个人的热情、修养和魅力。微笑也能带给自己良好的心理暗示，营造快乐的氛围。微笑在一刹那间产生，却能给人留下永恒的记忆。真正甜美而非假性的微笑是发自内心、自然大方、真实亲切的微笑。
          </p>
          <p>
            生活中需要微笑的理由：微笑比紧锁眉头要好看，微笑可令人心情愉悦，微笑可令
          </p>
        </div>
      </div>
@@ -1873,13 +1690,13 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">75</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">
            生活过得有滋有味，微笑有助于结交新朋友，微笑可表达友善，微笑可给人留下良好的印象，微笑可增加自信和魅力，微笑可减少忧虑。
          <p>
            生活中需要微笑的理由：微笑比紧锁眉头要好看，微笑可令人心情愉悦，微笑可令生活过得有滋有味，微笑有助于结交新朋友，微笑可表达友善，微笑可给人留下良好的印象，微笑可增加自信和魅力，微笑可减少忧虑。
          </p>
          <p>
            民航人员在工作中要学会微笑，不会微笑的乘务员是不合格的乘务员。与旅客交流时，配合微笑的面容，会让人觉得亲切可信、饱含诚意。
@@ -1972,6 +1789,44 @@
          <p><b>任务目标：</b></p>
          <p>1.掌握常见站姿的动作要领。</p>
          <p>2.理解站立时的注意事项。</p>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathNine" 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.isCollectVideo08 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '00768adb601ee16a6d55bac5e5e85c70'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-09')" />
              </el-tooltip>
            </p>
          </div>
          <div class="video-box">
            <p class="center text td-0">
              <video :src="videoPathTen" 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.isCollectVideo09 ? '点击取消' : '点击收藏'
                " placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '2f749e9b603637e801909ef01c3c5f77'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-10')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            站，是人的静态和动态动作造型的起点和基础，“站如松”是对健美站姿的形象描述。
          </p>
@@ -1985,7 +1840,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">77</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2076,7 +1931,7 @@
          <p>（6）不可交腿斜靠在马路旁的树干、招牌、墙壁、栏杆上等。</p>
          <h4 id="d056">三、站姿的基础训练</h4>
          <p>
            对站姿的基础训练是一个循序渐进、坚持不懈的过程，我们可以从以下三种方法中
            对站姿的基础训练是一个循序渐进、坚持不懈的过程，我们可以从以下三种方法中选择一种，每天坚持训练30分钟。通过积累，养成一个良好的站立习惯和达到正确的身体姿态规范要求。
          </p>
        </div>
      </div>
@@ -2088,14 +1943,11 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">79</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img 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">
          <p class="td-0">
            选择一种，每天坚持训练30分钟。通过积累，养成一个良好的站立习惯和达到正确的身体姿态规范要求。
          </p>
          <h6 id="f019">1.贴壁法</h6>
          <p>
            贴壁法又叫五点贴壁法。顾名思义就是让身体的五个部位紧贴墙壁，此种方法可以改善驼背。具体做法是：
@@ -2162,8 +2014,8 @@
            </div>
            <div class="bj3 fz-15">
              <p>说说你知道的通用手势语都有哪些？</p>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4"
                        class="fz-15 textarea-box" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-15 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d057">一、手势的分类及使用范围</h4>
@@ -2206,7 +2058,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">81</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2297,7 +2149,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">83</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2393,7 +2245,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">85</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2505,7 +2357,7 @@
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="p-Num">87</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-Number cloud"><img src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
        </ul>
@@ -2524,42 +2376,14 @@
          </div>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.与宾客挥手作别后，应（　　）。</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.站在原地，待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.立马转身离开</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.与旁边的同事交流</p>
          <p><input
              type="radio"
              name="projectThree.one"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />D.放松身体</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.站在原地，待车辆消失在视线范围内之后才能缓慢离开</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.立马转身离开</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.与旁边的同事交流</p>
          <p><input type="radio" name="projectThree.one" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.放松身体</p>
        </div>
      </div>
    </div>
@@ -2579,79 +2403,52 @@
          <p>
            2.今天你代表公司出席会议，到达会议厅时大家已就座。突然遇见一位朋友，距离约5米，他向你表达问候，此时你应（　　）。
          </p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.立马站起来，挥手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.微笑点头示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.从会议厅中间穿过去，握手示意</p>
          <p><input
              type="radio"
              name="projectThree.two"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />D.打通电话示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.立马站起来，挥手示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.微笑点头示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.从会议厅中间穿过去，握手示意</p>
          <p><input type="radio" name="projectThree.two" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.打通电话示意</p>
          <p>3.面试时，以鞠躬礼问好的身体弯曲度数应为（　　）。</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.15°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.30°</p>
          <p><input
              type="radio"
              name="projectThree.three"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.45°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.15°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.30°</p>
          <p><input type="radio" name="projectThree.three" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.45°</p>
          <p>4.简述前腹式站姿的要领。</p>
          <textarea v-model="questionData.projectThree.four.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p>5.简述入座与离座的基本原则。</p>
          <textarea v-model="questionData.projectThree.five.value" placeholder="请输入内容" rows="4"
              class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
          <p class="dialogQuestion">
            <span class="td-0">【本节测试】</span>
            <span class="td-0">
              <svg @click="openQuestion(2)" t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2536" xmlns:xlink="http://www.w3.org/1999/xlink" width="28"
                height="28">
                <path
                  d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                  fill="#fff" p-id="2537"></path>
                <path
                  d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                  fill="#fff" p-id="2538"></path>
                <path
                  d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                  fill="#fff" p-id="2539"></path>
              </svg>
            </span>
          </p>
        </div>
      </div>
    </div>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>

@@ -2661,12 +2458,19 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
  name: "chapterTwo",
  props: {
    showPageList: {
      type: Array,
    },
    interfaceQuestion: {
      type: Object,
    },
  },
  components: {
    dialogExaminations,
  },
  data() {
    return {
@@ -2676,72 +2480,78 @@
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
        askAbout:{
          one:'',
          two:'',
          three:'',
          four:'',
          five:'',
        askAbout: {
          one: '',
          two: '',
          three: '',
          four: '',
          five: '',
        },
        projectOne:{
          one:{
            value:""
        projectOne: {
          one: {
            value: ""
          },
          two:{
            value:[]
          two: {
            value: []
          },
          three:{
            value:''
          three: {
            value: ''
          },
          four:{
            value:''
          four: {
            value: ''
          }
        },
        projectTwo:{
          one:{
            value:""
        projectTwo: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:""
          four: {
            value: ""
          },
          five:{
            value:""
          five: {
            value: ""
          },
          six:{
            value:""
          six: {
            value: ""
          },
          seven:{
            value:""
          seven: {
            value: ""
          },
          eight:{
            value:""
          eight: {
            value: ""
          }
          

        },
        projectThree:{
          one:{
            value:""
        projectThree: {
          one: {
            value: ""
          },
          two:{
            value:""
          two: {
            value: ""
          },
          three:{
            value:""
          three: {
            value: ""
          },
          four:{
            value:''
          four: {
            value: ''
          },
          five:{
            value:''
          five: {
            value: ''
          }
        },
      },
@@ -2784,6 +2594,29 @@
        isCollectVideo01: false,
        isCollectVideo02: false,
        isCollectVideo03: false,
        isCollectVideo04: false,
        isCollectVideo05: false,
        isCollectVideo06: false,
        isCollectVideo07: false,
        isCollectVideo08: false,
        isCollectVideo09: false,
      },
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块二　民航服务人员职业形象",
            questionNum: 78,
          },
          2: {
            questionTitleMain: "模块二　民航人员仪态礼仪认知",
            questionNum: 94,
          },
        },
      },
    };
  },
@@ -2808,7 +2641,7 @@
    if (videoData) {
      this.chapter002 = JSON.parse(videoData);
    }
    

    this.getVidoePath();
    this.collectResourceList = await getCollectResource(
      this.config.activeBook.bookId
@@ -2828,6 +2661,27 @@
      this.videoPathFour = await getResourcePath(
        "e5ac247c68c93dbb8fb3eb56ea4bb3aa"
      );

      // 新增的视频
      this.videoPathFive = await getResourcePath(
        "5a13c9aa455c8fae34faa1ae9f021d30"
      );
      this.videoPathSix = await getResourcePath(
        "a1d05c3a38a322dc67861f9f3d35fb09"
      );
      this.videoPathSeven = await getResourcePath(
        "8e02ef51cadfb9b2611b0e6ab47f54b9"
      );
      this.videoPathEight = await getResourcePath(
        "0fb36763d6a22916a6deb1f3779004bf"
      );
      this.videoPathNine = await getResourcePath(
        "00768adb601ee16a6d55bac5e5e85c70"
      );
      this.videoPathTen = await getResourcePath(
        "2f749e9b603637e801909ef01c3c5f77"
      );

      for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
        const item = this.chapter002.videoMd5[index];
        if (item.md5 && !item.md5.includes("https:")) {
@@ -2835,6 +2689,15 @@
        }
      }
    },

    openQuestion(num) {
      if (num) {
        this.questionNum = this.chapter001.question[num].questionNum;
        this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
        this.$refs.dialogRef.openDialogQuestion();
      }
    },

    setBookQuestion() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter02-question",
@@ -2902,7 +2765,7 @@
          "视频：气质型发型"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo01;
      }else if (e == "video-04") {
      } else if (e == "video-04") {
        this.handleCollectResource(
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
          "e5ac247c68c93dbb8fb3eb56ea4bb3aa",
@@ -2912,6 +2775,66 @@
          "视频：优雅型发型"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "",
          "视频",
          "bits",
          "视频：了解民航制服"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "",
          "视频",
          "bits",
          "视频：中国民航制服规范"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "",
          "视频",
          "bits",
          "视频：民航人员妆容规范"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "0fb36763d6a22916a6deb1f3779004bf",
          "0fb36763d6a22916a6deb1f3779004bf",
          "",
          "视频",
          "bits",
          "视频：民航岗位的微笑"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "00768adb601ee16a6d55bac5e5e85c70",
          "00768adb601ee16a6d55bac5e5e85c70",
          "",
          "视频",
          "bits",
          "视频：民航人员仪态礼仪实训"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "2f749e9b603637e801909ef01c3c5f77",
          "2f749e9b603637e801909ef01c3c5f77",
          "",
          "视频",
          "bits",
          "视频：民航岗位仪态礼仪认知"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      }
      this.handleChapter002();
      this.handleChapterData();

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

@@ -99,7 +99,7 @@
        </ul>
        <div class="bodystyle">
          <p>
            《民航服务礼仪》由李灵、魏全斌担任主编，陈秋雨、黄清豪、李林、丁洁琪担任副主编。此外，李灵参加了模块一、模块二、模块三和拓展模块的编写，陈秋雨参加了模块一、模块二、模块三的编写，李静、丁洁琪参加了模块二的编写，刘家利参加了模块三的编写，王莉莉、李鑫、李静、丁洁琪参加了模块四的编写，黄清豪参加了拓展模块的编写。全书由李灵、顾妍雯统稿。
            《民航服务礼仪》由李灵、魏全斌担任主编，陈秋雨、黄清豪、李林、丁洁琪担任副主编。此外，李灵、雷浚栏参加了模块一、模块二、模块三和拓展模块的编写，陈秋雨参加了模块一、模块二、模块三的编写，李静、丁洁琪参加了模块二的编写，刘家利参加了模块三的编写，王莉莉、李鑫、李静、丁洁琪参加了模块四的编写，黄清豪参加了拓展模块的编写。全书由李灵、顾妍雯统稿。
          </p>
          <p>
            由于编者水平限制，教材中难免有不足之处，敬请广大读者提出宝贵的意见，以便我们修订时加以完善。

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

@@ -9,11 +9,11 @@
      transformOrigin: 'center top',
    }">
      <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"> </chapterFive>
      <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterOne>
      <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterTwo>
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList" :interfaceQuestion="questionDataMap"> </chapterFive>
    </div>
  </div>
</template>
@@ -26,6 +26,8 @@
import chapterFour from "./chapter004.vue";
import chapterFive from "./chapter005.vue";
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/examinationList";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -157,9 +159,9 @@
      this.initThemeColor();
    }, 500);

    // 测试页面跳转
    //测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 9);
    //   this.gotoPage(5, 130);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -543,30 +545,30 @@
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionDataMap[page] = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                    }
                    this.questionDataMap[page] = obj;
                  }
                  console.log("题目", this.questionDataMap);
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
@@ -918,9 +920,13 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if(playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState){
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            } 
          } catch (error) {
              console.log(error,"小窗错误error");
            console.log(error, "小窗错误error");
          }
        }
      }

 src/books/aviationSafety/assets/images/Cover.jpg

 src/books/aviationSafety/assets/images/FD.jpg

 src/books/aviationSafety/assets/main.less

@@ -1869,7 +1869,6 @@
}

.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;

 src/books/civilAviation/assets/images/fengdi.png

 src/books/civilAviation/assets/images/fengmian.png

 src/books/civilServices/assets/images/fengdi.png

 src/books/civilServices/assets/images/fengmian.png

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

@@ -423,7 +423,7 @@
                            <span>视频：人际吸引 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '6e398727142a495b3d893adf3c8a240f') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '30b4c510514d03ed2902817e6e9f4fb2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -731,7 +731,7 @@
                            <span>视频：客我交往技巧 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'dec981e507dbcd88c632789c75b2fe3b') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '114bfb6ee69164a3d24991fe2061fab2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
@@ -1734,7 +1734,7 @@
                            <span>视频：民航服务中常见的沟通障碍类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '7637f57a3dc18cc8487ccc2a39e62a5c') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == ' 4ee774f6507c878e0e2ba42a12cc3362') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
@@ -2048,7 +2048,7 @@
                            <span>视频：民航服务的沟通策略</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'c69daf5242160645652a8d159213d1d9') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == ' 8f57603126cedddbcd4be17c34099107') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
@@ -2610,16 +2610,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "6e398727142a495b3d893adf3c8a240f"
                "30b4c510514d03ed2902817e6e9f4fb2"
            );
            this.videoPathTwo = await getResourcePath(
                "dec981e507dbcd88c632789c75b2fe3b"
                "114bfb6ee69164a3d24991fe2061fab2"
            );
            this.videoPathThree = await getResourcePath(
                "7637f57a3dc18cc8487ccc2a39e62a5c"
                " 4ee774f6507c878e0e2ba42a12cc3362"
            );
            this.videoPathFour = await getResourcePath(
                "c69daf5242160645652a8d159213d1d9"
                " 8f57603126cedddbcd4be17c34099107"
            );
            for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                const item = this.chapter003.videoMd5[index];
@@ -2662,16 +2662,16 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("6e398727142a495b3d893adf3c8a240f", "6e398727142a495b3d893adf3c8a240f", '', "视频", "bits", '视频：人际吸引')
                this.handleCollectResource("30b4c510514d03ed2902817e6e9f4fb2", "30b4c510514d03ed2902817e6e9f4fb2", '', "视频", "bits", '视频：人际吸引')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("dec981e507dbcd88c632789c75b2fe3b", "dec981e507dbcd88c632789c75b2fe3b", '', "视频", "bits", '视频：客我交往技巧')
                this.handleCollectResource("114bfb6ee69164a3d24991fe2061fab2", "114bfb6ee69164a3d24991fe2061fab2", '', "视频", "bits", '视频：客我交往技巧')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-03') {
                this.handleCollectResource("7637f57a3dc18cc8487ccc2a39e62a5c", "7637f57a3dc18cc8487ccc2a39e62a5c", '', "视频", "bits", '视频：民航服务中常见的沟通障碍类型')
                this.handleCollectResource(" 4ee774f6507c878e0e2ba42a12cc3362", " 4ee774f6507c878e0e2ba42a12cc3362", '', "视频", "bits", '视频：民航服务中常见的沟通障碍类型')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-04') {
                this.handleCollectResource("c69daf5242160645652a8d159213d1d9", "c69daf5242160645652a8d159213d1d9", '', "视频", "bits", '视频：民航服务的沟通策略')
                this.handleCollectResource(" 8f57603126cedddbcd4be17c34099107", " 8f57603126cedddbcd4be17c34099107", '', "视频", "bits", '视频：民航服务的沟通策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handlechapter003();

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

@@ -47,6 +47,7 @@
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";

export default {
  name: "pageContent",
  data() {
@@ -178,8 +179,8 @@
    }, 500);

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(3,79);
    setTimeout(() => {
      this.gotoPage(4,140);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -193,7 +194,7 @@
    //     ids: ["2ACA9359"]
    //   });
    // }, 2000);
    // }, 500);
    }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -936,7 +937,12 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState) {
              // playVudio.requestPictureInPicture();
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }

 src/books/meetingPlanners/assets/mian.less

@@ -1290,10 +1290,10 @@

    .pdfModal {
        width: 100%;
    

    }

    .examination{
    .examination {
        height: calc(100% - 80px);
    }
}
@@ -1307,9 +1307,10 @@

    .pdfModal {
        width: 100%;
    

    }
    .examination{

    .examination {
        height: calc(100% - 80px);
    }
}

 src/books/policiesAndRegulations/assets/examinationList.js

New file
@@ -0,0 +1,9 @@
const testData = {
  2: {
    15: [162917,162918,162919,162920,162921,162922,162923,162924,162925,162926,162927,162928,162929,162930,162931],
    
  },
  
};

export default testData;

 src/books/policiesAndRegulations/assets/images/1.png

 src/books/policiesAndRegulations/assets/images/2.png

 src/books/policiesAndRegulations/assets/images/3.png

 src/books/policiesAndRegulations/assets/images/4.png

 src/books/policiesAndRegulations/assets/images/fagui.mp4

Binary files differ

 src/books/policiesAndRegulations/assets/images/feiye.png

 src/books/policiesAndRegulations/assets/images/file.svg

New file
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741243155940" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="53616" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M904.916 386.149H121.45c-26.176 0-44.878 25.232-41.814 55.963l62.38 375.745c2.217 22.23 21.735 40.06 43.621 40.06h655.091c21.887 0 41.407-17.829 43.621-40.06l62.38-375.745c3.065-30.731-15.639-55.963-41.813-55.963zM820.19 251.082H443.477l-61.905-81.279H207.871c-26.177 0-47.392 21.219-47.392 47.394v68.674h705.402c-5.522-20.058-23.881-34.793-45.691-34.793z m88.639 113.143l2.271-20.628H115.263l2.271 20.628h791.297z m-16.548-38.447l2.96-21.405H131.12l2.96 21.405h758.199z" fill="#0090FF" p-id="53617"></path></svg>

 src/books/policiesAndRegulations/assets/images/lessons.svg

New file
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741242617504" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24623" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M512 396.8m-51.2 0a51.2 51.2 0 1 0 102.4 0 51.2 51.2 0 1 0-102.4 0Z" fill="#4E78EB" p-id="24624"></path><path d="M358.4 371.2m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z" fill="#4E78EB" p-id="24625"></path><path d="M652.8 384h-64v12.8c0 44.8-32 76.8-76.8 76.8-32 0-57.6-19.2-70.4-44.8-19.2 25.6-51.2 44.8-83.2 44.8-51.2 0-96-38.4-102.4-89.6h-12.8c-19.2 0-38.4 19.2-38.4 38.4V704c0 19.2 19.2 38.4 38.4 38.4h409.6c19.2 0 38.4-19.2 38.4-38.4V422.4c0-19.2-19.2-38.4-38.4-38.4z m-51.2 326.4c0 6.4-6.4 6.4 0 0l-121.6 6.4c-6.4 0-6.4 0-6.4-6.4v-12.8c0-6.4 0-6.4 6.4-6.4h115.2c6.4 0 6.4 0 6.4 6.4v12.8z m64 0c0 6.4-6.4 6.4 0 0l-32 6.4c-6.4 0-6.4 0-6.4-6.4v-12.8c0-6.4 0-6.4 6.4-6.4h25.6c6.4 0 6.4 0 6.4 6.4v12.8zM806.4 448l-76.8 25.6c-6.4 0-12.8 6.4-12.8 12.8V640c0 6.4 6.4 12.8 12.8 12.8l76.8 25.6c6.4 0 12.8-6.4 12.8-12.8V460.8c0-6.4-6.4-12.8-12.8-12.8z" fill="#4E78EB" p-id="24626"></path><path d="M947.2 0H76.8C38.4 0 0 38.4 0 76.8v870.4c0 44.8 38.4 76.8 76.8 76.8h870.4c44.8 0 76.8-32 76.8-76.8V76.8c0-38.4-32-76.8-76.8-76.8z m-102.4 678.4c0 12.8-12.8 25.6-25.6 25.6l-102.4-25.6v38.4c0 25.6-25.6 51.2-51.2 51.2H230.4c-25.6 0-51.2-25.6-51.2-51.2V409.6c0-25.6 25.6-51.2 51.2-51.2H256c6.4-51.2 51.2-89.6 102.4-89.6 44.8 0 83.2 32 96 76.8 19.2-12.8 38.4-25.6 57.6-25.6 25.6 0 51.2 12.8 64 38.4h89.6c25.6 0 51.2 25.6 51.2 51.2V448l102.4-25.6c12.8 0 25.6 12.8 25.6 25.6v230.4zM832 256c-38.4 0-64-25.6-64-64s25.6-64 64-64 64 25.6 64 64-25.6 64-64 64z" fill="#4E78EB" p-id="24627"></path></svg>

 src/books/policiesAndRegulations/assets/images/question.svg

New file
@@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1741244557451" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7054" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M896.599771 234.057143V93.096229H275.017143c-77.692343 0-103.599543 117.028571-58.2656 175.542857 12.946286 14.628571 32.373029 29.257143 58.2656 29.257143h621.597257V263.314286H336.457143a14.628571 14.628571 0 1 1 0-29.257143h560.142628z m55.1936-140.960914v217.205028h32.826515c19.690057 0 39.380114 23.274057 39.380114 46.548114 0 23.259429-19.690057 46.548114-39.380114 46.548115h-98.464915c32.826514 62.0544 32.826514 147.397486 0 217.205028h98.450286c19.704686 0 39.394743 23.274057 39.394743 46.548115s-19.690057 46.548114-39.380114 46.548114h-32.826515v217.205028h32.826515c19.690057 0 39.380114 23.274057 39.380114 46.548115S1004.309943 1024 984.619886 1024H275.690057c-131.2768 0-203.483429-186.177829-137.845028-310.301257h-98.450286C19.675429 713.698743 0 690.424686 0 667.150629c0-23.259429 19.690057-46.548114 39.380114-46.548115h32.826515V403.397486H39.380114C19.690057 403.397486 0 380.123429 0 356.849371s19.690057-46.548114 39.380114-46.548114h98.464915C72.206629 186.177829 144.413257 0 275.690057 0h708.929829C1004.309943 0 1024 23.259429 1024 46.548114c0 23.259429-19.690057 46.548114-39.380114 46.548115h-32.826515z m-55.1936 635.231085H277.547886c-19.3536 0-45.143771 14.628571-58.046172 29.257143-51.580343 58.514286-19.338971 175.542857 58.046172 175.542857H896.585143v-204.8z" fill="#5A8BFF" p-id="7055"></path></svg>

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

 src/books/policiesAndRegulations/assets/main.less

@@ -26,12 +26,21 @@
    }

    .fz-15 {
        line-height: 26px;
        font-size: 15px !important;
    }
    .w100{
        width:100%;

    }

    .img-0 {
        width: 100%;
    }
    .img-20{
        width: 20%;
    }

    .fl {
        display: flex;
    }
@@ -42,6 +51,10 @@

    .ju-cn {
        justify-content: center;
    }

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

    .td-0 {
@@ -62,6 +75,7 @@
        list-style-type: none;
        padding:0 !important;
        font-size:13px;
		
    }

    li {
@@ -80,6 +94,375 @@
        margin-left: 0%;
        margin-right: 0%;
    }
    .box1{
        margin-top:10px;
        border-top:1px solid #333;
    }

    .box-left{
        text-align: center;
        width:100px;
        border-right:1px solid #666;
        p{
          font-weight: bold;
        }
		
    }
    .box-right{
        margin-left:3px;
        border-left:1px solid #666;
    }


    .page-box:nth-child(even) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 15% 0 13%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 12% 0 12%;

    }

    .page-box:nth-child(odd) .bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 13% 0 15%;
        padding-bottom: 80px;
        line-height: 30px;
        padding: 12% 0 12% 0;

        
    }

    .mainColor{
        color:#4E78EB;
    }

    .hr{
        height:1px;
        width:83%;
        border-top: 1px dotted #4E78EB;
    }
    .hr1{
        height:1px;
        width:78%;
        border-top: 1px dotted #4E78EB;
    }

    .f-right{
        position: absolute;
        bottom: 4%;
        right: 13%; 
    }
    .f-left{
        position: absolute;
        bottom: 4%;
        left: 13%;
		
    }
    .t-left{
        height: 40px;
        position: absolute;
        top: 4%;
        left: 5%; 
        align-items: center;
        img{
            height:100%;
        }
        .chapter{
            border-bottom: 1px dotted #4E78EB;
            color:#4E78EB;
            line-height: 28px;
            padding:5px;
            margin-left:5px;
        }
    }
    .t-right{
        height: 40px;
        position: absolute;
        top: 4%;
        right: 0; 
        align-items: center;
        img{
            height:100%;
        }
        .chapter{
            border-bottom: 1px dotted #4E78EB;
            color:#4E78EB;
            line-height: 28px;
            padding:5px;
            margin-right:5px;
        }
    }
	

    .mtb{
        margin: 50px 0;
    }

    h1 {
        font-family: '黑体';
        line-height: 2em;
        font-weight: bold;
        font-size: 1.8em;
        margin-top: 1em;
        text-indent: 0em;
    }
    h2 {
        text-align: center;
        font-family: '黑体';
        font-weight: 500;
        font-size: 1.6em;
    }
    .h2{
        font-weight: bold !important;
        font-family: '宋体' !important;
    }

    h3 {
        font-family: '黑体';
        font-weight: bold;
        font-size: 1.3em;
        margin-bottom: 1em;
        margin-top: 1em;
        text-indent: 2em;
    }
    h4 {
        font-family: '黑体';
        font-weight: bold;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.1em;
        text-indent: 2em;
        color: #000;
    }

    h5 {
        color: #000;
        font-weight: bold;
        font-family: '宋体';
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.05em;
        text-indent: 2em;
    }
    .h6{
        font-family: '黑体' !important;
        font-weight: 500 !important;
    }

    .bk {
        padding: 25px;
        border: 2px dotted #4E78EB;
    }
    .pdf-view {
        min-width:160px;
        flex:1;
        span{
            cursor: pointer;
        }
        span:hover{
            color:#4E78EB;
        }

    }
    .img-rights1{
        width: 150px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 18px;
    }

    .img-rights {
        width: 260px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 18px;
    }
    .img-lefts {
        width: 260px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }



}

.pdfModal {
    width: 100%;
    height: 90vh;

    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;

        .preview {
            width: 100%;
            height: 100%;

            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }

            .imageBox:hover {
                cursor: zoom-in !important;
            }

            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);

                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';

                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }

                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: 'FZLTXIHJW';
                }
            }

            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;

                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }

                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }

        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}
.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;
    }

    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }

        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: 'FZLTXIHJW';
        }
    }
}
.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: 'FZLTXIHJW';

    span:nth-child(2):hover {
        cursor: pointer;
    }
}

/* 媒体查询做基础响应式布局 */

@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }

    h1 {
        font-size: 1.1em;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }

    .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;
    }
}

@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }

}

 src/books/policiesAndRegulations/view/components/chapter006.vue

@@ -1,26 +1,52 @@
<template>
  <div class="chapter" num="7">
  <div class="chapter" num="2">
    <!-- P83 -->
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div class="bodystyle">
          <h1>第二编 法律法规篇</h1>
          <h2>|第六章|</h2>
          <h2>《宪法》基本知识</h2>
          <p class='td-0'>【学习目标】</p>
          <p>了解《中华人民共和国宪法》的序言、总纲、指导思想、基本原则、基本国策、首都的规定，《中华人民共和国国旗法》《中华人民共和国国歌法》《中华人民共和国国徽法》关于国旗、国歌、国徽的规定；熟悉《中华人民共和国宪法》关于国家机构的组成、任期和职权的规定；掌握《中华人民共和国宪法》关于我国的基本制度和根本任务，公民的基本权利和基本义务的规定。</p>
          <h3>第一节 概述</h3>
          <h4>一、宪法的概念和特征</h4>
          <h1 class="center mainColor">第二编 法律法规篇</h1>
          <h2 class="center mainColor">|第六章|</h2>
          <h2 class="h2 mainColor">《宪法》基本知识</h2>
          <div class="fl al-c"><p class='td-0 mainColor h6'>【学习目标】</p><div class="hr"></div></div>
          <p class="block">了解《中华人民共和国宪法》的序言、总纲、指导思想、基本原则、基本国策、首都的规定，《中华人民共和国国旗法》《中华人民共和国国歌法》《中华人民共和国国徽法》关于国旗、国歌、国徽的规定；熟悉《中华人民共和国宪法》关于国家机构的组成、任期和职权的规定；掌握《中华人民共和国宪法》关于我国的基本制度和根本任务，公民的基本权利和基本义务的规定。</p>
          <div class="fl al-c"><img class="" alt="" src="../../assets/images/file.svg" /><p class='td-0 mainColor h6'>【法规文件】</p><div class="hr1"></div></div>
          <div class="bk">
            <div class="fl al-c">
              <div class="pdf-view ">
                <span @click="toUrl(1)">中华人民共和国国歌法</span>
              </div>
              <div class="pdf-view">
                <span @click="toUrl(2)">中华人民共和国国徽法</span>
              </div>
              
            </div>
            <div class="fl al-c">
              <div class="pdf-view">
                <span @click="toUrl(3)">中华人民共和国国旗法</span>
              </div>
              <div class="pdf-view">
                <span @click="toUrl(4)">中华人民共和国宪法</span>
              </div>
            </div>
          </div>
          <h3 class="h3 mainColor">第一节 概述</h3>
          <h4 class="h4 mainColor">一、宪法的概念和特征</h4>
          <h5>（一）概念</h5>
          <p>宪法是规定国家根本制度和根本任务，规定国家机关的组织与活动的基本原则，确认和保障公民的基本权利，集中表现各种政治力量对比关系的国家根本法。</p>
          <p>中华人民共和国成立后，我国先后颁行了四部宪法。现行《中华人民共和国宪法》（以下简称《宪法》）于1982年12月4日由第五届全国人大第5次会议通过，并根据1988年第七届全国人大第1次会议、1993年第八届全国人大第1次会议、1999年第九届全国人大第2次会议、2004年第十届全国人大第2 次会议和2018年第十三届全国人大第1次会议通过的《中华人民共和国宪法修正案》，进行了五次修正，从而更加臻于完备。</p>

        </div>
        <ul class="fl f-right">
          <li>— 83 —</li>
        </ul>
      </div>
    </div>
    <!-- P84 -->
    <div class="page-box" page="6">
      <div v-if="showPageList.indexOf(6) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <h5>（二）特征</h5>
          <p class='block'>1. 内容具有根本性</p>
@@ -29,70 +55,90 @@
          <p>宪法的制定和修改的程序比普通法律较为特殊。制定程序上，一般要设立专门机关；修改程序上，较之普通法律更为严格。《宪法》第64条规定，宪法的修改，由全国人民代表大会常委会或1/5以上全国人民代表大会代表提议，并由全国人民代表大会以全体代表的2/3以上的多数通过。法律和其他议案由全国人民代表大会以全体代表的过半数通过。</p>
          <p class='block'>3.具有最高的效力</p>
          <p>宪法具有最高的法律效力，在国家法律体系中处于最高法律地位，这也是宪法发挥其根本功能的重要保障。具体表现在：宪法是立法的基础；宪法是一切组织和个人的活动的最高行为准则；任何法律、法规不得同宪法相抵触，违宪的法律、法规是无效的。在统一的法律体系中，宪法之外的其他规范性文件都属于下位规范，必须以宪法为基础。</p>
          <h4>二、宪法的根本任务和指导思想</h4>
          <div class="fl al-c"><img class="" alt="" src="../../assets/images/lessons.svg" /><p class='td-0 mainColor h6'>【微 课】</p><div class="hr1"></div></div>
          <div class="bk">
            <video src="../../assets/images/fagui.mp4" 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>
            <p class="center">政策与法律法规</p>
          </div>
          <h4 class="h4 mainColor">二、宪法的根本任务和指导思想</h4>
          <p>《宪法》在序言规定，国家的根本任务是沿着中国特色社会主义道路，集中力量进行社会主义现代化建设。中国各族人民将继续在中国共产党领导下，在马克思列宁主义、毛泽东思想、邓小平理论、“三个代表”重要思想、科学发展观、习近平新时代中国特色社会主义思想指引下，坚持人民民主专政，坚持社会主义道路，坚持改革开放，不断完善社会主义的各项制度，发展社会主义市场经济，发展社会主义民主，健全社会主义法治，贯彻新发展理念，自力更生，艰苦奋斗，逐步实现工业、农业、国防和科学技术的现代化，推动物质文明、政治文明、精神文明、社会文明、生态文明协调发展，把我国建设成为富强民主文明和谐美丽的社会主义现代化强国，实现中华民族伟大复兴。</p>

        </div>
        <ul class="fl f-left">
          <li class="br1">2</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 84 —</li>
        </ul>
      </div>
    </div>
    <!-- P85 -->
    <div class="page-box" page="7">
      <div v-if="showPageList.indexOf(7) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <h4>三、宪法日</h4>
          <div class="img-rights1"><p class="center"><img class="img-0" alt="" src="../../assets/images/1.png"/></p>
            <p class="img center">国家宪法日</p>
          </div>
          <h4 class="h4 mainColor">三、宪法日</h4>
          <p>为增强全社会的宪法意识，弘扬宪法精神，加强宪法实施，全面推进依法治国，第十二届全国人民代表大会常务委员会第十一次会议决定：将12月4日设立为国家“宪法日”。《宪法》第27条第3款规定：“国家工作人员就职时应当依照法律规定公开进行宪法宣誓。”</p>
          <h3>第二节　基本原则、基本国策与基本制度</h3>
          <h4>一、基本原则</h4>
          
          <h3 class="h3 mainColor">第二节　基本原则、基本国策与基本制度</h3>
          <h4 class="h4 mainColor">一、基本原则</h4>
          <h5>（一）人民主权原则</h5>
          <p>人民主权原则的基本内涵是，国家的最高权力属于人民，人民是国家的主人。《宪法》第2条规定，中华人民共和国的一切权力属于人民；人民行使国家权力的机关是全国人民代表大会和地方各级人民代表大会；人民依照法律规定，通过各种途径和形式，管理国家事务，管理经济和文化事业，管理社会事务。“一切权力属于人民”实质上即主权在民，宣布一切权力属于人民也即宣告了人民主权原则。</p>
          <h5>（二）基本人权原则</h5>
          <p>人权，在本质上是指人之为人应该享有的权利，而基本人权是人权的核心部分。基本人权原则，指保障基本人权是宪法的核心价值、发展动力和归宿。我国宪法既确认基本人权原则，又以公民基本权利的形式规定基本人权的基本内容。《宪法》第33条第3款规定，国家尊重和保障人权。同时，宪法还在“公民的基本权利和义务”专章中规定了公民在政治、经济、文化和社会生活方面的权利。</p>
          <h5></h5>
          <p></p>
          <h5>（三）法治原则</h5>
          <p>法治是与人治相对的一种价值系统、治国理论、制度体系和运行状态。法治思想自产生以来，便是宪法思想的重要内容之一，并成为各国宪法认可的一项基本原则。《宪法》第 5 条第 1 款规定，中华人民共和国实行依法治国，建设社会主义法治国家。显然，这一表述包括“依法治国”和“法治国家”两个部分。“依法治国”是法治的外在体现，它强调了法治的工具价值，即法治作为一种治国方略的治理功能。“法治国家”则体现了法治的精神和价值内涵。</p>
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">3</li>
          <li>— 85 —</li>
        </ul>
      </div>
    </div>
    <!-- P86 -->
    <div class="page-box" page="8">
      <div v-if="showPageList.indexOf(8) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <h5>（四）权力制约原则</h5>
          <p>权力制约原则是资本主义国家分权制衡原则和社会主义国家权力监督原则的总称，指组成国家权力的各部分之间相互制约以保障公民权利的原则。</p>
          <p>（1）人民享有对人民代表、国家机关及其工作人员的监督权。《宪法》第77条规定，全国人民代表大会代表受原选举单位的监督。原选举单位有权依照法律规定的程序罢免本单位选出的代表。第41条规定，中华人民共和国公民对于任何国家机关和国家工作人员，有提出批评和建议的权利；对于任何国家机关和国家工作人员的违法失职行为，有向有关国家机关提出申诉、控告或者检举的权利。</p>
          <p>（2）人民代表机关对其他国家机关的监督。《宪法》第3条第3款规定，国家行政机关、监察机关、审判机关、检察机关都由人民代表大会产生，对它负责，受它监督。</p>
          <p>（3）宪法为了保证法律得到良好实施，一般规定行政机关和司法机关在本系统内实行监督和制约。《宪法》第132条第2款规定，最高人民法院监督地方各级人民法院和专门人民法院的审判工作，上级人民法院监督下级人民法院的审判工作。第140条规定，人民法院、人民检察院和公安机关办理刑事案件，应当分工负责，互相配合，互相制约，以保证准确有效地执行法律。</p>
          <h4>二、基本国策</h4>
          <h4 class="h4 mainColor">二、基本国策</h4>
          <p>从宪法的视角看，基本国策是政策入宪而产生的一种新的宪法结构，我国宪法序言、总纲以及其他章节的政策性条款属于宪法上的基本国策，涉及国家政权、经济制度、社会生活、文化教育、国防外交、民族关系等多个领域。</p>
          <p>（1）国家政权方面，主要是指涉及国家政权的性质、形式、国家机关组织运作方面的基本政策的条款。《宪法》第1条规定，中华人民共和国是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主义国家。社会主义制度是中华人民共和国的根本制度。中国共产党领导是中国特色社会主义最本质的特征。禁止任何组织或者个人破坏社会主义制度。</p>
          <p>（2）经济发展方面，主要包括国家经济制度、经济体制方面的条款，具体包括所有制结构及国家对各种经济成分的政策分配制度、国民经济发展的指导方针、企业自主权与民主管理制度、财产保护制度等相关条款。《宪法》第6条至第18条大都属于此类条款。《宪法》第12条规定，社会主义的公共财产神圣不可侵犯。国家保护社会主义的公共财产。禁止任何组织或者个人用任何手段侵占或者破坏国家的和集体的财产。</p>
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">3</li>
        <ul class="fl f-left">
          <li>— 86 —</li>
        </ul>
      </div>
    </div>
    <!-- P87 -->
    <div class="page-box" page="9">
      <div v-if="showPageList.indexOf(9) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p>（3）社会生活方面，主要指我国宪法中规定的与社会生活利益密切相关的问题的基本政策。《宪法》第25条规定，国家推行计划生育，使人口的增长同经济和社会发展计划相适应。第9条第2款规定，国家保障自然资源的合理利用，保护珍贵的动物和植物。禁止任何组织或者个人用任何手段侵占或者破坏自然资源。第48条规定，中华人民共和国妇女在政治的、经济的、文化的、社会的和家庭的生活等各方面享有同男子平等的权利。</p>
          <p>（4）文化方面，《宪法》第19条第1款规定，国家发展社会主义的教育事业，提高全国人民的科学文化水平。第20条规定，国家发展自然科学和社会科学事业，普及科学和技术知识，奖励科学研究成果和技术发明创造。</p>
          <p>（5）国防、外交方面，《宪法》序言规定，中国坚持独立自主的对外政策，坚持互相尊重主权和领土完整、互不侵犯、互不干涉内政、平等互利、和平共处的五项原则，坚持和平发展道路，坚持互利共赢开放战略，发展同各国的外交关系和经济、文化交流，推动构建人类命运共同体；坚持反对帝国主义、霸权主义、殖民主义，加强同世界各国人民的团结，支持被压迫民族和发展中国家争取和维护民族独立、发展民族经济的正义斗争，为维护世界和平和促进人类进步事业而努力。</p>
          <p>（6）民族事务方面，《宪法》第4条第1款规定，中华人民共和国各民族一律平等。国家保障各少数民族的合法的权利和利益，维护和发展各民族的平等团结互助和谐关系。禁止对任何民族的歧视和压迫，禁止破坏民族团结和制造民族分裂的行为。</p>
          <h4>三、基本制度</h4>
          <h4 class="h4 mainColor">三、基本制度</h4>
          <h5>（一）经济制度</h5>
          <p class="block">1.社会主义市场经济的内涵</p>
          <div class="img-rights"><p class="center"><img class="img-0" alt="" src="../../assets/images/2.png"/></p>
          </div>
          <p>《宪法》序言部分将“发展社会主义市场经济”作为国家的根本任务。第15条第1款规定，国家实行社会主义市场经济。社会主义市场经济就是同社会主义基本社会制度结合在一起的市场经济，体现了社会主义的根本性，既包含了市场经济的共性，又包含了中国特色的个性，是具有中国特色的社会主义市场经济体制。</p>
          <p class="block">2.社会主义经济制度的组成部分</p>
          <p>《宪法》第6条第2款规定，国家在社会主义初级阶段，坚持公有制为主体、多种所有制经济共同发展的基本经济制度，坚持按劳分配为主体、多种分配方式并存的分配制度。</p>
@@ -100,74 +146,87 @@
         
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">3</li>
          <li>— 87 —</li>
        </ul>
      </div>
    </div>
    <!-- P88 -->
    <div class="page-box" page="10">
      <div v-if="showPageList.indexOf(10) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p>（1）社会主义公有制。《宪法》第6条第1款规定，中华人民共和国的社会主义经济制度的基础是生产资料的社会主义公有制，即全民所有制和劳动群众集体所有制。社会主义公有制消灭人剥削人的制度，实行各尽所能、按劳分配的原则。可见，社会主义公有制是社会主义社会区别于其他社会形态的最主要的标志之一，它消除了生产的社会性和生产资料私人占有之间的矛盾，是社会主义经济制度的基础，它决定劳动者在生产中的互助合作关系和按劳分配关系。</p>
          <p>（2）非公有制经济。《宪法》第11条规定，在法律规定范围内的个体经济、私营经济等非公有制经济，是社会主义市场经济的重要组成部分。国家保护个体经济、私营经济等非公有制经济的合法的权利和利益。国家鼓励、支持和引导非公有制经济的发展，并对非公有制经济依法实行监督和管理。非公有制经济是我国现阶段除了公有制经济形式以外的所有经济结构形式的总称，包括劳动者个体经济、私营经济、外资经济。个体经济，是由劳动者个人或家庭占有生产资料，从事个体劳动和经营的所有制形式，它是以劳动者自己劳动为基础，劳动成果直接归劳动者所有和支配。私营经济，是以生产资料私有和雇佣劳动为基础，以取得利润为目的的所有制形式。外资经济，是我国发展对外经济关系，吸引外资建立起来的所有制形式，它包括中外合资经营企业、中外合作经营企业和外资企业三种形式。</p>
          <h5>（二）政治制度</h5>
          <p class="block">1.人民民主专政制度</p>
          <div class="img-rights"><p class="center"><img class="img-0" alt="" src="../../assets/images/3.png"/></p>
          </div>
          <p>（1）国体。指社会各阶级在国家中的地位，即国家的阶级性质，包括哪个阶级是统治阶级，哪个阶级是被统治阶级，对谁实行民主，对谁实行专政等，它标志着国家权力的归属。我国的国体是人民民主专政的社会主义国家。《宪法》第1条规定，中华人民共和国是工人阶级领导的、以工农联盟为基础的人民民主专政的社会主义国家。社会主义制度是中华人民共和国的根本制度。中国共产党领导是中国特色社会主义最本质的特征。禁止任何组织或者个人破坏社会主义制度。</p>
          <p>（2）人民民主专政。性质上是无产阶级专政，是国家制度的核心。人民民主专政是马克思主义国家理论同中国社会的实际相结合的产物，它比无产阶级专政的提法更符合我国革命和政权建设的历史和现实状况，在概念表述上直接体现了民主与专政的辩证统一。它明确地表明了我国的阶级状况和政权的广泛社会基础；在实践上能使人们正确理解我国政权的性质和职能，防止只强调专政而忽视民主或只强调民主而忽视专政的片面性，有利于人民当家作主和对敌人实行专政。</p>
         
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">3</li>
        <ul class="fl f-left">
          <li>— 88 —</li>
        </ul>
      </div>
    </div>
    <!-- P89 -->
    <div class="page-box" page="11">
      <div v-if="showPageList.indexOf(11) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class="block">2.人民代表大会制度</p>
          <p>（1）政体。政体即政权组织形式，是指统治阶级用来组织自己的政权、实现国家权力的组织形式，是统治阶级为了反对敌人、维护自己而组织起来的政权体系。人民代表大会制度是我国的根本政治制度，是我国的政体，是中国人民当家作主的重要途径和最高实现形式，是中国社会主义政治文明的重要制度载体。人民代表大会制度是根据民主集中制的原则，通过民主选举产生全国人民代表大会和地方各级人民代表大会，以人民代表大会为基础，组成整个国家机构，实现人民当家作主的一种政权组织形式。人民代表大会制度符合我国国情，与人民民主专政的国家性质相适应。党的十九大报告指出，人民代表大会制度是坚持党的领导、人民当家作主、依法治国有机统一的根本政治制度安排，必须长期坚持、不断完善，要支持和保证人民通过人民代表大会行使国家权力。</p>
          <div class="img-lefts"><p class="center"><img class="img-0" alt="" src="../../assets/images/4.png"/></p>
          </div>
          <p>（2）内容。《宪法》第2条第1、第2款规定，中华人民共和国的一切权力属于人民。人民行使国家权力的机关是全国人民代表大会和地方各级人民代表大会。这是人民代表大会制度的核心内容。第3条第1款规定，中华人民共和国的国家机构实行民主集中制的原则。这个原则是建立在国家的一切权力属于人民的基础上的，整个国家机构就是按照一切权力属于人民和民主集中制的原则组成并运转的。</p>
          <p>人民代表大会制度的内容具体包括：①国家的一切权力属于人民。②人民通过民主选举产生各级人民代表大会，各级人民代表大会对人民负责、受人民监督。中国地域广阔，人口众多，人民不可能经常直接地行使权力，只能实行间接民主制，由人民选举产生各级人民代表大会，由各级人民代表大会行使人民托付的权力。正是因为各级人民代表大会来自人民，因此应当对人民负责、受人民监督，以防止各级人民代表大会发生“异化”，反过来损害人民的权益。③国家行政机关、监察机关、审判机关、检察机关均由人民代表大会产生，对它负责、受它监督。人民代表大会受人民的委托，行使国家权力，但并不是说所有的国家权力均由人民代表大会直接行使。根据宪法和法律，人民代表大会除掌握立法等国家重大权力外，人民代表大会应选举产生其他国家机关，如行政机关、监察机关、审判机关、检察机关，使它们直接行使宪法和法律赋予的职权，但这些机关应当对选举产生它的人民代表大会负责、受它监督。可见，各级人民代表大会在各级国家政权中始终处于主导地位。</p>
          <p class="block">3.中国共产党领导的多党合作和政治协商制度</p>
          <p>（1）多党合作和政治协商制度。《宪法》在序言中规定，中国共产党领导的</p>
          <p>（1）多党合作和政治协商制度。《宪法》在序言中规定，中国共产党领导的多党</p>
         
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">3</li>
          <li>— 89 —</li>
        </ul>
      </div>
    </div>
    <!-- P90 -->
    <div class="page-box" page="12">
      <div v-if="showPageList.indexOf(12) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class="td-0">多党合作和政治协商制度将长期存在和发展。中国共产党领导的多党合作和政治协商制度是中华人民共和国的一项基本的政治制度，是具有中国特色的政党制度，这种政党制度是由中国人民民主专政的国家性质所决定的。</p>
          <p class="td-0">合作和政治协商制度将长期存在和发展。中国共产党领导的多党合作和政治协商制度是中华人民共和国的一项基本的政治制度，是具有中国特色的政党制度，这种政党制度是由中国人民民主专政的国家性质所决定的。</p>
          <p>多党合作和政治协商制度的基本内容包括：①中国共产党是执政党，各民主党派是参政党。中国共产党和各民主党派是亲密战友，其执政的实质是代表工人阶级及广大人民掌握人民民主专政的国家政权；民主党派具有法律规定的参政权，参加国家政权，参与国家大政方针和国家领导人人选的协商，参与国家事务的管理，参加国家方针、政策、法律、法规的制定和执行。②中国共产党与各民主党派合作的首要前提和根本保证是坚持中国共产党的领导和坚持四项基本原则。③中国共产党与各民主党派合作的基本方针是“长期共存、互相监督、肝胆相照、荣辱与共”。</p>
          <p>（2）爱国统一战线，是人民民主专政的重要保障，是由中国共产党领导的，由各民主党派和各人民团体参加的政治联盟。《宪法》在序言中规定，社会主义的建设事业必须依靠工人、农民和知识分子，团结一切可以团结的力量。在长期的革命、建设、改革过程中，已经结成由中国共产党领导的，有各民主党派和各人民团体参加的，包括全体社会主义劳动者、社会主义事业的建设者、拥护社会主义的爱国者、拥护祖国统一和致力于中华民族伟大复兴的爱国者的广泛的爱国统一战线，这个统一战线将继续巩固和发展。党的十九大报告指出，巩固和发展爱国统一战线，对于把中华儿女广泛团结起来，投身决胜全面建成小康社会、开启全面建设社会主义现代化国家新征程的伟大实践，聚合起实现中华民族伟大复兴中国梦的磅礴力量，具有十分重要的意义。</p>
          <p>（3）中国人民政治协商会议，是爱国统一战线的组织形式，是我国政治生活中发展社会主义民主和实现各党派之间互相监督的重要形式，是实现中国共产党领导的多党合作和政治协商制度的重要机构，同时也是我国政治生活中发扬人民民主、联系人民群众的一种重要形式，具有广泛的社会基础，在我国的政治体制中具有十分重要的地位和影响。中国人民政治协商会议围绕团结和民主两大主题，履行政治协商、民主监督和参政议政的职能。</p>
          <p class="block">4.选举制度</p>
          <p>（1）选举制度，是一国统治阶级通过法律规定的关于选举国家代表机关的代表和国家公职人员的原则、程序与方法等各项制度的总称，它包括选举的基本原则、选举权和被选举权、选举组织、选举程序、选举诉讼等。</p>
          <p>（2）选举制度的基本原则。①普遍性原则。《宪法》第34条规定，中华人民共和国年满18周岁的公民，不分民族、种族、性别、职业、家庭出身、宗教信</p>
          <p>（2）选举制度的基本原则。①普遍性原则。《宪法》第34条规定，中华人民共和国年满18周岁的公民，不分民族、种族、性别、职业、家庭出身、宗教信仰、教育程</p>
         
        </div>
        <ul class="fl f-left">
          <li class="br1">4</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 90 —</li>
        </ul>
      </div>
    </div>
    <!-- P91 -->
    <div class="page-box" page="13">
      <div v-if="showPageList.indexOf(13) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class="td-0">仰、教育程度、财产状况、居住期限，都有选举权和被选举权；但是依照法律被剥夺政治权利的人除外。②平等性原则。我国选举权的平等性重在实质上的平等。《中华人民共和国全国人民代表大会和地方各级人民代表大会选举法》（以下简称《选举法》）第5条规定，每一选民在一次选举中只有一个投票权。③直接选举和间接选举并用原则。《宪法》第97条第1款规定，省、直辖市、设区的市的人民代表大会代表由下一级的人民代表大会选举；县、不设区的市、市辖区、乡、民族乡、镇的人民代表大会代表由选民直接选举。④秘密投票原则。《选举法》第40条规定，全国和地方各级人民代表大会代表的选举，一律采用无记名投票的方法。选举时应当设有秘密写票处。选民如果是文盲或者因残疾不能写选票的，可以委托他信任的人代写。</p>
          <p class="td-0">度、财产状况、居住期限，都有选举权和被选举权；但是依照法律被剥夺政治权利的人除外。②平等性原则。我国选举权的平等性重在实质上的平等。《中华人民共和国全国人民代表大会和地方各级人民代表大会选举法》（以下简称《选举法》）第5条规定，每一选民在一次选举中只有一个投票权。③直接选举和间接选举并用原则。《宪法》第97条第1款规定，省、直辖市、设区的市的人民代表大会代表由下一级的人民代表大会选举；县、不设区的市、市辖区、乡、民族乡、镇的人民代表大会代表由选民直接选举。④秘密投票原则。《选举法》第40条规定，全国和地方各级人民代表大会代表的选举，一律采用无记名投票的方法。选举时应当设有秘密写票处。选民如果是文盲或者因残疾不能写选票的，可以委托他信任的人代写。</p>
          <p class="block">5.地方自治制度</p>
          <p>（1）民族区域自治制度，指在国家统一领导下，各少数民族聚居的地方实行区域自治，设立自治机关，行使自治权的制度。民族区域自治制度是我国的基本政治制度之一，是建设新时代中国特色社会主义政治的重要内容，它是我国为解决民族问题、处理民族关系、实现民族平等、团结各民族共同繁荣而建立的。《宪法》第4条第3款规定，各少数民族聚居的地方实行区域自治，设立自治机关，行使自治权。各民族自治地方都是中华人民共和国不可分离的部分。</p>
          <p>（2）特别行政区制度，指在我国行政区域内，根据我国宪法和基本法的规定而设立的具有特殊法律地位、实行特别社会政治经济制度的行政区域，并规定特区政府对所辖区域的政治、经济、财政、金融、贸易、工商业、土地、教育、文化等方面享有高度自治权的制度，是“一国两制”的具体实践，也是为使用和平的方式来解决历史遗留下来的香港、澳门和台湾问题而设立的特殊地方行政区域制度。《宪法》第31条规定，国家在必要时得设立特别行政区。在特别行政区内实行的制度按照具体情况由全国人民代表大会以法律规定。</p>
@@ -176,15 +235,17 @@
          
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">5</li>
          <li>— 91 —</li>
        </ul>
      </div>
    </div>
    <!-- P92 -->
    <div class="page-box" page="14">
      <div v-if="showPageList.indexOf(14) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <h5>（三）文化制度</h5>
          <p class="block">1.国家发展教育事业</p>
@@ -198,20 +259,23 @@
          <h5>（四）社会制度</h5>
          <p class="block">1.社会保障制度</p>
          <p>（1）基本原则和目标。《宪法》第14条第4款规定，国家建立健全同经济发展水平相适应的社会保障制度。</p>
          <p>（2）社会弱势和特殊群体。《宪法》第44条规定，国家依照法律规定实行企业事业组织的职工和国家机关工作人员的退休制度。退休人员的生活受到国家和社会的保障。第45条规定，中华人民共和国公民在年老、疾病或者丧失劳动能力的情况下，有从国家和社会获得物质帮助的权利。国家发展为公民享受这些权利所需要的社会保险、社会救济和医疗卫生事业。国家和社会保障</p>
          <p>（2）社会弱势和特殊群体。《宪法》第44条规定，国家依照法律规定实行企业事业组织的职工和国家机关工作人员的退休制度。退休人员的生活受到国家和社会的保障。第45条规定，中华人民共和国公民在年老、疾病或者丧失劳动能力的情况下，有从国家和社会获得物质帮助的权利。国家发展为公民享受这些权利所需要的社会保险、社会救济和医疗卫生事业。国家和社会保障残废军人的生活，抚恤烈士家属，优</p>
         
        </div>
        <ul class="fl f-left">
          <li class="br1">6</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 92 —</li>
        </ul>
      </div>
    </div>
    <!-- P93 -->
    <div class="page-box" page="15">
      <div v-if="showPageList.indexOf(15) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>残废军人的生活，抚恤烈士家属，优待军人家属。国家和社会帮助安排盲、聋、哑和其他有残疾的公民的劳动、生活和教育。第48条规定，中华人民共和国妇女在政治的、经济的、文化的、社会的和家庭的生活等各方面享有同男子平等的权利。国家保护妇女的权利和利益，实行男女同工同酬，培养和选拔妇女干部。第49条第1款规定，婚姻、家庭、母亲和儿童受国家的保护。</p>
          <p class='td-0'>待军人家属。国家和社会帮助安排盲、聋、哑和其他有残疾的公民的劳动、生活和教育。第48条规定，中华人民共和国妇女在政治的、经济的、文化的、社会的和家庭的生活等各方面享有同男子平等的权利。国家保护妇女的权利和利益，实行男女同工同酬，培养和选拔妇女干部。第49条第1款规定，婚姻、家庭、母亲和儿童受国家的保护。</p>
          <p class="block">2.医疗卫生事业</p>
          <p>《宪法》第21条第1款规定，国家发展医疗卫生事业，发展现代医药和我国传统医药，鼓励和支持农村集体经济组织、国家企业事业组织和街道组织举办各种医疗卫生设施，开展群众性的卫生活动，保护人民健康。</p>
          <p class="block">3.劳动保障制度</p>
@@ -222,21 +286,26 @@
          <p>《宪法》第 25 条规定，国家推行计划生育，使人口的增长同经济和社会发展计划相适应。</p>
          <p class="block">6. 社会秩序及安全维护制度</p>
          <p>《宪法》第 28 条规定，国家维护社会秩序，镇压叛国和其他危害国家安全的犯罪活动，制裁危害社会治安、破坏社会主义经济和其他犯罪的活动，惩办和改造犯罪分子。第 29 条规定，中华人民共和国的武装力量属于人民。它的任务是巩固国防，抵抗侵略，保卫祖国，保卫人民的和平劳动，参加国家建设事业，努力为人民服务。国家加强武装力量的革命化、现代化、正规化的建设，增强国防力量。</p>
          
          <div class="fl al-c"><img class="" alt="" src="../../assets/images/question.svg" /><p class='td-0 mainColor h6'>【习 题】</p><div class="hr1"></div></div>
          <div class="bk" v-if="questionData">
            <examinations v-if="questionData" :cardList="questionData[15]" />
          </div>
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">7</li>
          <li>— 93 —</li>
        </ul>
      </div>
    </div>
    <!-- P94 -->
    <div class="page-box" page="16">
      <div v-if="showPageList.indexOf(16) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <h3>第三节　国家机构</h3>
          <h4>一、国家机构及其组织活动原则</h4>
          <h3 class="h3 mainColor">第三节　国家机构</h3>
          <h4 class="h4 mainColor">一、国家机构及其组织活动原则</h4>
          <h5>（一）国家机构的含义</h5>
          <p>国家机构，是一定社会的统治阶级为实现其统治职能而建立起来的进行国家管理和执行统治职能的国家机关的总和。国家机构的本质取决于国家的本质。国家机构实际上是掌握国家权力的阶级实现其阶级统治的工具。</p>
          <p>依据《宪法》第三章规定，我国的国家机构包括：全国人民代表大会及其常务委员会、中华人民共和国主席、中华人民共和国国务院、中华人民共和国中央军事委员会、地方各级人民代表大会和地方各级人民政府、民族自治地方的自治机关、监察委员会、人民法院和人民检察院。</p>
@@ -253,8 +322,7 @@
          <p>《宪法》第 27 条第 1 款规定，一切国家机关实行精简的原则，实行工作责任制，实行工作人员的培训和考核制度，不断提高工作质量和工作效率，反对官僚主义。</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">8</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 94 —</li>
        </ul>
      </div>
    </div>
@@ -262,8 +330,12 @@
    <!-- P95 -->
    <div class="page-box" page="17">
      <div v-if="showPageList.indexOf(17) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <h4>二、全国人民代表大会和地方各级人民代表大会</h4>
          <h4 class="h4 mainColor">二、全国人民代表大会和地方各级人民代表大会</h4>
          <h5>（一）全国人民代表大会的性质和地位</h5>
          <p>《宪法》第 57 条规定，中华人民共和国全国人民代表大会是最高国家权力机关。它的常设机关是全国人民代表大会常务委员会。第 58 条规定，全国人民代表大会和全国人民代表大会常务委员会行使国家立法权。</p>
          <h5>（二）地方各级人民代表大会的性质和地位</h5>
@@ -278,34 +350,35 @@
          <p>主要包括修宪与立法权、选举权、决定权、罢免权、重大事项决定权。</p>
          <p>（1）修宪与立法权。《宪法》第 62 条规定，全国人民代表大会有权修改宪法，监督宪法实施；制定和修改刑事、民事、国家机构的和其他的基本法律。</p>
          <p>（2）选举权。《宪法》第 62、第 65 条等规定，全国人民代表大会有权选举产生全国人大常委会委员长、副委员长、秘书长和委员，国家主席、副主席，中央军委主席，国家监察委员会主任，最高人民法院院长和最高人民检察院检察长。全国人民代表大会选举上述人员，由主席团提名。</p>
          <p>（3）决定权。依据《宪法》第 62 条规定，全国人民代表大会根据国家主席</p>
          <p>（3）决定权。依据《宪法》第 62 条规定，全国人民代表大会根据国家主席的提</p>

        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">9</li>
          <li>— 95 —</li>
        </ul>
      </div>
    </div>
    <!-- P96 -->
    <div class="page-box" page="18">
      <div v-if="showPageList.indexOf(18) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p>的提名，决定国务院总理的人选；根据国务院总理的提名，决定国务院副总理、国务委员、各部部长、各委员会主任、审计长和秘书长的人选；全国人民代表大会根据中央军事委员会主席的提名，决定中央军事委员会其他组成人员的人选。</p>
          <p class='td-0'>名，决定国务院总理的人选；根据国务院总理的提名，决定国务院副总理、国务委员、各部部长、各委员会主任、审计长和秘书长的人选；全国人民代表大会根据中央军事委员会主席的提名，决定中央军事委员会其他组成人员的人选。</p>
          <p>（4）罢免权。《宪法》第 63 条规定，全国人民代表大会有权罢免中华人民共和国主席、副主席，国务院总理、副总理、国务委员、各部部长、各委员会主任、审计长、秘书长，中央军事委员会主席和中央军事委员会其他组成人员，国家监察委员会主任，最高人民法院院长，最高人民检察院检察长。第 77 条规定，全国人民代表大会代表受原选举单位的监督。原选举单位有权依照法律规定的程序罢免本单位选出的代表。</p>
          <p>（5）重大事项决定权。审批国民经济和社会发展计划和计划执行情况的报告，以及预算和预算执行情况的报告；批准省、自治区、直辖市的建置；决定特别行政区的设立及其制度；决定战争和和平问题；应当由最高国家权力机关行使的其他职权。</p>
          <p class="block">2. 地方各级人民代表大会的主要职权</p>
          <p>主要包括立法权、选举权和罢免权、重大事项决定权。</p>
          <p>（1）立法权。《宪法》第 100 条规定，省、直辖市的人民代表大会和它们的常务委员会，在不同宪法、法律、行政法规相抵触的前提下，可以制定地方性法规，报全国人民代表大会常务委员会备案。设区的市的人民代表大会和它们的常务委员会，在不同宪法、法律、行政法规和本省、自治区的地方性法规相抵触的前提下，可以依照法律规定制定地方性法规，报本省、自治区人民代表大会常务委员会批准后施行。</p>
          <p>（2）选举权和罢免权。《宪法》第 101 条规定，地方各级人民代表大会分别选举并且有权罢免本级人民政府的省长和副省长、市长和副市长、县长和副县长、区长和副区长、乡长和副乡长、镇长和副镇长。县级以上的地方各级人民代表大会选举并且有权罢免本级监察委员会主任、本级人民法院院长和本级人民检察院检察长。选出或者罢免人民检察院检察长，须报上级人民检察院检察长提请该级人民代表大会常务委员会批准。</p>
          <p>（3）重大事项决定权。《宪法》第 99 条规定，地方各级人民代表大会在本行政区域内，保证宪法、法律、行政法规的遵守和执行；依照法律规定的权限，通过和发布决议，审查和决定地方的经济建设、文化建设和公共事业建设的计划。县级以上的地方各级人民代表大会审查和批准本行政区域内的国民经济和社会发展计划、预算以及它们的执行情况的报告；有权改变或者撤销本级人民</p>
          <p>（3）重大事项决定权。《宪法》第 99 条规定，地方各级人民代表大会在本行政区域内，保证宪法、法律、行政法规的遵守和执行；依照法律规定的权限，通过和发布决议，审查和决定地方的经济建设、文化建设和公共事业建设的计划。县级以上的地方各级人民代表大会审查和批准本行政区域内的国民经济和社会发展计划、预算以及它们的执行情况的报告；有权改变或者撤销本级人民代表大会常务委员会不适当的</p>

         
        </div>
        <ul class="fl f-left">
          <li class="br1">10</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 96 —</li>
        </ul>
      </div>
    </div>
@@ -313,9 +386,13 @@
    <!-- P97 -->
    <div class="page-box" page="19">
      <div v-if="showPageList.indexOf(19) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>代表大会常务委员会不适当的决定。民族乡的人民代表大会可以依照法律规定的权限采取适合民族特点的具体措施。</p>
          <h4>三、中华人民共和国主席</h4>
          <p class='td-0'>决定。民族乡的人民代表大会可以依照法律规定的权限采取适合民族特点的具体措施。</p>
          <h4 class="h4 mainColor">三、中华人民共和国主席</h4>
          <p>中华人民共和国主席对内对外代表国家，依法行使《宪法》规定的国家主席职权，是我国国家机构的重要组成部分。</p>
          <h5>（一）产生和任期</h5>
          <p>《宪法》第 79 条规定，中华人民共和国主席、副主席由全国人民代表大会选举。有选举权和被选举权的年满 45 周岁的中华人民共和国公民可以被选为中华人民共和国主席、副主席。中华人民共和国主席、副主席每届任期同全国人民代表大会每届任期相同。</p>
@@ -328,24 +405,26 @@
          <p>《宪法》第 81 条规定，中华人民共和国主席根据全国人民代表大会常务委员会的决定，批准和废除同外国缔结的条约和重要协定。</p>
          <p class="block">4. 荣典权</p>
          <p>《宪法》第 80 条规定，中华人民共和国主席根据全国人民代表大会的决定和全国人民代表大会常务委员会的决定，授予国家的勋章和荣誉称号。</p>
          <h4>四、国务院及地方政府</h4>
          <h4 class="h4 mainColor">四、国务院及地方政府</h4>
          <h5>（一）中央人民政府与地方各级政府的关系</h5>
          <p>《宪法》第 85 条规定，中华人民共和国国务院，即中央人民政府，是最高国家权力机关的执行机关，是最高国家行政机关。第 105、第 110 条规定，地方</p>
          <p>《宪法》第 85 条规定，中华人民共和国国务院，即中央人民政府，是最高国家权力机关的执行机关，是最高国家行政机关。第 105、第 110 条规定，地方各级人民</p>

          
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">11</li>
          <li>— 97 —</li>
        </ul>
      </div>
    </div>
    <!-- P98 -->
    <div class="page-box" page="20">
      <div v-if="showPageList.indexOf(20) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>各级人民政府都要接受国务院的领导。地方各级人民政府是地方各级国家权力机关的执行机关，是地方各级国家行政机关。地方各级人民政府从属于本级国家权力机关，由它产生，向它负责。此外，地方各级人民政府还要服从上级人民政府的领导，向上一级人民政府负责和报告工作，执行上级行政机关的决定和命令。</p>
          <p class='td-0'>政府都要接受国务院的领导。地方各级人民政府是地方各级国家权力机关的执行机关，是地方各级国家行政机关。地方各级人民政府从属于本级国家权力机关，由它产生，向它负责。此外，地方各级人民政府还要服从上级人民政府的领导，向上一级人民政府负责和报告工作，执行上级行政机关的决定和命令。</p>
          <h5>（二）政府部门的组成和任期</h5>
          <p class="block">1. 组成</p>
          <p>《宪法》第 86 条规定，国务院组成人员包括总理、副总理、国务委员、各部部长、各委员会主任、审计长、秘书长。根据《国务院关于中国人民银行专门行使中央银行职能的决定》《中国人民银行法》《国务院行政机构设置和编制管理条例》等规定，中国人民银行也属于国务院的组成部分，人民银行行长属于国务院组成人员。</p>
@@ -357,40 +436,44 @@
          <p>（2）国务院职权。《宪法》第 89 条规定，国务院主要行使下列职权：制定行政法规；规定行政措施；提出议案权；批准省、自治区、直辖市的区域划分，批准自治州、县、自治县、市的建置和区域划分；依照法律决定省、自治区、直辖市的范围内部分地区进入紧急状态。</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">12</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 98 —</li>
        </ul>
      </div>
    </div>
    <!-- P99 -->
    <div class="page-box" page="21">
      <div v-if="showPageList.indexOf(21) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <h4>五、中央军事委员会</h4>
          <h4 class="h4 mainColor">五、中央军事委员会</h4>
          <h5>（一）组成和任期</h5>
          <p>《宪法》第 93 条规定，中华人民共和国中央军事委员会领导全国武装力量。中央军事委员会由下列人员组成：主席，副主席若干人，委员若干人。中央军事委员会实行主席负责制。中央军事委员会每届任期同全国人民代表大会每届任期相同。</p>
          <h5>（二）工作机制</h5>
          <p>《宪法》第 94 条规定，中央军事委员会主席对全国人民代表大会和全国人民代表大会常委会负责。第 67 条第 6 项规定，全国人民代表大会常务委员会监督中央军事委员会的工作。</p>
          <h4>六、民族自治地方的自治机关及其自治权</h4>
          <h4 class="h4 mainColor">六、民族自治地方的自治机关及其自治权</h4>
          <h5>（一）民族自治机关</h5>
          <p>民族自治机关，是指民族自治地方设立的国家权力机关和行政机关。《宪法》第 4 条第 3 款规定，各少数民族聚居的地方实行区域自治，设立自治机关，行使自治权。各民族自治地方都是中华人民共和国不可分离的部分。民族自治机关具有双重性质：在法律地位上是国家的一级地方政权机关，产生方式、任期、机构设置和组织活动原则方面，与一般地方国家机关完全相同，并行使相应的一般地方国家机关的职权；与此同时，是民族自治地方行使宪法和有关法律授予的自治权的国家机关。民族自治机关与同级的一般地方国家机关实行同样的组织原则和领导制度。同时，民族自治机关是当地聚居的民族的人民行使自治权的政权机关。《宪法》第 114 条规定，自治区主席、自治州州长、自治县县长由实行区域自治的民族的公民担任。</p>
          <h5>（二）民族自治地方自治权</h5>
          <p class="block">1. 变通自治权</p>
          <p>变通自治权包括变通规定权和变通执行权。变通规定权，主要指制定自治条例和单行条例。变通执行权，即上级国家机关的决议、决定、命令和指示，如有不适合民族自治地方实际情况的，自治机关可以报经该上级国家机关批准，变通执行或者停止执行。《宪法》第 116 条规定，民族自治地方的人民代表大会有权依照当地民族的政治、经济和文化的特点，制定自治条例和单行条例。自治区的自治条例和单行条例，报全国人民代表大会常务委员会批准后生效。自治州、自治县的自治条例和单行条例，报省或者自治区的人民代表大会常务委</p>
          <p>变通自治权包括变通规定权和变通执行权。变通规定权，主要指制定自治条例和单行条例。变通执行权，即上级国家机关的决议、决定、命令和指示，如有不适合民族自治地方实际情况的，自治机关可以报经该上级国家机关批准，变通执行或者停止执行。《宪法》第 116 条规定，民族自治地方的人民代表大会有权依照当地民族的政治、经济和文化的特点，制定自治条例和单行条例。自治区的自治条例和单行条例，报全国人民代表大会常务委员会批准后生效。自治州、自治县的自治条例和单行条例，报省或者自治区的人民代表大会常务委员会批准后生效，并报全国人民代表大会常务委员会备案。</p>
          
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">13</li>
          <li>— 99 —</li>
        </ul>
      </div>
    </div>
    <!-- P100 -->
    <div class="page-box" page="22">
      <div v-if="showPageList.indexOf(22) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>员会批准后生效，并报全国人民代表大会常务委员会备案。</p>
          <p class="block">2. 地方财政自治权</p>
          <p>《宪法》第 117 条规定，民族自治地方的自治机关有管理地方财政的自治权。凡是依照国家财政体制属于民族自治地方的财政收入，都应当由民族自治地方的自治机关自主地安排使用。</p>
          <p class="block">3. 经济建设自治权</p>
@@ -399,16 +482,15 @@
          <p>（1）自主地管理本地方的教育、科学、文化、卫生、体育事业，保护和整理民族的文化遗产，发展和繁荣民族文化。</p>
          <p>（2）依照国家的军事制度和当地的实际需要，经国务院批准，可以组织本地方维护社会治安的公安部队。</p>
          <p>（3）在执行职务的时候，依照民族自治地方条例的规定，使用当地通用的一种或者几种语言文字。</p>
          <h4>七、监察委员会</h4>
          <h4 class="h4 mainColor">七、监察委员会</h4>
          <h5>（一）设立和任期</h5>
          <p>《宪法》第 123 条规定，中华人民共和国各级监察委员会是国家的监察机关。第 124 条规定，中华人民共和国设立国家监察委员会和地方各级监察委员会。监察委员会由主任，副主任若干人，委员若干人组成。监察委员会主任每届任期同本级人民代表大会每届任期相同。国家监察委员会主任连续任职不得超过两届。监察委员会的组织和职权由法律规定。</p>
          <h5>（二）领导体制和职权</h5>
          <p>《宪法》第 125 条规定，中华人民共和国国家监察委员会是最高监察机关。国家监察委员会领导地方各级监察委员会的工作，上级监察委员会领导下级监察委员会的工作。第 126 条规定，国家监察委员会对全国人民代表大会和全国人民代表大会常务委员会负责。地方各级监察委员会对产生它的国家权力机关和上一级监察委员会负责。第 127 条规定，监察委员会依照法律规定独立行使监察权，不受行政机关、社会团体和个人的干涉。监察机关办理职务违法和职</p>
          <p>《宪法》第 125 条规定，中华人民共和国国家监察委员会是最高监察机关。国家监察委员会领导地方各级监察委员会的工作，上级监察委员会领导下级监察委员会的工作。第 126 条规定，国家监察委员会对全国人民代表大会和全国人民代表大会常务委员会负责。地方各级监察委员会对产生它的国家权力机关和上一级监察委员会负责。第 127 条规定，监察委员会依照法律规定独立行使监察权，不受行政机关、社会团体和个人的干涉。监察机关办理职务违法和职务犯罪案件，应当与审判机关、检察机关、执法部门互相配合，互相制约。</p>
          
        </div>
        <ul class="fl f-left">
          <li class="br1">14</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 100 —</li>
        </ul>
      </div>
    </div>
@@ -416,9 +498,12 @@
    <!-- P101 -->
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>务犯罪案件，应当与审判机关、检察机关、执法部门互相配合，互相制约。</p>
          <h4>八、人民法院和人民检察院</h4>
          <h4 class="h4 mainColor">八、人民法院和人民检察院</h4>
          <h5>（一）人民法院的组织体系与审判原则</h5>
          <p class="block">1. 设立和任期</p>
          <p>《宪法》第 128 条规定，中华人民共和国人民法院是国家的审判机关。第129 条规定，中华人民共和国设立最高人民法院、地方各级人民法院和军事法院等专门人民法院。最高人民法院院长每届任期同全国人民代表大会每届任期相同，连续任职不得超过两届。地方各级人民法院分为基层人民法院、中级人民法院和高级人民法院。专门人民法院包括军事法院和海事法院等。</p>
@@ -430,42 +515,43 @@
          <p class="block">1. 设立和任期</p>
          <p>《宪法》第 134 条规定，中华人民共和国人民检察院是国家的法律监督机关。第 135 条规定，中华人民共和国设立最高人民检察院、地方各级人民检察院和军事检察院等专门人民检察院。最高人民检察院检察长每届任期同全国人民代表大会每届任期相同，连续任职不得超过两届。</p>
          <p class="block">2. 组织体系</p>
          <p>《宪法》第 137 条规定，最高人民检察院是最高检察机关。最高人民检察院领导地方各级人民检察院和专门人民检察院的工作，上级人民检察院领导下级人民检察院的工作。第 138 条规定，最高人民检察院对全国人民代表大会和</p>
          <p>《宪法》第 137 条规定，最高人民检察院是最高检察机关。最高人民检察院领导地方各级人民检察院和专门人民检察院的工作，上级人民检察院领导下级人民检察院的工作。第 138 条规定，最高人民检察院对全国人民代表大会和全国人民代表大会常</p>
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">15</li>
          <li>— 101 —</li>
        </ul>
      </div>
    </div>
    <!-- P102 -->
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>全国人民代表大会常务委员会负责。地方各级人民检察院对产生它的国家权力机关和上级人民检察院负责。</p>
          <p class='td-0'>务委员会负责。地方各级人民检察院对产生它的国家权力机关和上级人民检察院负责。</p>
          <p class="block">3. 职权</p>
          <p>人民检察院的职权包括：①立案侦查；②批准逮捕；③提起公诉；④侦查监督；⑤审判监督；⑥执行监督。</p>
          <h3>第四节　公民的基本权利和义务</h3>
          <h4>一、概念</h4>
          <h3 class="h3 mainColor">第四节　公民的基本权利和义务</h3>
          <h4 class="h4 mainColor">一、概念</h4>
          <h5>（一）公民的概念</h5>
          <p>《宪法》第 33 条第 1 款规定，凡具有中华人民共和国国籍的人都是中华人民共和国公民。</p>
          <h5>（二）基本权利和基本义务的概念</h5>
          <p>公民的基本权利，也称宪法权利，是指由宪法规定的公民享有的主要的、必不可少的人身、政治、经济、文化等权利。</p>
          <p>公民的基本义务，也称宪法义务，是指由宪法规定的公民必须遵守和应尽的根本责任。公民的基本义务是国家和社会对公民最起码、最基本的要求，是宪法规定的作为其他义务基础的最重要的义务。</p>
          <p>公民的基本权利与义务共同反映和决定着公民在国家中的政治与法律地位，并构成普通法律规定公民权利和义务的基础和原则。</p>
          <h4>二、公民的基本权利</h4>
          <h4 class="h4 mainColor">二、公民的基本权利</h4>
          <h5>（一）平等权</h5>
          <p>平等权，是指公民根据法律规定享有同等的权利和承担同等的义务，不因任何外在差别而予以不同对待的权利。《宪法》第 33 条第 2 款规定，中华人民共和国公民在法律面前一律平等。这既是我国社会主义法制的一项重要原则，也是我国公民的一项基本权利。</p>
          <p class="block">1. 守法上的平等</p>
          <p>《宪法》第 33 条第 4 款规定，任何公民享有宪法和法律规定的权利，同时必须履行宪法和法律规定的义务。</p>
          <p class="block">2. 司法上的平等</p>
          <p>主要指在法律的适用、执行及审判等方面的平等。《宪法》第 130 条规定，</p>
          <p>主要指在法律的适用、执行及审判等方面的平等。《宪法》第 130 条规定，人民</p>
          
        </div>
        <ul class="fl f-left">
          <li class="br1">16</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 102 —</li>
        </ul>
      </div>
    </div>
@@ -473,8 +559,12 @@
    <!-- P103 -->
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>人民法院审理案件，除法律规定的特别情况外，一律公开进行。被告人有权获得辩护。</p>
          <p class='td-0'>法院审理案件，除法律规定的特别情况外，一律公开进行。被告人有权获得辩护。</p>
          <p class="block">3. 不享有法外特权</p>
          <p>《宪法》第 5 条第 5 款规定，任何组织或者个人都不得有超越宪法和法律的特权。即不允许任何公民享有法律以外的特权，任何人不得强迫任何公民承担法律以外的义务，也不得使公民受到法律以外的处罚。</p>
          <p class="block">4. 法律地位平等</p>
@@ -484,41 +574,45 @@
          <h5>（二）政治权利和自由</h5>
          <p>政治权利和自由，是指公民作为国家政治主体而依法享有参加国家管理、参政议政的民主权利和自由，以及在政治上享有表达个人见解和意愿而不受政府非法限制的权利和自由。包括公民参与国家、社会组织与管理活动的选举权、被选举权和监督权，以及公民在国家政治生活中依法发表意见，表达意愿的言论、出版、集会、结社、游行和示威的自由。</p>
          <p class="block">1. 选举权和被选举权</p>
          <p>选举权，是指公民依法享有选举国家代表机关代表和国家公职人员的权利。被选举权，是指公民有被推荐为国家代表机关代表和国家公职人员的权利。我国公民享有的选举权是一种普选权。《宪法》第 34 条规定，中华人民共和国</p>
          <p>选举权，是指公民依法享有选举国家代表机关代表和国家公职人员的权利。被选举权，是指公民有被推荐为国家代表机关代表和国家公职人员的权利。我国公民享有的选举权是一种普选权。《宪法》第 34 条规定，中华人民共和国年满 18 周岁的公</p>
          
        </div>
        <ul class="fl f-right">
          <li>第一章</li>
          <li>学前教育基础概况</li>
          <li class="br1">17</li>
          <li>— 103 —</li>
        </ul>
      </div>
    </div>
    <!-- P104 -->
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>年满 18 周岁的公民，不分民族、种族、性别、职业、家庭出身、宗教信仰、教育程度、财产状况、居住期限，都有选举权和被选举权；但是依照法律被剥夺政治权利的人除外。</p>
          <p class='td-0'>民，不分民族、种族、性别、职业、家庭出身、宗教信仰、教育程度、财产状况、居住期限，都有选举权和被选举权；但是依照法律被剥夺政治权利的人除外。</p>
          <p class="block">2. 政治自由</p>
          <p>政治自由是公民表达个人看法和意见的自由。《宪法》第 35 条规定，中华人民共和国公民有言论、出版、集会、结社、游行、示威的自由。言论自由，是指公民有权通过各种语言形式表达其思想和见解的自由，但只有法律规定范围内的言论自由才受法律的保障。出版自由，是指公民有按照法律规定以出版物形式来自由地表达思想和见解的自由。集会自由，是指公民依照法律规定聚集在一定场所，研究大家共同关心的问题，并发表意见或举行某种活动的自由。结社自由，是指公民为一定宗旨，有依照程序组织或参加具有持续性的社会团体的自由。游行自由，是指公民依照法律规定持标语、旗帜等标志，在公共道路、露天公共场所列队行进，表示某种庆祝、纪念或抗议、声讨等强烈的共同意愿的自由。示威自由，是指公民有依照法律规定聚集在公共道路、露天公共场所，以集会、游行、静坐等方式，表达某种抗议、义愤的情绪，并表示自己的力量和决心的自由。</p>
          <p class="block">3. 宗教信仰自由</p>
          <p>宗教信仰自由，指公民享有选择和保持宗教信仰的自由。对一个国家政治体制的发展起着十分重要的作用，是公民的一项基本权利，也是国家长期坚持的基本政策。《宪法》第 36 条第 1 款规定，中华人民共和国公民有宗教信仰自由。第 36 条第 2 款规定，任何国家机关、社会团体和个人不得强制公民信仰宗教或者不信仰宗教，不得歧视信仰宗教的公民和不信仰宗教的公民。为保护公民宗教信仰自由权，第 36 条第 3、第 4 款规定，国家保护正常的宗教活动。任何人不得利用宗教进行破坏社会秩序、损害公民身体健康、妨碍国家教育制度的活动。宗教团体和宗教事务不受外国势力的支配。</p>
          <p class="block">4. 人身自由</p>
          <p>（1）生命权。我国宪法没有规定生命权，但是《中华人民共和国民法典》第110 条规定自然人享有生命权。从《宪法》第 37 条关于人身自由的规定、第 38条关于人格尊严的规定或者 2004 年宪法修正案关于“国家尊重和保障人权”的规定，也可以推导出我国宪法保障生命权。</p>
          <p>（2）人身自由不受侵犯。《宪法》第 37 条第 2、第 3 款规定，任何公民，非经人民检察院批准或者决定或者人民法院决定，并由公安机关执行，不受逮捕。禁止非法拘禁和以其他方法非法剥夺或者限制公民的人身自由，禁止非法搜查</p>
          <p>（2）人身自由不受侵犯。《宪法》第 37 条第 2、第 3 款规定，任何公民，非经人民检察院批准或者决定或者人民法院决定，并由公安机关执行，不受逮捕。禁止非法拘禁和以其他方法非法剥夺或者限制公民的人身自由，禁止非法搜查公民的身体。</p>

        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 104 —</li>
        </ul>
      </div>
    </div>
    <!-- P105 -->
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>公民的身体。</p>
          <p>（3）人格尊严不受侵犯。公民的人格尊严，是公民作为法律关系主体的独立资格应当受到尊重的权利，包括公民的姓名权、肖像权、名誉权、荣誉权、隐私权不被他人亵渎、诽谤以及公民人身不被侮辱。《宪法》第 38 条规定，中华人民共和国公民的人格尊严不受侵犯。禁止用任何方法对公民进行侮辱、诽谤和诬告陷害。</p>
          <p>（4）住宅不受侵犯。住宅是公民居住、生活和休息的场所，是人们劳动、就业、从事一切社会活动的基本条件。保护公民住宅不受侵犯，是公民享有人身自由权的基础和保障。《宪法》第 39 条规定，中华人民共和国公民的住宅不受侵犯。禁止非法搜查或者非法侵入公民的住宅。</p>
          <p>（5）通信自由和通信秘密受法律保护。《宪法》第 40 条规定，中华人民共和国公民的通信自由和通信秘密受法律的保护。除因国家安全或者追查刑事犯罪的需要，由公安机关或者检察机关依照法律规定的程序对通信进行检查外，任何组织或者个人不得以任何理由侵犯公民的通信自由和通信秘密。</p>
@@ -528,19 +622,22 @@
          <p class="block">2. 劳动权</p>
          <p>劳动权，是指有劳动能力的公民从事劳动并获取相应报酬的权利。劳动权，是人们赖以生存的基本权利，也是其他权利的基础。我国宪法规定的劳动权既是公民的基本权利，也是公民的基本义务。《宪法》第 42 条规定，中华人民共和国公民有劳动的权利和义务。国家通过各种途径，创造劳动就业条件，加强劳动保护，改善劳动条件，并在发展生产的基础上，提高劳动报酬和福利待遇。劳动是一切有劳动能力的公民的光荣职责。国有企业和城乡集体经济组织的劳动者都应当以国家主人翁的态度对待自己的劳动。国家提倡社会主义劳动竞赛，奖励劳动模范和先进工作者。国家提倡公民从事义务劳动。国家对就业前的公民进行必要的劳动就业训练。</p>
          <p class="block">3. 劳动者休息的权利</p>
          <p>劳动者休息的权利，是指劳动者在劳动过程中，为保护身体健康，提高劳动效率，根据国家法律和制度的有关规定而享有的休息和休养的权利。《宪法》</p>
          <p>劳动者休息的权利，是指劳动者在劳动过程中，为保护身体健康，提高劳动效率，根据国家法律和制度的有关规定而享有的休息和休养的权利。《宪法》第 43 条</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 105 —</li>
        </ul>
      </div>
    </div>
    <!-- P106 -->
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>第 43 条规定，中华人民共和国劳动者有休息的权利。国家发展劳动者休息和休养的设施，规定职工的工作时间和休假制度。</p>
          <p class='td-0'>规定，中华人民共和国劳动者有休息的权利。国家发展劳动者休息和休养的设施，规定职工的工作时间和休假制度。</p>
          <p class="block">4. 退休人员生活保障权利</p>
          <p>《宪法》第 44 条规定，国家依照法律规定实行企业事业组织的职工和国家机关工作人员的退休制度。退休人员的生活受到国家和社会的保障。</p>
          <p class="block">5. 获得物质帮助的权利</p>
@@ -551,16 +648,19 @@
          <p>监督权和获得国家赔偿权，是公民监督国家权力的运行过程、协调公民与政府之间的关系、使被侵犯的权利得到救济的重要形式。《宪法》第 41 条规定，中华人民共和国公民对于任何国家机关和国家工作人员，有提出批评和建议的权利；对于任何国家机关和国家工作人员的违法失职行为，有向有关国家机关提出申诉、控告或者检举的权利，但是不得捏造或者歪曲事实进行诬告陷害。对于公民的申诉、控告或者检举，有关国家机关必须查清事实，负责处理。任何人不得压制和打击报复。由于国家机关和国家工作人员侵犯公民权利而受到损失的人，有依照法律规定取得赔偿的权利。</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 106 —</li>
        </ul>
      </div>
    </div>
    <!-- P107 -->
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <h4>三、公民的基本义务</h4>
          <h4 class="h4 mainColor">三、公民的基本义务</h4>
          <h5>（一）维护国家统一和各民族团结的义务</h5>
          <p>《宪法》第 52 条规定，中华人民共和国公民有维护国家统一和全国各民族团结的义务。因此，公民必须坚持一个中国原则，维护国家统一和全国各民族团结。</p>
          <h5>（二）遵守宪法和法律的义务</h5>
@@ -574,17 +674,20 @@
          
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 107 —</li>
        </ul>
      </div>
    </div>
    <!-- P108 -->
    <div class="page-box" page="30">
      <div v-if="showPageList.indexOf(30) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <h3>第五节　国旗、国歌、国徽和首都</h3>
          <h4>一、国旗</h4>
          <h3 class="h3 mainColor">第五节　国旗、国歌、国徽和首都</h3>
          <h4 class="h4 mainColor">一、国旗</h4>
          <p>《宪法》第 141 条第 1 款规定，中华人民共和国国旗是五星红旗。1990 年 6月 28 日，第七届全国人大常委会第 14 次会议通过了于同年 10 月 1 日起实施的依据宪法制定的《中华人民共和国国旗法》（以下简称《国旗法》。2020 年 10月 17 日，依据第十三届全国人大常委会第 22 次会议决定，对《国旗法》作出修改。</p>
          <h5>（一）特征与寓意</h5>
          <p>旗面为红色，长方形，左上方缀黄色五角星五颗（四颗小星环拱在一颗大星的右面）。旗面红色，象征革命；星呈黄色，表示中华民族为黄色人种。国旗中的大五角星代表中国共产党，四颗小五角星分别代表工人、农民、小资产阶级和民族资产阶级四个阶级。旗上的五颗五角星互相连缀、疏密相间，其相互关系象征着中国共产党领导下的革命人民大团结；四颗小五角星各有一角正对着大星的中心点，表示围绕着一个中心而团结，表现了人民对党的向心之意。</p>
@@ -593,37 +696,43 @@
          <h5>（三）正确升挂国旗</h5>
          <p class="block">1. 升挂场合</p>
          <p>（1）每日升挂国旗的场所。《国旗法》第 5 条规定，下列场所或者机构所在地，应当每日升挂国旗：①北京天安门广场、新华门；②中国共产党中央委员会，全国人民代表大会常务委员会，国务院，中央军事委员会，中国共产党中央纪律检查委员会、国家监察委员会，最高人民法院，最高人民检察院；中国人民政治协商会议全国委员会；③外交部；④出境入境的机场、港口、火车站和其他边境口岸，边防海防哨所。</p>
          <p>（2）工作日升挂国旗的场所。《国旗法》第 6 条第 1 款规定，下列机构所在地应当在工作日升挂国旗：①中国共产党中央各部门和地方各级委员会；②国务院各部门；③地方各级人民代表大会常务委员会；④地方各级人民政府；⑤中国共产党地方各级纪律检查委员会、地方各级监察委员会；⑥地方各级人民法</p>
          <p>（2）工作日升挂国旗的场所。《国旗法》第 6 条第 1 款规定，下列机构所在地应当在工作日升挂国旗：①中国共产党中央各部门和地方各级委员会；②国务院各部门；③地方各级人民代表大会常务委员会；④地方各级人民政府；⑤中国共产党地方各级纪律检查委员会、地方各级监察委员会；⑥地方各级人民法院和专门人民法院；</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 108 —</li>
        </ul>
      </div>
    </div>
    <!-- P109 -->
    <div class="page-box" page="31">
      <div v-if="showPageList.indexOf(31) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>院和专门人民法院；⑦地方各级人民检察院和专门人民检察院；⑧中国人民政治协商会议地方各级委员会；⑨各民主党派、各人民团体；⑩中央人民政府驻香港特别行政区有关机构、中央人民政府驻澳门特别行政区有关机构。第 6 条第 2款规定，学校除寒假、暑假和休息日外，应当每日升挂国旗。有条件的幼儿园参照学校的规定升挂国旗。第 6 条第 3 款规定，图书馆、博物馆、文化馆、美术馆、科技馆、纪念馆、展览馆、体育馆、青少年宫等公共文化体育设施应当在开放日升挂、悬挂国旗。</p>
          <p class='td-0'>⑦地方各级人民检察院和专门人民检察院；⑧中国人民政治协商会议地方各级委员会；⑨各民主党派、各人民团体；⑩中央人民政府驻香港特别行政区有关机构、中央人民政府驻澳门特别行政区有关机构。第 6 条第 2款规定，学校除寒假、暑假和休息日外，应当每日升挂国旗。有条件的幼儿园参照学校的规定升挂国旗。第 6 条第 3 款规定，图书馆、博物馆、文化馆、美术馆、科技馆、纪念馆、展览馆、体育馆、青少年宫等公共文化体育设施应当在开放日升挂、悬挂国旗。</p>
          <p>（3）其他升挂国旗的场合。《国旗法》第 7 条规定，国庆节、国际劳动节、元旦、春节和国家宪法日等重要节日、纪念日，各级国家机关、各人民团体以及大型广场、公园等公共活动场所应当升挂国旗；企业事业组织，村民委员会、居民委员会，居民院（楼、小区）有条件的应当升挂国旗。民族自治地方在民族自治地方成立纪念日和主要传统民族节日应当升挂国旗。举行宪法宣誓仪式时，应当在宣誓场所悬挂国旗。第 8 条规定，举行重大庆祝、纪念活动，大型文化、体育活动，大型展览会，可以升挂国旗。第 9 条第 1 款规定，国家倡导公民和组织在适宜的场合使用国旗及其图案，表达爱国情感。</p>
          <p class="block">2. 注意事项</p>
          <p>（1）仪式。《国旗法》第 13 条规定，一般情况下国旗应当早晨升起，傍晚降下。遇有恶劣天气，可以不升挂。第 14 条规定，升挂国旗时，可以举行升旗仪式。举行升旗仪式时，应当奏唱国歌。在国旗升起的过程中，在场人员应当面向国旗肃立，行注目礼或者按照规定要求敬礼。北京天安门广场每日举行升旗仪式。学校除假期外，每周举行一次升旗仪式。</p>
          <p>（2）国旗尊严。《国旗法》第 9 条第 2 款规定，公民和组织在网络中使用国旗图案，应当遵守相关网络管理规定，不得损害国旗尊严。第 14 条第 2 款规定，举行升旗仪式时，应当奏唱国歌。在国旗升起的过程中，在场人员应当面向国旗肃立，行注目礼或者按照规定要求敬礼，不得有损害国旗尊严的行为。第 19条规定，不得升挂或者使用破损、污损、褪色或者不合规格的国旗，不得倒挂、倒插或者以其他有损国旗尊严的方式升挂、使用国旗。不得随意丢弃国旗。破损、污损、褪色或者不合规格的国旗应当按照国家有关规定收回、处置。大型群众性活动结束后，活动主办方应当收回或者妥善处置活动现场使用的国旗。第 20 条规定，国旗及其图案不得用作商标、授予专利权的外观设计和商业广告，不得用于私人丧事活动等不适宜的情形。</p>
          <p>（3）升挂规范。《国旗法》第 17 条规定，升挂国旗，应当将国旗置于显著的位置。列队举持国旗和其他旗帜行进时，国旗应当在其他旗帜之前。国旗与其</p>
          <p>（3）升挂规范。《国旗法》第 17 条规定，升挂国旗，应当将国旗置于显著的位置。列队举持国旗和其他旗帜行进时，国旗应当在其他旗帜之前。国旗与其他旗帜同</p>
          
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 109 —</li>
        </ul>
      </div>
    </div>
    <!-- P110 -->
    <div class="page-box" page="32">
      <div v-if="showPageList.indexOf(32) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>他旗帜同时升挂时，应当将国旗置于中心、较高或者突出的位置。在外事活动中同时升挂两个以上国家的国旗时，应当按照外交部的规定或者国际惯例升挂。第 18 条规定，在直立的旗杆上升降国旗，应当徐徐升降。升起时，必须将国旗升至杆顶；降下时，不得使国旗落地。下半旗时，应当先将国旗升至杆顶，然后降至旗顶与杆顶之间的距离为旗杆全长的三分之一处；降下时，应当先将国旗升至杆顶，然后再降下。</p>
          <p class='td-0'>时升挂时，应当将国旗置于中心、较高或者突出的位置。在外事活动中同时升挂两个以上国家的国旗时，应当按照外交部的规定或者国际惯例升挂。第 18 条规定，在直立的旗杆上升降国旗，应当徐徐升降。升起时，必须将国旗升至杆顶；降下时，不得使国旗落地。下半旗时，应当先将国旗升至杆顶，然后降至旗顶与杆顶之间的距离为旗杆全长的三分之一处；降下时，应当先将国旗升至杆顶，然后再降下。</p>
          <p>（4）法律责任。《国旗法》第 23 条规定，在公共场合故意以焚烧、损毁、涂划、玷污、践踏等方式侮辱中华人民共和国国旗的，依法追究刑事责任；情节较轻的，由公安机关处以 15 日以下拘留。</p>
          <p class="block">3. 下半旗的适用条件</p>
          <p>《国旗法》第 15 条规定，中华人民共和国主席、全国人民代表大会常务委员会委员长、国务院总理、中央军事委员会主席；中国人民政治协商会议全国委员会主席逝世后可下半旗志哀。除此之外，还规定了三种情况：①为了增强公民的爱国意识，表彰那些为中华民族作出杰出贡献的人，规定“对中华人民共和国作出杰出贡献的人”逝世后可以下半旗；②为了表明我国的国际主义态度，规定“为世界和平或者人类进步事业作出杰出贡献的人”逝世后可以下半旗；③为了表示国家对重大伤亡事故或者因重大自然灾害造成人员伤亡的哀悼，规定“举行国家公祭仪式或者发生严重自然灾害、突发公共卫生事件以及其他不幸事件造成特别重大伤亡的”可以下半旗。</p>
@@ -633,16 +742,19 @@
          <p>为加强国旗使用的监督管理，明确具体涉及国旗制作、销售、升挂、使用、回收等方面监管责任，《国旗法》第 22 条规定，国务院办公厅统筹协调全国范围内国旗管理有关工作。地方各级人民政府统筹协调本行政区域内国旗管理有关工作。各级人民政府市场监督管理部门对国旗的制作和销售实施监督管理。县级人民政府确定的部门对本行政区域内国旗的升挂、使用和收回实施监督管理。外交部、国务院交通主管部门、中央军事委员会有关部门对各自管辖范围内国旗的升挂、使用和收回实施监督管理。</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 110 —</li>
        </ul>
      </div>
    </div>
    <!-- P111 -->
    <div class="page-box" page="33">
      <div v-if="showPageList.indexOf(33) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <h4>二、国歌</h4>
          <h4 class="h4 mainColor">二、国歌</h4>
          <p>《宪法》第 141 条第 2 款规定，中华人民共和国国歌是《义勇军进行曲》。2004 年 3 月 14 日第十届全国人大第 2 次会议正式将《义勇军进行曲》作为国歌写入《宪法》。2017 年 9 月 1 日，全国人大常委会通过《中华人民共和国国歌法》（以下简称《国歌法》）。中华人民共和国国歌是中华人民共和国的象征和标志，一切公民和组织都应当尊重国歌，维护国歌的尊严。</p>
          <h5>（一）曲谱和录音</h5>
          <p>《国歌法》第 10 条规定，在本法规定应当奏唱国歌的场合奏唱国歌，应当使用国歌标准演奏曲谱或者国歌官方录音版本。外交部及驻外外交机构、国务院体育行政部门应当将国歌标准演奏曲谱和国歌官方录音版本送交有关国家外交部门、有关国际组织，供外交活动中演奏或国际体育赛事中使用。同时还规定，国歌标准演奏曲谱、国歌官方录音版本由国务院确定的部门组织审定、录制，并在中国人大网和中国政府网上发布。</p>
@@ -651,42 +763,48 @@
          <p>（2）国歌尊严。《国歌法》第 6 条规定，奏唱国歌，应当按照本法附件所载国歌的歌词和曲谱，不得采取有损国歌尊严的奏唱形式。第 7 条规定，奏唱国歌时，在场人员应当肃立，举止庄重，不得有不尊重国歌的行为。第 8 条规定，国歌不得用于或者变相用于商标、商业广告，不得在私人丧事活动等不适宜的场合使用，不得作为公共场所的背景音乐等。</p>
          <p>（3）法律责任。《国歌法》第 15 条规定，在公共场合，故意篡改国歌歌词、曲谱，以歪曲、贬损方式奏唱国歌，或者以其他方式侮辱国歌的，由公安机关处以警告或者 15 日以下拘留；构成犯罪的，依法追究刑事责任。</p>
          <h5>（三）宣传教育</h5>
          <p>《国歌法》第 11 条规定，国歌纳入中小学教育。中小学应当将国歌作为爱国主义教育的重要内容，组织学生学唱国歌，教育学生了解国歌的历史和精神</p>
          <p>《国歌法》第 11 条规定，国歌纳入中小学教育。中小学应当将国歌作为爱国主义教育的重要内容，组织学生学唱国歌，教育学生了解国歌的历史和精神内涵、遵守</p>
          
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 111 —</li>
        </ul>
      </div>
    </div>
    <!-- P112 -->
    <div class="page-box" page="34">
      <div v-if="showPageList.indexOf(34) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class='td-0'>内涵、遵守国歌奏唱礼仪。第12条规定，新闻媒体应当积极开展对国歌的宣传，普及国歌奏唱礼仪知识。第 13 条规定，国庆节、国际劳动节等重要的国家法定节日、纪念日，中央和省、自治区、直辖市的广播电台、电视台应当按照国务院广播电视主管部门规定的时点播放国歌。</p>
          <p class='td-0'>国歌奏唱礼仪。第12条规定，新闻媒体应当积极开展对国歌的宣传，普及国歌奏唱礼仪知识。第 13 条规定，国庆节、国际劳动节等重要的国家法定节日、纪念日，中央和省、自治区、直辖市的广播电台、电视台应当按照国务院广播电视主管部门规定的时点播放国歌。</p>
          <h5>（四）监督管理</h5>
          <p>《国歌法》第 14 条规定，县级以上各级人民政府及其有关部门在各自职责范围内，对国歌的奏唱、播放和使用进行监督管理。</p>
          <h4>三、国徽</h4>
          <h4 class="h4 mainColor">三、国徽</h4>
          <p>《宪法》第 142 条规定，中华人民共和国国徽，中间是五星照耀下的天安门，周围是谷穗和齿轮。1991 年 3 月 2 日，第七届全国人大会常委会第 18 次会议通过了于同年 10 月 1 日生效的《中华人民共和国国徽法》（以下简称《国徽法》，依据 2009 年 8 月第十一届全国人大常委会第 10 次会议决定，对《国徽法》作修改；依据 2020 年 10 月 17 日第十三届全国人大常委会第 22 次会议决定对《国徽法》作修改。</p>
          <h5>（一）特征与寓意</h5>
          <p>国徽是代表国家的徽章、纹章，为国家象征之一，也是民族的象征。只有特定的国家重要文件方能加盖国徽的大印，正式生效。我国国徽图案中的齿轮和谷穗象征工人阶级领导下的工农联盟，天安门表现中国人民自五四运动以来进行民主主义革命斗争的胜利，同时又标志着人民民主专政的中华人民共和国的诞生，形象地体现了我国各族人民的革命传统和民族精神。五星代表中国共产党领导下的中国人民的大团结。国徽在颜色上用正红色和金色互为衬托对比，体现了中华民族特有的吉寿喜庆的民族色彩和传统，既庄严又富丽。</p>
          <h5>（二）正确使用国徽</h5>
          <p class="block">1. 悬挂场合</p>
          <p>（1）国徽应当悬挂在机关正门上方正中处。《国徽法》第 4 条规定，下列机构应当悬挂国徽：①各级人民代表大会常务委员会；②各级人民政府；③中央军事委员会；④各级监察委员会；⑤各级人民法院和专门人民法院；⑥各级人民检察院和专门人民检察院；⑦外交部；⑧国家驻外使馆、领馆和其他外交代表机构；⑨中央人民政府驻香港特别行政区有关机构、中央人民政府驻澳门特别行政区有关机构。</p>
          <p>（2）《国徽法》第 5 条规定，下列场所应当悬挂国徽：①北京天安门城楼、人民大会堂；②县级以上各级人民代表大会及其常务委员会会议厅，乡、民族</p>
          <p>（2）《国徽法》第 5 条规定，下列场所应当悬挂国徽：①北京天安门城楼、人民大会堂；②县级以上各级人民代表大会及其常务委员会会议厅，乡、民族乡、镇的</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 112 —</li>
        </ul>
      </div>
    </div>
    <!-- P113 -->
    <div class="page-box" page="35">
      <div v-if="showPageList.indexOf(35) > -1">
        <div class="fl t-right">
          <div class="chapter">| 第六章 | 《宪法》基本知识</div>
          <img class="" alt="" src="../../assets/images/yemei.png" />
        </div>
        <div class="bodystyle">
          <p class='td-0'>乡、镇的人民代表大会会场；③各级人民法院和专门人民法院的审判庭；④宪法宣誓场所；⑤出境入境口岸的适当场所。</p>
          <p class='td-0'>人民代表大会会场；③各级人民法院和专门人民法院的审判庭；④宪法宣誓场所；⑤出境入境口岸的适当场所。</p>
          <p class="block">2. 国徽图案使用</p>
          <p>（1）《国徽法》第 6 条规定，下列机构的印章应当刻有国徽图案：①全国人民代表大会常务委员会，国务院，中央军事委员会，国家监察委员会，最高人民法院，最高人民检察院；②全国人民代表大会各专门委员会和全国人民代表大会常务委员会办公厅、工作委员会，国务院各部、各委员会、各直属机构、国务院办公厅以及国务院规定应当使用刻有国徽图案印章的办事机构，中央军事委员会办公厅以及中央军事委员会规定应当使用刻有国徽图案印章的其他机构；③县级以上地方各级人民代表大会常务委员会、人民政府、监察委员会、人民法院、人民检察院、专门人民法院、专门人民检察院；④国家驻外使馆、领馆和其他外交代表机构。</p>
          <p>（2）《国徽法》第 8 条规定，下列文书、出版物等应当印有国徽图案：①全国人民代表大会常务委员会、中华人民共和国主席和国务院颁发的荣誉证书、任命书、外交文书；②中华人民共和国主席、副主席，全国人民代表大会常务委员会委员长、副委员长，国务院总理、副总理、国务委员、中央军事委员会主席、副主席，国家监察委员会主任，最高人民法院院长和最高人民检察院检察长以职务名义对外使用的信封、信笺、请柬等；③全国人民代表大会常务委员会公报、国务院公报、最高人民法院公报和最高人民检察院公报的封面；④国家出版的法律、法规正式版本的封面。</p>
@@ -696,14 +814,17 @@
          <p>《国徽法》第 13 条规定，国徽及其图案不得用于：商标、授予专利权的外观设计、商业广告；日常用品、日常生活的陈设布置；私人庆节活动；国务院公厅规定不得使用国徽及其图案的其他场合。第 14 条规定，不得悬挂破损、污损或者不合规格的国徽。</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 113 —</li>
        </ul>
      </div>
    </div>
    <!-- P114 -->
    <div class="page-box" page="36">
      <div v-if="showPageList.indexOf(36) > -1">
        <div class="fl t-left">
          <img class="" alt="" src="../../assets/images/yemei.png" />
          <div class="chapter">政策与法律法规 | 第六章 </div>
        </div>
        <div class="bodystyle">
          <p class="block">4. 法律责任</p>
          <p>《国徽法》第 18 条规定，在公共场合故意以焚烧、毁损、涂划、玷污、践踏等方式侮辱中华人民共和国国徽的，依法追究刑事责任；情节较轻的，由公安机关处以 15 日以下拘留。</p>
@@ -711,16 +832,16 @@
          <p>《国徽法》第 15 条规定，国徽应当作为爱国主义教育的重要内容。中小学应当教育学生了解国徽的历史和精神内涵。新闻媒体应当积极宣传国徽知识，引导公民和组织正确使用国徽及其图案。</p>
          <h5>（四）监督管理</h5>
          <p>《国徽法》第 17 条规定，国务院办公厅统筹协调全国范围内国徽管理有关工作。地方各级人民政府统筹协调本行政区域内国徽管理有关工作。各级人民政府市场监督管理部门对国徽的制作和销售实施监督管理。县级人民政府确定的部门对本行政区域内国徽的悬挂、使用和收回实施监督管理。</p>
          <h4>四、首都</h4>
          <h4 class="h4 mainColor">四、首都</h4>
          <p>《宪法》第 143 条规定，中华人民共和国首都是北京。</p>
          
        </div>
        <ul class="fl f-left">
          <li class="br1">18</li>
          <li>学前教育基础知识（第三版）</li>
          <li>— 114 —</li>
        </ul>
      </div>
    </div>
    <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="pdfTitle" ref="pdfDialogRef"></preView>
  </div>
</template>
<script>
@@ -729,7 +850,8 @@
  getCollectResource,
  setCollectResource,
} from "@/assets/methods/resources";

import preView from '@/components/pdfview/index.vue'
import examinations from "@/components/examinations/index.vue";
import tool from "@/assets/js/toolClass.js";
export default {
  name: "chapterOne",
@@ -737,316 +859,53 @@
    showPageList: {
      type: Array,
    },
    questionData: {
      type: Object,
    },
  },

  components: {
    preView,
    examinations
  },
  data() {
    return {
      questionData: {
        caseProblem: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        thinkAbout: {
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six: "",
          seven: "",
          eight: "",
        },
        examPlaceOne:"",
        examPlaceTwo:"",
      },
      examData: {
        firstSet:{
          one: "",
          two: "",
          three: "",
          four: "",
        },
        secondSet:{
          one: "",
          two: "",
          three: "",
          four: "",
          five:""
        },
        thirdSet:{
          one: "",
        },
        fourthSet:{
          one: "",
        },
        
        fifthSet:{
          one: "",
          two: "",
          three: "",
          four: "",
        },
        sixthSet:{
          one:""
        },
        seventhSet:{
          one:""
        },
        isCompleteOne: false,
        isCompleteTwo: false,
        isCompleteThree: false,
        isCompleteFour: false,
        isCompleteFive: false,
        isCompleteSix: false,
        isCompleteSeven: false,
      },
      examDataAnswer:{
        firstSetAnswer:false,
        firstSetAnswerData:['目的','培养人','本质','政治经济制度'],
        firstSetAnswerResult:0,
        secondSetAnswer:false,
        secondSetAnswerData:['癸卯','国家','女子','女子','错'],
        secondSetAnswerOneResult:0,
        secondSetAnswerTwoResult:0,
        secondSetAnswerThreeResult:0,
        thirdSetAnswer:false,
        thirdSetAnswerData:['A'],
        thirdSetAnswerResult:0,
        fourthSetAnswer:false,
        fourthSetAnswerData:['C'],
        fourthSetAnswerResult:0,
        fifthSetAnswer: false,
        fifthSetAnswerData:['母育学校','家庭','母育','家庭'],
        fifthSetAnswerOneResult:0,
        fifthSetAnswerTwoResult:0,
        sixthSetAnswer: false,
        sixthSetAnswerData:['A'],
        sixthSetAnswerResult:0,
        seventhSetAnswer: false,
        seventhSetAnswerData:['A'],
        seventhSetAnswerResult:0,
      },
      
      dialogVisible:false,
      pdfTitle: '',
      p_md5: '',
      pdfDialogRef: "",
      pdfMd5: {
          1: {
            md5: '7181ec12587d46113dfd910030d6e824',
            name: '中华人民共和国国歌法',
          },
          2: {
            md5: '1d455f1b0d020a66c44645da1ee02ea1',
            name: '中华人民共和国国徽法',
          },
          3: {
            md5: '26602a0ac4649b361f70924f6a22cce8',
            name: '中华人民共和国国旗法',
          },
          4: {
            md5: 'd4f76209ff250301dc90f1968021bd03',
            name: '中华人民共和国宪法',
          },
        }
    };
  },
  async mounted() {
    //项目自测及寻礼之问
    const bookQuestion = localStorage.getItem(
      "preschoolBasicKnowledge-book-chapter01-question"
    );
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
   
  },
  methods: {
    setBookQuestion() {
      localStorage.setItem(
        "preschoolBasicKnowledge-book-chapter01-question",
        JSON.stringify(this.questionData)
      );
    },
    goCheckFirstSet(){
      if(!(this.examData.firstSet.one && this.examData.firstSet.two && this.examData.firstSet.three && this.examData.firstSet.four)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.firstSet.one.replace(/ /g, "") == this.examDataAnswer.firstSetAnswerData[0] && this.examData.firstSet.two.replace(/ /g, "") == this.examDataAnswer.firstSetAnswerData[1] && this.examData.firstSet.three.replace(/ /g, "") == this.examDataAnswer.firstSetAnswerData[2] && this.examData.firstSet.four.replace(/ /g, "") == this.examDataAnswer.firstSetAnswerData[3]){
          this.examDataAnswer.firstSetAnswerResult = 1
        }else{
          this.examDataAnswer.firstSetAnswerResult = 2
        }
        this.examDataAnswer.firstSetAnswer = true
      }
      this.examData.isCompleteOne = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    changeCheckFirstSet(){
      this.examData.firstSet = {}
      this.examData.isCompleteOne = false
      this.examDataAnswer.firstSetAnswer = false
      this.examDataAnswer.firstSetAnswerResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },

    goCheckSecondSet(){
      if(!(this.examData.secondSet.one && this.examData.secondSet.two && this.examData.secondSet.three && this.examData.secondSet.four && this.examData.secondSet.five)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.secondSet.one.replace(/ /g, "") == this.examDataAnswer.secondSetAnswerData[0] && this.examData.secondSet.two.replace(/ /g, "") == this.examDataAnswer.secondSetAnswerData[1]){
          this.examDataAnswer.secondSetAnswerOneResult = 1
        }else{
          this.examDataAnswer.secondSetAnswerOneResult = 2
        }
        if(this.examData.secondSet.three.replace(/ /g, "") == this.examDataAnswer.secondSetAnswerData[2] && this.examData.secondSet.four.replace(/ /g, "") == this.examDataAnswer.secondSetAnswerData[3]){
          this.examDataAnswer.secondSetAnswerTwoResult = 1
        }else{
          this.examDataAnswer.secondSetAnswerTwoResult = 2
        }
        if(this.examData.secondSet.five == this.examDataAnswer.secondSetAnswerData[4]){
          this.examDataAnswer.secondSetAnswerThreeResult = 1
        }else{
          this.examDataAnswer.secondSetAnswerThreeResult = 2
        }
        this.examDataAnswer.secondSetAnswer = true
    toUrl(val) {
      if (val) {
        this.dialogVisible = true
        this.p_md5 = this.pdfMd5[val].md5
        this.pdfTitle = this.pdfMd5[val].name
        this.$refs.pdfDialogRef.openDialog();
      }
      this.examData.isCompleteTwo = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    changeCheckSecondSet(){
      this.examData.secondSet = {}
      this.examData.isCompleteTwo = false
      this.examDataAnswer.secondSetAnswer = false
      this.examDataAnswer.secondSetAnswerOneResult = 0
      this.examDataAnswer.secondSetAnswerTwoResult = 0
      this.examDataAnswer.secondSetAnswerThreeResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    goCheckThirdSet(){
      if(!(this.examData.thirdSet.one)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.thirdSet.one == this.examDataAnswer.thirdSetAnswerData[0]){
          this.examDataAnswer.thirdSetAnswerResult = 1
        }else{
          this.examDataAnswer.thirdSetAnswerResult = 2
        }
        this.examDataAnswer.thirdSetAnswer = true
      }
      this.examData.isCompleteThree = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    changeCheckThirdSet(){
      this.examData.thirdSet = {}
      this.examData.isCompleteThree = false
      this.examDataAnswer.thirdSetAnswer = false
      this.examDataAnswer.thirdSetAnswerResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    goCheckFourthSet(){
      if(!(this.examData.fourthSet.one)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.fourthSet.one == this.examDataAnswer.fourthSetAnswerData[0]){
          this.examDataAnswer.fourthSetAnswerResult = 1
        }else{
          this.examDataAnswer.fourthSetAnswerResult = 2
        }
        this.examDataAnswer.fourthSetAnswer = true
      }
      this.examData.isCompleteFour = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));

    },
    changeCheckFourthSet(){
      this.examData.fourthSet = {}
      this.examData.isCompleteFour = false
      this.examDataAnswer.fourthSetAnswer = false
      this.examDataAnswer.fourthSetAnswerResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    goCheckFifthSet(){
      if(!(this.examData.fifthSet.one && this.examData.fifthSet.two && this.examData.fifthSet.three && this.examData.fifthSet.four)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.fifthSet.one.replace(/ /g, "") == this.examDataAnswer.fifthSetAnswerData[0] && this.examData.fifthSet.two.replace(/ /g, "") == this.examDataAnswer.fifthSetAnswerData[1] && this.examData.fifthSet.three.replace(/ /g, "") == this.examDataAnswer.fifthSetAnswerData[2]){
          this.examDataAnswer.fifthSetAnswerOneResult = 1
        }else{
          this.examDataAnswer.fifthSetAnswerOneResult = 2
        }
        if(this.examData.fifthSet.four.replace(/ /g, "") == this.examDataAnswer.fifthSetAnswerData[3]){
          this.examDataAnswer.fifthSetAnswerTwoResult = 1
        }else{
          this.examDataAnswer.fifthSetAnswerTwoResult = 2
        }
        this.examDataAnswer.fifthSetAnswer = true
      }
      this.examData.isCompleteFive = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));

    },
    changeCheckFifthSet(){
      this.examData.fifthSet = {}
      this.examData.isCompleteFive = false
      this.examDataAnswer.fifthSetAnswer = true
      this.examDataAnswer.fifthSetAnswerOneResult = 0
      this.examDataAnswer.fifthSetAnswerTwoResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    goCheckSixthSet(){
      if(!(this.examData.sixthSet.one)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.sixthSet.one == this.examDataAnswer.sixthSetAnswerData[0]){
          this.examDataAnswer.sixthSetAnswerResult = 1
        }else{
          this.examDataAnswer.sixthSetAnswerResult = 2
        }
        this.examDataAnswer.sixthSetAnswer = true
      }
      this.examData.isCompleteSix = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    changeCheckSixthSet(){
      this.examData.sixthSet = {}
      this.examData.isCompleteSix = false
      this.examDataAnswer.sixthSetAnswer = false
      this.examDataAnswer.sixthSetAnswerResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },
    goCheckSeventhSet(){
      if(!(this.examData.seventhSet.one)){
        this.$message({
            message: "您还有题目未答",
            type: "warning"
          });
          return;
      }else{
        if(this.examData.seventhSet.one == this.examDataAnswer.seventhSetAnswerData[0]){
          this.examDataAnswer.seventhSetAnswerResult = 1
        }else{
          this.examDataAnswer.seventhSetAnswerResult = 2
        }
        this.examDataAnswer.seventhSetAnswer = true
      }
      this.examData.isCompleteSeven = true
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));

    },
    changeCheckSeventhSet(){
      this.examData.seventhSet = {}
      this.examData.isCompleteSeven = false
      this.examDataAnswer.seventhSetAnswer = false
      this.examDataAnswer.seventhSetAnswerResult = 0
      localStorage.setItem("preschoolBasicKnowledge-book-examData-chapter001",JSON.stringify(this.examData));
    },

  },

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

@@ -3,13 +3,13 @@
    <!-- 封面 -->
    <div class="page-box mt-20" page="1" style="min-height: auto">
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="" />
        <img class="img-0" alt="" src="../../assets/images/feiye.png" />
      </div>
    </div>
    <!-- 介绍页面 -->
    <div class="page-box" page="2">
      <div v-if="showPageList.indexOf(2) > -1">
        <div style="margin: 0 25%; padding: 10% 0">
        <div style="margin: 0 20%; padding: 10% 0">
          <hr />
          <p class="block1 fz-16"><b>图书在版编目（CIP）数据</b></p>
          <p class="fz-15 mr-0">政策与法律法规/全国导游人员资格考试教材编写</p>
@@ -21,29 +21,29 @@
          <p ><br /></p>
          <p><br /></p>
          <p><br /></p>
          <p class="center">全国导游人员资格考试系列教材</p>
          <p class="center">政策与法律法规</p>
          <p class="center">(第7版)</p>
          <p class="center">全国导游人员资格考试教材编写组　　编</p>
          <hr />
          <div class="fl ">
          <p class="center block1">全国导游人员资格考试系列教材</p>
          <p class="center"><b>政策与法律法规</b></p>
          <p class="center block1">(第7版)</p>
          <p class="center block">全国导游人员资格考试教材编写组　　编</p>
          
          <div class="fl box1">
            <div class="box-left">
              <p class="fz-15">责任编辑</p>
              <p class="fz-15">出版单位</p>
              <p class="fz-15">地　　址</p>
              <p class="fz-15">邮　　编</p>
              <p class="fz-15">发行电话</p>
              <p class="fz-15">本社网址</p>
              <p class="fz-15">E- mail</p>
              <p class="fz-15">排版单位</p>
              <p class="fz-15">印刷单位</p>
              <p class="fz-15">经销单位</p>
              <p class="fz-15">开　　本</p>
              <p class="fz-15">印　　张</p>
              <p class="fz-15">字　　数</p>
              <p class="fz-15">版　　次</p>
              <p class="fz-15">印　　次</p>
              <p class="fz-15">定　　价</p>
              <p class="fz-15 td-0 center">责任编辑</p>
              <p class="fz-15 td-0 center">出版单位</p>
              <p class="fz-15 td-0 center">地　　址</p>
              <p class="fz-15 td-0 center">邮　　编</p>
              <p class="fz-15 td-0 center">发行电话</p>
              <p class="fz-15 td-0 center">本社网址</p>
              <p class="fz-15 td-0 center">E- mail</p>
              <p class="fz-15 td-0 center">排版单位</p>
              <p class="fz-15 td-0 center">印刷单位</p>
              <p class="fz-15 td-0 center">经销单位</p>
              <p class="fz-15 td-0 center">开　　本</p>
              <p class="fz-15 td-0 center">印　　张</p>
              <p class="fz-15 td-0 center">字　　数</p>
              <p class="fz-15 td-0 center">版　　次</p>
              <p class="fz-15 td-0 center">印　　次</p>
              <p class="fz-15 td-0 center">定　　价</p>
            </div>
            <div class=box-right>
              <p class="fz-15">陈卫伟</p>
@@ -72,29 +72,29 @@
      <div v-if="showPageList.indexOf(3) > -1">
        <div class="bodystyle">
          <h1 id="a004" class="front"><img class="img-0" alt="" src=""/></h1>
          <h1>修订说明</h1>
          <p>作为专业的全国旅游教材出版机构，我社曾于1994年配合国家旅游局人教司编写出版了全国第一套导游人员资格考试教材。该套教材是全国诸多同类教材中历史最久、使用面最广、内容最权威的教材，对帮助广大考生学习导游专业知识、规范全国导游人员考试起到了积极的推动作用。为适应旅游业蓬勃发展的需要，我们不断对该套教材进行修订。该套教材因其权威性、实用性和先进性一直广受好评，畅销不衰。</p>
          <p>为给国家和社会选拔合格和更高素质的导游人才，国家旅游局从2016年起实行全国统一的导游人员资格考试制度。过去的几年里，我社都在以往导游考试教材基础上根据新大纲修订编写出新的导游考试教材。该套教材为考生顺利通过导游考试发挥了积极作用。今年，根据社会对考试情况的反馈，文化和旅游部又及时修订了大纲以适应新形势的发展要求。我社在前几年统编教材的基础上组织了一批有多年旅游行业管理、一线旅游院校教学、导游人才培训和丰富命题经验的专家，组成教材编写组。编写组人员认真研究新大纲、讨论编写内容及体例，以服务考生为基本宗旨，严格按照新大纲修订编写了全国导游人员资格考试系列教材。</p>
          <p>此套教材优点突出、特色鲜明，具体情况如下:</p>
          <p>第一，此套教材编写与大纲紧密贴合。完全根据国家新大纲规定科目编写，此套教材每本书的框架也是根据大纲要求考生掌握的内容来制定的。此套教材根据大纲“了解”“熟悉"“掌握”三个层级对内容的要求确定重点与非重点，内容全面涵盖要点，细处高度契合大纲条目，论述详略得当，条目清楚，知识点明晰，便于考生识记，从容应考。</p>
          <p>第二，编写团队均来自旅游业内一线专家和学者。作者是多年从事旅游行政管理、旅游院校教学和旅游人才选拔培训的一线人员，有着丰富的实践经验和深厚的理论修养。他们的编写态度严谨、认真、精益求精。编审团队也由社</p>
          <h1 class="center mtb">修订说明</h1>
          <p class="block">作为专业的全国旅游教材出版机构，我社曾于1994年配合国家旅游局人教司编写出版了全国第一套导游人员资格考试教材。该套教材是全国诸多同类教材中历史最久、使用面最广、内容最权威的教材，对帮助广大考生学习导游专业知识、规范全国导游人员考试起到了积极的推动作用。为适应旅游业蓬勃发展的需要，我们不断对该套教材进行修订。该套教材因其权威性、实用性和先进性一直广受好评，畅销不衰。</p>
          <p class="block">为给国家和社会选拔合格和更高素质的导游人才，国家旅游局从2016年起实行全国统一的导游人员资格考试制度。过去的几年里，我社都在以往导游考试教材基础上根据新大纲修订编写出新的导游考试教材。该套教材为考生顺利通过导游考试发挥了积极作用。今年，根据社会对考试情况的反馈，文化和旅游部又及时修订了大纲以适应新形势的发展要求。我社在前几年统编教材的基础上组织了一批有多年旅游行业管理、一线旅游院校教学、导游人才培训和丰富命题经验的专家，组成教材编写组。编写组人员认真研究新大纲、讨论编写内容及体例，以服务考生为基本宗旨，严格按照新大纲修订编写了全国导游人员资格考试系列教材。</p>
          <p class="block">此套教材优点突出、特色鲜明，具体情况如下:</p>
          <p class="block">第一，此套教材编写与大纲紧密贴合。完全根据国家新大纲规定科目编写，此套教材每本书的框架也是根据大纲要求考生掌握的内容来制定的。此套教材根据大纲“了解”“熟悉"“掌握”三个层级对内容的要求确定重点与非重点，内容全面涵盖要点，细处高度契合大纲条目，论述详略得当，条目清楚，知识点明晰，便于考生识记，从容应考。</p>
          <p class="block">第二，编写团队均来自旅游业内一线专家和学者。作者是多年从事旅游行政管理、旅游院校教学和旅游人才选拔培训的一线人员，有着丰富的实践经验和深厚的理论修养。他们的编写态度严谨、认真、精益求精。编审团队也由社</p>
        </div>
        <ul class="fl f-right">
          <li class="br1">-1-</li>
          <li class="br1">— 1 —</li>
        </ul>
      </div>
    </div>
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div class="bodystyle">
          <p class="td-0">内最专业的编辑和社外专家组成，进一步保证了知识的准确性、权威性。</p>
          <p>第三，教材内容既有二十多年专业导游人员资格考试教材的深厚积淀，又体现了与时俱进的时代特色和先进性。此套教材秉承了原教材的优点，又紧紧抓住旅游业发展对导游人员素质提出的新要求，反映了国家旅游及相关行业的演变进程及新成果。</p>
          <p>第四，教材备考体系全方位、立体化、高效能。根据新大纲的规定科目，我们的全国导游人员资格考试系列教材包括:《政策与法律法规》《导游业务》《全国导游基础知识》《地方导游基础知识》。同时，我社还开发了与之配套的《全国导游人员资格统一考试模拟试题汇编》《全国导游人员资格考试全真模拟冲刺试卷》，来帮助考生梳理每个科目的核心内容和重要知识点，并进行同步强化练习，巩固掌握知识点。为了提高导游的实操能力，本次教材修订充分体现了立体化教材的特点，根据内容增加了法律法规文件、模拟导游视频、实操文本、经典图片、随堂练等实用性的拓展知识。这些知识都是针对导游需要掌握的重点、难点而精心制作和遴选的，有助于打通教与学过程中的关键脉络。除此之外，我社还将在纸质书出版后，及时在“我是导游”APP平台上推出与此配套的电子书、在线题库、在线模拟试卷、导游词、在线辅导课程，帮助考生随时随地利用碎片时间高效学习备考。</p>
          <p>最后，感谢所有参与本套教材论证、编写的专家、学者及对此套教材提出宝贵意见的用户和读者!我们将以优质的服务、专业的知识为考生尽心竭力地服务，为国家导游人才的选拔和培养贡献自己的一份力量。</p>
          <p class='right'>旅游教育出版社</p>
          <p class="td-0 block">内最专业的编辑和社外专家组成，进一步保证了知识的准确性、权威性。</p>
          <p class="block">第三，教材内容既有二十多年专业导游人员资格考试教材的深厚积淀，又体现了与时俱进的时代特色和先进性。此套教材秉承了原教材的优点，又紧紧抓住旅游业发展对导游人员素质提出的新要求，反映了国家旅游及相关行业的演变进程及新成果。</p>
          <p class="block">第四，教材备考体系全方位、立体化、高效能。根据新大纲的规定科目，我们的全国导游人员资格考试系列教材包括:《政策与法律法规》《导游业务》《全国导游基础知识》《地方导游基础知识》。同时，我社还开发了与之配套的《全国导游人员资格统一考试模拟试题汇编》《全国导游人员资格考试全真模拟冲刺试卷》，来帮助考生梳理每个科目的核心内容和重要知识点，并进行同步强化练习，巩固掌握知识点。为了提高导游的实操能力，本次教材修订充分体现了立体化教材的特点，根据内容增加了法律法规文件、模拟导游视频、实操文本、经典图片、随堂练等实用性的拓展知识。这些知识都是针对导游需要掌握的重点、难点而精心制作和遴选的，有助于打通教与学过程中的关键脉络。除此之外，我社还将在纸质书出版后，及时在“我是导游”APP平台上推出与此配套的电子书、在线题库、在线模拟试卷、导游词、在线辅导课程，帮助考生随时随地利用碎片时间高效学习备考。</p>
          <p class="block">最后，感谢所有参与本套教材论证、编写的专家、学者及对此套教材提出宝贵意见的用户和读者!我们将以优质的服务、专业的知识为考生尽心竭力地服务，为国家导游人才的选拔和培养贡献自己的一份力量。</p>
          <p class='right block'>旅游教育出版社</p>
        </div>
        <ul class="fl f-left">
          <li class="br1">-2-</li>
          <li class="br1">— 2 —</li>
        </ul>
      </div>
    </div>

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

@@ -11,7 +11,7 @@
      <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
      <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
      <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive> -->
      <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
      <chapterSix v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList" :questionData="questionDataMap"></chapterSix>
      <!-- <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList">
      </chapterSeven>
      <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
@@ -34,6 +34,8 @@
// import chapterNine from "./chapter009.vue"
// import chapterTen from "./chapter010.vue"
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/examinationList";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
@@ -171,7 +173,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(11, 290);
      // this.gotoPage(11, 290);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -556,30 +558,31 @@
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            // if (!this.questionDataMap[page]) {
            //   if (testData && testData[catalog]) {
            //     if (testData[catalog][page]) {
            //       if (Array.isArray(testData[catalog][page])) {
            //         this.questionDataMap[page] = await getQuestionList(
            //           page,
            //           testData[catalog][page],
            //           this.config.activeBook
            //         );
            //       } else {
            //         const obj = {};
            //         for (let key in testData[catalog][page]) {
            //           obj[key] = await getQuestionList(
            //             [],
            //             testData[catalog][page][key],
            //             this.config.activeBook
            //           );
            //         }
            //         this.questionDataMap[page] = obj;
            //       }
            //       console.log("题目", this.questionDataMap);
            //     }
            //   }
            // }
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    const datas = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                    this.$set(this.questionDataMap,page,datas)
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                    }
                    this.$set(this.questionDataMap,page,obj)
                    // this.questionDataMap[page] = obj;
                  }
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {

 src/books/practicalCareChildrenManual/assets/Fonts/FZHTJW.ttf

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/FZLTXIHJW.ttf

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/FZLTZHJW.ttf

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/FZNBSJW.TTF

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/FZZDXK.TTF

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/FZZYSJW.TTF

Binary files differ

 src/books/practicalCareChildrenManual/assets/Fonts/hya4gjm.ttf

Binary files differ

 src/books/practicalCareChildrenManual/assets/images/0001-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0001-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0002-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0021-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0022-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0026-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0026-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0027-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0028-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0029-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0029-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0029-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0030-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0030-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0030-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0031-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0031-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0034-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0034-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0034-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0034-4.jpg

 src/books/practicalCareChildrenManual/assets/images/0035-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0035-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0035-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0035-4.jpg

 src/books/practicalCareChildrenManual/assets/images/0036-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0036-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0037-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0037-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0037-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0037-4.jpg

 src/books/practicalCareChildrenManual/assets/images/0039-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0040-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0040-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0043-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0046-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0048-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0051-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0053-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0063-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0065-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0066-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0067-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0067-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0068-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0070-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0070-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0072-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0072-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0076-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0076-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0078-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0080-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0083-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0084-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0086-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0088-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0088-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0090-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0093-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0097-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0098-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0101-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0104-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0105-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0106-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0107-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0111-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0116-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0117-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0118-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0121-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0122-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0125-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0132-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0135-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0136-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0137-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0140-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0141-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0142-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0147-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0150-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0151-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0159-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0160-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0163-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0164-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0168-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0169-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0170-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0172-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0172-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0173-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0173-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0173-3.jpg

 src/books/practicalCareChildrenManual/assets/images/0173-4.jpg

 src/books/practicalCareChildrenManual/assets/images/0174-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0174-2.jpg

 src/books/practicalCareChildrenManual/assets/images/0176-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0184-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0187-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0190-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0192-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0193-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0195-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0196-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0203-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0209-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0215-1.jpg

 src/books/practicalCareChildrenManual/assets/images/0220-1.jpg

 src/books/practicalCareChildrenManual/assets/images/Cover.jpg

 src/books/practicalCareChildrenManual/assets/images/FD.jpg

 src/books/practicalCareChildrenManual/assets/images/SMY.jpg

 src/books/practicalCareChildrenManual/assets/images/csx.jpg

 src/books/practicalCareChildrenManual/assets/images/dxal.png

 src/books/practicalCareChildrenManual/assets/images/headerBj.png

 src/books/practicalCareChildrenManual/assets/images/headerRight.png

 src/books/practicalCareChildrenManual/assets/images/i0006-01.png

 src/books/practicalCareChildrenManual/assets/images/i0006-02.png

 src/books/practicalCareChildrenManual/assets/images/i0007-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0008-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0008-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0009-01.png

 src/books/practicalCareChildrenManual/assets/images/i0009-02.png

 src/books/practicalCareChildrenManual/assets/images/i0010-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0011-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0012-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0012-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0013-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0014-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0015-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0016-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0017-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0018-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0019-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0020-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0021-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0022-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0023-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0023-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0024-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0025-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0026-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0027-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0028-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0029-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0030-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0031-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0031-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0032-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0033-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0034-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0035-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0036-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0037-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0038-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0039-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0040-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0040-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0041-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0042-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0043-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0044-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0045-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0046-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0047-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0048-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0049-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0049-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0050-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0051-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0051-3.jpg

 src/books/practicalCareChildrenManual/assets/images/i0052-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0054-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0054-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0055-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0056-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0057-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0058-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0059-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0059-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0060-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0060-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0061-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0062-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0063-1.jpg

 src/books/practicalCareChildrenManual/assets/images/i0063-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0064-2.jpg

 src/books/practicalCareChildrenManual/assets/images/i0065-2.jpg

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

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

 src/books/practicalCareChildrenManual/assets/images/icon/lianxi.png

 src/books/practicalCareChildrenManual/assets/images/icon/videoLogo.png

 src/books/practicalCareChildrenManual/assets/images/lyl.png

 src/books/practicalCareChildrenManual/assets/images/ml.jpg

 src/books/practicalCareChildrenManual/assets/images/qjdr.png

 src/books/practicalCareChildrenManual/assets/images/qy.jpg

 src/books/practicalCareChildrenManual/assets/images/sys.png

 src/books/practicalCareChildrenManual/assets/images/sysm.jpg

 src/books/practicalCareChildrenManual/assets/images/tzyd.png

 src/books/practicalCareChildrenManual/assets/images/xdc.png

 src/books/practicalCareChildrenManual/assets/images/xxcty.png

 src/books/practicalCareChildrenManual/assets/images/xxdt.png

 src/books/practicalCareChildrenManual/assets/images/xxrwd.png

 src/books/practicalCareChildrenManual/assets/images/xxxgjc.png

 src/books/practicalCareChildrenManual/assets/images/xyx.png

 src/books/practicalCareChildrenManual/assets/main.less

New file
@@ -0,0 +1,2373 @@
.practicalCareChildrenManual {
    width: 100%;
    height: 100%;

    // 自定义内容
    .page-box {
        box-sizing: border-box;
        min-height: 1128px;
        margin-bottom: 20px;
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }

    .foreword {
        line-height: 10px !important;
        margin-top: 0;
    }

    .c-g {
        color: green;
    }

    .c-r {
        color: red;
    }

    .t-right {
        text-align: right;
    }

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

    .mr-9 {
        margin-right: 9%;
    }

    .ml-9 {
        margin-left: 9%;
    }

    .ml-8 {
        margin-left: 8%;
    }

    .ml-20 {
        margin-left: 20px;
    }

    .ml-2e {
        margin-left: 2em;
    }

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

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

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

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

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

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

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

    .mb-10 {
        margin-bottom: 10px;
    }

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

    .w100 {
        width: 100%;
    }

    .mk-img {
        height: 100%;
    }

    .w90 {
        width: 90%;
    }


    .w80 {
        width: 80%;
    }


    .b0 {
        border: 0;
    }

    .tal-j {
        display: inline-block;
        width: 120px;
        text-align-last: justify;
    }


    sup {
        vertical-align: super;
        /* 保持上标对齐方式 */
        font-size: smaller;
        // position: relative; /* 相对于正常位置调整 */  
        // top: -0.2em; /* 根据需要调整这个值 */ 
    }

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

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

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

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

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

    .fm-kt {
        font-family: "kaiti" !important;
    }

    .fm-KH {
        font-family: "方正兰亭刊黑";
    }

    .fm-方正书宋 {
        font-family: "方正书宋";
    }

    .img-0 {
        width: 100%;
    }

    .pt-10 {
        padding-top: 10px;
    }

    .pt-20 {
        padding-top: 20px;
    }

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

    // .td-{

    // }

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

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

    .fl {
        display: flex;
    }

    .ju-cn {
        justify-content: center;
    }

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

    .fd-c {
        flex-direction: column;
    }

    .fd-r {
        flex-direction: row-reverse;
    }

    .al-c {
        align-items: center;
    }

    .al-fe {
        align-items: flex-end;
    }

    .ac-f {
        align-content: flex-end;
    }

    .jc-fe {
        justify-content: flex-end;
    }

    .jc-c {
        justify-content: center;
    }

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

    .mr-70 {
        margin-right: 70px;
    }

    .mr-45 {
        margin-right: 45px;
    }

    .mr-10 {
        margin-right: 10px;
    }

    .mr-5 {
        margin-right: 5px;
    }

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

    .ta-l {
        text-align: left !important;
    }

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

    .pad-t-55 {
        padding-top: 55px;
    }

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

    .mb-25 {
        margin-bottom: 25px;
    }

    .mb-45 {
        margin-bottom: 45px;
    }

    .headerImg {
        width: 30px;
    }




    .headerText-bc {
        width: 70px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        background-color: #9CDCF8;
        border-radius: 15px;
    }

    .headerText {
        font-size: 12px;
        padding: 0 8px;
        color: #00AFEF;
    }

    .headerNumber {
        width: 110px;
        color: #fff;
        font-size: 12px;
        text-align: left;
        position: relative;
        padding-bottom: 5px;

        span {
            position: absolute;
            top: 33%;
            left: 25%;
        }
    }

    .header-left-Number {
        width: 50px;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 15px;
        position: relative;

        span {
            position: absolute;
            left: 56%;
            top: 35%;
            transform: translateX(-50%);
        }
    }

    .header-left-text {
        color: #00AFEF;
        margin-left: 8px;
        margin-top: 7px;
        font-size: 12px;
    }

    .radioClass {
        margin: 0 0 0 4px !important;

    }


    .task-u2-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #F89C1C;
    }

    .task-u3-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #0A9CAC;
    }

    .task-u4-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #92B03D;
    }

    .task-u5-c {
        width: 16%;
        margin-bottom: 6em;
        margin-top: 0;
        border-top: 0.7em solid #0180CD;
    }

    .p-odd {
        padding-right: 2%;
    }

    .p-even {
        padding-left: 2%;
    }

    .img-float-smaller {
        width: 200px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }

    .img-float-medium {
        width: 250px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;
    }



    .img-float {
        width: 310px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;

        p {
            margin: 0;
        }
    }


    .img-float-formula {
        width: 310px;
        float: left;
        height: auto;
        margin: auto;
        margin-right: 20px;

        p {
            margin: 0;
        }
    }

    .img-rights {
        width: 47%;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 20px;

        p {
            margin: 0;
        }
    }

    .references {
        margin-top: 140px;

        hr {
            font-weight: bold;
            margin-left: 0;
            width: 15%;
        }
    }

    .w430 {
        width: 430px;
    }

    .w395 {
        width: 395px;
    }

    .w365 {
        width: 365px;
    }


    .w300 {
        width: 300px;
    }

    .w290 {
        width: 290px;
    }

    .w280 {
        width: 280px;
    }

    .w270 {
        width: 270px;
    }

    .w260 {
        width: 260px;
    }

    .w250 {
        width: 250px;
    }

    .w230 {
        width: 230px;
    }

    .w220 {
        width: 220px;
    }

    .w210 {
        width: 210px;
    }

    .w200 {
        width: 200px;
    }

    .w190 {
        width: 190px;
    }

    .w180 {
        width: 180px;
    }

    .w170 {
        width: 170px;
    }

    .w160 {
        width: 160px;
    }

    .w150 {
        width: 150px;
    }

    .w140 {
        width: 140px;
    }

    .w135 {
        width: 135px;
    }

    .w130 {
        width: 130px;
    }

    .w120 {
        width: 120px;
    }

    .w115 {
        width: 115px;
    }

    .w55 {
        width: 55%;
    }

    .w40 {
        width: 40% !important;
    }

    .w25 {
        width: 25%;
    }

    .w20 {
        width: 20%;
    }

    .w15 {
        width: 15%;
    }

    .w10 {
        width: 10%;
    }


    .table-th-bc {
        color: #000;
        background-color: #C6EAFA;
        line-height: 25px;
        font-family: "方正中等线";
        font-weight: bold;

        p {
            font-family: "方正中等线";
        }
    }

    .table-tr-bc {
        font-family: "方正中等线";
        background-color: #E1F4FC;
        line-height: 25px;
        font-weight: 400;

        p {
            font-weight: 400;
            font-family: '方正中等线';
            font-size: 13.5px;
        }
    }

    .jc-img {
        margin-bottom: -5px;
        cursor: pointer;
    }

    sup {
        cursor: pointer;
    }

    .textarea-box {
        width: 100%;
        overflow: auto;
        word-break: break-all;
        resize: none;
        border: 1px solid #01AFEE;
        border-radius: 5px;
        background-color: rgba(255, 255, 255, 0);
    }

    .table-title-bc {
        background-color: #8091BC;
        color: #fff;
        line-height: 25px;
    }

    .table-textarea {
        font-size: 14px;
        font-family: "Times New Roman", "宋体";
        resize: none;
        width: 95%;
        background-color: transparent;
        border: none;

        &:focus {
            outline: none;
        }
    }

    .table-input-border {
        width: 80%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w20 {
        width: 20%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w15 {
        width: 15%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w10 {
        width: 10%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .table-input-border-w5 {
        width: 5%;
        background-color: transparent;
        border: 0;

        &:focus {
            outline: none;
        }
    }

    .input-bottom-border {
        width: 11%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
    }

    .input-bottom-border1 {
        width: 33%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
    }


    .input-bottom-border2 {
        width: 21.5%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;

        &:focus {
            outline: none;
        }
    }

    // 视频  
    .video-box-cover {
        border: 1px dashed #40C7F4;
        padding: 2% 2%;
    }

    .question-box {
        margin: 20px 0 20px 0;
        border: 1px solid #40C7F4;

    }

    .question-title {
        display: flex;
        align-content: center;
        justify-content: space-between;
        background-color: #c7eaf9;
    }

    .question-title-name {
        padding: 0 2%;
        display: flex;
        align-items: center;
        text-indent: 0em;
        margin: 0 !important;
        border-right: 1px solid #40C7F4;
        font-size: 16px !important;
        font-weight: bold;
    }

    .question-title-img {
        padding-right: 2%;
        text-indent: 0em;
        display: flex;
        align-items: center;
        font-size: 11px !important;
        cursor: pointer;
        span{
            color: #0071BD;
            height: 20px;
            word-wrap: normal;
        }
    }


    // .video-main{
    //     margin: 5% 5%;
    //     border: 1px dashed #40C7F4;
    // }

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

    .videoname {
        display: flex;
        justify-content: center;
    }

    .sInput {
        width: 60px;
        border: 0;
        outline: none;
        text-align: center;
    }

    .collect-btn {
        cursor: pointer;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-top: 0.3%;
    }

    .collect-btn1 {
        cursor: pointer;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0.8%;
    }

    // 续表
    .continued {
        text-align: right;
        margin: 0%;
        margin-right: 30px;
    }


    .text-rights {
        width: 230px;
        float: right;
        height: auto;
        margin: auto;
        margin-left: 20px;

        img {
            width: 100%;
        }

        p {
            margin: 0 !important;
        }
    }

    .dialogQuestion {
        background-color: #6E85AF;
        height: 80px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        span {
            color: #fff;
            font-size: 20px;
            padding: 0 40px 0 20px;
            cursor: pointer;
        }
    }

    .pdf-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;

        p {
            margin: 0;
            margin-right: 10px;
        }

        .pdf-con {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 10px 0;
            box-sizing: border-box;
            border-radius: 10px;

            .pdf-view {
                min-width: 160px;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 0.15em dashed #FAAD70;
                margin-right: 15px;
                padding: 0 15px;
                border-radius: 5px;

                span {
                    font-size: 14px;
                    text-align: center;
                    font-family: '方正兰亭细黑简体';
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;

                    svg {
                        fill: #FAAD70;
                    }
                }

                span:nth-child(2) {
                    padding-top: 5px;
                    box-sizing: border-box;
                }

                span:hover {
                    color: #FAAD70;
                    cursor: pointer;
                    text-decoration: underline;
                    -webkit-user-select: none;
                    /* Safari 3.1+ */
                    -moz-user-select: none;
                    /* Firefox 2+ */
                    -ms-user-select: none;
                    /* IE 10+ */
                    user-select: none;
                    /* 标准语法 */
                }
            }
        }

        .pdf-con-15 {
            margin-top: -20px;
        }
    }

    div.bk-ztgs {
        border: 0.15em dotted #5192c6;
        padding: 1.5em 0.5em;
        margin-bottom: 2em;
        margin-top: 2em;
        border-radius: 1em;
        position: relative;
    }

    p.bj1-ztgs {
        background-color: #5192c6;
        color: #ffffff;
        display: inline-block;
        font-size: 1em;
        padding: 0.1em 0.7em 0.12em 0.7em;
        font-weight: bold;
        border-radius: 0em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -1.2em;
    }


    .link-float {
        width: 120px;
        float: left;
        height: auto;
        margin: auto;
        margin-top: 12px;
        margin-right: 20px;
    }

    .imgBox-003 {
        width: 100%;
        height: 280px;
        margin-bottom: 18px;
    }

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

        .img {
            margin: 0 !important;
            font-size: 14px !important;
            position: absolute !important;
            left: 50% !important;
            transform: translateX(-50%);
            bottom: -2% !important;
        }

        img {
            height: 80%;
        }
    }

    // 题目
    .textarea-box {
        background-color: transparent;
        max-width: 100%;
        min-width: 100%;
        outline: none;
    }

    .textarea-box-left {
        background-color: transparent;
        margin-left: 15%;
        max-width: 84%;
        min-width: 84%;
        outline: none;
    }

    .textarea-box-right {
        background-color: transparent;
        margin-left: 2em;
        margin-right: 9%;
        max-width: 95%;
        min-width: 95%;
        outline: none;
    }

    .textarea-focused {
        border-color: #5192c6 !important;
        box-shadow: #5192c6 !important;
    }

    .select-border {
        width: 60px;
        border: 0;
        border-bottom: 1px solid #767676;

        &:focus {
            outline: none;
        }
    }

    .btn-border {
        border-radius: 6px;
        border-color: #5192C6;
    }

    .btn-w {
        cursor: pointer;
        font-size: 14px;
        border-width: 1px;
        width: 80px;
        height: 30px;
        background-color: #fff;

        &:hover {
            background-color: #5192C6;
            color: #fff;
        }
    }

    .inputChoice {
        display: flex;
        align-items: center;

        input {
            margin: 0 5px;
            cursor: pointer;
        }

        span {
            cursor: pointer;
        }
    }

    .parimary-btn {
        cursor: pointer;
        min-width: 80px;
        height: 30px;
        font-size: 14px;
        margin-left: 5px;
        background-color: #5192C6;
        border-color: #5192C6;
        border-width: 1px;
        color: #fff;
        border-radius: 6px;

        &:hover {
            background-color: #a1afc8;
            border-color: #a1afc8;
        }
    }

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

    // 迁移
    .bk-bwh {
        min-height: 800px;
        font-size: 1.2em;
        padding: 25px;
    }

    ul {
        list-style-type: none;
    }

    li {
        list-style-type: none;
    }

    .custom_tag2 {
        background-color: #F1BE49;
        color: #FFFFFF;
        display: inline-block;
        padding: 0.5px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 2px 10px 2px 10px;
        font-weight: bold;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }

    .custom_tag1 {
        background-color: #35ACD6;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        font-size: 1.1em;
        padding: 3px 10px 3px 10px;
        font-weight: bold;
        box-shadow: 15px 0px 0px 0px #F5D83E, -15px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }

    .custom_tag {
        background-color: #35509F;
        color: #FFFFFF;
        display: inline-block;
        padding: 1px;
        border-radius: 1.5em;
        font-size: 1.1em;
        padding: 10px 20px 10px 20px;
        font-weight: bold;
        box-shadow: 30px 0px 0px 0px #F5D83E;
        margin: 0;
        text-indent: 0em;
        margin-bottom: 0.5em;
    }


    span.under1 {
        border-bottom: 2px solid #F0BD4A;
        border-width: 2px;

    }

    div.bodycontent-div-center {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }

    img.bodycontent-divcenter-image {
        float: center;
        clear: both;
        height: 140px;
        margin: 15px;
    }

    .module_block {
        display: flex;
        font-size: 1.1em;
        position: relative;
        padding-left: 90px;
        justify-content: center;
        align-items: center;
        margin-right: 91px;
    }

    .module_block .custom1 {
        background-color: #9ACC77;
        padding: 10px 20px;
        color: #FFFFFF;
        /* position: absolute; */
        /* left:0; */
        /* top: 50%; */
        border-radius: 0.5em 0em 0em 0.5em;
        /* transform: translateY(-50%); */
    }

    .module_block .custom2 {
        background-color: #E9F3E0;
        padding: 10px 20px;
        color: #75A64E;
        font-weight: bold;
        border-radius: 0em 0.5em 0.5em 0em;
    }



    div.bodycontent-div-left1 {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
        background-color: #F0F8FF;
    }

    div.bodycontent-div-left {
        font-family: "DK-HEITI", "方正兰亭黑简体", "黑体";
        margin: 1em 1em 1em 1em;
        font-weight: normal;
        border-width: 1.5px;
        border-color: #dfb27d;
        padding: 1em;
    }

    img.bodycontent-divright-image {
        float: right;
        clear: both;
        height: 140px;
        margin: 15px;
    }

    img.bodycontent-divleft-image {
        float: left;
        clear: both;
        height: 110px;
        margin: 15px;
    }


    .page-box:nth-child(even) .bodystyle {
        font-family: '方正兰亭细黑简体';
        text-align: justify;
        margin: 0 10% 0 8%;
        padding-bottom: 80px;
        line-height: 30px;

        hr {
            font-weight: 800;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 25%;
        }
    }

    .page-box:nth-child(odd) .bodystyle {
        font-family: '方正兰亭细黑简体';
        text-align: justify;
        margin: 0 8% 0 10%;
        padding-bottom: 80px;
        line-height: 30px;

        hr {
            font-weight: 800;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 10px;
            width: 25%;
        }
    }


    span.zt-0 {
        color: #0087AF;
    }

    p.pzt-0 {
        color: #0087AF;
        font-size: 18px;
    }

    p.pzt-0-right {
        font-size: 18px;
        color: #0087AF;
        text-align: right;
    }

    p.pzt-1 {
        font-weight: bold;
        color: #0087AF;
        font-size: 18px;
    }

    div.sgc-toc-title {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 1em;
        text-align: center;
    }

    div.sgc-toc-level-1 {
        margin-left: 0em;
    }

    div.sgc-toc-level-2 {
        margin-left: 2em;
    }

    div.sgc-toc-level-3 {
        margin-left: 2em;
    }

    div.sgc-toc-level-4 {
        margin-left: 2em;
    }

    div.sgc-toc-level-5 {
        margin-left: 2em;
    }

    div.sgc-toc-level-6 {
        margin-left: 2em;
    }

    .imz {
        height: 96%;
        text-align: center;


    }

    .note {
        margin: 0;
        font-size: 12px;
        line-height: 22px;
        font-family: "方正书宋";
    }

    .block {
        font-family: "kaiti";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        text-indent: 2em;
        line-height: 30px;
        font-size: 14px;
        text-align: justify;
    }

    .block1 {
        text-align: center;
    }

    .block2 {
        line-height: 25px;
    }

    .block3 {
        line-height: 20px;
    }

    .img {
        font-family: '方正兰亭细黑简体';
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        margin: 5px 0 0 0 !important;
        text-indent: 0em;
        color: #000;
    }

    .img1 {
        font-family: '方正兰亭细黑简体';
        text-align: center;
        font-size: 11px;
        margin: 5px 0 0 0 !important;
        text-indent: 0em;
        color: #00ADEF;
    }


    p {
        font-family: '方正新报宋简体';
        margin-top: 0.2em;
        margin-bottom: 0.2em;
        text-indent: 2em;
        line-height: 23px;
        text-align: justify;
    }

    .cover {
        width: 100%;
        padding: 0px;
    }

    .center {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

    .center-ss {
        text-align: center;
        color: #EF8472;
        font-weight: bold;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

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

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

    .left2 {
        font-size: 1.3em;
        text-indent: 0em;
        font-weight: bold;
        margin-left: 0%;
        margin-right: 0%;
    }

    .right {
        text-align: right;
        margin-left: 0%;
        margin-right: 4%;
    }

    .left1 {
        text-indent: 0em;
        margin-left: 0%;
        margin-right: 0%;
    }

    .center1 {
        text-align: center;
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1.2em;
        text-indent: 0em;
        font-weight: bold;
    }

    .right1 {
        text-align: right;
        margin-left: 0%;
        margin-right: 0%;
    }

    .quote {
        margin-top: 0%;
        margin-bottom: 0%;
        margin-left: 1em;
        margin-right: 1em;
        text-align: justify;
        font-family: "cnepub", serif;
    }


    h1 {
        font-family: '方正粗圆';
        color: #01AFEE;
        font-weight: 400;
        font-size: 2em;
        text-align: center;
        text-indent: 0em;
    }

    .h1-zt {
        font-family: '方正粗圆';
        line-height: 45px;
        color: #01AFEE;
        font-weight: 400;
        font-size: 2.42em;
        margin-bottom: 20px;
        margin-top: -0.5em;
        text-indent: 0em;

    }

    h1.jz {
        text-align: center;
        text-indent: 0em;
    }

    .front {
        font-family: '方正兰亭中黑简体';
        font-weight: bold;
        font-size: 1.1em;
        color: #00ADEF;
        margin-top: 0.2em;
        margin-bottom: 0.5em;
        padding: 10% 0 0 0;
        text-indent: 0em;
        text-align: left;
    }


    h2 {
        font-family: '方正中粗雅宋';
        color: #00ADEF;
        font-weight: 800;
        font-size: 1.8em;
        margin-bottom: 0em;
        margin-top: 0.1em;
        text-indent: 3em;
        line-height: 1.3em;
    }

    .h2-zt {
        font-family: '方正中粗雅宋';
        color: #00ADEF;
        font-weight: 400;
        font-size: 1.4em;
        margin-top: 0em;
        text-indent: 3.3em;
        padding: 5px 0px 5px 0;
    }

    h3 {
        font-family: '方正中粗雅宋';
        color: #03AFED;
        font-weight: 800;
        font-size: 1.4em;
        margin-bottom: 2em;
        margin-top: 2em;
        text-indent: 0em;
    }

    h4 {
        font-family: '汉仪大宋';
        font-weight: 400;
        color: #03AFED;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        font-size: 1.2em;
        text-indent: 2em;
    }

    h5 {
        font-family: '方正准雅宋';
        font-weight: 100;
        color: #03AFED;
        margin-bottom: 0.2em;
        margin-top: 0.2em;
        font-size: 1.2em;
        text-indent: 0em;
    }

    .unit2-c {
        color: #F89C1C !important;
    }

    .unit3-c {
        color: #0A9CAC !important;
    }

    .unit4-c {
        color: #92B03D !important;
    }

    .unit5-c {
        color: #0180CD !important;
    }

    .zt-h6 {
        font-family: '方正黑体简体';
        color: #65C097;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.15em;
        text-indent: 2em;
    }

    .bb {
        font-family: "cnepub", serif;
        font-family: '方正黑体简体';
        color: #66CCCC;
        font-size: 1.1em;
        margin-top: 10px;
        text-indent: 2em;
        margin-bottom: 10px;
        border-bottom: 5px dotted #F4C388;
        margin-left: 2em;
        margin-bottom: 0.5em;
        text-indent: 0em;
    }

    .u {
        text-decoration: underline;
    }

    .u {

        text-decoration: underline;
    }

    .img-0 {
        width: 100%;
    }

    .img-a {
        width: 96%;
    }

    .img-b {
        width: 70%;
    }

    .img-c {
        width: 60%;
    }

    .img-d {
        width: 50%;
    }

    .img-e {
        width: 45%;
    }

    .img-f {
        width: 40%;
    }

    .img-g {
        width: 30%;
    }

    .img-h {
        width: 20%;
    }

    .img-i {
        width: 10%;
    }

    .img-j {
        width: 5%;
    }

    .img-zt {
        height: 6em;
        margin-top: -1.5em;
        margin-bottom: -0.4em;
        margin-left: 15%;
    }

    .inline {
        height: 1em;
        margin-bottom: -0.3em;
    }

    .inline1 {
        height: 2.5em;
        margin-top: 0.5em;
        margin-bottom: -0.5em;
    }

    .inline2 {
        height: 1.5em;
        margin-top: 0.5em;
        margin-bottom: -0.5em;
    }

    .inline4 {
        height: 2em;
        margin-left: -2em;
        margin-right: 0.5em;
        margin-bottom: -0.6em;
    }

    .img-qj {
        height: 7.5em;
        margin-bottom: -3.4em;
        margin-right: 0.5em;
    }

    .ls1 {
        color: #00B1F5;
    }

    .zt-ls1 {
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }


    .ls2 {
        color: #00B1F5;
        font-weight: bold;
        font-size: 1em;
        line-height: 30px;
    }

    span.lsyq-1 {
        background-color: #6D84AE;
        padding: 0.2em 0.4em 0.2em 0.4em;
        border-radius: 1.5em;
        margin-right: 0.5em;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1.5em;
    }

    span.hsyq-1 {
        background-color: #FFB7D4;
        padding: 0.2em 0.4em 0.2em 0.4em;
        border-radius: 1.5em;
        margin-right: 0.5em;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 1.5em;

    }

    .zt-hs1 {
        font-weight: 500;
        color: #000;
        font-size: 1em;
    }

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

    .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;
    }



    div.bk {
        border: 2px solid #3FC6F6;
        box-shadow: 8px 8px 0px 0px #B0E2F9;
        padding: 20px 10px 10px 10px;
        margin-top: 2em;
        border-radius: 1.03em;
        margin-bottom: 1em;
        position: relative;

        p {
            font-size: 13px;
            line-height: 20px;
        }
    }

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

    p.bj1-qjms {
        background-color: #fff;
        color: #FAAD70;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        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;
        padding: 0.2em 0.8em 0.2em 0.8em;
    }

    span.bj2 {
        background-color: #6E85AF;
        padding: 0.2em 1em 0.2em 1em;
        font-size: 1.1em;
        font-weight: bold;
        border-radius: 0.5em;
        color: #FFFFFF;
        box-shadow: 0.3em 0.3em 0px 0px #C3C2C0;
    }

    div.bk2 {
        background: #E2F4FE;
        border: 2px solid #3EC9F4;
        padding: 10px 10px 20px 10px;
        margin-top: 1em;
        margin-bottom: 1em;
        position: relative;

        p {
            font-family: "方正兰亭刊黑";
            font-size: 13.5px;
        }
    }

    .bk2::after {
        content: '';
        position: absolute;
        right: -2px;
        bottom: -2px;
        width: 0;
        height: 0;
        border-bottom: 20px solid #fff;
        /* 三角形的右边框 */
        border-left: 20px solid #3EC9F4;
        /* 三角形的底边框 */
        border-right: 0px solid #fff;
        /* 三角形的左边框 */
        display: block;
    }

    .bk2.show-after::after {
        display: none;
    }

    .zysx {
        margin-top: -1.7em;
        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: 100;
        padding: 4px;
        font-size: 1.2em;
    }

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

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

    .bj1 {
        background-color: rgb(204, 236, 251);
        padding: 0.2em 0.5em 0.2em 0.5em;
        border-radius: 1em;
        margin-bottom: 2em;
        margin-left: 0.6em;
        box-shadow: 0 0 30px rgba(135 209 243);

        p {
            font-family: "方正兰亭刊黑";
        }
    }

    .title {
        width: 260px;
        height: 50px;
        text-align: center;
        margin: 0 auto;
        padding-top: 5%;
        position: relative;
    }

    div.bj2 {
        position: absolute;
        width: 260px;
        height: 45px;
        background-color: #9adbf9;
        border-radius: 1.5em;
        top: 8px;
        mix-blend-mode: multiply;
    }

    div.bj3 {
        position: absolute;
        width: 265px;
        height: 45px;
        background-color: #9ADBF9;
        border-radius: 1.5em;
    }

    .frontOne {
        font-family: "宋体";
        color: #fff;
        margin: 0 !important;
        font-size: 24px;
        position: absolute;
        width: 260px;
        height: 50px;
        line-height: 50px;
    }

    .rw-bg {
        width: 90%;
        height: 90px;
        position: relative;
        color: #7ed4f6;
        margin-bottom: 1em;
    }

    .bj4 {
        position: absolute;
        width: 55%;
        height: 85px;
        background-color: #C7EAFD;
        border-radius: 0 1em 1em 0;
    }

    .bj5 {
        position: absolute;
        width: 97%;
        height: 85px;
        background-color: #C7EAFD;
        border-radius: 0 1em 1em 0;
        top: 10px;
        mix-blend-mode: multiply;
    }

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

    }

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

    }

    .f-kai {
        font-family: "kaiti";
    }


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

    .zt-h4 {
        padding: 10px 0;
        border-radius: 1.5em;
    }

    .qyls-h4 {
        font-family: "HiFont Hei GB";
        padding: 0.2em 0;
        text-indent: 0em;
        margin-left: 0%;
    }

    .bj6 {
        background-color: #FEDDB4;
        padding: 20px;
        border-radius: 0.5em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
        position: relative;

        .zt-cs {
            color: #F89C1C;
        }

    }

    span.bj6-xyx {
        background-color: #F89C1C;
        color: #FFFFFF;
        border-radius: 0.3em;
        padding: 5px 5px 5px 5px;
        font-size: 1em;
        font-weight: bold;

    }

    div.bj6-xyx {
        position: absolute;
        top: -20px;
    }

    .zt-lvs1 {
        color: #95B321;
    }

    div.bj-1 {
        color: #fff;
        border-radius: 2em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
    }

    .bj-2-zt {
        color: #fff;
        font-weight: 400;
        font-size: 24px;
        line-height: 1.8em;
    }

    .bj-1-zt {
        font-family: kaiti;
        font-weight: 100;
        text-indent: 2em;
        color: #fff;
        font-size: 15px;
        line-height: 1.8em;
    }

    .bj-3-zt {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 1.8em;
    }

    .rwmb-1 {
        margin-left: -2.6em;
        margin-bottom: 0.5em;
        margin-top: 1em;
        height: 4em;
    }

    .rwmb-2 {
        margin-left: -2.3em;
        margin-bottom: -0.5em;
        margin-top: 0.2em;
        height: 2.3em;
    }

    .rwmb-3 {
        position: absolute;
        top: -11px;
        left: 5px;
        margin-bottom: 15px;
    }

    .rwmb-4 {
        position: absolute;
        top: -7px;
        left: 20px;
        margin-bottom: 15px;
    }

    .rwmb-5 {
        width: 15%;
        position: absolute;
        top: -10px;
        left: -2px;
    }

}

.pdfModal {
    width: 100%;
    height: 90vh;

    .pdfBox-component {
        width: 100%;
        height: 100%;
        position: relative;

        .preview {
            width: 100%;
            height: 100%;

            .imageBox {
                height: calc(100% - 30px);
                overflow-x: hidden;
                overflow-y: auto;
                background: #ccc;
                box-sizing: border-box;
            }

            .imageBox:hover {
                cursor: zoom-in !important;
            }

            ::v-deep .el-dialog__header {
                background-color: rgba(0, 0, 0, 0.8);

                .header_title {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: '方正兰亭细黑简体';

                    span:nth-child(2):hover {
                        cursor: pointer;
                    }
                }

                ::v-deep .el-dialog__title,
                ::v-deep .el-dialog__headerbtn .el-dialog__close {
                    color: #fff;
                    font-weight: 900;
                    font-size: 16px;
                    font-family: '方正兰亭细黑简体';
                }
            }

            .bottom_tool {
                height: 30px;
                background-color: rgba(0, 0, 0, 0.8);
                display: flex;
                justify-content: flex-end;
                align-items: center;

                svg {
                    margin-right: 15px;
                    fill: #d1d1d1;
                }

                svg:hover {
                    fill: #fff;
                    cursor: pointer;
                }
            }
        }

        .notBox {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 30px);
            min-height: 300px;
        }
    }
}

.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;
    }

    .el-dialog__header {
        background-color: rgba(0, 0, 0, 0.8);

        .header_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: '方正兰亭细黑简体';

            span:nth-child(2):hover {
                cursor: pointer;
            }
        }

        .el-dialog__title,
        .el-dialog__headerbtn .el-dialog__close {
            color: #fff;
            font-weight: 900;
            font-size: 16px;
            font-family: '方正兰亭细黑简体';
        }
    }
}

.examination {
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}

.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    // color: #fff;
    font-weight: 900;
    font-size: 16px;
    font-family: '方正兰亭细黑简体';

    span:nth-child(2):hover {
        cursor: pointer;
    }
}




//   @font-face {
//     font-family: '方正仿宋';
//     src: url('./Fonts/FZFSK.TTF');
//   }

//   @font-face {
//     font-family: '方正兰亭刊黑';
//     src: url('./Fonts/FZLTKHK.TTF');
//   }


//   @font-face {
//     font-family: '方正书宋';
//     src: url('./Fonts/FZSSK.TTF');
//   }

//   @font-face {
//     font-family: '方正细等线';
//     src: url('./Fonts/FZXDXK.TTF');
//   }


@font-face {
    font-family: '方正中等线';
    src: url('./Fonts/FZZDXK.TTF');
}

@font-face {
    font-family: '方正准雅宋';
    src: url('./Fonts/FZZYSJW.TTF');
}

@font-face {
    font-family: '汉仪大宋';
    src: url('./Fonts/hya4gjm.ttf');
}

@font-face {
    font-family: '方正新报宋简体';
    src: url('./Fonts/FZNBSJW.TTF');
}

@font-face {
    font-family: '方正兰亭中黑简体';
    src: url('./Fonts/FZLTZHJW.ttf');
}

@font-face {
    font-family: '方正兰亭细黑简体';
    src: url('./Fonts/FZLTXIHJW.ttf');
}

@font-face {
    font-family: '方正黑体简体';
    src: url('./Fonts/FZHTJW.ttf');
}



// 隐藏页面
.hidePage {
    min-height: 0 !important;
    height: 0 !important;
    box-shadow: none !important;
}

/* 媒体查询做基础响应式布局 */

@media screen and (max-width: 1024px) {
    .pdfModal {
        width: 100%;
        height: 80vh;
    }

    h1 {
        font-size: 1.1em;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media screen and (max-width: 800px) {
    .pdfModal {
        width: 100%;
        height: 60vh;
    }

    .custom-dialog {
        .el-dialog {
            width: 90vw !important;
        }
    }
}

@media (max-width: 660px) {
    .practicalCareChildrenManual {

        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
        }

        .padding-102 {
            padding: 0 20px;
        }

        .page-box {
            min-height: 500px;
        }

        .img-float {
            width: 130px;
        }

        .img-rights {
            width: 130px;
        }

        .btn-w {
            width: 42px;
        }

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

        .mr-70 {
            margin-right: 15px;
        }

        h1 {
            font-size: 1.1em;
        }
    }
}

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

        .padding-102 {
            padding: 0 102px 0 102px;
        }
    }
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.3);
    -webkit-border-radius: 6px;
}

 src/books/practicalCareChildrenManual/assets/question.js

New file
@@ -0,0 +1,14 @@
const testData = {
  2: {
    15: [
      144366, 144368, 144369, 144371, 144373, 144375, 144377, 144378, 144379,
      144381, 144383, 144385, 144387, 144388, 144469, 144471, 144473, 144476,
      144477, 144481, 144488, 144491, 144493, 144496, 144508, 144509, 144510,
      144511, 144512, 144513, 144514, 144516, 144518, 144520, 144521, 144524,
      144526, 144527, 144529, 144530, 144531, 144534, 144537, 144538, 144540,
      144542,
    ],
  },
};

export default testData;

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

New file
@@ -0,0 +1,1255 @@
<template>
    <div class="chapter" num="2">
        <!-- 1页 -->
        <div class="page-box" page="4">
            <div v-if="showPageList.indexOf(4) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>1</span>
                    </li>
                </ul>
                <div class="rw-bg">
                    <div class="bj4">
                        <div class="bj5">
                            <h2 id="b001" class="">模块一</h2>
                            <h2 id="b001" class="">盥洗照护</h2>
                        </div>
                    </div>
                </div>
                <div class="bodystyle">
                    <h3 id="c001" class="center">实训项目一　洗手照护</h3>
                    <h4 id="d053">一、实训目的</h4>
                    <p>1.掌握七步洗手法的标准流程。</p>
                    <p>2.能进行婴幼儿洗手的指导。</p>
                    <p>3.体现婴幼儿洗手的回应性照护。</p>
                    <h4 id="d054">二、技能点</h4>
                    <p>1.七步洗手法。</p>
                    <p>2.婴幼儿洗手照护的指导流程。</p>
                    <p>3.回应性洗手的指导理念。</p>
                    <h4 id="d055">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d056">四、实训设备及材料</h4>
                    <p>婴幼儿模型、洗手液、毛巾等。</p>
                    <h4 id="d057">五、操作流程及要求</h4>
                    <h5 id="e185">（一）七步洗手法的操作流程及要求</h5>
                    <p>七步洗手法的操作流程及要求见表1-1-1。</p>
                    <p class="img">表1-1-1　七步洗手法的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-01.png" /></p>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>2</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0006-02.png" /></p>
                    <checkVideo :videoPath="videoData[0].videoSrc" :videoName="videoData[0].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideo"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h5 id="e186">（二）指导幼儿自主洗手的操作流程及要求</h5>
                    <p>指导幼儿自主洗手的操作流程及要求见表1-1-2。</p>
                    <p class="img">表1-1-2　指导幼儿自主洗手的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0007-2.jpg" /></p>
                    <h4 id="d058">六、注意事项</h4>
                    <p>1.保证洗手环境卫生、整洁、安全、舒适。</p>
                    <p>2.按照七步洗手法洗手需要保证每个环节都在15秒以上。</p>
                    <p>3.洗手后应尽量避免手部的二次污染。</p>
                    <p>4.指导幼儿洗手过程中注重与幼儿语言、动作和表情的交流，体现回应性照护。</p>
                </div>
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>3</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d059">七、实训自评</h4>
                    <p>七步洗手法的实训自评表和指导幼儿自主洗手的实训自评表见表1-1-3和表1-1-4。</p>
                    <p class="img">表1-1-3　七步洗手法的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mb-20 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.将洗手液放在工作区域。</p>
                                <p class="td-0"> 2.打开水龙头，不要开得过大，水流适中。</p>
                                <p class="td-0"> 3.身体前倾，双手向下，挽好衣袖。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableOne.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableOne.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <p class="img">表1-1-4　指导幼儿自主洗手的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.将洗手液放在幼儿方便操作的位置。</p>
                                <p class="td-0"> 2.将毛巾和抹布挂好，并将毛巾放在幼儿能自主拿取的高度。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.指导流畅，体现回应性照护。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableTwo.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableTwo.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>4</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c001" class="center">实训项目二　面部清洁照护</h3>
                    <h4 id="d060">一、实训目的</h4>
                    <p>1.掌握婴幼儿面部清洁的安全要求。</p>
                    <p>2.掌握婴幼儿面部清洁的标准流程。</p>
                    <p>3.体现婴幼儿面部清洁回应性理念。</p>
                    <h4 id="d061">二、技能点</h4>
                    <p>1.面部清洁的安全要求。</p>
                    <p>2.面部清洁的顺序。</p>
                    <p>3.面部清洁的回应性照护。</p>
                    <h4 id="d062">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d063">四、实训设备及材料</h4>
                    <p>婴幼儿模型、医用棉签、小毛巾等。</p>
                    <h4 id="d064">五、操作流程及要求</h4>
                    <p>面部清洁照护的操作流程及要求见表1-2-1。</p>
                    <p class="img">表1-2-1　面部清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-01.png" /></p>
                </div>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>5</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0009-02.png" /></p>
                    <checkVideo :videoPath="videoData[1].videoSrc" :videoName="videoData[1].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoOne"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d065">六、注意事项</h4>
                    <p>1.操作时把小毛巾蘸湿，不要太湿，以不滴水为宜。</p>
                    <p>2.面部清洁手法要轻柔，不能强行擦拭。</p>
                    <p>3.婴幼儿不配合时，先暂停，安抚后再进行。</p>
                    <p>4.面部清洁过程中注重与婴幼儿语言、动作和表情的交流，体现回应性照护。</p>
                    <h4 id="d066">七、实训自评</h4>
                    <p>面部清洁照护的实训自评表见表1-2-2。</p>
                    <p class="img">表1-2-2　面部清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0"> 1.物品准备齐全。</p>
                                <p class="td-0"> 2.将手部清洗干净。</p>
                                <p class="td-0"> 3.室内温度适宜。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.four" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableThree.five" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableThree.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableThree.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>6</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c003" class="center">实训项目三　口腔清洁照护</h3>
                    <h4 id="d067">一、实训目的</h4>
                    <p>1.掌握婴幼儿口腔清洁前的准备工作。</p>
                    <p>2.掌握婴幼儿口腔清洁的操作流程。</p>
                    <p>3.体现婴幼儿口腔清洁的回应性照护。</p>
                    <h4 id="d068">二、技能点</h4>
                    <p>1.口腔清洁前的准备工作。</p>
                    <p>2.口腔清洁的操作流程。</p>
                    <p>3.口腔清洁的回应性照护。</p>
                    <h4 id="d069">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d070">四、实训设备及材料</h4>
                    <p>婴幼儿模型、纱布、指套牙刷等。</p>
                    <h4 id="d071">五、操作流程及要求</h4>
                    <h5 id="e187">（一）1岁以下婴儿口腔清洁照护的操作流程及要求</h5>
                    <p>1岁以下婴儿口腔清洁照护的操作流程及要求见表1-3-1。</p>
                    <p class="img">表1-3-1　1岁以下婴儿口腔清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0011-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[2].videoSrc" :videoName="videoData[2].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoTwo"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                </div>
            </div>
        </div>
        <!-- 7页 -->
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>7</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e188">（二）1～3岁幼儿口腔清洁照护的操作流程及要求</h5>
                    <p>1～3岁幼儿口腔清洁照护的操作流程及要求见表1-3-2。</p>
                    <p class="img">表1-3-2　1～3岁幼儿口腔清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0012-1.jpg" /></p>
                    <h4 id="d072">六、注意事项</h4>
                    <p>1.刷牙时长要控制在2～3分钟，每日早晚各一次。</p>
                    <p>2.刷牙的时间要固定，建议进食后半小时。</p>
                    <p>3.口腔清洁过程中注重与婴幼儿语言和表情的交流，体现回应性照护。</p>
                    <h4 id="d073">七、实训自评</h4>
                    <p>1岁以下婴儿口腔清洁照护的实训自评表和1～3岁幼儿口腔清洁照护的实训自评表见表1-3-3和表1-3-4。</p>
                    <p class="img">表1-3-3　1岁以下婴儿口腔清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">将婴儿抱到护理台上，并将纱布、指套牙刷等放在工作区域。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableFour.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFour.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableFour.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 8页 -->
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>8</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-3-4 1～3岁幼儿口腔清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">手部清洁，将牙齿模型、牙刷杯、牙刷和含氟牙膏等放在工作区域。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">结束工作</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">结束后及时将所有的操作物品归位。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableFive.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableFive.six"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableFive.seven" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <h3 id="c004" class="center">实训项目四　臀部清洁照护</h3>
                    <h4 id="d074">一、实训目的</h4>
                    <p>1.掌握婴幼儿臀部清洁前的准备工作。</p>
                    <p>2.掌握不同性别婴幼儿臀部清洁的操作流程。</p>
                    <p>3.体现婴幼儿臀部清洁的回应性照护。</p>
                    <h4 id="d075">二、技能点</h4>
                    <p>1.臀部清洁的准备工作。</p>
                    <p>2.臀部清洁的操作流程。</p>
                    <p>3.臀部清洁的回应性照护。</p>
                    <h4 id="d076">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d077">四、实训设备及材料</h4>
                    <p>婴幼儿模型、洗手液、纱布等。</p>
                    <h4 id="d078">五、操作流程及要求</h4>
                    <p>臀部清洁照护的操作流程及要求见表1-4-1。</p>
                </div>
            </div>
        </div>
        <!-- 9页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>9</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-4-1 臀部清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0014-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[3].videoSrc" :videoName="videoData[3].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoThree"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <checkVideo :videoPath="videoData[4].videoSrc" :videoName="videoData[4].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFour"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d079">六、注意事项</h4>
                    <p>1.打开纸尿裤后，先用纸尿裤前端的干净部分擦拭臀部的粪便，预处理后再用湿纸巾擦拭。</p>
                    <p>2.由相对干净的地方朝向脏的地方擦拭，不来回擦。</p>
                    <p>3.男婴幼儿从出生到3岁前，包皮与龟头一直都是粘连的，不能上翻，表现为包皮过长或包茎，这是一种正常现象。</p>
                    <p>4.清洁女婴幼儿的外阴部，注意由前往后擦洗。</p>
                    <h4 id="d080">七、实训自评</h4>
                    <p>臀部清洁照护的实训自评表见表1-4-2。</p>
                </div>
            </div>
        </div>
        <!-- 10页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>10</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-4-2 臀部清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">1.环境准备适宜。</p>
                                <p class="td-0">2.物品准备齐全。</p>
                                <p class="td-0">3.手部清洁消毒。</p>
                                <p class="td-0">4.提前测试水温。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">20</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.three"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.four"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSix.five"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableSix.six" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <h3 id="c005" class="center">实训项目五　身体清洁照护</h3>
                    <h4 id="d081">一、实训目的</h4>
                    <p>1.掌握婴幼儿身体清洁前的准备工作。</p>
                    <p>2.掌握婴幼儿身体清洁的操作流程。</p>
                    <p>3.体现婴幼儿身体清洁的回应性照护。</p>
                    <h4 id="d082">二、技能点</h4>
                    <p>1.身体清洁的准备工作。</p>
                    <p>2.身体清洁的操作流程。</p>
                    <p>3.身体清洁的回应性照护。</p>
                    <h4 id="d083">三、建议学时</h4>
                    <p>1学时。</p>
                    <h4 id="d084">四、实训设备及材料</h4>
                    <p>婴幼儿模型、浴巾、棉签等。</p>
                    <h4 id="d085">五、操作流程及要求</h4>
                    <p>身体清洁照护的操作流程及要求见表1-5-1。</p>
                </div>
            </div>
        </div>
        <!-- 11页 -->
        <div class="page-box" page="14">
            <div v-if="showPageList.indexOf(14) > -1">
                <ul class="fl al-c jc-fe pad-t-55 mb-25">
                    <li class="headerText-bc">模块一</li>
                    <li class="headerText">盥洗照护</li>
                    <li class="headerNumber">
                        <img class="img-0" src="../../assets/images/headerRight.png" alt="">
                        <span>11</span>
                    </li>
                </ul>
                <div class="bodystyle">
                    <p class="img">表1-5-1 身体清洁照护的操作流程及要求</p>
                    <p class="center"><img class="img-0" alt="" src="../../assets/images/i0016-1.jpg" /></p>
                    <checkVideo :videoPath="videoData[5].videoSrc" :videoName="videoData[5].videoNameSrc"
                        :BookId="bookIdSrc" :isCollectVideo="chapterData.isCollectVideoFive"
                        @saveVideoStatus="saveVideoStatus">
                    </checkVideo>
                    <h4 id="d086">六、注意事项</h4>
                    <p>1.婴幼儿沐浴于喂奶后1小时进行，以免呕吐和溢乳。</p>
                    <p>2.如果婴幼儿的臀部有大便，则洗净臀部后再放入浴盆沐浴。</p>
                    <p>3.为婴幼儿洗头时，不能用指甲抓洗头部，也不能强行剥去婴幼儿头部的皮脂。</p>
                </div>
            </div>
        </div>
        <!-- 12页 -->
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-25">
                    <li class="header-left-Number">
                        <img class="img-0" src="../../assets/images/headerBj.png" alt="">
                        <span>12</span>
                    </li>
                    <li class="header-left-text">婴幼儿照护实务实训指导手册</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d087">七、实训自评</h4>
                    <p>身体清洁照护的实训自评表见表1-5-2。</p>
                    <p class="img">表1-5-2 身体清洁照护的实训自评表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0 mt-10">
                        <tr class="table-th-bc">
                            <td class="center">评分项目</td>
                            <td class="center">评分标准</td>
                            <td class="center">分值</td>
                            <td class="center">得分</td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc w15">
                                准备工作
                            </td>
                            <td class="ta-l table-tr-bc w55">
                                <p class="td-0">环境准备、自身准备、物品准备、水温合适。</p>
                            </td>
                            <td class="ta-l center table-tr-bc w15">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l table-tr-bc">
                                <p class="center">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.one"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">操作流程</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">操作正确，流程完整。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">60</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20" v-model="tableData.tableSeven.two"
                                        @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">注意事项</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">能完整叙述本实训项目的注意事项。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">20</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.three" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">总体评价</td>
                            <td class="ta-l table-tr-bc">
                                <p class="td-0">1.动作流畅、完整。</p>
                                <p class="td-0">2.现场处理问题沉着冷静。</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">10</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.four" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc" colspan="2">总分</td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">100</p>
                            </td>
                            <td class="ta-l center table-tr-bc">
                                <p class="center td-0">
                                    <input type="text" class="table-input-border-w20"
                                        v-model="tableData.tableSeven.five" @change="setBookQuestion" />
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="center table-tr-bc">反思与收获</td>
                            <td class="ta-l table-tr-bc" colspan="3">
                                <textarea v-model="tableData.tableSeven.six" placeholder="请输入内容" rows="5"
                                    class="table-textarea" @change="setBookQuestion"></textarea>
                            </td>
                        </tr>
                    </table>
                    <div class="question-box">
                        <div class="question-title">
                            <p class="question-title-name">
                                题库: {{ chapter001.question[1].questionTitleMain }}
                            </p>
                            <p class="question-title-img" @click="openQuestion(1)">
                                <img :src=questionIcon alt="">
                                <span>练习</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        </dialogExaminations>
    </div>
</template>

<script>
import checkVideo from "@/components/checkVideo/index.vue";
import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
        interfaceQuestion: {
            type: Object,
        },
    },
    components: {
        checkVideo,
        dialogExaminations
    },
    data() {
        return {
            questionIcon: require("../../assets/images/icon/lianxi.png"),
            bookIdSrc: this.config.activeBook.bookId,
            videoData: [
                {
                    videoSrc: "EABEB668DFE955B0DC3ABB3122A3B6EC",
                    videoNameSrc: "七步洗手法",
                },
                {
                    videoSrc: "11B38C9694A54E9296D052DBBF7BD99C",
                    videoNameSrc: "面部清洁的流程",
                },
                {
                    videoSrc: "F60948EAB7B9A40A9A5CBD7042D8C509",
                    videoNameSrc: "刷牙指导",
                },
                {
                    videoSrc: "5EFDFD4AA4CD1C4BBC8F508A1D02CB9E",
                    videoNameSrc: "男童臀部清洁的流程",
                },
                {
                    videoSrc: "4E5831A929878FB5A62FDB84840095E3",
                    videoNameSrc: "女童臀部清洁的流程",
                },
                {
                    videoSrc: "B4EDCD6EEAD4195DBA09E10AD721D7DF",
                    videoNameSrc: "身体清洁的流程",
                },
            ],
            chapterData: {
                isCollectVideo: false,
                isCollectVideoOne: false,
                isCollectVideoTwo: false,
                isCollectVideoThree: false,
                isCollectVideoFour: false,
                isCollectVideoFive: false,
            },
            tableData: {
                tableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                tableSix: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
                tableSeven: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            // 题目相关
            dialogVisibleOne: false,
            themeColor: "#03AFED",
            questionNum: 0,
            questionTitleMain: "",
            chapter001: {
                question: {
                    1: {
                        questionTitleMain: "盥洗照护",
                        questionNum: 15,
                    },
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter01-tableData");
        if (bookQuestion) {
            this.tableData = JSON.parse(bookQuestion);
        }

        const choiceQuestion = localStorage.getItem("practicalCareChildrenManual-book-chapter001-video");
        if (choiceQuestion) {
            this.chapterData = JSON.parse(choiceQuestion);
        }
    },
    methods: {
        saveVideoStatus() {
            this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
            localStorage.setItem(
                "practicalCareChildrenManual-book-chapter001-video",
                JSON.stringify(this.chapterData)
            );
        },
        setBookQuestion() {
            localStorage.setItem(
                "practicalCareChildrenManual-book-chapter01-tableData",
                JSON.stringify(this.tableData)
            );
        },
        openQuestion(num) {
            if (num) {
                this.questionNum = this.chapter001.question[num].questionNum;
                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
                this.$refs.dialogRef.openDialogQuestion();
            }
        },
    }
};
</script>

<style lang="less" scoped></style>

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

New file
@@ -0,0 +1,61 @@
<template>
    <div class="chapter" num="1">
        <div class="page-box mt-20" page="1" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(1) > -1">
                <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
            </div>
        </div>
        <div class="page-box mt-20" page="2" style="padding-bottom: 0px">
            <div v-if="showPageList.indexOf(2) > -1">
                <img class="img-0" alt="" src="../../assets/images/0002-1.jpg" />
            </div>
        </div>
        <!-- 介绍页面 -->
        <div class="page-box" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <div style="max-width: 400px; margin: 0 10%; padding: 50% 0 10% 0">
                    <p><b>图书在版编目（CIP）数据</b></p>
                    <p>婴幼儿照护实务/赵青主编.—北京：北京师范大学出版社，2023.8（2025.1重印）</p>
                    <p>ISBN 978-7-303-28456-6</p>
                    <p>Ⅰ.①婴… Ⅱ.①赵… Ⅲ.①婴幼儿-哺育-高等职业教育-教材 Ⅳ.①TS976.31</p>
                    <p>中国版本图书馆CIP数据核字（2022）第242759号</p>
                    <hr class="img-0" />
                    <p class="td-0">出版发行：北京师范大学出版社：https//www.bnupg.com</p>
                    <p class="td-0 fz-14 block3">　　　　　北京市西城区新街口外大街12-3号</p>
                    <p class="td-0 fz-14 block3">　　　　　邮政编码：100088</p>
                    <p class="td-0 fz-14 block3">印　　刷：优奇仕印刷河北有限公司</p>
                    <p class="td-0 fz-14 block3">经　　销：全国新华书店</p>
                    <p class="td-0 fz-14 block3">开　　本：889mm×1194mm 1/16</p>
                    <p class="td-0 fz-14 block3">印　　张：4</p>
                    <p class="td-0 fz-14 block3">字　　数：84千字</p>
                    <p class="td-0 fz-14 block3">版　　次：2023年8月第1版</p>
                    <p class="td-0 fz-14 block3">印　　次：2025年1月第3次印刷</p>
                    <p class="td-0 fz-14 block3">定　　价：59.80元（含实训指导手册）</p>
                    <hr class="img-0" />
                    <p class="td-0">策划编辑：罗佩珍　　　　　　　责任编辑：宋星</p>
                    <p class="td-0">美术编辑：焦丽　　　　　　　　装帧设计：焦丽</p>
                    <p class="td-0">责任校对：陈荟　申立莹　　　　责任印制：赵龙</p>
                    <p class="td-0"><b>版权所有　侵权必究</b></p>
                    <p class="td-0 fz-10">读者服务电话：010-58806806</p>
                    <p class="td-0 fz-10">如发现印装质量问题，影响阅读，请联系印制管理部：010-58800608</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "pageHeader",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {};
    },
};
</script>

<style lang="less" scoped></style>

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

New file
@@ -0,0 +1,1008 @@
<template>
  <div class="page-main" @scroll="throttledScrollHandler">
    <div id="searchDomBox" style="display: none">
      <div id="searchContent"></div>
    </div>
    <div
      class="page-content"
      :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }"
    >
      <pageHeader
        v-if="showCatalogList.indexOf(1) > -1"
        :showPageList="loadPageList"
      ></pageHeader>
      <chapterOne
        v-if="showCatalogList.indexOf(2) > -1"
        :showPageList="loadPageList"
        :interfaceQuestion="questionDataMap"
      ></chapterOne>
      <!-- <chapterTwo
        v-if="showCatalogList.indexOf(3) > -1"
        :showPageList="loadPageList"
      ></chapterTwo>
      <chapterThree
        v-if="showCatalogList.indexOf(4) > -1"
        :showPageList="loadPageList"
      ></chapterThree>
      <chapterFour
        v-if="showCatalogList.indexOf(5) > -1"
        :showPageList="loadPageList"
      ></chapterFour>
      <chapterFive
        v-if="showCatalogList.indexOf(6) > -1"
        :showPageList="loadPageList"
      ></chapterFive>
      <chapterSix v-if="showCatalogList.indexOf(7) > -1"
        :showPageList="loadPageList" >
      </chapterSix>
      <chapterSeven  v-if="showCatalogList.indexOf(8) > -1"
        :showPageList="loadPageList" >
      </chapterSeven> -->
    </div>
  </div>
</template>

<script>
import pageHeader from "./header.vue";
import chapterOne from "./chapter001.vue";
// import chapterTwo from "./chapter002.vue";
// import chapterThree from "./chapter003.vue";
// import chapterFour from "./chapter004.vue";
// import chapterFive from "./chapter005.vue";
// import chapterSix from "./chapter006.vue";
// import chapterSeven from "./chapter007.vue";
import NoteIcon from "@/assets/images/biji.png";
import getQuestionList from "@/assets/methods/examination";
import testData from "../../assets/question";
import _ from "lodash";
import Swiper from "swiper/bundle";
import "swiper/swiper-bundle.css";
import Viewer from "viewerjs";
import "viewerjs/dist/viewer.css";
export default {
  name: "pageContent",
  data() {
    return {
      catalogLength: 2, // 总章节数
      showCatalogList: [], // 显示的章节
      loadThreshold: 300, // 触发加载阈值
      throttleThreshold: 100, // 节流阈值
      previousScrollTop: 0,
      throttledScrollHandler: null,
      observer: null,
      loadPageObserver: null,
      loadPageList: [],
      questionDataMap: {},
      renderSignMap: {},
      highlightData: null,
      audioPath: "",
      currentTime: null,
      videoList: [],
    };
  },
  computed: {
    fontSize() {
      this.transformDom(this.$store.state.qiankun.fontSize);
      return this.$store.state.qiankun.fontSize
        ? this.$store.state.qiankun.fontSize
        : 14;
    },
    pageZoom() {
      return this.$store.state.qiankun.scale
        ? this.$store.state.qiankun.scale / 100
        : 1;
    },
  },
  watch: {
    showCatalogList: {
      handler(newVal, oldVal) {
        if (
          this.$store.state.qiankun &&
          this.$store.state.qiankun.catalogChange
        ) {
          // 调用父层方法
          this.$store.state.qiankun.catalogChange({
            showCatalogList: newVal,
          });
        }
        // 启动页码观察
        setTimeout(() => {
          this.initObservation();
          this.initThemeColor();
        }, 500);
      },
    },
    loadPageList: {
      handler(newVal, oldVal) {
        setTimeout(() => {
          this.transformDom(this.$store.state.qiankun.fontSize);
          this.initSwiper();
          this.initViewer();
          this.closeAudio();
          this.closeVideo();
        }, 200);
      },
    },
    pageZoom: {
      handler(newVal, oldVal) {
        const scrollBox = (
          this.container ? this.container : document
        ).querySelector(".page-main");
        scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
      },
    },
  },
  mounted() {
    // 默认加载章节
    this.showCatalogList = [1];
    // 滚动监听节流
    this.throttledScrollHandler = _.throttle(
      this.scrollFun,
      this.throttleThreshold,
      { leading: true, trailing: false }
    );
    // 定义子层方法
    if (this.setGlobalState) {
      // 提供页面跳转功能
      this.setGlobalState({
        gotoPage: (catalog, page) => {
          this.gotoPage(catalog, page);
        },
        // 渲染笔记、高亮、划线
        renderSign: (type, data) => {
          // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
          this.handelSignData(type, data);
          // this.renderSign(type, data);
        },
        // 删除笔记、高亮、划线
        delSign: (data) => {
          this.delSign(data);
        },
        // 全文检索
        searchBookByKeyword: (keyword) => {
          return this.searchTextByPage(keyword);
        },
        // 跳转检索结果位置
        jumpSearchItem: (data) => {
          this.searchItemLocation(data);
        },
      });
    }

    // 创建一个新的 Intersection Observer 实例，用于观察目标元素和执行相应的回调函数。
    // new IntersectionObserver(callback, options)：使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
    this.observer = new IntersectionObserver(this.pageChangeCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
      root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
      rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
      threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
    });

    // 启动页码观察
    setTimeout(() => {
      this.initObservation();
      this.initThemeColor();
    }, 500);

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 15);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Highlight", {
    //   //       id: "2ACA9359",
    //   //       txt: "题一学习主题一 运动",
    //   //       page: "10",
    //   //       type: "Highlight",
    //   //       color: "#F5E12A"
    //   //     });
    //   // setTimeout(() => {
    //   //   this.delSign({
    //   //     ids: ["2ACA9359"]
    //   //   });
    //   // }, 2000);
    // }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
    //   .querySelectorAll(".page-box");
    // 检索
    // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
    // 检索跳转
    // this.searchItemLocation({
    //   catalog: 2,
    //   page: 10,
    //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
  },
  methods: {
    // setZoom1() {
    //   let scale = this.$store.state.qiankun.scale + 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // setZoom2() {
    //   let scale = this.$store.state.qiankun.scale - 10;
    //   const scrollBox = (
    //     this.container ? this.container : document
    //   ).querySelector(".page-main");
    //   this.$store.commit("setZoom", scale);
    // },
    // 滚动监听
    scrollFun(event) {
      this.handleVideoPicture();
      // 判断向上滚动还是向下滚动
      if (event.target.scrollTop > this.previousScrollTop) {
        this.getAduio();
        // 向下
        const currentScrollTop =
          event.target.scrollTop + event.target.offsetHeight;
        if (
          currentScrollTop >=
          event.target.scrollHeight - this.loadThreshold
        ) {
          console.log(1);

          // 到达阈值
          if (
            this.showCatalogList[this.showCatalogList.length - 1] <
            this.catalogLength
          ) {
            // 加载下一章
            this.showCatalogList.push(
              this.showCatalogList[this.showCatalogList.length - 1] + 1
            );
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏顶部一章
              this.showCatalogList.shift();
            }
          }
        }
      } else if (event.target.scrollTop < this.previousScrollTop) {
        this.handleAudio();
        // 向上
        const currentScrollTop = event.target.scrollTop;
        if (currentScrollTop <= this.loadThreshold) {
          // 到达阈值
          if (this.showCatalogList[0] > 0) {
            // 加载上一章
            this.showCatalogList.unshift(this.showCatalogList[0] - 1);
            if (this.showCatalogList.length > 3) {
              // 超过三章隐藏底部一章
              this.showCatalogList.pop();
            }
          }
        }
      }
      // showCatalogList 当前显示的三个章节，watch监听传递给主应用
      // 更新上一次滚动的位置
      this.previousScrollTop = event.target.scrollTop;
    },
    // 章节、页面跳转
    gotoPage(catalog, page) {
      if (catalog >= 0 && catalog <= this.catalogLength) {
        // 处理渲染章节
        if (catalog == 0) {
          this.showCatalogList = [0, 1];
        } else if (catalog == this.catalogLength) {
          this.showCatalogList = [
            this.catalogLength - 2,
            this.catalogLength - 1,
            this.catalogLength,
          ];
        } else {
          this.showCatalogList = [catalog - 1, catalog, catalog + 1];
        }
        setTimeout(() => {
          // 跳转页码
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${page}"]`);
          if (pageDom) {
            pageDom.scrollIntoView();
          } else {
            console.log("页码错误！");
          }
        }, 500);
      } else {
        console.log("章节错误！");
      }
    },

    // 处理标记数据
    handelSignData(type, data) {
      if (this.loadPageList.indexOf(Number(data.page)) > -1) {
        // 立即渲染
        this.renderSign(type, data);
      }

      // 储存数据
      if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
      if (!this.renderSignMap[type][data.page])
        this.renderSignMap[type][data.page] = [];
      this.renderSignMap[type][data.page].push(data);
    },

    // 渲染标记
    renderSign(type, data) {
      // 父层设置禁止渲染标记时不再进行渲染
      if (this.$store.state.qiankun.disableSign) {
        return false;
      }
      const existence = (
        this.container ? this.container : document
      ).querySelector(`[dataid="${data.id}"]`);
      // 去重
      if (!existence) {
        const pageDom = (
          this.container ? this.container : document
        ).querySelector(`[page="${data.page}"]`);
        // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组
        const treeWalker = document.createTreeWalker(
          pageDom,
          NodeFilter.SHOW_TEXT
        );
        const allTextNodes = [];
        let currentNode = treeWalker.nextNode();
        while (currentNode) {
          allTextNodes.push(currentNode);
          currentNode = treeWalker.nextNode();
        }
        for (let i = 0; i < allTextNodes.length; i++) {
          const textDom = allTextNodes[i];
          if (textDom.textContent.indexOf(data.txt) > -1) {
            let reg = new RegExp(`${data.txt}`, "ig");
            switch (type) {
              case "Highlight":
                // 高亮
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Dashing":
                // 划线
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                  );
                break;
              case "Note":
                // 笔记
                textDom.parentNode.innerHTML =
                  textDom.parentNode.innerHTML.replace(
                    reg,
                    `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                  );
                break;
            }
          }
        }
      }
    },
    // 删除标记渲染
    delSign({ ids, type }) {
      if (ids && ids.length) {
        for (let i = 0; i < ids.length; i++) {
          const id = ids[i];
          const dom = (
            this.container ? this.container : document
          ).querySelector(`[dataid="${id}"]`);
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
      if (type) {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(`[datatype="${type}"]`);
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
            dom.outerHTML,
            dom.outerText
          );
        }
      }
    },
    initObservation() {
      const sections = (
        this.container ? this.container : document
      ).querySelectorAll(".page-box");
      sections.forEach((section) => {
        if (this.config.activeBook && this.config.activeBook.tryPageCount) {
          const page = section.getAttribute("page");
          if (Number(page) > this.config.activeBook.tryPageCount) {
            let chapterDom = this.getParentWithClass(section, "chapter");
            const chapterNum = chapterDom.getAttribute("num");
            this.catalogLength = Number(chapterNum) - 1;
            section.remove();
            return false;
          }
        }
        // observer 观察每个元素，以便在它们进入或离开视窗时触发回调函数。
        const isObserver = section.getAttribute("observer");
        const isLoadObserver = section.getAttribute("loadObserver");
        if (!isObserver) {
          this.observer.observe(section);
          section.setAttribute("observer", "1");
        }
        if (!isLoadObserver) {
          this.loadPageObserver.observe(section);
          section.setAttribute("loadObserver", "1");
        }
      });
    },
    initThemeColor() {
      // 获取各种需要主题色的节点
      const colorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-color");
      const backgroundColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-back");
      const borderColorDom = (
        this.container ? this.container : document
      ).querySelectorAll(".theme-border");
      // 获取配置的主题色
      const bookThemeColor =
        this.config.activeBook && this.config.activeBook.bookThemeColor
          ? this.config.activeBook.bookThemeColor
          : null;
      const chapterThemeColor =
        this.config.activeBook && this.config.activeBook.chapterThemeColor
          ? this.config.activeBook.chapterThemeColor
          : null;
      const pageThemeColor =
        this.config.activeBook && this.config.activeBook.pageThemeColor
          ? this.config.activeBook.pageThemeColor
          : null;
      colorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.color = themeColor;
        }
      });
      backgroundColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.backgroundColor = themeColor;
        }
      });
      borderColorDom.forEach((domItem) => {
        // 获取章节、页码
        let pageDom = this.getParentWithClass(domItem, "page-box");
        let chapterDom = this.getParentWithClass(domItem, "chapter");
        let page, chapterNum;
        if (pageDom) page = pageDom.getAttribute("page");
        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
        // 向上匹配主题色
        const themeColor =
          page && pageThemeColor && pageThemeColor[page]
            ? pageThemeColor[page]
            : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
            ? chapterThemeColor[chapterNum]
            : bookThemeColor;
        if (themeColor) {
          domItem.style.borderColor = themeColor;
        }
      });
    },
    getParentWithClass(element, className) {
      while (element.parentElement) {
        element = element.parentElement;
        if (element.classList.contains(className)) {
          return element;
        }
      }
    },
    pageChangeCallback(entries, observer) {
      //entries：代表观察到的目标元素的集合。 observer：代表观察者对象。
      entries.forEach((entry) => {
        //entry.isIntersecting：检查当前目标元素是否与根元素相交。
        if (entry.isIntersecting) {
          const target = entry.target;
          //entry.target：获取当前目标元素
          const page = target.getAttribute("page");
          const catalogDom = this.tool.getParentNodeByClassName(
            target,
            "chapter"
          );
          const catalog = catalogDom.getAttribute("num");
          let text = null;
          if (target.querySelector("p")) {
            text = target.querySelector("p").textContent.substring(0, 50);
          }
          // 返回页码和章节信息
          if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
            this.$store.state.qiankun.pageChange({
              page: page,
              catalog: catalog,
              text,
            });
          // const sections = Array.from(document.querySelectorAll(".section"));
          //sections：获取所有具有 .section 类名的元素，并转换为数组。
          // let index = sections.findIndex((section) => section === target) + 1;
          //index：查找当前目标元素在 sections 数组中的索引，并加 1，用于确定当前页码。
        }
      });
    },
    loadPageCallback(entries, observer) {
      entries.forEach(async (entry) => {
        if (entry.isIntersecting) {
          const target = entry.target;
          const page = target.getAttribute("page");
          if (this.loadPageList.indexOf(Number(page)) == -1) {
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            // 添加页码
            this.loadPageList.push(Number(page));
            const catalog = catalogDom.getAttribute("num");
            if (!this.questionDataMap[page]) {
              if (testData && testData[catalog]) {
                if (testData[catalog][page]) {
                  if (Array.isArray(testData[catalog][page])) {
                    this.questionDataMap[page] = await getQuestionList(
                      page,
                      testData[catalog][page],
                      this.config.activeBook
                    );
                  } else {
                    const obj = {};
                    for (let key in testData[catalog][page]) {
                      obj[key] = await getQuestionList(
                        [],
                        testData[catalog][page][key],
                        this.config.activeBook
                      );
                    }
                    this.questionDataMap[page] = obj;
                  }
                  console.log("题目", this.questionDataMap);
                }
              }
            }
            // 渲染这一页的标记
            for (const key in this.renderSignMap) {
              if (this.renderSignMap[key][page]) {
                this.renderSignMap[key][page].forEach((item) => {
                  this.renderSign(key, item);
                });
              }
            }
            // 处理高亮
            if (this.highlightData) {
              // 高亮行
              setTimeout(() => {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  target,
                  NodeFilter.SHOW_TEXT
                );
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(
                    this.highlightData.txt
                  );
                  if (txtIndex > -1) {
                    textDom.parentNode.style.transition =
                      "background-color 0.8s";
                    textDom.parentNode.scrollIntoView();
                    textDom.parentNode.style.backgroundColor = "#79bbf0";
                    setTimeout(() => {
                      textDom.parentNode.style.backgroundColor = "";
                    }, 1000);
                  }
                }
              }, 100);
            }
            if (this.loadPageList.length > 5) {
              // 超过5页
              this.loadPageList.shift();
            }
          }
        }
      });
    },
    initSwiper() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper-img");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: {
            //自动开始
            delay: 3000, //时间间隔
            disableOnInteraction: false, //*手动操作轮播图后不会暂停*
          },
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          // observer: true,
          // observeParents: true
          // // 如果需要分页器
          // pagination: {
          //   el: (this.container ? this.container : document).querySelector(
          //     ".swiper-pagination"
          //   ),
          //   clickable: true // 分页器可以点击
          // }
        });
      }
      const pptDoms = (
        this.container ? this.container : document
      ).querySelectorAll(".swiper_ppt");
      for (let i = 0; i < pptDoms.length; i++) {
        const dom = pptDoms[i];
        new Swiper(dom, {
          loop: false, // 无缝
          autoplay: false,
          paginationClickable: true,
          slidesPerView: 1, // 一组三个
          spaceBetween: 30, // 间隔
          // 如果需要前进后退按钮
          navigation: {
            nextEl: dom.querySelector(".swiper-button-next"),
            prevEl: dom.querySelector(".swiper-button-prev"),
          },
          // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
          observer: true,
          observeParents: true,
          on: {
            init: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
            slideChange: (value) => {
              let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
              let totalPages = value.slides.length; // 获取总页数
              var paginationInfoEl = dom.querySelector(".pageBox");
              if (paginationInfoEl)
                paginationInfoEl.textContent = currentPage + "/" + totalPages;
            },
          },
        });
      }
    },
    initViewer() {
      const doms = (
        this.container ? this.container : document
      ).querySelectorAll(".openImgBox");
      for (let i = 0; i < doms.length; i++) {
        const dom = doms[i];
        new Viewer(dom, {
          container: this.container
            ? this.container.querySelector("#app")
            : "body",
          navbar: true, // 显示导航栏
          toolbar: true, // 显示工具栏
          title: true, // 显示标题
        });
      }
    },
    // 根据关键字全文检索
    searchTextByPage(keyword) {
      const searchResult = [];
      let catalogIndex = 0;
      // 所有章节组件（每本书制作时单独配置）
      const pageData = {
        pageHeader,
        chapterOne,
        // chapterTwo,
        // chapterThree,
        // chapterFour,
        // chapterFive,
        // chapterSix,
        // chapterSeven
      };
      // 遍历所有章节文件
      for (const key in pageData) {
        catalogIndex++;
        let pageComponent, pageExample;
        // 先渲染一次当前章节文件（这时页面的内容为空），获取页码信息
        pageComponent = Vue.extend(pageData[key]);
        pageExample = new pageComponent({
          propsData: {
            showPageList: [],
            questionData: {},
            isSearch: true,
          },
        });
        pageExample.$mount(
          (this.container ? this.container : document).querySelector(
            "#searchContent"
          )
        );
        // 获取页码
        const pageDom = (this.container ? this.container : document)
          .querySelector("#searchDomBox")
          .querySelectorAll(".page-box");
        const pages = [];
        for (let i = 0; i < pageDom.length; i++) {
          const pageDomItem = pageDom[i];
          pages.push(Number(pageDomItem.getAttribute("page")));
        }
        // 获取页面结束，卸载销毁
        pageExample.$destroy();
        (this.container ? this.container : document).querySelector(
          "#searchDomBox"
        ).innerHTML = '<div id="searchContent"></div>';
        // 遍历页码
        if (pages.length) {
          for (let i = 0; i < pages.length; i++) {
            const pageNum = pages[i];
            // 动态渲染对应章节的页码
            pageComponent = Vue.extend(pageData[key]);
            pageExample = new pageComponent({
              propsData: {
                showPageList: [pageNum],
                questionData: {},
                isSearch: true,
              },
            });
            pageExample.$mount(
              (this.container ? this.container : document).querySelector(
                "#searchContent"
              )
            );
            // 获取对应页面dom
            const thisPageDom = (this.container ? this.container : document)
              .querySelector("#searchDomBox")
              .querySelector(`[page="${pageNum}"]`);
            if (thisPageDom) {
              // 获取页面所有text节点
              const pageTextList = document.createTreeWalker(
                thisPageDom,
                NodeFilter.SHOW_TEXT
              );
              // 匹配关键字
              const allPageTextNodes = [];
              let currentNode = pageTextList.nextNode();
              while (currentNode) {
                allPageTextNodes.push(currentNode);
                currentNode = pageTextList.nextNode();
              }
              for (let i = 0; i < allPageTextNodes.length; i++) {
                const textDom = allPageTextNodes[i];
                let txtIndex = textDom.textContent.indexOf(keyword);
                if (txtIndex > -1) {
                  // 记录关键字所在页码、章节以及匹配到的段落
                  searchResult.push({
                    page: pageNum,
                    catalog: catalogIndex,
                    txt: textDom.textContent,
                    txtIndex: txtIndex,
                  });
                }
              }
              // 结束，卸载销毁
              pageExample.$destroy();
              (this.container ? this.container : document).querySelector(
                "#searchDomBox"
              ).innerHTML = '<div id="searchContent"></div>';
            }
          }
        }
      }
      // 输出搜索结果
      console.log(searchResult);
      return searchResult;
    },
    // 根据检索结果跳转对应位置并高亮
    searchItemLocation(data) {
      // 记录高亮信息
      this.highlightData = data;
      // 跳转
      this.gotoPage(data.catalog, data.page, () => {});
    },
    // 页面向下滚动，音频小窗播放功能
    getAduio() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      this.videoList = allVideo;
      if (allVideo.length) {
        // 查找播放状态的最后一条音频
        const playAudio = allVideo
          .reverse()
          .find((item) => item.paused == false);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap < 0) {
            playAudio.pause();
            this.audioPath = playAudio.src;
            this.currentTime = playAudio.currentTime;
          }
        }
      }
    },
    // 页面向上滚动，音频小窗回收
    handleAudio() {
      if (!this.audioPath) return false;
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      allVideo = Array.from(allVideo);
      if (allVideo.length) {
        //查找与小窗播放音频同源的页面audio DOM
        const playAudio = allVideo.find((item) => item.src == this.audioPath);
        if (playAudio) {
          const bottomGap = playAudio.getBoundingClientRect().bottom;
          if (bottomGap >= 0) {
            if (this.$refs.audioPlayer) {
              const playerState = this.$refs.audioPlayer.getVideoPlayer();
              this.audioPath = "";
              playAudio.currentTime = playerState.currentTime;
              if (!playerState.paused) playAudio.play();
            }
          }
        }
      }
    },
    // 关闭mini video
    closeMiniAudio() {
      this.audioPath = "";
    },
    // 点击音频播放，关闭其他音频
    closeAudio() {
      let allAudio = (
        this.container ? this.container : document
      ).querySelectorAll(".audio");
      for (let index = 0; index < allAudio.length; index++) {
        const item = allAudio[index];
        item.addEventListener("play", () => {
          const audioList = Array.from(allAudio);
          for (let cindex = 0; cindex < audioList.length; cindex++) {
            const citem = audioList[cindex];
            if (citem.currentSrc != item.src) {
              citem.pause();
            }
          }
          this.closeMiniAudio();
        });
      }
    },
    // 点击视频关闭其他
    closeVideo() {
      let allVideo = (
        this.container ? this.container : document
      ).querySelectorAll(".video");
      for (let index = 0; index < allVideo.length; index++) {
        const item = allVideo[index];
        item.addEventListener("playing", (item) => {
          const path = item.srcElement.src;
          const videoList = Array.from(allVideo);
          for (let cindex = 0; cindex < videoList.length; cindex++) {
            const citem = videoList[cindex];
            if (citem.currentSrc != path && path) {
              citem.pause();
            }
          }
        });
      }
    },
    // 视频小窗
    handleVideoPicture() {
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".video"
      );
      doms = Array.from(doms);
      if (!doms.length) return false;
      const playVudio = doms.reverse().find((item) => item.paused == false);
      if (playVudio) {
        const bottomGap = playVudio.getBoundingClientRect().bottom;
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) {
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }
        }
      }
    },
    //其他类名下字体大小变化
    transformDom(fs) {
      if (!fs) return;
      let doms = (this.container ? this.container : document).querySelectorAll(
        ".block"
      );
      if (!doms.length) return;
      for (let index = 0; index < doms.length; index++) {
        const dom = doms[index];
        dom.style.fontSize = fs + "px";
      }
    },
  },
  components: {
    pageHeader,
    chapterOne,
    // chapterTwo,
    // chapterThree,
    // chapterFour,
    // chapterFive,
    // chapterSix,
    // chapterSeven
  },
};
</script>

<style lang="less" scoped>
.page-main {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;

  .page-content {
    max-width: 816px;
    min-width: 375px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
}
</style>

 src/books/practicalCareChildrenManual/view/index.vue

New file
@@ -0,0 +1,80 @@
<template>
    <div class="practicalCareChildrenManual" @mouseup="handleMouseUp">
      <pageContent></pageContent>
    </div>
  </template>
  
  <script>
  import pageContent from "./components/index.vue";
  export default {
    name: "practicalCareChildrenManual",
    components: {
      pageContent,
    },
    computed: {
      fontSize() {
        return this.$store.state.qiankun.fontSize;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale / 100;
      },
    },
  
    methods: {
      getParentWithClass(element, className) {
        while (element.parentElement) {
          element = element.parentElement;
          if (element.classList.contains(className)) {
            return element;
          }
        }
      },
      handleMouseUp(e) {
        const selection = (
          this.container ? this.container : window
        ).getSelection();
        const txt = selection.toString();
        if (selection.type != "none" && txt) {
          let node = selection.anchorNode.parentNode;
          let pageHtml = this.getParentWithClass(
            selection.anchorNode,
            "page-box"
          );
          let chapterDom = this.getParentWithClass(
            selection.anchorNode,
            "chapter"
          );
          let chapterNum;
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          if (pageHtml) {
            const page = pageHtml.getAttribute("page");
            // 监听选中文本事件，并触发父层方法
            if (this.$store.state.qiankun.windowSelection) {
              this.$store.state.qiankun.windowSelection({
                chapterNum,
                txt,
                page,
                x: e.x,
                y: e.y,
              });
            }
          }
        } else {
          if (this.$store.state.qiankun.windowSelection) {
            this.$store.state.qiankun.windowSelection({
              chapterNum: "",
              txt: "",
              page: "",
              x: e.x,
              y: e.y,
            });
          }
        }
      },
    },
  };
  </script>
  
  <style lang="less">
  @import "../assets/main.less";
  </style>

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

@@ -81,7 +81,7 @@
                            根据教育评价改革的新形势和现实需要，本次对如下方面的内容做了修订。</p>
                        <p class="fm-fzfs">1. 将党的二十大报告中有关学前教育评价的内容渗透到教材中。二十大报告提出加快建设高质量教育体系，发展素质教育，促进教育公平;还提出加强师德师风建设，培养高素质教师队伍。高质量教育体系离不开高素质教师队伍，本次修订特别关注了第八章幼儿教师发展评价，对第一节幼儿教师评价的指导思想、第三节幼儿教师专业知识评价均做了理念和知识上的修改;在第二节幼儿教师专业理念与师德评价中增加“陕甘宁边区保育院时期教师对幼儿态度与行为的评价”和“陕甘宁边区保育院时期对教师态度和修养的评价”两个案例;在第四节幼儿教师专业能力评价中增加“陕甘宁边区保育院时期对教师激励与评价能力的评价”和“陕甘宁边区保育院时期对教师反思与发展能力的评价”两个案例。同时，在第五章第三节观察与评价资料的收集中增加如何观察与评价大班幼儿积木建构游戏的案例，在第七章学前儿童发展评价中增加全面评价3~6岁幼儿发展检核表等。这些修订内容旨在引起大家对提升幼儿教师素质，强化师德师风建设，提高准幼儿教师分析问题、解决问题从而形成系统方法论能力的重视，以落实党的二十大有关教育精神。
                        </p>
                        <p class="fm-fzfs">2. 将《总体方案》和《评估指南》中的有关要求融入教材的相应章节。《总体方案》提出幼儿园教师评价突出保教实践，把以游戏为基本活动促进儿童主动学习和全面发展的能力作为关键指标。这一要求在第七章学前儿童发展评价和第八章幼儿教师发展评价中均有体现;《评估指南》的指导思想、基本原则、评估方式等在第一章学前教育评价概述、第五章学前教育评价资料收集、第六章学前教育评价资料统计与分析中体现突出，《评估指南》中五个方面的
                        <p class="fm-fzfs">2. 将《总体方案》和《评估指南》中的有关要求融入教材的相应章节。《总体方案》提出幼儿园教师评价突出保教实践，把以游戏为基本活动促进儿童主动学习和全面发展的能力作为关键指标。这一要求在第七章学前儿童发展评价和第八章幼儿教师发展评价中均有体现;《评估指南》的指导思想、基本原则、评估方式等在第一章学前教育评价概述、第五章学前教育评价资料收集、第六章学前教育评价资料统计与分析中体现突出，《评估指南》中五个方面的评估内容在教材的第三篇评价实践篇中重点贯彻。
                        </p>
                    </div>
                </div>
@@ -97,9 +97,6 @@
                    <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                </ul>
                <div style="padding: 0 0 10% 0; margin: 0 16%;">
                    <p class="td-0 fm-fzfs">
                        评估内容在教材的第三篇评价实践篇中重点贯彻。
                    </p>
                    <p class="fm-fzfs">3. 将原来的纸质版教材改为融媒体教材。本次修订增加二维码资源，涉及重要知识点微视频讲授、拓展知识等。这样的修改便于授课教师把握重要知识点，方便教师进行课程教学设计，也有利于同学们借助二维码资源进行拓展学习
                    </p>
                    <p class="fm-fzfs">4. 增加全国统考幼儿园教师资格考试真题以及全国幼儿教师技能大赛真题。本次修订在各个章节中增加了考试真题或大赛真题，并结合知识点对真题进行了分析，便于同学们学习时领会，灵活掌握课程教学知识。</p>
@@ -126,8 +123,6 @@
                        </p>
                        <p class="fm-fzfs">本书由评价理论篇、评价技术篇和评价实践篇构成。评价理论篇由第一章、第二章和第三章组成，评价技术篇由第四章、第五章和第六章组成，评价实践篇由第七章、第八章和第九章组成。评价理论篇着重对学前教育评价的产生与发展、意义与作用、原则、类型，主要理论基础和理论模式进行概述；评价技术篇着重围绕学前教育评价方案编制、评价资料收集与统计分析进行阐述，目的在于帮助学生初步掌握开展学前教育评价的方法；评价实践篇着重对学前教育发展中的核心要素——学前儿童发展、幼儿教师发展和幼儿园管理工作进行评价，试图将国家新颁布的有关学前教育的政策内容融入其中。总体来看，本书凸显出如下几个方面的特点。
                        </p>
                        <p class="fm-fzfs">第一，全面反映国家发展学前教育的新政策、新要求。全书在编写过程中
                        </p>
                    </div>
                </div>
            </div>
@@ -142,8 +137,8 @@
                    <img class="header-left-img" src="../../assets/images/yemei-left.png" alt="">
                </ul>
                <div style="padding: 0 0 10% 0; margin: 0 16%;">
                    <p class="td-0 fm-fzfs">
                        始终坚持以国家近几年新颁布的有关学前教育的政策文件为指导，各种评价方案的编制尽可能反映国家的相关要求，如对学前儿童身心发展诸方面的评价紧紧围绕《3—6岁儿童学习与发展指南》（以下简称《指南》）进行，《指南》的思想精神是指导我们开展学前儿童评价的依据；对幼儿教师专业发展的评价依托《幼儿园教师专业标准（试行）》中对幼儿教师提出的专业理念与师德、专业知识和专业能力三个方面的内容展开；对幼儿园管理工作的评价结合《学前教育督导评估暂行办法》《幼儿园教职工配备标准（暂行）》《托儿所幼儿园卫生保健管理办法》《幼儿园收费管理暂行办法》《幼儿园工作规程》等一系列有关幼儿园管理工作的政策文件；相关板块还融合了最新的教师资格考试大纲的要求，力图最大限度地反映国家发展学前教育的新精神。
                    <p class="fm-fzfs">
                        第一，全面反映国家发展学前教育的新政策、新要求。全书在编写过程中始终坚持以国家近几年新颁布的有关学前教育的政策文件为指导，各种评价方案的编制尽可能反映国家的相关要求，如对学前儿童身心发展诸方面的评价紧紧围绕《3—6岁儿童学习与发展指南》（以下简称《指南》）进行，《指南》的思想精神是指导我们开展学前儿童评价的依据；对幼儿教师专业发展的评价依托《幼儿园教师专业标准（试行）》中对幼儿教师提出的专业理念与师德、专业知识和专业能力三个方面的内容展开；对幼儿园管理工作的评价结合《学前教育督导评估暂行办法》《幼儿园教职工配备标准（暂行）》《托儿所幼儿园卫生保健管理办法》《幼儿园收费管理暂行办法》《幼儿园工作规程》等一系列有关幼儿园管理工作的政策文件；相关板块还融合了最新的教师资格考试大纲的要求，力图最大限度地反映国家发展学前教育的新精神。
                    </p>
                    <p class="fm-fzfs">第二，理论与实践密切结合。评价理论是指导评价实践的依据和先导，缺乏理论指导的实践可能沦为盲目的实践；反之，没有实践根基的理论也只能被视为空洞的理论。本教材在编写过程中时刻注意将理论指导与实践应用结合起来。比如，本教材论述了系统理论对学前教育评价的指导、量表理论和检验理论在学前教育评价中的具体应用、各种评价模式在学前教育实践中的具体运用，对学前教育评价类型的分析也基于大量的实践案例，学前教育评价方案的编制、评价资料的收集与处理也都凸显了理论与实践的结合。
                    </p>

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

@@ -172,7 +172,7 @@

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(11, 290);
      this.gotoPage(2, 18);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -935,7 +935,11 @@
        const topGap = playVudio.getBoundingClientRect().top;
        if (bottomGap < 0 || topGap > window.innerHeight) {
          try {
            if (playVudio.readyState) playVudio.requestPictureInPicture();
            if (playVudio.readyState) {
              setTimeout(()=>{
                playVudio.requestPictureInPicture();
              },0)
            }
          } catch (error) {
            console.log(error, "小窗错误error");
          }

 src/books/toddlerGameImplementation/assets/main.less

@@ -278,9 +278,6 @@
    width: 30px;
  }




  .headerText-bc {
    width: 70px;
    color: #fff;

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

@@ -191,22 +191,22 @@
    }, 500);

    // 测试页面跳转
    setTimeout(() => {
      this.gotoPage(8, 183);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
    }, 500);
    // setTimeout(() => {
    //   this.gotoPage(1, 5);
    //   //   setTimeout(() => {
    //   //     this.renderSign("Highlight", {
    //   //       id: "2ACA9359",
    //   //       txt: "题一学习主题一 运动",
    //   //       page: "10",
    //   //       type: "Highlight",
    //   //       color: "#F5E12A"
    //   //     });
    //   // setTimeout(() => {
    //   //   this.delSign({
    //   //     ids: ["2ACA9359"]
    //   //   });
    //   // }, 2000);
    // }, 500);

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")

 src/components/checkVideo/index.vue

New file
@@ -0,0 +1,191 @@
<template>
    <div class="video-box">
        <div class="video-title">
            <p class="video-title-name">
                配套视频: {{ videoName }}
            </p>
            <p class="video-title-img">
                <img @click="isDisplay = !isDisplay" :src=videoIcon alt="">
                <el-tooltip class="item" effect="dark" :content="localIsCollectVideo ? '点击取消' : '点击收藏'"
                    placement="top-start">
                    <img :src="collectResourceList.findIndex(
                        (item) => item.id == videoPath
                    ) > -1
                        ? collectCheck
                        : collectImg
                        " alt="" class="collect-btn" @click="handleCollect()" />
                </el-tooltip>
            </p>
        </div>
        <div class="video-main" v-if="isDisplay">
            <video :src="videoPathSrc" 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"></video>

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

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    data() {
        return {
            videoIcon: require("../../assets/images/videoLogo.png"),
            collectCheck: require("../../assets/images/heart-check.png"),
            collectImg: require("../../assets/images/heart.png"),
            videoPathSrc: "",
            collectResourceList: [],
            localIsCollectVideo: this.isCollectVideo,
            isDisplay: true,
        };
    },
    props: {
        videoPath: {
            type: String,
            required: "",
        },
        videoName: {
            type: String,
            required: "",// 默认值
        },
        BookId: {
            type: String,
            required: "",// 默认值
        },
        isCollectVideo: {
            type: Boolean,
            required: false,// 默认值
        }
    },
    computed: {
        // currentQuestion() {
        //     return this.questions[this.currentIndex];
        // },
        // setHoverStyles() {
        //     return {
        //         "--hover-bg-color": this.hoverBackgroundColor,
        //         "--hover-color": this.hoverColor,
        //     };
        // },
        // mergedStyles() {
        //     // 合并直接样式和计算属性样式
        //     return {
        //         borderColor: this.primaryColor,
        //         ...this.setHoverStyles,
        //     };
        // },
    },
    async mounted() {
        this.getVidoePath();
        this.collectResourceList = await getCollectResource(
            this.BookId
        );
    },
    methods: {
        async getVidoePath() {
            this.videoPathSrc = await getResourcePath(
                this.videoPath
            );
            debugger
        },

        handleCollect() {
            this.handleCollectResource(
                this.videoPath,
                this.videoPath,
                "",
                "视频",
                "bits",
                "视频：" + this.videoName
            );
            this.localIsCollectVideo = !this.localIsCollectVideo;
            this.$emit('saveVideoStatus')
        },
        //资源收藏事件
        // 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.BookId,
                this.collectResourceList
            );
        },
    },
};
</script>

<style lang="less" scoped>
.video-box {
    margin: 20px 0 20px 0;
    border: 1px solid #40C7F4;

}

.video-title {
    display: flex;
    justify-content: space-between;
    background-color: #c7eaf9;
    border-bottom: 1px solid #40C7F4;
    min-height: 25px;
}

.video-title-name {
    padding: 0 2%;
    display: flex;
    text-indent: 0em;
    margin: 0 !important;
    border-right: 1px solid #40C7F4;
}

.video-title-img {
    padding-right: 2%;
    text-indent: 0em;
    display: flex;

    img {
        cursor: pointer;
    }
}

.video-main {
    margin: 5% 5%;
    border: 1px dashed #40C7F4;
}

.collect-btn {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-top: 0.3%;
}

.w100 {
    width: 100%;
}

</style>

 src/components/pdfview/index.vue

@@ -171,13 +171,16 @@
        .then((res) => {
          try {
            if (typeof res === 'string' && res !== null) {
              console.log(134)
              this.totalPage = JSON.parse(res).totalPages
            } else if (typeof res === 'object' && res !== null) {
              console.log(res.totalPages)
              this.totalPage = res.totalPages
            }
          } catch (error) {
            console.log(error, 'pdf返回值类型错误');
          }
          console.log(this.currentPage,"111")
          this.createDom(this.currentPage)
          this.loading = false
        })