zhongshujie
2024-12-23 a31c8c9d7df2883b38871819239ec914c6e5ae0c
src/books/aviationBasicSkills/view/components/chapter001.vue
@@ -213,6 +213,22 @@
                    <p class="p-even">
                        第三,机场实行属地管理。按照政企分开、属地管理的原则,我国对90个机场进行了属地化管理改革。民航总局直接管理的机场下放所在省(区、市)管理,相关资产、负债和人员一并划转;民航总局与地方政府联合管理的民用机场和军民合用机场,属民航总局管理的资产、负债及相关人员一并划转所在省(区、市)管理。首都机场、西藏自治区内的民用机场继续由民航总局管理。2004年7月8日,随着甘肃省内的民用机场移交地方,机场属地化管理改革全面完成,也标志着民航体制改革全面完成。
                    </p>
                    <div class="video-box">
                        <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 == '77cad1fcb6a581d2fce136aa6aa9c4f8') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c002" class="p-even">
                        <span class="zt-h4">二、</span><span class="qyls-h4">我国民用航空运输业的现状</span>
                    </h3>
@@ -637,6 +653,22 @@
                    <p class="p-even">
                        民航服务的高标准,需要从业人员具备高素质。自从民航行业创建以来,民航员工特别是空中乘务人员的高素质,已为广大旅客留下了十分良好的行业印象。在现代民航服务中,旅客对民航员工的素质提出了更高的要求,民航员工需要在自身知识、语言、礼仪、行为等方面提高素质和修为。
                    </p>
                    <div class="video-box">
                        <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 == 'b124a569b4c3d11745db152f26b0b9f1') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h3 id="c007" class="p-even">
                        <span class="zt-h4">五、</span><span class="qyls-h4">民航服务的分类</span>
                    </h3>
@@ -1561,6 +1593,8 @@
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterOne",
    props: {
@@ -1570,6 +1604,15 @@
    },
    data() {
        return {
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            collectResourceList: [],
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
            },
            questionData: {
                teskOne: {
                    one: "",
@@ -1649,7 +1692,7 @@
            },
        };
    },
    mounted() {
    async mounted() {
        const bookQuestion = localStorage.getItem("aviation-book-chapter01");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
@@ -1659,8 +1702,64 @@
            this.tableData = JSON.parse(bookTableData);
        }
        const choiceQuestion = localStorage.getItem("aviation-book-chapter01-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(
                "77cad1fcb6a581d2fce136aa6aa9c4f8"
            );
            this.videoPathTwo = await getResourcePath(
                "b124a569b4c3d11745db152f26b0b9f1"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("77cad1fcb6a581d2fce136aa6aa9c4f8", "77cad1fcb6a581d2fce136aa6aa9c4f8", '', "视频", "bits", '视频:项目一 任务一')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("b124a569b4c3d11745db152f26b0b9f1", "b124a569b4c3d11745db152f26b0b9f1", '', "视频", "bits", '视频:项目一 任务二')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            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-chapter01-Data",
                JSON.stringify(this.chapterData)
            );
        },
        setBookQuestion() {
            localStorage.setItem(
                "aviation-book-chapter01",