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/chapter010.vue |  484 ++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 386 insertions(+), 98 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index da1bc4b..779ac22 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -45,13 +45,19 @@
           涓撻瀵煎
         </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>
     </div>
     <!-- 258 -->
     <div class="page-box" page="258">
-      <even-header :num="258" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">258</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨鐨勮韩蹇冨仴搴峰彂灞曠涓嶅紑鑹ソ鐨勫閮ㄧ幆澧冦�傛墭骞兼満鏋勭殑鍥潃銆佹埧灞嬪缓绛戙�佽澶囧簲绗﹀悎鐩稿叧鍗敓瑕佹眰鍜屽崼鐢熸爣鍑嗭紝杩欐棦渚夸簬宸ヤ綔浜哄憳杩涜淇濊偛鍜屾暀鑲诧紝涔熸槸淇濊瘉鍎跨鍋ュ悍鍜屽叏闈㈠彂灞曠殑鍓嶆彁鏉′欢銆�
@@ -127,63 +133,123 @@
           <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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.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="chapterTenData.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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <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="chapterTenData.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="chapterTenData.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="chapterTenData.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="chapterTenData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.骞煎効鍥鑷劧閲囧厜鍜屼汉宸ョ収鏄庢湁浠�涔堣姹�?</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="chapterTenData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">11.骞煎効鍥鍐呴�氶鏈夊嚑绉嶆柟寮�?</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="chapterTenData.learnTableOne.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >12.鎵樺辜鏈烘瀯閲囨殩鏈夊嚑绉嶆柟寮忥紝鍒嗗埆搴旀敞鎰忓摢浜涢棶棰�?</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="chapterTenData.learnTableOne.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -202,9 +268,14 @@
           <p class="block">
             瀹堕暱涓哄瀛愰�夋嫨骞煎効鍥鑰冭檻寰堝鍥犵礌锛屽叾涓鍏堝簲鑰冨療鐨勪竴涓洜绱犲氨鏄辜鍎垮洯鐨勫湴鍧�鍜岀幆澧冦�備竴鏄�冭檻骞煎効鍥瀹舵垨涓婄彮鐨勫湴鏂硅繙杩戯紝涓�鑸互姝ヨ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>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterTenData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樿杩版墭骞兼満鏋勫湴鍧�鐨勯�夋嫨銆佸洯鍐呭竷灞�鍜屽悇瀹ょ殑鍗敓瑕佹眰浠ュ強瀹ゅ唴鐨勯噰鍏夊拰鐓ф槑銆侀�氶鍜岄噰鏆栫瓑鏂归潰鍐呭銆�
           </p>
@@ -228,7 +299,12 @@
     </div>
     <!-- 259 -->
     <div class="page-box" page="259">
-      <odd-header :special="10" :num="259" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">259</span>
+      </div>
       <div class="padding-96">
         <p>
           瑕佹眰浠ュ钩鎴夸负浣筹紝妤兼埧浠�2锝�3灞備负瀹滐紝涓嶅簲閲囩敤楂樺眰寤虹瓚銆傛湞鍚戜互鏈濆崡涓轰匠锛屽鍙楁潯浠堕檺鍒讹紝鏈濅笢浜﹀彲銆傛棩鐓у厖鍒嗭紝骞煎効鍥富浣撳缓绛戜笌鍥涘懆鐨勫缓绛戠墿搴斾繚鎸佷竴瀹氳窛绂伙紝鍦ㄤ笢銆佸崡涓や釜鏂瑰悜锛岃窛绂讳笉寰楀皬浜庢渶楂樺缓绛戠墿鐨�2鍊嶏紱鍦ㄨタ銆佸寳涓や釜鏂瑰悜锛岃窛绂诲垯涓嶅緱灏忎簬鏈�楂樺缓绛戠墿鐨�1.5鍊嶃�傚辜鍎垮洯鐨勬椿鍔ㄥ銆佸瘽瀹ゅ強鍏锋湁鐩稿悓鍔熻兘鐨勫尯鍩燂紝搴斿竷缃湪褰撳湴鏈�濂芥湞鍚戯紝鍐嚦鏃ュ簳灞傛弧绐楁棩鐓т笉搴斿皬浜�3灏忔椂銆�
@@ -242,7 +318,7 @@
           ><a href="chapter010.html#m1"><sup>[1]</sup></a>
         </p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]"  class="open-image" />
         </p>
         <p>
           骞煎効鍥殑鐢熸椿鐢ㄦ埧搴旂敱骞煎効鐢熸椿鍗曞厓銆佸叕鍏辨椿鍔ㄧ┖闂村拰澶氬姛鑳芥椿鍔ㄥ缁勬垚銆傚叕鍏辨椿鍔ㄧ┖闂村彲鏍规嵁闇�瑕佽缃�傜敓娲荤敤鎴挎槸鍥唴鐨勪富浣撳缓绛戯紝瀹冨寘鎷椿鍔ㄥ銆佸崸瀹ゃ�佸崼鐢熼棿绛夈�備竴鑸皢灏忕彮銆佷腑鐝畨鎺掑湪浣庡眰锛屽ぇ鐝畨鎺掑湪楂樺眰锛岄煶浣撴椿鍔ㄥ鍙畨鎺掑湪杈冮珮灞傛銆傜敓娲荤敤鎴垮簲鏈濆崡锛屾棩鐓у厖鍒嗭紝閫氶鑹ソ銆�
@@ -268,7 +344,13 @@
     </div>
     <!-- 260 -->
     <div class="page-box" page="260">
-      <even-header :num="260" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">260</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍋氭槑鏄捐绀烘爣璇嗐�傛ゼ姊袱渚у簲鍔犲効绔ユ壎鎵嬶紝鎵舵墜楂樺害涓嶅簲楂樹簬0.6绫炽�傛ゼ姊搴︿笉搴斿皬浜�1.2绫筹紝浠�3浜鸿兘鍚屾椂涓婁笅涓哄疁锛屾瘡涓�韪忔鐨勯珮搴︿互0.12锝�0.14绫充负瀹滐紝涓嶅簲澶т簬0.15绫筹紱鍙伴樁娣卞害涓嶅簲灏忎簬0.26绫炽�傛嫑鏀舵畫鐤惧辜鍎跨殑骞煎効鍥疁璁剧疆鐢垫銆�
@@ -330,7 +412,13 @@
     </div>
     <!-- 261 -->
     <div class="page-box" page="161">
-      <odd-header :special="10" :num="261" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">261</span>
+      </div>
+
       <div class="padding-96">
         <p class="t0">
           搴旇闂ㄦ锛涘钩寮�闂ㄨ窛绂绘ゼ鍦伴潰1.2绫充互涓嬮儴鍒嗗簲璁鹃槻姝㈠す鎵嬭鏂姐�傝璁″彲鏍规嵁鍏蜂綋鎯呭喌锛屽湪闂ㄤ笌闂ㄦ杩炴帴澶勯噰鍙栬缃煍鎬ц鐩栫墿绛夋帾鏂斤紝闃叉骞煎効鎵嬭剼浼稿叆澶逛激銆傜敓娲荤敤鎴垮紑鍚戠枏鏁h蛋閬撶殑闂ㄥ潎搴斿悜浜哄憳鐤忔暎鏂瑰悜寮�鍚紝寮�鍚殑闂ㄦ墖涓嶅簲濡ㄧ璧伴亾鐤忔暎閫氳銆�
@@ -343,7 +431,7 @@
         </p>
         <p class="img">琛�10-2 骞煎効鍥富瑕佸缓绛戠殑瀹ゅ唴鍑�楂�</p>
         <p class="center">
-          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
+          <el-image :src="tableTwo" :preview-src-list="[tableTwo]"  class="open-image" />
         </p>
         <p>
           娲诲姩瀹ょ殑绐楀簲鍚戝崡锛屼笉搴斿悜鍖楁垨鍚戣タ锛屾渶濂芥槸鍙岄潰閲囧厜銆傜獥楂橈紙鍐呭湴闈㈣嚦绐椾笂缂橀珮锛変笉浣庝簬2.8绫炽�備负浣垮効绔ヨ兘鍦ㄥ鍐呭悜澶栬繙鐪猴紝绐楀彴璺濆湴闈㈢殑楂樺害搴斾负50锝�60鍘樼背銆傛ゼ灞傛棤瀹ゅ闃冲彴鏃讹紝搴旇鎶ゆ爮锛岃窛鍦伴潰1.30绫冲唴涓嶅簲璁惧钩寮�绐椼�傛椿鍔ㄥ鍑�楂樹笉浣庝簬3.3绫炽�傚湴闈㈠簲閾烘湪鍦版澘锛屼繚娓┿�侀槻娼紝渚夸簬鎵撴壂锛屼笖闃叉鍎跨鎽斾激銆傚鍐呭櫔澹板0绾т笉搴斿ぇ浜�50鍒嗚礉銆�
@@ -370,7 +458,13 @@
     </div>
     <!-- 262 -->
     <div class="page-box" page="262">
-      <even-header :num="262" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">262</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>璁捐尪鏉鍜屾瘺宸炬灦锛屾瘡鏉℃瘺宸鹃棿璺濆簲鍦�10鍘樼背浠ヤ笂銆�</p>
         <p>
@@ -407,7 +501,13 @@
     </div>
     <!-- 263 -->
     <div class="page-box" page="263">
-      <odd-header :special="10" :num="263" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">263</span>
+      </div>
       <div class="padding-96">
         <h3 id="c122">鍥涖�佸鍐呯殑閲囧厜鍜岀収鏄庯紴锛烇紴锛烇紴锛�</h3>
         <h4 id="d351">锛堜竴锛夋秹鍙婂鍐呴噰鍏夌殑鍏夊鐗╃悊姒傚康</h4>
@@ -448,7 +548,13 @@
     </div>
     <!-- 264 -->
     <div class="page-box" page="264">
-      <even-header :num="264" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">264</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鏈夋棤瀹ゅ閬尅鐗╀篃鏄奖鍝嶅鍐呴噰鍏夋晥鏋滅殑涓�涓洜绱犮�傚鏋滃澶栨湁楂樺ぇ鐨勫缓绛戠墿銆佹爲鏈ㄣ�佸洿澧欍�佸ぇ鍨嬭繍鍔ㄥ櫒姊扮瓑閬尅鐗╋紝瀵瑰鍐呯殑閲囧厜褰卞搷寰堝ぇ銆備竴鑸潵璇达紝瀵归潰寤虹瓚鐗╋紙閬尅鐗╋級鑷虫椿鍔ㄥ涔嬮棿鐨勮窛绂诲簲涓嶅皬浜庤寤虹瓚鐗╅珮搴︾殑2鍊嶃��
@@ -480,7 +586,13 @@
     </div>
     <!-- 265 -->
     <div class="page-box" page="265">
-      <odd-header :special="10" :num="265" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">265</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍔犱紤鎭鏁帮紝浠ラ槻瑙嗙柌鍔宠繃搴︺��</p>
         <p>
@@ -519,7 +631,13 @@
     </div>
     <!-- 266 -->
     <div class="page-box" page="266">
-      <even-header :num="266" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">266</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍖栵紝瀹ゅ唴浜х敓寮傚懗锛屽効绔ヤ細鏈変笉鑸掗�傛劅锛屾敞鎰忓姏涔熷鏄撳垎鏁o紝鐢氳嚦浜х敓澶存檿鐥囩姸銆�
@@ -565,7 +683,12 @@
     </div>
     <!-- 267 -->
     <div class="page-box" page="267">
-      <odd-header :special="10" :num="267" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">267</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           閮芥槸灞�閮ㄩ噰鏆栨柟寮忋�傚叾涓紝鐏鍜屽湴鐐曡緝濂姐�傝闃叉澧欓潰鍜屽湴闈㈡紡鐑燂紝浣跨儫鍜岀伆灏樿繘鍏ュ鍐呫�傜敤鐏倝閲囨殩鏃朵竴瀹氳瀹夎鐑熺瓛锛屼互渚挎帓鐑熴�傜伀鐐夊懆鍥村簲瀹夋斁闅旂儹閾佹澘鎴栨爮鏉嗐�傛敞鎰忛槻姝㈠効绔ョ儷浼ゃ�佷竴姘у寲纰充腑姣掑強鐏伨銆佺儫灏橀鎵�傜數鐑彇鏆栧櫒銆佺數鐑补姹�绛変篃灞炰簬灞�閮ㄩ噰鏆栫殑鏂瑰紡锛屽簲娉ㄦ剰闃叉瑙︾數鍜岀儷浼ゃ��
@@ -584,7 +707,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[267]" />
+          <examinations :cardList="questionData[267]" :chapter="10" :page="267" />
         </p>
         <h2 class="module_block" id="b038">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -654,41 +777,81 @@
           <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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2.姝g‘鐨勫潗濮挎槸鎬庢牱鐨�?</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="chapterTenData.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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.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="chapterTenData.learnTableTwo.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" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <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="chapterTenData.learnTableTwo.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="chapterTenData.learnTableTwo.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="chapterTenData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -707,9 +870,14 @@
           <p class="block">
             鏌愬辜鍎垮洯灏忕彮鐨勮�佸笀鍙戠幇鐝骇涓殑涓�涓瀛愪竴鐩寸揣闂潃鍢村反涓嶈璇濓紝浜庢槸璧板埌瀛╁瓙闈㈠墠锛岃闂師鍥狅紝缁撴灉瀛╁瓙寮犲槾浠ュ悗锛岃�佸笀鍙戠幇浠栧槾閲岀珶鐒舵湁涓�涓皬绾芥墸銆傚師鏉ヨ繖涓瀛愬緢鍠滄缁掓瘺鐜╁叿鐨勭溂鐫涳紝浜庢槸鎶婄航鎵e仛鐨勭溂鐫涙姞涓嬫潵锛屽惈鍦ㄥ槾閲屻�傚垢浜忚�佸笀鍙婃椂鍙戠幇锛屽惁鍒欙紝绾芥墸寰堟湁鍙兘琚悶涓嬪幓锛屽彲鑳戒細閫犳垚绐掓伅銆佹濉炴垨浼ゅ鍠夊挋銆傚姝わ紝浣犳湁鍝簺鎯虫硶锛�
           </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="chapterTenData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鎵樺辜鏈烘瀯鍦ㄩ�夋嫨鏁欏叿銆佺帺鍏风殑鏃跺�欏簲浠旂粏锛屼繚璇佸叾瀹夊叏鎬с�傛湰涓婚涓昏璁茶堪鎵樺辜鏈烘瀯瀹跺叿銆佹枃鍏枫�佹暀鍏峰拰鐜╁叿鐨勫崼鐢熶互鍙婁綋鑲茶澶囩殑鍗敓鏍囧噯鍜岃姹傦紝涓烘墭骞兼満鏋勫垱璁惧畨鍏ㄣ�佸崼鐢熺殑鐗╄川鐜鎻愪緵鍙傝�冦��
           </p>
@@ -733,7 +901,13 @@
     </div>
     <!-- 268 -->
     <div class="page-box" page="268">
-      <even-header :num="268" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">268</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           涓庢缂樺钩琛岋紝鍓嶈兏涓嶅彈鍘嬭揩锛屽ぇ鑵挎按骞筹紝涓よ冻鐫�鍦帮紝淇濇寔韬綋绋冲畾鑰屼笉鏄撲骇鐢熺柌鍔崇殑浣撲綅锛涚溂鐫涗笌妗岄潰涓婁功鏈殑璺濈涓�鑸负30锝�35鍘樼背锛屽辜灏忓効绔ュ彲绋嶈繎锛涜娑插惊鐜�氱晠锛屽懠鍚歌嚜濡傦紝涓嬭偄鐨勭缁忎笉鍙楀帇杩��
@@ -776,7 +950,12 @@
     </div>
     <!-- 269 -->
     <div class="page-box" page="269">
-      <odd-header :special="10" :num="269" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">269</span>
+      </div>
       <div class="padding-96">
         <p>
           鍒欏ぇ鑵夸笂闈笌灞夌搴曚箣闂村簲鐣欐湁绌洪殭銆備竴鑸潵璇达紝妗岄潰鑷崇搴曠殑楂樺害涓嶅ぇ浜庢妞呴珮宸殑1/2锛屼娇妗屼笅鏈夎冻澶熷ぇ鐨勭┖闂翠緵鍎跨鐨勫皬鑵垮拰鑴氬墠鍚庣Щ鍔ㄨ嚜濡傦紝涓嶅彈闃荤銆�
@@ -814,7 +993,13 @@
     </div>
     <!-- 270 -->
     <div class="page-box" page="270">
-      <even-header :num="270" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">270</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c125">浜屻�佹枃鍏枫�佹暀鍏峰強鐜╁叿鐨勫崼鐢燂紴锛烇紴锛烇紴锛�</h3>
         <h4 id="d359">锛堜竴锛夌帺鍏峰崼鐢�</h4>
@@ -875,7 +1060,12 @@
     </div>
     <!-- 271 -->
     <div class="page-box" page="271">
-      <odd-header :special="10" :num="271" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">271</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍏朵腑澶氬惈鏈夋湁姣掔墿璐ㄣ�傛摝榛戞澘閫傚疁鐢ㄦ箍甯冩垨鍚哥矇灏樼殑榛戞澘鎿︺��</p>
         <h5 id="e346">2.鏂囧叿</h5>
@@ -912,7 +1102,13 @@
     </div>
     <!-- 272 -->
     <div class="page-box" page="272">
-      <even-header :num="272" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">272</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           婵�鍎跨鐨勫績鐞嗘椿鍔紝鏈夋晥鎻愰珮鍎跨鐨勬晱鎰熸�у拰鍒涢�犲姏銆備絾鏄紝濡傛灉闀挎椂闂村湪杩欑鑹插僵涓敓娲伙紝浼氫娇鍎跨绁炵粡绱у紶锛岀敋鑷充骇鐢熸毚鍔涘�惧悜銆傚張濡傦紝钃濊壊绛夊喎鑹茶皟鑹插僵鍙互浣垮効绔ヤ繚鎸佸畨闈欍�佸钩鍜岀殑蹇冩�侊紝浣嗛暱鏃堕棿鎺ヨЕ鍙兘浼氶�犳垚鍎跨鎶戦儊鍐呭悜鐨勫績鐞嗐��
@@ -933,7 +1129,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[272]" />
+          <examinations :cardList="questionData[272]" :chapter="10" :page="272" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -977,7 +1173,12 @@
     </div>
     <!-- 273 -->
     <div class="page-box" page="273">
-      <odd-header :special="10" :num="273" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">273</span>
+      </div>
       <div class="padding-96">
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -990,18 +1191,21 @@
           1.骞煎効鍥殑鍘ㄦ埧鍙婇殧绂诲搴旀湁鍗曠嫭鐨勫叆鍙c�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.涓昏鍎跨鐢ㄦ埧鐨勭幓鍦伴潰绉瘮鍊间笉搴斾綆浜�1鈭�8銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.鍎跨鐢ㄥ簥涓�鑸互鏉″舰鏈ㄦ澘搴婁负鏈�濂斤紝閫忔皵涓旀湁鍒╀簬鍎跨鑴婃煴姝g洿銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qThree"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1009,6 +1213,7 @@
           <input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTenData.question.fill.qOne.one"
           />鏄寚妗岃繎缂橀珮涓庢楂樹箣宸��
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1017,30 +1222,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qOne"
         ></textarea>
         <p class="block">2.璇炬妞呭簲绗﹀悎鍝簺鍗敓瑕佹眰锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qTwo"
         ></textarea>
         <p class="block">3.濡備綍鍔犲己骞煎効鍥鍐呯殑鑷劧閫氶锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qThree"
         ></textarea>
         <p class="block">4.骞煎効鍥簲濡備綍閫夋嫨鐜╁叿锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qFour"
         ></textarea>
         <p class="block">5.骞煎効鍥殑浣撹偛璁惧搴旂鍚堝摢浜涜姹傦紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qFive"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1059,16 +1269,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[2731]" />
+          <examinations :cardList="questionData[2731]" :chapter="10" :page="2731" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[2732]" />
+          <examinations :cardList="questionData[2732]" :chapter="10" :page="2732" />
         </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" />
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterTenData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1076,15 +1291,13 @@
 </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 {
   name: "chapterTen",
-  components: { evenHeader, oddHeader,examinations },
+  components: {examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterTen/0270-1.jpg"),
@@ -1100,12 +1313,76 @@
       questionData:{},
       pathOne: "",
       pathTwo: "",
+      saveTime:20,
+      chapterTenData: {
+        experienceOne: "",
+        experienceTwo: "",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:"",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+            },
+          },
+          short:{
+            qOne:"",
+            qTwo:"",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          }
+        },
+      },
     };
   },
   async mounted() {
-    this.$data.questionData = await getQuestionData(testData[10])
-    this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
-    this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
+    const localData = localStorage.getItem("chapterTenData");
+    if (localData) {
+      this.chapterTenData = JSON.parse(localData);
+    }
+    window.timerTen = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData('10',testData[10])
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerTen) {
+      clearInterval(window.timerTen);
+    }
+    localStorage.setItem("chapterTenData", JSON.stringify(this.chapterTenData));
   },
   methods: {
     changeResources(type) {
@@ -1121,6 +1398,17 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterTenData",
+        JSON.stringify(this.chapterTenData)
+      );
+    },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
+    this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
+    }
   },
 };
 </script>

--
Gitblit v1.9.1