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

zhongshujie

2024-12-23 a31c8c9d7df2883b38871819239ec914c6e5ae0c

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

@@ -22,6 +22,22 @@
                        <p class="bj-1-zt">3.具备危机意识和“安全责任重于泰山”的责任意识。</p>
                        <p class="bj-1-zt">4.具备优质的文明服务意识，文明执勤、热情服务。</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>视频：项目六 导入 </span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(item => item.id == 'a83b9d9ab22d0fd1d84990df6f1b127e') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <p><br></p>
                    </div>
                </div>
@@ -78,6 +94,22 @@
                    <p class="p-odd">②旅客到达安检通道前传位置，将手提行李与身上的小件金属物品放置在X射线机传送带上并过机检查。</p>
                    <p class="p-odd">③按照前传检查员的指引，旅客通过金属探测门并接受人身检查。</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>视频：项目六 项目一 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f82bcad075774964b82ae8aa43d9a7f0') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c054" class="p-odd"><span class="zt-h4 unit2-c">四、</span><span
                            class="qyls-h4 unit2-c">安检的准备及实施</span></h3>
                    <p class="p-odd">
@@ -362,6 +394,22 @@
                        <p class="p-even">⑤录入信息并盖章。将登机牌信息和旅客信息录入安检信息管理系统，以备查用。查验无误后，按规定在登机牌上加盖验讫章。</p>
                    </span>
                    <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 == 'f9b156c70fc8d593f0095ef535360551') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c057" class="p-even"><span class="zt-h4 unit2-c">三、</span><span
                            class="qyls-h4 unit2-c">证件检查的方法</span></h3>
                    <p class="p-even">检查证件时应采取检查、观察和询问相结合的方法，具体为一看、二对、三问。</p>
@@ -607,16 +655,19 @@
                        </tr>
                    </table>
                    <p class="left p-even"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-even">1.检查证件时应采取<input v-model="questionData.teskTwo.three" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.four" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />和<input v-model="questionData.teskTwo.five" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />相结合的方法，具体为<input v-model="questionData.teskTwo.six" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.seven" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />、<input v-model="questionData.teskTwo.eight" class="input-bottom-border fz-14"
                        @change="setBookQuestion" />。</p>
                    <p class=" p-even">1.检查证件时应采取<input v-model="questionData.teskTwo.three"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />、<input
                            v-model="questionData.teskTwo.four" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />和<input v-model="questionData.teskTwo.five"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />相结合的方法，具体为<input
                            v-model="questionData.teskTwo.six" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />、<input v-model="questionData.teskTwo.seven"
                            class="input-bottom-border fz-14" @change="setBookQuestion" />、<input
                            v-model="questionData.teskTwo.eight" class="input-bottom-border fz-14"
                            @change="setBookQuestion" />。</p>
                    <p class=" p-even">2.简述验证岗位人员执勤时的注意事项。</p>
                    <textarea v-model="questionData.teskTwo.nine" placeholder="请输入内容" rows="6"
                    class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
                    <p class="left p-even"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskTwo.ten" placeholder="请输入内容" rows="6"
                        class="fz-16  textarea-box-left" @change="setBookQuestion"></textarea>
@@ -681,6 +732,22 @@
                    </p>
                    <p class="p-even">⑨腹部。腹部空间较大，易藏匿相对大型的危险品和较多的违禁品，从外表上不易看出，须通过摸、按、压等方法从严检查。</p>
                    <p class="p-even">⑩脚部。脚部容易藏匿枪支、炸药、子弹、刀具等。</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>视频：项目六 项目三 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '9e3e5573e2af66a565039ee9f4c9bb0e') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c061" class="p-even"><span class="zt-h4  unit2-c">三、</span><span
                            class="qyls-h4  unit2-c">人身检查的重点对象</span></h3>
                    <p class="p-even">对旅客进行人身检查时，有下列情况之一者，应列为重点检查对象，要特别注意从严仔细检查。</p>
@@ -1003,6 +1070,22 @@
                    <p class="p-odd">⑦协助物主复原箱/包，并将箱/包移送X射线机复查。</p>
                    <p class="p-odd">⑧检查完毕后提醒物主携带好随身物品（如登机牌、身份证、手机、眼镜等），防止其离开时遗留物品。</p>
                    <p class="p-odd">⑨遇有过检人员携带不愿意接受X射线机检查的物品，应进行手工检查。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"
                                style=" border-radius: 10px; "></video>
                        </p>
                        <p class="center videoname">
                            <span>视频：项目六 项目四 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo04 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '68ae02257e5c82558a4b224770bd1ab6') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c065" class="p-odd"><span class="zt-h4 unit2-c">二、</span><span
                            class="qyls-h4 unit2-c">开箱/包检查的方法</span></h3>
                    <p class="p-odd">检查过程中，一般通过人的眼、耳、鼻、手等进行检查，开箱/包检查员应根据物品种类采取相应的方法（看、听、嗅、摸、拆、掂、捏、探、摇）进行检查。</p>
@@ -1256,13 +1339,13 @@
                    <p class="left p-odd"><span class="bj2">拓展训练▼</span></p>
                    <p class=" p-odd">1.行李开箱/包检查员在岗位上发现一名老人将水果刀藏在雨伞里，该如何操作？</p>
                    <textarea v-model="questionData.teskFour.three" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class=" p-odd">2.如何有效避免开箱/包过程中违禁品被转移？</p>
                    <textarea v-model="questionData.teskFour.four" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                    <p class="left p-odd"><span class="bj2">自我评价▼</span></p>
                    <textarea v-model="questionData.teskFour.five" placeholder="请输入内容" rows="6"
                    class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                        class="fz-16 textarea-box-right" @change="setBookQuestion"></textarea>
                </div>
            </div>
        </div>
@@ -1274,6 +1357,8 @@
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterSix",
    props: {
@@ -1283,6 +1368,21 @@
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            videoPathFive: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
                isCollectVideo04: false,
            },
            questionData: {
                teskOne: {
                    one: "",
@@ -1385,7 +1485,7 @@
            },
        };
    },
    mounted() {
    async mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter06");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
@@ -1395,8 +1495,80 @@
            this.tableData = JSON.parse(bookTableData);
        }

        const choiceQuestion = localStorage.getItem("aviation-book-chapter06-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(
                "a83b9d9ab22d0fd1d84990df6f1b127e"
            );
            this.videoPathTwo = await getResourcePath(
                "f82bcad075774964b82ae8aa43d9a7f0"
            );
            this.videoPathThree = await getResourcePath(
                "f9b156c70fc8d593f0095ef535360551"
            );
            this.videoPathFour = await getResourcePath(
                "9e3e5573e2af66a565039ee9f4c9bb0e"
            );
            this.videoPathFive = await getResourcePath(
                "68ae02257e5c82558a4b224770bd1ab6"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("a83b9d9ab22d0fd1d84990df6f1b127e", "a83b9d9ab22d0fd1d84990df6f1b127e", '', "视频", "bits", '视频：项目六 导入')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("f82bcad075774964b82ae8aa43d9a7f0", "f82bcad075774964b82ae8aa43d9a7f0", '', "视频", "bits", '视频：项目六 任务一')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("f9b156c70fc8d593f0095ef535360551", "f9b156c70fc8d593f0095ef535360551", '', "视频", "bits", '视频：项目六 任务二')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("9e3e5573e2af66a565039ee9f4c9bb0e", "9e3e5573e2af66a565039ee9f4c9bb0e", '', "视频", "bits", '视频：项目六 任务三')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            } else if (e == 'video-05') {
                this.handleCollectResource("68ae02257e5c82558a4b224770bd1ab6", "68ae02257e5c82558a4b224770bd1ab6", '', "视频", "bits", '视频：项目六 任务四')
                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
            }
            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-chapter06-Data",
                JSON.stringify(this.chapterData)
            );
        },

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