民航安全表格对齐

zhongshujie

2025-01-02 7d7449d6bd565e4e9d790c582648ddd2bff04cd6

 src/books/civilServices/view/components/chpater002.vue

@@ -1125,7 +1125,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1133,9 +1133,9 @@
                        <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 == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '1112e7daf609c501c2a99cfc53974ad0') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1692,7 +1692,7 @@
                    <p class="p-odd td-0">尊重的需要与自我实现的需要为高级需要。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -1700,9 +1700,9 @@
                        <p class="center videoname">
                            <span>视频：马斯洛的需要层次理论 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2223,7 +2223,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -2231,9 +2231,9 @@
                        <p class="center videoname">
                            <span>视频：特殊旅客服务 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2727,6 +2727,22 @@
                    </div>
                    <h4 id="d030" class="p-odd"><span class="zt-h4 unit2-c">二、</span><span
                            class="zt-h4 unit2-c">四种气质类型的特征</span></h4>
                    <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 == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-05')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h5 id="e043" class="p-odd">（一）胆汁质</h5>
                    <p class="p-odd">胆汁质的人感受性低，耐受性高；反应不随意性占优势；外倾性明显，情绪兴奋性高，抑制能力差；反应快，但不灵活。</p>
                    <p class="p-odd">
@@ -2946,7 +2962,7 @@
                            class="zt-h4 unit2-c">不同气质类型旅客的个性特征与服务要点</span></h4>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -2954,9 +2970,9 @@
                        <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 == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo05 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '544f826ccecc3a5ef5a924f3de20b50d') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-06')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -3423,7 +3439,7 @@
                    <p class="p-even td-0">绪；每当这些情绪发生时，人们都会体验到爱国主义的情感。</p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <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>
@@ -3431,9 +3447,9 @@
                        <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 == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo06 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'ebc74289f2e6628c92f721e8946863d3') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-07')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -4272,17 +4288,17 @@
                    <p class="p-even">情绪的自我调节方法多种多样，但只要民航服务人员把握下列几个要点并掌握相关的方法，就一定能克服不良情绪，使自己快乐起来。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <video :src="videoPathEight" 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>
                            <span>视频：民航服务人员的情绪调控 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                :content="chapterData.isCollectVideo07 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '2249b07d554da66c40b31a3738b5be41') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -4769,7 +4785,7 @@
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true"
                            <video :src="videoPathNine" 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>
@@ -4777,9 +4793,9 @@
                        <p class="center videoname">
                            <span>视频：态度 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                :content="chapterData.isCollectVideo08 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                                    alt="" class="collect-btn" @click="handleCollect('video-09')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -5006,6 +5022,22 @@
                    <p class="p-odd">
                        民航旅客的态度，是指旅客对民航及其服务人员所持的评价以及心理倾向，反映了旅客对民航及其服务人员提供的服务的满意度。它源于旅客在消费过程中所产生的感受与期望值的对比。个别旅客的感觉和评价对航空公司或民航服务人员的影响不大，但所有旅客对航空公司、民航服务人员的总体态度，就决定了航空公司的生存与发展。因此，努力提高旅客的满意度是改变民航旅客态度的关键，具有至关重要的作用。
                    </p>
                    <div class="video-box-left">
                        <p class="center text">
                            <video :src="videoPathTen" 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.isCollectVideo09 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'f230fd8fd7952a4ad4dd05d94df7e797') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-10')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d048"><span class="zt-h4 unit2-c">一、</span><span class="zt-h4 unit2-c">民航服务态度</span></h4>
                    <p class="p-odd">
                        民航服务态度是指民航服务人员对旅客及民航服务工作的认知、情感与行为倾向。它是民航服务质量的一项重要内容。在民航服务过程中，民航服务人员必须充分尊重旅客，用自己真诚的微笑和热忱的态度让旅客满意，给旅客留下美好而深刻的印象。
@@ -5616,6 +5648,15 @@
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            videoPathFive: "",
            videoPathSix: "",
            videoPathSeven: "",
            videoPathEight: "",
            videoPathNine: "",
            videoPathTen: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -5836,8 +5877,15 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
                isCollectVideo07: false,
                isCollectVideo08: false,
                isCollectVideo09: false,
            },

        };
    },
    async mounted() {
@@ -5866,8 +5914,33 @@
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "1112e7daf609c501c2a99cfc53974ad0"
            );
            this.videoPathThree = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathFour = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathFive = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathSix = await getResourcePath(
                "544f826ccecc3a5ef5a924f3de20b50d"
            );
            this.videoPathSeven = await getResourcePath(
                "ebc74289f2e6628c92f721e8946863d3"
            );
            this.videoPathEight = await getResourcePath(
                "2249b07d554da66c40b31a3738b5be41"
            );
            this.videoPathNine = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );
            this.videoPathTen = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
            );

            for (let index = 0; index < this.chapter002.videoMd5.length; index++) {
                const item = this.chapter002.videoMd5[index];
                if (item.md5 && !item.md5.includes('https:')) {
@@ -5907,12 +5980,37 @@
                this.handleCollectResource(e.md5, e.md5, '', "视频", "bits", '微课小课堂：' + e.name)
                e.isCollectVideo = !e.isCollectVideo
            } else if (e == 'video-01') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理学的流派')
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：心理效应')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频：心理学的研究内容')
                this.handleCollectResource("1112e7daf609c501c2a99cfc53974ad0", "1112e7daf609c501c2a99cfc53974ad0", '', "视频", "bits", '视频：感知觉的基本内容')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：马斯洛的需要层次理论')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            } else if (e == 'video-04') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：特殊旅客服务')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            } else if (e == 'video-05') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：气质类型')
                this.chapterData.isCollectVideo04 = !this.chapterData.isCollectVideo04
            } else if (e == 'video-06') {
                this.handleCollectResource("544f826ccecc3a5ef5a924f3de20b50d", "544f826ccecc3a5ef5a924f3de20b50d", '', "视频", "bits", '视频：不同气质类型旅客的个性特征与服务要点')
                this.chapterData.isCollectVideo05 = !this.chapterData.isCollectVideo05
            } else if (e == 'video-07') {
                this.handleCollectResource("ebc74289f2e6628c92f721e8946863d3", "ebc74289f2e6628c92f721e8946863d3", '', "视频", "bits", '视频：情绪')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            } else if (e == 'video-08') {
                this.handleCollectResource("2249b07d554da66c40b31a3738b5be41", "2249b07d554da66c40b31a3738b5be41", '', "视频", "bits", '视频：民航服务人员的情绪调控')
                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
            } else if (e == 'video-09') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：态度')
                this.chapterData.isCollectVideo08 = !this.chapterData.isCollectVideo08
            } else if (e == 'video-10') {
                this.handleCollectResource("f230fd8fd7952a4ad4dd05d94df7e797", "f230fd8fd7952a4ad4dd05d94df7e797", '', "视频", "bits", '视频：民航服务态度')
                this.chapterData.isCollectVideo09 = !this.chapterData.isCollectVideo09
            }

            this.handleChapter002();
            this.handleChapterData();
        },