From 6cebc8ffa6e66cc5664fcd0202271330b7b501a7 Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期一, 27 五月 2024 17:16:19 +0800
Subject: [PATCH] 提交

---
 src/books/childHealth/view/content/components/chapter0004.vue |  712 ++++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 482 insertions(+), 230 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index 4f75972..db1e3e9 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -1,6 +1,7 @@
 <template>
-  <div class="chapter-four">
-    <div class="page-box padding-96">
+  <div class="chapter" num="4">
+    <!-- 81 -->
+    <div class="page-box padding-96" page="81">
       <p class="center" id="a010">
         <img
           class="img-a"
@@ -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">
-      <even-header :num="82" />
+    <div class="page-box" page="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>
@@ -226,7 +276,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細 瀛﹀墠鍎跨浣撻噸鐨勬祴閲�.mp4"
+              :src="pathOne"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -247,90 +297,103 @@
       </div>
     </div>
     <!-- 83 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="83" />
-      <div class="padding-96">
-        <p class="m0-t0">
-          姣忔湀骞冲潎澧炲姞200锝�250鍏嬶紱1宀佹椂浣撻噸鏄嚭鐢熸椂鐨�3鍊嶃��2宀佹椂涓哄嚭鐢熸椂鐨�4鍊嶏紱2宀佸悗鍒颁竷鍏瞾锛屼綋閲嶆瘡骞村闀夸笉瓒�2鍗冨厠锛屽彲鐢ㄤ互涓嬪叕寮忎及绠椾綋閲嶃��
-        </p>
-        <p>1锝�10宀併��浣撻噸锛堝崈鍏嬶級=瀹炶冻骞撮緞脳2+7锛堟垨8锛�</p>
-        <p>
-          绉颁綋閲嶆椂锛�1宀佷互涓嬪彲鍙栧崸浣嶏紝瀛╁瓙鑳界珯绋充簡锛屽彲鍙栫珯浣嶃�備娇鐢ㄥ墠搴斿厛鏍℃闆剁偣銆傛祴閲忔椂锛岃皟鏁寸牆鐮佽嚦鏉犳潌骞宠 锛岃褰曡鏁般�傛祴閲忚宸笉寰楄秴杩�0.1鍗冨厠銆傝鏁版椂锛屼互鍗冨厠涓哄崟浣嶏紝鑷冲皬鏁扮偣鍚庝袱浣嶃��
-        </p>
-        <p>
-          浣撻噸娴嬮噺搴斿湪鏃╂櫒銆佺┖鑵广�佷究鍚庤繘琛屻�傚効绔ュ彲瑁镐綋鎴栫┛鑳屽績銆佺煭瑁わ紝涔熷彲鍦ㄦ祴鍚庢墸闄よ。鏈嶈川閲忋��
-        </p>
-        <p>锛�2锛夎韩楂橈紙闀匡級</p>
-
-        <p>
-          韬珮锛堥暱锛夋槸浜轰綋绔欑珛鏃堕椤跺埌鑴氳窡锛堜笌鍦伴潰鐩稿強澶勶級鐨勫瀭鐩撮珮搴︺��3宀佷互涓嬪効绔ョ珛浣嶆祴閲忎笉鍑嗙‘锛屽簲閲囩敤浠板崸浣嶆祴閲忥紝鏁呰韩楂樺張绉拌韩闀匡紱3宀佷互鍚庡彲绔嬩綅娴嬮噺锛岀О韬珮銆傜珛浣嶄笌浠板崸浣嶆祴閲忓�肩浉宸�1锝�2鍘樼背銆�
-        </p>
-        <div class="fl fl-around">
-          <div class="left" style="width: 38%">
-            <p>
-              韬珮锛堥暱锛夋湁杈冨ぇ鐨勪釜浣撳樊寮傦紝涓浗鏂扮敓鍎垮嚭鐢熸椂韬暱骞冲潎50鍘樼背锛岀涓�骞村闀挎渶蹇紝鍓嶅崐骞村钩鍧囨瘡鏈堝闀�2.5鍘樼背锛屽悗鍗婂勾骞冲潎姣忔湀澧為暱1锝�1.5鍘樼背锛�1宀佹椂绾︿负鍑虹敓鏃惰韩闀跨殑1.5鍊嶏紝鍗�75鍘樼背宸﹀彸銆傜浜屽勾澧為暱閫熷害鍑忔參锛屽钩鍧囧闀�10鍘樼背锛屼互鍚庢瘡骞撮�掑5
-            </p>
-          </div>
-          <div class="right" style="width: 60%">
-            <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細瀛﹀墠鍎跨韬珮鐨勬祴閲�.mp4"
-              poster="../../../assets/images/chapterOne/people-video-img.jpg"
-              webkit-playsinline="true"
-              x-webkit-airplay="true"
-              playsinline="true"
-              x5-video-orientation="h5"
-              x5-video-player-fullscreen="true"
-              x5-playsinline=""
-              controls
-              class="w100 video-border"
-            ></video>
-            <p class="img">瑙嗛锛氬鍓嶅効绔ヨ韩楂樼殑娴嬮噺</p>
-          </div>
+    <div class="page-box" page="83">
+      <div v-if="showPageList.indexOf(83) > -1">
+        <div class="page-header-box">
+          <span class="page-header-text" 
+            >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+          >
+          <span class="page-header-num">83</span>
         </div>
-        <p class="t0">锝�7.5鍘樼背銆�1宀佷互鍚庡钩鍧囪韩楂樹及绠楀叕寮忓涓嬨��</p>
-        <p>韬珮锛濆勾榫勶紙宀侊級脳7+70锛堝帢绫筹級</p>
-        <p>
-          韬珮鍙楃鏃忋�侀仐浼犲拰鐜鐨勫奖鍝嶈緝鏄庢樉锛屽彈钀ュ吇鐨勭煭鏈熷奖鍝嶄笉鏄庢樉锛屼絾涓庨暱鏈熻惀鍏荤姸鍐垫湁鍏炽��
-        </p>
-        <p>
-          3宀佷互涓嬪効绔ュ彲鐢ㄩ噺搴婃祴閲忚韩闀裤�傞噺搴婄殑浣跨敤鏂规硶涓哄効绔ュ彇浠板崸浣嶏紝鑴卞幓闉嬭锛屽崸浜庨噺搴婂簳鏉夸腑绾夸笂锛屾祴閲忚�呮壎浣忓効绔ュご閮紝浣垮効绔ラ潰鍚戜笂锛屼袱鑰冲湪鍚屼竴姘村钩绾夸笂锛岄椤舵帴瑙﹀ご鏉裤�傚彟涓�娴嬮噺鑰呬綅浜庡効绔ュ彸渚э紝宸︽墜鎻′綇鍙岃啙锛屼娇鑵夸几鐩村苟绱ц创閲忓簥搴婃澘锛屽彸鎵嬬Щ鍔ㄨ冻鏉匡紝浣胯冻鏉挎帴瑙︿袱渚ц冻璺熴�傝鍙栭噺搴婁笂鐨勫埢搴︼紝浠ュ帢绫充负鍗曚綅锛岃褰曡嚦灏忔暟鐐瑰悗涓�浣嶆暟鍗充负韬暱銆�
-        </p>
-        <p>
-          3宀佷互涓婂効绔ョ敤韬珮璁℃祴閲忚韩楂樸�傚湪浣跨敤韬珮璁℃祴閲忔椂锛屽彈娴嬪効绔ヨ劚鍘婚瀷甯斤紝鍙栫珛姝eЭ鍔跨珯鍦ㄨ韩楂樿鐨勫簳鏉夸笂锛屽ご閮ㄤ繚鎸佹鐩达紝涓ょ溂骞宠鍓嶆柟锛岃兏閮ㄧ◢鎸鸿捣锛屼袱鑷傝嚜鐒朵笅鍨傦紝鎵嬫寚骞舵嫝锛岃剼璺熼潬鎷紝瓒冲皷鍒嗗紑锛岃冻璺熴�佽噣閮ㄣ�佷袱鑲╄儧闂翠笁鐐瑰悓鏃堕潬鍦ㄨ韩楂樿鐨勫瀭鐩寸珛鏌变笂锛岀劧鍚庢祴閲忋�傛祴閲忚�呭皢婊戜晶鏉胯交杞荤Щ鍔紝鐩磋嚦鎺ヨЕ鍙楁祴鍎跨澶撮《锛岃绔嬫煴涓婃暟瀛楋紝璇樊涓嶅緱瓒呰繃0.1鍘樼背銆�
-        </p>
-
-        <div class="fl fl-around">
-          <div class="left" style="width: 38%">
-            <p>
-              鏌愪簺鐢熼暱鍙戣偛鎸囨爣鍦ㄤ竴澶╁唴鍙樺寲杈冨ぇ锛屼緥濡傦紝韬珮鍦ㄦ棭鏅ㄦ槸鏈�楂樼殑锛屽効绔ョ粡杩囦竴澶╃殑娲诲姩锛屽彈鍒版闂寸洏鐨勯噸鍔涙�у帇缂┿�佽剨鏌卞集鏇插姞澶с�佽冻寮撳彉骞崇瓑鍥犵礌褰卞搷锛屽埌鍌嶆櫄鏃堕檷浣�1锝�2鍘樼背銆傚洜姝よ拷韪皟鏌ユ椂锛屼釜浣撳効绔ョ殑鍓嶅悗娴嬮噺鏃堕棿搴旂浉瀵瑰浐瀹氥��
-            </p>
+        <div class="padding-96">
+          <p class="m0-t0">
+            姣忔湀骞冲潎澧炲姞200锝�250鍏嬶紱1宀佹椂浣撻噸鏄嚭鐢熸椂鐨�3鍊嶃��2宀佹椂涓哄嚭鐢熸椂鐨�4鍊嶏紱2宀佸悗鍒颁竷鍏瞾锛屼綋閲嶆瘡骞村闀夸笉瓒�2鍗冨厠锛屽彲鐢ㄤ互涓嬪叕寮忎及绠椾綋閲嶃��
+          </p>
+          <p>1锝�10宀併��浣撻噸锛堝崈鍏嬶級=瀹炶冻骞撮緞脳2+7锛堟垨8锛�</p>
+          <p>
+            绉颁綋閲嶆椂锛�1宀佷互涓嬪彲鍙栧崸浣嶏紝瀛╁瓙鑳界珯绋充簡锛屽彲鍙栫珯浣嶃�備娇鐢ㄥ墠搴斿厛鏍℃闆剁偣銆傛祴閲忔椂锛岃皟鏁寸牆鐮佽嚦鏉犳潌骞宠 锛岃褰曡鏁般�傛祴閲忚宸笉寰楄秴杩�0.1鍗冨厠銆傝鏁版椂锛屼互鍗冨厠涓哄崟浣嶏紝鑷冲皬鏁扮偣鍚庝袱浣嶃��
+          </p>
+          <p>
+            浣撻噸娴嬮噺搴斿湪鏃╂櫒銆佺┖鑵广�佷究鍚庤繘琛屻�傚効绔ュ彲瑁镐綋鎴栫┛鑳屽績銆佺煭瑁わ紝涔熷彲鍦ㄦ祴鍚庢墸闄よ。鏈嶈川閲忋��
+          </p>
+          <p>锛�2锛夎韩楂橈紙闀匡級</p>
+  
+          <p>
+            韬珮锛堥暱锛夋槸浜轰綋绔欑珛鏃堕椤跺埌鑴氳窡锛堜笌鍦伴潰鐩稿強澶勶級鐨勫瀭鐩撮珮搴︺��3宀佷互涓嬪効绔ョ珛浣嶆祴閲忎笉鍑嗙‘锛屽簲閲囩敤浠板崸浣嶆祴閲忥紝鏁呰韩楂樺張绉拌韩闀匡紱3宀佷互鍚庡彲绔嬩綅娴嬮噺锛岀О韬珮銆傜珛浣嶄笌浠板崸浣嶆祴閲忓�肩浉宸�1锝�2鍘樼背銆�
+          </p>
+          <div class="fl fl-around">
+            <div class="left" style="width: 38%">
+              <p>
+                韬珮锛堥暱锛夋湁杈冨ぇ鐨勪釜浣撳樊寮傦紝涓浗鏂扮敓鍎垮嚭鐢熸椂韬暱骞冲潎50鍘樼背锛岀涓�骞村闀挎渶蹇紝鍓嶅崐骞村钩鍧囨瘡鏈堝闀�2.5鍘樼背锛屽悗鍗婂勾骞冲潎姣忔湀澧為暱1锝�1.5鍘樼背锛�1宀佹椂绾︿负鍑虹敓鏃惰韩闀跨殑1.5鍊嶏紝鍗�75鍘樼背宸﹀彸銆傜浜屽勾澧為暱閫熷害鍑忔參锛屽钩鍧囧闀�10鍘樼背锛屼互鍚庢瘡骞撮�掑5
+              </p>
+            </div>
+            <div class="right" style="width: 60%">
+              <video
+                :src="pathTwo"
+                poster="../../../assets/images/chapterOne/people-video-img.jpg"
+                webkit-playsinline="true"
+                x-webkit-airplay="true"
+                playsinline="true"
+                x5-video-orientation="h5"
+                x5-video-player-fullscreen="true"
+                x5-playsinline=""
+                controls
+                class="w100 video-border"
+              ></video>
+              <p class="img">瑙嗛锛氬鍓嶅効绔ヨ韩楂樼殑娴嬮噺</p>
+            </div>
           </div>
-          <div class="right" style="width: 60%">
-            <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細瀛﹀墠鍎跨澶村洿鐨勬祴閲�.mp4"
-              poster="../../../assets/images/chapterOne/people-video-img.jpg"
-              webkit-playsinline="true"
-              x-webkit-airplay="true"
-              playsinline="true"
-              x5-video-orientation="h5"
-              x5-video-player-fullscreen="true"
-              x5-playsinline=""
-              controls
-              class="w100 video-border"
-            ></video>
-            <p class="img">瑙嗛锛氬鍓嶅効绔ュご鍥寸殑娴嬮噺</p>
+          <p class="t0">锝�7.5鍘樼背銆�1宀佷互鍚庡钩鍧囪韩楂樹及绠楀叕寮忓涓嬨��</p>
+          <p>韬珮锛濆勾榫勶紙宀侊級脳7+70锛堝帢绫筹級</p>
+          <p>
+            韬珮鍙楃鏃忋�侀仐浼犲拰鐜鐨勫奖鍝嶈緝鏄庢樉锛屽彈钀ュ吇鐨勭煭鏈熷奖鍝嶄笉鏄庢樉锛屼絾涓庨暱鏈熻惀鍏荤姸鍐垫湁鍏炽��
+          </p>
+          <p>
+            3宀佷互涓嬪効绔ュ彲鐢ㄩ噺搴婃祴閲忚韩闀裤�傞噺搴婄殑浣跨敤鏂规硶涓哄効绔ュ彇浠板崸浣嶏紝鑴卞幓闉嬭锛屽崸浜庨噺搴婂簳鏉夸腑绾夸笂锛屾祴閲忚�呮壎浣忓効绔ュご閮紝浣垮効绔ラ潰鍚戜笂锛屼袱鑰冲湪鍚屼竴姘村钩绾夸笂锛岄椤舵帴瑙﹀ご鏉裤�傚彟涓�娴嬮噺鑰呬綅浜庡効绔ュ彸渚э紝宸︽墜鎻′綇鍙岃啙锛屼娇鑵夸几鐩村苟绱ц创閲忓簥搴婃澘锛屽彸鎵嬬Щ鍔ㄨ冻鏉匡紝浣胯冻鏉挎帴瑙︿袱渚ц冻璺熴�傝鍙栭噺搴婁笂鐨勫埢搴︼紝浠ュ帢绫充负鍗曚綅锛岃褰曡嚦灏忔暟鐐瑰悗涓�浣嶆暟鍗充负韬暱銆�
+          </p>
+          <p>
+            3宀佷互涓婂効绔ョ敤韬珮璁℃祴閲忚韩楂樸�傚湪浣跨敤韬珮璁℃祴閲忔椂锛屽彈娴嬪効绔ヨ劚鍘婚瀷甯斤紝鍙栫珛姝eЭ鍔跨珯鍦ㄨ韩楂樿鐨勫簳鏉夸笂锛屽ご閮ㄤ繚鎸佹鐩达紝涓ょ溂骞宠鍓嶆柟锛岃兏閮ㄧ◢鎸鸿捣锛屼袱鑷傝嚜鐒朵笅鍨傦紝鎵嬫寚骞舵嫝锛岃剼璺熼潬鎷紝瓒冲皷鍒嗗紑锛岃冻璺熴�佽噣閮ㄣ�佷袱鑲╄儧闂翠笁鐐瑰悓鏃堕潬鍦ㄨ韩楂樿鐨勫瀭鐩寸珛鏌变笂锛岀劧鍚庢祴閲忋�傛祴閲忚�呭皢婊戜晶鏉胯交杞荤Щ鍔紝鐩磋嚦鎺ヨЕ鍙楁祴鍎跨澶撮《锛岃绔嬫煴涓婃暟瀛楋紝璇樊涓嶅緱瓒呰繃0.1鍘樼背銆�
+          </p>
+  
+          <div class="fl fl-around">
+            <div class="left" style="width: 38%">
+              <p>
+                鏌愪簺鐢熼暱鍙戣偛鎸囨爣鍦ㄤ竴澶╁唴鍙樺寲杈冨ぇ锛屼緥濡傦紝韬珮鍦ㄦ棭鏅ㄦ槸鏈�楂樼殑锛屽効绔ョ粡杩囦竴澶╃殑娲诲姩锛屽彈鍒版闂寸洏鐨勯噸鍔涙�у帇缂┿�佽剨鏌卞集鏇插姞澶с�佽冻寮撳彉骞崇瓑鍥犵礌褰卞搷锛屽埌鍌嶆櫄鏃堕檷浣�1锝�2鍘樼背銆傚洜姝よ拷韪皟鏌ユ椂锛屼釜浣撳効绔ョ殑鍓嶅悗娴嬮噺鏃堕棿搴旂浉瀵瑰浐瀹氥��
+              </p>
+            </div>
+            <div class="right" style="width: 60%">
+              <video
+                :src="pathThree"
+                poster="../../../assets/images/chapterOne/people-video-img.jpg"
+                webkit-playsinline="true"
+                x-webkit-airplay="true"
+                playsinline="true"
+                x5-video-orientation="h5"
+                x5-video-player-fullscreen="true"
+                x5-playsinline=""
+                controls
+                class="w100 video-border"
+              ></video>
+              <p class="img">瑙嗛锛氬鍓嶅効绔ュご鍥寸殑娴嬮噺</p>
+            </div>
           </div>
+          <p>锛�3锛夊ご鍥�</p>
+          <p>澶村洿鍙嶆槧鑴戝拰棰呴鐨勫彂鑲茬▼搴︺��</p>
+          <p>
+            鍥犺儙鍎胯剳鐨勫彂鑲插湪鍏ㄨ韩澶勪簬棰嗗厛鍦颁綅锛屾晠鍑虹敓鏃跺ご鐩稿杈冨ぇ銆傛柊鐢熷効澶村洿骞冲潎涓�34鍘�
+          </p>
         </div>
-        <p>锛�3锛夊ご鍥�</p>
-        <p>澶村洿鍙嶆槧鑴戝拰棰呴鐨勫彂鑲茬▼搴︺��</p>
-        <p>
-          鍥犺儙鍎胯剳鐨勫彂鑲插湪鍏ㄨ韩澶勪簬棰嗗厛鍦颁綅锛屾晠鍑虹敓鏃跺ご鐩稿杈冨ぇ銆傛柊鐢熷効澶村洿骞冲潎涓�34鍘�
-        </p>
       </div>
     </div>
     <!-- 84 -->
-    <div class="page-box">
-      <even-header :num="84" />
+    <div class="page-box" page="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鍘樼背銆傚洜姝わ紝澶村洿鐨勭洃娴嬪湪鍑虹敓鍚庡ご涓ゅ勾鎰忎箟閲嶅ぇ銆�
@@ -350,7 +413,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細瀛﹀墠鍎跨鑳稿洿鐨勬祴閲�.mp4"
+              :src="pathFour"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -390,8 +453,13 @@
       </div>
     </div>
     <!-- 85 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="85" />
+    <div class="page-box" page="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>
@@ -449,9 +517,14 @@
       </div>
     </div>
     <!-- 86 -->
-
-    <div class="page-box">
-      <even-header :num="86" />
+    <div class="page-box" page="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,8 +561,13 @@
       </div>
     </div>
     <!-- 87 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="87" />
+    <div class="page-box" page="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,8 +607,14 @@
       </div>
     </div>
     <!-- 88 -->
-    <div class="page-box">
-      <even-header :num="88" />
+    <div class="page-box" page="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,8 +650,13 @@
       </div>
     </div>
     <!-- 89 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="89" />
+    <div class="page-box" page="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">
           浣撳樊寮傦紝鍏跺疄闄呭勾榫勫緢闅惧噯纭弽鏄犵敓闀垮彂鑲茬殑姘村钩锛岃�屽彂鑲插勾榫勫彲浠ョ敤鏉ヨ瘎浠峰効绔ョ敓闀垮彂鑲茬殑鐘跺喌銆�
@@ -602,7 +691,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細瀛﹀墠鍎跨鐨勫仴搴锋鏌�.mp4"
+              :src="pathFive"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -619,8 +708,14 @@
       </div>
     </div>
     <!-- 90 -->
-    <div class="page-box">
-      <even-header :num="90" />
+    <div class="page-box" page="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,8 +753,13 @@
       </div>
     </div>
     <!-- 91 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="91" />
+    <div class="page-box" page="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,8 +777,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0104-1.jpg" /><br /> -->
-          <span class="img">涓撻鍥� 瀛︿範涓婚涓�</span>
+          <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[91]" :chapter="4" :page="91" />
         </p>
         <h2 class="module_block" id="b017">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -698,7 +798,7 @@
           />
         </div>
         <table
-        v-if="learnTableTwo"
+          v-if="learnTableTwo"
           align="center"
           border="1"
           cellpadding="10"
@@ -718,7 +818,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
               >
@@ -729,9 +831,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>
@@ -748,36 +848,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>
@@ -785,9 +917,7 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span
-              >
+              <span class="ds-bl">閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span>
             </td>
           </tr>
         </table>
@@ -796,9 +926,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,8 +951,14 @@
       </div>
     </div>
     <!-- 92 -->
-    <div class="page-box">
-      <even-header :num="92" />
+    <div class="page-box" page="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,8 +993,13 @@
       </div>
     </div>
     <!-- 93 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="93" />
+    <div class="page-box" page="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,8 +1041,14 @@
       </div>
     </div>
     <!-- 94 -->
-    <div class="page-box">
-      <even-header :num="94" />
+    <div class="page-box" page="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,8 +1096,13 @@
       </div>
     </div>
     <!-- 95 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="95" />
+    <div class="page-box" page="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>
           琛屼负瑙傚療锛氭祴鏌ユ椂鍎跨鍙嶅簲鎯呭喌锛屼笌妫�鏌ヨ�呴厤鍚堟儏鍐碉紝娉ㄦ剰鍔涙寔缁椂闂撮暱鐭�佽瑷�琛ㄨ揪鎯呭喌銆佽嚜淇″績绛夈��
@@ -985,7 +1142,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterFour/涓撻鍥涳細鍎跨缁樹汉娴嬭瘯.mp4"
+              :src="pathSix"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1013,8 +1170,14 @@
       </div>
     </div>
     <!-- 96 -->
-    <div class="page-box">
-      <even-header :num="96" />
+    <div class="page-box" page="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,8 +1221,13 @@
       </div>
     </div>
     <!-- 97 -->
-    <div class="page-box">
-      <odd-header :special="4" :num="97" />
+    <div class="page-box" page="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 +1254,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <span class="img">涓撻鍥� 瀛︿範涓婚浜�</span>
+          <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
+          <examinations :cardList="questionData[97]" :chapter="4" :page="97" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1104,8 +1273,14 @@
       </div>
     </div>
     <!-- 98 -->
-    <div class="page-box">
-      <even-header :num="98" />
+    <div class="page-box" page="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 +1288,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
@@ -1148,10 +1328,11 @@
         </h6>
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
-          <!-- <img class="img-a" alt="" src="image/0111-1.jpg" /><br /> -->
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <!-- <img class="img-g" alt="" src="image/0111-2.jpg" /><br /> -->
-          <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
+          <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]" :chapter="4" :page="982" />
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p>
@@ -1160,21 +1341,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>
@@ -1182,28 +1356,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";
 export default {
-  components: { evenHeader, oddHeader },
-  name: "temp-book",
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterFour/0094-1.jpg"),
-      taskOne: require("../../../assets/images/chapterFour/task-sheet1.png"),
-      learnTableOne:true,
-      learnTableTwo:true,
+      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:"",
+          },
+        },
+      },
     };
   },
-  methods:{
+  async mounted() {
+    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()
+  },
+  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