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/chapter003.vue | 194 +++++++++++++++++++++++++++++------------------- 1 files changed, 117 insertions(+), 77 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue index dc1983b..ebdc347 100644 --- a/src/books/childHealth/view/content/components/chapter003.vue +++ b/src/books/childHealth/view/content/components/chapter003.vue @@ -46,7 +46,7 @@ 涓撻瀵煎 </h6> <p class="blockh6 m0-t0"> - <el-image :src="learn" :preview-src-list="[learn]" /> + <el-image :src="learn" :preview-src-list="[learn]" class="open-image" /> </p> </div> <!-- 56 --> @@ -312,7 +312,7 @@ <!-- 57 --> <div class="page-box" page="57"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">57</span> @@ -330,7 +330,7 @@ </div> <div class="right" style="width: 35%"> <p class="center"> - <el-image :src="body" :preview-src-list="[body]" /> + <el-image :src="body" :preview-src-list="[body]" class="open-image" /> </p> <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p> </div> @@ -394,7 +394,7 @@ <!-- 59 --> <div class="page-box" page="59"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">59</span> @@ -474,7 +474,7 @@ <!-- 61 --> <div class="page-box" page="61"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">61</span> @@ -572,7 +572,7 @@ <!-- 63 --> <div class="page-box" page="63"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">63</span> @@ -639,7 +639,7 @@ </h6> <p class="blockh6-c"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[64]" /> + <examinations :cardList="questionData[64]" :chapter="3" :page="64" /> </p> <h2 class="module_block" id="b014"> <div class="custom1">瀛︿範涓婚浜�</div> @@ -831,7 +831,7 @@ <!-- 65 --> <div class="page-box" page="65"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">65</span> @@ -894,7 +894,7 @@ <!-- 67 --> <div class="page-box" page="67"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">67</span> @@ -959,7 +959,7 @@ <!-- 69 --> <div class="page-box" page="69"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">69</span> @@ -1045,7 +1045,7 @@ <!-- 71 --> <div class="page-box" page="71"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">71</span> @@ -1132,7 +1132,7 @@ <!-- 73 --> <div class="page-box" page="73"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">73</span> @@ -1158,7 +1158,7 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span> - <examinations :cardList="questionData[73]" /> + <examinations :cardList="questionData[73]" :chapter="3" :page="73" /> </p> <h2 class="module_block" id="b015"> <div class="custom1">瀛︿範涓婚涓�</div> @@ -1457,7 +1457,7 @@ <!-- 75 --> <div class="page-box" page="75"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">75</span> @@ -1553,7 +1553,7 @@ <!-- 77 --> <div class="page-box" page="77"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">77</span> @@ -1645,14 +1645,14 @@ </h6> <p class="blockh6-c center"> <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span> - <examinations :cardList="questionData[78]" /> + <examinations :cardList="questionData[78]" :chapter="3" :page="78" /> </p> </div> </div> <!-- 79 --> <div class="page-box" page="79"> <div class="page-header-box"> - <span class="page-header-text" + <span class="page-header-text" >涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span > <span class="page-header-num">79</span> @@ -1744,22 +1744,31 @@ class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.one" />銆� - <input - type="text" - class="lineInput completion-input" - v-model="chapterThreeData.question.fill.qFive.Two" />銆� <input type="text" class="lineInput completion-input" - v-model="chapterThreeData.question.fill.qFive.Three" + v-model="chapterThreeData.question.fill.qFive.two" />銆� - <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Four" />銆� <input type="text" class="lineInput completion-input" - v-model="chapterThreeData.question.fill.qThree.Five" + v-model="chapterThreeData.question.fill.qFive.three" />銆� - <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Six" />绛夈�� + <input + type="text" + class="lineInput completion-input" + v-model="chapterThreeData.question.fill.qFive.four" + />銆� + <input + type="text" + class="lineInput completion-input" + v-model="chapterThreeData.question.fill.qThree.five" + />銆� + <input + type="text" + class="lineInput completion-input" + v-model="chapterThreeData.question.fill.qFive.six" + />绛夈�� </p> </div> </div> @@ -1777,15 +1786,23 @@ 6.瀛﹀墠鍎跨甯歌鐨勫績鐞嗙柧鐥呮湁锛�<input type="text" class="lineInput completion-input" - v-model="chapterThreeData.question.fill.qSix.One" + v-model="chapterThreeData.question.fill.qSix.one" />銆� - <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Two" />銆� <input type="text" class="lineInput completion-input" - v-model="chapterThreeData.question.fill.qSix.Three" + v-model="chapterThreeData.question.fill.qSix.two" />銆� - <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Four" />銆� + <input + type="text" + class="lineInput completion-input" + v-model="chapterThreeData.question.fill.qSix.three" + />銆� + <input + type="text" + class="lineInput completion-input" + v-model="chapterThreeData.question.fill.qSix.four" + />銆� </p> <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p> <p class="block">1.閽堝瀛﹀墠鍎跨鍚稿惍鎵嬫寚鐨勮涓猴紝鎻愬嚭鍙鐨勭籂姝f帾鏂姐��</p> @@ -1809,16 +1826,16 @@ <p class="blockh6-c"> 瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br /> <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br /> - <examinations :cardList="questionData[801]" /> + <examinations :cardList="questionData[801]" :chapter="3" :page="801" /> <span class="span-border"></span> <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span> - <examinations :cardList="questionData[802]" /> + <examinations :cardList="questionData[802]" :chapter="3" :page="802" /> </p> <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6> <p class="blockh6 m0-t0 fl fl-di fl-cn"> - <textarea - cols="30" - rows="18" + <textarea + cols="30" + rows="18" v-model="chapterThreeData.introspection" placeholder="璇疯緭鍏ュ唴瀹�" maxlength="800" @@ -1831,37 +1848,33 @@ </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 getQuestionData from "@/assets/methods/examination"; +import testData from "../../../assets/examinationList"; +import getResourcePath from "@/assets/methods/resources"; export default { name: "chapterThree", - components: { evenHeaderVue, oddHeaderVue,examinations }, + components: { examinations }, data() { return { learn: require("../../../assets/images/chapterThree/0068-1.jpg"), - taskOne: require("../../../assets/images/chapterThree/task-sheet1.png"), body: require("../../../assets/images/chapterThree/0070-1.jpg"), - taskTwo: require("../../../assets/images/chapterThree/task-sheet2.png"), - taskThree: require("../../../assets/images/chapterThree/task-sheet3.png"), learnTableOne: true, learnTableTwo: true, learnTableThree: true, - questionData:{}, - pathOne:'', - pathTwo:'', - pathThree:'', - pathFour:'', - pathFive:'', - pathSix:'', + questionData: {}, + pathOne: "", + pathTwo: "", + pathThree: "", + pathFour: "", + pathFive: "", + pathSix: "", + saveTime: 20, chapterThreeData: { experienceOne: "", experienceTwo: "", experienceThree: "", - introspection:'', + introspection: "", learnTableOne: { qOne: "", qTwo: "", @@ -1872,9 +1885,9 @@ qSeven: "", qEight: "", qNine: "", - qTen:"", - qEleven:"", - qTwelve:"", + qTen: "", + qEleven: "", + qTwelve: "", }, learnTableTwo: { qOne: "", @@ -1884,7 +1897,7 @@ qFive: "", qSix: "", qSeven: "", - qEnight:"" + qEnight: "", }, learnTableThree: { qOne: "", @@ -1896,10 +1909,10 @@ qSeven: "", qEight: "", qNine: "", - qTen:"", - qEleven:"", - qTwelve:"", - qThirteen:"", + qTen: "", + qEleven: "", + qTwelve: "", + qThirteen: "", }, question: { judge: { @@ -1907,8 +1920,8 @@ qTwo: "", qThree: "", qFour: "", - qFive:"", - qSix:"", + qFive: "", + qSix: "", }, fill: { qOne: { @@ -1926,17 +1939,17 @@ qFive: { one: "", two: "", - Three:"", - Four:"", - Five:"", - Six:"" + three: "", + four: "", + five: "", + six: "", }, - qSix:{ + qSix: { one: "", two: "", - Three:"", - Four:"", - } + three: "", + four: "", + }, }, short: { qOne: "", @@ -1947,14 +1960,24 @@ }; }, async mounted() { - console.log('鏁版嵁',testData[3]); - this.$data.questionData = await getQuestionData('3',testData[3]) - this.$data.pathOne = getResourcePath('ca2a1ae9429a5f7a28fe9aa1bfbf3b4a') - this.$data.pathTwo = getResourcePath('8fa9d6565b97c5975b1a0a7ef09d38a9') - this.$data.pathThree = getResourcePath('56170fb1a0ea272990fe51530086aab1') - this.$data.pathFour = getResourcePath('ae67fd7678656c0ce89599bd1949f993') - this.$data.pathFive = getResourcePath('5aa431a223cdba0d30f1175a2ec3f308') - this.$data.pathSix = getResourcePath('bc3af85cd899b20adf885c308c595fbb') + const localData = localStorage.getItem("chapterThreeData"); + if (localData) { + this.chapterThreeData = JSON.parse(localData); + } + window.timerThree = setInterval(() => { + this.saveTime--; + if (this.saveTime == 0) { + this.saveChapterOneData(); + } + }, 1000); + this.$data.questionData = await getQuestionData("3", testData[3]); + this.getVideoPath() + }, + unmounted() { + if (window.timerThree) { + clearInterval(window.timerThree); + } + localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData)); }, methods: { changeResources(type) { @@ -1968,6 +1991,23 @@ this.$data.videoState = !this.$data.videoState; } }, + getVideoPath() { + this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a"); + this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9"); + this.$data.pathThree = getResourcePath( + "56170fb1a0ea272990fe51530086aab1" + ); + this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993"); + this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308"); + this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb"); + }, + saveChapterOneData() { + this.saveTime = 20; + localStorage.setItem( + "chapterThreeData", + JSON.stringify(this.chapterThreeData) + ); + }, }, }; </script> -- Gitblit v1.9.1