民航安全表格对齐

zhongshujie

2025-01-02 7d7449d6bd565e4e9d790c582648ddd2bff04cd6

民航安全表格对齐

 src/App.vue

@@ -94,8 +94,8 @@
      // artAndDance
      // artAndDrama
      // mathBook
      // civilAviation
      // civilServices
      // civilAviation       // 民航概论
      // civilServices       // 服务心理
      // meetingPlanners
      // aviationBasicSkills //基本技能
      // aviationSafety      //安全检查实务
@@ -104,7 +104,7 @@
      process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "meetingPlanners")
          : "aviationBasicSkills")
      );

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

 src/books/aviationBasicSkills/assets/main.less

@@ -1746,6 +1746,14 @@
@media (max-width: 660px) {
    .aciationBasicSkills-book {

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

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

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

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

@@ -270,7 +270,7 @@
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -453,7 +453,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
@@ -750,9 +750,9 @@
                            四川航空为携带特殊医疗设备的旅客提供运输解决方案。例如，2021年，一位需要携带呼吸机的旅客计划从成都飞往上海。四川航空在了解旅客需求后，协助其办理了特殊行李的托运手续，并确保呼吸机在整个飞行过程中得到妥善处理和供电。
                        </p>
                    </div>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="left mt-50"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -828,9 +828,9 @@
                    <li class="headerNumber">015</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
@@ -1361,9 +1361,9 @@
                            寰宇一家成立于1999年，由美国航空、英国航空公司、原加拿大航空公司、国泰航空有限公司及澳洲航空公司共同发起。寰宇一家创始之初总部设在加拿大温哥华，后迁至美国纽约，其网站显示，至2024年6月，有13家正式会员。寰宇一家标识如图1-25所示。
                        </p>
                    </span>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="left mt-50"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1443,9 +1443,9 @@
                    <li class="headerNumber">023-024</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14 ">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">

 src/books/aviationBasicSkills/view/components/chapter002.vue

@@ -273,9 +273,9 @@
                        <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; width: 91%; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; width: 100%; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -316,9 +316,9 @@
                    <li class="headerNumber">033</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14 ">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
@@ -620,9 +620,7 @@
                </div>
            </div>
        </div>

        <!-- 37页 -->

        <div class="page-box" page="45">
            <div v-if="showPageList.indexOf(45) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
@@ -706,9 +704,9 @@
                            的航空公司是国家所有，即使非国有的航空公司也受到所属国政府的强力参与或控制，因此它实际上是一个半官方组织。它制定运价的活动，必然在各国政府授权下进行，它的清算所对全世界联运票价的结算是一项有助于世界空运发展的公益事业，因而国际航空运输协会发挥着通过航空运输企业来协调和沟通政府间政策、解决实际运作困难的重要作用。
                        </p>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1066,7 +1064,7 @@
                <div class="bodystyle">
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1588,7 +1586,7 @@
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -2070,7 +2068,7 @@
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -2509,7 +2507,7 @@
                JSON.stringify(this.chapterData)
            );
        },
        


        setBookQuestion() {
            localStorage.setItem(

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

@@ -274,9 +274,9 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left "><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -565,9 +565,9 @@
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left "><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>

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

@@ -689,9 +689,9 @@
                        <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -760,9 +760,9 @@
                    <li class="headerNumber">095</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
@@ -1191,9 +1191,9 @@
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left p-even mt-20"><span class="bj2">任务工单▼</span></p>
                    <p class="left mt-20"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>

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

@@ -201,9 +201,9 @@
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -249,8 +249,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14 ">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">

                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
@@ -630,9 +629,9 @@
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -778,9 +777,9 @@
                    <li class="headerNumber">117</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>
@@ -1095,9 +1094,9 @@
                        <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1226,9 +1225,9 @@
                    <li class="headerNumber">125-126</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>

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

@@ -143,9 +143,9 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="6">民航服务基本技能任务工单</td>
                        </tr>
@@ -454,7 +454,7 @@
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -529,7 +529,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14 ">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
@@ -811,9 +811,9 @@
                        <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="6">民航服务基本技能任务工单</td>
                        </tr>
@@ -1132,9 +1132,9 @@
                        <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1209,9 +1209,9 @@
                    <li class="headerNumber">143-144</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">

 src/books/aviationBasicSkills/view/components/chapter007.vue

@@ -111,9 +111,9 @@
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -264,7 +264,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
@@ -460,9 +460,9 @@
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -791,9 +791,9 @@
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -833,9 +833,9 @@
                    <li class="headerNumber">157</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">

 src/books/aviationBasicSkills/view/components/chapter008.vue

@@ -119,9 +119,9 @@
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -185,9 +185,9 @@
                    <li class="headerNumber">163</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse; width: 100%;" class="fz-15 ">
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
@@ -444,9 +444,9 @@
                    <p class="p-even">
                        航前准备会结束后，当班乘务长带领组员排好队形，统一乘坐机组车进场并接受安检。客舱乘务员必须将空勤登机证佩戴于明显位置，便于安检人员对身份进行核对，并配合安检工作，然后统一乘车进入隔离区并上机。
                    </p>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -781,9 +781,9 @@
                    <p class="p-odd">⑤检查区域卫生间及客舱卫生。</p>
                    <p class="p-odd">⑥向乘务长报告准备情况。</p>
                    <p class="p-odd">当所有准备工作完毕之后，乘务长报告机长客舱准备工作完成，通知旅客登机。</p>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -920,7 +920,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center w25">序号</td>
@@ -1255,9 +1255,9 @@
                    <p class="p-odd">（4）旅客下机后，乘务员打开卫生间门并进行清舱工作，报告乘务长。</p>
                    <p class="p-odd">（5）厨房乘务员与航食工作人员交接供应品。</p>
                    <p class="p-odd">（6）乘务员离机时，最后一位离机的乘务员要将舱门上的黄色警示安全带挂上。</p>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1337,7 +1337,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">

                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
@@ -1482,9 +1482,9 @@
                            </el-tooltip>
                        </p>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1530,7 +1530,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>

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

@@ -15,7 +15,7 @@
        <!-- 介绍页面 -->
        <div class="page-box" page="3">
            <div v-if="showPageList.indexOf(3) > -1">
                <div style="max-width: 400px; margin: 0 auto; padding: 15% 0 15% 0;">
                <div style="margin: 0 25%; padding: 15% 0 15% 0;">
                    <hr />
                    <p class=""><b>图书在版编目（CIP）数据</b></p>
                    <p class="left3 block mr-0">民航服务基本技能/凌红主编.—2版.—北京：北京师范大学出版社，2024.9</p>
@@ -59,7 +59,7 @@
        <!-- 介绍页面 -->
        <div class="page-box" page="4">
            <div v-if="showPageList.indexOf(4) > -1">
                <div style="max-width: 600px; margin: 0 auto; padding: 15% 0 0 0;">
                <div style="margin: 0 15%; padding: 15% 0 15% 0;">
                    <div class="bk-bwh">
                        <h1 id="a003" class="front">职业教育航空运输类专业“产教融合”新形态教材专家指导委员会</h1>
                        <p class="center"></p>
@@ -83,7 +83,7 @@
        </div>
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <div style="padding: 136px 97px">
                <div style="padding: 136px 12%">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 100px 0;">
                            <h1 id="a004">前言</h1>
@@ -104,7 +104,7 @@
        </div>
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <div style="padding: 10% 97px">
                <div style="padding: 10% 12%">
                    <p class="td-0">
                        写力求文字简洁、通俗易懂。本教材体现“贴近社会生活、贴近民航服务工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”原则，注重学生职业核心能力的培养。
                    </p>
@@ -118,7 +118,7 @@
        </div>
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <div style="padding: 136px 97px">
                <div style="padding: 136px 12%">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 100px 0;">
                            <h1 id="a004">前言</h1>
@@ -140,7 +140,7 @@
        </div>
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <div style="padding:10% 97px">
                <div style="padding:10% 12%">
                    <p class="td-0">
                        学。本套教材既可供职业院校航空服务专业学生使用，也可作为民航企业员工培训教材或参考资料。
                    </p>

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

@@ -199,7 +199,7 @@

    // 测试页面跳转
    // setTimeout(() => {
    //   this.gotoPage(9, 189);
    //   this.gotoPage(9, 187);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",

 src/books/aviationEtiquette/assets/main.less

@@ -256,6 +256,21 @@
        padding-top:2px !important;
        padding-bottom:2px !important;
    }

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


    .cloud{
        padding: 0px 8px 0 0 !important;
    }
@@ -312,7 +327,7 @@
        padding-right: 8px;

        img {
            height: 20.8px;
            height: 21px;
        }
    }

@@ -322,6 +337,7 @@
    }

    .header-right-last {
        font-size: 17px;
        background-color: #B799B6; 
        padding: 2px 0;
        padding-left: 20px; 
@@ -329,6 +345,7 @@
    }

    .header-right-end {
        font-size: 17px;
        background-color: #738DC0;
        padding: 2px 0;
        padding-left: 50px;
@@ -1929,7 +1946,56 @@

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

            img{
                height: 16px;  
            }
        }

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

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

        h1{
            font-size: 1em;
        }

        h2 {
            font-size: 0.9em;
            margin-top: 1.8em;
            margin-bottom: 1.5em;
            margin-left: 2.5em;
        }
        .rwmb-4{
            margin-top: 1.5em;
            height: 1.5em;
        }

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

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

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

        .mr-70 {
            margin-right: 10px;
        }
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;

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

@@ -5,16 +5,11 @@
      <div v-if="showPageList.indexOf(7) > -1">
        <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
          <li class="headerText pNum">1</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="a005">
            <span class="h1-bj">模块一</span
            ><span class="h1-bk">民航礼仪与服务能力认知</span>
            <span class="h1-bj">模块一</span><span class="h1-bk">民航礼仪与服务能力认知</span>
          </h1>
          <h2 id="b001">项目一　礼仪认知</h2>
          <div class="tp-3">
@@ -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="center"><span class="cs1">曾子避席</span></p>
            <p class="fz-15">
@@ -50,28 +41,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">
              <p>1.什么是“避席”？</p>
              <textarea
                v-model="questionData.askAbout.one"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.one" placeholder="请输入内容" rows="4" class="fz-16 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>
@@ -83,11 +63,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">2</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="" />
@@ -95,8 +71,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c001">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">礼仪起源认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">礼仪起源认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的五种起源说。</p>
@@ -130,7 +105,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">3</li>
          <li class="p-Num">3</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -171,11 +146,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">4</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="" />
@@ -186,22 +157,16 @@
          <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">
              <p>
                周公和孔子对礼仪的发展起到了重要作用，请大家尽可能多地搜集有关周公和孔子的礼仪小故事，并挑选你体会最深的一个和同学们分享，告诉大家从他们的故事中你学到了什么，有什么感悟。
              </p>
              <textarea
                v-model="questionData.askAbout.three"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.three" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -210,9 +175,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">
@@ -220,13 +184,8 @@
              <p>
                随着信息技术革命的不断发展，在经济全球化的推动下，世界各国之间、不同民族之间、不同地域之间的交往与沟通日益频繁和密切，一些共同的礼仪将被作为国际公认的行为规范而普遍采用，从而进一步影响礼仪文化的发展，并最终形成新的礼仪规范。
              </p>
              <textarea
                v-model="questionData.askAbout.four"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.four" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p class="td-0 mt-10 mb-10"><span class="bj2">·触礼旁通·</span></p>
@@ -248,7 +207,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">5</li>
          <li class="p-Num">5</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -257,8 +216,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c002">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">礼仪内涵认知</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">礼仪内涵认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解“礼”和“仪”在不同方面的寓意。</p>
@@ -295,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">6</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="" />
@@ -334,28 +288,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">
              <p>1.在你的认知中，“礼仪”到底是什么呢？</p>
              <textarea
                v-model="questionData.askAbout.five"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.five" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.结合你的生活经历，讲一件你认为能传达讲礼、懂礼的事情。</p>
              <textarea
                v-model="questionData.askAbout.six"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.six" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -367,7 +310,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">7</li>
          <li class="p-Num">7</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -376,8 +319,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c003">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">礼仪特征认知</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">礼仪特征认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的六大特征。</p>
@@ -409,11 +351,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">8</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="" />
@@ -445,7 +383,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">9</li>
          <li class="p-Num">9</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -456,35 +394,23 @@
          <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">
              <p>
                1.在日常生活和学习中，如何理解礼仪的规范性特征？请举例说明。
              </p>
              <textarea
                v-model="questionData.askAbout.seven"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.seven" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.谈谈你对民航礼仪内涵的理解。</p>
              <textarea
                v-model="questionData.askAbout.eight"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.eight" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c004">
            <span class="h3-zt1">任务4</span
            ><span class="h3-bk">礼仪原则认知</span>
            <span class="h3-zt1">任务4</span><span class="h3-bk">礼仪原则认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解礼仪的五大原则。</p>
@@ -501,28 +427,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">
              <p>1.宴会主人为什么要把净手的水也喝掉呢？</p>
              <textarea
                v-model="questionData.askAbout.nine"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.nine" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.这个礼仪小故事对你有什么样的启示？</p>
              <textarea
                v-model="questionData.askAbout.ten"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.ten" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d011">一、礼敬他人的原则</h4>
@@ -538,11 +453,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">10</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="" />
@@ -581,7 +492,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">11</li>
          <li class="p-Num">11</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -607,30 +518,19 @@
          <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">
              <p>1.对于礼仪的原则，你是如何认识的？</p>
              <textarea
                v-model="questionData.askAbout.eleven"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.eleven" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>
                2.作为民航专业的学生，你认为民航从业人员应当具备哪些礼仪素质？
              </p>
              <textarea
                v-model="questionData.askAbout.twelve"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twelve" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
@@ -649,48 +549,20 @@
            1.周朝是礼仪逐步趋向完善的时代，在此期间，（　　）对礼仪的发展起到了巨大的作用。（单选题）
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />A.孟子
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />A.孟子
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />B.老子
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />B.老子
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />C.周公
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />C.周公
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectOne.one.value"
              @change="setBookQuestion"
            />D.孔子
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectOne.one.value" @change="setBookQuestion" />D.孔子
          </p>
        </div>
      </div>
@@ -701,11 +573,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">12</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="" />
@@ -714,212 +582,86 @@
        <div class="bodystyle">
          <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="3"
              v-model="questionData.projectOne.two.value"
              @change="setBookQuestion"
            />D.表示送礼物、礼品
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectOne.two.value" @change="setBookQuestion" />D.表示送礼物、礼品
          </p>
          <p>3.下面有关“仪”的内在含义说法正确的是（　　）。（多选题）</p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />A.“仪”具有表率、榜样和带头作用
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />A.“仪”具有表率、榜样和带头作用
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />B.指个人容貌、风度
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />B.指个人容貌、风度
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectOne.three.value"
              @change="setBookQuestion"
            />C.指各种大小型仪式、礼节
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectOne.three.value" @change="setBookQuestion" />C.指各种大小型仪式、礼节
          </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.规范性
            <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.时尚性
            <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.多样性
            <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.传承性
            <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="E"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />E.差异性
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="E" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />E.差异性
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="F"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />F.操作性
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="F" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />F.操作性
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="G"
              id="4"
              v-model="questionData.projectOne.four.value"
              @change="setBookQuestion"
            />G.时代性
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="G" id="4"
              v-model="questionData.projectOne.four.value" @change="setBookQuestion" />G.时代性
          </p>
          <p>
            5.礼仪的本质是“尊重”，尊己且尊他。有关礼敬他人的原则说法正确的是（　　）。（多选题）
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            A.礼敬他人是指在社交活动中，交往对象之间相互尊敬、谦让，友好相待，和睦共处
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            B.礼敬他人是尊重交往对象的人格，尊重交往对象的感情、喜好、习俗，尊重交往对象的劳动，将对交往对象的重视、恭敬、友好放在首位
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="C" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />
            C.礼敬他人主要是分场合和对象，根据具体的场合和对象选择是否给予对方尊重
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="5"
              v-model="questionData.projectOne.five.value"
              @change="setBookQuestion"
            />D.礼敬他人是与他人建立和谐的人际关系的基石
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="D" id="5"
              v-model="questionData.projectOne.five.value" @change="setBookQuestion" />D.礼敬他人是与他人建立和谐的人际关系的基石
          </p>
        </div>
      </div>
@@ -930,7 +672,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">13</li>
          <li class="p-Num">13</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -946,9 +688,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">
              了解了礼仪对服务的重要性后，李丽对提升民航服务质量有了新的认识。但老师又说，单纯地遵守规章、机械地使用服务技能和服务技巧，无法从真正意义上走出“模式化服务”的误区，不可能提供个性化的优质服务。航司人力资源部经理也告诉同学们，只有了解民航服务的现状，才能真正树立主动服务的意识。请学习者通过本项目的学习，了解民航服务的含义及本质，了解民航服务的现状及服务质量问题产生的原因，掌握民航服务中树立主动服务意识的重要性，从而提升服务意识，提供温馨、温情、用心的服务。
@@ -956,9 +696,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="center"><span class="cs1">曾子避席</span></p>
            <p class="fz-15">
@@ -972,41 +710,24 @@
          <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">
              <p>1.案例中这名旅客为什么会成为这家航空公司的忠实顾客？</p>
              <textarea
                v-model="questionData.askAbout.thirteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.此案例说明了民航服务从业人员需要具备什么样的素质？</p>
              <textarea
                v-model="questionData.askAbout.fourteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fourteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>3.这个案例对于你理解民航服务的含义有什么启示？</p>
              <textarea
                v-model="questionData.askAbout.fifteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fifteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h3 id="c005">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">理解民航服务的内涵及特征</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">理解民航服务的内涵及特征</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.理解民航服务的含义。</p>
@@ -1021,11 +742,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">14</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="" />
@@ -1065,7 +782,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">15</li>
          <li class="p-Num">15</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1076,36 +793,20 @@
          <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">
              <p>1.这名乘务员的哪些行为让王先生感到贴心？</p>
              <textarea
                v-model="questionData.askAbout.sixteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.sixteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.你觉得是什么让乘务员做出了这些贴心的事情？</p>
              <textarea
                v-model="questionData.askAbout.seventeen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.seventeen" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>3.从该案例出发，你怎么理解民航服务的本质？</p>
              <textarea
                v-model="questionData.askAbout.eighteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.eighteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1147,11 +848,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">16</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="" />
@@ -1187,20 +884,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">
              <p>民航服务的哪些服务让邝婆婆感受到了温馨和满意？</p>
              <textarea
                v-model="questionData.askAbout.nineteen"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.nineteen" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1212,7 +903,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">17</li>
          <li class="p-Num">17</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1221,8 +912,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c006">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">理解民航服务的现状</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">理解民航服务的现状</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民航服务的现状及服务质量问题产生的原因。</p>
@@ -1237,22 +927,16 @@
          <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">
              <p>
                请大家讨论一下：什么才是提升服务满意度的法宝呢？民航服务出现质量问题的原因究竟是什么？
              </p>
              <textarea
                v-model="questionData.askAbout.twenty"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twenty" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d021">二、民航服务质量问题分析</h4>
@@ -1263,20 +947,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">
              <p>在工作中具有较强的自我意识体现在哪里？会带来什么影响呢？</p>
              <textarea
                v-model="questionData.askAbout.twentyOne"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyOne" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1288,11 +966,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">18</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="" />
@@ -1318,22 +992,16 @@
          <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">
              <p>
                羊群能在寒冷的冬天顺利生存的原因是什么？结合生活实际，谈谈你对危机意识的理解。
              </p>
              <textarea
                v-model="questionData.askAbout.twentyTwo"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyTwo" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1348,7 +1016,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">19</li>
          <li class="p-Num">19</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1359,20 +1027,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">
              <p>民航企业在发展中面临着哪些竞争与危机？</p>
              <textarea
                v-model="questionData.askAbout.twentyThree"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyThree" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h5 id="e011">（四）培训提升有待加强</h5>
@@ -1382,30 +1044,23 @@
          <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">
              <p>
                结合民航业的发展现状，你认为民航业应该侧重培训员工哪些方面？
              </p>
              <textarea
                v-model="questionData.askAbout.twentyFour"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyFour" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
            一些民航企业和员工的服务意识淡薄，缺乏服务责任心，这样很难有效提升民航服务的整体水平。加强民航服务人员“以旅客为中心”的服务理念，形成机场围绕飞机转、飞机围绕市场转、市场围绕旅客转的良性循环模式，是不断提升民航服务质量的基础。
          </p>
          <h3 id="c007">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">理解主动服务的重要性</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">理解主动服务的重要性</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解主动服务的内涵。</p>
@@ -1424,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">20 </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="" />
@@ -1452,30 +1103,19 @@
          <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">
              <p>1.案例中的汤乘务长为了给孩子降温做了哪些事情呢？</p>
              <textarea
                v-model="questionData.askAbout.twentyFive"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyFive" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>
                2.是什么样的动力让汤乘务长能够坚持蹲在孩子面前十几分钟做医疗救治呢？
              </p>
              <textarea
                v-model="questionData.askAbout.twentySix"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentySix" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <h4 id="d023">二、对民航服务意识的要求</h4>
@@ -1497,7 +1137,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">21</li>
          <li class="p-Num">21</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1542,11 +1182,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">22</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="" />
@@ -1556,30 +1192,19 @@
          <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">
              <p>
                1.这个案例中，哪些行为属于航空服务人员提供的工作职责规定以外的服务？
              </p>
              <textarea
                v-model="questionData.askAbout.twentySeven"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentySeven" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.案例中小李是怎样主动提供服务的？</p>
              <textarea
                v-model="questionData.askAbout.twentyEight"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyEight" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1602,22 +1227,16 @@
          <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">
              <p>
                在民航服务中，如何才能产生“期待效应”？你可以从哪些方面培养自己的职业意识呢？
              </p>
              <textarea
                v-model="questionData.askAbout.twentyNine"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentyNine" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -1629,7 +1248,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">23</li>
          <li class="p-Num">23</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1669,11 +1288,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">24</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="" />
@@ -1682,9 +1297,7 @@
        <div class="bodystyle">
          <p class="td-0 mb-10 mt-10"><span class="bj2">·触礼旁通·</span></p>
          <p class="center">
            <span class="cs1"
              >“这张照片对于我来说太珍贵了！谢谢，谢谢你，姑娘”</span
            >
            <span class="cs1">“这张照片对于我来说太珍贵了！谢谢，谢谢你，姑娘”</span>
          </p>
          <p class="block">
            当代表永恒爱情的玫瑰花经由久经岁月沧桑的双手递到对面那双手上时，一生挚爱的两位老人紧紧相拥，万米高空上的所有人共同见证了这场感人的爱情故事。
@@ -1695,28 +1308,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">
              <p>1.乘务长吴某对老爷爷提供了什么价值的服务？</p>
              <textarea
                v-model="questionData.askAbout.thirty"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirty" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.读完案例你有何感悟？对乘务员这一工作多了哪些认识？</p>
              <textarea
                v-model="questionData.askAbout.thirtyOne"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyOne" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -1725,20 +1327,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">
              <p>怎样理解民航服务过程中的眼到、口到、心到？</p>
              <textarea
                v-model="questionData.askAbout.thirtyTwo"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyTwo" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <div class="bk4">
@@ -1758,7 +1354,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">25</li>
          <li class="p-Num">25</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1769,204 +1365,82 @@
          <p class="td-0 mb-10 mt-10"><span class="bj2">·项目自测·</span></p>
          <p>1.以下哪项不属于民航服务的行业特征？（　　）（单选题）</p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />A.经济性
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />A.经济性
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />B.功能性
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />B.功能性
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />C.文明性
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectTwo.one.value" @change="setBookQuestion" />C.文明性
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectTwo.one.value"
              @change="setBookQuestion"
            />D.随机性
            <input type="radio" 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="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />A.具有“我为人人，人人为我”的大局意识
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />A.具有“我为人人，人人为我”的大局意识
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />B.具有主随客便的变通意识
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />B.具有主随客便的变通意识
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />C.具有旅客至上、服务第一的规则意识
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectTwo.two.value" @change="setBookQuestion" />C.具有旅客至上、服务第一的规则意识
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectTwo.two.value"
              @change="setBookQuestion"
            />D.具有以顾客为中心的服务意识
            <input type="radio" 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="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />A.安全
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />A.安全
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />B.快捷省时
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />B.快捷省时
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />C.有人提供专门服务
            <input type="radio" name="ball2" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectTwo.three.value" @change="setBookQuestion" />C.有人提供专门服务
          </p>
          <p>
            <input
              type="radio"
              name="ball2"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectTwo.three.value"
              @change="setBookQuestion"
            />D.舒适
            <input type="radio" name="ball2" :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="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />A.充分理解旅客的过错
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />A.充分理解旅客的过错
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />B.充分理解旅客的需求
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />B.充分理解旅客的需求
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />C.充分理解旅客的想法和心态
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />C.充分理解旅客的想法和心态
          </p>
          <p>
            <input
              type="checkbox"
              name="ball2"
              :disabled="questionData.isComplete"
              value="A"
              id="4"
              v-model="questionData.projectTwo.four.value"
              @change="setBookQuestion"
            />D.充分理解不同旅客
            <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="A" id="4"
              v-model="questionData.projectTwo.four.value" @change="setBookQuestion" />D.充分理解不同旅客
          </p>
          <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>
        </div>
      </div>
    </div>
@@ -1976,11 +1450,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">26</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="" />
@@ -1995,9 +1465,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">
              李丽和同学们坚定了做好民航服务工作的决心，也树立了成为一名优秀民航员工的理想。随着民航事业的不断发展，面对旅客越来越高的服务要求，民航员工需要用自己灵活多变的能力和技巧来服务旅客。那么究竟需要具备哪些能力呢？请学习者通过本项目的学习，了解民航员工的概念，了解民航员工的岗位职责，掌握民航员工应具备的通用能力，从而能够在实际工作中灵活多变，运用各项能力解决实际问题。
@@ -2005,9 +1473,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="center"><span class="cs1">细腻的心，贴心的服务</span></p>
            <p>
@@ -2026,28 +1492,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">
              <p>1.此案例中小李具备哪些职业素养能力？</p>
              <textarea
                v-model="questionData.askAbout.thirtyThree"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyThree" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.案例中的旅客为何会感谢小李？</p>
              <textarea
                v-model="questionData.askAbout.thirtyFour"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyFour" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -2059,7 +1514,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">27</li>
          <li class="p-Num">27</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2068,8 +1523,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c008">
            <span class="h3-zt1">任务1</span
            ><span class="h3-bk">民航员工工作职责认知</span>
            <span class="h3-zt1">任务1</span><span class="h3-bk">民航员工工作职责认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民用航空人员的概念。</p>
@@ -2107,11 +1561,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">28</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="" />
@@ -2161,7 +1611,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">29</li>
          <li class="p-Num">29</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2202,11 +1652,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">30</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="" />
@@ -2254,7 +1700,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">31</li>
          <li class="p-Num">31</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2295,20 +1741,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">
              <p>作为一名民航服务人员，应该具备哪些素养能力呢？</p>
              <textarea
                v-model="questionData.askAbout.thirtyFive"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyFive" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
        </div>
@@ -2320,11 +1760,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">32</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="" />
@@ -2332,8 +1768,7 @@
        </ul>
        <div class="bodystyle">
          <h3 id="c009">
            <span class="h3-zt1">任务2</span
            ><span class="h3-bk">民航员工基本能力认知</span>
            <span class="h3-zt1">任务2</span><span class="h3-bk">民航员工基本能力认知</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.了解民用航空人员应具备的通用能力。</p>
@@ -2355,28 +1790,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">
              <p>1.新加坡航空为什么要把微笑作为重要的选拔标准？</p>
              <textarea
                v-model="questionData.askAbout.twentySix"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.twentySix" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.在生活中保持微笑对你有什么益处？</p>
              <textarea
                v-model="questionData.askAbout.thirtySeven"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtySeven" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2391,7 +1815,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">33</li>
          <li class="p-Num">33</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2430,11 +1854,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">34</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="" />
@@ -2444,28 +1864,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">
              <p>1.此案例体现了乘务员的什么素养能力？</p>
              <textarea
                v-model="questionData.askAbout.thirtyEight"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyEight" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.使旅客小周感动的原因是什么？从案例中你学到了什么？</p>
              <textarea
                v-model="questionData.askAbout.thirtyNine"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.thirtyNine" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2495,7 +1904,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">35</li>
          <li class="p-Num">35</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2509,30 +1918,19 @@
          <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">
              <p>
                1.除了基础的服务流程，想让旅客有更舒心的服务体验还需要空乘人员具有什么能力？
              </p>
              <textarea
                v-model="questionData.askAbout.forty"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.forty" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
              <p>2.该案例给你什么样的启示？</p>
              <textarea
                v-model="questionData.askAbout.fortyOne"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortyOne" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2556,11 +1954,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">36</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="" />
@@ -2579,22 +1973,16 @@
          <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">
              <p>
                您从此事例中看到小吴的什么职业素养能力？给您带来了什么启发？
              </p>
              <textarea
                v-model="questionData.askAbout.fortyTwo"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortyTwo" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2617,7 +2005,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">37</li>
          <li class="p-Num">37</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2636,28 +2024,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">
              <p>1.该案例中哪些地方的沟通还需改进？</p>
              <textarea
                v-model="questionData.askAbout.fortyThree"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortyThree" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>2.结合当时的情况，你觉得应该怎样进行有效的沟通？</p>
              <textarea
                v-model="questionData.askAbout.fortyFour"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortyFour" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2686,11 +2063,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">38</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="" />
@@ -2727,7 +2100,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">39</li>
          <li class="p-Num">39</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2741,30 +2114,19 @@
          <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">
              <p>1.刘传建机长在处置该事件中，展现了他的哪些能力？</p>
              <textarea
                v-model="questionData.askAbout.fortyFive"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortyFive" placeholder="请输入内容" rows="4"
                class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
              <p>
                2.如果你是该航班的一名乘务员，在平时的培训中你需要积累哪些方面的素养来完善自己处理紧急情况的能力呢？
              </p>
              <textarea
                v-model="questionData.askAbout.fortySix"
                placeholder="请输入内容"
                rows="4"
                class="fz-16 textarea-box"
                @change="setBookQuestion"
              ></textarea>
              <textarea v-model="questionData.askAbout.fortySix" placeholder="请输入内容" rows="4" class="fz-16 textarea-box"
                @change="setBookQuestion"></textarea>
            </div>
          </div>
          <p>
@@ -2772,40 +2134,20 @@
          </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>
              <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
                x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
                controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
            </p>
            <p class="center videoname">
              <span>视频：川航紧急撤离</span>
              <el-tooltip
                class="item"
                effect="dark"
                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start"
              >
                <img
                  :src="
                    collectResourceList.findIndex(
                      (item) => item.id == '4f0afd466e16bde40a447ff467452181'
                    ) > -1
                      ? collectCheck
                      : collectImg
                  "
                  alt=""
                  class="collect-btn"
                  @click="handleCollect('video-01')"
                />
              <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                placement="top-start">
                <img :src="collectResourceList.findIndex(
                  (item) => item.id == '4f0afd466e16bde40a447ff467452181'
                ) > -1
                    ? collectCheck
                    : collectImg
                  " alt="" class="collect-btn" @click="handleCollect('video-01')" />
              </el-tooltip>
            </p>
          </div>
@@ -2828,11 +2170,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">40</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="" />
@@ -2868,7 +2206,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">41</li>
          <li class="p-Num">41</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2885,8 +2223,7 @@
            全美航空1549航班两台发动机被鸟击以后，在完全失去动力的情况下飞行员靠飘降成功迫降至哈德逊河面上，155人全部生还。这虽然证明了机长拥有精湛驾驶技术，但不可否认的是，在迫降以后机舱内的疏散工作全部是由乘务员组织完成的，他们以极其专业的素养与团队精神，将全部旅客安全疏散。当时舱内共有三名乘务员，两名乘务员在客舱前部迅速引导旅客撤离，一名在客舱尾部努力引导旅客向机舱前部运动（因为飞机尾部在水中吃水很深，要是任何一个后门被打开，河水会很快进入舱内，飞机可能不会漂浮那么长时间）。在三名乘务员默契的配合下，155名旅客全部生还，而且没有遭受重大伤害。
          </p>
          <h3 id="c010">
            <span class="h3-zt1">任务3</span
            ><span class="h3-bk">民航员工基本能力实训</span>
            <span class="h3-zt1">任务3</span><span class="h3-bk">民航员工基本能力实训</span>
          </h3>
          <p><b>任务目标：</b></p>
          <p>1.通过训练培养亲和力。</p>
@@ -2910,11 +2247,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">42</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="" />
@@ -2938,296 +2271,134 @@
            （1）匆忙地行走在路上，别人向你打招呼“你好啊！”，你会停下脚步同他聊聊吗？
          </p>
          <p>
            <input
              type="radio"
              name="one"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.one"
              @change="setEvaluation"
            />是
            <input type="radio" name="one" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="one"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.one"
              @change="setEvaluation"
            />否
            <input type="radio" name="one" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.one" @change="setEvaluation" />否
          </p>
          <p class="block">（2）与朋友交谈时，你是否总是以自己为中心？</p>
          <p>
            <input
              type="radio"
              name="two"
              value="1"
              id="2"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.two"
              @change="setEvaluation"
            />是
            <input type="radio" name="two" value="1" id="2" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="two"
              value="0"
               id="2"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.two"
              @change="setEvaluation"
            />否
            <input type="radio" name="two" value="0" id="2" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.two" @change="setEvaluation" />否
          </p>
          <p class="block">（3）聚会中不到人人疲倦，你不会告退。</p>
          <p>
            <input
              type="radio"
              name="three"
              value="1"
               id="3"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.three"
              @change="setEvaluation"
            />是
            <input type="radio" name="three" value="1" id="3" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="three"
              value="0"
              id="3"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.three"
              @change="setEvaluation"
            />否
            <input type="radio" name="three" value="0" id="3" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.three" @change="setEvaluation" />否
          </p>
          <p class="block">
            （4）不管别人有没有要求，你都会主动提出建议，告诉他应该怎么去做吗？
          </p>
          <p>
            <input
              type="radio"
              name="four"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.four"
              @change="setEvaluation"
            />是
            <input type="radio" name="four" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="four"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.four"
              @change="setEvaluation"
            />否
            <input type="radio" name="four" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.four" @change="setEvaluation" />否
          </p>
          <p class="block">
            （5）你讲的故事或逸事是否总是又长又复杂，别人需要耐心地去听？
          </p>
          <p>
            <input
              type="radio"
              name="five"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.five"
              @change="setEvaluation"
            />是
            <input type="radio" name="five" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="five"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.five"
              @change="setEvaluation"
            />否
            <input type="radio" name="five" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.five" @change="setEvaluation" />否
          </p>
          <p class="block">（6）当他人在融洽地交谈时，你是否会贸然地插话？</p>
          <p>
            <input
              type="radio"
              name="six"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.six"
              @change="setEvaluation"
            />是
            <input type="radio" name="six" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="six"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.six"
              @change="setEvaluation"
            />否
            <input type="radio" name="six" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.six" @change="setEvaluation" />否
          </p>
          <p class="block">
            （7）你是否会经常津津有味地与朋友谈起他们不认识的人？
          </p>
          <p>
            <input
              type="radio"
              name="seven"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.seven"
              @change="setEvaluation"
            />是
            <input type="radio" name="seven" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="seven"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.seven"
              @change="setEvaluation"
            />否
            <input type="radio" name="seven" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.seven" @change="setEvaluation" />否
          </p>
          <p class="block">（8）当别人交谈时，你是否会打断他们？</p>
          <p>
            <input
              type="radio"
              name="eight"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eight"
              @change="setEvaluation"
            />是
            <input type="radio" name="eight" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eight"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eight"
              @change="setEvaluation"
            />否
            <input type="radio" name="eight" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eight" @change="setEvaluation" />否
          </p>
          <p class="block">
            （9）你是否觉得自己讲故事给别人听，比别人讲给你听有意思？
          </p>
          <p>
            <input
              type="radio"
              name="nine"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.nine"
              @change="setEvaluation"
            />是
            <input type="radio" name="nine" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="nine"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.nine"
              @change="setEvaluation"
            />否
            <input type="radio" name="nine" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.nine" @change="setEvaluation" />否
          </p>
          <p class="block">
            （10）你是否常提醒朋友要信守诺言，问他“你记得吗”或“你忘了吗”？
          </p>
          <p>
            <input
              type="radio"
              name="ten"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.ten"
              @change="setEvaluation"
            />是
            <input type="radio" name="ten" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="ten"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.ten"
              @change="setEvaluation"
            />否
            <input type="radio" name="ten" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.ten" @change="setEvaluation" />否
          </p>
          <p class="block">（11）你是否坚持让朋友阅读你认为有趣的信息？</p>
          <p>
            <input
              type="radio"
              name="eleven"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eleven"
              @change="setEvaluation"
            />是
            <input type="radio" name="eleven" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eleven"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eleven"
              @change="setEvaluation"
            />否
            <input type="radio" name="eleven" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.eleven" @change="setEvaluation" />否
          </p>
          <p class="block">
            （12）你是否打电话时说个没完，让其他人在一旁着急等待？
          </p>
          <p>
            <input
              type="radio"
              name="twelve"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.twelve"
              @change="setEvaluation"
            />是
            <input type="radio" name="twelve" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="twelve"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.twelve"
              @change="setEvaluation"
            />否
            <input type="radio" name="twelve" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.twelve" @change="setEvaluation" />否
          </p>
          <p class="block">
            （13）你是否经常发现朋友的短处，并要求他们去改进？
          </p>
          <p>
            <input
              type="radio"
              name="thirteen"
              value="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.thirteen"
              @change="setEvaluation"
            />是
            <input type="radio" name="thirteen" value="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="thirteen"
              value="0"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.thirteen"
              @change="setEvaluation"
            />否
            <input type="radio" name="thirteen" value="0" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationOneValue.thirteen" @change="setEvaluation" />否
          </p>
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
@@ -3254,7 +2425,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">43</li>
          <li class="p-Num">43</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -3288,95 +2459,39 @@
          <p class="center"><span class="cs1">倾听能力测试</span></p>
          <p class="block">（1）我常常试图同时听几个人的交谈。</p>
          <p>
          <input
              type="radio"
              name="eOne"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.one"
              @change="setEvaluation"
            />是
            <input type="radio" name="eOne" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eOne"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.one"
              @change="setEvaluation"
            />否
            <input type="radio" name="eOne" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.one" @change="setEvaluation" />否
          </p>
          <p class="block">（2）喜欢别人只给我提供事实，我自己做出解释。</p>
          <p>
          <input
              type="radio"
              name="eTwo"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.two"
              @change="setEvaluation"
            />是
            <input type="radio" name="eTwo" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eTwo"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.two"
              @change="setEvaluation"
            />否
            <input type="radio" name="eTwo" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.two" @change="setEvaluation" />否
          </p>
          <p class="block">（3）有时假装自己在认真听别人说话。</p>
          <p>
          <input
              type="radio"
              name="eThree"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.three"
              @change="setEvaluation"
            />是
            <input type="radio" name="eThree" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eThree"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.three"
              @change="setEvaluation"
            />否
            <input type="radio" name="eThree" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.three" @change="setEvaluation" />否
          </p>
          <p class="block">（4）认为自己是非言语沟通方面的好手。</p>
          <p>
          <input
              type="radio"
              name="eFour"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.four"
              @change="setEvaluation"
            />是
            <input type="radio" name="eFour" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eFour"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.four"
              @change="setEvaluation"
            />否
            <input type="radio" name="eFour" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.four" @change="setEvaluation" />否
          </p>
        </div>
      </div>
@@ -3387,11 +2502,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">44</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="" />
@@ -3400,277 +2511,123 @@
        <div class="bodystyle">
          <p class="block">（5）常常在别人说话之前就知道他要说什么。</p>
          <p>
          <input
              type="radio"
              name="eFive"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.five"
              @change="setEvaluation"
            />是
            <input type="radio" name="eFive" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eFive"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.five"
              @change="setEvaluation"
            />否
            <input type="radio" name="eFive" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.five" @change="setEvaluation" />否
          </p>
          <p class="block">
            （6）如果不喜欢和某人交谈，常常用注意力不集中的方式结束谈话。
          </p>
          <p>
          <input
              type="radio"
              name="eSix"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.six"
              @change="setEvaluation"
            />是
            <input type="radio" name="eSix" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eSix"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.six"
              @change="setEvaluation"
            />否
            <input type="radio" name="eSix" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.six" @change="setEvaluation" />否
          </p>
          <p class="block">
            （7）常常用点头、皱眉等方式让说话人了解我对他说的内容的感觉。
          </p>
          <p>
          <input
              type="radio"
              name="eSeven"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.seven"
              @change="setEvaluation"
            />是
            <input type="radio" name="eSeven" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eSeven"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.seven"
              @change="setEvaluation"
            />否
            <input type="radio" name="eSeven" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.seven" @change="setEvaluation" />否
          </p>
          <p class="block">（8）常常别人刚说完，我就谈自己的看法。</p>
          <p>
          <input
              type="radio"
              name="eEight"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eight"
              @change="setEvaluation"
            />是
            <input type="radio" name="eEight" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eEight"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eight"
              @change="setEvaluation"
            />否
            <input type="radio" name="eEight" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eight" @change="setEvaluation" />否
          </p>
          <p class="block">
            （9）别人说话的同时，我常常思考接下来我要说的内容。
          </p>
          <p>
          <input
              type="radio"
              name="eNine"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.nine"
              @change="setEvaluation"
            />是
            <input type="radio" name="eNine" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eNine"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.nine"
              @change="setEvaluation"
            />否
            <input type="radio" name="eNine" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.nine" @change="setEvaluation" />否
          </p>
          <p class="block">
            （10）说话人的谈话风格常常影响我对谈话内容的兴趣。
          </p>
          <p>
          <input
              type="radio"
              name="eTen"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.ten"
              @change="setEvaluation"
            />是
            <input type="radio" name="eTen" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eTen"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.ten"
              @change="setEvaluation"
            />否
            <input type="radio" name="eTen" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.ten" @change="setEvaluation" />否
          </p>
          <p class="block">
            （11）为了弄清对方所说的观点，我常采取提问的方式，而不进行猜测。
          </p>
          <p>
          <input
              type="radio"
              name="eEleven"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eleven"
              @change="setEvaluation"
            />是
            <input type="radio" name="eEleven" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eEleven"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eleven"
              @change="setEvaluation"
            />否
            <input type="radio" name="eEleven" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.eleven" @change="setEvaluation" />否
          </p>
          <p class="block">（12）为了理解对方的观点，我总会下狠功夫。</p>
          <p>
          <input
              type="radio"
              name="eTwelve"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.twelve"
              @change="setEvaluation"
            />是
            <input type="radio" name="eTwelve" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eTwelve"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.twelve"
              @change="setEvaluation"
            />否
            <input type="radio" name="eTwelve" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.twelve" @change="setEvaluation" />否
          </p>
          <p class="block">
            （13）常常听自己喜欢听的内容，而不是听别人表达的内容。
          </p>
          <p>
          <input
              type="radio"
              name="eThirteen"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.thirteen"
              @change="setEvaluation"
            />是
            <input type="radio" name="eThirteen" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eThirteen"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.thirteen"
              @change="setEvaluation"
            />否
            <input type="radio" name="eThirteen" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.thirteen" @change="setEvaluation" />否
          </p>
          <p class="block">
            （14）当我和别人意见不一致时，大多数人认为我理解了他们的观点和想法。
          </p>
          <p>
          <input
              type="radio"
              name="eFourteen"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fourteen"
              @change="setEvaluation"
            />是
            <input type="radio" name="eFourteen" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eFourteen"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fourteen"
              @change="setEvaluation"
            />否
            <input type="radio" name="eFourteen" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fourteen" @change="setEvaluation" />否
          </p>
          <p class="block">（15）别人说话的同时，我也在评价他讲的内容。</p>
          <p>
          <input
              type="radio"
              name="eFifteen"
              value="0"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fifteen"
              @change="setEvaluation"
            />是
            <input type="radio" name="eFifteen" value="0" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />是
          </p>
          <p>
            <input
              type="radio"
              name="eFifteen"
              value="1"
              id="1"
              :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fifteen"
              @change="setEvaluation"
            />否
            <input type="radio" name="eFifteen" value="1" id="1" :disabled="evaluation.isComplete"
              v-model="evaluation.evaluationTwoValue.fifteen" @change="setEvaluation" />否
          </p>
          <p class="block">测试结果：</p>
          <p class="block">
            题目4、11、12、14的答案为“是”，其余为“否”。将答错的题目个数加起来后乘7，再用105减去这个数，就是最后得分。评判：91～105之间，说明有良好的倾听习惯；77～90之间，说明还有很大的进步空间。
          </p>
<!-- 提交按钮 -->
<div class="w100 fl ju-cn">
          <!-- 提交按钮 -->
          <div class="w100 fl ju-cn">
            <ul class="fl ju-ev w80 choice">
              <li>
                <button class="btn-border btn-w" @click="goCheckTwo">
@@ -3720,7 +2677,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块一</li>
          <li class="header-right-Number">民航礼仪与服务能力认知</li>
          <li class="header-right-Number pNum">45</li>
          <li class="p-Num">45</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -3743,184 +2700,74 @@
            1.作为一名民用航空人员，应具备哪些基本能力呢？（　　）（多选题）
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="A"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />A.良好的亲和能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />A.良好的亲和能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="B"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />B.细微的观察能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />B.细微的观察能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="C"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />C.敏锐的注意能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />C.敏锐的注意能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="D"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />D.主动的倾听能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />D.主动的倾听能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="E"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />E.有效的沟通能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />E.有效的沟通能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="F"
              id="1"
              v-model="questionData.projectThree.one.value"
              @change="setBookQuestion"
            />F.应急处理能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="F" id="1"
              v-model="questionData.projectThree.one.value" @change="setBookQuestion" />F.应急处理能力
          </p>
          <p>
            2.民用航空人员在服务过程中应使用正确适当的用语。下列哪些服务用语是忌讳的？（　　）（多选题）
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="A"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />A.对旅客使用不恰当的称呼
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />A.对旅客使用不恰当的称呼
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="B"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />B.对旅客使用不耐烦、推托、冷漠的语句
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />B.对旅客使用不耐烦、推托、冷漠的语句
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="C"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />C.对旅客提出的问题热情大方地回应，做到及时有效的沟通
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />C.对旅客提出的问题热情大方地回应，做到及时有效的沟通
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="D"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />D.对旅客使用反问、责问、轻视的语句
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />D.对旅客使用反问、责问、轻视的语句
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="E"
              id="2"
              v-model="questionData.projectThree.two.value"
              @change="setBookQuestion"
            />E.对旅客使用催促命令式的语句
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="E" id="2"
              v-model="questionData.projectThree.two.value" @change="setBookQuestion" />E.对旅客使用催促命令式的语句
          </p>
          <p>
            3.作为一名民用航空人员，当面对突发情况时应沉着冷静，同时也该具备哪些基本素养能力呢？（　　）（多选题）
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="A"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />A.心理素质
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />A.心理素质
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="B"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />B.坚实的专业知识
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="B" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />B.坚实的专业知识
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="C"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />C.组织能力
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="C" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />C.组织能力
          </p>
          <p>
            <input
              type="checkbox"
              name="ball1"
              :disabled="questionData.isComplete"
              value="D"
              id="3"
              v-model="questionData.projectThree.three.value"
              @change="setBookQuestion"
            />D.团队精神
            <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="D" id="3"
              v-model="questionData.projectThree.three.value" @change="setBookQuestion" />D.团队精神
          </p>
          <p>4.根据目前所学专业，请分析自己应该具备哪些素养能力。</p>
          <textarea
            v-model="questionData.projectThree.four.value"
            placeholder="请输入内容"
            rows="4"
            class="fz-16 textarea-box"
            @change="setBookQuestion"
          ></textarea>
          <textarea v-model="questionData.projectThree.four.value" placeholder="请输入内容" rows="4"
            class="fz-16 textarea-box" @change="setBookQuestion"></textarea>
        </div>
      </div>
    </div>
@@ -4056,17 +2903,17 @@
            value: "",
          },
        },
        

      },
      evaluation:{
      evaluation: {
        isComplete: false,
        evaluationOneValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
@@ -4075,14 +2922,14 @@
          twelve: "",
          thirteen: "",
        }, //测评答案
        

        evaluationTwoValue: {
          one:"",
          one: "",
          two: "",
          three: "",
          four: "",
          five: "",
          six:"",
          six: "",
          seven: "",
          eight: "",
          nine: "",
@@ -4098,7 +2945,7 @@
      evaluationTwoResults: 0, //测评结果
    };
  },
  

  async mounted() {
    const bookQuestion = localStorage.getItem(
      "aviationEtiquette-book-chapter01-question"
@@ -4113,7 +2960,7 @@
    if (evaluationData) {
      this.evaluation = JSON.parse(evaluationData);
    }
    


    const videoData = localStorage.getItem(
      "civilAviatyonSevervices-book-chapter001"
@@ -4140,14 +2987,14 @@
    },

    //测试提交
    setEvaluation(){
    setEvaluation() {
      localStorage.setItem(
        "aviationEtiquette-book-chapter01-evaluation",
        JSON.stringify(this.evaluation)
      );
    },
    goCheckOne(){
      console.log(localStorage.getItem("aviationEtiquette-book-chapter01-evaluation"),"ceshi")
    goCheckOne() {
      console.log(localStorage.getItem("aviationEtiquette-book-chapter01-evaluation"), "ceshi")
      let obj = 0
      for (let key in this.evaluation.evaluationOneValue) {
        if (this.evaluation.evaluationOneValue[key] == '1') {

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

@@ -96,7 +96,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">91</li>
          <li class="p-Num">91</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -179,7 +179,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">93</li>
          <li class="p-Num">93</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -303,7 +303,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">95</li>
          <li class="p-Num">95</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -418,7 +418,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">97</li>
          <li class="p-Num">97</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -770,7 +770,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">99</li>
          <li class="p-Num">99</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -877,7 +877,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">101</li>
          <li class="p-Num">101</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1001,7 +1001,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">103</li>
          <li class="p-Num">103</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1113,7 +1113,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">105</li>
          <li class="p-Num">105</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1222,7 +1222,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">107</li>
          <li class="p-Num">107</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1343,7 +1343,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">109</li>
          <li class="p-Num">109</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1460,7 +1460,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块三</li>
          <li class="header-right-Number">民航沟通礼仪实训</li>
          <li class="header-right-Number pNum">111</li>
          <li class="p-Num">111</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>

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

@@ -82,7 +82,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">113</li>
          <li class="p-Num">113</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -195,7 +195,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">115</li>
          <li class="p-Num">115</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -304,7 +304,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">117</li>
          <li class="p-Num">117</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -409,7 +409,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">119</li>
          <li class="p-Num">119</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -588,7 +588,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">121</li>
          <li class="p-Num">121</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -719,7 +719,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">123</li>
          <li class="p-Num">123</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -831,7 +831,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">125</li>
          <li class="p-Num">125</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -953,7 +953,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">127</li>
          <li class="p-Num">127</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1252,7 +1252,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">129</li>
          <li class="p-Num">129</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1359,7 +1359,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">131</li>
          <li class="p-Num">131</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1484,7 +1484,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">133</li>
          <li class="p-Num">133</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1720,7 +1720,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">135</li>
          <li class="p-Num">135</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1843,7 +1843,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">137</li>
          <li class="p-Num">137</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -1977,7 +1977,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">139</li>
          <li class="p-Num">139</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2099,7 +2099,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">141</li>
          <li class="p-Num">141</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2213,7 +2213,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">143</li>
          <li class="p-Num">143</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>
@@ -2306,7 +2306,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块四</li>
          <li class="header-right-Number">民航专业礼仪实训</li>
          <li class="header-right-Number pNum">145</li>
          <li class="p-Num">145</li>
          <li class="header-right-Number cloud">
            <img class="" src="../../assets/images/yemei02.png" alt="" />
          </li>

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

@@ -106,7 +106,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">149</li>
          <li class="p-Num">149</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -199,7 +199,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">151</li>
          <li class="p-Num">151</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -317,7 +317,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">153</li>
          <li class="p-Num">153</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -571,7 +571,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">155</li>
          <li class="p-Num">155</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -657,7 +657,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">157</li>
          <li class="p-Num">157</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -767,7 +767,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">159</li>
          <li class="p-Num">159</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -848,7 +848,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">161</li>
          <li class="p-Num">161</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -996,7 +996,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">拓展模块</li>
          <li class="header-right-Number">礼仪活动策划</li>
          <li class="header-right-Number pNum">163</li>
          <li class="p-Num">163</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>

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

@@ -57,7 +57,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">47</li>
          <li class="p-Num">47</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -141,7 +141,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">49</li>
          <li class="p-Num">49</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -248,7 +248,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">51</li>
          <li class="p-Num">51</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -341,7 +341,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">53</li>
          <li class="p-Num">53</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -446,7 +446,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">55</li>
          <li class="p-Num">55</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -552,7 +552,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">57</li>
          <li class="p-Num">57</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -687,7 +687,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">59</li>
          <li class="p-Num">59</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -888,7 +888,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">61</li>
          <li class="p-Num">61</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1001,7 +1001,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">63</li>
          <li class="p-Num">63</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1091,7 +1091,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">65</li>
          <li class="p-Num">65</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1220,7 +1220,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">67</li>
          <li class="p-Num">67</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1334,7 +1334,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">69</li>
          <li class="p-Num">69</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1474,7 +1474,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">71</li>
          <li class="p-Num">71</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1780,7 +1780,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">73</li>
          <li class="p-Num">73</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1876,7 +1876,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">75</li>
          <li class="p-Num">75</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -1988,7 +1988,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">77</li>
          <li class="p-Num">77</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2091,7 +2091,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">79</li>
          <li class="p-Num">79</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2209,7 +2209,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">81</li>
          <li class="p-Num">81</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2300,7 +2300,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">83</li>
          <li class="p-Num">83</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2396,7 +2396,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">85</li>
          <li class="p-Num">85</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>
@@ -2508,7 +2508,7 @@
        <ul class="fl al-c pad-t-55 pad-l-80 jc-fe mb-45">
          <li class="header-right-Number header-right-title">模块二</li>
          <li class="header-right-Number">民航人员职业形象塑造</li>
          <li class="header-right-Number pNum">87</li>
          <li class="p-Num">87</li>
          <li class="header-right-Number cloud"><img class="" src="../../assets/images/yemei02.png" alt="" /></li>
          <li class="header-right-last" style=""><br></li>
          <li class="header-right-end" style=""><br></li>

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

@@ -15,7 +15,7 @@
    <!-- 介绍页面 -->
    <div class="page-box" page="3">
      <div v-if="showPageList.indexOf(3) > -1">
        <div style="max-width: 400px; margin: 0 auto; padding: 10% 0">
        <div style="margin: 0 25%; padding: 10% 0">
          <hr />
          <p><b>图书在版编目（CIP）数据</b></p>
          <p class="left3 block mr-0">
@@ -69,7 +69,7 @@
    <!-- 介绍页面 -->
    <div class="page-box" page="4">
      <div v-if="showPageList.indexOf(4) > -1">
        <div style="max-width: 600px; margin: 0 auto; padding: 10% 0">
        <div style="margin: 0 15%; padding: 10% 0">
          <div class="bk-bwh">
            <h1 id="a003" class="front">
              职业教育航空运输类专业“产教融合”新形态教材专家指导委员会
@@ -108,7 +108,7 @@
    </div>
    <div class="page-box" page="5">
      <div v-if="showPageList.indexOf(5) > -1">
        <div style="padding: 136px 95px">
        <div style="padding: 136px 10%">
          <div class="fl">
            <div class="fl fd-c" style="margin: 0 0 100px 0">
              <div class="topBorder"></div>

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

@@ -82,7 +82,7 @@
        </div>
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <div style="padding: 50px 80px">
                <div style="padding: 50px 10%">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 50px 0;">
                            <h1 id="a004">前 言</h1>
@@ -106,7 +106,7 @@
        </div>
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <div style="padding: 50px 80px">
                <div style="padding: 50px 10%">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 50px 0;">
                            <h1 id="a004">前 言</h1>
@@ -131,7 +131,7 @@
        </div>
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <div style="padding: 100px 80px">
                <div style="padding: 100px 10%">
                    <p class="td-0 fz-14">
                        高等职业学校航空服务专业系列教材建设企业专家指导委员会”的专家对教材的内容、编写体例等提供了大量的建议，有力地保证了本教材与民航服务企业的实际工作要求相吻合，在此一并表示衷心感谢。
                    </p>

 src/books/civilAviation/assets/main.less

@@ -1511,7 +1511,14 @@

@media (max-width: 660px) {
    .civilAviation-book {
        
        .pad-l-60 {
            padding-left: 10px;
        }

        .mr-70 {
            margin-right: 15px;
        }
        /* 分页padding */
        .padding-93 {
            padding: 0 20px;

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

@@ -1367,6 +1367,7 @@
                                结了“协和”超声速客机25年的无事故记录，造成机上109人全部遇难、地面4人死亡的惨剧。这次事故在人们心目中留下了极大的阴影，从此超声速航班上座率一蹶不振，致使航空公司严重亏损，不得不在2003年10月24日将“协和”超声速客机全部退役，终止了超声速客机的运营。
                            </p>
                        </span>
                        <p><br></p>
                    </div>
                </div>
            </div>

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

@@ -183,8 +183,8 @@
    }, 500);

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

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")

 src/books/civilServices/assets/main.less

@@ -307,7 +307,7 @@
        margin-top: 0;
        border-top: 0.7em solid #448D9C;
    }
    

    .task4 {
        width: 16%;
        margin-bottom: 5em;
@@ -699,7 +699,7 @@
        color: #9EAA60;
        font-size: 16px;
    }
    



    // 迁移
@@ -853,7 +853,7 @@
    div.bodystyle {
        font-family: 'FZLTXIHJW';
        text-align: justify;
        margin: 0 82px;
        margin: 0 10%;
        padding-bottom: 80px;
        line-height: 30px;
    }
@@ -1021,14 +1021,16 @@
        margin-left: 0%;
        margin-right: 0%;
    }
    .input-bottom-border{

    .input-bottom-border {
        background-color: transparent;
        border-top:none ;
        border-left:none ;
        border-right:none ;
        border-top: none;
        border-left: none;
        border-right: none;

        &:focus {
            outline: none;
          }
        }
    }


@@ -1280,11 +1282,11 @@
    }

    .unit3-c {
        color:  #448D9C !important;
        color: #448D9C !important;
    }

    .unit4-c {
        color:  #9EAA60 !important;
        color: #9EAA60 !important;
    }

    .h2-zt2 {
@@ -1313,7 +1315,7 @@
    }

    .bk3 {
        border: 0.15em dashed  #448D9C;
        border: 0.15em dashed #448D9C;
        padding: 15px 10px;
        margin-bottom: 2em;
        margin-top: 0.5em;
@@ -1322,14 +1324,14 @@
    }

    .bk4 {
        border: 0.15em dashed  #9EAA60;
        border: 0.15em dashed #9EAA60;
        padding: 15px 10px;
        margin-bottom: 2em;
        margin-top: 0.5em;
        border-radius: 0em;
        position: relative;
    }
    


    .bk1 {
        border: 0.15em dashed #CBE6D3;
@@ -1388,14 +1390,15 @@
        width: 8px;
        height: 8px;
        background-color: #448D9C;
    } 
    }

    .span-box4 {
        display: inline-block;
        width: 8px;
        height: 8px;
        background-color: #9EAA60;
    } 
    }

    .span-text {
        padding: 0em 0.15em 0em 0.3em;
    }
@@ -1493,7 +1496,7 @@
        margin-top: 1em;
        position: relative;

        b{
        b {
            font-weight: 600;
            font-family: "kaiTi";
            text-indent: 2em;
@@ -1502,13 +1505,13 @@
            text-align: justify;
        }

        .block{
        .block {
            font-family: "kaiTi";
            text-indent: 2em;
            line-height: 30px;
            font-size: 17px;
            text-align: justify;
        } 
        }
    }

    .bj4-1 {
@@ -1788,6 +1791,14 @@
@media (max-width: 660px) {
    .civilServices-book {

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

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

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

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

@@ -266,7 +266,7 @@
                            <span>视频：心理学的流派 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '78159213f124d07877fd83d7d58f22b2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -343,7 +343,7 @@
                            <span>视频：心理学的研究内容 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '700cfdb8b85b372045b1e97e3356ae3a') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '05e4e0cb92597d9e14f3f12727831688') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
@@ -1164,10 +1164,10 @@
                                    <p class="left center">分值</p>
                                </td>
                                <td class="">
                                    <p class=" left center">学生自评</p>
                                    <p class="left center">学生自评</p>
                                </td>
                                <td class="">
                                    <p class=" left center">教师评分</p>
                                    <p class="left center">教师评分</p>
                                </td>
                            </tr>
                            <tr class="table-tr-bc">
@@ -1397,10 +1397,10 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
                "78159213f124d07877fd83d7d58f22b2"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "05e4e0cb92597d9e14f3f12727831688"
            );
            for (let index = 0; index < this.chapter001.videoMd5.length; index++) {
                const item = this.chapter001.videoMd5[index];
@@ -1440,10 +1440,10 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.handleCollectResource("78159213f124d07877fd83d7d58f22b2", "78159213f124d07877fd83d7d58f22b2", '', "视频", "bits", '视频：心理学的流派')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.handleCollectResource("05e4e0cb92597d9e14f3f12727831688", "05e4e0cb92597d9e14f3f12727831688", '', "视频", "bits", '视频：心理学的研究内容')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handleChapter001();

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

@@ -423,7 +423,7 @@
                            <span>视频：人际吸引 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '6e398727142a495b3d893adf3c8a240f') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -722,7 +722,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -730,9 +730,9 @@
                        <p class="center videoname">
                            <span>视频：客我交往技巧 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'dec981e507dbcd88c632789c75b2fe3b') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1725,7 +1725,7 @@
                    <p class="p-even">民航服务工作中主要包括如下六种常见的沟通障碍。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1733,9 +1733,9 @@
                        <p class="center videoname">
                            <span>视频：民航服务中常见的沟通障碍类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '7637f57a3dc18cc8487ccc2a39e62a5c') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2039,17 +2039,17 @@
                    <p class="p-even">在民航服务工作中，一般有四大沟通策略。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：民航服务的沟通策略 </span>
                            <span>视频：民航服务的沟通策略</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'c69daf5242160645652a8d159213d1d9') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2487,6 +2487,9 @@
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -2579,6 +2582,8 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
            },
        };
    },
@@ -2605,10 +2610,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
                "6e398727142a495b3d893adf3c8a240f"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "dec981e507dbcd88c632789c75b2fe3b"
            );
            this.videoPathThree = await getResourcePath(
                "7637f57a3dc18cc8487ccc2a39e62a5c"
            );
            this.videoPathFour = await getResourcePath(
                "c69daf5242160645652a8d159213d1d9"
            );
            for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                const item = this.chapter003.videoMd5[index];
@@ -2651,10 +2662,16 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.handleCollectResource("6e398727142a495b3d893adf3c8a240f", "6e398727142a495b3d893adf3c8a240f", '', "视频", "bits", '视频：人际吸引')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.handleCollectResource("dec981e507dbcd88c632789c75b2fe3b", "dec981e507dbcd88c632789c75b2fe3b", '', "视频", "bits", '视频：客我交往技巧')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-03') {
                this.handleCollectResource("7637f57a3dc18cc8487ccc2a39e62a5c", "7637f57a3dc18cc8487ccc2a39e62a5c", '', "视频", "bits", '视频：民航服务中常见的沟通障碍类型')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-04') {
                this.handleCollectResource("c69daf5242160645652a8d159213d1d9", "c69daf5242160645652a8d159213d1d9", '', "视频", "bits", '视频：民航服务的沟通策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handlechapter003();

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

@@ -259,7 +259,7 @@
                            <span>视频：电话订票与售票处服务心理与策略 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                <img :src="collectResourceList.findIndex(item => item.id == '594ca0426d4afd67b79c46761467b485') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -460,7 +460,7 @@
                            class="zt-h4 unit4-c">值机处服务心理与策略</span></h4>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -468,9 +468,9 @@
                        <p class="center videoname">
                            <span>视频：值机处、候机室和行李查询处服务心理与策略 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '685d853fd235dd0a380062ed05b20f43') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1190,7 +1190,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1198,9 +1198,9 @@
                        <p class="center videoname">
                            <span>视频：冲突、投诉的原因 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'cd191bd1d937651d2e5948fb23900222') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1360,7 +1360,7 @@
                    <p class="p-odd">与民航服务人员发生冲突及投诉时旅客的心理因人而异，但一般来讲有以下几种。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1368,9 +1368,9 @@
                        <p class="center videoname">
                            <span>视频：处理民航旅客的冲突与投诉 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '1351bc9bab28122d133ca5bd4de60bbc') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1774,6 +1774,9 @@
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -1864,6 +1867,8 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
            },
        };
    },
@@ -1890,10 +1895,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
                "594ca0426d4afd67b79c46761467b485"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "685d853fd235dd0a380062ed05b20f43"
            );
            this.videoPathThree = await getResourcePath(
                "cd191bd1d937651d2e5948fb23900222"
            );
            this.videoPathFour = await getResourcePath(
                "1351bc9bab28122d133ca5bd4de60bbc"
            );
            for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
                const item = this.chapter004.videoMd5[index];
@@ -1936,11 +1947,18 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.handleCollectResource("594ca0426d4afd67b79c46761467b485", "594ca0426d4afd67b79c46761467b485", '', "视频", "bits", '视频：电话订票与售票处服务心理与策略')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.handleCollectResource("685d853fd235dd0a380062ed05b20f43", "685d853fd235dd0a380062ed05b20f43", '', "视频", "bits", '视频：值机处、候机室和行李查询处服务心理与策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("cd191bd1d937651d2e5948fb23900222", "cd191bd1d937651d2e5948fb23900222", '', "视频", "bits", '视频：冲突、投诉的原因')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            }
            else if (e == 'video-04') {
                this.handleCollectResource("1351bc9bab28122d133ca5bd4de60bbc", "1351bc9bab28122d133ca5bd4de60bbc", '', "视频", "bits", '视频：处理民航旅客的冲突与投诉')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            }
            this.handlechapter004();
            this.handleChapterData();

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

@@ -1125,7 +1125,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1133,9 +1133,9 @@
                        <p class="center videoname">
                            <span>视频：感知觉的基本内容 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '1112e7daf609c501c2a99cfc53974ad0') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1692,7 +1692,7 @@
                    <p class="p-odd td-0">尊重的需要与自我实现的需要为高级需要。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1700,9 +1700,9 @@
                        <p class="center videoname">
                            <span>视频：马斯洛的需要层次理论 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2223,7 +2223,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -2231,9 +2231,9 @@
                        <p class="center videoname">
                            <span>视频：特殊旅客服务 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2727,6 +2727,22 @@
                    </div>
                    <h4 id="d030" class="p-odd"><span class="zt-h4 unit2-c">二、</span><span
                            class="zt-h4 unit2-c">四种气质类型的特征</span></h4>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：气质类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo04 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h5 id="e043" class="p-odd">（一）胆汁质</h5>
                    <p class="p-odd">胆汁质的人感受性低，耐受性高；反应不随意性占优势；外倾性明显，情绪兴奋性高，抑制能力差；反应快，但不灵活。</p>
                    <p class="p-odd">
@@ -2946,7 +2962,7 @@
                            class="zt-h4 unit2-c">不同气质类型旅客的个性特征与服务要点</span></h4>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -2954,9 +2970,9 @@
                        <p class="center videoname">
                            <span>视频：不同气质类型旅客的个性特征与服务要点 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo05 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -3423,7 +3439,7 @@
                    <p class="p-even td-0">绪；每当这些情绪发生时，人们都会体验到爱国主义的情感。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -3431,9 +3447,9 @@
                        <p class="center videoname">
                            <span>视频：情绪 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo06 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'ebc74289f2e6628c92f721e8946863d3') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-07')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -4272,17 +4288,17 @@
                    <p class="p-even">情绪的自我调节方法多种多样，但只要民航服务人员把握下列几个要点并掌握相关的方法，就一定能克服不良情绪，使自己快乐起来。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：感知觉的基本内容 </span>
                            <span>视频：民航服务人员的情绪调控 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo07 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '2249b07d554da66c40b31a3738b5be41') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -4769,7 +4785,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -4777,9 +4793,9 @@
                        <p class="center videoname">
                            <span>视频：态度 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo08 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-09')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -5006,6 +5022,22 @@
                    <p class="p-odd">
                        民航旅客的态度，是指旅客对民航及其服务人员所持的评价以及心理倾向，反映了旅客对民航及其服务人员提供的服务的满意度。它源于旅客在消费过程中所产生的感受与期望值的对比。个别旅客的感觉和评价对航空公司或民航服务人员的影响不大，但所有旅客对航空公司、民航服务人员的总体态度，就决定了航空公司的生存与发展。因此，努力提高旅客的满意度是改变民航旅客态度的关键，具有至关重要的作用。
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathTen" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：民航服务态度 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo09 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-10')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d048"><span class="zt-h4 unit2-c">一、</span><span class="zt-h4 unit2-c">民航服务态度</span></h4>
                    <p class="p-odd">
                        民航服务态度是指民航服务人员对旅客及民航服务工作的认知、情感与行为倾向。它是民航服务质量的一项重要内容。在民航服务过程中，民航服务人员必须充分尊重旅客，用自己真诚的微笑和热忱的态度让旅客满意，给旅客留下美好而深刻的印象。
@@ -5616,6 +5648,15 @@
            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: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -5836,8 +5877,15 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
                isCollectVideo07: false,
                isCollectVideo08: false,
                isCollectVideo09: false,
            },

        };
    },
    async mounted() {
@@ -5866,8 +5914,33 @@
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "1112e7daf609c501c2a99cfc53974ad0"
            );
            this.videoPathThree = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathFour = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathFive = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathSix = await getResourcePath(
                "544f826ccecc3a5ef5a924f3de20b50d"
            );
            this.videoPathSeven = await getResourcePath(
                "ebc74289f2e6628c92f721e8946863d3"
            );
            this.videoPathEight = await getResourcePath(
                "2249b07d554da66c40b31a3738b5be41"
            );
            this.videoPathNine = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathTen = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );

            for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
                const item = this.chapter002.videoMd5[index];
                if (item.md5 && !item.md5.includes('https:')) {
@@ -5907,12 +5980,37 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理效应')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.handleCollectResource("1112e7daf609c501c2a99cfc53974ad0", "1112e7daf609c501c2a99cfc53974ad0", '', "视频", "bits", '视频：感知觉的基本内容')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：马斯洛的需要层次理论')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：特殊旅客服务')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            } else if (e == 'video-05') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：气质类型')
                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
            } else if (e == 'video-06') {
                this.handleCollectResource("544f826ccecc3a5ef5a924f3de20b50d", "544f826ccecc3a5ef5a924f3de20b50d", '', "视频", "bits", '视频：不同气质类型旅客的个性特征与服务要点')
                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
            } else if (e == 'video-07') {
                this.handleCollectResource("ebc74289f2e6628c92f721e8946863d3", "ebc74289f2e6628c92f721e8946863d3", '', "视频", "bits", '视频：情绪')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            } else if (e == 'video-08') {
                this.handleCollectResource("2249b07d554da66c40b31a3738b5be41", "2249b07d554da66c40b31a3738b5be41", '', "视频", "bits", '视频：民航服务人员的情绪调控')
                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
            } else if (e == 'video-09') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：态度')
                this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08
            } else if (e == 'video-10') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：民航服务态度')
                this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09
            }

            this.handleChapter002();
            this.handleChapterData();
        },
@@ -5942,12 +6040,12 @@
</script>

<style lang="less" scoped>
hr{
        margin-left: 0;
        margin-bottom: 4px;
        width: 15.5%; 
        border: none;
        height: 1.5px;
        background-color: #000;
    }
hr {
    margin-left: 0;
    margin-bottom: 4px;
    width: 15.5%;
    border: none;
    height: 1.5px;
    background-color: #000;
}
</style>

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

@@ -178,8 +178,8 @@
    }, 500);

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

    // const pageDom = (this.container ? this.container : document)
    //   .querySelector("#app")