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/chapter0004.vue |  525 +++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 377 insertions(+), 148 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index 056454b..1f85592 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="chapter" num="4">
+    <!-- 81 -->
     <div class="page-box padding-96" page="81">
       <p class="center" id="a010">
         <img
@@ -44,12 +45,18 @@
         涓撻瀵煎
       </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>
     <!-- 82 -->
     <div class="page-box" page="82">
-      <even-header :num="82" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">82</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b016">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -57,8 +64,8 @@
         </h2>
         <div class="mb-20 fm-st fl fl-cn t2">
           <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
-          <span class="t0"
-            > 涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
+          <span class="t0">
+            涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
           >
           <img
             src="../../../assets/images/icon/document.png"
@@ -69,7 +76,7 @@
           />
         </div>
         <table
-        v-if="learnTableOne"
+          v-if="learnTableOne"
           align="center"
           border="1"
           cellpadding="10"
@@ -125,54 +132,95 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >1.瀛﹀墠鍎跨鐢熼暱鍙戣偛璇勪环鎸囨爣鏄粈涔�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <span class="ds-bl">1.瀛﹀墠鍎跨鐢熼暱鍙戣偛璇勪环鎸囨爣鏄粈涔�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.浠�涔堟槸楠ㄩ骞撮緞?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.韬珮銆佷綋閲嶃�佸ご鑳稿洿銆佸潗楂樼殑鐢熺墿瀛︾壒寰佸強鍗敓瀛︽剰涔夋槸浠�涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.鎬庢牱娴嬮噺瀛﹀墠鍎跨鐨勫ご鑳稿洿銆佽韩楂樹互鍙婁綋閲�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -191,12 +239,14 @@
           <p class="block">
             濠村辜鍎胯杩涜鍋ュ悍妫�鏌ワ紝浠庡嚭鐢熻嚦6宀侊紝姣忎釜瀛╁瓙瀹氭湡鍋ュ悍妫�鏌ョ殑娆℃暟绾︿负10娆°�傚鏋滃彂鐜板紓甯革紝杩樺簲閬靛尰鍢卞鍔犳鏌ユ鏁般�備负浠�涔堣杩欎箞棰戠箒鍦版鏌ュ憿锛熷姝わ紝浣犳湁浣曠湅娉曪紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="6"
+            v-model="chapterFourData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ョ敓闀垮彂鑲茬殑璇勪环鎸囨爣銆佽瘎浠锋爣鍑嗗拰璇勪环鏂规硶浠ュ強瀹氭湡鍋ュ悍妫�鏌ョ殑鐩稿叧鐭ヨ瘑锛屼互鏈熶负瀹堕暱鍜屽辜鏁欏伐浣滆�呭瀛﹀墠鍎跨杩涜韬綋鍋ュ悍璇勪环鎻愪緵鎸囧銆�
           </p>
@@ -248,7 +298,12 @@
     </div>
     <!-- 83 -->
     <div class="page-box" page="83">
-      <odd-header :special="4" :num="83" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">83</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">
           姣忔湀骞冲潎澧炲姞200锝�250鍏嬶紱1宀佹椂浣撻噸鏄嚭鐢熸椂鐨�3鍊嶃��2宀佹椂涓哄嚭鐢熸椂鐨�4鍊嶏紱2宀佸悗鍒颁竷鍏瞾锛屼綋閲嶆瘡骞村闀夸笉瓒�2鍗冨厠锛屽彲鐢ㄤ互涓嬪叕寮忎及绠椾綋閲嶃��
@@ -330,7 +385,13 @@
     </div>
     <!-- 84 -->
     <div class="page-box" page="84">
-      <even-header :num="84" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">84</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绫筹紝6涓湀澧炲姞9鍘樼背锛�1宀佹椂澧炲姞3鍘樼背锛屽钩鍧囦负46鍘樼背锛涚浜屽勾澶村洿澧為暱鍑忔參锛屽鍔�2鍘樼背锛屽ご鍥寸害涓�48鍘樼背锛�2锝�14宀佸啀澧炲姞6锝�7鍘樼背銆傚洜姝わ紝澶村洿鐨勭洃娴嬪湪鍑虹敓鍚庡ご涓ゅ勾鎰忎箟閲嶅ぇ銆�
@@ -391,7 +452,12 @@
     </div>
     <!-- 85 -->
     <div class="page-box" page="85">
-      <odd-header :special="4" :num="85" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">85</span>
+      </div>
       <div class="padding-96">
         <h5 id="e081">2.鐢熺悊鏈鸿兘鎸囨爣</h5>
         <p>
@@ -450,7 +516,13 @@
     </div>
     <!-- 86 -->
     <div class="page-box" page="86">
-      <even-header :num="86" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">86</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">浼肩孩钁¤悇閰掓垨閰辨补锛屽彲瑙佷簬婧惰鎬ц传琛�銆�</p>
         <p>锛�3锛夌勃渚挎鏌�</p>
@@ -488,7 +560,12 @@
     </div>
     <!-- 87 -->
     <div class="page-box" page="87">
-      <odd-header :special="4" :num="87" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">87</span>
+      </div>
       <div class="padding-96">
         <p>
           涓�鑸潵璇达紝鐢熼暱鍙戣偛鏍囧噯閮芥槸鐩稿鐨勩�佹殏鏃剁殑锛屽彧鑳藉湪涓�瀹氭椂闂村唴閫傜敤浜庝竴瀹氬湴鍖烘垨涓�瀹氫汉缇ゃ�傚悓鏃剁敱浜庡鍓嶅効绔ョ殑鐢熼暱鍙戣偛鍑虹幇浜嗙敓闀块�熷害閫愬勾鍔犲揩銆佸彂鑲插拰鎴愮啛鎻愬墠鐨勨�滈暱鏈熷姞閫熻秼鍔库�濓紝鎵�浠ワ紝鐢熼暱鍙戣偛鏍囧噯鏄殏鏃剁殑锛屾瘡5锝�10骞撮渶瑕侀噸鏂颁慨璁竴娆°��
@@ -529,7 +606,13 @@
     </div>
     <!-- 88 -->
     <div class="page-box" page="88">
-      <even-header :num="88" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">88</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐨勫効绔ヤ篃涓嶈兘鍒ゅ畾涓哄紓甯革紝蹇呴』鍦ㄥ畾鏈熻繛缁瀵熴�佹繁鍏ヤ簡瑙g殑鍩虹涓婏紝缁撳悎鍏蜂綋鎯呭喌鍐嶄笅缁撹銆�
@@ -566,7 +649,12 @@
     </div>
     <!-- 89 -->
     <div class="page-box" page="89">
-      <odd-header :special="4" :num="89" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">89</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浣撳樊寮傦紝鍏跺疄闄呭勾榫勫緢闅惧噯纭弽鏄犵敓闀垮彂鑲茬殑姘村钩锛岃�屽彂鑲插勾榫勫彲浠ョ敤鏉ヨ瘎浠峰効绔ョ敓闀垮彂鑲茬殑鐘跺喌銆�
@@ -619,7 +707,13 @@
     </div>
     <!-- 90 -->
     <div class="page-box" page="90">
-      <even-header :num="90" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">90</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d120">锛堜竴锛夊鍓嶅効绔ュ仴搴锋鏌ョ殑鏃堕棿</h4>
         <p>
@@ -658,7 +752,12 @@
     </div>
     <!-- 91 -->
     <div class="page-box" page="91">
-      <odd-header :special="4" :num="91" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">91</span>
+      </div>
       <div class="padding-96">
         <p>鈶﹀鐢熸畺鍣ㄣ�傚鐢熸畺鍣ㄦ湁鏃犵暩褰€��</p>
         <p>鈶ц剨鏌卞拰鍥涜偄銆傝剨鏌卞拰鍥涜偄鏈夋棤鐣稿舰鎴栧叾浠栧紓甯搞��</p>
@@ -677,7 +776,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[91]" />
+          <examinations :cardList="questionData[91]" :chapter="4" :page="91" />
         </p>
         <h2 class="module_block" id="b017">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -697,7 +796,7 @@
           />
         </div>
         <table
-        v-if="learnTableTwo"
+          v-if="learnTableTwo"
           align="center"
           border="1"
           cellpadding="10"
@@ -717,7 +816,9 @@
           <tr>
             <td>
               <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span>
-              <span class="ds-bl">1.鑳界悊瑙e鍓嶅効绔ュ績鐞嗚瘎浼扮殑鍐呮兜锛岃鍑哄鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐗圭偣銆�</span>
+              <span class="ds-bl"
+                >1.鑳界悊瑙e鍓嶅効绔ュ績鐞嗚瘎浼扮殑鍐呮兜锛岃鍑哄鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐗圭偣銆�</span
+              >
               <span class="ds-bl"
                 >2.鑳界敤鍑犵甯歌鐨勫鍓嶅効绔ュ績鐞嗘祴璇曟柟娉曞苟瀵瑰鍓嶅効绔ヨ繘琛屾祴璇曘��</span
               >
@@ -728,9 +829,7 @@
               <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span>
               <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span>
               <span class="ds-bl">1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span>
-              <span class="ds-bl"
-                >2.鍚煶棰�:銆婄粯浜烘祴楠屻�嬨��</span
-              >
+              <span class="ds-bl">2.鍚煶棰�:銆婄粯浜烘祴楠屻�嬨��</span>
             </td>
           </tr>
           <tr>
@@ -747,36 +846,68 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >1.浠�涔堟槸瀛﹀墠鍎跨蹇冪悊璇勪及?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <span class="ds-bl">1.浠�涔堟槸瀛﹀墠鍎跨蹇冪悊璇勪及?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.鎸夌収娴嬮獙鐨勭洰鐨勫垝鍒嗭紝蹇冪悊娴嬮獙鍙互鍒嗕负鍝袱澶х被?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -784,9 +915,7 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span
-              >
+              <span class="ds-bl">閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span>
             </td>
           </tr>
         </table>
@@ -795,9 +924,14 @@
           <p class="block">
             娴嬮噺鎴愪汉鐨勬櫤鍟嗗彲浠ラ�氳繃鏍囧噯鍖栫殑娴嬭瘯棰樿繘琛岋紝浣嗗鍓嶅効绔ョ殑璇█鍙戝睍姘村钩鍜岄�昏緫鎬濈淮鑳藉姏杈冧綆锛屽緢闅剧敤杩欑鏂规硶鏉ユ祴璇曪紝鐢ㄤ粈涔堟柟娉曞彲浠ュ瀛﹀墠鍎跨杩涜蹇冪悊娴嬭瘯鍛紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterFourData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐩稿叧鍐呭浠ュ強鍑犵甯歌鐨勮瘎浠峰鍓嶅効绔ュ績鐞嗗仴搴风殑鏂规硶锛屼互鎸囧骞兼暀宸ヤ綔鑰呮洿濂藉湴寮�灞曞鍓嶅効绔ュ績鐞嗕繚鍋ュ伐浣溿��
           </p>
@@ -816,7 +950,13 @@
     </div>
     <!-- 92 -->
     <div class="page-box" page="92">
-      <even-header :num="92" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">92</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍏舵锛屽璇勪及浜哄憳瑕佹眰杈冮珮銆傝姹傝瘎浼颁汉鍛樻湁涓撲笟鐨勫績鐞嗚瘎浼扮煡璇嗗拰鎶�鑳斤紝骞跺瀛﹀墠鍎跨鐨勮韩蹇冨彂灞曠壒鐐规湁鍏呭垎鐨勪簡瑙c��
@@ -852,7 +992,12 @@
     </div>
     <!-- 93 -->
     <div class="page-box" page="93">
-      <odd-header :special="4" :num="93" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">93</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           娴嬭瘯鏃堕』鍙傝�冩敞瑙c�備负渚夸簬鍑嗙‘鐢诲嚭鍎跨骞撮緞绾匡紝渚濇嵁鍎跨鍑虹敓鏃ユ湡姝g‘璁$畻骞撮緞锛屾棭浜у効骞撮緞鐭鑷�1宀併�傝〃鐨勯《绾夸笌搴曠嚎鍧囨湁骞撮緞鏍囪銆�
@@ -895,7 +1040,13 @@
     </div>
     <!-- 94 -->
     <div class="page-box" page="94">
-      <even-header :num="94" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">94</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绗崄锛屽厛鐢诲嚭闀跨煭2鏉$嚎锛岀劧鍚庨棶鍝竴鏉$嚎闀夸竴浜涳紙涓嶈闂�滃ぇ涓�浜涒�濓級锛屽啀鎶婄焊鏃嬭浆180掳锛岄棶鍝潯闀裤�傦紙3璇�3瀵圭畻閫氳繃銆傦級
@@ -944,7 +1095,12 @@
     </div>
     <!-- 95 -->
     <div class="page-box" page="95">
-      <odd-header :special="4" :num="95" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">95</span>
+      </div>
       <div class="padding-96">
         <p>
           琛屼负瑙傚療锛氭祴鏌ユ椂鍎跨鍙嶅簲鎯呭喌锛屼笌妫�鏌ヨ�呴厤鍚堟儏鍐碉紝娉ㄦ剰鍔涙寔缁椂闂撮暱鐭�佽瑷�琛ㄨ揪鎯呭喌銆佽嚜淇″績绛夈��
@@ -1013,7 +1169,13 @@
     </div>
     <!-- 96 -->
     <div class="page-box" page="96">
-      <even-header :num="96" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">96</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>缁樹汉娴嬭瘯鏅哄晢杞崲娉曪細</p>
         <p>鏅洪緞锛堟湀锛�=缁樹汉寰楀垎脳3+36</p>
@@ -1058,7 +1220,12 @@
     </div>
     <!-- 97 -->
     <div class="page-box" page="97">
-      <odd-header :special="4" :num="97" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">97</span>
+      </div>
       <div class="padding-96">
         <h5 id="e095">
           2.闊﹀厠鏂嫆瀛﹀墠鍎跨鏅哄姏閲忚〃锛圵echsler Preschool and Primary Scale of
@@ -1086,7 +1253,7 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[97]" />
+          <examinations :cardList="questionData[97]" :chapter="4" :page="97" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1105,7 +1272,13 @@
     </div>
     <!-- 98 -->
     <div class="page-box" page="98">
-      <even-header :num="98" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">98</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
         <p>1.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺锛�</p>
@@ -1113,30 +1286,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qOne"
         ></textarea>
         <p>2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳槸浠�涔堬紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qTwo"
         ></textarea>
         <p>3.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qThree"
         ></textarea>
         <p>4.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qFour"
         ></textarea>
         <p>5.鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔堬紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qFive"
         ></textarea>
         <h6 class="Conclusion-title2">
           <img
@@ -1149,10 +1327,10 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[981]" />
+          <examinations :cardList="questionData[981]" :chapter="4" :page="981" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[982]" />
+          <examinations :cardList="questionData[982]" :chapter="4" :page="982" />
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p>
@@ -1161,21 +1339,14 @@
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea
+            cols="30"
+            rows="9"
+            v-model="chapterFourData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="500"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1183,48 +1354,106 @@
 </template>
 
 <script>
-import evenHeader from "../../components/pageHeader/evenHeader.vue";
-import oddHeader 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 {
-  components: { evenHeader, oddHeader,examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterFour/0094-1.jpg"),
-      taskOne: require("../../../assets/images/chapterFour/task-sheet1.png"),
-      learnTableOne:true,
-      learnTableTwo:true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-      pathFour:'',
-      pathFive:'',
-      pathSix:'',
+      learnTableOne: true,
+      learnTableTwo: true,
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      saveTime:20,
+      chapterFourData: {
+        experienceOne: "",
+        experienceTwo: "",
+        introspection: "",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven:"",
+          qEnight:"",
+          qNine:""
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+        },
+        question: {
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          },
+        },
+      },
     };
   },
   async mounted() {
-    console.log('鏁版嵁',testData[4]);
-    this.$data.questionData = await getQuestionData('4',testData[4])
-    this.$data.pathOne = getResourcePath('f2980359eb32cb3b74b284bf5348a596')
-    this.$data.pathTwo = getResourcePath('2677fc38748eeac767a4b3fab5989a38')
-    this.$data.pathThree = getResourcePath('87836d6f409df33817589b6b67514979')
-    this.$data.pathFour = getResourcePath('24a624217470bdea16d22e3a25cc8aa5')
-    this.$data.pathFive = getResourcePath('df98433d6a6cbd5e768ec1bf721619e4')
-    this.$data.pathSix = getResourcePath('14916e143d49e15f94964ad0f8c372f1')
+    const localData = localStorage.getItem("chapterFourData");
+    if (localData) {
+      this.chapterFourData = JSON.parse(localData);
+    }
+    window.timerFour = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("4", testData[4]);
+    this.getVideoPath()
   },
-  methods:{
+  unmounted() {
+    if (window.timerFour) {
+      clearInterval(window.timerFour);
+    }
+    localStorage.setItem("chapterFourData", JSON.stringify(this.chapterFourData));
+  },
+  methods: {
     changeResources(type) {
       if (type == "learnTableOne") {
         this.$data.learnTableOne = !this.$data.learnTableOne;
       } else if (type == "learnTableTwo") {
         this.$data.learnTableTwo = !this.$data.learnTableTwo;
-      } 
+      }
     },
-  }
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("f2980359eb32cb3b74b284bf5348a596");
+      this.$data.pathTwo = getResourcePath("2677fc38748eeac767a4b3fab5989a38");
+      this.$data.pathThree = getResourcePath(
+        "87836d6f409df33817589b6b67514979"
+      );
+      this.$data.pathFour = getResourcePath("24a624217470bdea16d22e3a25cc8aa5");
+      this.$data.pathFive = getResourcePath("df98433d6a6cbd5e768ec1bf721619e4");
+      this.$data.pathSix = getResourcePath("14916e143d49e15f94964ad0f8c372f1");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterFourData",
+        JSON.stringify(this.chapterFourData)
+      );
+    },
+  },
 };
 </script>
 

--
Gitblit v1.9.1