From e5ac9c38a59646544e6d4b6dee0b3c5f2970118f Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 20 五月 2024 14:27:26 +0800 Subject: [PATCH] 新书 --- src/books/childHealth/view/content/components/chapter002.vue | 62 +++++++++++++++++++++--------- 1 files changed, 43 insertions(+), 19 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index 1e8a046..0d4945a 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -345,7 +345,12 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[46]" /> + <examinations + v-if="questionData" + :cardList="questionData[46]" + :chapter="2" + :page="46" + /> </p> <h2 class="module_block" id="b011"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -525,7 +530,7 @@ <textarea cols="30" rows="4" - v-model="chapterTwoData.learnTableTwo.qEvelen" + v-model="chapterTwoData.learnTableTwo.qEleven" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="300" class="w100 ta-br textarea-text" @@ -718,7 +723,7 @@ <p class="blockh6-c"> <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[49]" /> + <examinations v-if="questionData" :cardList="questionData[49]" :chapter="2" :page="49" /> </p> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> <div class="fieldset"> @@ -1053,7 +1058,7 @@ <p class="blockh6-c center"> <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> --> <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[52]" /> + <examinations v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" /> </p> </div> </div> @@ -1197,7 +1202,7 @@ style="width: 80%; margin: 0 0 0 40px" :rows="8" placeholder="璇疯緭鍏ュ唴瀹�" - v-model="chapterTwoData.question.short.qOne" + v-model="chapterTwoData.question.short.qTwo" ></textarea> <div> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> @@ -1222,10 +1227,10 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[541]" /> + <examinations v-if="questionData" :cardList="questionData[541]" :chapter="2" :page="541" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[542]" /> + <examinations v-if="questionData" :cardList="questionData[542]" :chapter="2" :page="542" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> @@ -1244,21 +1249,15 @@ </template> <script> -import evenHeaderVue from "../../components/pageHeader/evenHeader.vue"; -import oddHeaderVue from "../../components/pageHeader/oddHeader.vue"; import examinations from "@/components/examinations/index.vue"; import getQuestionData from "@/assets/methods/examination"; import testData from "../../../assets/examinationList"; import getResourcePath from "@/assets/methods/resources"; -import { mapState } from "vuex"; export default { name: "chapterTwo", - components: { evenHeaderVue, oddHeaderVue, examinations }, + components: { examinations }, data() { return { - taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"), - taskTwo: require("../../../assets/images/chapterTwo/task-sheet2.png"), - taskThree: require("../../../assets/images/chapterTwo/task-sheet3.png"), special: require("../../../assets/images/chapterTwo/0056-1.jpg"), most: require("../../../assets/images/chapterTwo/0060-1.jpg"), resourceState: "", @@ -1270,6 +1269,7 @@ pathOne: "", pathTwo: "", pathThree: "", + saveTime:20, chapterTwoData: { experienceOne: "", experienceTwo: "", @@ -1297,7 +1297,7 @@ qEight: "", qNine: "", qTen: "", - qEvelen: "", + qEleven: "", }, learnTableThree: { qOne: "", @@ -1347,10 +1347,24 @@ }; }, async mounted() { - this.$data.questionData = await getQuestionData(testData[2]); - this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646"); - this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e"); - this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0"); + const localData = localStorage.getItem('chapterTwoData') + if(localData) { + this.chapterTwoData = JSON.parse(localData) + } + window.timerTwo = setInterval(() => { + this.saveTime-- + if(this.saveTime == 0) { + this.saveChapterOneData() + } + },1000) + this.$data.questionData = await getQuestionData('2',testData[2]); + this.getVideoPath() + }, + unmounted() { + if(window.timerTwo) { + clearInterval(window.timerTwo) + } + localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData)) }, methods: { changeResources(type) { @@ -1364,6 +1378,16 @@ this.$data.videoState = !this.$data.videoState; } }, + getVideoPath() { + this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646"); + this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e"); + this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0"); + }, + saveChapterOneData() { + this.saveTime = 20 + console.log(this.chapterTwoData); + localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData)) + } }, }; </script> -- Gitblit v1.9.1