zhongshujie
2025-03-14 1995bd9b9e0033445fd44c796e21a1944f1e56b2
3.14民航服务礼仪新增视频,题目。
21个文件已修改
2个文件已添加
5978 ■■■■ 已修改文件
.env.product 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationBasicSkills/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationBasicSkills/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/examinationList.js 33 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/0129-1.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/cbxx.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/assets/main.less 189 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter001.vue 328 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter003.vue 1740 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter004.vue 1950 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chapter005.vue 819 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/chpater002.vue 846 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationEtiquette/view/components/index.vue 66 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationSafety/assets/images/Cover.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/aviationSafety/assets/images/FD.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilAviation/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilAviation/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/assets/images/fengdi.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/civilServices/assets/images/fengmian.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/meetingPlanners/assets/mian.less 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
.env.product
@@ -1,8 +1,8 @@
VUE_APP_ENV = 'product'
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/meetingPlanners'
VUE_APP_PUBLIC_PATH = 'https://jsek.bnuic.com/books/book/civilAviation'
# VUE_APP_RESOURCE_CTX = 'http://182.92.203.7:3007/books/resource/'
# VUE_APP_PUBLIC_PATH = 'http://182.92.203.7:3007/books/book/preschoolBasicKnowledge'
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 = 'meetingPlanners'
VUE_APP_BOOK_ID = 'civilAviation'
src/App.vue
@@ -128,7 +128,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "aurturingAndEducationAged0to3")
          : "aviationEtiquette")
      );
      // this.activeBook = await this.config.getBookConfig(
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/fengmian.png

src/books/aviationEtiquette/assets/main.less
@@ -10,6 +10,7 @@
        box-shadow: 0 3px 6px 1px #00000029;
        background-color: #fff;
    }
    .foreword{
        font-family: 'FZLTZHJW';
        font-weight: 300;
@@ -19,22 +20,26 @@
        margin-bottom: 0;
        text-indent: 0em;
    }
    .topBorder{
        width:120px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }
    .bottomBorder{
        width:180px;
        border-top: 1px solid #6E85AF;
        border-bottom: 1px solid #6E85AF;
        height: 2px;
    }
    input[type="radio"] {
        accent-color:#6E85AF !important;
        cursor: pointer;
    }
    input[type="checkbox"] {
        accent-color:#6E85AF !important;
        cursor: pointer;
@@ -261,6 +266,7 @@
    .mb-10 {
        margin-bottom: 10px !important;
    }
    .pNum{
        font-size:18px !important;
        font-style: italic;
@@ -273,7 +279,6 @@
        background-color: #92B0D5;
        color: #fff;
        font-size: 14px;
        padding: 3px 0;
        padding-right: 8px;
        font-size: 18px;
        font-style: italic;
@@ -351,7 +356,7 @@
    .header-right-last {
        font-size: 17px;
        background-color: #B799B6; 
        padding: 2px 0;
        padding: 1.5px 0;
        padding-left: 20px; 
 
    }
@@ -359,7 +364,7 @@
    .header-right-end {
        font-size: 17px;
        background-color: #738DC0;
        padding: 2px 0;
        padding: 1.5px 0;
        padding-left: 50px;
  
    }
@@ -399,6 +404,7 @@
        border-radius: 5px;
        background-color:rgba(255, 255, 255, 0);
    }
    .input-box{
        border:none;
        border-bottom:1px solid #333;
@@ -734,21 +740,22 @@
    .event-header-text-bc {
        background-color: #bbd4ec;
    }
    //视频  
    .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 +1126,11 @@
        text-align: justify;
    }
    .t-al {
        text-align-last: justify;
    }
    .cover {
        width: 100%;
        padding: 0px;
@@ -1153,6 +1165,7 @@
        margin-left: 0%;
        margin-right: 0%;
    }
    .left3 {
        margin: 0 !important;
        line-height: 20px;
@@ -1406,6 +1419,7 @@
        font-size: 1.2em;
        padding: 25px;
        border: 4px dotted #197ABF;
        .block{
            font-family: "kaiti";
        }
@@ -1583,6 +1597,7 @@
        margin-top: -0.5em;
        
    }
    div.bj3 p{
        font-family: 'FangSong' !important;
    }
@@ -1933,11 +1948,171 @@
    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 {
    min-height: 0 !important;
    height: 0 !important;
    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;
}
/* 媒体查询做基础响应式布局 */
@@ -1993,6 +2168,7 @@
            margin-bottom: 1.5em;
            margin-left: 2.5em;
        }
        .rwmb-4{
            margin-top: 1.5em;
            height: 1.5em;
@@ -2013,6 +2189,7 @@
        .mr-70 {
            margin-right: 10px;
        }
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;
src/books/aviationEtiquette/view/components/chapter001.vue
@@ -77,6 +77,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>视频:1.1.1</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 +134,7 @@
        <div class="bodystyle">
          <h6 id="f004">4.礼为人性和环境矛盾的产物</h6>
          <p>
            “颜渊问仁。子曰:‘克己复礼为仁。一日克己复礼,天下归仁焉。”(《论语·颜渊》)克己是对自我的管理,人与环境会产生矛盾,而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径,人有各种欲望,需通过道德、礼仪、法律等形式进行规范,故礼为人性和环境矛盾的产物。
            “颜渊问仁。子曰:‘克己复礼为仁。一日克己复礼,天下归仁焉。’”(《论语·颜渊》)克己是对自我的管理,人与环境会产生矛盾,而解决这种矛盾的方法就是“克己”。孔子一直把对人性的约束和管理作为恢复周礼的重要途径,人有各种欲望,需通过道德、礼仪、法律等形式进行规范,故礼为人性和环境矛盾的产物。
          </p>
          <h6 id="f005">5.礼生于理,源于俗</h6>
          <p>
@@ -663,6 +682,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>
@@ -733,6 +770,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>视频:1.2.1</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 +1122,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>视频:1.2.2</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>
            如果说民航服务人员的知识与技能是服务的机翼,那么服务意识才是使这架飞机展翅高飞的发动机。
@@ -1441,6 +1516,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>
@@ -1533,6 +1626,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>视频:1.3.1</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>
@@ -1775,6 +1887,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>视频:1.3.2</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>
            空中乘务员的工作不仅是简单的端茶递水,而是一项需要“眼观六路,耳听八方”的全方位工作,所以,满足旅客的需求和为旅客带来良好的乘机体验是乘务员的首要任务。旅客良好的回馈又首先源于空乘人员良好的亲和力,这就要求乘务员需具备此项基本能力。在服务旅客时,乘务员从内心到外在都应传递友善信息,使旅客产生愉悦、开心、舒适、温馨、信任的心理感受,从而建立乘务员与旅客之间的友好、和睦的关系。
@@ -2229,6 +2360,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>视频:1.3.3</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>视频:1.3.4</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>
@@ -2861,6 +3030,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 +3043,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 +3076,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 +3232,23 @@
      },
      evaluationOneResults: "", //测评结果
      evaluationTwoResults: "", //测评结果
      // 题目相关
      dialogVisibleOne: false,
      themeColor: "#6E85AF",
      questionNum: 0,
      questionTitleMain: "",
      chapter001: {
        question: {
          1: {
            questionTitleMain: "模块一 礼仪认知",
            questionNum: 18,
          },
          2: {
            questionTitleMain: "模块一 民航服务意识认知",
            questionNum: 31,
          },
        },
      },
    };
  },
@@ -3073,12 +3284,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 +3294,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 +3418,79 @@
          "视频:川航紧急撤离"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "dfa7f3d64168acde32e4ca07a9001e79",
          "dfa7f3d64168acde32e4ca07a9001e79",
          "",
          "视频",
          "bits",
          "视频:1.1.1"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "602e257498cd61657b759edd5be0221d",
          "602e257498cd61657b759edd5be0221d",
          "",
          "视频",
          "bits",
          "视频:1.2.1"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频:1.2.2"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "",
          "视频",
          "bits",
          "视频:1.3.1"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "2b112927d0029591bee2ad5de73e3e2a",
          "2b112927d0029591bee2ad5de73e3e2a",
          "",
          "视频",
          "bits",
          "视频:1.3.2"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "e483ec3b940fcc8616b8aea894d5ded0",
          "e483ec3b940fcc8616b8aea894d5ded0",
          "",
          "视频",
          "bits",
          "视频:1.3.3"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "be07f31967532a808843e53df1a436d5",
          "be07f31967532a808843e53df1a436d5",
          "",
          "视频",
          "bits",
          "视频:1.3.4"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },
    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter01-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
    // resourcePath  文件路径,
    // resourceType  文件类型
@@ -3232,6 +3522,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
@@ -40,6 +40,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>视频:3.1.1</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>视频:3.1.2</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>视频:3.1.2</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 +124,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>视频:3.1.4</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 +156,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>视频:3.1.5</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 +198,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>视频:3.1.6</span>
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == 'ff80be5c2badeef45574d9d5fb884b92'
                ) > -1
                  ? collectCheck
                  : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-06')" />
              </el-tooltip>
            </p>
          </div>
          <p>
            飞机上偶尔有个别比较挑剔的旅客,他们对服务和设备以及餐饮等会提出难以达到的要求。在与旅客沟通的过程中,务必要记住以旅客为中心,放弃自我中心论。做到心平气和、不乱发牢骚,这样不仅自己快乐,旅客也会心情愉悦。
          </p>
@@ -110,6 +224,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>视频:3.1.7</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>
            责任心就是一种自觉地把分内的事情做好并愿意承担相应责任的情感。民航工作既是服务工作,也是安全工作,既关系到航空公司的服务水平,也关系到旅客生命和国家财产安全,责任重大,需要民航服务人员以高度的责任心认真对待。可以说,责任心是一名民航服务人员应该具备的基本条件。
@@ -211,8 +344,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 +379,7 @@
        <div class="bodystyle">
          <h6 id="f034">4.讥讽、轻视的语句</h6>
          <p>
            在与旅客交谈的过程中,不要轻率地给旅客下定论,并表现出不屑的情绪。不要做出“堵嘴”“翻白眼”“叹气”等行为举止。
            在与旅客交谈的过程中,不要轻率地给旅客下定论,并表现出不屑的情绪。不要做出“嘟嘴”“翻白眼”“叹气”等行为举止。
          </p>
          <h6 id="f035">5.催促命令式的语句</h6>
          <p>
@@ -282,8 +415,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 +448,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>视频:3.1.8</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,8 +489,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>
          <p>
@@ -379,11 +531,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 +557,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 +583,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 +644,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 +685,8 @@
                </button>
              </li>
              <li>
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree" class="parimary-btn">
                <button @click="evaluation.showCheckAnswerThree = !evaluation.showCheckAnswerThree"
                  class="parimary-btn">
                  评分标准
                </button>
              </li>
@@ -795,177 +739,51 @@
            遇到如下的情景你会怎么做?请根据沟通情况打分。“一贯如此”得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">
@@ -1002,61 +820,19 @@
          </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 +849,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,105 +922,48 @@
          <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>
          <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>
@@ -1389,7 +983,8 @@
              </li>
            </ul>
          </div>
          <div class="c-r block" v-if="evaluationFiveResults || evaluationFiveResults === 0">您的得分:{{ evaluationFiveResults }}</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分,最后将每道题的得分相加。
@@ -1427,57 +1022,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>
          <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>
@@ -1534,11 +1120,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 +1150,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>视频:3.2.1</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 +1180,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>视频:3.2.2</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>
@@ -1620,13 +1244,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 +1276,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 +1365,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 +1434,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 +1444,7 @@
          <p>
            如果航司能提前告知旅客,给旅客充分的知情权和选择权,就能避免很多矛盾和投诉。
          </p>
        </div>
      </div>
    </div>
@@ -1853,8 +1478,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>
@@ -1937,6 +1562,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>视频:3.2.3</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 +1603,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>
          <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,18 +1686,35 @@
  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,
@@ -2278,10 +1822,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() {
@@ -2321,9 +1895,47 @@
      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(
        "ff80be5c2badeef45574d9d5fb884b92"
      );
      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,7 +1943,6 @@
        JSON.stringify(this.questionData)
      );
    },
    //测试提交
    setEvaluation(){
      // localStorage.setItem(
@@ -2438,12 +2049,104 @@
      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(
          "dfa7f3d64168acde32e4ca07a9001e79",
          "dfa7f3d64168acde32e4ca07a9001e79",
          "",
          "视频",
          "bits",
          "视频:1.1.1"
        );
        this.chapterData.isCollectVideoOne = !this.chapterData.isCollectVideoOne;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "602e257498cd61657b759edd5be0221d",
          "602e257498cd61657b759edd5be0221d",
          "",
          "视频",
          "bits",
          "视频:1.2.1"
        );
        this.chapterData.isCollectVideoTwo = !this.chapterData.isCollectVideoTwo;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "571b9fb7962e8fc30749893919d2157b",
          "571b9fb7962e8fc30749893919d2157b",
          "",
          "视频",
          "bits",
          "视频:1.2.2"
        );
        this.chapterData.isCollectVideoThree = !this.chapterData.isCollectVideoThree;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "3b4d6a336fad79e9c4f137e142c26f0b",
          "",
          "视频",
          "bits",
          "视频:1.3.1"
        );
        this.chapterData.isCollectVideoFour = !this.chapterData.isCollectVideoFour;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "2b112927d0029591bee2ad5de73e3e2a",
          "2b112927d0029591bee2ad5de73e3e2a",
          "",
          "视频",
          "bits",
          "视频:1.3.2"
        );
        this.chapterData.isCollectVideoFive = !this.chapterData.isCollectVideoFive;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "c4d252f413d11539fd11db913c073e5b",
          "c4d252f413d11539fd11db913c073e5b",
          "",
          "视频",
          "bits",
          "视频:1.3.3"
        );
        this.chapterData.isCollectVideoSix = !this.chapterData.isCollectVideoSix;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "2b112927d0029591bee2ad5de73e3e2a",
          "2b112927d0029591bee2ad5de73e3e2a",
          "",
          "视频",
          "bits",
          "视频:1.3.4"
        );
        this.chapterData.isCollectVideoSeven = !this.chapterData.isCollectVideoSeven;
      }
      this.handleChapterData();
    },
    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时,设置为true
    },
    handleBlur() {
      this.isFocused = null; // 当textarea失去焦点时,设置为false
    },
    handleChapterData() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },
    //资源收藏事件
@@ -2477,6 +2180,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">
@@ -24,9 +19,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">
              李丽即将和同学们一起去候机楼进行为期两个月的岗位学习。她迫切想知道候机楼服务的分类,需要掌握什么样的知识和技能,可能会遇到哪些旅客的疑问,该怎样处理。学习者通过本项目的学习,了解候机楼问询、导乘、值机和贵宾厅服务的职责要求及礼仪规范,形成对候机楼常见的几个主要岗位服务规范和操作流程的全面认知,提高对候机楼旅客的服务效率,为民航企业的服务品牌、服务印象管理做贡献,并通过优质服务,搭建良好的客户关系。
@@ -34,9 +27,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 +36,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 +71,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>视频:4.1.1</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>视频:4.1.2</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 +130,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 +150,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="" />
@@ -218,9 +223,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 +232,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 +253,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 +310,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>视频:4.1.3</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 +339,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 +372,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 +395,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>视频:4.1.4</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>视频:4.1.5</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 +465,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 +497,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 +510,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,13 +551,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>
          <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>视频:4.1.6</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>
          <h4 id="d090">一、候机楼值机服务概述</h4>
          <p>
            值机服务是指航空公司为旅客办理乘机手续的全流程服务,基本流程包括:迎接旅
@@ -596,7 +597,7 @@
          <li class="header-right-end" style=""><br /></li>
        </ul>
        <div class="bodystyle">
          <p>
          <p class="td-0">
            客、查验旅客客票及证件、为旅客安排座位、收运托运旅客行李、和旅客告别。每一个流程,值机人员都应遵守相应的礼仪规范,为旅客提供满意的服务,以提高民航企业的形象,进而促进民航企业的发展。
          </p>
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
@@ -611,21 +612,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 +627,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 +653,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,15 +679,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.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>
@@ -756,25 +738,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>
          <h5 id="e105">(六)机场智慧值机服务</h5>
            <p>
              值机人员在整个民航旅客运输流程中扮演着非常重要的角色。值机人员不仅需要注意自身的礼仪举止,还要注意观察旅客的言行举止,从而树立和塑造良好的形象,提升亲和力。
            为了给旅客提供更加安全、便捷、高效、智能的服务,近年来,民航业正加快新技术的创新应用,持续提升服务工作的数字化、智慧化水平。我国的各种形式的特色值机业务发展也很快,近年来CUSS机在民用机场的普及率显著提高,各航空公司网站上普遍设置了自助值机板块,旅客使用的方便性也大大改善。中国航空公司的特色值机发展在全球已经处于前列。
            </p>
          </div>
          <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 +804,79 @@
        <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>那么在引导旅客进行自助值机时,我们应当使用什么样的服务手势呢?</p>
              <textarea v-model="questionData.askAbout.twentyEight" 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>
          <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>视频:4.1.7</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>
            候机楼贵宾厅服务是指为重要人士提供机场全程引导、协助办理登机手续等服务。贵宾服务主要分为迎机服务和送机服务两种。
@@ -864,9 +935,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">
@@ -895,11 +965,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">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="" />
@@ -927,6 +993,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>视频:4.1.8</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 +1079,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 +1089,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 +1219,28 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <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>视频:4.2.1</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 +1248,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 +1257,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 +1282,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 +1290,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>视频:4.2.2</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 +1354,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 +1365,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>视频:4.2.3</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 +1426,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 +1434,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>视频:4.2.4</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 +1539,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 +1563,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 +1572,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 +1654,28 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <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>视频:4.3.1</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 +1683,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,9 +1692,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">
@@ -1767,12 +1709,30 @@
            </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>视频:4.3.2</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 +1742,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 +1750,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>视频:4.3.3</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>视频:4.3.4</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>视频:4.3.5</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>
@@ -1847,6 +1860,25 @@
            服时,也应按要求穿着制服,除此之外的其他时间、场合不能穿着制服,更不允许将制服借给他人使用。
          </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>视频:4.3.6</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>
@@ -1887,11 +1919,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">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="" />
@@ -1911,9 +1939,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">
@@ -1943,9 +1970,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">
@@ -1978,14 +2004,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>视频:4.3.7</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>视频:4.3.8</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>视频:4.3.9</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,9 +2082,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">
@@ -2035,11 +2116,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">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="" />
@@ -2147,11 +2224,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">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="" />
@@ -2249,11 +2322,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">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="" />
@@ -2330,130 +2399,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 +2456,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 +2464,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,18 +2533,44 @@
  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: [],
      questionData: {
        isComplete: false,
@@ -2618,7 +2601,8 @@
          twentyFour:'',
          twentyFive:'',
          twentySix:'',
          twentySeven:''
          twentySeven: '',
          twentyEight: '',
        },
        projectOne: {
          one: {
@@ -2702,25 +2686,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 +2747,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 +2755,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 +2832,7 @@
        JSON.stringify(this.chapterData)
      );
    },
    handlechapter004() {
      localStorage.setItem(
        "civilAviatyonSevervices-book-chapter004",
        JSON.stringify(this.chapter004)
      );
    },
    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时,设置为true
@@ -2794,38 +2842,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",
          "视频:心理学的流派"
          "视频:4.1.1"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "700cfdb8b85b372045b1e97e3356ae3a",
          "700cfdb8b85b372045b1e97e3356ae3a",
          "da82b43c7571108d00a19ffcb5233a2e",
          "da82b43c7571108d00a19ffcb5233a2e",
          "",
          "视频",
          "bits",
          "视频:心理学的研究内容"
          "视频:4.1.2"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "36f02743b633758c2ecdee90af20fe34",
          "36f02743b633758c2ecdee90af20fe34",
          "",
          "视频",
          "bits",
          "视频:4.1.3"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      }
      this.handlechapter004();
      else if (e == "video-04") {
        this.handleCollectResource(
          "810345cbf8f3d003d9ff7247a5247570",
          "810345cbf8f3d003d9ff7247a5247570",
          "",
          "视频",
          "bits",
          "视频:4.1.4"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      }
      else if (e == "video-05") {
        this.handleCollectResource(
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "2336e67a853728fa6a1d2b7a4a2d9abf",
          "",
          "视频",
          "bits",
          "视频:4.1.5"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f60bcf0daea848fdd87d931e0debffe7",
          "f60bcf0daea848fdd87d931e0debffe7",
          "",
          "视频",
          "bits",
          "视频:4.1.6"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "51ee040702ff1402026c948b82f8df55",
          "51ee040702ff1402026c948b82f8df55",
          "",
          "视频",
          "bits",
          "视频:4.1.7"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "14ada4ec3e004795ecb3a9c2ad8ea386",
          "",
          "视频",
          "bits",
          "视频:4.1.8"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "808ca04bce334463e3e10b26edecec82",
          "808ca04bce334463e3e10b26edecec82",
          "",
          "视频",
          "bits",
          "视频:4.2.1"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "8086dfd8f1307041be4e7e4b15aee1b4",
          "",
          "视频",
          "bits",
          "视频:4.2.2"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-11") {
        this.handleCollectResource(
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "a77181ba5fdb0f851bb43cb61ec3fed2",
          "",
          "视频",
          "bits",
          "视频:4.2.3"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      } else if (e == "video-12") {
        this.handleCollectResource(
          "c583ec4fcdef8acae289d050c6e7eb78",
          "c583ec4fcdef8acae289d050c6e7eb78",
          "",
          "视频",
          "bits",
          "视频:4.2.4"
        );
        this.chapterData.isCollectVideo11 = !this.chapterData.isCollectVideo11;
      } else if (e == "video-13") {
        this.handleCollectResource(
          "027d59276957d481732b80db9aad6768",
          "027d59276957d481732b80db9aad6768",
          "",
          "视频",
          "bits",
          "视频:4.3.1"
        );
        this.chapterData.isCollectVideo12 = !this.chapterData.isCollectVideo12;
      } else if (e == "video-14") {
        this.handleCollectResource(
          "0ca2f6d71dca30320627286ffbf5d60c",
          "0ca2f6d71dca30320627286ffbf5d60c",
          "",
          "视频",
          "bits",
          "视频:4.3.2"
        );
        this.chapterData.isCollectVideo13 = !this.chapterData.isCollectVideo13;
      } else if (e == "video-15") {
        this.handleCollectResource(
          "7923cd0317296eaea5fa8c513fe7dcca",
          "7923cd0317296eaea5fa8c513fe7dcca",
          "",
          "视频",
          "bits",
          "视频:4.3.3"
        );
        this.chapterData.isCollectVideo14 = !this.chapterData.isCollectVideo14;
      } else if (e == "video-16") {
        this.handleCollectResource(
          "c1fa8a017a5538ff2e560b31d35232e1",
          "c1fa8a017a5538ff2e560b31d35232e1",
          "",
          "视频",
          "bits",
          "视频:4.3.4"
        );
        this.chapterData.isCollectVideo15 = !this.chapterData.isCollectVideo15;
      } else if (e == "video-17") {
        this.handleCollectResource(
          "ea653cf2afa7376a6a032053596d9773",
          "ea653cf2afa7376a6a032053596d9773",
          "",
          "视频",
          "bits",
          "视频:4.3.5"
        );
        this.chapterData.isCollectVideo16 = !this.chapterData.isCollectVideo16;
      } else if (e == "video-18") {
        this.handleCollectResource(
          "53644acc8e99901f5794c047c6bb9c0c",
          "53644acc8e99901f5794c047c6bb9c0c",
          "",
          "视频",
          "bits",
          "视频:4.3.6"
        );
        this.chapterData.isCollectVideo17 = !this.chapterData.isCollectVideo17;
      } else if (e == "video-19") {
        this.handleCollectResource(
          "9a3ca4974c773071810305bc71d0686c",
          "9a3ca4974c773071810305bc71d0686c",
          "",
          "视频",
          "bits",
          "视频:4.3.7"
        );
        this.chapterData.isCollectVideo18 = !this.chapterData.isCollectVideo18;
      } else if (e == "video-20") {
        this.handleCollectResource(
          "992d774600338d541b8311e623488367",
          "992d774600338d541b8311e623488367",
          "",
          "视频",
          "bits",
          "视频:4.3.8"
        );
        this.chapterData.isCollectVideo19 = !this.chapterData.isCollectVideo19;
      } else if (e == "video-21") {
        this.handleCollectResource(
          "6f51dba939e06ba2e93109dc99576899",
          "6f51dba939e06ba2e93109dc99576899",
          "",
          "视频",
          "bits",
          "视频:4.3.9"
        );
        this.chapterData.isCollectVideo20 = !this.chapterData.isCollectVideo20;
      }
      this.handleChapterData();
    },
    //资源收藏事件
@@ -2859,6 +3088,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,44 @@
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </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>视频:5.1.1</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>视频:5.1.2</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 +80,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 +95,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>视频:5.1.3</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>
@@ -141,6 +198,25 @@
          <p><b>任务目标:</b></p>
          <p>1.了解礼仪情景剧的舞台“入画”。</p>
          <p>2.掌握礼仪情景剧的编创方式。</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>视频:5.1.4</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>
          <h4 id="d109">一、礼仪情景剧的“入画”</h4>
          <p>
            礼仪情景剧舞台区域的划分是导演处理舞台调度的基本依据。舞台区一般分为六个区,即1—中前区、2—中后区、3—右前区、4—左前区、5—右后区、6—左后区,其中
@@ -272,8 +348,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 +405,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 +465,44 @@
          <div class="tp-3">
            <p class="tl-f td-0">
              <img class="rwmb-4" alt="" src="../../assets/images/tb.png" />
            </p>
          </div>
          <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>视频:5.2.1</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>视频:5.2.2</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 +551,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,6 +561,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>视频:5.2.3</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>
          <h4 id="d111">一、何为礼仪表演</h4>
          <p>
            有“盛世鸿儒”之称的唐代文化名人孔颖达曾说:“中国礼仪之大,故称夏;有服
@@ -594,8 +616,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>
@@ -746,11 +768,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 +812,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>视频:5.2.4</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>视频:5.2.5</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>
@@ -877,11 +937,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 +1011,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 +1035,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 +1132,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,18 +1145,37 @@
  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,
@@ -1269,6 +1251,29 @@
      },
      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 +1301,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 +1362,96 @@
          "视频:礼仪时装秀"
        );
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      } else if (e == "video-02") {
        this.handleCollectResource(
          "49cdf2e707f9f69b91167c285890c6f8",
          "49cdf2e707f9f69b91167c285890c6f8",
          "",
          "视频",
          "bits",
          "视频:5.1.1"
        );
        this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-03") {
        this.handleCollectResource(
          "d4b25959b1c7f85b2762be516aefe078",
          "d4b25959b1c7f85b2762be516aefe078",
          "",
          "视频",
          "bits",
          "视频:5.1.2"
        );
        this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02;
      } else if (e == "video-04") {
        this.handleCollectResource(
          "78a2562f8f80c90e54d299d38abb2d1d",
          "78a2562f8f80c90e54d299d38abb2d1d",
          "",
          "视频",
          "bits",
          "视频:5.1.3"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "460dbcdc0c34cbac9ca90c343dbf89b9",
          "",
          "视频",
          "bits",
          "视频:5.1.4"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "f8ca26a51e475fb9921db5c4bdf5d1be",
          "",
          "视频",
          "bits",
          "视频:5.2.1"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8afe53c2f626fc193a3bfb160c33f99c",
          "8afe53c2f626fc193a3bfb160c33f99c",
          "",
          "视频",
          "bits",
          "视频:5.2.2"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "964332e9334f71db8d9174fa1a4911b1",
          "964332e9334f71db8d9174fa1a4911b1",
          "",
          "视频",
          "bits",
          "视频:5.2.3"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "344eb0db9295fbfd83736cf3431a134a",
          "344eb0db9295fbfd83736cf3431a134a",
          "",
          "视频",
          "bits",
          "视频:5.2.4"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "c8ce4540a2e9e2122ebb6cd64c6c0c4c",
          "",
          "视频",
          "bits",
          "视频:5.2.5"
        );
        this.chapterData.isCollectVideo10 = !this.chapterData.isCollectVideo10;
      }
      this.handleChapterData();
    },
@@ -1364,6 +1486,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
@@ -44,8 +44,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>
@@ -70,6 +70,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>视频:2.1.1</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>
@@ -129,8 +148,8 @@
            2008年,白云机场成立了航空物流分公司,安检的货检业务板块被划归物流。为区分货检与旅检,白云机场安检站又对制服做了一次微调,设计出“白云安检”字样的胸徽,并缝制在制服的右前胸。至此,“白云安检”这个享誉全国民航的安全品牌已经清晰浮出“水面”。
          </p>
          <h5 id="e031">(二)中国民航贵宾厅制服发展</h5>
          <p>
            伴随着民航业的高速发展,旅客吞吐量的大幅增加,越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务,包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量,必须把服务内容做到精细,将服务品质做到精细;提升管理水平,对工作流程抓到精细,把岗位职责划分精细,并且对员工的形象进行严格把控,从而提高民航机场的整体竞争力,为旅客出行提供更加完善满意的服
          <p class="t-al">
            伴随着民航业的高速发展,旅客吞吐量的大幅增加,越来越多的民航旅客开始接触和体验到机场的贵宾服务。机场贵宾服务指机场或其他服务机构为乘客提供的机场特殊服务,包括贵宾休息厅、离港陪同、贵宾中心停车场泊车等。贵宾服务已经成为机场面向旅客服务的重要窗口。为提升服务质量,必须把服务内容做到精细,将服务品质做到精细;提升管理水平,对工作流程抓到精细,把岗位职责划分精细,并且对员工的形象进行严格把控,从而提高民航机场的整体竞争力,为旅客出行提供更加完善满意的服&shy;
          </p>
        </div>
      </div>
@@ -254,7 +273,7 @@
          <li class="header-right-end" style=""><br></li>
        </ul>
        <div class="bodystyle">
          <p class="td-0">
          <p class="td-0 t-al">
            正式成立。东航经历了五代制服的变迁,随着国际航班的不断开辟,制服的变化深受“东亚风”元素的影响。21世纪,东航开始了对个性化与品位的追求,东航的企业核心价值观即客户至尊,精细致远。改革开放40多年来,一套套制服记录着一个个历史画面。制服的变化见证了东航40多年的变迁过程,让我们看到了国际化东航的多元发展。
          </p>
          <div class="img-rights w220 openImgBox ">
@@ -269,7 +288,7 @@
            </p>
          </span>
          <p>(3)中国南方航空股份有限公司(以下简称南航)制服。</p>
          <p>
          <p class="t-al">
            秉承“客户至上”的承诺,南航通过提供“可靠、准点、便捷”的优质服务,致力于满足并超越客户的期望。改革开放40多年来,空乘制服一直在变,而南航人的初心从未改变。从仅仅提供报纸、茶水的单一服务到如今空中服务的品牌化、标准化、体系化;从敢为天下先,主动参与国际竞争到向着规范化、一体化、智能化、国际化不断发
          </p>
          <div class="img-rights w220 openImgBox ">
@@ -325,7 +344,7 @@
            </p>
          </span>
          <p>(3)海南航空公司(以下简称海航)制服。</p>
          <p>
          <p class="t-al">
            海航成立于1993年1月,1993年5月开始运营。海航以优质的产品及服务连续数年获得“SKYTRAX五星航空公司”荣誉。海航乘务员制服经历了五次更新换代,第五代制服
          </p>
        </div>
@@ -373,7 +392,7 @@
          </p>
          <h4 id="d038">三、民航乘务员的着装要求</h4>
          <h5 id="e038">(一)合身得体</h5>
          <p>
          <p class="t-al">
            制服的尺寸必须符合民航人员的身材特点。制服穿着忌乱,必须合体。讲究“四长”,即袖至手腕,衣至虎口,裤至脚面,裙至膝盖。讲究“四围”,即领围以插入一
          </p>
        </div>
@@ -409,7 +428,7 @@
          <p>
            民航员工女性着套裙时,应根据身材体形的不同,选择不同类型的套裙。
          </p>
          <p><b>套裙款式</b></p>
          <p class="center"><b>套裙款式</b></p>
          <p>
            “H”型:上衣较为宽松,裙子为筒式,这种款式显得优雅、含蓄,可以为身材肥胖者避短。
          </p>
@@ -423,7 +442,7 @@
          <p>
            民航男性员工在社交或商务场合应选择西服款式(要根据自己的身形定制),因西服种类偏多,可根据场合和体形选择适合自己的款式。
          </p>
          <p><b>西装的款式</b></p>
          <p class="center"><b>西装的款式</b></p>
          <p>西装款式可分为欧式、英式、美式和日式四大款式。</p>
          <p>欧式:领型狭长,胸部收紧突出,袖拢与垫肩较高,造型高雅。</p>
          <p>英式:与欧式相仿,但垫肩较薄,后背开衩。</p>
@@ -449,6 +468,25 @@
        </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>视频:2.1.2</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 +564,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>
@@ -630,9 +668,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>
@@ -695,119 +734,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 +772,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>视频:2.1.3</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>
@@ -1238,7 +1212,7 @@
          </p>
          <h4 id="d049">一、民航职业发型的设计原则</h4>
          <h5 id="e061">(一)干净的原则</h5>
          <p>
          <p class="t-al">
            头部的洁净程度完全可以体现一个人的精神状态和生活习惯,“蓬头垢面”的形象不符合职业要求和仪容仪表要求。民航服务人员应经常洗头发,注意头发的干净度,最
          </p>
        </div>
@@ -1544,229 +1518,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>
@@ -1841,8 +1665,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,6 +1681,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>视频:2.2.1</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>
@@ -1972,6 +1815,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>视频:2.2.2</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>视频:2.2.3</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>
@@ -2162,8 +2043,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>
@@ -2524,42 +2405,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 +2432,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>
          <p>5.简述入座与离座的基本原则。</p>
          <textarea v-model="questionData.projectThree.five.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>
    <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
      :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="1" :page="questionNum"
      :questionTitle="questionTitleMain" ref="dialogRef">
    </dialogExaminations>
  </div>
</template>
@@ -2661,12 +2487,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,6 +2509,12 @@
      videoPathTwo: "",
      videoPathThree: "",
      videoPathFour: "",
      videoPathFive: "",
      videoPathSix: "",
      videoPathSeven: "",
      videoPathEight: "",
      videoPathNine: "",
      videoPathTen: "",
      collectResourceList: [],
      questionData: {
        isComplete: false,
@@ -2784,6 +2623,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,
          },
        },
      },
    };
  },
@@ -2828,6 +2690,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 +2718,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",
@@ -2912,6 +2804,66 @@
          "视频:优雅型发型"
        );
        this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo01;
      } else if (e == "video-05") {
        this.handleCollectResource(
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "5a13c9aa455c8fae34faa1ae9f021d30",
          "",
          "视频",
          "bits",
          "视频:2.1.1"
        );
        this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04;
      } else if (e == "video-06") {
        this.handleCollectResource(
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "a1d05c3a38a322dc67861f9f3d35fb09",
          "",
          "视频",
          "bits",
          "视频:2.1.2"
        );
        this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05;
      } else if (e == "video-07") {
        this.handleCollectResource(
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "8e02ef51cadfb9b2611b0e6ab47f54b9",
          "",
          "视频",
          "bits",
          "视频:2.1.3"
        );
        this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06;
      } else if (e == "video-08") {
        this.handleCollectResource(
          "0fb36763d6a22916a6deb1f3779004bf",
          "0fb36763d6a22916a6deb1f3779004bf",
          "",
          "视频",
          "bits",
          "视频:2.2.1"
        );
        this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07;
      } else if (e == "video-09") {
        this.handleCollectResource(
          "00768adb601ee16a6d55bac5e5e85c70",
          "00768adb601ee16a6d55bac5e5e85c70",
          "",
          "视频",
          "bits",
          "视频:2.2.2"
        );
        this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08;
      } else if (e == "video-10") {
        this.handleCollectResource(
          "2f749e9b603637e801909ef01c3c5f77",
          "2f749e9b603637e801909ef01c3c5f77",
          "",
          "视频",
          "bits",
          "视频:2.2.3"
        );
        this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09;
      }
      this.handleChapter002();
      this.handleChapterData();
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";
@@ -158,8 +160,8 @@
    }, 500);
    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(2, 9);
    setTimeout(() => {
      this.gotoPage(6, 169);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -173,7 +175,7 @@
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
    // }, 500);
    }, 500);
    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")
@@ -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]) {
src/books/aviationSafety/assets/images/Cover.jpg

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

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/meetingPlanners/assets/mian.less
@@ -1309,6 +1309,7 @@
        width: 100%;
    
    }
    .examination{
        height: calc(100% - 80px);
    }