闫增涛
2025-03-26 cf6e9bcbfc64019bb14fb0964576ae3e3bd2fde5
src/books/civilServices/view/components/chapter003.vue
@@ -423,7 +423,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 == '30b4c510514d03ed2902817e6e9f4fb2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
@@ -722,7 +722,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>
@@ -730,9 +730,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 == '114bfb6ee69164a3d24991fe2061fab2') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -1725,7 +1725,7 @@
                    <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="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>
@@ -1733,9 +1733,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 == ' 4ee774f6507c878e0e2ba42a12cc3362') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-03')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2039,17 +2039,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="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>视频:民航服务的沟通策略 </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.isCollectVideo03 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == ' 8f57603126cedddbcd4be17c34099107') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-04')" />
                            </el-tooltip>
                        </p>
                    </div>
@@ -2487,6 +2487,9 @@
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
            videoPathTwo: "",
            videoPathThree: "",
            videoPathFour: "",
            collectResourceList: [],
            questionData: {
                isComplete: false,
@@ -2579,6 +2582,8 @@
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
                isCollectVideo02: false,
                isCollectVideo03: false,
            },
        };
    },
@@ -2605,10 +2610,16 @@
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "f230fd8fd7952a4ad4dd05d94df7e797"
                "30b4c510514d03ed2902817e6e9f4fb2"
            );
            this.videoPathTwo = await getResourcePath(
                "700cfdb8b85b372045b1e97e3356ae3a"
                "114bfb6ee69164a3d24991fe2061fab2"
            );
            this.videoPathThree = await getResourcePath(
                " 4ee774f6507c878e0e2ba42a12cc3362"
            );
            this.videoPathFour = await getResourcePath(
                " 8f57603126cedddbcd4be17c34099107"
            );
            for (let index = 0; index < this.chapter003.videoMd5.length; index++) {
                const item = this.chapter003.videoMd5[index];
@@ -2651,10 +2662,16 @@
                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("30b4c510514d03ed2902817e6e9f4fb2", "30b4c510514d03ed2902817e6e9f4fb2", '', "视频", "bits", '视频:人际吸引')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            } else if (e == 'video-02') {
                this.handleCollectResource("700cfdb8b85b372045b1e97e3356ae3a", "700cfdb8b85b372045b1e97e3356ae3a", '', "视频", "bits", '视频:心理学的研究内容')
                this.handleCollectResource("114bfb6ee69164a3d24991fe2061fab2", "114bfb6ee69164a3d24991fe2061fab2", '', "视频", "bits", '视频:客我交往技巧')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-03') {
                this.handleCollectResource(" 4ee774f6507c878e0e2ba42a12cc3362", " 4ee774f6507c878e0e2ba42a12cc3362", '', "视频", "bits", '视频:民航服务中常见的沟通障碍类型')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }else if (e == 'video-04') {
                this.handleCollectResource(" 8f57603126cedddbcd4be17c34099107", " 8f57603126cedddbcd4be17c34099107", '', "视频", "bits", '视频:民航服务的沟通策略')
                this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
            }
            this.handlechapter003();