zhongshujie
3 天以前 fe52c75b42ef2815dc5c66e964c2b388ed09d097
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>
@@ -254,7 +270,7 @@
                    </div>
                    <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>
@@ -437,7 +453,7 @@
                <div class="bodystyle">
                    <p class="continued fz-14">续表</p>
                    <table border="1" cellpadding="4" cellspacing="0"
                        style="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 ml-9">
                        style="border-color: #5192c6; border-collapse: collapse" class="fz-15 img-0">
                        <tr class="table-tr-bc">
                            <td class="ta-l" colspan="5">
                                <p>注意事项:</p>
@@ -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>
@@ -718,9 +750,9 @@
                            四川航空为携带特殊医疗设备的旅客提供运输解决方案。例如,2021年,一位需要携带呼吸机的旅客计划从成都飞往上海。四川航空在了解旅客需求后,协助其办理了特殊行李的托运手续,并确保呼吸机在整个飞行过程中得到妥善处理和供电。
                        </p>
                    </div>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="left mt-50"><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>
@@ -796,9 +828,9 @@
                    <li class="headerNumber">015</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="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
@@ -1329,9 +1361,9 @@
                            寰宇一家成立于1999年,由美国航空、英国航空公司、原加拿大航空公司、国泰航空有限公司及澳洲航空公司共同发起。寰宇一家创始之初总部设在加拿大温哥华,后迁至美国纽约,其网站显示,至2024年6月,有13家正式会员。寰宇一家标识如图1-25所示。
                        </p>
                    </span>
                    <p class="left p-even mt-50"><span class="bj2">任务工单▼</span></p>
                    <p class="left mt-50"><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>
@@ -1411,9 +1443,9 @@
                    <li class="headerNumber">023-024</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="width: 91%; border-color: #5192c6; border-collapse: collapse" class="fz-15 mr-9">
                        style="width: 100%; border-color: #5192c6; border-collapse: collapse" class="fz-15">
                        <tr class="table-tr-bc">
                            <td class="center">主要内容</td>
                            <td class="ta-l w20" valign="top">
@@ -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,62 @@
            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",