zhongshujie
3 天以前 fe52c75b42ef2815dc5c66e964c2b388ed09d097
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>
@@ -162,6 +177,22 @@
                    <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>
@@ -170,9 +201,9 @@
                        <textarea v-model="questionData.teskOne.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-odd"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -218,8 +249,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14 ">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center" rowspan="4">任务目标</td>
                            <td class="ta-l" colspan="1">目标</td>
@@ -505,6 +535,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>
@@ -583,9 +629,9 @@
                        <textarea v-model="questionData.teskTwo.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -731,9 +777,9 @@
                    <li class="headerNumber">117</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>
@@ -798,13 +844,15 @@
                    <p class="p-odd">1.值机柜台分为哪几种?</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">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>
@@ -937,6 +985,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">
                        ①值机员为旅客办理完值机业务、关闭本次航班后,应统计发放登机牌的数量,并与离港系统中的人数、行李件数、行李质量进行核对,用对讲机与行李房核对行李件数。如果货运收运了团队行李,应将件数和质量通知该航班值机员,值机员应及时将行李件数、质量加入离港计算机系统中,以便配载员配载以及核对。
@@ -1030,9 +1094,9 @@
                        <textarea v-model="questionData.teskThree.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <p class="left p-even"><span class="bj2">任务工单▼</span></p>
                    <p class="left"><span class="bj2">任务工单▼</span></p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-th-bc">
                            <td class="center" colspan="5">民航服务基本技能任务工单</td>
                        </tr>
@@ -1161,15 +1225,15 @@
                    <li class="headerNumber">125-126</li>
                </ul>
                <div class="bodystyle">
                    <p class="continued fz-14 p-odd">续表</p>
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center w15">完成确认</td>
                            <td class="center w20">序号</td>
                            <td class="center" colspan="2">检查事项</td>
                            <td class="center w15">组长签字</td>
                        </tr>
                        </tr>
                        <tr class="table-tr-bc">
                            <td class="center">
                                <input v-model="tableData.teskTableThree.three" class="table-input-border fz-14"
@@ -1300,7 +1364,7 @@
                    <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>
                        class="fz-16 mr-9 textarea-box" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -1311,6 +1375,8 @@
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterFive",
    props: {
@@ -1320,6 +1386,19 @@
    },
    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: "",
@@ -1398,17 +1477,17 @@
                    twelve: "",
                    thirteen: "",
                    fourteen: "",
                    fifteen:"",
                    sixteen:"",
                    seventeen:"",
                    eighteen:"",
                    nineteen:"",
                    twenty:"",
                    fifteen: "",
                    sixteen: "",
                    seventeen: "",
                    eighteen: "",
                    nineteen: "",
                    twenty: "",
                },
            },
        };
    },
    mounted() {
    async mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter05");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
@@ -1418,8 +1497,72 @@
            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",