闫增涛
2025-03-26 cf6e9bcbfc64019bb14fb0964576ae3e3bd2fde5
src/books/civilServices/view/components/chapter004.vue
@@ -259,7 +259,7 @@
                            <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"
                                <img :src="collectResourceList.findIndex(item => item.id == '594ca0426d4afd67b79c46761467b485') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -460,7 +460,7 @@
                            class="zt-h4 unit4-c">值机处服务心理与策略</span></h4>
                    <div class="video-box">
                        <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>
@@ -468,9 +468,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 == '685d853fd235dd0a380062ed05b20f43') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1190,7 +1190,7 @@
                    </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>
@@ -1198,9 +1198,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.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'cd191bd1d937651d2e5948fb23900222') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1360,7 +1360,7 @@
                    <p class="p-odd">与民航服务人员发生冲突及投诉时旅客的心理因人而异,但一般来讲有以下几种。</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>
@@ -1368,9 +1368,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.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '1351bc9bab28122d133ca5bd4de60bbc') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1774,6 +1774,9 @@
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -1864,6 +1867,8 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
            },
        };
    },
@@ -1890,10 +1895,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
                "594ca0426d4afd67b79c46761467b485"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "685d853fd235dd0a380062ed05b20f43"
            );
            this.videoPathThree = await getResourcePath(
                "cd191bd1d937651d2e5948fb23900222"
            );
            this.videoPathFour = await getResourcePath(
                "1351bc9bab28122d133ca5bd4de60bbc"
            );
            for (let index = 0; index < this.chapter004.videoMd5.length; index++) {
                const item = this.chapter004.videoMd5[index];
@@ -1936,11 +1947,18 @@
                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("594ca0426d4afd67b79c46761467b485", "594ca0426d4afd67b79c46761467b485", '', "视频", "bits", '视频:电话订票与售票处服务心理与策略')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频:心理学的研究内容')
                this.handleCollectResource("685d853fd235dd0a380062ed05b20f43", "685d853fd235dd0a380062ed05b20f43", '', "视频", "bits", '视频:值机处、候机室和行李查询处服务心理与策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            } else if (e == 'video-03') {
                this.handleCollectResource("cd191bd1d937651d2e5948fb23900222", "cd191bd1d937651d2e5948fb23900222", '', "视频", "bits", '视频:冲突、投诉的原因')
                this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
            }
            else if (e == 'video-04') {
                this.handleCollectResource("1351bc9bab28122d133ca5bd4de60bbc", "1351bc9bab28122d133ca5bd4de60bbc", '', "视频", "bits", '视频:处理民航旅客的冲突与投诉')
                this.chapterData.isCollectVideo03 = !this.chapterData.isCollectVideo03
            }
            this.handlechapter004();
            this.handleChapterData();