小窗

闫增涛

2024-12-31 a8da6c44895f90bc6d33df129bccd424bf73be3e

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

@@ -22,7 +22,22 @@
                        <p class="bj-1-zt">2.培养踏实肯干、勤奋好学、上下联动、积极沟通的职业素养。</p>
                        <p class="bj-1-zt">3.养成严谨务实、开拓创新、真情实意、以人为本的职业态度。</p>
                        <p><br></p>
                        <p><br></p>
                        <div class="video-box-cover">
                            <p class="center text">
                                <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                    style=" border-radius: 10px; "></video>
                            </p>
                            <p class="center videoname">
                                <span>视频：项目五 导入_1 </span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(item => item.id == '665da7513bb7123d5bae84feae3cd6d6') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <p><br></p>
                    </div>
                </div>
@@ -42,6 +57,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 +141,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>
@@ -160,14 +177,65 @@
                    <p class="p-odd">
                        旅客使用手机上网登录航空公司网站或使用小程序选择相应的航程，自行操作完成选座，生成电子登机牌。需要托运行李的旅客到达机场后可到人工柜台交运行李，打印登机牌。旅客凭电子登机牌或纸质登机牌都可完成安检登机。
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目五 任务1 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'd54fca9b232c021dbd52762af605c926') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="bj5 mr-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-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 +247,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 +436,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>
@@ -301,6 +536,22 @@
                    </p>
                    <h4 id="d126" class="p-even">（二）办理乘机手续</h4>
                    <p class="p-even">办理乘机手续的主要内容是查验旅客的旅行文件，为旅客安排座位、托运行李、打印登机牌和行李条。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目五 任务二 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '42a9fba9050e235ec7511ba0c4b2c0b4') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d127" class="p-even">（三）结算报载</h4>
                    <p class="p-even">①航班关闭后，进行两复核。就是查看登机牌发放数与离港系统办理的人数是否完全一致，如果不一致，要立即查找原因。</p>
                    <p class="p-even">②与装卸队核对行李件数和质量，办理交接手续。</p>
@@ -376,9 +627,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 +778,88 @@
                    <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 +874,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>
@@ -523,6 +986,22 @@
                        <p class="p-odd">③检查行李的包装、体积、质量是否符合要求。</p>
                        <p class="p-odd">④行李称重，与免费行李额比较，决定是否收费，并对应该收费的收取逾重行李费。</p>
                    </span>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目五 任务三_1 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'e30cc3eb8514972b784bcfcacb82d26f') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c047" class="p-odd"><span class="zt-h4">六、</span><span class="qyls-h4">报载</span></h3>
                    <p class="p-odd">
                        ①值机员为旅客办理完值机业务、关闭本次航班后，应统计发放登机牌的数量，并与离港系统中的人数、行李件数、行李质量进行核对，用对讲机与行李房核对行李件数。如果货运收运了团队行李，应将件数和质量通知该航班值机员，值机员应及时将行李件数、质量加入离港计算机系统中，以便配载员配载以及核对。
@@ -613,9 +1092,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 +1226,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>
@@ -645,6 +1376,8 @@
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterFive",
    props: {
@@ -652,6 +1385,198 @@
            type: Array,
        },
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
            },
            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: "",
                },
            },
        };
    },
    async 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);
        }

        const choiceQuestion = localStorage.getItem("aviation-book-chapter05-Data");
        if (choiceQuestion) {
            this.chapterData = JSON.parse(choiceQuestion);
        }
        this.getVidoePath();
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "665da7513bb7123d5bae84feae3cd6d6"
            );
            this.videoPathTwo = await getResourcePath(
                "d54fca9b232c021dbd52762af605c926"
            );
            this.videoPathThree = await getResourcePath(
                "42a9fba9050e235ec7511ba0c4b2c0b4"
            );
            this.videoPathFour = await getResourcePath(
                "e30cc3eb8514972b784bcfcacb82d26f"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("665da7513bb7123d5bae84feae3cd6d6", "665da7513bb7123d5bae84feae3cd6d6", '', "视频", "bits", '视频：项目五 导入_1')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("d54fca9b232c021dbd52762af605c926", "d54fca9b232c021dbd52762af605c926", '', "视频", "bits", '视频：项目五 任务1')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("42a9fba9050e235ec7511ba0c4b2c0b4", "42a9fba9050e235ec7511ba0c4b2c0b4", '', "视频", "bits", '视频：项目五 任务二')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("e30cc3eb8514972b784bcfcacb82d26f", "e30cc3eb8514972b784bcfcacb82d26f", '', "视频", "bits", '视频：项目五 任务三_1')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            }
            this.handleChapterData();
        },

        //资源收藏事件
        // resourcePath  文件路径，
        // resourceType  文件类型
        // source        文件来源
        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
            let list = this.collectResourceList
            if (list.findIndex(item => item.id == id) > -1) {
                list = list.filter(item => item.id != id)
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                })
            }
            this.collectResourceList = list
            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
        },
        handleChapterData() {
            localStorage.setItem(
                "aviation-book-chapter05-Data",
                JSON.stringify(this.chapterData)
            );
        },
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter05",
                JSON.stringify(this.questionData)
            );
        },
        setBookTableData() {
            localStorage.setItem(
                "aviation-book-chapter05-tableData",
                JSON.stringify(this.tableData)
            );
        }
    },
}
</script>