From 3182ff9a1fc71b628e4f48dc28a99e99a7a4be00 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 27 五月 2024 17:45:52 +0800
Subject: [PATCH] 优化
---
src/books/childHealth/view/content/components/chapter002.vue | 80 +++++++++++++++++++++++++---------------
1 files changed, 50 insertions(+), 30 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 1908f45..74f8132 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -1,6 +1,6 @@
<template>
- <div class="chapter" num="2">
- <div class="page-box padding-96" page="43">
+ <div class="chapter" num="3">
+ <div class="page-box padding-96" page="51">
<p class="center" id="a008">
<img
class="img-a"
@@ -43,7 +43,7 @@
</p>
</div>
<!-- 44 -->
- <div class="page-box" page="44">
+ <div class="page-box" page="52">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -287,7 +287,7 @@
</div>
</div>
<!-- 45 -->
- <div class="page-box" page="45">
+ <div class="page-box" page="53">
<div class="page-header-box">
<span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
<span class="page-header-num">45</span>
@@ -323,7 +323,7 @@
</div>
</div>
<!-- 46 -->
- <div class="page-box" page="46">
+ <div class="page-box" page="54">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -530,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"
@@ -599,7 +599,7 @@
</div>
</div>
<!-- 47 -->
- <div class="page-box" page="47">
+ <div class="page-box" page="55">
<div class="page-header-box">
<span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
<span class="page-header-num">47</span>
@@ -646,7 +646,7 @@
</div>
</div>
<!-- 48 -->
- <div class="page-box" page="48">
+ <div class="page-box" page="56">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -690,7 +690,7 @@
</div>
</div>
<!-- 49 -->
- <div class="page-box" page="49">
+ <div class="page-box" page="57">
<div class="page-header-box">
<span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
<span class="page-header-num">49</span>
@@ -723,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 v-if="questionData" :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">
@@ -738,7 +738,7 @@
</div>
</div>
<!-- 50 -->
- <div class="page-box" page="50">
+ <div class="page-box" page="58">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -973,7 +973,7 @@
</div>
</div>
<!-- 51 -->
- <div class="page-box" page="51">
+ <div class="page-box" page="59">
<div class="page-header-box">
<span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
<span class="page-header-num">51</span>
@@ -1013,7 +1013,7 @@
</div>
</div>
<!-- 52 -->
- <div class="page-box" page="52">
+ <div class="page-box" page="60">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1058,12 +1058,12 @@
<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 v-if="questionData" :cardList="questionData[52]" />
+ <examinations v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" />
</p>
</div>
</div>
<!-- 53 -->
- <div class="page-box" page="53">
+ <div class="page-box" page="61">
<div class="page-header-box">
<span class="page-header-text">涓撻浜� 瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
<span class="page-header-num">53</span>
@@ -1110,7 +1110,7 @@
</div>
</div>
<!-- 54 -->
- <div class="page-box" page="54">
+ <div class="page-box" page="62">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1202,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>
@@ -1227,10 +1227,10 @@
<p class="blockh6-c">
瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
<span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
- <examinations v-if="questionData" :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 v-if="questionData" :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">
@@ -1249,20 +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";
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: "",
@@ -1274,6 +1269,7 @@
pathOne: "",
pathTwo: "",
pathThree: "",
+ saveTime:20,
chapterTwoData: {
experienceOne: "",
experienceTwo: "",
@@ -1301,7 +1297,7 @@
qEight: "",
qNine: "",
qTen: "",
- qEvelen: "",
+ qEleven: "",
},
learnTableThree: {
qOne: "",
@@ -1351,10 +1347,24 @@
};
},
async mounted() {
- this.$data.questionData = await getQuestionData('2',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.config.activeBook);
+ this.getVideoPath()
+ },
+ unmounted() {
+ if(window.timerTwo) {
+ clearInterval(window.timerTwo)
+ }
+ localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
},
methods: {
changeResources(type) {
@@ -1368,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