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/chapter003.vue | 248 ++++++++++++++++++++++++++++--------------------
1 files changed, 144 insertions(+), 104 deletions(-)
diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index dc1983b..96dd1e0 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -1,6 +1,6 @@
<template>
- <div class="chapter" num="3">
- <div class="page-box padding-96" page="55">
+ <div class="chapter" num="4">
+ <div class="page-box padding-96" page="63">
<p class="center" id="a009">
<img
class="img-a"
@@ -46,11 +46,11 @@
涓撻瀵煎
</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 -->
- <div class="page-box" page="56">
+ <div class="page-box" page="64">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -310,9 +310,9 @@
</div>
</div>
<!-- 57 -->
- <div class="page-box" page="57">
+ <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">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>
@@ -357,7 +357,7 @@
</div>
</div>
<!-- 58 -->
- <div class="page-box" page="58">
+ <div class="page-box" page="66">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -392,9 +392,9 @@
</div>
</div>
<!-- 59 -->
- <div class="page-box" page="59">
+ <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">59</span>
@@ -432,7 +432,7 @@
</div>
</div>
<!-- 60 -->
- <div class="page-box" page="60">
+ <div class="page-box" page="68">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -472,9 +472,9 @@
</div>
</div>
<!-- 61 -->
- <div class="page-box" page="61">
+ <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">61</span>
@@ -529,7 +529,7 @@
</div>
</div>
<!-- 62 -->
- <div class="page-box" page="62">
+ <div class="page-box" page="70">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -570,9 +570,9 @@
</div>
</div>
<!-- 63 -->
- <div class="page-box" page="63">
+ <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">63</span>
@@ -610,7 +610,7 @@
</div>
</div>
<!-- 64 -->
- <div class="page-box" page="64">
+ <div class="page-box" page="72">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -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>
@@ -829,9 +829,9 @@
</div>
</div>
<!-- 65 -->
- <div class="page-box" page="65">
+ <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">65</span>
@@ -858,7 +858,7 @@
</div>
</div>
<!-- 66 -->
- <div class="page-box" page="66">
+ <div class="page-box" page="74">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -892,9 +892,9 @@
</div>
</div>
<!-- 67 -->
- <div class="page-box" page="67">
+ <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">67</span>
@@ -928,7 +928,7 @@
</div>
</div>
<!-- 68 -->
- <div class="page-box" page="68">
+ <div class="page-box" page="76">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -957,9 +957,9 @@
</div>
</div>
<!-- 69 -->
- <div class="page-box" page="69">
+ <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">69</span>
@@ -1017,7 +1017,7 @@
</div>
</div>
<!-- 70 -->
- <div class="page-box" page="70">
+ <div class="page-box" page="78">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1043,9 +1043,9 @@
</div>
</div>
<!-- 71 -->
- <div class="page-box" page="71">
+ <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">71</span>
@@ -1071,7 +1071,7 @@
</div>
</div>
<!-- 72 -->
- <div class="page-box" page="72">
+ <div class="page-box" page="80">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1130,9 +1130,9 @@
</div>
</div>
<!-- 73 -->
- <div class="page-box" page="73">
+ <div class="page-box" page="81">
<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>
@@ -1395,7 +1395,7 @@
</div>
</div>
<!-- 74 -->
- <div class="page-box" page="74">
+ <div class="page-box" page="82">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1455,9 +1455,9 @@
</div>
</div>
<!-- 75 -->
- <div class="page-box" page="75">
+ <div class="page-box" page="83">
<div class="page-header-box">
- <span class="page-header-text"
+ <span class="page-header-text"
>涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
>
<span class="page-header-num">75</span>
@@ -1512,7 +1512,7 @@
</div>
</div>
<!-- 76 -->
- <div class="page-box" page="76">
+ <div class="page-box" page="84">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -1551,9 +1551,9 @@
</div>
</div>
<!-- 77 -->
- <div class="page-box" page="77">
+ <div class="page-box" page="85">
<div class="page-header-box">
- <span class="page-header-text"
+ <span class="page-header-text"
>涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
>
<span class="page-header-num">77</span>
@@ -1606,7 +1606,7 @@
</div>
</div>
<!-- 78 -->
- <div class="page-box" page="78">
+ <div class="page-box" page="86">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -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-box" page="87">
<div class="page-header-box">
- <span class="page-header-text"
+ <span class="page-header-text"
>涓撻涓� 瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
>
<span class="page-header-num">79</span>
@@ -1744,27 +1744,36 @@
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>
<!-- 80 -->
- <div class="page-box" page="80">
+ <div class="page-box" page="88">
<div class="header-box">
<div class="header-border-box"></div>
<div class="header-num-box">
@@ -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.閽堝瀛﹀墠鍎跨鍚稿惍鎵嬫寚鐨勮涓猴紝鎻愬嚭鍙鐨勭籂姝ｆ帾鏂姐��</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.config.activeBook);
+ 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