民航安全检查

zhongshujie

2024-12-20 e673aab74e5ab080e55d1e5706aa1d75322857a8

民航安全检查

 src/App.vue

@@ -15,6 +15,7 @@
    <civilServices v-if="activeBook.name == 'civilServices'"></civilServices>
    <meetingPlanners v-if="activeBook.name == 'meetingPlanners'"></meetingPlanners>
    <aviationBasicSkills v-if="activeBook.name == 'aviationBasicSkills'"></aviationBasicSkills>
    <aviationSafety  v-if="activeBook.name == 'aviationSafety'"></aviationSafety>
  </div>
</template>
<script>
@@ -53,7 +54,8 @@
    civilAviation: () => import("./books/civilAviation/view/index.vue"),
    civilServices: () =>import("./books/civilServices/view/index.vue"),
    meetingPlanners: () =>import("./books/meetingPlanners/view/index.vue"),
    aviationBasicSkills: () => import("./books/aviationBasicSkills/view/index.vue")
    aviationBasicSkills: () => import("./books/aviationBasicSkills/view/index.vue"),
    aviationSafety: ()=> import("./books/aviationSafety/view/index.vue"),
  },
  data() {
    return {
@@ -94,11 +96,12 @@
      // civilServices
      // meetingPlanners
      // aviationBasicSkills
      // aviationSafety
      this.activeBook = await this.config.getBookConfig(
      process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "aviationBasicSkills")
          : "aviationSafety")
      );

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

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

@@ -7,13 +7,13 @@
                <h1 id="a005">
                    <img class="img-0" alt="" src="../../assets/images/dy5.jpg" />
                </h1>
                <p class="img">
                <div class="img">
                <p>➢ Learn words and expressions about environmental topics</p>
                <p>➢ Review the structure of the present perfect tense and the usage of the infinitive</p>
                <p>➢ Be able to express your concern on environmental issues</p>
                <p>➢ Be able to compose a business memo</p>
                <p>➢ Understand the significance of environmental protection</p>
                </p>
                </div>
                <p class="center">
                    <img class="img-0" alt="" src="../../assets/images/0087-2.jpg" />
                </p>

 src/books/aviationBasicSkills/assets/main.less

@@ -35,6 +35,10 @@
        margin-left: 9%;
    }

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

    .mt-10 {
        margin-top: 10px !important;
    }
@@ -93,6 +97,10 @@
        font-size: 14px !important;
    }

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

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

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

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

    .fl {
@@ -174,6 +186,14 @@
        margin-left: 10%;
    }

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

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

    .pad-t-55 {
        padding-top: 55px;
    }
@@ -215,10 +235,6 @@
        font-size: 12px;
        color: #fff;
        background-color: #0082D4;
    }

    .table-tr-bc {
        color: #fff;
    }

    .task {
@@ -406,6 +422,76 @@
    }


    .w40{
        width: 40% !important;
    }

    .w25{
        width: 25% ;
    }

    .w20 {
        width: 20%;
    }

    .w15 {
        width: 15%;
    }

    .w10 {
        width: 10%;
    }


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

    .table-tr-bc {
        background-color: #EBF1F8;

        p{
            text-indent: 0em;
            line-height: 20px;
        }
    }

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

        &:focus {
            outline: none;
        }
    }

    .table-input-border {
        width: 90%;
        background-color: transparent;
        border: 0;
        &:focus {
          outline: none;
        }
      }

      
    .input-bottom-border {
        width: 15%;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #000;
        &:focus {
          outline: none;
        }
      }

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


    .text-rights {
        width: 230px;
@@ -538,22 +624,23 @@
    // 题目
    .textarea-box {
        background-color: transparent;
        max-width: 85%;
        min-width: 85%;
        max-width: 90%;
        min-width: 90%;
        outline: none;
    }

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

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

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

@@ -3,13 +3,16 @@
        <!-- 第一单元封面 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <div style="background-color: #5192C6; padding-top: 50px">
                    <h1 class="fl jc-c" id="a007"><img class="" style="width: 80%; " alt=""
                            src="../../assets/images/xm1.jpg" /></h1>
                <div style="background-color: #5192c6; padding-top: 50px">
                    <h1 class="fl jc-c" id="a007">
                        <img class="" style="width: 80%" alt="" src="../../assets/images/xm1.jpg" />
                    </h1>
                    <div style="padding: 0px 82px 100px 82px">
                        <div class="bj-1">
                            <p id="b001" class="bj-2-zt"><span class="tp-h6"><img class="inline4" alt=""
                                        src="../../assets/images/xmms.png" /></span>核心目标</p>
                            <p id="b001" class="bj-2-zt">
                                <span class="tp-h6"><img class="inline4" alt=""
                                        src="../../assets/images/xmms.png" /></span>核心目标
                            </p>
                        </div>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业能力</b></p>
                        <p class="bj-1-zt">1.了解中国民用航空的发展历程和现状。</p>
@@ -20,10 +23,16 @@
                        <p class="bj-1-zt">6.了解世界六大航空公司的基本信息。</p>
                        <p class="bj-1-zt">7.掌握世界三大航空公司联盟的名称及基本信息。</p>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业素养</b></p>
                        <p class="bj-1-zt">1.树立基本的民航服务意识以及为建设民航强国而努力奋斗的信念。</p>
                        <p class="bj-1-zt">
                            1.树立基本的民航服务意识以及为建设民航强国而努力奋斗的信念。
                        </p>
                        <p class="bj-1-zt">2.初步具备民航人应有的职业素养和职业道德。</p>
                        <p class="bj-1-zt">3.深刻认识民航在国家发展中的战略地位和作用，培养建设民航强国的责任感和使命感。</p>
                        <p class="bj-1-zt">4.养成求真务实、开拓创新的职业精神，培养国际视野。</p>
                        <p class="bj-1-zt">
                            3.深刻认识民航在国家发展中的战略地位和作用，培养建设民航强国的责任感和使命感。
                        </p>
                        <p class="bj-1-zt">
                            4.养成求真务实、开拓创新的职业精神，培养国际视野。
                        </p>
                    </div>
                </div>
            </div>
@@ -36,22 +45,34 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b001" class="p-even">任务一<br />了解中国民用航空运输业的发展历程与现状</h2>
                    <h2 id="b001" class="p-even">
                        任务一<br />了解中国民用航空运输业的发展历程与现状
                    </h2>
                    <div class="task ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        航空运输是一种新兴的运输方式，与公路、铁路、水路等传统的运输方式相比，起步晚，发展时间短。自1903年第一架飞机诞生至今，也不过一个多世纪的时间。但是，在当今世界，航空运输已成为一种重要的、不可替代的交通运输方式。
                    </p>
                    <p class="p-even block2">航空运输业在一百多年间经历了一个怎样的发展历程？我国民用航空运输业的服务是什么样的呢？</p>
                    <p class="p-even block2">
                        航空运输业在一百多年间经历了一个怎样的发展历程？我国民用航空运输业的服务是什么样的呢？
                    </p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
                        1949年11月2日，中国民用航空局成立，揭开了我国民航事业发展的新篇章。从这一天开始，新中国民航迎着共和国的朝阳起飞，从无到有，由小到大，由弱到强，经历了不平凡的发展历程。民航事业的发展与国家的经济发展，与党中央、国务院直接领导和支持密不可分，是几代民航干部职工奋发图强、团结奋斗的结果。他们为祖国民航事业发展书写了壮丽的篇章。
                    </p>
                    <h3 id="c001" class="p-even"><span class="zt-h4">一</span><span
                            class="qyls-h4">、我国民用航空运输业的发展历程</span></h3>
                    <p class="p-even">新中国民航的发展历程，结合我国民航管理体制的改革，至今主要有四个阶段。</p>
                    <h4 id="d001" class="p-even">（一）第一阶段（1949—1978年）：筹建时期</h4>
                    <p class="p-even">1949年11月2日，中共中央政治局会议决定，在人民革命军事委员会下设民用航空局，受空军领导。11月9日，“两航起义”为新中国民航建设提
                    <h3 id="c001" class="p-even">
                        <span class="zt-h4">一</span><span class="qyls-h4">、我国民用航空运输业的发展历程</span>
                    </h3>
                    <p class="p-even">
                        新中国民航的发展历程，结合我国民航管理体制的改革，至今主要有四个阶段。
                    </p>
                    <h4 id="d001" class="p-even">
                        （一）第一阶段（1949—1978年）：筹建时期
                    </h4>
                    <p class="p-even">
                        1949年11月2日，中共中央政治局会议决定，在人民革命军事委员会下设民用航空局，受空军领导。11月9日，“两航起义”为新中国民航建设提
                    </p>
                </div>
            </div>
@@ -60,7 +81,7 @@
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">003</li>
@@ -80,15 +101,13 @@
                    </span>
                    <div class="bj4">
                        <div class="fl al-c mb-10">
                            <div class="bj4-xyx">
                                拓展<br>阅读
                            </div>
                            <div class="bj4-xyx-icon">
                                ▶ ▶
                            </div>
                            <p class="td-0"><b style="color: #5192C6">“两航起义”</b></p>
                            <div class="bj4-xyx">拓展<br />阅读</div>
                            <div class="bj4-xyx-icon">▶ ▶</div>
                            <p class="td-0"><b style="color: #5192c6">“两航起义”</b></p>
                        </div>
                        <p class="block">“两航起义”是中国共产党领导下的一次成功的爱国主义革命斗争。“两航”系原中国航空公司与中央航空公司的简称。</p>
                        <p class="block">
                            “两航起义”是中国共产党领导下的一次成功的爱国主义革命斗争。“两航”系原中国航空公司与中央航空公司的简称。
                        </p>
                        <p class="block">
                            经过抗日战争后期的“驼峰空运”和抗战结束之后的“复员运输”，到1948年，两航的运输业务已有很大发展。这一年年底，两航共拥有C-46、C-47、DC-3、DC-4和CV-240型飞机近百架，成为国民党政权的重要空中交通运输工具。因此，当时两航的动向对国民党军事运输乃至整个国共双方的战场形势起着至关重要的作用。
                        </p>
@@ -110,13 +129,15 @@
                    <div class="bj4">
                        <div class="fl">
                            <span>
                                <p class="center openImgBox"><img class="img-a" alt=""
                                        src="../../assets/images/0017-1.jpg" /></p>
                                <p class="center openImgBox">
                                    <img class="img-a" alt="" src="../../assets/images/0017-1.jpg" />
                                </p>
                                <p class="img">图1-2 1950年8月1日“北京”号机组合影</p>
                            </span>
                            <span>
                                <p class="center openImgBox"><img class="img-a" alt=""
                                        src="../../assets/images/0017-2.jpg" /></p>
                                <p class="center openImgBox">
                                    <img class="img-a" alt="" src="../../assets/images/0017-2.jpg" />
                                </p>
                                <p class="img">图1-3 “北京”号飞机</p>
                            </span>
                        </div>
@@ -127,9 +148,11 @@
                            “两航起义”归来的大批技术业务人员，成为新中国民航事业建设中主要的技术业务骨干。“两航起义”是一次爱国行动，毛泽东称之为“一个有重大意义的爱国举动”，周恩来称它是“具有无限前途的中国人民民航事业的起点”。“两航起义”是中国民航史上的一个转折点，我党领导“两航起义”的伟大壮举，是广大两航员工在波澜壮阔的革命大潮中，遵循党所指引的方向，发扬爱国主义精神，投向祖国怀抱的正义行动，它将永载中国人民解放事业的史册。
                        </p>
                    </div>
                    <h4 id="d002" class="p-even">（二）第二阶段（1979—1986年）：逐步发展时期</h4>
                    <h4 id="d002" class="p-even">
                        （二）第二阶段（1979—1986年）：逐步发展时期
                    </h4>
                    <p class="p-even">
                        20世纪70年代末，我国实施对外开放政策，经济、外贸、旅游得到进一步发展，加速了航空运输的增长。1978年10月，邓小平指示民航要用经济观点管理。1980年2月14日，邓小平指出：“民航一定要企业化。”同年3月，政府决定民航脱离军队建制，把中国民航局从隶属于空军改为国务院直属机构，实行企业化管理。这期间中国民航局是政企合一，既是主管民航事务的政府部门，又是以“中国民航（CAAC）”名义直接经营航空运
                        20世纪70年代末，我国实施对外开放政策，经济、外贸、旅游得到进一步发展，加速了航空运输的增长。1978年10月，邓小平指示民航要用经济观点管理。1980年2月14日，邓小平指出：“民航一定要企业化。”同年3月，政府决定民航脱离军队建制，把中国民航局从隶属于空军改为国务院直属机构，实行企业化管理。这期间中国民航局是政企合一，既是主管民航事务的政府部门，又是以“中国民航（CAAC）”名义直接经营航空运输、通用航空
                    </p>
                </div>
            </div>
@@ -138,31 +161,29 @@
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">005</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0 p-odd">
                        输、通用航空业务的全国性企业，下设北京、上海、广州、成都、兰州（后迁至西安）、沈阳6个地区管理局。1980年，全国民航只有140架运输飞机，且多数是20世纪50年代左右制造的苏式伊尔-14、里-z型飞机，载客量仅20～40人。载客量100人以上的中、大型飞机只有17架，机场只有79个。1980年，我国民航全年旅客运输量仅343万人次，全年运输总周转量4.29亿吨千米，居新加坡、印度、菲律宾等国之后，列世界民航第35位。
                        业务的全国性企业，下设北京、上海、广州、成都、兰州（后迁至西安）、沈阳6个地区管理局。1980年，全国民航只有140架运输飞机，且多数是20世纪50年代左右制造的苏式伊尔-14、里-z型飞机，载客量仅20～40人。载客量100人以上的中、大型飞机只有17架，机场只有79个。1980年，我国民航全年旅客运输量仅343万人次，全年运输总周转量4.29亿吨千米，居新加坡、印度、菲律宾等国之后，列世界民航第35位。
                    </p>
                    <div class="bj4">
                        <div class="fl al-c mb-10">
                            <div class="bj4-xyx">
                                拓展<br>阅读
                            </div>
                            <div class="bj4-xyx-icon">
                                ▶ ▶
                            </div>
                            <p class="td-0"><b style="color: #5192C6">CAAC</b></p>
                            <div class="bj4-xyx">拓展<br />阅读</div>
                            <div class="bj4-xyx-icon">▶ ▶</div>
                            <p class="td-0"><b style="color: #5192c6">CAAC</b></p>
                        </div>
                        <p class="block">
                            中国民用航空局（Civil Aviation Administration of
                            China，CAAC）简称民航局，是中华人民共和国国务院主管民用航空事业的部委管理的国家局，归交通运输部管理。
                        </p>
                    </div>
                    <h4 id="d003" class="p-odd">（三）第三阶段（1987—2001年）：重组扩张时期</h4>
                    <h4 id="d003" class="p-odd">
                        （三）第三阶段（1987—2001年）：重组扩张时期
                    </h4>
                    <p class="p-odd">
                        1987年，我国政府决定对民航业进行以航空公司与机场分设为特征的体制改革。改革主要内容是将原民航6个地区管理局的航空运输和通用航空相关业务、资产和人员分离出来，组建了6家骨干航空公司：中国国际航空公司、中国东方航空公司、中国南方航空公司、中国西南航空公司、中国西北航空公司、中国北方航空公司。此外，以经营通用航空业务为主、兼营航空运输业务的中国通用航空公司于1989年7月成立。同时，在6个管理局所在地的机场的基础上，组建了民航华北、华东、中南、西南、西北和东北6个地区管理局以及北京首都国际机场、上海虹桥国际机场、广州白云国际机场、成都双流国际机场、西安西关机场（现已迁至咸阳，改为西安咸阳国际机场）和沈阳桃仙国际机场，并于1985年成立民航乌鲁木齐管理局。7个地区管理局既是管理地区民航事务的政府部门，又是企业，领导和管理各民航省（区、市）局和机场。航空运输服务保障系统也按专业化分工的要求相应进行了改革。这一时期，组建了专门从事航空油料供应保障业务的中国航空油料总公司，从事全国计算机订票销售系统管理与开发的计算机信息中心，为各航空公司提供航空运输国际结算服务的航空结算中心，以及飞机维修公司、航空食品公司等。
                    </p>
@@ -177,8 +198,12 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d004" class="p-even">（四）第四阶段（2002年至今）：迅猛壮大时期</h4>
                    <p class="p-even">2002年3月，我国政府决定对民航业再次进行重组，主要内容如下。</p>
                    <h4 id="d004" class="p-even">
                        （四）第四阶段（2002年至今）：迅猛壮大时期
                    </h4>
                    <p class="p-even">
                        2002年3月，我国政府决定对民航业再次进行重组，主要内容如下。
                    </p>
                    <p class="p-even">
                        第一，航空公司与服务保障企业联合重组。民航总局直属的航空公司及服务保障企业合并后，于2002年10月11日正式挂牌成立，组成六大集团公司，分别是中国航空集团公司、中国东方航空集团公司、中国南方航空集团公司、中国民航信息集团公司、中国航空油料集团公司、中国航空器材进出口集团公司。成立后的集团公司与民航总局脱钩，交由中央管理，标志着民航体制改革迈出重大步伐。
                    </p>
@@ -188,13 +213,17 @@
                    <p class="p-even">
                        第三，机场实行属地管理。按照政企分开、属地管理的原则，我国对90个机场进行了属地化管理改革。民航总局直接管理的机场下放所在省（区、市）管理，相关资产、负债和人员一并划转；民航总局与地方政府联合管理的民用机场和军民合用机场，属民航总局管理的资产、负债及相关人员一并划转所在省（区、市）管理。首都机场、西藏自治区内的民用机场继续由民航总局管理。2004年7月8日，随着甘肃省内的民用机场移交地方，机场属地化管理改革全面完成，也标志着民航体制改革全面完成。
                    </p>
                    <h3 id="c002" class="p-even"><span class="zt-h4">二、</span><span class="qyls-h4">我国民用航空运输业的现状</span>
                    <h3 id="c002" class="p-even">
                        <span class="zt-h4">二、</span><span class="qyls-h4">我国民用航空运输业的现状</span>
                    </h3>
                    <p class="p-even">新中国民航的发展历程证明：发展是硬道理。不断深化改革，扩大开放，是加快民航发展的必由之路。</p>
                    <p class="p-even">
                        新中国民航的发展历程证明：发展是硬道理。不断深化改革，扩大开放，是加快民航发展的必由之路。
                    </p>
                    <p class="p-even">
                        2024年5月，中国民航局发布的《2023年民航行业发展统计公报》显示：2023年，全行业完成运输总周转量1188.34亿吨千米，比上年增长98.3%；完成旅客运输量61957.64万人次，比上年增长146.1%。
                    </p>
                    <p class="p-even">截至2023年年底，我国共有运输航空公司66家，与上年持平；在册民航运输飞机4270架，比上年底增加105架；境内运输机场（不含香港、澳门和
                    <p class="p-even">
                        截至2023年年底，我国共有运输航空公司66家，与上年持平；在册民航运输飞机4270架，比上年底增加105架；境内运输机场（不含香港、澳门和
                    </p>
                </div>
            </div>
@@ -203,7 +232,7 @@
        <div class="page-box" page="15">
            <div v-if="showPageList.indexOf(15) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">007</li>
@@ -213,15 +242,188 @@
                        台湾地区）259个，比上年底净增5个。2023年新增机场有湖南湘西边城机场、河南安阳红旗渠机场、四川阆中古城机场、山西朔州滋润机场、西藏阿里普兰机场。
                    </p>
                    <p class="p-odd">
                        2023年，行业稳中求进，安全形势总体平稳，运输生产有序恢复，运行品质稳步提升，科教创新蓄势储能，国际开放合作深入拓展，高质量发展迈出坚实步伐，各项生产运行数据较上年呈快速增长态势。</p>
                        2023年，行业稳中求进，安全形势总体平稳，运输生产有序恢复，运行品质稳步提升，科教创新蓄势储能，国际开放合作深入拓展，高质量发展迈出坚实步伐，各项生产运行数据较上年呈快速增长态势。
                    </p>
                    <div class="bj5">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>民航的发展对一个国家的经济有什么意义？</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0020-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">走进民航服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解中国民用航空的发展历程和现状。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航院校学生需要掌握的中国民用航空运输业发展的基本知识制定，主要面向民航服务岗位，进一步增强学生对中国民用航空运输业发展状况的了解。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握中国民用航空运输业的发展历程与现状。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.掌握我国民用航空运输业四个发展阶段的名称和起始时间。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.掌握我国民用航空运输业四个发展阶段的主要特征。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.了解我国民用航空运输业的发展现状。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握我国民用航空运输业发展历程的四个阶段。<br />2.掌握我国民用航空运输业发展历程每个阶段的主要特征
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①能够说出我国民用航空运输业四个发展阶段的名称和起始时间。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②能够说出我国民用航空运输业发展历程每个阶段的主要特征。
                            </td>
                            <td class="ta-l w20" valign="top">③了解我国民用航空运输业的发展现状。</td>
                            <td class="ta-l w20" valign="top">
                                ④收集并整理近三年我国民用航空运输业发展的相关资料。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否完整说出我国民用航空运输业四个发展阶段的名称和起始时间?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否知晓我国民用航空运输业发展历程每个阶段的主要特征?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否知晓我国民用航空运输业的发展现状?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -233,11 +435,57 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">1.1949年11月9日，“____________”为新中国民航建设提供了一定的物质和技术基础，是中国民航史上意义深远的重大事件。</p>
                    <p class="p-even">2.中国民航局成立于____________年。</p>
                    <p class="p-even">3.截至2023年年底，我国共有运输航空公司____________家，境内运输机场（不含香港、澳门和台湾地区）_____________个。</p>
                    <p class="p-even">
                        1.1949年11月9日，“<input v-model="questionData.teskOne.three" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />”为新中国民航建设提供了一定的物质和技术基础，是中国民航史上意义深远的重大事件。
                    </p>
                    <p class="p-even">2.中国民航局成立于<input v-model="questionData.teskOne.four"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />年。</p>
                    <p class="p-even">
                        3.截至2023年年底，我国共有运输航空公司<input v-model="questionData.teskOne.five"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />家，境内运输机场（不含香港、澳门和台湾地区）<input
                            v-model="questionData.teskOne.six" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />个。
                    </p>
                    <!-- 提交按钮 -->
                    <!-- <div class="w100 fl ju-cn">
                        <ul class="fl ju-ev w80 choice">
                            <li>
                                <button class="btn-border btn-w" @click="goCheckJudge">
                                    提交
                                </button>
                            </li>
                            <li>
                                <button @click="changeCheckData" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="showCheckAnswer = !showCheckAnswer" class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div> -->
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.seven" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -245,7 +493,7 @@
        <div class="page-box" page="17">
            <div v-if="showPageList.indexOf(17) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">009</li>
@@ -257,13 +505,19 @@
                    <p class="p-odd block2">
                        由上海飞往悉尼的航班上，乘务员正在进行客舱巡视。忽然，一位外籍女士叫住了她，并递给她一张写满英文的意见卡：“你们的服务让人倍感温馨，你们的微笑无与伦比，一次美好的旅程，感谢你们！另外，啤酒要是冰的会更好！”看到最后这句话，该乘务员立刻与这名女士进行沟通，得知这名女士名叫欧文，来自澳大利亚，非常喜欢中国文化，在飞机上也被中国乘务员的热情所感动。刚才在供应饮料时点了一瓶啤酒，觉得要是冰的就完美了。
                    </p>
                    <p class="p-odd block2">如果你是这名乘务员，收到这样的意见卡后，你将如何做呢？</p>
                    <p class="p-odd block2">
                        如果你是这名乘务员，收到这样的意见卡后，你将如何做呢？
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2  mr-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <p class="p-odd">
                        民航运输产品包括三个层次：核心产品，旅客或托运人支付运输费用后，承运人将旅客本身或托运货物按照约定将其位置进行改变的服务，即位移服务；形式产品，旅客或货物的位移服务的体现方式是用航空器完成的，即民航运输；附加产品，指旅客在除位移服务外获得的所有附加价值的总和，如值机服务、安检服务、空乘服务等。
                    </p>
                    <p>总体来说，民航运输产品即服务。</p>
                    <h3 id="c003"><span class="zt-h4">一、</span><span class="qyls-h4">什么是服务</span></h3>
                    <h3 id="c003">
                        <span class="zt-h4">一、</span><span class="qyls-h4">什么是服务</span>
                    </h3>
                    <p class="p-odd">
                        服务是指为他人做事，并使他人从中受益的一种有偿或无偿的活动。它不以实物形式而以提供活劳动的形式满足他人的某种需要，是由一系列或多或少具有无形特征的活动所构成的过程，是在他人同服务的提供者、有形资源的互动过程中进行的，这些有形资源是作为他人问题的解决方案而提供
                    </p>
@@ -278,12 +532,14 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="td-0 p-even">
                        的。图1-4所示为民航客舱服务。
                    <p class="td-0 p-even">的。图1-4所示为民航客舱服务。</p>
                    <p class="center openImgBox">
                        <img class="img-d" alt="" src="../../assets/images/0023-1.jpg" />
                    </p>
                    <p class="center openImgBox"><img class="img-d" alt="" src="../../assets/images/0023-1.jpg" /></p>
                    <p class="img">图1-4 客舱服务</p>
                    <h3 id="c004" class="p-even"><span class="zt-h4">二、</span><span class="qyls-h4">服务的特征</span></h3>
                    <h3 id="c004" class="p-even">
                        <span class="zt-h4">二、</span><span class="qyls-h4">服务的特征</span>
                    </h3>
                    <p class="p-even">服务不可储存。服务具有即时性和易逝性。</p>
                    <p class="p-even">
                        服务没有折旧。服务作为一种产品，不会像其他实物产品一样随着时间的推移和使用次数的增加，而失去原来的性能。服务的生产与消费是同步的，只在服务过程中体现出来，离开这个过程服务就消失了。所以，从这种意义上说，服务是一次性的，一次性服务产品的质量如何，只体现于客户当时的感知，而不是服务后的补偿。服务需要客户导向。好的服务必然是以客户的满意为标准的，即要充分考虑客户的消费需求和消费行为。
@@ -307,7 +563,7 @@
        <div class="page-box" page="19">
            <div v-if="showPageList.indexOf(19) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">011</li>
@@ -316,18 +572,28 @@
                    <p class="p-odd td-0">
                        同时，要加强员工培训，提高员工服务、沟通和察言观色的能力。另外，还要关注员工，提高员工满意度，因为“没有满意的员工，就不会有满意的客人”。
                    </p>
                    <h3 id="c005"><span class="zt-h4">三、</span><span class="qyls-h4">服务的分类</span></h3>
                    <h3 id="c005">
                        <span class="zt-h4">三、</span><span class="qyls-h4">服务的分类</span>
                    </h3>
                    <h4 id="d005">（一）人体处理型</h4>
                    <p class="p-odd">
                        它是作用于人的基于实体的服务，如航空旅客服务、理发、外科手术。在提供这类服务的整个过程中，客户需要在场，客户满意程度受到服务设施的外观、与服务人员的接触、其他客户的行为的影响，服务设施的地点和服务时间是否便于客户接受也显得极为重要。
                    </p>
                    <h4 id="d006">（二）物体处理型</h4>
                    <p class="p-odd">它是作用于物的基于实体的服务，如航空货运服务、草坪修理。被处理的物体对象必须在场，而客户本人则不必在场。</p>
                    <p class="p-odd">
                        它是作用于物的基于实体的服务，如航空货运服务、草坪修理。被处理的物体对象必须在场，而客户本人则不必在场。
                    </p>
                    <h4 id="d007">（三）脑刺激处理型</h4>
                    <p class="p-odd">它是作用于人的头脑的信息服务，如广播、教育、心理治疗、娱乐。这种服务要求客户的意识必须在场。</p>
                    <p class="p-odd">
                        它是作用于人的头脑的信息服务，如广播、教育、心理治疗、娱乐。这种服务要求客户的意识必须在场。
                    </p>
                    <h4 id="d008">（四）信息处理型</h4>
                    <p class="p-odd">它是作用于无形资产的信息服务，如金融、保险、咨询等。</p>
                    <h3 id="c006"><span class="zt-h4">四、</span><span class="qyls-h4">民航服务及其特点</span></h3>
                    <p class="p-odd">
                        它是作用于无形资产的信息服务，如金融、保险、咨询等。
                    </p>
                    <h3 id="c006">
                        <span class="zt-h4">四、</span><span class="qyls-h4">民航服务及其特点</span>
                    </h3>
                    <h4 id="d009">（一）什么是民航服务</h4>
                    <p class="p-odd">
                        航服务是指以满足旅客需求为导向，依据国内民航法规和国际民航惯例，向搭乘航班的旅客提供的热情、周到、细致的服务的过程，包括进出机场和乘机过程中的各种服务。从旅客的角度看，民航服务是指旅客在乘飞机旅行消费过程中的印象、感受和体验；从航空公司的角度看，民航服务是指民航员工在各自岗位上为旅客提供服务、展示企业服务理念和能力的过程。民航服务的本质就是通过挖掘和理解旅客的需求，把握和尊重旅客的期待，通过服务过程的开展来满足甚至超越旅客的期待，让旅客感受到乘机的快乐和愉悦。
@@ -337,6 +603,8 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>民航服务与一般的服务有什么不同？</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 block2 ml-2e mr-9 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                </div>
            </div>
@@ -349,10 +617,14 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even">民航服务是民航行业给旅客提供的过程产品，而这个产品具有生产和消费同时发生的特征，且不可储存。所以在民航服务管理上，要注重服务的过程管理。</p>
                    <p class="p-even">
                        民航服务是民航行业给旅客提供的过程产品，而这个产品具有生产和消费同时发生的特征，且不可储存。所以在民航服务管理上，要注重服务的过程管理。
                    </p>
                    <h4 id="d010" class="p-even">（二）民航服务的特点</h4>
                    <h5 id="e001" class="p-even">1.高标准的服务</h5>
                    <p class="p-even">中国民航一直对标国际，对服务的理念、形象、语言、行为、素质、设施、设备和环境等均设立了较高的规范和标准，民航服务是中国各行业服务的标杆和典范。</p>
                    <p class="p-even">
                        中国民航一直对标国际，对服务的理念、形象、语言、行为、素质、设施、设备和环境等均设立了较高的规范和标准，民航服务是中国各行业服务的标杆和典范。
                    </p>
                    <h5 id="e002" class="p-even">2.高安全的服务</h5>
                    <p class="p-even">
                        “安全第一，第一是安全。”没有安全就没有民航服务。安全是民航服务的前提和基石，安全贯穿于民航服务的全过程。民航主管部门要求民航服务执行严苛的安全管理政策，民航服务是各种交通运输服务中最安全的。
@@ -365,7 +637,9 @@
                    <p class="p-even">
                        民航服务的高标准，需要从业人员具备高素质。自从民航行业创建以来，民航员工特别是空中乘务人员的高素质，已为广大旅客留下了十分良好的行业印象。在现代民航服务中，旅客对民航员工的素质提出了更高的要求，民航员工需要在自身知识、语言、礼仪、行为等方面提高素质和修为。
                    </p>
                    <h3 id="c007" class="p-even"><span class="zt-h4">五</span><span class="qyls-h4">民航服务的分类</span></h3>
                    <h3 id="c007" class="p-even">
                        <span class="zt-h4">五、</span><span class="qyls-h4">民航服务的分类</span>
                    </h3>
                    <h4 id="d011" class="p-even">（一）机场服务</h4>
                    <p class="p-even">
                        包括值机、行李交运、安检、候机、登机、接机、行李提取、行李查询和航班中转等旅客运输服务，头等舱、公务舱、贵宾等服务，老弱病残孕、母婴、无成人陪伴儿童、担架旅客、轮椅旅客等特殊旅客的运输服务，机场
@@ -377,7 +651,7 @@
        <div class="page-box" page="21">
            <div v-if="showPageList.indexOf(21) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">013</li>
@@ -387,24 +661,32 @@
                        提供的航站楼餐饮、零售、娱乐、停车、交通、网络、通信、洗手间等服务。
                    </p>
                    <h4 id="d012">（二）客舱服务</h4>
                    <p class="p-odd">包括引导旅客登离机、提供餐饮、座位调整、客舱广播、灯光、报刊、安全提示、娱乐设施、洗手间、空中急救等服务。</p>
                    <p class="p-odd">
                        包括引导旅客登离机、提供餐饮、座位调整、客舱广播、灯光、报刊、安全提示、娱乐设施、洗手间、空中急救等服务。
                    </p>
                    <h4 id="d013">（三）客票服务</h4>
                    <p class="p-odd">包括机票查询、订票、改签、退票、网上值机、航班动态查询、机场及航空公司其他服务预订等。</p>
                    <p class="p-odd">
                        包括机票查询、订票、改签、退票、网上值机、航班动态查询、机场及航空公司其他服务预订等。
                    </p>
                    <h4 id="d014">（四）安全服务</h4>
                    <p class="p-odd">包括机场的航站楼防爆检查、旅客安检、行李安检、货物安检、道口安检等。</p>
                    <p class="p-odd">
                        包括机场的航站楼防爆检查、旅客安检、行李安检、货物安检、道口安检等。
                    </p>
                    <h4 id="d015">（五）不正常航班服务</h4>
                    <p class="p-odd">包括航班延误或取消后，旅客的改签、休息、安排酒店、理赔等一系列的后续服务；也包括地震、台风、大雾、暴雪、战争等灾害紧急情况下，航班大面积滞留下的应急服务。</p>
                    <p class="p-odd">
                        包括航班延误或取消后，旅客的改签、休息、安排酒店、理赔等一系列的后续服务；也包括地震、台风、大雾、暴雪、战争等灾害紧急情况下，航班大面积滞留下的应急服务。
                    </p>
                    <h4 id="d016">（六）航班信息服务</h4>
                    <p class="p-odd">包括航站楼航班显示系统、广播、电话、网络、短信、微信、公众号、小程序、抖音、微博、邮件或网站等多种渠道向旅客提供航班动态信息。</p>
                    <p class="p-odd">
                        包括航站楼航班显示系统、广播、电话、网络、短信、微信、公众号、小程序、抖音、微博、邮件或网站等多种渠道向旅客提供航班动态信息。
                    </p>
                    <div class="bj4">
                        <div class="fl al-c mb-10">
                            <div class="bj4-xyx">
                                拓展<br>阅读
                            </div>
                            <div class="bj4-xyx-icon">
                                ▶ ▶
                            </div>
                            <p class="td-0"><b style="color: #5192C6">我国航空公司为特殊旅客提供的人性化服务</b></p>
                            <div class="bj4-xyx">拓展<br />阅读</div>
                            <div class="bj4-xyx-icon">▶ ▶</div>
                            <p class="td-0">
                                <b style="color: #5192c6">我国航空公司为特殊旅客提供的人性化服务</b>
                            </p>
                        </div>
                        <p class="center block">东方航空：无成人陪伴儿童服务</p>
                        <p class="block">
@@ -437,8 +719,70 @@
                        </p>
                    </div>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0027-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">走进民航服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                认识民航服务
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航院校学生需要掌握的民航服务基本知识制定，主要面向民航服务岗位，培养学生掌握在民航行业中提供专业和高效的服务所需的基本技能和知识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握民航服务的含义和类型。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解服务与民航服务的含义。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.掌握民航服务的特点。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.掌握民航服务的类型。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.了解服务与民航服务的含义。<br />2.能够掌握民航服务的类型。
                            </td>
                        </tr>

                    </table>
                </div>
            </div>
        </div>
@@ -446,17 +790,150 @@
        <div class="page-box" page="23">
            <div v-if="showPageList.indexOf(23) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">015</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①了解服务与民航服务的含义。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②掌握民航服务的特点。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③掌握民航服务的类型。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④收集并整理我国民航发展过程中对民航服务人员专业技能需求的变化。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                是否了解服务与民航服务的含义?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否掌握民航服务的特点?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否掌握民航服务的类型?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">1.服务和民航服务的含义是什么？</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="p-odd">2.民航服务具有什么特点？</p>
                    <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="p-odd">3.民航服务的种类有哪些？</p>
                    <textarea v-model="questionData.teskTwo.five" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.six" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-9 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -474,16 +951,21 @@
                    <p class="p-even block2">
                        康康所在的中学举办了“民航知识进校园”讲座。此次讲座，学校邀请了几大航空公司的空勤和地勤人员。他们精心准备了民航发展历程、航空器分类、如何安全乘坐飞机等相关知识，通过简单的文字、精美的图片、通俗易懂的小视频等多种形式，为学生上了一堂生动的民航知识普及课。在场的学生通过学习，感受到我国民航事业从无到有、从有到优是无数前辈刻苦钻研、无私奉献的结果。我国民航经过多年发展，航空公司也经过成立、发展、壮大和整合等过程。讲座后，学生们表达了对民航的热爱和从事民航事业的愿望。作为未来的民航从业人员，我们需要知道哪些基本的航空知识呢？
                    </p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c008" class="p-even"><span class="zt-h4">一、</span><span class="qyls-h4">我国三大航空公司</span></h3>
                    <h3 id="c008" class="p-even">
                        <span class="zt-h4">一、</span><span class="qyls-h4">我国三大航空公司</span>
                    </h3>
                    <p class="p-even">
                        我国民航经过多年发展，现已形成三大航空公司、六家主要地方航空公司和逐步兴起的中小航空公司的格局。其中，三大航空公司是指中国国际航空股份有限公司、中国东方航空股份有限公司、中国南方航空股份有限公司。
                    </p>
                    <h4 id="d017" class="p-even">（一）中国国际航空股份有限公司</h4>
                    <p class="p-even">中国国际航空股份有限公司，简称“国航”，英文名为Air China
                        。国航的二字代码（IATA代码，由国际航空运输协会统一编码）为CA，运单前缀为“999”，飞行常旅客计划是“凤凰知音”（Phoenix Miles）。</p>


                    <p class="p-even">
                        中国国际航空股份有限公司，简称“国航”，英文名为Air China
                        。国航的二字代码（IATA代码，由国际航空运输协会统一编码）为CA，运单前缀为“999”，飞行常旅客计划是“凤凰知音”（Phoenix
                        Miles）。
                    </p>
                </div>
            </div>
        </div>
@@ -491,7 +973,7 @@
        <div class="page-box" page="25">
            <div v-if="showPageList.indexOf(25) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">017</li>
@@ -503,37 +985,44 @@
                    <p class="p-odd">
                        中国国际航空股份有限公司的前身中国国际航空公司，成立于1988年。中国国际航空公司的前身——民航北京管理局飞行总队于1955年1月1日正式成立。1988年，民航北京管理局分设，成立中国国际航空公司。
                    </p>
                    <p class="p-odd">国航的企业标识由一只艺术化的凤凰和中国改革开放的总设计师邓小平同志书写的“中国国际航空公司”以及英文AIR
                        CHINA构成（图1-6）。国航标志是凤凰，同时又是英文VIP（尊贵客人）的艺术变形，颜色为中国传统的大红。胖安达是中国国际航空股份有限公司的吉祥物（图1-7）。</p>
                    <p class="p-odd">
                        国航的企业标识由一只艺术化的凤凰和中国改革开放的总设计师邓小平同志书写的“中国国际航空公司”以及英文AIR
                        CHINA构成（图1-6）。国航标志是凤凰，同时又是英文VIP（尊贵客人）的艺术变形，颜色为中国传统的大红。胖安达是中国国际航空股份有限公司的吉祥物（图1-7）。
                    </p>
                    <div class="fl p-odd al-fe">
                        <span>
                            <p class="center openImgBox"><img class="img-b" alt=""
                                    src="../../assets/images/0030-1.jpg" /></p>
                            <p class="center openImgBox">
                                <img class="img-b" alt="" src="../../assets/images/0030-1.jpg" />
                            </p>
                            <p class="img">图1-6 中国国际航空股份有限公司标识</p>
                        </span>
                        <span>
                            <p class="center openImgBox"><img class="img-b" alt=""
                                    src="../../assets/images/0030-2.jpg" /></p>
                            <p class="center openImgBox">
                                <img class="img-b" alt="" src="../../assets/images/0030-2.jpg" />
                            </p>
                            <p class="img">图1-7 中国国际航空股份有限公司吉祥物</p>
                        </span>
                    </div>
                    <h4 id="d018">（二）中国东方航空股份有限公司</h4>
                    <p class="p-odd">中国东方航空股份有限公司，简称“东航”，英文名为China Eastern
                        Airlines。东航的二字代码为MU，运单前缀为“781”，飞行常旅客计划是</p>
                    <p class="p-odd">
                        中国东方航空股份有限公司，简称“东航”，英文名为China Eastern
                        Airlines。东航的二字代码为MU，运单前缀为“781”，飞行常旅客计划是
                    </p>
                    <div class="img-rights w180 openImgBox mt-10">
                        <img class="img-0" alt="" src="../../assets/images/0030-3.jpg" />
                        <p class="img">图1-8 中国东方航空股份有限公司标识</p>
                    </div>
                    <span>
                        <p class="td-0">
                            “东方万里行”（Eastern Miles）。
                        <p class="td-0">“东方万里行”（Eastern Miles）。</p>
                        <p class="p-odd">
                            中国东方航空股份有限公司总部位于上海，前身可追溯到1957年1月原上海管理处成立的第一支飞行中队。图1-8所示为中国东方航空股份有限公司的标识。
                        </p>
                        <p class="p-odd">中国东方航空股份有限公司总部位于上海，前身可追溯到1957年1月原上海管理处成立的第一支飞行中队。图1-8所示为中国东方航空股份有限公司的标识。</p>
                    </span>
                    <h4 id="d019">（三）中国南方航空股份有限公司</h4>
                    <p class="p-odd">中国南方航空股份有限公司，简称“中国南方航空”或“南方航空”，英文名为China Southern
                        Airlines。南方航空的二字代码为CZ，运</p>

                    <p class="p-odd">
                        中国南方航空股份有限公司，简称“中国南方航空”或“南方航空”，英文名为China
                        Southern Airlines。南方航空的二字代码为CZ，运单前缀
                    </p>
                </div>
            </div>
        </div>
@@ -548,46 +1037,74 @@
                    <div class="img-float w135 openImgBox mt-10">
                        <img class="img-0" alt="" src="../../assets/images/0031-1.jpg" />
                        <p class="img">图1-9 中国南方航空股份有限公司标识</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0031-2.jpg" /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0031-2.jpg" />
                        </p>
                        <p class="img">图1-10 海南航空标识</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0031-3.jpg" /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0031-3.jpg" />
                        </p>
                        <p class="img">图1-11 厦门航空标识</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0031-4.jpg" /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0031-4.jpg" />
                        </p>
                        <p class="img">图1-12 川航标识</p>
                    </div>
                    <span>
                        <p class="td-0">
                            单前缀为“784”，飞行常旅客计划是“南航明珠俱乐部”（China Southern Sky Pearl Club）。
                            为“784”，飞行常旅客计划是“南航明珠俱乐部”（China Southern
                            Sky Pearl Club）。
                        </p>
                        <p>中国南方航空股份有限公司总部设在广东省广州市，以天蓝色垂直尾翼镶抽象化的红色木棉花为标识（图1-9）。</p>
                        <h3 id="c009"><span class="zt-h4">二、</span><span class="qyls-h4">我国六大地方航空公司</span></h3>
                        <p>
                            中国南方航空股份有限公司总部设在广东省广州市，以天蓝色垂直尾翼镶抽象化的红色木棉花为标识（图1-9）。
                        </p>
                        <h3 id="c009">
                            <span class="zt-h4">二、</span><span class="qyls-h4">我国六大地方航空公司</span>
                        </h3>
                        <h4 id="d020">（一）海南航空控股股份有限公司</h4>
                        <p>海南航空控股股份有限公司简称“海南航空”，英文名为Hainan Airlines。海南航空的二字代码为HU，运单前缀为“880”，飞行常旅客计划是“金鹏俱乐部”（Fortune
                            Wings Club）。</p>
                        <p>海南航空总部设在海南省海口市，于1993年成立，致力于为旅客提供全方位无缝隙的航空服务。图1-10所示为海南航空标识。</p>
                        <h4 id="d021">（二）厦门航空有限公司</h4>
                        <p>厦门航空有限公司简称“厦门航空”，英文名为Xiamen Air。厦门航空的二字代码为MF，运单前缀为“731”，飞行常旅客计划是“白鹭卡”（Egret Miles）。</p>
                        <p>厦门航空总部设在福建省厦门市，成立于1984年，是我国首家按现代企业制度运营的航空公司。图1-11所示为厦门航空标识。</p>
                        <h4 id="d022">（三）四川航空股份有限公司</h4>
                        <p>四川航空股份有限公司简称“川航”，英文名为Sichuan Airlines。川航的二字代码是3U，运单前缀是“876”，飞行常旅客计划为“金熊猫会员俱乐部”（Golden Panda）。
                        <p>
                            海南航空控股股份有限公司简称“海南航空”，英文名为Hainan
                            Airlines。海南航空的二字代码为HU，运单前缀为“880”，飞行常旅客计划是“金鹏俱乐部”（Fortune
                            Wings Club）。
                        </p>
                        <p>四川航空股份有限公司成立于2002年8月，总部位于四川省成都市，川航改制前为四川航空公司，该公司成立于1986年9月。图1-12所示为川航标识。</p>
                        <p>2018年9月4日，四川省总工会代表中华全国总工会授予成功处置险情的川航3U8633航班机长刘传健同志全国五一劳动奖章、川航3U8633航班机组全国工人先锋号。</p>
                        <p>
                            海南航空总部设在海南省海口市，于1993年成立，致力于为旅客提供全方位无缝隙的航空服务。图1-10所示为海南航空标识。
                        </p>
                        <h4 id="d021">（二）厦门航空有限公司</h4>
                        <p>
                            厦门航空有限公司简称“厦门航空”，英文名为Xiamen
                            Air。厦门航空的二字代码为MF，运单前缀为“731”，飞行常旅客计划是“白鹭卡”（Egret
                            Miles）。
                        </p>
                        <p>
                            厦门航空总部设在福建省厦门市，成立于1984年，是我国首家按现代企业制度运营的航空公司。图1-11所示为厦门航空标识。
                        </p>
                        <h4 id="d022">（三）四川航空股份有限公司</h4>
                        <p>
                            四川航空股份有限公司简称“川航”，英文名为Sichuan
                            Airlines。川航的二字代码是3U，运单前缀是“876”，飞行常旅客计划为“金熊猫会员俱乐部”（Golden
                            Panda）。
                        </p>
                        <p>
                            四川航空股份有限公司成立于2002年8月，总部位于四川省成都市，川航改制前为四川航空公司，该公司成立于1986年9月。图1-12所示为川航标识。
                        </p>
                        <p>
                            2018年9月4日，四川省总工会代表中华全国总工会授予成功处置险情的川航3U8633航班机长刘传健同志全国五一劳动奖章、川航3U8633航班机组全国工人先锋号。
                        </p>
                    </span>

                </div>
            </div>
        </div>
@@ -595,7 +1112,7 @@
        <div class="page-box" page="27">
            <div v-if="showPageList.indexOf(27) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">019</li>
@@ -603,19 +1120,15 @@
                <div class="bodystyle">
                    <div class="bj4">
                        <div class="fl al-c mb-10">
                            <div class="bj4-xyx">
                                拓展<br>阅读
                            </div>
                            <div class="bj4-xyx-icon">
                                ▶ ▶
                            </div>
                            <p class="td-0"><b style="color: #5192C6">中国机长</b></p>
                            <div class="bj4-xyx">拓展<br />阅读</div>
                            <div class="bj4-xyx-icon">▶ ▶</div>
                            <p class="td-0"><b style="color: #5192c6">中国机长</b></p>
                        </div>
                        <p class="block">
                            2018年5月14日，川航3U8633航班在成都区域巡航阶段，驾驶舱右侧前风挡玻璃爆裂脱落，机组实施紧急下降。面对突发情况，机长刘传健（图1-13）等全体机组成员沉着应对，克服高空低压、低温等恶劣环境，在多部门密切配合下，备降成都双流国际机场，所有旅客平安落地，有序下机并得到妥善安排。
                        </p>
                        <p class="block">
                            2018年6月8日，四川省、中国民用航空局成功处置川航3U8633航班险情表彰大会在成都召开。为表彰先进、弘扬正气，中国民用航空局、四川省人民政府决定授予川航3U8633航班机组“中国民航英雄机组”称号，授予刘传健同志“中国民航英雄机长”称号并享受省级劳动模范待遇。《中国机长》改编自川航英雄机
                            2018年6月8日，四川省、中国民用航空局成功处置川航3U8633航班险情表彰大会在成都召开。为表彰先进、弘扬正气，中国民用航空局、四川省人民政府决定授予川航3U8633航班机组“中国民航英雄机组”称号，授予刘传健同志“中国民航英雄机长”称号并享受省级劳动模范待遇。《中国机长》改编自川航英雄机长刘传健
                        </p>
                        <div class="img-float w230 openImgBox mt-10">
                            <img class="img-0" alt="" src="../../assets/images/0032-1.jpg" />
@@ -623,22 +1136,29 @@
                        </div>
                        <span>
                            <p class="block td-0">
                                长刘传健的故事。2020年6月2日，该事件调查报告出炉。调查报告显示，本次事件的最大可能原因是：B-6419号机右风挡封严（气象封严或封严硅胶）可能破损，风挡内部存在空腔，外部水汽渗入并存留于风挡底部边缘。电源导线被长期浸泡后绝缘性降低，在风挡左下部拐角处出现潮湿环境下的持续电弧放电。电弧产生的局部高温导致双层结构玻璃破裂。风挡不能承受驾驶舱内外压差从机身爆裂脱落。
                                的故事。2020年6月2日，该事件调查报告出炉。调查报告显示，本次事件的最大可能原因是：B-6419号机右风挡封严（气象封严或封严硅胶）可能破损，风挡内部存在空腔，外部水汽渗入并存留于风挡底部边缘。电源导线被长期浸泡后绝缘性降低，在风挡左下部拐角处出现潮湿环境下的持续电弧放电。电弧产生的局部高温导致双层结构玻璃破裂。风挡不能承受驾驶舱内外压差从机身爆裂脱落。
                            </p>
                        </span>
                    </div>
                    <h4 id="d023">（四）山东航空股份有限公司</h4>
                    <p class="p-odd">山东航空股份有限公司简称“山航”，英文名为Shandong Airlines。山航的二字代码为SC，运单前缀为“324”，飞行常旅客计划是“凤凰知音”。</p>
                    <p class="p-odd">
                        山东航空股份有限公司简称“山航”，英文名为Shandong
                        Airlines。山航的二字代码为SC，运单前缀为“324”，飞行常旅客计划是“凤凰知音”。
                    </p>
                    <div class="img-rights w200 openImgBox mt-10">
                        <img class="img-0" alt="" src="../../assets/images/0032-2.jpg" />
                        <p class="img">图1-14 山航标识</p>
                    </div>
                    <span>
                        <p>山航总部设在山东省济南市。山东航空股份有限公司成立于1999年12月，其前身系成立于1994年的山东航空有限责任公司。图1-14所示为山航标识。</p>
                        <p>
                            山航总部设在山东省济南市。山东航空股份有限公司成立于1999年12月，其前身系成立于1994年的山东航空有限责任公司。图1-14所示为山航标识。
                        </p>
                    </span>
                    <h4 id="d024">（五）上海航空股份有限公司</h4>
                    <p class="p-odd">上海航空股份有限公司，简称“上海航空”或“上航”，英文名为Shanghai
                        Airlines。上海航空的二字代码为FM，运单前缀为“774”，飞行常旅客计划是“东方万里行”。</p>
                    <p class="p-odd">
                        上海航空股份有限公司，简称“上海航空”或“上航”，英文名为Shanghai
                        Airlines。上海航空的二字代码为FM，运单前缀为“774”，飞行常旅客计划是“东方万里行”。
                    </p>
                </div>
            </div>
        </div>
@@ -646,43 +1166,73 @@
        <div class="page-box" page="28">
            <div v-if="showPageList.indexOf(28) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">028</li>
                    <li class="header-left-Number">020</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-float w180 openImgBox mt-10">
                        <img class="img-0" alt="" src="../../assets/images/0033-1.jpg" />
                        <p class="img">图1-15 上海航空标识</p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0033-2.jpg" /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0033-2.jpg" />
                        </p>
                        <p class="img">图1-16 深航标识</p>
                        <p><br></p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0033-3.jpg" /></p>
                        <p><br /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0033-3.jpg" />
                        </p>
                        <p class="img">图1-17 美国航空标识</p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0033-4.jpg" /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0033-4.jpg" />
                        </p>
                        <p class="img">图1-18 达美航空公司标识</p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0033-5.jpg" /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0033-5.jpg" />
                        </p>
                        <p class="img">图1-19 美国联合航空公司标识</p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0033-6.jpg" /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0033-6.jpg" />
                        </p>
                        <p class="img">图1-20 国泰航空有限公司标识</p>
                    </div>
                    <span>
                        <p>上海航空股份有限公司成立于1985年12月，总部设在上海，是中国第一家多元化投资的商业性质有限责任航空企业。图1-15为上海航空标识。</p>
                        <p>
                            上海航空股份有限公司成立于1985年12月，总部设在上海，是中国第一家多元化投资的商业性质有限责任航空企业。图1-15为上海航空标识。
                        </p>
                        <h4 id="d025">（六）深圳航空有限责任公司</h4>
                        <p>深圳航空有限责任公司简称“深航”，英文名为Shenzhen Airlines。深航的二字代码为ZH，运单前缀为“479”，飞行常旅客计划是“凤凰知音”。</p>
                        <p>深航于1992年11月成立，总部设在广东省深圳市。图1-16所示为深航标识。</p>
                        <h3 id="c010"><span class="zt-h4">三、</span><span class="qyls-h4">世界六大航空公司</span></h3>
                        <p>
                            深圳航空有限责任公司简称“深航”，英文名为Shenzhen
                            Airlines。深航的二字代码为ZH，运单前缀为“479”，飞行常旅客计划是“凤凰知音”。
                        </p>
                        <p>
                            深航于1992年11月成立，总部设在广东省深圳市。图1-16所示为深航标识。
                        </p>
                        <h3 id="c010">
                            <span class="zt-h4">三、</span><span class="qyls-h4">世界六大航空公司</span>
                        </h3>
                        <h4 id="d026">（一）美国航空</h4>
                        <p>美国航空（American Airlines）二字代码为AA，运单前缀为“001”。美国航空成立于1939年，其标识如图1-17所示。</p>
                        <p>
                            美国航空（American
                            Airlines）二字代码为AA，运单前缀为“001”。美国航空成立于1939年，其标识如图1-17所示。
                        </p>
                        <h4 id="d027">（二）达美航空公司</h4>
                        <p>达美航空公司（Delta Air Lines，Inc.）总部位于美国。的二字代码为DL，运单前缀为“006”。达美航空公司成立于1928年，其标识如图1-18所示。</p>
                        <p>
                            达美航空公司（Delta Air
                            Lines，Inc.）总部位于美国。的二字代码为DL，运单前缀为“006”。达美航空公司成立于1928年，其标识如图1-18所示。
                        </p>
                        <h4 id="d028">（三）美国联合航空公司</h4>
                        <p>美国联合航空公司（United
                            Airlines）成立于1926年，总部设在美国伊利诺伊州芝加哥。美国联合航空公司的二字代码为UA，运单前缀为“016”。图1-19所示为美国联合航空公司标识。</p>
                        <p>
                            美国联合航空公司（United
                            Airlines）成立于1926年，总部设在美国伊利诺伊州芝加哥。美国联合航空公司的二字代码为UA，运单前缀为“016”。图1-19所示为美国联合航空公司标识。
                        </p>
                        <h4 id="d029">（四）国泰航空有限公司</h4>
                        <p>国泰航空有限公司（Cathay Pacific Airways Limited）简称“国泰航空公司”，二字代码为CX，运单前缀为“160”，成立于1946年。</p>
                        <p>
                            国泰航空有限公司（Cathay Pacific Airways
                            Limited）简称“国泰航空公司”，二字代码为CX，运单前缀为“160”，成立于1946年。
                        </p>
                        <p>国泰航空有限公司总部设在中国香港，其标识如图1-20所示。</p>
                    </span>
                </div>
@@ -692,38 +1242,54 @@
        <div class="page-box" page="29">
            <div v-if="showPageList.indexOf(29) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">021</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-rights w180 openImgBox mt-10">
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0034-1.jpg" /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0034-1.jpg" />
                        </p>
                        <p class="img">图1-21 阿联酋航空公司标识</p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0034-2.jpg" /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0034-2.jpg" />
                        </p>
                        <p class="img">图1-22 全日空航空公司标识</p>
                    </div>
                    <span>
                        <h4 id="d030">（五）阿联酋航空公司</h4>
                        <p>阿联酋航空公司，又称“阿拉伯联合酋长国航空公司”，成立于1985年，总部设于迪拜。阿联酋航空公司的二字代码为EK，运单前缀为“176”。其标识如图1-21所示。</p>
                        <p>
                            阿联酋航空公司，又称“阿拉伯联合酋长国航空公司”，成立于1985年，总部设于迪拜。阿联酋航空公司的二字代码为EK，运单前缀为“176”。其标识如图1-21所示。
                        </p>
                        <h4 id="d031">（六）全日空航空公司</h4>
                        <p>全日空航空公司，又称“全日本空输株式会社”，简称“全日空”，二字代码为NH，运单前缀为“205”。全日空航空公司成立于1952年，总部设于日本东京，其标识如图1-22所示。</p>
                        <p>
                            全日空航空公司，又称“全日本空输株式会社”，简称“全日空”，二字代码为NH，运单前缀为“205”。全日空航空公司成立于1952年，总部设于日本东京，其标识如图1-22所示。
                        </p>
                    </span>
                    <h3 id="c011"><span class="zt-h4">四、</span><span class="qyls-h4">世界三大航空公司联盟</span></h3>
                    <h3 id="c011">
                        <span class="zt-h4">四、</span><span class="qyls-h4">世界三大航空公司联盟</span>
                    </h3>
                    <p class="p-odd">
                        为了更好、更方便地共享资源，增强在航空运输市场上的竞争力，世界上许多航空公司经过联合组成跨国、跨地区的航空公司联盟。联盟的发展得益于其给旅客及联盟成员带来的日益明显的利益。联盟通过其伙伴关系向旅客提供更多的实惠，包括各成员间常旅客计划合作、共享机场贵宾室、更便捷的航班安排、联程订座和登记手续、更顺利的中转连接，实现全球旅客服务支援和无缝隙服务。
                    </p>
                    <p class="p-odd">
                        对其成员来讲，联盟则以低成本扩展航线网络、扩大市场份额、增加客源和收入而带来更多的商机，并且可以在法律允许的前提下实行联合销售、联合采购、降低成本，充分利用信息技术协调发展。</p>
                        对其成员来讲，联盟则以低成本扩展航线网络、扩大市场份额、增加客源和收入而带来更多的商机，并且可以在法律允许的前提下实行联合销售、联合采购、降低成本，充分利用信息技术协调发展。
                    </p>
                    <h4 id="d032">（一）星空联盟</h4>
                    <p class="p-odd">星空联盟（Star
                    <p class="p-odd">
                        星空联盟（Star
                        Alliance）成立于1997年，总部位于德国法兰克福，是世界上第一家全球性航空公司联盟。星空联盟最初的5个成员为加拿大航空公司、德国汉莎航空公司、北欧航空公司、泰国国际航空公司、美国联合航空公司。星空联盟的标语是“地球连结的方式”。
                    </p>
                    <p class="p-odd">星空联盟网站显示，至2024年6月有26家正式成员。我国加入星空联盟的航空公司共有3家，分别是中国国际航空股份有限公司、长荣航空股份有</p>
                    <p class="p-odd">
                        星空联盟网站显示，至2024年6月有26家正式成员。我国加入星空联盟的航空公司共有3家，分别是中国国际航空股份有限公司、长荣航空股份有
                    </p>
                    <div class="img-rights w280 openImgBox">
                        <p class="center"><img class="img-b" alt="" src="../../assets/images/0034-3.jpg" /></p>
                        <p class="center">
                            <img class="img-b" alt="" src="../../assets/images/0034-3.jpg" />
                        </p>
                        <p class="img">图1-23 星空联盟标识</p>
                    </div>
                    <span>
@@ -738,28 +1304,100 @@
        <div class="page-box" page="30">
            <div v-if="showPageList.indexOf(30) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">030</li>
                    <li class="header-left-Number">022</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-float w150 openImgBox mt-20">
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0035-1.jpg" /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0035-1.jpg" />
                        </p>
                        <p class="img">图1-24 天合联盟标识</p>
                        <p><br></p>
                        <p class="center"><img class="img-c" alt="" src="../../assets/images/0035-2.jpg" /></p>
                        <p><br /></p>
                        <p class="center">
                            <img class="img-c" alt="" src="../../assets/images/0035-2.jpg" />
                        </p>
                        <p class="img">图1-25 寰宇一家标识</p>
                    </div>
                    <span>
                        <h4 id="d033">（二）天合联盟</h4>
                        <p>2000年，美国达美航空公司、法国航空公司、大韩航空公司以及墨西哥国际航空公司宣布共同组建“天合联盟”（SkyTeam）。天合联盟总部位于荷兰阿姆斯特丹，其标识如图1-24所示。其网站显示，至2024年6月，有19家正式会员。我国加入天合联盟的航空公司共有3家，分别是中国东方航空股份有限公司、中华航空股份有限公司和厦门航空有限公司。
                        <p>
                            2000年，美国达美航空公司、法国航空公司、大韩航空公司以及墨西哥国际航空公司宣布共同组建“天合联盟”（SkyTeam）。天合联盟总部位于荷兰阿姆斯特丹，其标识如图1-24所示。其网站显示，至2024年6月，有19家正式会员。我国加入天合联盟的航空公司共有3家，分别是中国东方航空股份有限公司、中华航空股份有限公司和厦门航空有限公司。
                        </p>
                        <h4 id="d034">（三）寰宇一家</h4>
                        <p>寰宇一家成立于1999年，由美国航空、英国航空公司、原加拿大航空公司、国泰航空有限公司及澳洲航空公司共同发起。寰宇一家创始之初总部设在加拿大温哥华，后迁至美国纽约，其网站显示，至2024年6月，有13家正式会员。寰宇一家标识如图1-25所示。
                        <p>
                            寰宇一家成立于1999年，由美国航空、英国航空公司、原加拿大航空公司、国泰航空有限公司及澳洲航空公司共同发起。寰宇一家创始之初总部设在加拿大温哥华，后迁至美国纽约，其网站显示，至2024年6月，有13家正式会员。寰宇一家标识如图1-25所示。
                        </p>
                    </span>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0035-3.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">走进民航服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                认识航空公司及航空联盟
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航院校学生需要掌握的民航服务基本知识制定，主要面向民航服务岗位，加强学生对中国和世界主要航空公司的了解，并加深学生对世界三大航空公司联盟的认知。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="5">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握中国和世界主要航空公司，以及世界三大航空公司联盟的基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="4" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解并说出我国三大航空公司及其基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.了解并说出我国六大地方航空公司及其基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.了解并说出世界六大航空公司及其基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                4.了解并说出世界三大航空公司联盟及其基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握我国三大航空公司和六大地方航空公司基本信息。<br />2.掌握世界六大航空公司和三大航空公司联盟基本信息。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -767,23 +1405,158 @@
        <div class="page-box" page="31">
            <div v-if="showPageList.indexOf(31) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">走进民航服务</li>
                    <li class="headerNumber">023-024</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①能够说出我国三大航空公司的完整名称及其基本信息。
                            </td>
                            <td class="ta-l w20" valign="top">
                                @能够说出我国六大地方航空公司的完整名称及其基本信息。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③能够说出世界六大航空公司的完整名称及其基本信息。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ①能够说出世界三大航空公司联盟的完整名称及其基本信息。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否说出我国三大航空公司和六大地方航空公司的完整名称及其基本信息?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否说出世界六大航空公司和三大航空公司联盟的完整名称及其基本信息?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                作业是否合格?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">1.国航的二字代码是___________，航徽是____________，是中国唯一可以________的航空公司。</p>
                    <p class="p-odd">2.我国加入星空联盟的航空公司有____________________________________。</p>
                    <p class="p-odd">
                        1.国航的二字代码是<input v-model="questionData.teskThree.two" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />，航徽是<input v-model="questionData.teskThree.three"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />，是中国唯一可以<input
                            v-model="questionData.teskThree.four" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />的航空公司。
                    </p>
                    <p class="p-odd">
                        2.我国加入星空联盟的航空公司有<input v-model="questionData.teskThree.five"
                            class="input-bottom-border w40 fz-14" @change="setBookQuestion" />。
                    </p>
                    <p class="p-odd">3.利用网络分组搜索，了解更多航空公司基本信息。</p>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.six" placeholder="请输入内容" rows="6"
                        class="fz-16  mr-9 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 24页隐藏页面 -->
        <div class="page-box hidePage" page="32">
        </div>
        <div class="page-box hidePage" page="32"></div>
    </div>
</template>

@@ -795,7 +1568,113 @@
            type: Array,
        },
    },
}
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter01");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter01-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter01",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter01-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
};
</script>

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

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

@@ -40,6 +40,8 @@
                    <p class="p-even block2">
                        某航班起飞后不久，遭遇6名歹徒暴力劫机，他们企图闯入驾驶舱。暴力事件发生后，机组人员临危不惧，立刻果断处置。此时，航班上多名旅客见义勇为，挺身而出，协助机组人员控制住歹徒。从歹徒开始劫机，到全部被制服，仅仅用了10多分钟。在此次事件中，全体机组人员沉着冷静、妥善应对，驾驶飞机安全返航。请查阅相关资料，小组内交流：该事件体现了机组人员哪些职业道德素养？
                    </p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p><br></p>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
@@ -233,11 +235,42 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.民航员工职业道德的基本要求是什么，请举例说明。</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.请在网络上查询关于民航员工道德行为的案例，讲给同学们听，并展开讨论。</p>
                        <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="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0045-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; width: 91%; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">了解民航员工应具备的基本素质</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解职业道德素质
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>

                    </table>
                </div>
            </div>
        </div>
@@ -251,12 +284,175 @@
                    <li class="headerNumber">033</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，使学生增进对民航员工应具备的职业道德素质的了解，掌握民航员工职业道德的要求、理解民航员工职业道德的培养途径、掌握“四符合”原则，为素质提升奠定一定的基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                了解民航员工职业道德素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能说出民航员工职业道德的要求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.知晓民航员工职业道德的培养途径。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能说出民航员工道德行为养成的“四符合”原则。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握民航员工职业道德的要求。<br />2.掌握民航员工道德行为养成的“四符合”原则。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①掌握民航员工职业道德的要求。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②理解民航员工职业道德的培养途径。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③能够运用民航员工道德行为养成的“四符合”原则。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确阐述民航员工职业道德的要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否根据情境准确给出民航员工职业道德的培养途径?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                能否对标运用“四符合”原则?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">
                        1.工作中会遇到与自身利益相冲突的时候，民航员工应考虑自己的行为是否符合国家和社会的利益、________________________、符合民航岗位的职业道德、____________________________________。
                        1.工作中会遇到与自身利益相冲突的时候，民航员工应考虑自己的行为是否符合国家和社会的利益、<input v-model="questionData.teskOne.four" class="input-bottom-border w40 fz-14"
                        @change="setBookQuestion" />、符合民航岗位的职业道德、<input v-model="questionData.teskOne.five" class="input-bottom-border w40 fz-14"
                        @change="setBookQuestion" />。
                    </p>
                    <p class="p-odd">2.民航员工职业道德的要求有哪些？</p>
                    <textarea v-model="questionData.teskOne.six" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.seven" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -274,7 +470,8 @@
                    <p class="p-even block2">
                        民航员工工作在航空公司、机场等服务岗位的第一线，他们的言谈举止在一定程度上代表着民航企业，所以民航员工要注重自我的职业素养。文化素质是民航员工职业素养的重要组成部分，作为准民航员工，你知道优秀的民航员工应具备哪些文化素质吗？让我们一起来学习吧。
                    </p>
                    <p><br></p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
                        文化素质是指人们在文化方面所具有的较为稳定的、内在的基本品质，表明人们在这些知识及与之相适应的能力、行为、情感等方面综合发展的质量、水平和个性特点。民航业是知识、技术密集型行业，对民航员工知识层次要求较高。民航员工应具备一定的基础文化知识和专业知识。
@@ -286,6 +483,8 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>根据本任务所学，小组讨论，民航员工应从哪些方面提升自己的文化素质？</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h4 id="d050" class="p-even">（一）良好的思想道德修养和丰富的相关法律知识</h4>
                    <p class="p-even">
@@ -457,8 +656,170 @@
                        </p>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-odd openImgBox"><img class="img-0" alt="" src="../../assets/images/0052-1.jpg" />
                    </p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">了解民航员工应具备的基本素质</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解文化素质
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对民航员工基本素质之文化素质的了解，理解行业对民航员工基础文化知识的要求，了解常见岗位民航员工应具备的专业知识，为素质提升奠定一定的基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                了解民航员工应具备的基础文化知识和常见岗位专业知识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解并能说出行业对民航员工基础文化知识的要求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能根据自身情况，了解心仅民航岗位的从业者需获得的证书，并制订证书获取计划。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记行业基础文化知识要求。<br />2.能制订切实可行的计划。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①理解基础文化知识的重要性。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握心仪岗位所需要的文化素质。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③制订切实可行的计划。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确理解基础文化知识的重要性?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否独立制订切实可行的计划?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -472,8 +833,12 @@
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">查阅国家职业标准，了解其中民航岗位对文化素质的规定，检查自身知识掌握情况。</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p><br></p>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -490,9 +855,11 @@
                    <h2 id="b004" class="unit2-c">任务三<br />了解业务素质</h2>
                    <div class="task-u2-c "></div>
                    <p class="left"><span class="bj2">任务描述▼</span></p>
                    <p class="p-odd">
                    <p class="p-odd block2">
                        业务素质是指从事业务的人员在完成业务活动的过程中所具备的综合能力，是客户对业务人员的主客观认知与认可。良好的业务素质，可以促成业务交往与客户情感往来。业务素质通常包括主观特征、专业业务技巧等。那么，民航员工应具备什么样的业务素质呢？
                    </p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c017"><span class="zt-h4 unit2-c">一、</span><span class="qyls-h4 unit2-c">服务意识</span></h3>
                    <h4 id="d058">（一）服务意识的概念</h4>
@@ -503,6 +870,8 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>服务意识的内涵是什么？</p>
                        <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e block2 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h4 id="d059">（二）服务意识的内涵</h4>
                    <p class="p-odd">
@@ -563,6 +932,8 @@
                            <p><span class="bj3-xyx">想一想▼</span></p>
                        </div>
                        <p class="block">这封感谢信背后折射出怎样的服务意识？</p>
                        <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e block2 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h3 id="c018"><span class="zt-h4 unit2-c">二、</span><span class="qyls-h4 unit2-c">丰富的业务知识</span></h3>
                    <p class="p-odd">
@@ -627,10 +998,194 @@
                </ul>
                <div class="bodystyle">
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0058-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">了解民航员工应具备的基本素质</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解业务素质
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对民航员工基本素质之文化素质的了解，理解行业对民航员工基础文化知识的要求，了解常见岗位民航员工应具备的专业知识，为素质提升奠定一定的基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握业务素质要求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能解析服务意识的概念。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出服务意识的内涵。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能初步了解常见岗位技能鉴定相关知识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记业务素质要求。<br />2.对标岗位技能鉴定标准，提升自我业务素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①理解服务意识的概念。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②理解服务意识的内涵。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③对标岗位技能鉴定标准，自我评定业务素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确理解服务意识的概念?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否掌握服务意识的内涵?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                能否对标岗位技能鉴定标准进行自我业务素质评定?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">作为准民航员工，你应该具备哪些业务知识？</p>
                    <textarea v-model="questionData.teskThree.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.five" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -649,6 +1204,8 @@
                        某航空公司从上海至深圳的航班发生延误，当时的地面服务人员在没有完全搞清楚延误原因的情况下，告诉旅客该航班是因为对方机场的航班流量控制而延误的。殊不知，有位旅客马上给对方机场有关部门的一位朋友打电话，得知对方机场一切正常。这位旅客大怒，说航空公司不诚信，并问为何不说清楚飞机延误的真正原因。这位旅客一时成了群众“领袖”，代表旅客与航空公司谈判，航空公司的地面服务人员面对此种场面十分尴尬。
                    </p>
                    <p class="p-even block2">在上述案例中，依据心理学知识该如何妥善处理？</p>
                    <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c020" class="p-even"><span class="zt-h4 unit2-c">一、</span><span
                            class="qyls-h4 unit2-c">心理素质概述</span></h3>
@@ -685,7 +1242,7 @@
                        第四，心理品质。心理品质与心理特点有联系，但二者也有区别，不能混为一谈。它并非心理活动本身所固有，而是后天习得的。品质有两个方面的含义。一是个别差异，即每个人具有不同水平的心理品质。二是培养标准，即要求人们的心理所应当达到的水平。几乎每一种心理现象都具有一定的品质，如记忆的敏捷性、持久性、准确性、备用性，思维的灵活性、深刻性、独立性、批判性，情感的倾向性、多样性、固定性、功效性，意志的自觉性、果断性、坚持性、自制性等。心理品质的优劣最能表现出人的心理素质的高低。
                    </p>
                    <p class="p-odd">
                        第五，心理行为。无论简单的行为还是复杂的行为，归根结底都受人的心理的支配，都是人的心理的外部表现。因此，从这个意义上说，人的一切行为都可以称为心理行为。这种心理行为是心理素质的标志，通过它可以检验心理素质水平。而且，前述心理素质的四个组成因素如心理潜能、能量、特点、品质等，也都会明显或不明显地在行为上反映出来。可见，心理行为是
                        第五，心理行为。无论简单的行为还是复杂的行为，归根结底都受人的心理的支配，都是人的心理的外部表现。因此，从这个意义上说，人的一切行为都可以称为心理行为。这种心理行为是心理素质的标志，通过它可以检验心理素质水平。而且，前述心理素质的四个组成因素如心理潜能、能量、特点、品质等，也都会明显或不明显地在行为上反映出来。可见，心理行为
                    </p>
                </div>
            </div>
@@ -699,7 +1256,7 @@
                </ul>
                <div class="bodystyle">
                    <p class="p-even td-0">
                        构成心理素质的一个重要组成部分。
                        是构成心理素质的一个重要组成部分。
                    </p>
                    <h3 id="c021" class="p-even"><span class="zt-h4 unit2-c">二、</span><span
                            class="qyls-h4 unit2-c">情绪控制能力</span></h3>
@@ -869,15 +1426,15 @@
                            <p class="td-0"><span class="bj6-xyx">小贴士▼</span></p>
                        </div>
                        <p class="block"><span class="zt-cs">▶民航员工时刻提醒自己的九件事</span></p>
                        <p>①先处理心情，再处理事情。</p>
                        <p>②得饶人处且饶人。</p>
                        <p>③人家怕你不是福。</p>
                        <p>④用微笑对待身边人。</p>
                        <p>⑤不要无缘无故仇恨和嫉妒。</p>
                        <p>⑥宽容他人对你的冒犯。</p>
                        <p>⑦世上的事不如己意者，那是当然的，梦想靠自己去实现。</p>
                        <p>⑧用最放松的心态对待困难。</p>
                        <p>⑨做事要先做人。</p>
                        <p class="block">①先处理心情，再处理事情。</p>
                        <p class="block">②得饶人处且饶人。</p>
                        <p class="block">③人家怕你不是福。</p>
                        <p class="block">④用微笑对待身边人。</p>
                        <p class="block">⑤不要无缘无故仇恨和嫉妒。</p>
                        <p class="block">⑥宽容他人对你的冒犯。</p>
                        <p class="block">⑦世上的事不如己意者，那是当然的，梦想靠自己去实现。</p>
                        <p class="block">⑧用最放松的心态对待困难。</p>
                        <p class="block">⑨做事要先做人。</p>
                    </div>
                    <h3 id="c022"><span class="zt-h4 unit2-c">三、</span><span class="qyls-h4  unit2-c">应变能力</span></h3>
                    <p class="p-odd">应变能力是指人在外界事物发生改变时所做出的反应，可能是本能的，也可能是经过大量思考后所做出的决策。</p>
@@ -940,10 +1497,194 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.应变能力的表现有哪些？</p>
                        <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.分组研讨，如何应对民航服务中常见的情绪困扰？（选择其中一类问题进行研讨）</p>
                        <textarea v-model="questionData.teskFour.three" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <p class="center openImgBox"><img class="img-0" alt="" src="../../assets/images/0068-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">了解民航员工应具备的基本素质</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解心理素质
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对民航员工基本素质之文化素质的了解，理解行业对民航员工基础文化知识的要求，了解常见岗位民航员工应具备的专业知识，为素质提升奠定一定的基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握业务素质要求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能解析心理素质的概念。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出心理素质的构成。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.掌握常见不良情绪调控的方法。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记心理素质的要求。<br />2.能应对不良情绪，自行调控。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①掌握心理素质的概念。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握心理素质的构成。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③能对不良情绪有效调控。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确理解心理素质的概念?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否掌握心理素质的构成?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                能否应对常见的不良情绪?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">是否达到学习要求?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableFour.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -956,9 +1697,17 @@
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">1.心理素质是由心理潜能、__________、心理特点、___________、__________组成的。</p>
                    <p class="p-even">2.冷漠的表现包括缺乏积极的认知动机、__________、情感淡漠、__________、意志衰退、___________。</p>
                    <p class="p-even">1.心理素质是由心理潜能、<input v-model="questionData.teskFour.four" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、心理特点、<input v-model="questionData.teskFour.five" class="input-bottom-border  fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskFour.six" class="input-bottom-border  fz-14"
                        @change="setBookQuestion" />组成的。</p>
                    <p class="p-even">2.冷漠的表现包括缺乏积极的认知动机、<input v-model="questionData.teskFour.seven" class="input-bottom-border  fz-14"
                        @change="setBookQuestion" />、情感淡漠、<input v-model="questionData.teskFour.eight" class="input-bottom-border  fz-14"
                        @change="setBookQuestion" />、意志衰退、<input v-model="questionData.teskFour.nine" class="input-bottom-border  fz-14"
                        @change="setBookQuestion" />。</p>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFour.ten" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -975,10 +1724,11 @@
                    <h2 id="b004" class="unit2-c">任务五<br />了解身体素质</h2>
                    <div class="task-u2-c "></div>
                    <p class="left"><span class="bj2">任务描述▼</span></p>
                    <p class="block p-odd">
                    <p class="block2 p-odd">
                        随着社会节奏的不断加快，人们面临的问题和压力也越来越多，给各个行业的从业者带来了很多的躯体疾病和心理健康问题。民航员工受自身、行业及社会外界等各方面的影响，工作压力大，健康问题必须得到重视。作为未来的民航员工，我们应如何保持健康的身体状况？
                    </p>
                    <p><br></p>
                    <textarea v-model="questionData.teskFive.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c023"><span class="zt-h4 unit2-c">一、</span><span class="qyls-h4 unit2-c">身体素质</span></h3>
                    <h4 id="d071">（一）民航服务各工位人员的身体素质要求</h4>
@@ -1159,6 +1909,8 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>根据本任务所学，对照民航员工身体素质标准，小组研讨如何保持健康的体魄。</p>
                        <textarea v-model="questionData.teskFive.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <div class="bj4 ml-9">
                        <div class="fl al-c mb-10">
@@ -1200,8 +1952,172 @@
                        </p>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-odd openImgBox"><img class="img-0" alt="" src="../../assets/images/0076-1.jpg" />
                    </p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">了解民航员工应具备的基本素质</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解身体素质
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFive.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFive.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对民航员工基本素质之文化素质的了解，理解行业对民航员工基础文化知识的要求，了解常见岗位民航员工应具备的专业知识，为素质提升奠定一定的基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握身体素质要求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能说出身体素质自我评估数据。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能进行身体健康素质的自我监测。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能对标提升自我身体素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记身体素质要求。<br />2,对照身体健康标准，提升自我身体素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l" colspan="2" valign="top">
                                ①掌握身体素质自我评估数据。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②对照身体健康标准，提升自我身体素质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableFive.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableFive.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableFive.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableFive.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确说出身体素质自我评估相关数据?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否对照身体健康标准进行自我身体素质评估?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableFive.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -1215,7 +2131,11 @@
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">请进行身体健康自我评估。</p>
                    <textarea v-model="questionData.teskFive.three" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFive.four" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -1231,6 +2151,155 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six:"",
                    seven:"",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                teskFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                },
                teskFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter02");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter02-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter02",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter02-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>


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

@@ -41,6 +41,8 @@
                    <p class="p-even block2">【开心热情】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
                    <p class="p-even block2">【无精打采】您好，欢迎登机。我是本次航班的乘务员，很开心为您服务。</p>
                    <p class="p-even block2">听到别人用不同的感情朗读上面这句话的时候，你最大的感受是什么？请将你的感受总结成一句话，然后用一分钟进行小组交流。</p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
                        在民航服务过程中，语言的运用既体现服务人员个人的水准，又代表着航空公司的精神面貌，甚至影响着整个中国民航业的发展前景。可以说语言交际的成败，直接影响着民航服务的成败。</p>
@@ -75,7 +77,11 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.请列举工作中常用的尊称。</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.请简述称谓的禁忌。</p>
                        <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                            class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h3 id="c025"><span class="zt-h4 unit3-c">二、</span><span class="qyls-h4 unit3-c">东西方姓名差异</span></h3>
                    <p class="p-odd">
@@ -239,11 +245,194 @@
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0085-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习服务用语</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                了解服务用语规范
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，提升学生对语言知识了解程度和语言艺术水平。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌据在对客服务过程中如何进行规范称呼。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解称谓规范语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立判断东西方姓名差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.能够使用称谓规范语进行对客服务。<br />2.能够识别中英文姓名的差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①口述工作中常见的称谓规范语。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②小组协作进行值机阶段对客服务情景模拟。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③能准确判断东西方姓名差异。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④能识别中英文环境中姓名的差异。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                服务用语是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                对客服务过程中表达是否得当?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                语言表达过程中是否声情并茂?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                任务完成期间是否注意语言规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-even">请按照本任务教授的知识要点，撰写旅客登机后乘务员广播词，要求措辞得当，合理地运用服务用语。</p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.five" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -260,9 +449,11 @@
                    <h2 id="b004" class="unit3-c">任务二<br />掌握礼貌服务用语</h2>
                    <div class="task-u3-c"></div>
                    <p class="left"><span class="bj2">任务描述▼</span></p>
                    <p class="p-odd">
                    <p class="p-odd block2">
                        礼貌用语是民航服务人员向旅客表示意愿、交流思想情感和沟通信息的重要交际工具，是一种对旅客表示友好和尊敬的语言。在服务过程中，它具有体现礼貌和提供服务的双重特性，是民航服务人员完成工作的重要手段。
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ma-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c029" class="p-odd"><span class="zt-h4 unit3-c">一、</span><span
                            class="qyls-h4 unit3-c">礼貌服务用语的基本特点</span></h3>
@@ -325,10 +516,188 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>礼貌用语的基本特点有哪些？</p>
                        <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="center openImgBox p-odd"><img class="img-0" alt="" src="../../assets/images/0088-1.jpg" />
                    </p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习服务用语</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握礼貌服务用语
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，使学生掌对客服务过程中的语言运用技巧。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握在对客服务过程中如何运用常见礼貌用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解礼貌用语的基本特点。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立运用常见礼貌服务用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握常见礼貌用语的特点和使用情境。<br />2.在对客服务的过程中能正确使用礼貌用语。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①口述民航对客服务常用礼貌用语。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②独立表述对客服务过程中，与旅客初次见面的服务话术。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③识别案例情境中不规范的表述
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                礼貌服务用语是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                对客沟通过程中表达是否礼貌?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                语言表达过程中是否声情并茂?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                任务完成期间是否注意使用礼貌服务用语?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -343,7 +712,11 @@
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">请按照本任务教授的知识要点，以小组为单位模拟礼貌服务用语应用情景，要求措辞得当，合理地运用服务用语。</p>
                    <p class="p-even">模拟情景：由于空中交通管制，航班延误超过30分钟，旅客出现抱怨情绪，作为乘务员，你如何处理？</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -358,6 +731,86 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter03");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter03-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter03",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter03-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>


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

@@ -37,9 +37,11 @@
                    <h2 id="b004" class="unit4-c p-even">任务一<br />掌握行为礼仪</h2>
                    <div class="task-u4-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even">
                    <p class="p-even block2">
                        作为一名民航从业人员，在工作岗位上，你可以通过哪些行为展示个人良好的工作状态呢？在任务一中，你将学会如何通过运用表情、仪态、手势，展现自己对客服务过程中的良好状态，提升民航服务品质。</p>
                    <p class="p-even">学完任务一后，你应当掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。</p>
                    <p class="p-even block2">学完任务一后，你应当掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。</p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                    class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c031" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">表情礼仪</span></h3>
@@ -617,11 +619,70 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.行为礼仪有哪些基本要素？</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                        class="fz-16  ml-2e textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.行为礼仪在民航对客服务中的作用是什么？</p>
                        <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="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0107-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习民航服务礼仪</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握行为礼仪
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，使学生掌握如何通过运用表情、仪态、手势展现自己在对客服务过程中的良好状态，提升民航服务品质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握如何通过阳光的微笑、良好的仪态、规范的手势来向旅客展示积极的服务形象。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解表情礼仪规范。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能独立运用仪态礼仪进行对客服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.掌握手势礼仪的规范与禁忌。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -635,9 +696,144 @@
                    <li class="headerNumber">095</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                掌握站姿、坐姿、蹲姿和走姿的礼仪规范，从而体现职业人美好的礼仪仪态和优雅的气质和风度。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①站姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②坐姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③蹲姿训练。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④走姿训练。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                仪态礼仪运用是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否提升民航岗位服务品质?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否展现个人基本素养?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否体现团队协作精神?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">分组进行站姿、坐姿、蹲姿、走姿训练。</p>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -655,6 +851,8 @@
                    <p class="block2 p-even">
                        民航从业人员的个人形象代表着公司的企业形象和民航的整体形象。通过本任务的学习，你将学会如何通过提升面部修饰能力、服饰着装规范来提升个人整体形象，展现民航服务品质。</p>
                    <p class="block2 p-even">本任务包含面部修饰、服饰修饰两个小任务。在结束整个任务学习后，你应当能够进行正确的面部修饰，以及规范的服饰着装，并且向旅客展示良好的个人形象。</p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                    class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c034" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">面部修饰</span></h3>
@@ -770,8 +968,14 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>1.面部修饰的基本方法有哪些？</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                        <p>2.女性化妆的禁忌有哪些？</p>
                        <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                        <p>3.民航工作对发型的基本要求是什么？</p>
                        <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <h3 id="c035"><span class="zt-h4 unit4-c">二、</span><span class="qyls-h4 unit4-c">服饰修饰</span></h3>
                    <p class="p-odd">穿着得体、容貌端庄、举止文雅是民航服务人员审美情趣和文化修养的</p>
@@ -859,8 +1063,187 @@
                    </p>
                    <p class="p-even">⑥体现文明。根据接待礼仪的基本规定，身着制服上岗时要显示文明、高雅的气质。</p>
                    <p class="left p-even mt-20"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even openImgBox"><img class="img-0" alt=""
                            src="../../assets/images/0115-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">学习民航服务礼仪</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握形象礼仪
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，使学生掌握如何通过提升面部修饰能力、规范服饰着装来展现个人整体形象，提升民航服务品质。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                能够正确地进行面部修饰以及规范的服饰着装，向旅客展示良好的个人形象。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能独立完成面部修饰。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能正确穿着制服。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                民航职业形象塑造
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①妆容规范。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②发型得体。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③服饰整洁。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④形象大方。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                民航专业化形象是否规范?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否提升民航岗位服务品质?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否展现个人基本素养?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否体现创新精神?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -901,6 +1284,8 @@
                    <p class="p-odd">（3）背面视角：后侧脖颈部分头发不遮挡衬衣领口。</p>
                    <p class="p-odd">（4）整体视角：发型挺阔、干净清爽。</p>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.five" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -917,6 +1302,85 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five:"",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter04");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter04-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter04",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter04-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },

}
</script>


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

@@ -42,6 +42,8 @@
                    <p class="block2 p-even">
                        夏同学作为一名刚接触民航服务基础知识的新生，对民航运输中各种岗位都有了一定的了解，其中最感兴趣的就是值机服务相关岗位。她对值机相关知识还比较模糊，需要我们一起帮助她去了解值机服务。那么什么是值机？值机在民航旅客运输服务中扮演了什么样的角色呢？
                    </p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class=" p-even">值机服务是机场服务的重要环节，也是旅客乘机的必要步骤。本任务将完整介绍值机服务的概念、值机的种类等专业知识。接下来让我们走进民航值机服务。</p>
                    <h3 id="c036" class="p-even"><span class="zt-h4">一、</span><span class="qyls-h4">值机服务概述</span></h3>
@@ -124,7 +126,7 @@
                            <p class="td-0"><span class="bj6-xyx">小贴士▼</span></p>
                        </div>
                        <p class="block"><span class="zt-cs">▶值机</span></p>
                        <p>“值机”一词来源于酒店服务中的前台登记入住check in，航空服务将这一词引用为值机，即为旅客办理登机手续。</p>
                        <p class="block">“值机”一词来源于酒店服务中的前台登记入住check in，航空服务将这一词引用为值机，即为旅客办理登机手续。</p>
                    </div>
                    <h3 id="c037" class="p-even"><span class="zt-h4 unit5-c">二、</span><span
                            class="qyls-h4 unit5-c">值机的种类</span></h3>
@@ -165,9 +167,44 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>从旅客、航空公司、机场三个不同角度出发，讨论自助值机有哪些优缺点。</p>
                        <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="center p-odd"><img class="img-0" alt="" src="../../assets/images/0122-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">值机服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                认识值机服务
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对值机概念和值机重要性的了解，掌握值机的种类，为掌握值机工作流程奠定基础。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -179,11 +216,176 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">

                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握值机的种类。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能快速说出值机服务的内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.了解并能说出值机服务的重要性。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能快速说出值机的种类。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记值机服务的重要性<br />2.能说出值机的种类。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①理解值机服务的重要性。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②掌握值机的种类。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③进行值机服务内容市场调研。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④核验值机种类有无变化。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否快速说出值机服务的内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否准确介绍值机的种类?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                提出的市场调研方案是否有可行性?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">1.值机的概念是什么？</p>
                    <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="p-even">2.值机服务的重要性体现在哪些方面？</p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="p-even">3.值机的种类有哪些？</p>
                    <textarea v-model="questionData.teskOne.five" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.six" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -203,6 +405,8 @@
                    <p class="p-odd block2">
                        佟女士作为一名刚入职某航空公司的值机服务工作人员，明天就要跟岗学习了。她将跟着自己的师傅去了解值机岗位上各项工作内容，以便有温度、有真情地帮助旅客和协调各部门完成各类值机准备工作。机场一般设置了哪些不同的值机岗位，这些岗位的工作流程是什么呢？
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c038"><span class="zt-h4 unit5-c">一、</span><span class="qyls-h4 unit5-c">值机服务工作岗位设置</span>
                    </h3>
@@ -376,9 +580,143 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>每个航空公司或者机场设置的值机服务岗位是否一致，工作流程又是否一致？</p>
                        <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="center p-even"><img class="img-0" alt="" src="../../assets/images/0129-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">值机服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                值机服务岗位和工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航值机服务岗位，增进学生对值机岗位工作内容和工作流程的了解，能够在不同值机岗位提供不同的服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                了解并掌握值机各岗位工作内容及流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解不同值机岗位工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能在不同的值机岗位提供对应的值机服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3,能在航程的不同阶段完成对应的值机工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握各值机岗位的工作内容和职责。<br />2.掌握始发站值机工作流程。<br />3.掌握经停站值机工作流程。<br />4.掌握到达站值机工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①熟悉值机服务工作岗位设置。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②在不同的值机岗位提供对应的服务。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③掌握航程不同阶段值机工作流程。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④能独立完成各值机岗位的工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否快速说出值机服务的内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                    </table>

                </div>
            </div>
@@ -393,12 +731,86 @@
                    <li class="headerNumber">117</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center w20">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否准确介绍值机的种类?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                提出的市场调研方案是否有可行性?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">1.值机柜台分为哪几种？</p>
                    <p class="p-odd">2.托运行李的质量每件不能超过____千克，体积每件不能超过____厘米，若超过需要去__________办理值机手续。</p>
                    <p class="p-odd">3.航班关闭两复核，就是查看_____________与______________。</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9  textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="p-odd">2.托运行李的质量每件不能超过<input v-model="questionData.teskTwo.four" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />千克，体积每件不能超过<input v-model="questionData.teskTwo.five" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />厘米，若超过需要去<input v-model="questionData.teskTwo.six" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />办理值机手续。</p>
                    <p class="p-odd">3.航班关闭两复核，就是查看<input v-model="questionData.teskTwo.seven" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />与<input v-model="questionData.teskTwo.eight" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />。</p>
                    <p class="p-odd">4.简述航程不同阶段的值机工作流程。</p>
                    <textarea v-model="questionData.teskTwo.nine" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.ten" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -413,11 +825,13 @@
                    <h2 id="b004" class="unit5-c p-even">任务三<br />乘机手续办理</h2>
                    <div class="task-u5-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class=" p-even">
                    <p class=" p-even block2">
                        邱女士准备乘坐某航班从上海飞往北京，这是她第一次乘坐飞机出行。她在网上查了很多信息，如出行应该注意些什么，然后详细记录下来。因为第一次坐飞机，她非常想坐靠窗的位置。但是到了机场之后，值机员告知邱女士所有靠窗位置已被选择完毕，邱女士很遗憾没有选到自己心仪的座位。在打印登机牌的时候，工作人员发现邱女士的身份证过期了，没办法直接办理乘机手续。通过工作人员的帮助，邱女士有惊无险地出行了。在办理乘机手续时，我们主要应注意些什么？工作人员主要负责完成哪些工作内容？
                    </p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c042" class=" p-even"><span class="zt-h4">一</span><span class="qyls-h4">办理乘机手续的时间规定</span>
                    <h3 id="c042" class=" p-even"><span class="zt-h4">一、</span><span class="qyls-h4">办理乘机手续的时间规定</span>
                    </h3>
                    <p class=" p-even">旅客应按承运人的要求，提前一定时间到机场办理乘机手续。提前办乘机手续的时间有以下规定。</p>
                    <p class=" p-even">①200（含）个以上座位的客机在离站时间前120分钟开始办理手续，在离站时间前30分钟停止办理手续。</p>
@@ -613,9 +1027,127 @@
                        </div>
                        <p>如果旅客乘坐的航班在起飞前45分钟停止了乘机手续的办理，但是起飞前半小时突然接到机场流量管控的通知，飞机起飞时间延误，延误时间不定，请分组讨论未办理乘机手续的晚到旅客是否能赶上这趟航班？
                        </p>
                        <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="center p-even"><img class="img-0" alt="" src="../../assets/images/0137-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">值机服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                乘机手续办理
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对乘机手续办理的了解,掌握乘机手续办理的要点,能够为旅客提供座位选择服务以及行李托运服务。同时在报载、特殊情况处理岗位提供相关的乘机手续办理服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="5">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                能够为旅客提供座位选择、行李托运相关服务，同时完成报载、特殊情况处理工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="4" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.能满足不同旅客对座位的需求。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能帮助旅客办理行李托运。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能为晚到旅客提供值机和托运服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                4.能够完成报载及特殊值机情况处理工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记值机员该有的责任和担当。<br />2.能够为旅客选择合适的座位。<br />3.能够为旅客办理行李托运。<br />4.能够完成报载及特殊值机情况处理工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15" rowspan="2">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①理解乘机手续办理工作要求。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②为旅客提供选座服务。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③为旅客打印登机牌。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④为旅客办理行李托运。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l ">
                                ⑤为旅客拴挂行李条并进行安全提示。
                            </td>
                            <td class="ta-l ">
                                ⑥完成报载工作。
                            </td>
                            <td class="ta-l" colspan="2">
                                ⑦完成特殊值机情况处理工作。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -629,12 +1161,146 @@
                    <li class="headerNumber">125-126</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center w15">组长签字</td>
                        </tr> 
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否快速按旅客要求帮其选座位?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否使用离港系统办理乘机手续?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                能否提供行李托运服务?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否熟悉并掌握离港系统的指令?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.fourteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">6</td>
                            <td class="ta-l" colspan="2">
                                能否在规定的时间内完成报载工作?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.fifteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.sixteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">7</td>
                            <td class="ta-l" colspan="2">
                                能否处理特殊的值机情况?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seventeen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eighteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">8</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nineteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.twelve" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">情境：陈先生为自己和妻子以及9岁的女儿购买了从成都飞往广州的机票，准备去广州游玩。由于是家庭旅行，行李较多，女儿第一次坐飞机，且陈先生非常害怕不能顺利完成乘机手续的办理。</p>
                    <p class="p-odd">
                        情境：陈先生为自己和妻子以及9岁的女儿购买了从成都飞往广州的机票，准备去广州游玩。由于是家庭旅行，行李较多，女儿第一次坐飞机，且陈先生非常害怕不能顺利完成乘机手续的办理。</p>
                    <p class="p-odd">根据上述情境，分小组采用角色扮演法完成此次乘机手续办理的模拟演练。</p>
                    <p class="p-odd">（1）将全班同学分成若干组，每组5～8人。</p>
                    <p class="p-odd">（2）每组成员选定角色，使用登机牌、行李箱和行李条等开展乘机手续的办理活动。</p>
                    <p class="left p-oddd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                    class="fz-16 mr-9 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -652,6 +1318,121 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen:"",
                    sixteen:"",
                    seventeen:"",
                    eighteen:"",
                    nineteen:"",
                    twenty:"",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter05");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter05-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter05",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter05-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>


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

@@ -41,6 +41,8 @@
                    <p class="p-even block2">
                        康康作为一名刚接触民航安检基础知识的新生，对民航安全检查岗位以及各岗位具体操作流程和技能了解不多，我们需要带康康同学去了解民航安检服务。什么是安检服务？民航安检在整个民航运输链条中扮演了什么角色呢？
                    </p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c051" class="p-even"><span class="zt-h4 unit2-c">一、</span><span
                            class="qyls-h4 unit2-c">安检的概念</span></h3>
@@ -95,6 +97,8 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>旅客安全检查的主要流程是什么？</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                </div>
            </div>
@@ -108,10 +112,202 @@
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-even"><img class="img-0" alt="" src="../../assets/images/0143-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="6">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="5">安检服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="5">
                                安检准备
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="2">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="5">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对安检准备工作的了解，掌握安检的对象、内容、程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="4">
                                掌握安检的程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="4">
                                1.了解并能说出安检的对象及内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="4">
                                2.能快速说出安检的程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="4">
                                3.能说出安检准备工作的内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="5">
                                1.掌握安检的对象及内容。<br />2.能说出安检的程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w15" valign="top">
                                ①能够说出安检的概念。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ②知道安检的对象。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ③能够完整说出安检的内容。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ④分小组模拟安检的程序。
                            </td>
                            <td class="ta-l" valign="top">
                                ⑤用表格、卡片等方式收集并分析过去几年(近5~10年)所发生的各种民航安全事故的资料。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center" colspan="2">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="3">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="3">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="3">
                                能否完整说出安检的内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="3">
                                小组模拟安检的程序的效果是否达到实际工作要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="3">
                                事故资料的收集是否达到要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="3">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="6">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-even">什么是民航安检？</p>
                    <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -132,6 +328,8 @@
                        某机场安检员在安检现场执行证件检查任务时，发现一名旅客所持军官证与常规军官证存在差异。在询问该旅客问题时，安检员发现该旅客神情慌张、面对问题含糊其词，立即上报现场值班班长。经现场值班班长进一步核验信息，发现该旅客所持军官证疑似伪造，便立即将该旅客和军官证移交至机场公安机关调查处理。
                    </p>
                    <p class="p-odd block2">请各位同学思考：证件检查的流程是什么？安检员使用了证件检查中的哪些方法？</p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c055"><span class="zt-h4 unit2-c">一、</span><span class="qyls-h4 unit2-c">安检通道岗位流程</span>
                    </h3>
@@ -203,9 +401,73 @@
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>验证员在岗位上遇到冒用他人身份证等证件时，应该如何判定并处理？</p>
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <p class="center p-odd"><img class="img-0" alt="" src="../../assets/images/0146-1.jpg" /></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">安检服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                证件检查
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对安检证件检查工作的了解，掌握验证岗位工作流程、证件检查的方法以及注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握验证岗位工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解并能说出验证岗位工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出证件检查的方法。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能说出证件检査注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握验证岗位工作流程。<br />2.能说出证件检查的方法及注意事项。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -217,10 +479,147 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①能够说出验证岗位在安检通道岗位流程中的位置及作用。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②能够展示验证岗位完整工作流程。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③掌握证件检查的方法。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④能够完整说出证件检查注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否说出验证岗位在安检通道岗位流程中的位置及作用?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                验证岗位工作流程的展示效果是否达到实际工作要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                证件检查的方法是否正确?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                能否完整说出证件检查注意事项?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-even">1.检查证件时应采取________、_________和_________相结合的方法，具体为________、_________、_________。</p>
                    <p class=" p-even">1.检查证件时应采取<input v-model="questionData.teskTwo.three" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.four" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />和<input v-model="questionData.teskTwo.five" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />相结合的方法，具体为<input v-model="questionData.teskTwo.six" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.seven" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.eight" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />。</p>
                    <p class=" p-even">2.简述验证岗位人员执勤时的注意事项。</p>
                    <textarea v-model="questionData.teskTwo.nine" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.ten" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -241,6 +640,8 @@
                        小王是某机场安检部门人身检查员。某日，他在岗位上对一名男性旅客进行人身检查，当检查到这名旅客的左大臂外侧时，该旅客故意转动身体，企图逃过小王对这个部位的检查，同时不断催促小王加快检查速度。这个行为引起了小王的注意，他坚持按照人身检查的程序继续对该名旅客进行检查。在检查到该名旅客左手腕时，发现其手腕处戴着黑色手链。手链是用粗线编织的，小王仔细检查发现该手链打开后为镁棒打火装置。
                    </p>
                    <p class="p-odd block2">作为一名民航安检人员，旅客的哪些行为是反常的，需要我们进行重点检查呢？重点检查的部位又有哪些呢？</p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2   textarea-box" @change="setBookQuestion"></textarea>
                    <div class="img-rights w210 openImgBox mt-0">
                        <img class="img-0" alt="" src="../../assets/images/0148-1.jpg" />
                        <p class="img">图6-3 人身检查岗位工作流程</p>
@@ -308,13 +709,16 @@
                    <p class="p-odd">⑩根据空防安全形势有必要采取特别安全措施航线的旅客。</p>
                    <p class="p-odd">⑪有国家保卫对象乘坐航班的其他旅客。</p>
                    <p class="p-odd">⑫检查中发现的其他可疑者。</p>
                    <h3 id="c062" class="p-odd"><span class="zt-h4 unit2-c">四、</span><span class="qyls-h4 unit2-c">使用手持金属探测器检查的注意事项</span></h3>
                    <p class="p-odd">①有些违禁品具有隐匿性质，或旅客为了带入隔离区故意藏匿在身上（特别是重点部位），因此，人身检查员对旅客身上检查出来的每一件物品都要逐一排查是否为违禁品，经确认无误后再归还给旅客。</p>
                    <h3 id="c062" class="p-odd"><span class="zt-h4 unit2-c">四、</span><span
                            class="qyls-h4 unit2-c">使用手持金属探测器检查的注意事项</span></h3>
                    <p class="p-odd">
                        ①有些违禁品具有隐匿性质，或旅客为了带入隔离区故意藏匿在身上（特别是重点部位），因此，人身检查员对旅客身上检查出来的每一件物品都要逐一排查是否为违禁品，经确认无误后再归还给旅客。</p>
                    <p class="p-odd">②检查中，贵重物品应让旅客自己拿好，以防遗失或损坏。</p>
                    <p class="p-odd">③对带有心脏起搏器的旅客的胸部要用手工检查，其他部位可用手持金属探测器检查。</p>
                    <p class="p-odd">④使用手持金属探测器时要掌握一定的距离，不要用探测器使劲刮擦旅客身体、衣服，应该轻轻贴近、移动检查。</p>
                    <p class="p-odd">⑤女性旅客应由女检查员进行检查。</p>
                    <h3 id="c063" class="p-odd"><span class="zt-h4 unit2-c">五、</span><span class="qyls-h4 unit2-c">手工检查的注意事项</span></h3>
                    <h3 id="c063" class="p-odd"><span class="zt-h4 unit2-c">五、</span><span
                            class="qyls-h4 unit2-c">手工检查的注意事项</span></h3>
                    <p class="p-odd">①冬季着装较多时，可请旅客解开外衣，对外衣也必须进行认真的检查。</p>
                    <p class="p-odd">②在检查时，人身检查员双手掌心要切实接触旅客身体和衣服，因为手掌心面积大且触觉敏锐，能够及时发现藏匿的物品。</p>
                    <p class="p-odd">③不可只检查上半身不检查下半身，特别要注意检查重点部位。</p>
@@ -329,7 +733,207 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">

                    <p class="p-even">④对旅客从身上掏出的物品，应仔细检查，防止夹带危险或违禁物品。</p>
                    <p class="p-even">⑤检查过程中要不间断地观察旅客的表情，防止发生意外。</p>
                    <p class="p-even">⑥对女性旅客实施检查时，必须由女检查员进行。</p>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>遇见旅客不愿配合人身检查时，该如何处理？</p>
                        <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="6">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="5">安检服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="5">
                                旅客人身检查
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="2">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="5">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对旅客人身检查的了解，掌握人身检查岗位工作流程、人身检查的重点部位、人身检查的重点对象以及人身检查的注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="4">
                                掌握人身检查岗位工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="4">
                                1.了解并能说出人身检查岗位工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="4">
                                2.能快速说出人身检查的重点部位。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="4">
                                3.能说出人身检查的重点对象以及人身检查的注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="5">
                                1.掌握人身检查岗位工作流程。<br />2.能说出人身检查的重点部位。<br />3.能判断是否为人身检查的重点对象。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w15" valign="top">
                                ①能够说出人身检查岗位的工作流程。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ②能够说出人身检查的重点部位。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ③通过情景模拟能够识别人身检查的重点对象，并能够处理相关情况。
                            </td>
                            <td class="ta-l w15" valign="top">
                                ④能够说出使用手持金属探测器检查的注意事项。
                            </td>
                            <td class="ta-l" valign="top">
                                ⑤能够说出手工检查的注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center" colspan="2">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="3">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="3">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="3">
                                能否正确说出人身检查岗位的工作流程?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="3">
                                能否完整说出人身检查的重点部位?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="3">
                                通过情景模拟，能否正确对人身检查的重点对象镅圹义秤行检查?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="3">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="6">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -343,6 +947,16 @@
                    <li class="headerNumber">139</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">1.人身检查的重点部位有哪些？</p>
                    <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    <p class="p-odd">2.人身检查的注意事项有哪些？</p>
                    <textarea v-model="questionData.teskThree.four" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.five" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -354,7 +968,23 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">

                    <h2 id="b004" class="unit2-c p-even">任务四<br />行李开箱/包检查</h2>
                    <div class="task-u2-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        小陈是某机场安检员，某日在安检通道开箱/包检查岗位执勤时，接到X射线机操作员的指令开检旅客王女士行李箱内的一瓶液体。接到指令后，当王女士还在接受人身检查未到开包台时，小陈就打开了王女士的行李箱取出液体并进行检查。小陈在拧开液体瓶盖时，瓶内的液体突然喷出，溅到了小陈自己、旅客王女士、安检设备上，此时他才知道开检的是一瓶米酒。王女士当场表示要投诉安检员小陈。
                    </p>
                    <p class="p-even block2">请同学们思考，小陈在开箱/包检查的流程中有哪些错误，开检的方法是否正确。</p>
                    <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c064" class="p-even"><span class="zt-h4 unit2-c">一、</span><span
                            class="qyls-h4 unit2-c">开箱/包检查岗位流程</span></h3>
                    <p class="p-even">
                        ①在岗位执勤时，若没有接到X射线机操作员的开检指令，开箱/包检查员应协助X射线机操作员快速将已通过检查的旅客的随身行李梳理到开包检查台后方，避免过检箱/包被挤压或倒下。</p>
                    <p class="p-even">②当接到安检通道X射线机操作员的开检指令时，应协助旅客将需要开检的行李提到开包台上。</p>
                    <p class="p-even">③仔细倾听X射线机操作员的开检要求，并观察荧光屏图像。</p>
                    <p class="p-even">④若物主还在接受人身检查未到达开包台，开箱/包检查员应控制住需开检的箱/包，待物主到达后方可对箱/包实施检查。</p>
                </div>
            </div>
        </div>
@@ -368,6 +998,28 @@
                    <li class="headerNumber">141</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd">⑤物主到达开包台后应核对旅客身份信息，确认其是需要开检箱/包的物主。</p>
                    <p class="p-odd">⑥请物主自行打开箱/包，开箱/包检查员参照X射线成像图的形状、颜色、位置，对箱/包进行检查，直至排除疑点。</p>
                    <p class="p-odd">⑦协助物主复原箱/包，并将箱/包移送X射线机复查。</p>
                    <p class="p-odd">⑧检查完毕后提醒物主携带好随身物品（如登机牌、身份证、手机、眼镜等），防止其离开时遗留物品。</p>
                    <p class="p-odd">⑨遇有过检人员携带不愿意接受X射线机检查的物品，应进行手工检查。</p>
                    <h3 id="c065" class="p-odd"><span class="zt-h4 unit2-c">二、</span><span
                            class="qyls-h4 unit2-c">开箱/包检查的方法</span></h3>
                    <p class="p-odd">检查过程中，一般通过人的眼、耳、鼻、手等进行检查，开箱/包检查员应根据物品种类采取相应的方法（看、听、嗅、摸、拆、掂、捏、探、摇）进行检查。</p>
                    <p class="p-odd">以上方法不一定单独使用，常常是几种方法结合起来，以便准确、快速地进行检查。</p>
                    <h3 id="c066" class="p-odd"><span class="zt-h4 unit2-c">三、</span><span
                            class="qyls-h4 unit2-c">开箱/包检查的重点对象（重点物品）</span></h3>
                    <p class="p-odd">①用X射线机检查时，图像模糊不清无法判断物品性质的。</p>
                    <p class="p-odd">②用X射线机检查时，发现似有电池、导线、钟表、粉末状、液体状及其他可疑物品的。</p>
                    <p class="p-odd">③X射线机图像中显示有容器、仪表、瓷器等物品的。</p>
                    <p class="p-odd">④照相机、收音机、录音录像机及电子计算机等电器。</p>
                    <p class="p-odd">⑤旅客特别小心或时刻不离身的物品。</p>
                    <p class="p-odd">⑥旅客携带的物品与其职业、事由和季节不相适应的。</p>
                    <p class="p-odd">⑦旅客声称是帮他人携带或来历不明的物品。</p>
                    <p class="p-odd">⑧旅客声明不能用X射线机检查的物品。</p>
                    <p class="p-odd">⑨现场表现异常的旅客或群众揭发的嫌疑分子所携带的物品。</p>
                    <p class="p-odd">⑩公安部门通报的嫌疑分子或被列入查控的人所携带的物品。</p>
                    <p class="p-odd">⑪旅客携带的密码箱进入检查区域出现报警的。</p>
                </div>
            </div>
        </div>
@@ -379,7 +1031,88 @@
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">

                    <h3 id="c067" class="p-even"><span class="zt-h4 unit2-c">四</span><span
                            class="qyls-h4 unit2-c">开箱/包检查的要求及注意事项</span></h3>
                    <p class="p-even">①开箱/包检查时，物主必须在场，并请物主将箱/包打开。</p>
                    <p class="p-even">②检查时要认真细心，特别要注意重点部位，如箱/包的底部、角部、外侧小兜，并注意查看有无夹层。</p>
                    <p class="p-even">③没有进行托运行李流程查验的要加强监控措施，防止已查验的行李箱/包与未经安检的行李箱/包调换、夹塞违禁或危险物品。</p>
                    <p class="p-even">④对旅客的物品要轻拿轻放，如有损坏，应照价赔偿。检查完毕，应尽量按原样放好。</p>
                    <p class="p-even">
                        ⑤开箱/包检查发现危害大的违禁物品时，应采取措施控制住携带者，防止其逃离现场，并将箱/包重新经X射线机检查，以查清是否藏有其他违禁或危险物品，必要时将其带入检查室清查。</p>
                    <p class="p-even">⑥若旅客申明所携带物品不宜接受公开检查时，安检部门可根据实际情况避免在公开场合检查。</p>
                    <p class="p-even">⑦对开箱/包的行李必须再次经过X射线机检查。</p>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>开箱包检查员在岗位上查获枪支、弹药、危化品时，应该如何操作？</p>
                        <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">安检服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                行李开箱/包检查
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定,主要面向民航服务岗位,增进学生对行李开箱/包检查的了解，掌握开箱/包检查岗位流程、开箱/包检查的方法、开箱/包检查的重点对象(重点物品)及注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握行李箱了包检查岗位流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="3" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解并能说出行李开箱/包检查岗位流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出开箱/包检查的方法。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.能说出开箱/包检查的重点对象(重点物品)及注意事项。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握行李开箱/包检查岗位流程。<br />2.能根据开箱/包检查的方法，检查不同种类的物品。<br />3.开箱/包检查过程中，能够有效识别检查的重点对象(重点物品)。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
@@ -390,38 +1123,153 @@
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目六</li>
                    <li class="headerText">安检服务</li>
                    <li class="headerNumber">143</li>
                    <li class="headerNumber">143-144</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w20" valign="top">
                                ①能够说出行李开箱/包检查岗位流程。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ②能够说出开箱/包检查的方法。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ③通过情景模拟，能够正确进行开箱/包检查。
                            </td>
                            <td class="ta-l w20" valign="top">
                                ④知道开箱/包的行李要再次经过X射线机检查。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableFour.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否正确说出行李开箱/包检查岗位流程?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否完整说出开箱/包检查的方法?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                开箱/包检查的方法是否正确?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.eleven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">5</td>
                            <td class="ta-l" colspan="2">
                                是否知道开箱/包的行李必须再次经过X射线机检查?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.thirteen" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableFour.fourteen" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-odd">1.行李开箱/包检查员在岗位上发现一名老人将水果刀藏在雨伞里，该如何操作？</p>
                    <textarea v-model="questionData.teskFour.three" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class=" p-odd">2.如何有效避免开箱/包过程中违禁品被转移？</p>
                    <textarea v-model="questionData.teskFour.four" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFour.five" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 144页 -->
        <div class="page-box" page="152">
            <div v-if="showPageList.indexOf(152) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">144</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
        <!-- 144页隐藏页面 -->
        <div class="page-box hidePage" page="152">
        </div>

                </div>
            </div>
        </div>
        <!-- 145页 -->
        <div class="page-box" page="153">
            <div v-if="showPageList.indexOf(153) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目六</li>
                    <li class="headerText">安检服务</li>
                    <li class="headerNumber">145</li>
                </ul>
                <div class="bodystyle">

                </div>
            </div>
        </div>
    </div>
</template>

@@ -433,6 +1281,135 @@
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                teskFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter06");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter06-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter06",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter06-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>


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

New file
@@ -0,0 +1,971 @@
<template>
    <div class="chapter" num="8">
        <!-- 第七单元封面 -->
        <div class="page-box" page="153">
            <div v-if="showPageList.indexOf(153) > -1">
                <div style="background-color: #458C9E; padding-top: 10px">
                    <h1 class="fl jc-c" id="a007"><img class="" style="width: 90%; " alt=""
                            src="../../assets/images/xm7.jpg" /></h1>
                    <div style="padding: 0px 82px 100px 82px">
                        <div class="bj-1">
                            <p id="b001" class="bj-2-zt"><span class="tp-h6"><img class="inline4" alt=""
                                        src="../../assets/images/xmms.png" /></span>核心目标</p>
                        </div>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业能力</b></p>
                        <p class="bj-1-zt">1.明确在机场VIP服务过程中工作人员需要具备的职业道德素质。</p>
                        <p class="bj-1-zt">2.了解机场VIP服务的程序和操作规范要求。</p>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业素养</b></p>
                        <p class="bj-1-zt">1.树立“便捷、舒适、专业”的服务目标。</p>
                        <p class="bj-1-zt">2.具备高瞻远瞩的长远发展眼光和大局意识。</p>
                        <p class="bj-1-zt">3.培养求真务实、开拓创新的职业精神。</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 146页 -->
        <div class="page-box" page="154">
            <div v-if="showPageList.indexOf(154) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">146</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit3-c p-even">任务一<br />VIP服务</h2>
                    <div class="task-u3-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        你知道什么是机场VIP服务吗？你知道机场VIP服务流程是怎样的吗？如果现在你还不是很了解也没关系，我们将逐一了解和熟悉机场VIP服务工作中的主要流程及其对工作人员的基本从业要求。</p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">机场贵宾（very important
                        person，VIP）服务，是指为重要人士提供机场全程引导、协办登机手续和机场贵宾候机厅服务等。机场贵宾服务主要分为送机与接机两类。</p>
                    <p class="p-even">机场贵宾服务是机场服务的重要内容，因此，要在工作中熟练掌握程序以提高贵宾的满意度。其基本流程如下。</p>
                    <h3 id="c068" class="p-even"><span class="zt-h4 unit3-c">一、</span><span
                            class="qyls-h4 unit3-c">送机服务</span></h3>
                    <p class="p-even">①预约服务。提前确定贵宾的姓名、性别、数量、航班号以及出发日期。</p>
                    <p class="p-even">
                        ②迎接服务。在贵宾休息室中致意问候之后，主动帮助其存放行李，带入贵宾座位后提供饮料等。如果贵宾没有办理乘机手续，询问后帮助其办理。告知贵宾休息室中设施的位置及登机时间，并在后续主动服务。
                    </p>
                    <p class="p-even">③接待服务。</p>
                    <p class="p-even">④送机服务。到达登机时间，帮助预约机场摆渡车，送其至主登机口，帮助确认行李数量并提运上机。</p>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>小组讨论机场VIP服务流程。</p>
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                </div>
            </div>
        </div>
        <!-- 147页 -->
        <div class="page-box" page="155">
            <div v-if="showPageList.indexOf(155) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">147</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c069" class="p-odd"><span class="zt-h4 unit3-c">二、</span><span
                            class="qyls-h4 unit3-c">接机服务</span></h3>
                    <p class="p-odd">①预约。在航班到达之前确认贵宾的姓名、性别、人数、航班号及到达时间，并提前10分钟到达等待。</p>
                    <p class="p-odd">②迎接。到登机口并选择适当的位置等待，确认贵宾后帮助其提拿行李。</p>
                    <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">机场 VIP 服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                VIP 服务
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对机场VIP服务含义和服务流程的了解，为提供贵宾服务奠定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握机场 VTP 服务流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解送机服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.了解接机服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.掌握机场ⅥP服务流程。<br />2.了解送机服务和接机服务。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①掌握机场贵宾服务的概念。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握机场贵宾服务的种类。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③进行现场模拟训练。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.ten"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.ten"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.ten"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.ten"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                是否掌握机场贵宾服务的种类?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否顺利进行现场模拟训练?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 148页 -->
        <div class="page-box" page="156">
            <div v-if="showPageList.indexOf(156) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">148</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.nine" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">简述机场贵宾服务的流程。</p>
                    <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 149页 -->
        <div class="page-box" page="157">
            <div v-if="showPageList.indexOf(157) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">149</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit3-c">任务二<br />托盘服务</h2>
                    <div class="task-u3-c"></div>
                    <p class="left p-odd"><span class="bj2">任务描述▼</span></p>
                    <p class="block2 p-odd">
                        托盘服务技能是机场民航服务人员在工作中必须掌握的。在VIP服务过程中，无论是摆、换、撤餐具和酒具，还是上菜、运送饮料等，都必须根据不同的物品使用不同规格的托盘。要如何规范使用且操作好托盘呢？我们一起来探索吧。
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 mr-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">知识准备▼</span></p>
                    <p class="p-odd">托盘是民航服务人员在摆台、提供酒水服务、收台整理时必用的服务工具。使用托盘有利于提高服务质量与服务效率，显示民航服务人员文明操作、卫生操作的规范性。</p>
                    <h3 id="c070" class="p-odd"><span class="zt-h4 unit3-c">一、</span><span
                            class="qyls-h4 unit3-c">托盘的种类及用途</span></h3>
                    <h4 id="d139" class="p-odd">（一）托盘的种类</h4>
                    <p class="p-odd">按材料、质地分类：有胶木、金属、搪瓷、木制等。</p>
                    <p class="p-odd">按形状、规格分类：有大、中、小三种规格的长方形和圆形托盘。</p>
                    <h4 id="d140" class="p-odd">（二）托盘的用途</h4>
                    <p class="p-odd">长方形托盘：大、中长方形托盘一般用于运送菜肴、回收盘碟等。</p>
                    <p class="p-odd">圆形托盘：用于摆、换、撤餐具、酒具及斟酒、分菜、送咖啡等。</p>
                    <h3 id="c071" class="p-odd"><span class="zt-h4 unit3-c">二、</span><span
                            class="qyls-h4 unit3-c">托盘操作方法</span></h3>
                    <p class="p-odd">①轻托。</p>
                    <p class="p-odd">轻托是指在服务工作中使用大小合适的托盘，在上菜、斟酒、收餐具时</p>

                </div>
            </div>
        </div>
        <!-- 150页 -->
        <div class="page-box" page="158">
            <div v-if="showPageList.indexOf(158) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">150</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even td-0">
                        所用的一种方法，因所托物品较轻，一般在5千克以内，故称轻托。
                    </p>
                    <p class="p-even">②重托。</p>
                    <p class="p-even">重托是指在服务工作中使用大型托盘，运送较重的菜品、酒水和盘碟等物品的方法，因所托物品较重，一般在5千克以上，故称重托。</p>
                    <h3 id="c072" class="p-even"><span class="zt-h4 unit3-c">三、</span><span
                            class="qyls-h4 unit3-c">托盘操作技能</span></h3>
                    <p class="p-even">第一，左手臂自然弯曲90度，掌心向上，五指分开稍弯曲，使掌心微呈凹形。</p>
                    <p class="p-even">第二，用五指指端和手掌根部六个着力点托住托盘底部，利用五指的弹性控制盘面平稳。</p>
                    <p class="p-even">第三，托盘平托于胸部以下，腰部以上，盘面重心稍向里侧，保持平衡，利用左手手腕灵活转向。</p>
                    <p class="p-even">第四，遇到障碍物应及时里压外摆，躲闪避让。</p>
                    <h3 id="c073" class="p-even"><span class="zt-h4 unit3-c">四、</span><span
                            class="qyls-h4 unit3-c">托盘操作程序</span></h3>
                    <p class="p-even">①理盘。</p>
                    <p class="p-even">将托盘洗净擦干，保持清洁无水迹；在盘内垫上专用垫布（切勿使用与旅客使用的毛巾、餐巾相似的垫布，以免旅客误会），垫布要用清水打湿、拧干、铺平拉挺，四边与盘底相齐。
                    </p>
                    <p class="p-even">②装盘。</p>
                    <p class="p-even">根据物品的形状、质量、体积和使用的先后顺序，合理装盘；在几种物品一起装盘时，重物和高物在里面，轻物和矮物在外面，先取用物品在上、在前，后取用物品在下、在后。</p>
                    <p class="p-even">③起托。</p>
                    <p class="p-even">
                        将托盘托起时，若是从一般的台面托起，先用双手将盘子一头拖至台面外，保持托盘边有15厘米在台面上，把左手掌张开，托在托盘底部，掌心位于托盘底部中间，右手握着托盘边；假如托盘较重，则先屈膝，双腿用力使托盘上升而不是直接用臂力，然后用手掌稳稳地托住盘底，调整好重心，松开右手放回身体右侧，身体呈站立姿势。
                    </p>
                </div>
            </div>
        </div>
        <!-- 151页 -->
        <div class="page-box" page="159">
            <div v-if="showPageList.indexOf(159) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">151</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd">④行走。</p>
                    <p class="p-odd">
                        行走时要仔细观察周围，以免发生碰撞，特别是进门时要小心。假如通过的门是右开的，则用左手托盘；假如门是左开的，则用右手托盘。这样使得空着的手易于开门，而且可保护托盘。但如果一只手托不动时，不可勉强。行走中如需急停，要学会消除惯性力。当人行走时，托盘及盘中物品已形成一股向前的惯性冲力，突然静止，则物品可能飞离托盘或使托盘失去平衡，因此要在急停时顺手向前略伸以便减速，另一只手及时相扶，使其稳住。
                    </p>
                    <p class="p-odd">托盘行走的要求：上身挺直，略向前倾，视野开阔，动作敏捷，精力集中，步伐稳健，精神饱满。</p>
                    <p class="p-odd">托盘行走的六种常用步伐。</p>
                    <p class="p-odd">常步，即使用平常行进的步伐，要步距均匀，快慢适宜。</p>
                    <p class="p-odd">快步，步幅应稍大，步速稍快，上菜迟了会影响菜肴的风味。但不能跑，以免泼洒菜肴或影响菜肴造型。</p>
                    <p class="p-odd">碎步，就是小快步，步距小、步速快，主要适用于端汤。这种步伐可以保持上身平稳，避免汤汁溢出。另外，碎步在较滑的地面上行走不易滑倒。</p>
                    <p class="p-odd">垫步，当需要侧身通过时，右脚侧一步，左脚跟一步，一步紧跟一步。此种步伐常在穿行狭窄的过道时使用。</p>
                    <p class="p-odd">
                        跑楼步，是端托盘上楼时所使用的一种特殊步伐。其要求是，身体略向前倾，重心前移，用较大的步距，一步跨两级台阶，一步紧跟一步，上楼速度要快而均匀，巧妙利用惯性，省时省力。此步伐用于托送菜品上楼梯。
                    </p>
                    <p class="p-odd">
                        巧步，托盘行走时，突然有宾客走来或遇到其他障碍物，需要临时停止或放慢脚步、灵活躲闪，避免发生冲撞。这种步伐还可用来防止运动中的盘面由于突然停止而使酒水、汤汁因惯性溢出。</p>
                    <p class="p-odd">⑤卸盘与落托。</p>
                    <p class="p-odd">
                        托盘行走过程中，如果需要取用盘内物品，称为卸盘。卸盘时，用右手取走盘内所需物品，同时应注意盘内物品的变化，用左手手指的力量来调整托盘重心。应从前后左右交替使用盘内物品。</p>
                    <p class="p-odd">托盘行走过程中，如果需要将所托物品整个放到工作台面上，称为落托。落托时，应左脚向前，用右手协助左手把托盘小心地推至工作台面上，放稳后按照从内到外的顺序取用盘内物品。
                    </p>
                </div>
            </div>
        </div>
        <!-- 152页 -->
        <div class="page-box" page="160">
            <div v-if="showPageList.indexOf(160) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">152</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c074" class="p-even"><span class="zt-h4 unit3-c">五、</span><span
                            class="qyls-h4 unit3-c">托盘服务的注意事项</span></h3>
                    <p class="p-even">第一，装盘时，应根据相关要求依次将物品放入盘中。</p>
                    <p class="p-even">第二，起托和托盘行走时，不可用拇指扣住盘边。</p>
                    <p class="p-even">第三，任何时候，都不能拎着托盘行走，也不可玩或转托盘。</p>
                    <p class="p-even">第四，在装无盖的食物、饮料时，要放在离头部远的一边，以免行走过程中落入头发。</p>
                    <p class="p-even">第五，要注意靠右走，并注意前后左右的情况，行走时不得急停或突然转身。</p>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>请讨论托盘的种类及用途。</p>
                        <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">机场 VIP 服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                托盘服务
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对托盘服务的了解，掌握托盘的种类，为掌握托盘服务技能奠定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握托盘操作技能及程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解托盘类型及用途。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.掌握托盘操作技能及程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.牢记托盘服务的重要性。<br />2.掌握托盘操作技能及程序。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①理解托盘服务的重要性。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握托盘的种类。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③进行市场调研，核验托盘种类有无变化。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确说出托盘的种类?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                市场调研的方案是否有可行性?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 153页 -->
        <div class="page-box" page="161">
            <div v-if="showPageList.indexOf(161) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">153</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">按照所学的托盘操作技巧，分小组进行现场模拟练习。</p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.four" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 154页 -->
        <div class="page-box" page="162">
            <div v-if="showPageList.indexOf(162) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">154</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit3-c p-even">任务三<br />茶水服务</h2>
                    <div class="task-u3-c ml-9"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">茶水服务作为民航服务人员在机场VIP服务中必须掌握的基本技能之一，直接体现了机场VIP服务的水平。要掌握好这项基本技能，必须先掌握不同茶的饮法。
                    </p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c075" class="p-even"><span class="zt-h4 unit3-c">一、</span><span
                            class="qyls-h4 unit3-c">不同茶的饮法</span></h3>
                    <h4 id="d141" class="p-even">（一）绿茶饮法</h4>
                    <p class="p-even">绿茶是很多人爱饮的茶，其饮法随不同茶品、不同地区而异。</p>
                    <p class="p-even">
                        高级绿茶（包括各种名茶），一般用透明的玻璃杯冲泡，以显示茶叶的品质和特色，便于观赏。普通绿茶，往往用瓷杯冲泡。瓷杯保温性能强于玻璃杯，容易使茶叶中的有效成分浸出，可以得到比较浓厚的茶汤。低级绿茶及绿茶末，多用壶饮法，以便于茶汤与茶渣分离，方便饮用。
                    </p>
                    <h4 id="d142" class="p-even">（二）红茶饮法</h4>
                    <p class="p-even">
                        从使用的茶具来分，大体可分为两种。一般来说，各类工夫红茶、小种红茶、袋泡红茶和速溶红茶等，大多用杯饮法。各类红碎茶及红茶片、红茶末等，为使冲泡过的茶汤与茶渣分离，便于饮用，习惯用壶饮法。
                    </p>
                    <p class="p-even">
                        从茶汤中是否添加其他调味品来划分，可分为清饮法和调饮法两种。我国绝大部分地方饮红茶用清饮法，不在茶中添加其他调料。但在广东，有些地方要在红茶里加牛奶和糖，使营养更丰富，味道更好。在我国西藏、内蒙古，调饮法更为普遍，称为酥油茶、奶茶，但通常不放糖而是放盐。
                    </p>
                </div>
            </div>
        </div>
        <!-- 155页 -->
        <div class="page-box" page="163">
            <div v-if="showPageList.indexOf(163) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">155</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d143" class="p-odd">（三）乌龙茶饮法</h4>
                    <p class="p-odd">乌龙茶具有独特的花果香味，口感鲜爽。关于乌龙茶的饮法，可以根据口味进行调整，以下是常见的饮法。</p>
                    <p class="p-odd">
                        首先，清洁茶具。将茶壶和茶杯用开水冲洗一遍，以确保茶的纯净度和干净卫生。然后，选用合适的器具。可以选择紫砂壶、玻璃茶具或白瓷茶具来冲泡乌龙茶，不同的器具会影响到茶汤的口感和香气表现。同时，要控制水温。乌龙茶适宜用90～95摄氏度的热水冲泡，水温过高会损害茶叶的香气和口感。一般情况下，乌龙茶的冲泡时间为1～3分钟，但具体时间要根据个人口感来定，民航服务人员可以根据旅客的喜好来调整。
                    </p>
                    <p class="p-odd">乌龙茶适合多次冲泡，每次冲泡后的茶汤口感和香气都会有所不同，因此可以尝试多次冲泡，体验不同的茶汤风味。</p>
                    <p class="p-odd">总体来说，乌龙茶的饮法是灵活多样的。为旅客提供乌龙茶时，可根据旅客需要适当调整。</p>
                    <h4 id="d144" class="p-odd">（四）花茶饮法</h4>
                    <p class="p-odd">
                        花茶，大多是选用芳香浓郁和经过精工细制的绿茶窨制而成，茶引花香。花茶中以茉莉花茶居多，也最受人们的喜爱。泡饮花茶多用瓷杯，取一撮花茶置于杯内，用沸水冲泡，加盖四五分钟后即可品饮。如饮茶人数较多，往往采用壶饮法，即将适量的花茶置于壶内，冲泡四五分钟后，倒入茶杯或茶碗中饮用。
                    </p>
                    <p class="p-odd">花茶的饮法，与普通绿茶相仿，但需特别注意防止香气的散失。使用的茶具最好选用白瓷有盖茶杯，以衬托花茶固有的汤色，保持花茶的芳香。</p>
                    <h3 id="c076" class="p-odd"><span class="zt-h4 unit3-c">二、</span><span
                            class="qyls-h4 unit3-c">茶水服务流程</span></h3>
                    <h4 id="d145" class="p-odd">（一）准备事项</h4>
                    <h5 id="e081" class="p-odd">1.茶叶的准备</h5>
                    <p class="p-odd">
                        尽量多准备几种茶叶，使旅客可以有多种选择。上茶前，应先问一下旅客是喝茶还是其他饮料，如果喝茶是喝哪一种茶，并提供几种可能的选择。不要自以为是地为旅客提供茶水。如果只有一种茶叶，应事先向旅客说清楚。
                    </p>
                    <h5 id="e082" class="p-odd">2.茶具的准备</h5>
                    <p class="p-odd">在泡茶之前一定要把茶具洗干净，尤其是久置未用的茶具。在冲茶、倒</p>
                </div>
            </div>
        </div>
        <!-- 156页 -->
        <div class="page-box" page="164">
            <div v-if="showPageList.indexOf(164) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">156</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even td-0">
                        茶之前最好用开水烫一下茶壶、茶杯。这样，既讲究卫生，又显得彬彬有礼。
                    </p>
                    <h5 id="e083" class="p-even">3.个人卫生准备</h5>
                    <p class="p-even">提供茶水服务之前，负责给旅客倒茶的服务人员要先检查自己的妆容，特别注意手部的清洁。试想一下，有谁愿意喝手部不太干净的人倒的茶水呢？</p>
                    <h4 id="d146" class="p-even">（二）服务流程</h4>
                    <h5 id="e084" class="p-even">1.问茶</h5>
                    <p class="p-even">先向旅客问茶，根据旅客的需求泡茶。</p>
                    <h5 id="e085" class="p-even">2.倒茶</h5>
                    <p class="p-even">
                        先说茶叶，茶叶不宜过多，也不宜太少。茶叶过多，茶味过浓；茶叶太少，冲出的茶水味道过淡。假如旅客主动介绍自己有喜欢喝浓茶或淡茶的习惯，应按照旅客的口味把茶冲好。无论是大杯还是小杯，都不宜倒得太满，太满了容易溢出，把桌子、凳子、地板弄湿，一不小心，还会烫伤自己或旅客。当然，也不宜倒得太少，一般以杯子的七八分满为宜。
                    </p>
                    <h5 id="e086" class="p-even">3.上茶</h5>
                    <p class="p-even">
                        倒茶的时候应该先提示一下：“为您奉茶。”以免旅客突然转身，使茶水洒一地。如果服务人员是女士，杯子的拿法应该是右上左下，即右手握着杯子的1/2处，左手托着杯子底部；如果是男士，则双手水平拱握着杯子的1/2处，递到旅客右手上方5～10厘米处。如果用有柄的杯子则将柄转至右侧，便于旅客取放。
                    </p>
                    <h5 id="e087" class="p-even">4.续茶</h5>
                    <p class="p-even">
                        添水时，如果是有盖的杯子，则用右手中指和无名指将杯盖夹住，轻轻抬起。大拇指、食指和小拇指将杯子拿起，侧对旅客，用左手拿容器添水。同样递至旅客右手上方5～10厘米处，有柄的杯子则将柄转至右侧。
                    </p>
                    <p class="left p-even"><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">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">机场 VIP 服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                茶水服务
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 157页 -->
        <div class="page-box" page="165">
            <div v-if="showPageList.indexOf(165) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目七</li>
                    <li class="headerText">机场VIP服务</li>
                    <li class="headerNumber">157</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse;" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对茶水服务的了解，掌握不同茶的饮法，为提供优质的民航服务奠定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握茶水服务流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解不同茶的饮法。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.掌握茶水服务流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.了解不同茶的饮法。<br />2.掌握茶水服务流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①了解不同茶的饮法。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握茶水服务流程。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③进行市场调研，核验茶叶种类和饮法有无变化。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">任务要求是否明确?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                是否掌握茶水服务流程?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                市场调研的方案是否有可行性?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">
                        在某机场贵宾候机室，旅客王先生夫妇落座后，民航服务员小李心不在焉地在两位旅客面前的茶几上摆上茶杯，然后从茶叶筒里取出茶叶，依次放入两个杯子里，再用暖水瓶往杯子里倒水。倒完水之后，小李对王先生夫妇说：“先生、女士，请用茶。”
                    </p>
                    <p>思考：小李在服务中存在什么问题？</p>
                    <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 158页隐藏页面 -->
        <div class="page-box hidePage" page="166">
        </div>
    </div>
</template>

<script>
export default {
    name: "chapterSeven",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter07");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter07-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter07",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter07-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>

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

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

New file
@@ -0,0 +1,1744 @@
<template>
    <div class="chapter" num="9">
        <!-- 第七单元封面 -->
        <div class="page-box" page="167">
            <div v-if="showPageList.indexOf(167) > -1">
                <div style="background-color: #9FAB61; padding-top: 10px">
                    <h1 class="fl jc-c" id="a007"><img class="" style="width: 90%; " alt=""
                            src="../../assets/images/xm8.jpg" /></h1>
                    <div style="padding: 0px 82px 100px 82px">
                        <div class="bj-1">
                            <p id="b001" class="bj-2-zt"><span class="tp-h6"><img class="inline4" alt=""
                                        src="../../assets/images/xmms.png" /></span>核心目标</p>
                        </div>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业能力</b></p>
                        <p class="bj-1-zt">1.掌握客舱服务的基本内容。</p>
                        <p class="bj-1-zt">2.掌握客舱服务中四个阶段的工作程序。</p>
                        <p class="bj-1-zt">3.具备良好的客舱服务流程执行能力、客舱服务设备的操作能力等多种岗位能力。</p>
                        <p class="bj-1-zt">4.掌握航空安全员执勤流程。</p>
                        <p class="bj-3-zt"><b>&gt;&gt;&gt;职业素养</b></p>
                        <p class="bj-1-zt">1.树立真情服务意识，在民航客舱传播人文情怀，传递文化力量。</p>
                        <p class="bj-1-zt">2.具有良好的职业道德和较强的工作责任心。</p>
                        <p class="bj-1-zt">3.具有较强的自主学习能力和知识应用能力。</p>
                        <p class="bj-1-zt">4.树立良好的规章意识，敬畏职责、敬畏规章、敬畏生命。</p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 160页 -->
        <div class="page-box" page="168">
            <div v-if="showPageList.indexOf(168) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">168</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit4-c p-even">任务一<br />掌握客舱服务的基本内容</h2>
                    <div class="task-u4-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        客舱服务作为因社会发展而产生的一种新的服务，较其他服务行业，更加重视公众，也更加强调服务人员在保证飞行安全的前提下，能够汇集一切资源和力量，适应和满足社会发展、生态和谐、公众需求。因此，社会对客舱服务也就提出了更高的要求，不再仅仅局限于客舱中简单的餐饮服务。现在，让我们带着新的视角，去了解一下客舱服务的实质含义和基本内容。
                    </p>
                    <textarea v-model="questionData.teskOne.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <h3 id="c077" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">客舱服务的特点</span></h3>
                    <h4 id="d147" class="p-even">（一）以保障飞行安全为前提</h4>
                    <p class="p-even">安全运行是民航发展永恒的主题。客舱安全作为飞行安全的重要组成部分，在《大型飞机公共航空运输承运人运行合格审定规则》中有明确的规定。</p>
                    <p class="p-even">飞行安全涉及人员、飞机、环境等诸多因素。客舱乘务员必须时刻评估飞行中各阶段客舱的安全状况，及时发现、处置各种安全隐患，处理各种突发事件。</p>
                    <h4 id="d148" class="p-even">（二）特定的服务环境</h4>
                    <p class="p-even">
                        客舱服务的实施场景较为特殊，空间面积较小，人员密集。机上设施设备为保证飞行安全，在设计、操作等方面都较为特殊。航空器在飞行过程中，将会经历不同的阶段，如滑行、起飞、爬升、平飞、下降、进近和着陆等，而客舱环境也会因阶段不同，随之发生环境、人员心理的变化。同时，
                    </p>
                </div>
            </div>
        </div>
        <!-- 161页 -->
        <div class="page-box" page="169">
            <div v-if="showPageList.indexOf(169) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">161</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd td-0">
                        航空器始终处在自身与环境的运动变化中，整个飞行过程都是在动态中不断变化的。所以，这就要求客舱乘务员在服务中，必须符合相关技术规范、严格执行标准工作程序、遵守飞行安全规章条款。
                    </p>
                    <h4 id="d149" class="p-odd">（三）较高要求的综合素质</h4>
                    <p class="p-odd">
                        由于飞行环境、服务对象以及服务过程的特殊性，服务过程中可能会出现复杂多变的各种情况和突发事件，对乘务员的要求如下：具有稳定的心理素质，临危不惧，果敢坚定；善于发现问题，果断处理问题；具有灵活的沟通能力和应变能力，有效地与不同旅客进行沟通；具有很强的亲和力和超越自我情感的职业情感，充满爱心的服务能力；等等。为使乘务员在上岗前具备这些能力，需要进行为期3个月的岗位技能培训，其中就包含行业法律规章学习、客舱服务、机型设备、客舱救护、应急处置、野外求生等专业课程。
                    </p>
                    <h3 id="c078" class="p-odd"><span class="zt-h4 unit4-c">二、</span><span
                            class="qyls-h4 unit4-c">客舱服务的基本内容</span></h3>
                    <p class="p-odd">
                        狭义上讲，民航客舱服务是围绕“客舱”这一特定环境，在遵守相应规章、规范及标准的前提下，为旅客、机组成员提供服务的过程。在整个服务过程中，根据不同的地点、时间、环境有不同的服务场景，从而分为不同的服务内容，主要分为如下几种。
                    </p>
                    <p class="p-odd">①迎客服务。迎客时，乘务员在客舱内区域不同其职责也不同，引导旅客就座，对有需要的旅客主动提供帮助。</p>
                    <p class="p-odd">②餐饮服务。满足旅客在旅途中的餐饮需求。根据航线的长短、地域、风俗习惯等特点，航空公司会为之配备不同的餐食饮料，为旅客带来舒适、美好的空中体验。</p>
                    <p class="p-odd">
                        ③细微及特色服务。满足旅客基本的餐饮需求后，鉴于特定的服务场景，客舱乘务员会为旅客提供耳机、毛毯、书报杂志、特色小吃等细微服务。这些服务都有相应的服务规范及严格的执行流程。</p>
                    <p class="p-odd">
                        ④特殊旅客服务。客舱乘务员会根据所执行的航班的旅客信息，对特殊旅客提供合适的服务，如特殊餐食、儿童玩具、婴儿摇篮、空中额外护理等。在将旅客安全送往目的地的前提下，给他们以无微不至的体贴、关怀、
                    </p>
                </div>
            </div>
        </div>
        <!-- 162页 -->
        <div class="page-box" page="170">
            <div v-if="showPageList.indexOf(170) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">162</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even td-0">
                        爱护和呵护。
                    </p>
                    <p class="p-even">
                        从广义上讲，客舱服务则是客舱乘务员依托客舱这个载体，以个人的影响力与展示性为特征，将有形的服务形式与无形的情感传递融为一体的综合性活动。广义的客舱服务要求客舱乘务员具备很强的综合能力，需要从多个方面进行培养，才能将内化于心、外化于行展现得淋漓尽致。
                    </p>
                    <p class="p-even">①良好的航空服务礼仪。礼者，养也，仪者，规也。良好的航空服务礼仪，需要从心态、沟通、形象、规范等因素上进行系统的学习。</p>
                    <p class="p-even">②高效的环境管理。在高空环境中，优化旅客的环境体验感受尤为重要。客舱乘务员需要根据不同的环境灵活调整并做好环境管理，如环境卫生、氛围、舒适程度等。</p>
                    <p class="p-even">
                        ③良好的服务意识。旅客的满意源自优质的服务。这取决于两方面：一是基于公司服务理念与文化的服务体系以及服务方式；二是客舱乘务员个体对客舱服务工作的内心感知与责任感，即发自内心地为旅客服务的主动意识与自觉行动，以及对自己行为的良好调节。
                    </p>
                    <p class="p-even">
                        客舱服务的核心问题就是通过个体的自觉行动，完美地实现服务设计方案，让旅客感到满意，即通过服务过程将公司为旅客设计的服务系统转变为旅客所接受的期望利益。优质的客舱服务是通过有意识的服务技巧将服务环境、服务内容、服务对象完美地结合起来的，这也是客舱服务的核心本质。
                    </p>
                    <div class="bj5 ml-9">
                        <div class="bj5-xyx">
                            <p class="td-0"><span class="bj5-xyx">课堂研讨</span></p>
                        </div>
                        <p>同学们分小组进行讨论：结合对客舱服务狭义及广义概念的解释，请列出作为一名优秀的客舱乘务员还需要进行哪些知识的学习。</p>
                        <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">客舱服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握客舱服务的基本内容
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableOne.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对客舱服务的了解，为日后的工作莫定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                了解客舱服务的基本内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.掌握民航客舱服务的特点。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出客舱服务的基本内容。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 163页 -->
        <div class="page-box" page="171">
            <div v-if="showPageList.indexOf(171) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">163</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse; width: 91%;" class="fz-15 mr-9">
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.树立良好的职业形象。<br />2.培养良好的服务意识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①了解民航客舱服务的特点。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握狭义客舱服务的内容。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③理解广义客舱服务的内涵。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableOne.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">是否掌握民航客舱服务的特点?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否准确介绍狭义客舱服务的内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否具有良好的职业形象?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableOne.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableOne.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableOne.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">1.请简要介绍客舱服务的特点。</p>
                    <textarea v-model="questionData.teskOne.three" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="p-odd">2.请简述客舱服务的基本内容。</p>
                    <textarea v-model="questionData.teskOne.four" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskOne.five" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 164页 -->
        <div class="page-box" page="172">
            <div v-if="showPageList.indexOf(172) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">164</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit4-c p-even">任务二<br />掌握航前准备阶段工作流程</h2>
                    <div class="task-u4-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        客舱乘务员自接受航班任务起至任务结束，其工作可以总结为几个阶段，分别为：航前准备阶段、直接准备阶段、飞行实施阶段、航后讲评阶段。每个阶段的具体工作程序有所不同，但都需要依据民航相关法律法规、航空公司规范标准来完成。接下来，各位同学以准客舱乘务员的身份，一起来学习和体验每个阶段的具体工作任务和工作流程吧。
                    </p>
                    <textarea v-model="questionData.teskTwo.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 ml-9 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">
                        航前准备阶段也称为预先准备阶段，是指客舱乘务员自接受航班任务开始至登机前的阶段，也是客舱服务工作中准备时间最长的一个阶段。在该阶段，客舱乘务员需要完成各项准备工作，其中包括接受及确认航班任务、网上准备、个人证件资料准备、参加航前准备会等。下面重点介绍接受及确认航班任务和参加航前准备会。
                    </p>
                    <h3 id="c079" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">接受及确认航班任务</span></h3>
                    <p class="p-even">
                        通常客舱乘务员的航班任务由客舱服务派遣部门根据航空公司实际运力情况、人员资质等因素进行安排，并通过公司内部的空勤人员飞行准备网站进行航班发布。客舱乘务员可登录内网对各自航班安排结果进行查询，也可以到客舱服务派遣部门现场进行确认。
                    </p>
                    <h4 id="d150" class="p-even">（一）航班任务信息</h4>
                    <p class="p-even">①所执行航班机组人员的信息。</p>
                </div>
            </div>
        </div>
        <!-- 165页 -->
        <div class="page-box" page="173">
            <div v-if="showPageList.indexOf(173) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">165</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd">②所执行任务的航班号、航线及起飞/着陆时间。</p>
                    <p class="p-odd">③所执行航班的飞机机型、飞机号、应急设备分布。</p>
                    <p class="p-odd">④所执行航班查询时间当前的旅客人数，重要及特殊旅客信息。</p>
                    <p class="p-odd">⑤所执行航班当班配餐情况等。</p>
                    <h4 id="d151" class="p-odd">（二）客舱乘务员在执行航班任务前应复习的内容</h4>
                    <p class="p-odd">①所执行航班的航线地理情况，飞越的省市、河流、山脉及飞行时间、距离、机场名称、离城距离等。</p>
                    <p class="p-odd">②各区域号位的工作职责及该飞机应急设备分布、应急处置的程序。</p>
                    <p class="p-odd">③了解近期最新行业标准、咨询通告及航空公司内部业务通告。</p>
                    <h4 id="d152" class="p-odd">（三）客舱乘务员个人物品的准备</h4>
                    <p class="p-odd">①飞行着装及相关装具，如当季制服、飞行箱/包、工号牌等。</p>
                    <p class="p-odd">②个人证件（客舱乘务员训练合格证、空勤登机证、体检合格证），并确保在有效期内。</p>
                    <p class="p-odd">③个人携带资料（客舱乘务员手册、客舱广播词、舱门操作单等）。</p>
                    <p class="p-odd">④个人携带物品（笔、便签、围裙、化妆品、备用丝袜、走时准确的手表等）。</p>
                    <h3 id="c080" class="p-odd"><span class="zt-h4 unit4-c">二、</span><span
                            class="qyls-h4 unit4-c">参加航前准备会</span></h3>
                    <h4 id="d153" class="p-odd">（一）航前准备会签到</h4>
                    <p class="p-odd">
                        航前准备会通常在航班起飞时间前3小时之内（各航空公司根据航线进行规定）完成，客舱乘务员需按照飞行着装标准和妆容要求准备，提前到指定地点完成签到，并到指定位置参加航前准备会。</p>
                    <h4 id="d154" class="p-odd">（二）参加航前准备会</h4>
                    <p class="p-odd">①当班乘务长组织组员召开航前准备会，检查客舱乘务员的着装、妆容及所携带证件资料是否符合飞行要求。</p>
                    <p class="p-odd">②当班乘务长对所执行的航班作全面的工作说明及安排，对航线、机型、服务、客舱安全及空防安全提出要求并制订计划。</p>
                    <p class="p-odd">③当班乘务长对客舱乘务员在本次航班中工作岗位进行分工并提出相应的要求。</p>
                </div>
            </div>
        </div>
        <!-- 166页 -->
        <div class="page-box" page="174">
            <div v-if="showPageList.indexOf(174) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">166</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-even">④做好空防预案。</p>
                    <p class="p-even">⑤说明工作程序、餐食及供应品配备情况。</p>
                    <p class="p-even">⑥做好飞机应急撤离水/陆预案。</p>
                    <p class="p-even">⑦提出对重要旅客、VIP旅客及特殊旅客的服务要求。</p>
                    <h3 id="c081" class="p-even"><span class="zt-h4 unit4-c">三、</span><span
                            class="qyls-h4 unit4-c">接受安全检查进入机场隔离区并上机</span></h3>
                    <p class="p-even">
                        航前准备会结束后，当班乘务长带领组员排好队形，统一乘坐机组车进场并接受安检。客舱乘务员必须将空勤登机证佩戴于明显位置，便于安检人员对身份进行核对，并配合安检工作，然后统一乘车进入隔离区并上机。
                    </p>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">客舱服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握航前准备阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableTwo.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对现代民航服务业的了解，为目后的工作莫定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握航前准备阶段工作流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.掌握接受及确认航班任务的具体内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能快速说出在执行航班任务前应复习的内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.树立良好的职业形象。<br />2.培养良好的时间观念。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①了解航班任务信息。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②掌握航前应复习的内容。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③丁解航前准备会的流程。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableTwo.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">能否说出航前准备阶段工作流程?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                是否掌握航前应复习的内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否描述航前准备会的流程?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableTwo.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableTwo.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 167页 -->
        <div class="page-box" page="175">
            <div v-if="showPageList.indexOf(175) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">167</li>
                </ul>
                <div class="bodystyle">
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">5～6人组成一个乘务组并按区域职责划分相应号位，根据教师提供的航班信息模拟召开一次航前准备会。</p>
                    <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.three" placeholder="请输入内容" rows="6"
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 168页 -->
        <div class="page-box" page="176">
            <div v-if="showPageList.indexOf(176) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">168</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit4-c p-even">任务三<br />掌握直接准备阶段工作流程</h2>
                    <div class="task-u4-c ma-l"></div>
                    <p class="left p-even"><span class="bj2">任务描述▼</span></p>
                    <p class="p-even block2">
                        在任务二，同学们已经了解并模拟演练了客舱乘务员航前准备阶段的工作流程，相信一定有所收获和感悟。本任务是请各位同学以准客舱乘务员的身份，来学习和体验直接准备阶段的具体工作任务和工作流程。</p>
                    <textarea v-model="questionData.teskThree.one" placeholder="请输入内容" rows="6"
                        class="fz-16 ml-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">知识准备▼</span></p>
                    <p class="p-even">直接准备阶段是指客舱乘务员从登机开始至旅客登机之前的工作时间段。</p>
                    <h3 id="c082" class="p-even"><span class="zt-h4 unit4-c">一、</span><span
                            class="qyls-h4 unit4-c">飞行装具安置及航前清舱</span></h3>
                    <h4 id="d155" class="p-even">（一）客舱乘务员上机后，第一时间对其飞行装具进行合理安置</h4>
                    <p class="p-even">①客舱乘务员的飞行装具应放置于规定的储藏间或行李架上，同时应确保飞行装具处于监控范围之内。</p>
                    <p class="p-even">②应合理、紧凑地摆放整齐，不能影响旅客行李的存放。</p>
                    <p class="p-even">③禁止放于餐车内、应急设备存放处、旅客座椅背后以及任何通道处。</p>
                    <h4 id="d156" class="p-even">（二）航前清舱工作</h4>
                    <p class="p-even">为确保机上无可疑及外来物品，客舱乘务员应在航前对各自负责的区域完成航前清舱工作。</p>
                    <h3 id="c083" class="p-even"><span class="zt-h4 unit4-c">二、</span><span
                            class="qyls-h4 unit4-c">机上应急设备及客舱服务设备的检查</span></h3>
                    <p class="p-even">客舱乘务员应按照航前准备会的任务安排，负责自身所在区域的应急设备及服务设备的检查，并将检查结果及时向乘务长进行汇报。具体检查内容</p>
                </div>
            </div>
        </div>
        <!-- 169页 -->
        <div class="page-box" page="177">
            <div v-if="showPageList.indexOf(177) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">169</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd td-0">
                        如下。
                    </p>
                    <h4 id="d157" class="p-odd">（一）厨房区域应检查的设备</h4>
                    <h5 id="e088" class="p-odd">1.区域内所有应急设备</h5>
                    <p class="p-odd">手电筒（图8-1）、灭火瓶、便携式氧气瓶、防烟面罩（PBE）、应急定位发射器（图8-2）、应急药箱/急救药箱等是否在待用状态，铅封是否完好。</p>
                    <div class="fl p-odd">
                        <span>
                            <p class="center openImgBox">
                                <img class="img-d" alt="" src="../../assets/images/0182-1.jpg" />
                            </p>
                            <p class="img">图8-1 手电筒</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="img-d" alt="" src="../../assets/images/0182-2.jpg" />
                            </p>
                            <p class="img">图8-2 应急定位发射器</p>
                        </span>
                    </div>
                    <h5 id="e089" class="p-odd">2.区域内的所有服务设备</h5>
                    <p class="p-odd">厨房区域的配电板（图8-3）是否有故障，烤箱（图8-4）、煮水器（图8-5）等电器设备是否可以使用；储物柜是否完好，是否有外来物；清水量是否充足。</p>
                    <div class="fl al-fe p-odd">
                        <span>
                            <p class="center openImgBox">
                                <img class="img-a" alt="" src="../../assets/images/0182-3.jpg" />
                            </p>
                            <p class="img">图8-3 厨房配电板</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="img-a" alt="" src="../../assets/images/0182-4.jpg" />
                            </p>
                            <p class="img">图8-4 烤箱</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="img-a" alt="" src="../../assets/images/0182-5.jpg" />
                            </p>
                            <p class="img">图8-5 乘务员检查煮水器</p>
                        </span>
                    </div>
                    <h4 id="d158" class="p-odd">（二）客舱区域应检查的设备</h4>
                    <h5 id="e090" class="p-odd">1.区域内的所有应急设备</h5>
                    <p class="p-odd">手电筒、灭火瓶、便携式氧气瓶、防烟面罩（PBE）、应急药箱/急救药箱、应急定位发射器等是否在待用状态，铅封是否完好。</p>
                </div>
            </div>
        </div>
        <!-- 170页 -->
        <div class="page-box" page="178">
            <div v-if="showPageList.indexOf(178) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">178</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <h5 id="e091" class="p-even">2.区域内的旅客服务组件（图8-6）</h5>
                    <p class="p-even">旅客座椅能否正常使用，旅客娱乐系统（PES）有无故障，阅读灯、通风器、呼唤铃是否在待用状态，婴儿摇篮及安全带（婴儿加长安全带）是否在规定位置存放。</p>
                    <h5 id="e092" class="p-even">3.人工安全演示设备</h5>
                    <p class="p-even">安全带、氧气面罩、安全须知说明是否配备齐全和完好。</p>
                    <h5 id="e093" class="p-even">4.卫生间相关设备</h5>
                    <p class="p-even">卫生间自动灭火装置是否在待用状态，卫生间烟雾探测器是否正常工作，洗手池（图8-7）是否有冷、热水及下水是否畅通，马桶及其他设备是否状况良好。</p>
                    <div class="fl al-fe p-even">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0183-1.jpg" />
                            </p>
                            <p class="img">图8-6 旅客服务组件</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0183-2.jpg" />
                            </p>
                            <p class="img">图8-7 卫生间洗手池</p>
                        </span>
                    </div>
                    <p class="p-even">检查完所有设备后，如有故障要及时报告乘务长，以便请机务人员进行维修。</p>
                    <h3 id="c084" class="p-even"><span class="zt-h4 unit4-c">三、</span><span
                            class="qyls-h4 unit4-c">厨房/客舱的准备工作</span></h3>
                    <h4 id="d159" class="p-even">（一）厨房的准备工作</h4>
                    <p class="p-even">①清点、检查航班配备的餐食种类、数量及质量并报告乘务长。</p>
                    <p class="p-even">②清点、签收航班服务供应品以及服务用具。</p>
                    <p class="p-even">③根据航班的飞行时间和航线要求做好空中服务计划工作。</p>
                    <p class="p-even">④准备餐食、饮料。</p>
                    <p class="p-even">⑤将需要冰镇的酒类、食品、饮料等放入冷藏柜内。</p>
                    <p class="p-even">⑥检查厨房设备及厨房卫生。</p>
                    <p class="p-even">⑦向乘务长报告准备情况。</p>
                </div>
            </div>
        </div>
        <!-- 171页 -->
        <div class="page-box" page="179">
            <div v-if="showPageList.indexOf(179) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">171</li>
                </ul>
                <div class="bodystyle">
                    <h4 id="d160" class="p-odd">（二）客舱的准备工作</h4>
                    <p class="p-odd">①准备好报纸及杂志，整齐、美观地摆放在规定位置。</p>
                    <p class="p-odd">②准备耳机、毛毯、枕头，按区域放置在规定位置。</p>
                    <p class="p-odd">③相关号位客舱乘务员负责签收和摆放卫生间的物品，并检查物品种类是否齐全。</p>
                    <p class="p-odd">④在完成自己的工作职责后应协助厨房乘务员做准备工作。</p>
                    <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">客舱服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握直接准备阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableThree.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对现代民航服务业的了解，为日后的工作莫定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握直接准备阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.明确直接准备阶段的工作起止时间。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.能够概括直接准备阶段的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.树立良好的职业形象。<br />2.培养良好的规章意识。<br />3.培养良好的安全意识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l w25" valign="top">
                                ①明确直接准备阶段的工作起止时间。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②明确机上应急设备及客舱服务设备的检查内容。
                            </td>
                            <td class="ta-l w25" valign="top">
                                ③掌握厨房及客舱工作区域乘务员直接准备阶段应检查的应急设备及服务设备的种类。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableThree.twelve"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">能否列举出厨房区域乘务员直接准备阶段应检查的应急设备及服务设备?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否列举出客舱区域乘务员直接准备阶段应检查的应急设备及服务设备?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 172页 -->
        <div class="page-box" page="180">
            <div v-if="showPageList.indexOf(180) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">172</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center w25">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                能否描述厨房及客舱区域乘务员直接准备阶段的准备工作?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.nine" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">4</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableThree.ten" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableThree.eleven" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">5～6人组成一个乘务组并按区域职责划分相应号位，根据教师提供的航班信息，进入模拟舱，完成直接准备阶段的工作流程。</p>
                    <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskThree.three" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 173页 -->
        <div class="page-box" page="181">
            <div v-if="showPageList.indexOf(181) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">173</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit4-c p-odd">任务四<br />掌握飞行实施阶段工作流程</h2>
                    <div class="task-u4-c"></div>
                    <p class="left p-odd"><span class="bj2">任务描述▼</span></p>
                    <p class="p-odd block2">
                        在任务三，同学们已经了解并模拟演练了客舱乘务员直接准备阶段的工作流程，相信一定有所收获和感悟。本任务是请各位同学以准客舱乘务员的身份，来学习和体验飞行实施阶段的具体工作任务和工作流程。</p>
                    <textarea v-model="questionData.teskFour.one" placeholder="请输入内容" rows="6"
                        class="fz-16 mr-9 block2 textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">知识准备▼</span></p>
                    <p class="p-odd">
                        飞行实施阶段是指从旅客登机时刻起至旅客到达目的地后下机的时间段。这一阶段十分重要，服务工作的质量直接关系到公司的形象和利益，因此，客舱乘务员必须严格按照规章制度为旅客提供优质服务。</p>
                    <div class="img-rights w230 openImgBox mt-20 p-odd">
                        <img class="img-0" alt="" src="../../assets/images/0186-1.jpg" />
                        <p class="img">图8-8 机门口迎客</p>
                    </div>
                    <span>
                        <h3 id="c085" class="p-odd"><span class="zt-h4 unit4-c">一、</span><span
                                class="qyls-h4 unit4-c">起飞前的工作</span></h3>
                        <p>（1）迎客。</p>
                        <p>客舱乘务员在各自区域迎客（图8-8、图8-9），引导旅客（图8-10）就座。乘务员站在客舱前三排、后三排及出入口处，对有需要的旅客主动帮助，在征得同意的情况下为其提拿行李。</p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 174页 -->
        <div class="page-box" page="182">
            <div v-if="showPageList.indexOf(182) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">174</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="fl al-fe p-even">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0187-1.jpg" />
                            </p>
                            <p class="img">图8-9 客舱迎客</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0187-2.jpg" />
                            </p>
                            <p class="img">图8-10 引导旅客</p>
                        </span>
                    </div>
                    <p class="p-even">（2）关闭、锁定所有的行李架（图8-11、图8-12）。</p>
                    <div class="fl al-fe p-even">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0187-3.jpg" />
                            </p>
                            <p class="img">图8-11 关闭行李架</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0187-4.jpg" />
                            </p>
                            <p class="img">图8-12 锁定行李架</p>
                        </span>
                    </div>
                    <p class="p-even">（3）应急出口座位旅客评估。</p>
                    <p class="p-even">
                        相关区域的客舱乘务员根据要求，对坐在应急出口座位的旅客完成目视和口头评估（图8-13），确保坐在该座位的旅客符合要求，对不符合和不愿意坐在该座位的旅客及时调整。确认完毕后，及时向乘务长进行评估结果汇报，汇报时间不得晚于关机门的时间。
                    </p>
                </div>
            </div>
        </div>
        <!-- 175页 -->
        <div class="page-box" page="183">
            <div v-if="showPageList.indexOf(183) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">175</li>
                </ul>
                <div class="bodystyle">
                    <p class="center p-odd"><img class="img-d" alt="" src="../../assets/images/0188-1.jpg" /></p>
                    <p class="img p-odd">图8-13 乘务员进行应急出口座位旅客评估</p>
                    <p class="p-odd">（4）乘务长负责核对旅客人数并报告机长，得到关闭舱门的指令。</p>
                    <p class="p-odd">（5）舱门关闭后，乘务长立即下达操作滑梯预位的指令，乘务员按要求操作滑梯预位（图8-14至图8-16）并相互检查。</p>
                    <div class="fl al-fe p-odd">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0188-2.jpg" />
                            </p>
                            <p class="img">图8-14 滑梯预位1</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0188-3.jpg" />
                            </p>
                            <p class="img">图8-15 滑梯预位2</p>
                        </span>
                    </div>
                    <p class="center p-odd"><img class="img-d" alt="" src="../../assets/images/0188-4.jpg" /></p>
                    <p class="img p-odd">图8-16 滑梯预位3</p>
                    <p class="p-odd">（6）广播欢迎词并播放安全演示视频。</p>
                    <p class="p-odd">如该机型没有视频播放设备，则由乘务员向旅客演示（图8-17、图8-18）。</p>
                </div>
            </div>
        </div>
        <!-- 176页 -->
        <div class="page-box" page="184">
            <div v-if="showPageList.indexOf(184) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">176</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="fl al-fe p-even">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0189-1.jpg" />
                            </p>
                            <p class="img">图8-17 人工客舱安全演示1</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0189-2.jpg" />
                            </p>
                            <p class="img">图8-18 人工客舱安全演示2</p>
                        </span>
                    </div>
                    <p class="p-even">（7）起飞前安全检查。</p>
                    <p class="p-even">客舱安全检查至关重要，乘务员应根据自身区域工作职责对客舱和厨房区域进行检查。</p>
                    <p class="p-even">①客舱安全检查。</p>
                    <p class="p-even">每位旅客都系好安全带。</p>
                    <p class="p-even">小桌板全部收起扣好。</p>
                    <p class="p-even">座椅靠背调节到正常位置。</p>
                    <p class="p-even">行李架上的物品放稳妥、扣紧。</p>
                    <p class="p-even">在所有过道、应急出口处都不得摆放行李。</p>
                    <p class="p-even">遮光板、门帘全部拉开并扣好。</p>
                    <p class="p-even">禁止吸烟和使用各种电子设备。</p>
                    <p class="p-even">检查卫生间无旅客，可移动物品已固定好，马桶盖已盖好。</p>
                    <p class="p-even">②厨房安全检查内容。</p>
                    <p class="p-even">固定可移动物品，如烧水杯。</p>
                    <p class="p-even">餐/水车固定在存放位并踩好刹车。</p>
                    <p class="p-even">关闭不必要的电源，如烤箱、烧水器等。</p>
                    <p class="p-even">所有出口处及通道处不得堆放任何物品，观察窗不得遮挡。</p>
                    <p class="p-even">锁好所有箱柜。</p>
                    <p class="p-even">门帘收起扣好。</p>
                    <p class="p-even">（8）锁闭卫生间，调暗客舱灯光准备起飞。</p>
                </div>
            </div>
        </div>
        <!-- 177页 -->
        <div class="page-box" page="185">
            <div v-if="showPageList.indexOf(185) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">177</li>
                </ul>
                <div class="bodystyle">
                    <h3 id="c086" class="p-odd"><span class="zt-h4 unit4-c">二、</span><span
                            class="qyls-h4 unit4-c">起飞后的工作</span></h3>
                    <p class="p-odd">（1）在起飞后5～10分钟，广播员进行航线介绍的广播。</p>
                    <p class="p-odd">（2）飞机进入平飞后客舱乘务员打开卫生间，进行细微服务（打开/关闭阅读灯、为睡觉旅客盖上毛毯、为旅客调试耳机及调节通风器等）及补送书报杂志。</p>
                    <p class="p-odd">（3）厨房乘务员打开烧水器，准备餐前水车（摆放水车）；对热饮做好温度的控制。</p>
                    <p class="p-odd">（4）餐前饮料服务结束后，客舱乘务员回收用过的饮料杯及杂物。</p>
                    <p class="p-odd">（5）在客舱乘务员回收水杯的同时，厨房乘务员做好开餐准备，摆放好餐食。</p>
                    <p class="p-odd">（6）送餐。主动介绍餐食种类以便旅客选择，如餐食种类不能满足旅客需求，客舱乘务员应主动致歉并想办法做好弥补工作，让旅客满意。</p>
                    <p class="p-odd">（7）送餐中饮料（二次饮料）。</p>
                    <p class="p-odd">如旅客要求与之前不同的饮料，乘务员应主动为其更换新的水杯。</p>
                    <p class="p-odd">如旅客要求热饮，则尽量用餐盘内的密胺杯为其添加。</p>
                    <p class="p-odd">（8）添加饮料。</p>
                    <p class="p-odd">根据情况或航线时间可用水车也可直接端壶进行添加。</p>
                    <p class="p-odd">（9）回收餐盘。</p>
                    <p class="p-odd">回收时应先征得旅客同意再回收餐盘（图8-19、图8-20）。</p>
                    <div class="fl al-fe p-odd">
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0190-1.jpg" />
                            </p>
                            <p class="img">图8-19 回收餐盘1</p>
                        </span>
                        <span>
                            <p class="center openImgBox">
                                <img class="w80" alt="" src="../../assets/images/0190-2.jpg" />
                            </p>
                            <p class="img">图8-20 回收餐盘2</p>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 178页 -->
        <div class="page-box" page="186">
            <div v-if="showPageList.indexOf(186) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">178</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-float w210  openImgBox mt-10 p-even">
                        <img class="img-0" alt="" src="../../assets/images/0191-1.jpg" />
                        <p class="img">图8-21 提供选择性饮料</p>
                    </div>
                    <span>
                        <p>（10）清理客舱及卫生间卫生。</p>
                        <p>客舱乘务员携带大托盘回收剩下的水杯及杂物。</p>
                        <p>打扫卫生间，做到镜面、台面、地面没有污水，及时增补各种用品。</p>
                        <p>（11）巡视客舱，为旅客提供细微服务。航线较长时为旅客提供选择性饮料（图8-21）。</p>
                        <p>（12）客舱服务注意事项。</p>
                        <p>餐饮服务时，如有旅客睡觉，不能叫醒旅客而应当为其提供“睡眠卡”。</p>
                    </span>
                    <p class="p-even">在飞行阶段，乘务员注意随时保持客舱舒适、安静的环境。</p>
                    <p class="p-even">随时保持客舱、厨房、卫生间的整洁。</p>
                    <p class="p-even">如客舱设备发生故障要及时报告乘务长。</p>
                    <h3 id="c087" class="p-even"><span class="zt-h4 unit4-c">三、</span><span
                            class="qyls-h4 unit4-c">飞机下降过程中的工作</span></h3>
                    <p class="p-even">飞机着陆前30分钟开始下降，此时进行下降广播。乘务员根据各自号位职责完成飞机下降时的工作。</p>
                    <p class="p-even">（1）厨房的工作内容。</p>
                    <p class="p-even">①整理清洁服务用具、烤箱、储藏箱柜等。</p>
                    <div class="img-float w210  openImgBox mt-10 p-even">
                        <img class="img-0" alt="" src="../../assets/images/0191-2.jpg" />
                        <p class="img">图8-22 乘务员铅封供应品车</p>
                    </div>
                    <span>
                        <p>②清理供应品并归类放置，如执行的航班为本航程的最后一段，则应填写供应品回收单，铅封供应品车（图8-22）及其他储物柜。</p>
                        <p class="p-even">③倒掉不需要的饮料，咖啡、茶水不能倒入马桶内。</p>
                        <p class="p-even">④固定设备，关闭不必要的电源。</p>
                        <p class="p-even">⑤安全检查（同起飞前内容一样）。</p>
                        <p class="p-even">（2）客舱的工作内容。</p>
                        <p class="p-even">①回收、清理旅客用过的毛毯、枕头和阅读过的书报杂志等。</p>
                    </span>
                </div>
            </div>
        </div>
        <!-- 179页 -->
        <div class="page-box" page="187">
            <div v-if="showPageList.indexOf(187) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">179</li>
                </ul>
                <div class="bodystyle">
                    <p class="p-odd">②交还代为保管的衣服及小件物品。</p>
                    <p class="p-odd">③确认并告知特殊旅客下机的顺序（应于普通旅客之后下机）。</p>
                    <p class="p-odd">④安全检查（同起飞前内容一样）。</p>
                    <p class="p-odd">（3）客舱乘务员锁闭卫生间，乘务长调暗客舱灯光，所有乘务员入座准备着陆。</p>
                    <h3 id="c088" class="p-odd"><span class="zt-h4">四</span><span class="qyls-h4">飞机着陆后的工作</span></h3>
                    <p class="p-odd">（1）进行着陆后广播，客舱乘务员监控客舱（制止飞机未停稳就站起来提拿行李的旅客及打开手机的旅客）。</p>
                    <p class="p-odd">（2）飞机停稳后，根据乘务长指令解除滑梯预位，互检后报告乘务长。</p>
                    <p class="p-odd">（3）打开下机音乐送旅客下机。</p>
                    <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>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">客舱服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握航前准备阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFour.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对现代民航服务业的了解，为日后的工作奠定基础。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="5">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                掌握飞行实施阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="4" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.明确飞机起飞前的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.明确飞机起飞后的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                3.明确飞机下降过程中的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                4.明确飞机着陆后的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.树立良好的职业形象。<br />2.培养良好的规章意识。<br />3.培养良好的安全意识。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 180页 -->
        <div class="page-box" page="188">
            <div v-if="showPageList.indexOf(188) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">180</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">

                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l" valign="top">
                                ①人明确飞机起飞前的具体工作内容。
                            </td>
                            <td class="ta-l" valign="top">
                                ②明确飞机起飞后的具体工作内容。
                            </td>
                            <td class="ta-l" valign="top">
                                ③明确飞机下降过程中的具体工作内容。
                            </td>
                            <td class="ta-l" valign="top">
                                ④明确飞机着陆后的具体工作内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableFour.ten"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableFour.ten"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableFour.ten"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableFour.ten"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">能否列举出飞机起飞前的具体工作内容?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                能否列举出飞机起飞后的具体工作内容?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFour.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFour.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableFour.nine" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">5～6人组成一个乘务组并按区域职责划分相应号位，根据教师提供的航班信息，进入模拟舱，完成飞行实施阶段的工作流程。</p>
                    <textarea v-model="questionData.teskFour.two" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFour.three" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 181页 -->
        <div class="page-box" page="189">
            <div v-if="showPageList.indexOf(189) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="">
                    <li class="headerText">项目八</li>
                    <li class="headerText">客舱服务</li>
                    <li class="headerNumber">181</li>
                </ul>
                <div class="bodystyle">
                    <h2 id="b004" class="unit4-c p-odd">任务五<br />掌握航后讲评阶段工作流程</h2>
                    <div class="task-u4-c"></div>
                    <p class="left p-odd"><span class="bj2">任务描述▼</span></p>
                    <p class="p-odd block">在本任务中，请各位同学以准客舱乘务员的身份，结合项目八前四个任务的学习表现，对本组成员进行总结和点评。</p>
                    <textarea v-model="questionData.teskFive.one" placeholder="请输入内容" rows="6"
                        class="fz-16 block2 mr-9  textarea-box" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">知识准备▼</span></p>
                    <p class="p-odd">航后讲评阶段是指整个飞行服务工作结束后的讲评，也是总结和提高客舱乘务员服务工作的重要阶段。</p>
                    <p class="p-odd">
                        乘务长带领组员进行航后讲评，可以采取乘务长一一点评或者乘务员个人点评的方式，对当次航班的服务质量及各方面工作进行评价，对航班中出现的问题进行分析及总结。乘务员要如实反映航班中发生或发现的问题，及时向乘务长反映航班中的信息。乘务长须将当次航班完成情况如实填写在乘务日志上进行备案，以便有关部门查阅。
                    </p>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">项目</td>
                            <td class="ta-l" colspan="4">客舱服务</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务</td>
                            <td class="ta-l" colspan="4">
                                掌握航后讲评阶段工作流程
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center wh-no">负责导师</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFive.one" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center wh-no" colspan="2">截至日期</td>
                            <td class="ta-l" colspan="1">
                                <input v-model="tableData.teskTableFive.two" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务描述</td>
                            <td class="ta-l" colspan="4">
                                本工单依据民航服务的典型工作任务制定，主要面向民航服务岗位，增进学生对现代民航服务业的了解，为日后的工作莫定基础。
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- 182页 -->
        <div class="page-box" page="190">
            <div v-if="showPageList.indexOf(190) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">182</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
                </ul>
                <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">
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
                            <td class="ta-l" colspan="3">
                                了解航后讲评的内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" rowspan="2" colspan="1">关键成果</td>
                            <td class="ta-l" colspan="3">
                                1.了解航后讲评的大概内容。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="3">
                                2.明确航后讲评的意义。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">任务重点</td>
                            <td class="ta-l" colspan="4">
                                1.树立良好的职业形象。<br />2.培养良好的职业规范。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">主要内容</td>
                            <td class="ta-l" colspan="2" valign="top">
                                ①了解航后讲评的内容。
                            </td>
                            <td class="ta-l" colspan="2" valign="top">
                                ②明确航后讲评的意义。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center" colspan="">任务难度</td>
                            <td class="center">
                                <input value="a" type="radio" v-model="tableData.teskTableFive.ten"
                                    @change="setBookTableData" />
                                简单
                            </td>
                            <td class="center">
                                <input value="b" type="radio" v-model="tableData.teskTableFive.ten"
                                    @change="setBookTableData" />
                                一般
                            </td>
                            <td class="center">
                                <input value="c" type="radio" v-model="tableData.teskTableFive.ten"
                                    @change="setBookTableData" />
                                偏难
                            </td>
                            <td class="center">
                                <input value="d" type="radio" v-model="tableData.teskTableFive.ten"
                                    @change="setBookTableData" />
                                困难
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">完成确认</td>
                            <td class="center">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center">组长签字</td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.three" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">1</td>
                            <td class="ta-l" colspan="2">能否列举出航后讲评的内容?</td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.four" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.five" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">2</td>
                            <td class="ta-l" colspan="2">
                                是否明白航后讲评起到的积极作用?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.six" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableFive.seven" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                            <td class="center">3</td>
                            <td class="ta-l" colspan="2">
                                是否达到学习要求?
                            </td>
                            <td class="center">
                                <input v-model="tableData.teskTableFive.eight" class="table-input-border fz-14"
                                    @change="setBookTableData" />
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项：</p>
                                <p>1.请严格按照工单内容要求进行项目实践，不得随意更改流程。</p>
                                <p>2.在完成任务后，请进行自检，完成请打√。</p>
                                <p style="text-align: right">教师签字：
                                    <input v-model="tableData.teskTableFive.nine" class="input-bottom-border fz-14"
                                        @change="setBookTableData" />
                                </p>
                            </td>
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-even">5～6人组成一个乘务组并按区域职责划分相应号位，根据教师提供的航班信息，完成航后讲评阶段的工作流程。</p>
                    <textarea v-model="questionData.teskFive.two" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFive.three" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
        <!-- 183页 -->
        <div class="page-box mt-20" page="191" style="min-height: auto">
            <div v-if="showPageList.indexOf(191) > -1">
                <img class="img-0" alt="" src="../../assets/images/fengdi.png" />
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "chapterEight",
    props: {
        showPageList: {
            type: Array,
        },
    },
    data() {
        return {
            questionData: {
                teskOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                },
                teskTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                },
                teskThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
                teskFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableTwo: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableThree: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableFour: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
                teskTableFive: {
                    one: "",
                    two: "",
                    three: "",
                    four: "",
                    five: "",
                    six: "",
                    seven: "",
                    eight: "",
                    nine: "",
                    ten: "",
                    eleven: "",
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter08");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("aviation-book-chapter08-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter08",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter08-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>

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

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

@@ -104,11 +104,7 @@
        </div>
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">020</li>
                    <li class="header-left-text">民航概论（第 2 版）</li>
                </ul>
                <div style="padding: 0 97px">
                <div style="padding: 10% 97px">
                    <p class="td-0">
                        写力求文字简洁、通俗易懂。本教材体现“贴近社会生活、贴近民航服务工作实际、贴近学生特点”“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”原则，注重学生职业核心能力的培养。
                    </p>
@@ -144,11 +140,7 @@
        </div>
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">020</li>
                    <li class="header-left-text">民航概论（第 2 版）</li>
                </ul>
                <div style="padding: 0 97px">
                <div style="padding:10% 97px">
                    <p class="td-0">
                        学。本套教材既可供职业院校航空服务专业学生使用，也可作为民航企业员工培训教材或参考资料。
                    </p>

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

@@ -15,6 +15,8 @@
        <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
        <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive> 
        <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
        <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
        <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight>
      </div>
    </div>
  </template>
@@ -27,6 +29,8 @@
  import chapterFour from "./chapter004.vue";
  import chapterFive from "./chapter005.vue";
  import chapterSix from "./chapter006.vue";
  import chapterSeven from "./chapter007.vue";
  import chapterEight from "./chapter008.vue";
  import NoteIcon from "@/assets/images/biji.png";
  import _ from "lodash";
  import Swiper from "swiper/bundle";
@@ -37,7 +41,7 @@
    name: "pageContent",
    data() {
      return {
        catalogLength: 7, // 总章节数
        catalogLength: 9, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
@@ -162,7 +166,7 @@
  
      // 测试页面跳转
      setTimeout(() => {
        this.gotoPage(7,141);
        this.gotoPage(1,1);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
@@ -720,7 +724,9 @@
          chapterThree,
          chapterFour,
          chapterFive,
          chapterSix
          chapterSix,
          chapterSeven,
          chapterEight
        };
        // 遍历所有章节文件
        for (const key in pageData) {
@@ -947,7 +953,9 @@
      chapterThree,
      chapterFour,
      chapterFive,
      chapterSix
      chapterSix,
      chapterSeven,
      chapterEight
    },
  };
  </script>

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

Binary files differ

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

Binary files differ

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

Binary files differ

 src/books/aviationSafety/assets/Fonts/boYa.ttf

Binary files differ

 src/books/aviationSafety/assets/Fonts/fangSong.ttf

Binary files differ

 src/books/aviationSafety/assets/Fonts/fangZheng.ttf

Binary files differ

 src/books/aviationSafety/assets/Fonts/zhongdengxian.ttf

Binary files differ

 src/books/aviationSafety/assets/Fonts/zhunyuan.ttf

Binary files differ

 src/books/aviationSafety/assets/images/0012-1.jpg

 src/books/aviationSafety/assets/images/0013-1.jpg

 src/books/aviationSafety/assets/images/0017-1.jpg

 src/books/aviationSafety/assets/images/0024-1.jpg

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

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

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

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

 src/books/aviationSafety/assets/images/0033-1.jpg

 src/books/aviationSafety/assets/images/0038-1.jpg

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

 src/books/aviationSafety/assets/images/0039-2.jpg

 src/books/aviationSafety/assets/images/0041-1.jpg

 src/books/aviationSafety/assets/images/0041-2.jpg

 src/books/aviationSafety/assets/images/0042-1.jpg

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

 src/books/aviationSafety/assets/images/0044-1.jpg

 src/books/aviationSafety/assets/images/0045-1.jpg

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

 src/books/aviationSafety/assets/images/0052-1.jpg

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

 src/books/aviationSafety/assets/images/0054-1.jpg

 src/books/aviationSafety/assets/images/0055-1.jpg

 src/books/aviationSafety/assets/images/0056-1.jpg

 src/books/aviationSafety/assets/images/0056-2.jpg

 src/books/aviationSafety/assets/images/0057-1.jpg

 src/books/aviationSafety/assets/images/0057-2.jpg

 src/books/aviationSafety/assets/images/0058-1.jpg

 src/books/aviationSafety/assets/images/0058-2.jpg

 src/books/aviationSafety/assets/images/0059-1.jpg

 src/books/aviationSafety/assets/images/0059-2.jpg

 src/books/aviationSafety/assets/images/0061-1.jpg

 src/books/aviationSafety/assets/images/0061-2.jpg

 src/books/aviationSafety/assets/images/0062-1.jpg

 src/books/aviationSafety/assets/images/0062-2.jpg

 src/books/aviationSafety/assets/images/0064-1.jpg

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

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

 src/books/aviationSafety/assets/images/0066-2.jpg

 src/books/aviationSafety/assets/images/0068-1.jpg

 src/books/aviationSafety/assets/images/0069-1.jpg

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

 src/books/aviationSafety/assets/images/0073-1.jpg

 src/books/aviationSafety/assets/images/0074-1.jpg

 src/books/aviationSafety/assets/images/0075-1.jpg

 src/books/aviationSafety/assets/images/0075-2.jpg

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

 src/books/aviationSafety/assets/images/0077-1.jpg

 src/books/aviationSafety/assets/images/0077-2.jpg

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

 src/books/aviationSafety/assets/images/0078-2.jpg

 src/books/aviationSafety/assets/images/0079-1.jpg

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

 src/books/aviationSafety/assets/images/0081-1.jpg

 src/books/aviationSafety/assets/images/0082-1.jpg

 src/books/aviationSafety/assets/images/0082-2.jpg

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

 src/books/aviationSafety/assets/images/0085-1.jpg

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

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

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

 src/books/aviationSafety/assets/images/0089-1.jpg

 src/books/aviationSafety/assets/images/0093-1.jpg

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

 src/books/aviationSafety/assets/images/0094-1.jpg

 src/books/aviationSafety/assets/images/0095-1.jpg

 src/books/aviationSafety/assets/images/0096-1.jpg

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

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

 src/books/aviationSafety/assets/images/0100-1.jpg

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

 src/books/aviationSafety/assets/images/0102-1.jpg

 src/books/aviationSafety/assets/images/0103-1.jpg

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

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

 src/books/aviationSafety/assets/images/0105-2.jpg

 src/books/aviationSafety/assets/images/0106-1.jpg

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

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

 src/books/aviationSafety/assets/images/0108-1.jpg

 src/books/aviationSafety/assets/images/0108-2.jpg

 src/books/aviationSafety/assets/images/0109-1.jpg

 src/books/aviationSafety/assets/images/0110-1.jpg

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

 src/books/aviationSafety/assets/images/0116-2.jpg

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

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

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

 src/books/aviationSafety/assets/images/0123-1.jpg

 src/books/aviationSafety/assets/images/0124-1.jpg

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

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

 src/books/aviationSafety/assets/images/0131-1.jpg

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

 src/books/aviationSafety/assets/images/0132-2.jpg

 src/books/aviationSafety/assets/images/0133-1.jpg

 src/books/aviationSafety/assets/images/0134-1.jpg

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

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

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

 src/books/aviationSafety/assets/images/0137-2.jpg

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

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

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

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

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

 src/books/aviationSafety/assets/main.less

New file
@@ -0,0 +1,1837 @@
.aviationSafety-book {
    width: 100%;
    height: 100%;

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

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

    .c-g {
        color: green;
    }

    .c-r {
        color: red;
    }

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

    .mr-0 {
        margin: 0;
    }

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

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

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

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

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

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

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

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

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

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

    .w100 {
        width: 100%;
    }

    .w90 {
        width: 90%;
    }


    .w80 {
        width: 80%;
    }

    
    .b0 {
        border: 0;
    }

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

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

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

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

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

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


    .img-0 {
        width: 100%;
    }

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

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

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

    .fl {
        display: flex;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .headerImg {
        width: 30px;
    }

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

    .headerNumber {
        color: #231F20;
        font-size: 12px;
        padding: 0 8px;
        border-left: 1px solid #231F20;
    }

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

    .header-left-text {
        margin-left: 8px;
        font-size: 12px;
        color: #fff;
        background-color: #6D84AE;
    }



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

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

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

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

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

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

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

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



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

        img {
            width: 100%;
        }

        p {
            margin: 0;
        }
    }


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

        p {
            margin: 0;
        }
    }

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

        img {
            width: 100%;
        }

        p {
            margin: 0 !important;
        }
    }

    .references {
        margin-top: 140px;

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

    .w395 {
        width: 395px;
    }

    .w430 {
        width: 430px;
    }

    .w300 {
        width: 300px;
    }

    .w290 {
        width: 290px;
    }

    .w280 {
        width: 280px;
    }

    .w270 {
        width: 270px;
    }

    .w250 {
        width: 250px;
    }

    .w230 {
        width: 230px;
    }

    .w220 {
        width: 220px;
    }

    .w210 {
        width: 210px;
    }

    .w200 {
        width: 200px;
    }

    .w180 {
        width: 180px;
    }

    .w170 {
        width: 170px;
    }

    .w160 {
        width: 160px;
    }

    .w150 {
        width: 150px;
    }

    .w135 {
        width: 135px;
    }

    .w115 {
        width: 115px;
    }


    .w40 {
        width: 40% !important;
    }

    .w25 {
        width: 25%;
    }

    .w20 {
        width: 20%;
    }

    .w15 {
        width: 15%;
    }

    .w10 {
        width: 10%;
    }


    .table-th-bc {
        background-color: #BCC7DE;
        line-height: 25px;
    }

    .table-tr-bc {
        background-color: #E7DFEC;
        line-height: 25px;
        p {
            text-indent: 0em;
            line-height: 20px;
        }
    }

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

        &:focus {
            outline: none;
        }
    }

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

        &:focus {
            outline: none;
        }
    }


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

        &:focus {
            outline: none;
        }
    }

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


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

        img {
            width: 100%;
        }

        p {
            margin: 0 !important;
        }
    }



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

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

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

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

                span {
                    font-size: 14px;
                    text-align: center;
                    font-family: 'FZLTXIHJW';
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;

                    svg {
                        fill: #6D84AE;
                    }
                }

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

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

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

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

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


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

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

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

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

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

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

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

        &:focus {
            outline: none;
        }
    }

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

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

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

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

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

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

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

    ul {
        list-style-type: none;
    }

    li {
        list-style-type: none;
    }

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

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

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


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

    }

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

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

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

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

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



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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


    }

    .note {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

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

    .block1 {
        text-align: center;
    }

    .block2 {
        font-family: "FANGSONG";
        font-size: 17px;
    }

    .img {
        font-family: 'FZLTXIHJW';
        text-align: center;
        font-size: 12px;
        margin-left: 0%;
        margin-right: 0%;
        text-indent: 0em;
    }

    .img1 {
        font-family: 'FZLTXIHJW';
        text-align: right;
        font-size: 0.85em;
        margin-left: 0%;
        margin-right: 2em;
        text-indent: 0em;
    }


    p {
        font-family: "BOYA";
        margin-top: 0.2em;
        margin-bottom: 0.2em !important;
        text-indent: 2em;
        line-height: 30px;
        text-align: justify;
    }

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

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

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

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

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

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

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

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

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

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

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

    h1 {
        color: #6E85AF;
        font-family: 'FZLTZHJW';
        font-weight: 100;
        line-height: 2em;
        font-size: 2.4em;
        margin-bottom: 1px !important;
        margin-top: 1em;
    }


    .h1-bj {
        font-family: 'ZHUNYUAN';
        font-weight: 100;
        color: #FFFFFF;
        background-color: #6E85AF;
        padding: 0.3em 0.5em 0.3em 0.5em;
        margin-left: -0.2em;
    }

    .h1-bk {
        font-family: 'FANGZHENG';
        box-shadow: inset 0em 0.1em 0em 0em #C3C2C0;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: none;
        padding: 0.1em 0.8em 0.1em 0.5em;
        font-weight: bold;
        color: #000000;
        margin-bottom: 1em;
        margin-top: 1em;
    }

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

    .front {
        font-family: 'FZLTZHJW';
        font-weight: 400;
        font-size: 1.6em;
        color: #6D84AE;
        margin-top: 1.5em;
        margin-bottom: 3em;
        text-indent: 0em;
        text-align: center;
        line-height: 40px;
    }


    h2 {
        font-family: 'FZHTJW';
        color: #6E85AF;
        font-weight: bold;
        font-size: 1.6em;
        margin-bottom: 1em;
        margin-top: 2em;
        border-bottom: 0.3em solid #6E85AF;
        margin-bottom: 2em;
        text-indent: 0em;
        display: inline-block;
    }

    h3 {
        font-family: 'FZHTJW';
        color: #6E85AF;
        font-weight: 100;
        font-size: 1.3em;
        margin-bottom: 1em;
        margin-top: 1em;
        text-indent: 0em;
    }

    h4 {
        font-family: 'FZHTJW';
        font-weight: bold;
        margin-bottom: 0.5em;
        margin-top: 1em;
        font-size: 1.1em;
        text-indent: 2em;
    }

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

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

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

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

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

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

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

    .u {
        text-decoration: underline;
    }

    .u {

        text-decoration: underline;
    }

    .img-0 {
        width: 100%;
    }

    .img-a {
        width: 95%;
    }

    .img-b {
        width: 70%;
    }

    .img-c {
        width: 60%;
    }

    .img-d {
        width: 50%;
    }

    .img-e {
        width: 45%;
    }

    .img-f {
        width: 40%;
    }

    .img-g {
        width: 30%;
    }

    .img-h {
        width: 20%;
    }

    .img-i {
        width: 10%;
    }

    .img-j {
        width: 5%;
    }

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

        p{
            font-family: ZHONGDENGXIAN;
        }

        span{
            font-family: ZHUNYUAN;
        }
    }

    p.bj1-qjms {
        background-color: #fff;
        color: #FAAD70;
        font-weight: bold;
        border-radius: 1.5em;
        margin-left: 0em;
        text-align: center;
        text-indent: 0em;
        position: absolute;
        top: -19px;
    }

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

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



    .bk1 {
        border: 0.15em dotted #F89C1C;
        padding: 0.5em;
        margin-bottom: 2em;
        margin-top: 0.5em;
        border-radius: 1em;
        position: relative;
    }

    .bj {
        background-color: #E1E7F3;
        padding: 0.2em 0.8em 0.2em 0.8em;
    }

    .bj2 {
        background-color: #6D84AE;
        padding: 0.2em 0.3em 0.2em 0.3em;
        font-weight: bold;
        border-radius: 0.5em;
        color: #FFFFFF;
    }

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



    .bj3 {
        background-color: #F1F5E7;
        padding: 20px 10px 10px 10px;
        border-radius: 10px;
        margin-bottom: 10px;
        margin-top: 40px;
        position: relative;
    }

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

    }

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

    }

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

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

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

    .bj4 {
        background-color: #D7E2F0;
        padding: 10px 20px;
        border-radius: 0.1em;
        margin-bottom: 1em;
        margin-top: 1em;

    }

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

    .bj4-xyx-pd {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        padding: 22px 10px 22px 10px;
        background-color: #5192C6;
        margin-right: 10px;
        border-radius: 5px;
        flex-wrap: nowrap;
    }

    .bj4-xyx-icon {
        color: #5192C6;
        text-wrap: nowrap;
    }

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

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

    }

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

    }

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

        .zt-cs {
            color: #F89C1C;
        }

    }

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

    }

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-dialog {
    overflow: hidden !important;

    .el-dialog__body {
        padding: 0;
    }

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


        .img-float {
            width: 130px;
        }

        .img-rights {
            width: 130px;
        }

        .btn-w {
            width: 42px;
        }
    }
}

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

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

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

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

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

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

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

New file
@@ -0,0 +1,362 @@
<template>
    <div class="chapter" num="2">
        <!-- 1页 -->
        <div class="page-box" page="8">
            <div v-if="showPageList.indexOf(8) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">了解民航安全</li>
                    <li class="headerNumber">01</li>
                </ul>
                <div class="bodystyle p-even">
                    <h1 id="a007"><span class="h1-bj">项目一</span><span class="h1-bk">了解民航安检</span></h1>
                    <p><br></p>
                    <div class="bk">
                        <p class="bj1-qjms fl al-c"><span class="span-box"></span><span
                                class="span-text">项目导入</span><span class="span-box"></span></p>
                        <p class="fz-15">
                            在繁忙的机场，我们经常看到飞机在跑道上起飞和降落，但是很少了解保障飞机安全飞行的重要环节——民航安检。今天，我们就来一起探索民航安检，了解这一行业的工作内容、职责和重要性。</p>
                        <p class="fz-15">
                            民航安检是保障飞行安全的第一道防线。它涉及多个方面的内容，包括对旅客、行李、货物、机组的检查，以及对航空器的外围环境、跑道、停机位等的安全检查。这些检查看似烦琐，却是必不可少的，因为任何一点疏忽都可能导致无法挽回的后果。
                        </p>
                    </div>
                    <p>那么，如何进行有效的民航安检呢？安检员需要具备哪些知识和技能？他们在工作中又是如何发现和排除安全隐患的呢？接下来，我们将逐一解答这些问题，带你全面了解民航安检的基础知识。</p>
                    <p class="left mb-20 mt-20"><span class="bj2">·项目导图·</span></p>
                    <p class="left openImgBox"><img class="img-b" alt="" src="../../assets/images/0012-1.jpg" /></p>
                    <div class="pdf-text">
                        <div class="pdf-con">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                                        <path
                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                                            p-id="11010"></path>
                                    </svg>
                                </span>
                                <span @click="toUrl(1)">任务一 我国安检产生的国内外因素.pdf</span>
                            </div>
                        </div>
                    </div>
                    <p class="left mb-20 mt-20"><span class="bj2">·学习初体验·</span></p>
                    <p class="block">活动步骤如下：</p>
                    <p class="block">1.将同学们分成若干小组，每个小组5～6人。</p>
                    <p class="block">2.每个小组在实训室做准备，要求实训室包含机场安检设备，如安检门、X射线安全检查仪、手持金属探测器等。</p>
                    <p class="block">3.轮流扮演安检员和旅客的角色，对其他小组成员进行安检。</p>
                    <p class="block">4.在体验过程中，要注意观察和记录安检流程、安检设备的使用方法以及安检员与旅客的沟通方式等。</p>
                    <p class="block">5.体验结束后，开展讨论和总结，分享在体验中发现的问题和不足，并提出改进建议。</p>
                    <p class="block">
                        通过这个活动，可以亲身体验民航安检的过程，更好地理解安检的流程和要求。同时，也可以在实践
                    </p>
                </div>
            </div>
        </div>
        <!-- 2页 -->
        <div class="page-box" page="9">
            <div v-if="showPageList.indexOf(9) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">02</li>
                    <li class="header-left-text">民航安全检查实务（第 2 版）</li>
                </ul>
                <div class="bodystyle p-odd">
                    <p class="block td-0">
                        中发现和解决问题，提高自己的安全意识和责任心。同学们可以观看一些优秀安检员的工作照片或视频，了解安检员的工作状态和工作要求，进一步加深对民航安检基础知识的理解。
                    </p>
                    <h2 id="b001">任务一<br />了解民航安全检查发展史</h2>
                    <p class="left mb-20 mt-20"><span class="bj2">·任务描述·</span></p>
                    <p>1933年，一架美联航的波音247飞机在印第安纳州切斯特镇附近的空中爆炸，造成了3名机组成员和4名旅客丧生。根据目击者的描述，飞机是在空中突然爆炸，变成了一个火球。警方和航空公司随即对这起空难展开了调查，并且在残骸中发现了大量硝化甘油的残留痕迹，证实这是一起蓄意的破坏事件，但是介于当时的刑侦手段有限，这起案件最终成为了一件无头公案。这就是民航历史上第一起飞机爆炸案。
                    </p>
                    <p>通过这个任务描述，可以了解民航安全检查的必要性，以及民航安全检查在保障飞行安全方面的重要作用。同时，也可以理解民航安全检查工作的历史背景和发展趋势。</p>
                    <p class="left mb-20 mt-20"><span class="bj2">·学习任务单·</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
                        <tr class="table-th-bc">
                            <td class="center" rowspan="3">任务目标</td>
                            <td class="center">知识目标</td>
                            <td class="ta-l">1.了解国际上民航安全检查的发展历程;<br />2.了解我国民航安全检查的发展历程。</td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">能力目标</td>
                            <td class="ta-l">
                                1.能够分析民航安全检查的重要性和必要性;<br />
                                2.能够描述民航安全检查的工作流程和操作方法;<br />
                                3.能够运用相关知识解决实际工作中的问题。
                            </td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">索养目标</td>
                            <td class="ta-l">
                                1.培养对民航安全检查的责任感;<br />
                                2.培养对民航安全检查的积极态度。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">思政融入</td>
                            <td class="ta-l" colspan="2">
                                1、培养爱国主义情感，增强国家意识和法治意识;<br />
                                2.培养严谨细致、认真负责的工作态度;<br />
                                3.培养创新精神和实践能力，为国家航空事业的发展作出贡献。
                            </td>
                        </tr>
                        <tr class="table-th-bc">
                            <td class="center">学习时数</td>
                            <td class="ta-l" colspan="2">
                                建议学习时间为1~2学时，可以根据实际需要进行调整
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">学习建议</td>
                            <td class="ta-l" colspan="2">
                                1、提前预习相关知识，了解历史上的民航安全事故，理解民航安全检查工作的重要性;<br />
                                2.对最新的民航安全检查技术和方法进行研究和探讨，培养创新思维。
                            </td>
                        </tr>
                    </table>

                </div>
            </div>
        </div>
        <!-- 3页 -->
        <div class="page-box" page="10">
            <div v-if="showPageList.indexOf(10) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">了解民航安全</li>
                    <li class="headerNumber">03</li>
                </ul>
                <div class="bodystyle p-even">
                    <p class="continued fz-14 p-odd">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #fff; border-collapse: collapse" class="fz-14 img-0">
                        <tr class="table-th-bc">
                            <td class="center w15">学习运用</td>
                            <td class="ta-l" colspan="2">
                                进行小组讨论，总结民航安全检查的发展历史，并探讨民航安全检查的最新发展情况和未来发展趋势，以便在未来工作中树立风险责任意识。
                            </td>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center w15">学习反思</td>
                            <td class="center">
                                <textarea v-model="tableData.teskTableOne.one" placeholder="请输入内容" rows="6"
                                    class="img-0 b0 table-textarea textarea-box" @change="setBookTableData"></textarea>
                            </td>
                        </tr>
                    </table>
                    <p class="left mt-20 mb-20"><span class="bj2">·知识准备·</span></p>
                    <h3 id="c001">一、国际上民航安检的产生和发展</h3>
                    <h4 id="d001">（一）国际上民航安检的产生</h4>
                    <p>20世纪60年代末期，劫炸机事件直线上升，劫炸机范围迅速扩大。劫炸机事件的频繁发生，严重影响了航空业的正常运输和经营，危及旅客、机组人员的生命财产安全，成为一个国际性问题。据国际航空运输协会的不完全统计，1969年至1979年的十年间，在劫炸机事件中被扣作人质的达37756人，死亡1600人，受伤1045人，在死亡人员中，有的是惨遭杀害的，有的是飞机在空中爆炸或人为破坏致使飞机失事造成的。
                    </p>
                    <p>劫炸机事件的不断发生引起了国际社会的高度重视，联合国和国际民航组织严厉谴责非法劫持和其他危害民航安全的行为，呼吁加强国际合作，积极采取有效措施，制止这类事件的发生。各国政府为确保飞机和旅客、机组人员的安全，维护国家的声望和航空公司的声誉，开始设置安全检查岗位。安全检查首先在航空运输业比较发达的国家产生，随后发展成全球性的航空安全保卫措施。
                    </p>
                    <h4 id="d002">（二）国际上民航安检的发展概况</h4>
                    <p>国际上安全检查的发展经历了由点到面、由手工到仪器检查的过程，从检查的方式手段看大体可分为四个阶段。</p>
                    <p>第一阶段，手工检查阶段。从1970年开始，安全检查工作首先在美国、日本等国家的主要机场实施，检查的方式是用双手触摸旅客的身体，手动开箱包检查旅客的行李，整个检查全部用手，没有任何仪器。</p>
                    <p>第二阶段，从手工检查到仪器检查的过渡阶段。1973年美国率先在主要国际机场使用仪器检查，次年日本也在一些大的机场安装了检查仪器，紧接着法国、瑞士、英国等也积极效仿，开始使用仪器配合检查，这一阶段的主要特点是仪器检查和手工检查并用，仪器检查只是在几个先进的国家的一些繁忙的大机场被使用，至于旅客流量不大的中小机场，大多还是用手检查。
                    </p>
                </div>
            </div>
        </div>
        <!-- 4页 -->
        <div class="page-box" page="11">
            <div v-if="showPageList.indexOf(11) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">04</li>
                    <li class="header-left-text">民航安全检查实务（第 2 版）</li>
                </ul>
                <div class="bodystyle p-odd">
                    <p>第三阶段，仪器检查普及阶段。随着科学技术的发展，安全检查仪器的质量不断提高，X射线安全检查仪从单能量逐步发展成多能量，反映在监视器荧光屏上的图像越来越清晰，并且有立体感，使人较容易辨别行李中的各种物品。仪器检查很快成为机场安全检查的主要手段。与此同时，安全检查的组织机构也日趋严密和完善，美国的机场把安全公司作为专门机构，法国、瑞士等国家的安全检查则由内务部和国防部共同负责。
                    </p>
                    <p>第四阶段，从一般仪器检查到新型多功能检查仪的过渡阶段。起初世界各国使用的X射线安全检查仪主要用于检查藏匿的枪支、子弹、匕首、炸弹等金属性的危险物品。近年来劫机者、恐怖分子为了逃避检查，改用非金属性的危险物品，特别是塑性炸药进行劫炸机活动。国际民航组织越来越重视“防炸机”这个新课题，目前已有多种能探测出非金属爆炸物的化学分析仪器研制成功，并在一些机场投入使用。
                    </p>
                    <h3 id="c002">二、我国民航安检的产生和发展</h3>
                    <h4 id="d003">（一）我国民航安检的产生</h4>
                    <p>20世纪50年代，周恩来总理指示民航要“保证安全第一，改善服务工作，争取飞行正常”。我国民航部门长期以此为工作方针，始终坚定不移地执行，坚持把安全工作放在首位，在国际航线上未发生等级飞行事故，飞行安全记录在国际上处于领先行列。
                    </p>
                    <p>20世纪70年代初期，国际上航空运输业发达的国家在机场开始使用安全检查仪器。我国虽然没有劫持民航飞机的事件发生，但我国政府已意识到预防劫机事件发生的重要性，开始提出机场安全检查的问题，并着手进行思想上和物质上的准备。随后，公安部下发了关于对外开放机场实施安全检查的通知，指出在开放机场设置技术器材，加强安全检查工作，以北京、上海两市的机场为重点，逐步安装、建设、实施安全技术检查。为落实通知要求，公安部首先给北京首都机场安装了金属探测器，还准备安装X射线安全检查仪和监控设备，自此我国的民航安全检查产生了。
                    </p>
                    <h4 id="d004">（二）我国民航安检的发展概况</h4>
                    <p>从体制变化和发展过程来看，中国民航安全检查大致可分为五个阶段。</p>
                    <p>第一阶段，1981年4月至1981年11月。在部分国际机场，边防检查部门负责对乘坐国际航班的旅客及其携带的行李物品实施安全检查。此阶段我国仅仅对乘坐国际航班的旅客实行安全检查，航空安全仍难以保证。
                    </p>
                    <p>第二阶段，1981年12月至1983年6月。我国境内的民用机场，由民航公安保卫部门负责对乘坐民航国内航班的旅客及其携带的行李物品实施安全检查。此阶段安全检查工作虽然已经全面开展，涉及面较广，但仪器设备、规章制度、队伍管理等都处在初级阶段，尚有许多漏洞。
                    </p>
                    <p>第三阶段，1983年7月至1992年3月。针对“5·5劫机事件”，武警部队先后组建56个机场安全检查站，接手民航公安保卫部门负责的国内航班安全检查工作，以武装警卫的形式对所有乘坐飞机的旅客及其
                    </p>
                </div>
            </div>
        </div>
        <!-- 5页 -->
        <div class="page-box" page="12">
            <div v-if="showPageList.indexOf(12) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
                    <img class="headerImg mr-10" src="../../assets/images/headerlogo.png" alt="" />
                    <li class="headerText">项目一</li>
                    <li class="headerText">了解民航安全</li>
                    <li class="headerNumber">05</li>
                </ul>
                <div class="bodystyle p-even">
                    <p class="td-0">
                        携带的行李物品进行安全检查，并负责隔离区的安全管理和出（过）港飞机在客机坪停留期间的监护任务。同时，考虑到加强和改善民航安全保卫工作需要一定的时间，武警部队还采取了临时性的紧急措施，限定乘坐民航班机的人员必须是县团级及以上的干部和经过批准的陪同外宾、华侨、港澳同胞的翻译及其他工作人员。
                    </p>
                    <p>第四阶段，1992年4月至2002年2月。20世纪90年代，由武警部队负责民航安检工作已经不再适应国家的发展形势，为理顺民航机场安全管理方面的关系，国务院决定将民航安检工作移交给民航总局，由民航总局下属的各机场负责安检。
                    </p>
                    <p>第五阶段，2002年3月至今。2002年3月，国务院从我国民航业的实际出发，按照市场取向，深化民航体制改革，提出政企分开、转变职能、机场下放、属地管理等改革目标，实现企业与政府主管部门脱钩，机场属地化管理。自此，民航安检机构随机场下放，由属地各机场负责，民航行政机关依法对民航安检工作履行行业监管职能。
                    </p>
                    <p class="left mt-20 mb-20"><span class="bj2">·效果检测·</span></p>
                    <p>1.国际民航安全检查的起源是。</p>
                    <p> <input type="checkbox" name="ball1" :disabled="questionData.isComplete" value="A" id="1"
                        v-model="questionData.checkOne.value" @change="setBookQuestion" />A.20世纪60年代末的劫炸机事件</p>
                    <p> <input type="checkbox" name="ball2" :disabled="questionData.isComplete" value="B" id="2"
                        v-model="questionData.checkOne.value" @change="setBookQuestion" />B.联合国和国际民航组织的决议</p>
                    <p> <input type="checkbox" name="ball3" :disabled="questionData.isComplete" value="C" id="3"
                        v-model="questionData.checkOne.value" @change="setBookQuestion" />C.加强国际合作，积极采取有效措施</p>
                    <p> <input type="checkbox" name="ball4" :disabled="questionData.isComplete" value="D" id="4"
                        v-model="questionData.checkOne.value" @change="setBookQuestion" />D.航空运输业比较发达国家的政府、机场和航空公司</p>
                    <p>2.国际民航安全检查的第二阶段是。</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="A" id="1"
                        v-model="questionData.checkTwo.value" @change="setBookQuestion" />A.手工检查</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="B" id="2"
                        v-model="questionData.checkTwo.value" @change="setBookQuestion" />B.仪器检查普及</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="C" id="3"
                        v-model="questionData.checkTwo.value" @change="setBookQuestion" />C.手工检查到仪器检查的过渡</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="D" id="4"
                        v-model="questionData.checkTwo.value" @change="setBookQuestion" />D.从一般仪器检查到新型多功能检查仪的过渡</p>
                    <p>3.国际民航安全检查的第四阶段使用了哪些设备？</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="A" id="1"
                        v-model="questionData.checkThree.value" @change="setBookQuestion" />A.金属探测器和X射线安全检查仪</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="B" id="2"
                        v-model="questionData.checkThree.value" @change="setBookQuestion" />B.CT机</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="C" id="3"
                        v-model="questionData.checkThree.value" @change="setBookQuestion" />C.车底检查仪</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="D" id="4"
                        v-model="questionData.checkThree.value" @change="setBookQuestion" />D.手工检查</p>
                    <p>4.下列选项中，不属于中国民航安全检查第三阶段的是。</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="A" id="1"
                        v-model="questionData.checkFour.value" @change="setBookQuestion" />A.考虑到“5·5劫机事件”，武警部队先后组建56个机场安全检查站</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="B" id="2"
                        v-model="questionData.checkFour.value" @change="setBookQuestion" />B.武警部队负责机场安全检查工作已经属于初级阶段</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="C" id="3"
                        v-model="questionData.checkFour.value" @change="setBookQuestion" />C.以武装警卫的形式对所有乘坐飞机的旅客及其携带的行李物品进行安全检查，并负责隔离区的安全管理和出（过）港飞机在客机坪停留期间的监护任务</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="D" id="4"
                        v-model="questionData.checkFour.value" @change="setBookQuestion" />D.考虑到加强和改善民航安全保卫工作需要一定的时间，武警部队还采取了临时性的紧急措施</p>
                </div>
            </div>
        </div>
        <!-- 6页 -->
        <div class="page-box" page="13">
            <div v-if="showPageList.indexOf(13) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">06</li>
                    <li class="header-left-text">民航安全检查实务（第 2 版）</li>
                </ul>
                <div class="bodystyle p-odd">
                    <p>5.下列选项中，不属于中国民航安全检查第一阶段特点的是。</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="A" id="1"
                        v-model="questionData.checkFive.value" @change="setBookQuestion" />A.对旅客携带的行李物品实施安全检查</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="B" id="2"
                        v-model="questionData.checkFive.value" @change="setBookQuestion" />B.尚有许多漏洞</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="C" id="3"
                        v-model="questionData.checkFive.value" @change="setBookQuestion" />C.仪器设备、规章制度、队伍管理等都处在初级阶段</p>
                    <p><input type="checkbox" name="ball5" :disabled="questionData.isComplete" value="D" id="4"
                        v-model="questionData.checkFive.value" @change="setBookQuestion" />D.仅仅对乘坐国际航班的旅客实施安全检查</p>
                </div>
            </div>
        </div>
        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
    </div>
</template>

<script>
import preView from '@/components/pdfview/index.vue'
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
    },
    components: {
        preView,
    },
    data() {
        return {
            pdfDialogRef: "",
            somePdfTitleValue: '',
            p_md5: '',
            dialogVisible: false,
            questionData: {
                isComplete: false,
                checkOne:{
                    value: [],
                },
                checkTwo:{
                    value: [],
                },
                checkThree:{
                    value: [],
                },
                checkFour:{
                    value: [],
                },
                checkFive:{
                    value: [],
                },
            },
            tableData: {
                teskTableOne: {
                    one: "",
                },
            },
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: '67188c3a6418ce05cac4da9efbadcb2c',
                        name: '任务一 我国安检产生的国内外因素',
                    },
                    2: {
                        md5: '6b3cc4a93f5db764097cb743bffecec6',
                        name: '任务二 职业道德的产生和发展',
                    },
                },
            },
        };
    },
    mounted() {
        const bookQuestion = localStorage.getItem("safety-book-chapter01");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const bookTableData = localStorage.getItem("safety-book-chapter01-tableData");
        if (bookTableData) {
            this.tableData = JSON.parse(bookTableData);
        }

    },
    methods: {
        setBookQuestion() {
            localStorage.setItem(
                "safety-book-chapter01",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "safety-book-chapter01-tableData",
                JSON.stringify(this.tableData)
            );
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter001.pdfMd5[val].md5
                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name
                this.$refs.pdfDialogRef.openDialog()
            }
        },
    },
};
</script>

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

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

New file
@@ -0,0 +1,194 @@
<template>
    <div class="chapter" num="1">
        <!-- 封面 -->
        <div class="page-box mt-30" page="1" style="min-height: auto">
            <div v-if="showPageList.indexOf(1) > -1">
                <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
            </div>
        </div>
        <!-- 扉页 -->
        <div class="page-box" page="2" style="min-height: auto">
            <div v-if="showPageList.indexOf(2) > -1">
                <img class="img-0" alt="" src="../../assets/images/feiye.png" />
            </div>
        </div>
        <!-- 介绍页面 -->
        <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;">
                    <hr />
                    <p class=""><b>图书在版编目（CIP）数据</b></p>
                    <p class="left3 block mr-0">民航安全检查实务/魏全斌主编.—2版.—北京：北京师范大学出版社，2024.9</p>
                    <p class="left3 block">职业教育航空运输类专业“产教融合”新形态教材/魏全斌主编</p>
                    <p class="left3 block">ISBN 978-7-303-29787-0</p>
                    <p class="left3 block mt-20">Ⅰ.①民… Ⅱ.①魏… Ⅲ.①民航运输－安全检查－职业教育－教材 Ⅳ.①F560.81</p>
                    <p class="left3 block mt-20">中国国家版本馆CIP数据核字（2024）第034284号</p>
                    <hr />
                    <p><br /></p>
                    <p><br /></p>
                    <p><br /></p>
                    <p class="left block mt-20">教材意见反馈　zhijiao@bnupg.com</p>
                    <p class="left block">营销中心电话　010-58802755 58800035</p>
                    <p class="left block">编&ensp;辑　电&ensp;话　010-58802751</p>
                    <hr />
                    <p class="left block">出版发行：北京师范大学出版社 www.bnupg.com</p>
                    <p class="left block">　　　　　北京市西城区新街口外大街12-3号</p>
                    <p class="left block">　　　　　邮政编码：100088</p>
                    <p class="left block">印　　刷：三河市兴达印务有限公司</p>
                    <p class="left block">经　　销：全国新华书店</p>
                    <p class="left block">开　　本：787mm×1092mm　1/16</p>
                    <p class="left block">印　　张：8.5</p>
                    <p class="left block">字　　数：200千字</p>
                    <p class="left block">版　　次：2024年9月第2版</p>
                    <p class="left block">印　　次：2024年9月第1次印刷</p>
                    <p class="left block">定　　价：35.00元</p>
                    <hr />
                    <p class="left block">策划编辑：王云英　　　　　　　　　责任编辑：王贺萌</p>
                    <p class="left block">美术编辑：焦　丽　　　　　　　　　装帧设计：焦　丽</p>
                    <p class="left block">责任校对：陈　荟　　　　　　　　　责任印制：陈　涛</p>
                    <p class=" center mt-20"><b>版权所有　侵权必究</b></p>
                    <p class="left center block">反盗版、侵权举报电话：<span class="block">010-58800697</span></p>
                    <p class="left center block">北京读者服务部电话：010-58808104</p>
                    <p class="left center block">外埠邮购电话：010-58808083</p>
                    <p class="left center block">本书如有印装质量问题，请与印制管理部联系调换。</p>
                    <p class="left center block">印制管理部电话：010-58808284</p>
                </div>
            </div>
        </div>
        <!-- 介绍页面 -->
        <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 class="bk-bwh">
                        <h1 id="a003" class="front">职业教育航空运输类专业<br />“产教融合”新形态教材专家指导委员会</h1>
                        <p class="center"></p>
                        <p class="center"><span class="zt-ls1">主　任</span></p>
                        <p class="block fz-15">魏全斌　四川西南航空职业学院 荣誉院长、研究员</p>
                        <p class="block fz-15">　　　　四川泛美教育投资集团有限责任公司 董事长</p>
                        <p class="center mt-30"><span class="zt-ls1">副主任</span></p>
                        <p class="block fz-15">杨新湦　中国民航大学 副校长、教授</p>
                        <p class="block fz-15">叶　耒　中国商用飞机有限责任公司四川分公司 总经理助理、人力资源部部长</p>
                        <p class="block fz-15">王海涛　成都航空有限公司 人力资源部总经理</p>
                        <p class="center mt-30"><span class="zt-ls1">委　员</span></p>
                        <p class="block fz-15">郭润夏　中国民航大学 教授</p>
                        <p class="block fz-15">陈玉华　成都航空职业技术学院 教授</p>
                        <p class="block fz-15">裴明学　四川西南航空职业学院 院长、研究员</p>
                        <p class="block fz-15">龙　强　四川泛美教育投资集团有限责任公司 特聘专家</p>
                        <p class="block fz-15">刘　桦　四川泛美教育投资集团有限责任公司 副总裁、特级教师</p>
                        <p class="block fz-15">曾远志　四川泛美教育投资集团有限责任公司 副总裁</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-box" page="5">
            <div v-if="showPageList.indexOf(5) > -1">
                <div style="padding: 50px 80px">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 50px 0;">
                            <h1 id="a004">前 言</h1>
                            <p class="td-0 foreword fz-14">P&thinsp;R&thinsp;E&thinsp;F&thinsp;A&thinsp;C&thinsp;E</p>
                            <p class="zt-hs1 td-0">（第2版）</p>
                        </div>
                    </div>
                    <p class="fz-14">确保航空运行绝对安全，确保人民生命绝对安全，是任何时候都不能放松的原则和要求。民航安全检查是保障航空安全的第一道防线，对于防范各种潜在风险，维护人民生命财产安全具有举足轻重的作用。为了更好地适应行业发展的需要，培养高素质的民航安全检查人才，我们组织修订了《民航安全检查实务》这本教材。
                    </p>
                    <p class="fz-14">本教材系职业教育航空运输类专业“产教融合”新形态教材中的一本，是国家级示范集团重点项目，是“十二五”职业教育国家规划教材，立项四川省“十四五”职业教育省级规划教材。本教材以习近平新时代中国特色社会主义思想和党的二十大精神为指导，落实立德树人根本任务。本教材紧密结合民航行业的发展趋势和需求，以“做中学，学中做”为编写指导理念，实现学以致用，注重对学生专业知识和技能的培养，以更好地提升他们的实际操作能力和问题解决能力。本教材以民航安全检查员五级职业技能为切入点，力求使学生能够全面掌握民航安全检查的专业知识，更强调对学生职业素养、创新思维和实际操作能力的培养，提升其实战技能。
                    </p>
                    <p class="fz-14">本教材以真实生产项目、典型工作任务为载体，全书内容分为了解民航安检、了解航空安全保卫法律法规、前传检查、证件检查、人身检查、开箱包检查和货邮安检七个项目。本教材关注了以下几个方面：（1）紧密结合民航安全检查员国家职业技能标准，注重理论与实践相结合。在编写过程中，我们深刻认识和理解高素质技术技能人才的成长规律，紧密结合教育教学规律，全面提升学生技术技能。（2）采用项目任务式的教材内容体系，注重对学生实际操作能力和问题解决能力的培养。（3）配套资源丰富，便于教师根据教学需求灵活地选择和组织内容，也使学生能够通过自主选择和组织内容进行个性化学习。（4）将新技术、新规范、新标准等内容有机地融入教材，体现行业发展的趋势和技术进步。这有助于培养更多高素质的民航安全检查人才，满足民航安全检查行业的发展需求。
                    </p>
                    <p class="fz-14">本教材由魏全斌担任主编，裴明学、李珊珊、王安民、余磊担任副主编，吴雨遥、孙雯、武梦迪、邓林燕参与了编写，姚竣砾、李倩、王琪、张晨曦、王越、李楠、王晨晨、常鑫对本书的出版作出了贡献。全书由王安民、邓林燕统稿，由李珊珊、裴明学、桂红（重庆江北国际机场）、于晶（中国民航大学）、王安民负责审核。
                    </p>
                    <p class="fz-14">本书由国家示范性职业教育集团牵头单位四川西南航空职业学院统筹教材的编写，符合民航安检职业技能新标准，是学、练、测相结合的交互式学习的新型教材。</p>
                    <p class="fz-14">由于编者水平所限，教材中难免有不尽如人意之处，恳请广大读者提出宝贵意见，以便我们修订时作进一步完善。</p>
                    <p class="t-right fz-14">编者</p>
                </div>
            </div>
        </div>
        <div class="page-box" page="6">
            <div v-if="showPageList.indexOf(6) > -1">
                <div style="padding: 50px 80px">
                    <div class="fl fd-r">
                        <div class="fl fd-c al-c" style="margin: 50px 0;">
                            <h1 id="a004">前 言</h1>
                            <p class="td-0 foreword fz-14">P&thinsp;R&thinsp;E&thinsp;F&thinsp;A&thinsp;C&thinsp;E</p>
                            <p class="zt-hs1 td-0">（第1版）</p>
                        </div>
                    </div>
                    <p class="fz-14">《国家中长期教育改革和发展规划纲要（2010—2020年）》明确提出：中等职业教育与高等职业教育协调发展，构建现代职业教育体系，增强职业教育支撑产业发展的能力。职业教育为社会、经济和人的发展服务已成为职业教育理论工作者与实践工作者的共识.。
                    </p>
                    <p class="fz-14">近年来，随着社会、经济的进步，民航业得到空前的发展。民航业的大发展需要大量道德高尚、素质优良、技能娴熟的一专多能的民航服务人才，还需要一批办学理念先进、教学与实习实训设备精良、师资力量雄厚的民航服务类学校。院系应运而生，为促进民航服务业的发展做出了重要贡献.。
                    </p>
                    <p class="fz-14">培养高素质的民航服务人才，离不开高质量的学校，离不开高水平的教师，更离不开理念先进、内容丰富、形式新颖的精品教材。为此，我们组织全国行业职业教育教学指导委员会、全国中等职业教育教学改革创新指导委员会、职业教育教学研究机构的专家，全国近20家民航服务企业的行家，以及具有丰富的民航服务专业教学与教材编写经验的优秀教师群策群力编写了本套教材。
                    </p>
                    <p class="fz-14">本套教材立足国内民航服务企业相关工作岗位对人才素质与能力的要求，针对民航服务专业学生职业生涯发展的需求编写。在体系结构上，本套教材涵盖民航服务专业的所有课程，各册教材有机衔接，体系完整。在内容上，本套教材涵盖民航服务的典型工作任务，体现了“贴近社会生活、贴近民航服务工作实际、贴近学生特点”，“与职业岗位群对接、与职业资格标准对接、与实际工作过程对接”的“三贴近”“三对接”的特点，注重学生职业核心能力的培养。在形式上，本套教材按照“具体—抽象—实践”的逻辑顺序，设计了“相关链接”“想一想”“练一练”“思考与练习”等栏目，行文中图文并茂，突出了教材的可读性与互动性，既方便教师的教，也方便学生的学。本套教材既可供职业院校航空服务专业学生使用，也可作为民航企业员工培训教材或参考资料。
                    </p>
                    <p class="fz-14">本教材针对目前严峻的民航安全检查形势，对民航安全检查的各个环节进行了详细的介绍，内容丰富，体例新颖，实用性与操作性强，实现了理论与实践的有机融合。本书由魏全斌担任主编，由陈新、陈林、曾远志、余磊、王安民担任副主编，由刘桦、李一、刘德宏、杨省贵、陈铁民、张可宝、程冲、孙琦雯、杨海琳、贾品波参编，全书由余磊、王安民统稿.。
                    </p>
                    <p class="fz-14">在编写过程中，本教材得到了中国民用航空厦门安全监督管理局局长陈铁民、上海浦东国际机场安检站站长陆建华、上海虹桥国际机场安检站站长张可宝、成都双流国际机场安检站书记唐世荣、重庆江北国际机场安检站站长裴明学、广州白云国际机场安检站站长周洪清等民航企业专家，四川西南航空专修学院、成都航空旅游职业学校、成都市礼仪职业中学、成都财贸职业中专学校、成都市现代职业技术学校等职业院校骨干教师的宝贵意见与建议；由全国各大航空公司、机场服务企业知名的专家领导组成的“全国
                    </p>
                </div>
            </div>
        </div>
        <div class="page-box" page="7">
            <div v-if="showPageList.indexOf(7) > -1">
                <div style="padding: 100px 80px">
                    <p class="td-0 fz-14">
                        高等职业学校航空服务专业系列教材建设企业专家指导委员会”的专家对教材的内容、编写体例等提供了大量的建议，有力地保证了本教材与民航服务企业的实际工作要求相吻合，在此一并表示衷心感谢。
                    </p>
                    <p class="fz-14">由于水平有限，教材中难免有不尽如人意之处，恳请广大读者提出宝贵的意见，以便我们修订时加以完善。</p>
                </div>
            </div>
        </div>
    </div>
</template>

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

<style lang="less" scoped>
.box {
    max-width: 400px;
    margin: 0 auto;
}

.preface {
    height: 224px;
    background: linear-gradient(to right, #8fc58c, #fff);
}

.preface-text {
    font-size: 26px !important;
    color: #000 !important;
}

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

p {
    font-size: 16px;
}

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

.block {
    font-size: 16px;

}
</style>

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

New file
@@ -0,0 +1,977 @@
<template>
    <div class="page-main" @scroll="throttledScrollHandler">
      <div id="searchDomBox" style="display: none">
        <div id="searchContent"></div>
      </div>
      <div class="page-content" :style="{
        fontSize: fontSize + 'px',
        transform: `scale(${pageZoom})`,
        transformOrigin: 'center top',
      }">
        <pageHeader v-if="showCatalogList.indexOf(1) > -1" :showPageList="loadPageList"></pageHeader>
        <chapterOne v-if="showCatalogList.indexOf(2) > -1" :showPageList="loadPageList"></chapterOne>
        <!-- <chapterTwo v-if="showCatalogList.indexOf(3) > -1" :showPageList="loadPageList"></chapterTwo>
        <chapterThree v-if="showCatalogList.indexOf(4) > -1" :showPageList="loadPageList"></chapterThree>
        <chapterFour v-if="showCatalogList.indexOf(5) > -1" :showPageList="loadPageList"></chapterFour>
        <chapterFive v-if="showCatalogList.indexOf(6) > -1" :showPageList="loadPageList"></chapterFive> 
        <chapterSix v-if="showCatalogList.indexOf(7) > -1" :showPageList="loadPageList"></chapterSix>
        <chapterSeven v-if="showCatalogList.indexOf(8) > -1" :showPageList="loadPageList"></chapterSeven>
        <chapterEight v-if="showCatalogList.indexOf(9) > -1" :showPageList="loadPageList"></chapterEight> -->
      </div>
    </div>
  </template>
  
  <script>
  import pageHeader from "./header.vue";
  import chapterOne from "./chapter001.vue";
//   import chapterTwo from "./chapter002.vue";
//   import chapterThree from "./chapter003.vue";
//   import chapterFour from "./chapter004.vue";
//   import chapterFive from "./chapter005.vue";
//   import chapterSix from "./chapter006.vue";
//   import chapterSeven from "./chapter007.vue";
//   import chapterEight from "./chapter008.vue";
  import NoteIcon from "@/assets/images/biji.png";
  import _ from "lodash";
  import Swiper from "swiper/bundle";
  import "swiper/swiper-bundle.css";
  import Viewer from "viewerjs";
  import "viewerjs/dist/viewer.css";
  export default {
    name: "pageContent",
    data() {
      return {
        catalogLength: 2, // 总章节数
        showCatalogList: [], // 显示的章节
        loadThreshold: 300, // 触发加载阈值
        throttleThreshold: 100, // 节流阈值
        previousScrollTop: 0,
        throttledScrollHandler: null,
        observer: null,
        loadPageObserver: null,
        loadPageList: [],
        questionDataMap: {},
        renderSignMap: {},
        highlightData: null,
        audioPath: "",
        currentTime: null,
        videoList: [],
      };
    },
    computed: {
      fontSize() {
        this.transformDom(this.$store.state.qiankun.fontSize)
        return this.$store.state.qiankun.fontSize ? this.$store.state.qiankun.fontSize : 14;
      },
      pageZoom() {
        return this.$store.state.qiankun.scale ? this.$store.state.qiankun.scale / 100 : 1;
      },
    },
    watch: {
      showCatalogList: {
        handler(newVal, oldVal) {
          if (
            this.$store.state.qiankun &&
            this.$store.state.qiankun.catalogChange
          ) {
            // 调用父层方法
            this.$store.state.qiankun.catalogChange({
              showCatalogList: newVal,
            });
          }
          // 启动页码观察
          setTimeout(() => {
            this.initObservation();
            this.initThemeColor();
          }, 500);
        },
      },
      loadPageList: {
        handler(newVal, oldVal) {
          setTimeout(() => {
            this.transformDom(this.$store.state.qiankun.fontSize)
            this.initSwiper();
            this.initViewer();
            this.closeAudio();
            this.closeVideo();
          }, 200);
        },
      },
      pageZoom: {
        handler(newVal, oldVal) {
          const scrollBox = (
            this.container ? this.container : document
          ).querySelector(".page-main");
          scrollBox.scrollTop = (scrollBox.scrollTop / oldVal) * newVal;
        },
      },
    },
    mounted() {
      // 默认加载章节
      this.showCatalogList = [1];
      // 滚动监听节流
      debugger
      this.throttledScrollHandler = _.throttle(
        this.scrollFun,
        this.throttleThreshold,
        { leading: true, trailing: false }
      );
      // 定义子层方法
      if (this.setGlobalState) {
        // 提供页面跳转功能
        this.setGlobalState({
          gotoPage: (catalog, page) => {
            this.gotoPage(catalog, page);
          },
          // 渲染笔记、高亮、划线
          renderSign: (type, data) => {
            // 因为调整为页面懒加载，所以渲染标记也需要按照页面进行处理，先储存数据，页面加载完成再渲染对应的标记；
            this.handelSignData(type, data);
            // this.renderSign(type, data);
          },
          // 删除笔记、高亮、划线
          delSign: (data) => {
            this.delSign(data);
          },
          // 全文检索
          searchBookByKeyword: (keyword) => {
            return this.searchTextByPage(keyword);
          },
          // 跳转检索结果位置
          jumpSearchItem: (data) => {
            this.searchItemLocation(data);
          },
        });
      }
  
      // 创建一个新的 Intersection Observer 实例，用于观察目标元素和执行相应的回调函数。
      // new IntersectionObserver(callback, options)：使用之前定义的 callback 回调函数和 options 配置选项来初始化 Intersection Observer 实例。
      this.observer = new IntersectionObserver(this.pageChangeCallback, {
        root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
        rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
        threshold: 0.5, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      });
  
      this.loadPageObserver = new IntersectionObserver(this.loadPageCallback, {
        root: null, // 指定根元素，这里设为 null，表示选取整个视窗作为根元素。
        rootMargin: "0px", // 指定根元素的边界，这里设为 "0px"，表示根元素的边界和视窗的边界重合
        threshold: 0, // 指定交叉比例，这里设为 0.5，表示当目标元素一半或更多显示在视窗中时触发回调函数。
      });
  
      // 启动页码观察
      setTimeout(() => {
        this.initObservation();
        this.initThemeColor();
      }, 500);
  
      // 测试页面跳转
      // setTimeout(() => {
      //   this.gotoPage(2,8);
      //   setTimeout(() => {
      //     this.renderSign("Highlight", {
      //       id: "2ACA9359",
      //       txt: "题一学习主题一 运动",
      //       page: "10",
      //       type: "Highlight",
      //       color: "#F5E12A"
      //     });
      // setTimeout(() => {
      //   this.delSign({
      //     ids: ["2ACA9359"]
      //   });
      // }, 2000);
      // }, 500);
  
      // const pageDom = (this.container ? this.container : document)
      //   .querySelector("#app")
      //   .querySelectorAll(".page-box");
      // 检索
      // console.log(this.searchTextByPage("保护内脏器官"), "searchTextByPage");
      // 检索跳转
      // this.searchItemLocation({
      //   catalog: 2,
      //   page: 10,
      //   txt: " 运动系统是由骨、骨连结和骨骼肌三部分组成的。全身的骨通过骨连结组成人体骨骼（见图1-1）。骨骼是人体的支架，具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下，肌肉收缩牵动所附着的骨绕着关节转动，使身体产生各种动作。所以，运动系统具有运动、支持和保护等功能，幼年时期的骨骼还具有造血功能。 ",
      //   txtIndex: 57
      // });
      // }, 500);
    },
    methods: {
      // setZoom1() {
      //   let scale = this.$store.state.qiankun.scale + 10;
      //   const scrollBox = (
      //     this.container ? this.container : document
      //   ).querySelector(".page-main");
      //   this.$store.commit("setZoom", scale);
      // },
      // setZoom2() {
      //   let scale = this.$store.state.qiankun.scale - 10;
      //   const scrollBox = (
      //     this.container ? this.container : document
      //   ).querySelector(".page-main");
      //   this.$store.commit("setZoom", scale);
      // },
      // 滚动监听
      scrollFun(event) {
        this.handleVideoPicture()
        // 判断向上滚动还是向下滚动
        if (event.target.scrollTop > this.previousScrollTop) {
          this.getAduio();
          // 向下
          const currentScrollTop =
            event.target.scrollTop + event.target.offsetHeight;
          if (
            currentScrollTop >=
            event.target.scrollHeight - this.loadThreshold
          ) {
            console.log(1);
  
            debugger
            // 到达阈值
            if (
              this.showCatalogList[this.showCatalogList.length - 1] <
              this.catalogLength
            ) {
              // 加载下一章
              this.showCatalogList.push(
                this.showCatalogList[this.showCatalogList.length - 1] + 1
              );
              if (this.showCatalogList.length > 3) {
                // 超过三章隐藏顶部一章
                this.showCatalogList.shift();
              }
            }
          }
        } else if (event.target.scrollTop < this.previousScrollTop) {
          this.handleAudio();
          // 向上
          const currentScrollTop = event.target.scrollTop;
          if (currentScrollTop <= this.loadThreshold) {
            // 到达阈值
            if (this.showCatalogList[0] > 0) {
              // 加载上一章
              this.showCatalogList.unshift(this.showCatalogList[0] - 1);
              if (this.showCatalogList.length > 3) {
                // 超过三章隐藏底部一章
                this.showCatalogList.pop();
              }
            }
          }
        }
        // showCatalogList 当前显示的三个章节，watch监听传递给主应用
        // 更新上一次滚动的位置
        this.previousScrollTop = event.target.scrollTop;
      },
      // 章节、页面跳转
      gotoPage(catalog, page) {
        if (catalog >= 0 && catalog <= this.catalogLength) {
          // 处理渲染章节
          if (catalog == 0) {
            this.showCatalogList = [0, 1];
          } else if (catalog == this.catalogLength) {
            this.showCatalogList = [
              this.catalogLength - 2,
              this.catalogLength - 1,
              this.catalogLength,
            ];
          } else {
            this.showCatalogList = [catalog - 1, catalog, catalog + 1];
          }
          setTimeout(() => {
            // 跳转页码
            const pageDom = (
              this.container ? this.container : document
            ).querySelector(`[page="${page}"]`);
            if (pageDom) {
              pageDom.scrollIntoView();
            } else {
              console.log("页码错误！");
            }
          }, 500);
        } else {
          console.log("章节错误！");
        }
      },
  
      // 处理标记数据
      handelSignData(type, data) {
        if (this.loadPageList.indexOf(Number(data.page)) > -1) {
          // 立即渲染
          this.renderSign(type, data);
        }
  
        // 储存数据
        if (!this.renderSignMap[type]) this.renderSignMap[type] = {};
        if (!this.renderSignMap[type][data.page])
          this.renderSignMap[type][data.page] = [];
        this.renderSignMap[type][data.page].push(data);
      },
  
      // 渲染标记
      renderSign(type, data) {
        // 父层设置禁止渲染标记时不再进行渲染
        if (this.$store.state.qiankun.disableSign) {
          return false;
        }
        const existence = (
          this.container ? this.container : document
        ).querySelector(`[dataid="${data.id}"]`);
        // 去重
        if (!existence) {
          const pageDom = (
            this.container ? this.container : document
          ).querySelector(`[page="${data.page}"]`);
          // 创建 createTreeWalker 迭代器，用于遍历文本节点，保存到一个数组
          const treeWalker = document.createTreeWalker(
            pageDom,
            NodeFilter.SHOW_TEXT
          );
          const allTextNodes = [];
          let currentNode = treeWalker.nextNode();
          while (currentNode) {
            allTextNodes.push(currentNode);
            currentNode = treeWalker.nextNode();
          }
          for (let i = 0; i < allTextNodes.length; i++) {
            const textDom = allTextNodes[i];
            if (textDom.textContent.indexOf(data.txt) > -1) {
              let reg = new RegExp(`${data.txt}`, "ig");
              switch (type) {
                case "Highlight":
                  // 高亮
                  textDom.parentNode.innerHTML =
                    textDom.parentNode.innerHTML.replace(
                      reg,
                      `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                    );
                  break;
                case "Dashing":
                  // 划线
                  textDom.parentNode.innerHTML =
                    textDom.parentNode.innerHTML.replace(
                      reg,
                      `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
                    );
                  break;
                case "Note":
                  // 笔记
                  textDom.parentNode.innerHTML =
                    textDom.parentNode.innerHTML.replace(
                      reg,
                      `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')" onmouseover="noteHover('Note','${data.id}','${data.chapterNum}')" onmouseout="noteOut('Note')">${data.txt}<img src="${NoteIcon}"/></span>`
                    );
                  break;
              }
            }
          }
        }
      },
      // 删除标记渲染
      delSign({ ids, type }) {
        if (ids && ids.length) {
          for (let i = 0; i < ids.length; i++) {
            const id = ids[i];
            const dom = (
              this.container ? this.container : document
            ).querySelector(`[dataid="${id}"]`);
            dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
              dom.outerHTML,
              dom.outerText
            );
          }
        }
        if (type) {
          const doms = (
            this.container ? this.container : document
          ).querySelectorAll(`[datatype="${type}"]`);
          for (let i = 0; i < doms.length; i++) {
            const dom = doms[i];
            dom.parentNode.innerHTML = dom.parentNode.innerHTML.replace(
              dom.outerHTML,
              dom.outerText
            );
          }
        }
      },
      initObservation() {
        const sections = (
          this.container ? this.container : document
        ).querySelectorAll(".page-box");
        sections.forEach((section) => {
          if (this.config.activeBook && this.config.activeBook.tryPageCount) {
            const page = section.getAttribute("page");
            if (Number(page) > this.config.activeBook.tryPageCount) {
              let chapterDom = this.getParentWithClass(section, "chapter");
              const chapterNum = chapterDom.getAttribute("num");
              this.catalogLength = Number(chapterNum) - 1;
              section.remove();
              return false;
            }
          }
          // observer 观察每个元素，以便在它们进入或离开视窗时触发回调函数。
          const isObserver = section.getAttribute("observer");
          const isLoadObserver = section.getAttribute("loadObserver");
          if (!isObserver) {
            this.observer.observe(section);
            section.setAttribute("observer", "1");
          }
          if (!isLoadObserver) {
            this.loadPageObserver.observe(section);
            section.setAttribute("loadObserver", "1");
          }
        });
      },
      initThemeColor() {
        // 获取各种需要主题色的节点
        const colorDom = (
          this.container ? this.container : document
        ).querySelectorAll(".theme-color");
        const backgroundColorDom = (
          this.container ? this.container : document
        ).querySelectorAll(".theme-back");
        const borderColorDom = (
          this.container ? this.container : document
        ).querySelectorAll(".theme-border");
        // 获取配置的主题色
        const bookThemeColor =
          this.config.activeBook && this.config.activeBook.bookThemeColor
            ? this.config.activeBook.bookThemeColor
            : null;
        const chapterThemeColor =
          this.config.activeBook && this.config.activeBook.chapterThemeColor
            ? this.config.activeBook.chapterThemeColor
            : null;
        const pageThemeColor =
          this.config.activeBook && this.config.activeBook.pageThemeColor
            ? this.config.activeBook.pageThemeColor
            : null;
        colorDom.forEach((domItem) => {
          // 获取章节、页码
          let pageDom = this.getParentWithClass(domItem, "page-box");
          let chapterDom = this.getParentWithClass(domItem, "chapter");
          let page, chapterNum;
          if (pageDom) page = pageDom.getAttribute("page");
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          // 向上匹配主题色
          const themeColor =
            page && pageThemeColor && pageThemeColor[page]
              ? pageThemeColor[page]
              : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
                ? chapterThemeColor[chapterNum]
                : bookThemeColor;
          if (themeColor) {
            domItem.style.color = themeColor;
          }
        });
        backgroundColorDom.forEach((domItem) => {
          // 获取章节、页码
          let pageDom = this.getParentWithClass(domItem, "page-box");
          let chapterDom = this.getParentWithClass(domItem, "chapter");
          let page, chapterNum;
          if (pageDom) page = pageDom.getAttribute("page");
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          // 向上匹配主题色
          const themeColor =
            page && pageThemeColor && pageThemeColor[page]
              ? pageThemeColor[page]
              : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
                ? chapterThemeColor[chapterNum]
                : bookThemeColor;
          if (themeColor) {
            domItem.style.backgroundColor = themeColor;
          }
        });
        borderColorDom.forEach((domItem) => {
          // 获取章节、页码
          let pageDom = this.getParentWithClass(domItem, "page-box");
          let chapterDom = this.getParentWithClass(domItem, "chapter");
          let page, chapterNum;
          if (pageDom) page = pageDom.getAttribute("page");
          if (chapterDom) chapterNum = chapterDom.getAttribute("num");
          // 向上匹配主题色
          const themeColor =
            page && pageThemeColor && pageThemeColor[page]
              ? pageThemeColor[page]
              : chapterNum && chapterThemeColor && chapterThemeColor[chapterNum]
                ? chapterThemeColor[chapterNum]
                : bookThemeColor;
          if (themeColor) {
            domItem.style.borderColor = themeColor;
          }
        });
      },
      getParentWithClass(element, className) {
        while (element.parentElement) {
          element = element.parentElement;
          if (element.classList.contains(className)) {
            return element;
          }
        }
      },
      pageChangeCallback(entries, observer) {
        //entries：代表观察到的目标元素的集合。 observer：代表观察者对象。
        entries.forEach((entry) => {
          //entry.isIntersecting：检查当前目标元素是否与根元素相交。
          if (entry.isIntersecting) {
            const target = entry.target;
            //entry.target：获取当前目标元素
            const page = target.getAttribute("page");
            const catalogDom = this.tool.getParentNodeByClassName(
              target,
              "chapter"
            );
            const catalog = catalogDom.getAttribute("num");
            let text = null;
            if (target.querySelector("p")) {
              text = target.querySelector("p").textContent.substring(0, 50);
            }
            // 返回页码和章节信息
            if (this.$store.state.qiankun && this.$store.state.qiankun.pageChange)
              this.$store.state.qiankun.pageChange({
                page: page,
                catalog: catalog,
                text,
              });
            // const sections = Array.from(document.querySelectorAll(".section"));
            //sections：获取所有具有 .section 类名的元素，并转换为数组。
            // let index = sections.findIndex((section) => section === target) + 1;
            //index：查找当前目标元素在 sections 数组中的索引，并加 1，用于确定当前页码。
          }
        });
      },
      loadPageCallback(entries, observer) {
        entries.forEach(async (entry) => {
          if (entry.isIntersecting) {
            const target = entry.target;
            const page = target.getAttribute("page");
            if (this.loadPageList.indexOf(Number(page)) == -1) {
              const catalogDom = this.tool.getParentNodeByClassName(
                target,
                "chapter"
              );
              // 添加页码
              this.loadPageList.push(Number(page));
              const catalog = catalogDom.getAttribute("num");
              // if (!this.questionDataMap[page]) {
              //   if (testData && testData[catalog]) {
              //     if (testData[catalog][page]) {
              //       if (Array.isArray(testData[catalog][page])) {
              //         this.questionDataMap[page] = await getQuestionList(
              //           page,
              //           testData[catalog][page],
              //           this.config.activeBook
              //         );
              //       } else {
              //         const obj = {};
              //         for (let key in testData[catalog][page]) {
              //           obj[key] = await getQuestionList(
              //             [],
              //             testData[catalog][page][key],
              //             this.config.activeBook
              //           );
              //         }
              //         this.questionDataMap[page] = obj;
              //       }
              //       console.log("题目", this.questionDataMap);
              //     }
              //   }
              // }
              // 渲染这一页的标记
              for (const key in this.renderSignMap) {
                if (this.renderSignMap[key][page]) {
                  this.renderSignMap[key][page].forEach((item) => {
                    this.renderSign(key, item);
                  });
                }
              }
              // 处理高亮
              if (this.highlightData) {
                // 高亮行
                setTimeout(() => {
                  // 获取页面所有text节点
                  const pageTextList = document.createTreeWalker(
                    target,
                    NodeFilter.SHOW_TEXT
                  );
                  // 匹配关键字
                  const allPageTextNodes = [];
                  let currentNode = pageTextList.nextNode();
                  while (currentNode) {
                    allPageTextNodes.push(currentNode);
                    currentNode = pageTextList.nextNode();
                  }
                  for (let i = 0; i < allPageTextNodes.length; i++) {
                    const textDom = allPageTextNodes[i];
                    let txtIndex = textDom.textContent.indexOf(
                      this.highlightData.txt
                    );
                    if (txtIndex > -1) {
                      textDom.parentNode.style.transition =
                        "background-color 0.8s";
                      textDom.parentNode.scrollIntoView();
                      textDom.parentNode.style.backgroundColor = "#79bbf0";
                      setTimeout(() => {
                        textDom.parentNode.style.backgroundColor = "";
                      }, 1000);
                    }
                  }
                }, 100);
              }
              if (this.loadPageList.length > 5) {
                // 超过5页
                this.loadPageList.shift();
              }
            }
          }
        });
      },
      initSwiper() {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(".swiper-img");
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          new Swiper(dom, {
            loop: false, // 无缝
            autoplay: {
              //自动开始
              delay: 3000, //时间间隔
              disableOnInteraction: false, //*手动操作轮播图后不会暂停*
            },
            paginationClickable: true,
            slidesPerView: 1, // 一组三个
            spaceBetween: 30, // 间隔
            // 如果需要前进后退按钮
            navigation: {
              nextEl: dom.querySelector(".swiper-button-next"),
              prevEl: dom.querySelector(".swiper-button-prev"),
            },
            // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
            // observer: true,
            // observeParents: true
            // // 如果需要分页器
            // pagination: {
            //   el: (this.container ? this.container : document).querySelector(
            //     ".swiper-pagination"
            //   ),
            //   clickable: true // 分页器可以点击
            // }
          });
        }
        const pptDoms = (
          this.container ? this.container : document
        ).querySelectorAll(".swiper_ppt");
        for (let i = 0; i < pptDoms.length; i++) {
          const dom = pptDoms[i];
          new Swiper(dom, {
            loop: false, // 无缝
            autoplay: false,
            paginationClickable: true,
            slidesPerView: 1, // 一组三个
            spaceBetween: 30, // 间隔
            // 如果需要前进后退按钮
            navigation: {
              nextEl: dom.querySelector(".swiper-button-next"),
              prevEl: dom.querySelector(".swiper-button-prev"),
            },
            // 窗口变化,重新init,针对F11全屏和放大缩小,必须加
            observer: true,
            observeParents: true,
            on: {
              init: (value) => {
                let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
                let totalPages = value.slides.length; // 获取总页数
                var paginationInfoEl = dom.querySelector(".pageBox");
                if (paginationInfoEl)
                  paginationInfoEl.textContent = currentPage + "/" + totalPages;
              },
              slideChange: (value) => {
                let currentPage = value.activeIndex + 1; // 获取当前页（从1开始计数）
                let totalPages = value.slides.length; // 获取总页数
                var paginationInfoEl = dom.querySelector(".pageBox");
                if (paginationInfoEl)
                  paginationInfoEl.textContent = currentPage + "/" + totalPages;
              },
            },
          });
        }
      },
      initViewer() {
        const doms = (
          this.container ? this.container : document
        ).querySelectorAll(".openImgBox");
        for (let i = 0; i < doms.length; i++) {
          const dom = doms[i];
          new Viewer(dom, {
            container: this.container
              ? this.container.querySelector("#app")
              : "body",
            navbar: true, // 显示导航栏
            toolbar: true, // 显示工具栏
            title: true, // 显示标题
          });
        }
      },
      // 根据关键字全文检索
      searchTextByPage(keyword) {
        const searchResult = [];
        let catalogIndex = 0;
        // 所有章节组件（每本书制作时单独配置）
        const pageData = {
          pageHeader,
          chapterOne,
        //   chapterTwo,
        //   chapterThree,
        //   chapterFour,
        //   chapterFive,
        //   chapterSix,
        //   chapterSeven,
        //   chapterEight
        };
        // 遍历所有章节文件
        for (const key in pageData) {
          catalogIndex++;
          let pageComponent, pageExample;
          // 先渲染一次当前章节文件（这时页面的内容为空），获取页码信息
          pageComponent = Vue.extend(pageData[key]);
          pageExample = new pageComponent({
            propsData: {
              showPageList: [],
              questionData: {},
              isSearch: true,
            },
          });
          pageExample.$mount(
            (this.container ? this.container : document).querySelector(
              "#searchContent"
            )
          );
          // 获取页码
          const pageDom = (this.container ? this.container : document)
            .querySelector("#searchDomBox")
            .querySelectorAll(".page-box");
          const pages = [];
          for (let i = 0; i < pageDom.length; i++) {
            const pageDomItem = pageDom[i];
            pages.push(Number(pageDomItem.getAttribute("page")));
          }
          // 获取页面结束，卸载销毁
          pageExample.$destroy();
          (this.container ? this.container : document).querySelector(
            "#searchDomBox"
          ).innerHTML = '<div id="searchContent"></div>';
          // 遍历页码
          if (pages.length) {
            for (let i = 0; i < pages.length; i++) {
              const pageNum = pages[i];
              // 动态渲染对应章节的页码
              pageComponent = Vue.extend(pageData[key]);
              pageExample = new pageComponent({
                propsData: {
                  showPageList: [pageNum],
                  questionData: {},
                  isSearch: true,
                },
              });
              pageExample.$mount(
                (this.container ? this.container : document).querySelector(
                  "#searchContent"
                )
              );
              // 获取对应页面dom
              const thisPageDom = (this.container ? this.container : document)
                .querySelector("#searchDomBox")
                .querySelector(`[page="${pageNum}"]`);
              if (thisPageDom) {
                // 获取页面所有text节点
                const pageTextList = document.createTreeWalker(
                  thisPageDom,
                  NodeFilter.SHOW_TEXT
                );
                // 匹配关键字
                const allPageTextNodes = [];
                let currentNode = pageTextList.nextNode();
                while (currentNode) {
                  allPageTextNodes.push(currentNode);
                  currentNode = pageTextList.nextNode();
                }
                for (let i = 0; i < allPageTextNodes.length; i++) {
                  const textDom = allPageTextNodes[i];
                  let txtIndex = textDom.textContent.indexOf(keyword);
                  if (txtIndex > -1) {
                    // 记录关键字所在页码、章节以及匹配到的段落
                    searchResult.push({
                      page: pageNum,
                      catalog: catalogIndex,
                      txt: textDom.textContent,
                      txtIndex: txtIndex,
                    });
                  }
                }
                // 结束，卸载销毁
                pageExample.$destroy();
                (this.container ? this.container : document).querySelector(
                  "#searchDomBox"
                ).innerHTML = '<div id="searchContent"></div>';
              }
            }
          }
        }
        // 输出搜索结果
        console.log(searchResult);
        return searchResult;
      },
      // 根据检索结果跳转对应位置并高亮
      searchItemLocation(data) {
        // 记录高亮信息
        this.highlightData = data;
        // 跳转
        this.gotoPage(data.catalog, data.page, () => { });
      },
      // 页面向下滚动，音频小窗播放功能
      getAduio() {
        let allVideo = (
          this.container ? this.container : document
        ).querySelectorAll(".audio");
        allVideo = Array.from(allVideo);
        this.videoList = allVideo;
        if (allVideo.length) {
          // 查找播放状态的最后一条音频
          const playAudio = allVideo
            .reverse()
            .find((item) => item.paused == false);
          if (playAudio) {
            const bottomGap = playAudio.getBoundingClientRect().bottom;
            if (bottomGap < 0) {
              playAudio.pause();
              this.audioPath = playAudio.src;
              this.currentTime = playAudio.currentTime;
            }
          }
        }
      },
      // 页面向上滚动，音频小窗回收
      handleAudio() {
        if (!this.audioPath) return false;
        let allVideo = (
          this.container ? this.container : document
        ).querySelectorAll(".audio");
        allVideo = Array.from(allVideo);
        if (allVideo.length) {
          //查找与小窗播放音频同源的页面audio DOM
          const playAudio = allVideo.find((item) => item.src == this.audioPath);
          if (playAudio) {
            const bottomGap = playAudio.getBoundingClientRect().bottom;
            if (bottomGap >= 0) {
              if (this.$refs.audioPlayer) {
                const playerState = this.$refs.audioPlayer.getVideoPlayer();
                this.audioPath = "";
                playAudio.currentTime = playerState.currentTime;
                if (!playerState.paused) playAudio.play();
              }
            }
          }
        }
      },
      // 关闭mini video
      closeMiniAudio() {
        this.audioPath = "";
      },
      // 点击音频播放，关闭其他音频
      closeAudio() {
        let allAudio = (
          this.container ? this.container : document
        ).querySelectorAll(".audio");
        for (let index = 0; index < allAudio.length; index++) {
          const item = allAudio[index];
          item.addEventListener("play", () => {
            const audioList = Array.from(allAudio);
            for (let cindex = 0; cindex < audioList.length; cindex++) {
              const citem = audioList[cindex];
              if (citem.currentSrc != item.src) {
                citem.pause();
              }
            }
            this.closeMiniAudio();
          });
        }
      },
      // 点击视频关闭其他
      closeVideo() {
        let allVideo = (
          this.container ? this.container : document
        ).querySelectorAll(".video");
        for (let index = 0; index < allVideo.length; index++) {
          const item = allVideo[index];
          item.addEventListener("playing", (item) => {
            const path = item.srcElement.src;
            const videoList = Array.from(allVideo);
            for (let cindex = 0; cindex < videoList.length; cindex++) {
              const citem = videoList[cindex];
              if (citem.currentSrc != path && path) {
                citem.pause();
              }
            }
          });
        }
      },
      // 视频小窗
      handleVideoPicture() {
        let doms = (
          this.container ? this.container : document
        ).querySelectorAll(".video");
        doms = Array.from(doms)
        if (!doms.length) return false
        const playVudio = doms
          .reverse()
          .find((item) => item.paused == false);
        if (playVudio) {
          const bottomGap = playVudio.getBoundingClientRect().bottom;
          const topGap = playVudio.getBoundingClientRect().top;
          if (bottomGap < 0 || topGap > window.innerHeight) {
            playVudio.requestPictureInPicture();
          }
        }
      },
      //其他类名下字体大小变化
      transformDom(fs) {
        if(!fs) return
        let doms = (
          this.container ? this.container : document
        ).querySelectorAll('.block')
        if(!doms.length) return 
        for (let index = 0; index < doms.length; index++) {
          const dom = doms[index];
          dom.style.fontSize = fs + 'px'
        }
      }
    },
    components: {
      pageHeader,
      chapterOne,
    //   chapterTwo,
    //   chapterThree,
    //   chapterFour,
    //   chapterFive,
    //   chapterSix,
    //   chapterSeven,
    //   chapterEight
    },
  };
  </script>
  
  <style lang="less" scoped>
  .page-main {
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
  
    .page-content {
      max-width: 816px;
      min-width: 375px;
      margin: 0 auto;
      padding-bottom: 100px;
    }
  }
  </style>
  

 src/books/aviationSafety/view/index.vue

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

 src/books/civilAviation/assets/main.less

@@ -35,7 +35,7 @@
        margin-top: 30px;
    }

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

@@ -61,8 +61,9 @@
    }


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

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

@@ -240,7 +241,7 @@
    }


    

    .p-odd {
        padding-right: 10%;
    }
@@ -314,6 +315,7 @@

    .references {
        margin-top: 140px;

        hr {
            font-weight: bold;
            margin-left: 0;
@@ -329,7 +331,7 @@
        width: 430px;
    }

    .w280{
    .w280 {
        width: 280px;
    }

@@ -341,8 +343,8 @@
        width: 250px;
    }

    .w230{
        width: 230px; 
    .w230 {
        width: 230px;
    }

    .w220 {
@@ -353,8 +355,8 @@
        width: 200px;
    }

    .w180{
        width: 180px; 
    .w180 {
        width: 180px;
    }

    .w115 {
@@ -507,7 +509,7 @@
        outline: none;
    }

    .textarea-box-right{
    .textarea-box-right {
        background-color: transparent;
        margin-left: 8%;
        max-width: 85%;
@@ -969,7 +971,7 @@
    .unit5-c {
        color: #0180CD !important;
    }
    

    h4 {
        font-family: 'FZHTJW';
        color: #5192C6;