民航服务基本技能视频资源插入

zhongshujie

2024-12-23 a31c8c9d7df2883b38871819239ec914c6e5ae0c

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

@@ -2,7 +2,7 @@
    <div class="chapter" num="3">
        <!-- 第二单元封面 -->
        <div class="page-box" page="33">
            <div v-if="showPageList.indexOf(32) > -1">
            <div v-if="showPageList.indexOf(33) > -1">
                <div style="background-color: #F99F1D; padding-top: 50px">
                    <h1 class="fl jc-c" id="a007"><img class="" style="width: 80%; " alt=""
                            src="../../assets/images/xm2.jpg" /></h1>
@@ -21,6 +21,22 @@
                        <p class="bj-1-zt">2.具备高瞻远瞩的长远发展眼光和大局意识。</p>
                        <p class="bj-1-zt">3.养成求真务实、开拓创新的职业精神。</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 == '0ad0533dd0c9b76fa61dfc15448c3701') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <p><br></p>
                    </div>
                </div>
@@ -28,7 +44,7 @@
        </div>
        <!-- 26页 -->
        <div class="page-box" page="34">
            <div v-if="showPageList.indexOf(33) > -1">
            <div v-if="showPageList.indexOf(34) > -1">
                <ul class="fl al-c pad-t-55 pad-l-60 mb-45">
                    <li class="header-left-Number">026</li>
                    <li class="header-left-text">民航服务基本技能（第 2 版）</li>
@@ -55,7 +71,7 @@
        </div>
        <!-- 27页 -->
        <div class="page-box" page="35">
            <div v-if="showPageList.indexOf(34) > -1">
            <div v-if="showPageList.indexOf(35) > -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>
@@ -72,6 +88,22 @@
                        第二，要有服务观念。服务质量与水平是民航企业的“生存线”，民航员工应热情为旅客服务，急旅客所急，帮旅客所需，热爱劳动，不怕吃苦，为旅客提供干净、舒适、愉快的旅行环境。民航员工的标准就是使自己的服务质量与世界航空服务标准接轨，服务的最高追求不是“满意”，而是创立“品牌”，使企业获得“品牌效应”。
                    </p>
                    <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 == '74178b45d436d5adc731024742f169fa') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d036">（二）强化职业纪律</h4>
                    <p class="p-odd">
                        职业纪律是在特定的职业活动范围内从事某种职业的人必须共同遵守的行为准则。它包括劳动纪律、组织纪律、财经纪律、群众纪律、保密纪律、宣传纪律、外事纪律等基本纪律要求，以及各行各业的特殊纪律要求。其特点是具有明确的规定性和一定的强制性。民航员工的职业纪律集中体现在《中华人民共和国民用航空法》等法规制度中，它们是我国民航70多年来经验教训的结晶，具有很强的针对性和规范性。民航员工必须严格遵守，不得有丝毫懈怠，否则，就会危及飞行安全，给国家和人民生命财产带来严重危害。
@@ -443,8 +475,9 @@
                    </table>
                    <p class="left"><span class="bj2">拓展训练▼</span></p>
                    <p class="p-odd">
                        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"
                        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>
@@ -511,6 +544,22 @@
                    </p>
                    <h5 id="e006">2.较强的外语交流能力</h5>
                    <p class="p-odd">民航服务行业的各种岗位，如安检、空乘、值机、票务等，随时可能遇到世界各国的旅客，所以，民航员工需要具备较强的外语交流能力。</p>
                    <div class="video-box-left">
                        <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>视频：项目二 任务2 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '088eaf1382e9ed4b330a1b3fa93f12e4') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d052">（三）计算机运用能力</h4>
                    <p class="p-odd">
                        随着我国经济的飞速发展，民用航空运输业呈现蓬勃发展的态势。计算机技术的应用范围越来越广，民航依赖计算机处理业务的程度也越来越高。各主要机场都使用机场综合信息计算机管理系统，实现了办公、业务和服务的自动化，如网上订票、值机等。所以，计算机运用能力是一项相当重要的基本技能。
@@ -571,7 +620,9 @@
                </div>
            </div>
        </div>

        <!-- 37页 -->

        <div class="page-box" page="45">
            <div v-if="showPageList.indexOf(45) > -1">
                <ul class="fl al-c jc-fe mr-70 pad-t-55 mb-45">
@@ -964,6 +1015,22 @@
                    <p class="p-even td-0">
                        保管员、油料化验员、油料司泵员、飞机加油员、油料计量统计员、油料电气仪表员、油料特种设备修理员工种。
                    </p>
                    <div class="video-box">
                        <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>视频：项目二 任务3 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '1b93521d7ff9abe65a4d6b53e4facc84') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d061" class="p-even">（一）鉴定方式</h4>
                    <p class="p-even">鉴定分理论知识和操作技能考核，采用闭卷笔试形式，理论知识和操作技能考核时间均为90分钟。</p>
                    <h4 id="d062" class="p-even">（二）鉴定标准</h4>
@@ -1275,6 +1342,22 @@
                    <p class="p-even">
                        焦虑是航空服务人员常见的情绪困扰，产生的原因多源于工作、生活与人际交往方面所遭受到的挫折。例如，发生纠纷事件，作为与旅客直接接触、面对面服务的航空服务人员（包括空中乘务员和地面服务人员），就处在矛盾最前沿，心理压力特别大，极易引发焦虑情绪。过度的或持久的焦虑会影响航空服务人员的正常心理活动，导致心理疾病，从而严重影响他们的正常生活和工作。
                    </p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目二 任务4 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo04 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'a4835abeeb56542fbd5efe47d3310b18') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
                            </el-tooltip>
                        </p>
                    </div>
                </div>
            </div>
        </div>
@@ -1697,14 +1780,16 @@
                </ul>
                <div class="bodystyle">
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></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="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>
@@ -1911,6 +1996,38 @@
                        <p>根据本任务所学，对照民航员工身体素质标准，小组研讨如何保持健康的体魄。</p>
                        <textarea v-model="questionData.teskFive.two" placeholder="请输入内容" rows="6"
                            class="fz-16 ml-2e  textarea-box" @change="setBookQuestion"></textarea>
                    </div>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目二 任务5 仰卧起坐 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo05 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '84b6c6467a3be2a41452dcc2b5e6134a') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目二 任务5 体前屈</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo06 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'd804cf70e2973630865e75ad0ba89f96') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-07')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <div class="bj4 ml-9">
                        <div class="fl al-c mb-10">
@@ -2144,6 +2261,8 @@


<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterTwo",
    props: {
@@ -2153,6 +2272,25 @@
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            videoPathFive: "",
            videoPathSix: "",
            videoPathSeven: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
            },
            questionData: {
                teskOne: {
                    one: "",
@@ -2275,18 +2413,104 @@
            },
        };
    },
    mounted() {
    async 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);
        }

        const choiceQuestion = localStorage.getItem("aviation-book-chapter02-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(
                "0ad0533dd0c9b76fa61dfc15448c3701"
            );
            this.videoPathTwo = await getResourcePath(
                "74178b45d436d5adc731024742f169fa"
            );
            this.videoPathThree = await getResourcePath(
                "088eaf1382e9ed4b330a1b3fa93f12e4"
            );
            this.videoPathFour = await getResourcePath(
                "1b93521d7ff9abe65a4d6b53e4facc84"
            );
            this.videoPathFive = await getResourcePath(
                "a4835abeeb56542fbd5efe47d3310b18"
            );
            this.videoPathSix = await getResourcePath(
                "84b6c6467a3be2a41452dcc2b5e6134a"
            );
            this.videoPathSeven = await getResourcePath(
                "d804cf70e2973630865e75ad0ba89f96"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("0ad0533dd0c9b76fa61dfc15448c3701", "0ad0533dd0c9b76fa61dfc15448c3701", '', "视频", "bits", '视频：项目二 导入_1')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("74178b45d436d5adc731024742f169fa", "74178b45d436d5adc731024742f169fa", '', "视频", "bits", '视频：项目二 任务1')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("088eaf1382e9ed4b330a1b3fa93f12e4", "088eaf1382e9ed4b330a1b3fa93f12e4", '', "视频", "bits", '视频：项目二 任务2')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("1b93521d7ff9abe65a4d6b53e4facc84", "1b93521d7ff9abe65a4d6b53e4facc84", '', "视频", "bits", '视频：项目二 任务3')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            } else if (e == 'video-05') {
                this.handleCollectResource("a4835abeeb56542fbd5efe47d3310b18", "a4835abeeb56542fbd5efe47d3310b18", '', "视频", "bits", '视频：项目二 任务4')
                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
            } else if (e == 'video-06') {
                this.handleCollectResource("84b6c6467a3be2a41452dcc2b5e6134a", "84b6c6467a3be2a41452dcc2b5e6134a", '', "视频", "bits", '视频：项目二 任务5 仰卧起坐')
                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
            } else if (e == 'video-07') {
                this.handleCollectResource("d804cf70e2973630865e75ad0ba89f96", "d804cf70e2973630865e75ad0ba89f96", '', "视频", "bits", '视频：项目二 任务5 体前屈')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            }
            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-chapter02-Data",
                JSON.stringify(this.chapterData)
            );
        },
        

        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter02",