| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | collectImg: require("../../assets/images/icon/heart.png"), |
| | | collectCheck: require("../../assets/images/icon/heart-check.png"), |
| | | videoPathOne: "", |
| | | videoPathTwo: "", |
| | | videoPathThree: "", |
| | | videoPathFour: "", |
| | | collectResourceList: [], |
| | | questionData: { |
| | | isComplete: false, |
| | |
| | | chapterData: { |
| | | isCollectVideo: false, |
| | | isCollectVideo01: false, |
| | | isCollectVideo02: false, |
| | | isCollectVideo03: false, |
| | | }, |
| | | }; |
| | | }, |
| | |
| | | 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]; |
| | |
| | | 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(); |