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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</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