testbookLayout.git

			@@ -19,8 +19,22 @@
			<p class="bj-1-zt">1.提高个人在人际沟通过程中的语言温度。</p>
			<p class="bj-1-zt">2.提升民航对客服务沟通过程中的效能。</p>
			<p><br></p>
			<p><br></p>
			<p><br></p>
			<div class="video-box-cover">
			<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 == 'f3397edec7e58dc77e76ce434e66f096') > -1 ? collectCheck : collectImg"
			alt="" class="collect-btn" @click="handleCollect('video-01')" />
			</el-tooltip>
			</p>
			</div>
			<p><br></p>
			</div>
			</div>
			@@ -196,6 +210,22 @@
			<p class="p-even">如果您现在暂时不需要用餐，我们将在您需要时提供，到时请您按呼唤铃，我们将随时为您服务。</p>
			<p class="p-even">我还能为（帮）您做点什么吗？</p>
			<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>视频：项目三任务1 </span>
			<el-tooltip class="item" effect="dark"
			:content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
			<img :src="collectResourceList.findIndex(item => item.id == '9908b7f1a3e2197b0d74ffefc42a3fd9') > -1 ? collectCheck : collectImg"
			alt="" class="collect-btn" @click="handleCollect('video-02')" />
			</el-tooltip>
			</p>
			</div>
			</div>
			</div>
			</div>
			@@ -478,6 +508,22 @@
			<p class="p-even">
			雅语是指将一些不便直言的事用一种比较委婉、含蓄的方式表达。例如，在接待宾客时，用“几位”代替“几个人”，用“哪一位”代替“谁”，用“贵姓”代替“你姓什么”，用“我去方便一下”代替“我去上厕所”，用“这件衣服不太适合您”代替“您穿这件衣服很难看”，用“发福”代替“发胖”，等等。雅语的使用不是机械的、固定的，需要根据不同场合、不同人物、不同时间灵活运用。
			</p>
			<div class="video-box">
			<p class="center text">
			<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>
			<p class="center videoname">
			<span>视频：项目三任务二 </span>
			<el-tooltip class="item" effect="dark"
			:content="chapterData.isCollectVideo02 ? '点击取消' : '点击收藏'" placement="top-start">
			<img :src="collectResourceList.findIndex(item => item.id == '6669e5cb8d28967e1f03a2f9e1700c19') > -1 ? collectCheck : collectImg"
			alt="" class="collect-btn" @click="handleCollect('video-03')" />
			</el-tooltip>
			</p>
			</div>
			<h4 id="d088" class="p-even">（二）语言的风趣性</h4>
			<p class="p-even">在日常交往中，生动幽默的语言能够起到活跃气氛、融洽感情、消除隔阂、增进沟通的作用。必要时，还能消除尴尬局面。</p>
			<p class="p-even">在民航服务礼仪中，工作人员在接待旅客时，语言不能呆板，不要机械地回答，这样容易使旅客感觉工作人员不热情、业务不熟悉、责任心不强。</p>
			@@ -724,6 +770,8 @@
			</template>

			<script>
			import { getResourcePath } from "@/assets/methods/resources";
			import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
			export default {
			name: "chapterThree",
			props: {
			@@ -733,6 +781,17 @@
			},
			data() {
			return {
			collectImg: require("../../assets/images/icon/heart.png"),
			collectCheck: require("../../assets/images/icon/heart-check.png"),
			videoPathOne: "",
			videoPathTwo: "",
			videoPathThree: "",
			collectResourceList: [],
			chapterData: {
			isCollectVideo: false,
			isCollectVideo01: false,
			isCollectVideo02: false,
			},
			questionData: {
			teskOne: {
			one: "",
			@@ -786,7 +845,7 @@
			},
			};
			},
			mounted() {
			async mounted() {
			const bookQuestion = localStorage.getItem("aviation-book-chapter03");
			if (bookQuestion) {
			this.questionData = JSON.parse(bookQuestion);
			@@ -796,8 +855,69 @@
			this.tableData = JSON.parse(bookTableData);
			}

			const choiceQuestion = localStorage.getItem("aviation-book-chapter03-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(
			"f3397edec7e58dc77e76ce434e66f096"
			);
			this.videoPathTwo = await getResourcePath(
			"9908b7f1a3e2197b0d74ffefc42a3fd9"
			);
			this.videoPathThree = await getResourcePath(
			"6669e5cb8d28967e1f03a2f9e1700c19"
			);
			},
			handleCollect(e) {
			if (e == 'video-01') {
			this.handleCollectResource("f3397edec7e58dc77e76ce434e66f096", "f3397edec7e58dc77e76ce434e66f096", '', "视频", "bits", '视频：项目三导入')
			this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
			} else if (e == 'video-02') {
			this.handleCollectResource("9908b7f1a3e2197b0d74ffefc42a3fd9", "9908b7f1a3e2197b0d74ffefc42a3fd9", '', "视频", "bits", '视频：项目三任务1')
			this.chapterData.isCollectVideo01 = !this.chapterData.isCollectVideo01
			} else if (e == 'video-03') {
			this.handleCollectResource("6669e5cb8d28967e1f03a2f9e1700c19", "6669e5cb8d28967e1f03a2f9e1700c19", '', "视频", "bits", '视频：项目三任务二')
			this.chapterData.isCollectVideo02 = !this.chapterData.isCollectVideo02
			}
			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-chapter03-Data",
			JSON.stringify(this.chapterData)
			);
			},


			setBookQuestion() {
			localStorage.setItem(
			"aviation-book-chapter03",