Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

闫增涛

2024-12-23 6997ee42e0fd3519f8ae418ee02749a85255707b

 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>
@@ -505,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>
@@ -798,13 +845,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 +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">
                        ①值机员为旅客办理完值机业务、关闭本次航班后，应统计发放登机牌的数量，并与离港系统中的人数、行李件数、行李质量进行核对，用对讲机与行李房核对行李件数。如果货运收运了团队行李，应将件数和质量通知该航班值机员，值机员应及时将行李件数、质量加入离港计算机系统中，以便配载员配载以及核对。
@@ -1169,7 +1234,7 @@
                            <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 +1365,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 +1376,8 @@
</template>

<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterFive",
    props: {
@@ -1320,6 +1387,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 +1478,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 +1498,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",