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/chapter009.vue |  576 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 454 insertions(+), 122 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index 43aa299..81545f1 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -49,13 +49,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>
     <!-- 236 -->
     <div class="page-box" page="236">
-      <even-header :num="236" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">236</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b035">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -135,45 +141,85 @@
               <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="chapterNineData.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="chapterNineData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.瀛﹀墠鍎跨鐨勫0甯︽湁浠�涔堢壒鐐�?骞煎効鏁欏笀璁茶瘽涓轰粈涔堣杞诲0缁嗚?</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="chapterNineData.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="chapterNineData.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="chapterNineData.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="chapterNineData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.鎿ら蓟娑曠殑姝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="chapterNineData.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="chapterNineData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -192,9 +238,14 @@
           <p class="block">
             浜虹殑鐢熷懡杩囩▼鏄鏉傜殑锛屽張鏄濡欑殑锛屽畠鏃犳椂鏃犲埢涓嶅湪婕斿鐫�杩蜂汉鐨勨�滅敓鐗╄妭寰嬩氦鍝嶄箰鈥濓紝杩欏氨鏄�氬父浜轰滑鎵�璇寸殑鐢熺墿閽熴�傚畠鏄敓鐗╀綋鐢熷懡娲诲姩鐨勫唴鍦ㄨ妭寰嬫�с�傜瀛﹀鍙戠幇锛岀敓鐗╅挓瀵逛汉绫诲仴搴风殑褰卞搷宸ㄥぇ锛屼汉浣撶殑鐢熺悊鎸囨爣锛堜綋娓┿�佽鍘嬨�佽剦鎼忥級銆佷綋鍔涖�佹儏缁�佹櫤鍔涗互鍙婁綋鍐呯殑淇″彿锛堣剳鐢垫尝銆佸績鐢垫尝锛夌瓑锛岄兘浼氶殢鐫�鏄煎鍙樺寲鍛堝懆鏈熸�у彉鍖栥�傞�氳繃鐢熺墿閽燂紝鐢熺墿鑳芥劅鍙楀鐣岀幆澧冪殑鍛ㄦ湡鎬у彉鍖栵紝骞惰皟鑺傝嚜韬敓鐞嗘椿鍔ㄧ殑姝ヤ紣锛屼娇鍏跺湪涓�瀹氱殑鏃舵湡寮�濮嬨�佽繘琛屾垨缁撴潫銆傜瀛﹀鍙戠幇锛屽綋鐢熺墿閽熺磰涔辩殑鏃跺�欙紝浜虹被锛岀敋鑷虫墍鏈夌敓鍛斤紝灏卞鏄撶敓鐥呫�佽“鑰佹垨姝讳骸銆傜敓鐗╅挓鏄绉嶅鏍风殑锛屽氨浜轰綋鑰岃█锛屽凡鍙戠幇100澶氱锛屼汉浠簲璇ユ棭璁よ瘑銆佹棭鍙戠幇鍜屾棭鎺屾彙鑷繁鐨勭敓鐗╅挓锛岀劧鍚庯紝閫愭椤哄簲瀹冿紝浣夸箣浜х敓鑹�ф晥鏋溿�傚姝わ紝浣犳湁鍝簺鐪嬫硶锛熻涓庡悓瀛︿氦娴併��
           </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="chapterNineData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鍚堢悊鐨勭敓娲诲埗搴︽湁鍒╀簬涓綋鐢熺墿閽熺殑寤虹珛锛屾湰涓婚涓昏璁茶堪鏍规嵁瀛﹀墠鍎跨鐨勫勾榫勭壒鐐癸紝绉戝瀹夋帓浠栦滑鐨勫涔犮�佽繘椁愩�佹父鎴忋�佺潯鐪犵瓑姣忎釜鐢熸椿鐜妭鐨勬剰涔夈�佷緷鎹強瑕佹眰锛屼负骞兼暀宸ヤ綔鑰呭埗瀹氱瀛﹀悎鐞嗙殑鐢熸椿鍒跺害鎻愪緵甯姪銆�
           </p>
@@ -244,7 +295,12 @@
     </div>
     <!-- 237 -->
     <div class="page-box" page="237">
-      <odd-header :special="9" :num="237" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">237</span>
+      </div>
       <div class="padding-96">
         <p>
           鏄撶柌鍔筹紝瀵归暱鏈熺殑鍒烘縺鑰愬彈鍔涘皬锛屾敞鎰忓姏寰堥毦鎸佷箙锛屽湪浠庝簨鏌愮娲诲姩鍚庯紝澶ц剳鐨眰鐨勭浉搴斿尯鍩熷皢鐢卞叴濂嬭浆鍏ユ姂鍒讹紝鍑虹幇鐤插姵銆傚洜姝ゅ氨闇�瑕佸悎鐞嗗畨鎺掔敓娲诲埗搴︼紝缁忓父鍙樻崲娲诲姩鐨勫唴瀹瑰拰鏂瑰紡锛屼娇澶ц剳鐨眰鐨勨�滃伐浣滃尯鈥濅笌鈥滀紤鎭尯鈥濊疆鎹紝淇濊瘉鍔抽�哥粨鍚堬紝棰勯槻杩囧害鐤插姵銆�
@@ -270,7 +326,7 @@
         </p>
         <p class="img">琛�9-1 7宀佸墠鍎跨涓�鏃ョ敓娲讳綔鎭椂闂村垎閰�</p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]"  class="open-image" />
         </p>
         <h4 id="d317">锛堜竴锛変緷鎹勾榫勭壒鐐�</h4>
         <p>
@@ -280,7 +336,13 @@
     </div>
     <!-- 238 -->
     <div class="page-box" page="238">
-      <even-header :num="238" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">238</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐨勫姛鑳借繕澶勪簬涓嶆柇瀹屽杽闃舵锛岃�屼笖涓嶅悓骞撮緞娈电殑鍎跨鍦ㄥ彂鑲蹭笂涔熷瓨鍦ㄨ緝澶х殑宸紓銆傚洜姝わ紝搴旀牴鎹粬浠殑骞撮緞鐗圭偣绉戝鍦板畨鎺掍竴鏃ョ敓娲诲拰浣滄伅鏃堕棿銆備緥濡傦紝骞撮緞瓒婂皬锛屽畨鎺掔殑鐫$湢鏃堕棿鍒欒秺闀裤�佹鏁拌秺澶氥�傚钩鏃跺簲娉ㄦ剰澶氳浠栦滑鍒版埛澶栨椿鍔紝鎺ヨЕ鏂伴矞绌烘皵锛岃幏寰楀厖瓒崇殑闃冲厜绛夈�傚畨鎺掓椿鍔ㄦ椂锛屾妸鏅哄姏瑕佹眰杈冮珮鐨勬椿鍔ㄥ畨鎺掑湪绮惧姏鍏呮矝鐨勬椂闂磋繘琛岋紝浣垮ぇ鑴戠毊灞傚悇鏈鸿兘鍖虹殑绁炵粡缁嗚優鍜岃韩浣撳悇缁勭粐鍣ㄥ畼寰楀埌杞祦浼戞伅銆�
@@ -316,7 +378,12 @@
     </div>
     <!-- 239 -->
     <div class="page-box" page="239">
-      <odd-header :special="9" :num="239" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">239</span>
+      </div>
       <div class="padding-96">
         <h3 id="c112">鍥涖�佸鍓嶅効绔ヤ竴鏃ョ敓娲诲悇鐜妭鐨勫崼鐢熻姹傦紴锛烇紴锛烇紴锛�</h3>
         <h4 id="d326">锛堜竴锛夋櫒锛堝崍銆佹櫄锛夋</h4>
@@ -347,7 +414,13 @@
     </div>
     <!-- 240 -->
     <div class="page-box" page="240">
-      <even-header :num="240" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">240</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐨勫崗璋冨拰璋冭妭銆傛湁鐨勫効绔ュ枩娆㈠湪鍚冮キ鏃惰璇濓紝鏈夌殑鍎跨杈瑰悆杈圭湅鐢绘姤鎴栫數瑙嗭紝杩欐牱灏变笉鑳芥劅鍙楀埌椋熺墿鐨勮壊銆侀銆佸懗锛屼篃涓嶅埄浜庝腑鏋㈢缁忕郴缁熷杩涢杩囩▼鐨勮皟鑺傘�傝涓哄効绔ュ垱閫犲畨闈欍�佹剦蹇�佹湁绉╁簭鐨勭幆澧冿紝鍦ㄥ悆楗椂锛屾垚浜轰笉璇翠笌鍚冮キ鏃犲叧鐨勮瘽锛岄キ鍓嶄笉瑕佽鍎跨鐜╁緱澶叴濂嬨�傛湁鏃跺効绔ュ悆寰楀皯涓�鐐癸紝涔熶笉瑕佸媺寮轰粬浠椋燂紝杩囧鐨勫共娑夊弽鑰屼細寮曡捣鍘岄锛屾洿涓嶈兘鍦ㄥ悆楗椂璐e鍎跨锛岃璁╀粬浠泦涓簿鍔涜繘椋熴��
@@ -381,7 +454,12 @@
     </div>
     <!-- 241 -->
     <div class="page-box" page="241">
-      <odd-header :special="9" :num="241" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">241</span>
+      </div>
       <div class="padding-96">
         <p>
           鍎跨鍦ㄥ悆楗墠瑕佹礂鎵嬶紝鍚冮キ鏃惰缁嗗毤鎱㈠捊锛屾帀鍦ㄥ湴涓婄殑椋熺墿涓嶈鎹¤捣鏉ュ啀鍚冦��
@@ -438,7 +516,14 @@
     </div>
     <!-- 242 -->
     <div class="page-box" page="242">
-      <even-header :num="242" />
+      
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">242</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">缁ǔ瀹氾紝瀹夐潤銆佹剦蹇湴鍏ョ潯銆�</p>
         <h5 id="e302">3.鍩瑰吇鍎跨鑹ソ鐨勭潯鐪犱範鎯�</h5>
@@ -472,7 +557,12 @@
     </div>
     <!-- 243 -->
     <div class="page-box" page="243">
-      <odd-header :special="9" :num="243" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">243</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐗欙紝鎸夋椂鍓寚鐢诧紱鏅氫笂娲楄剼銆佹礂灞佽偂锛屽畾鏈熸礂澶淬�佹礂婢★紱娲楄劯銆佹礂鎵嬬殑鏂规硶瑕佹纭紱瑕佹湁涓撶敤鐨勬瘺宸俱�佹急鍙f澂绛夈��
@@ -532,13 +622,19 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[243]" />
+          <examinations :cardList="questionData[243]" :chapter="9" :page="243" />
         </p>
       </div>
     </div>
     <!-- 244 -->
     <div class="page-box" page="244">
-      <even-header :num="244" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">244</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b036">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -621,65 +717,125 @@
           <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="chapterNineData.learnTableTwo.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="chapterNineData.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="chapterNineData.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="chapterNineData.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="chapterNineData.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="chapterNineData.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="chapterNineData.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="chapterNineData.learnTableTwo.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="chapterNineData.learnTableTwo.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="chapterNineData.learnTableTwo.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="chapterNineData.learnTableTwo.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="chapterNineData.learnTableTwo.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -696,9 +852,14 @@
           <p class="block">
             鍋ュ叏涓旀墽琛岃壇濂界殑鍗敓淇濆仴鍒跺害鏄槻姝㈠拰鎺у埗鍚勭浼犳煋鐥呭湪骞煎効鍥彂鐢熷拰娴佽锛屼繚璇佸効绔ヨ韩蹇冨仴搴锋垚闀跨殑蹇呰鏉′欢銆傝祫鏂欐樉绀猴紝涓�浜涘勾杞荤埗姣嶆�绘槸鍑倝鐪艰瀵熷垽鏂瀛愭槸鍚﹀仴搴凤紝瀵逛簬濠村辜鍎夸綋妫�涓嶄互涓虹劧锛岃寰椻�滄垜鐨勫瀛愯兘鍚冭兘鍠濓紝鐧界櫧鑳栬儢锛屽仛浠�涔堜綋妫�鍛�鈥濓紒浠栦滑璁や负瀛╁瓙鑳藉悆鑳界潯銆佹椿韫︿贡璺冲氨娌℃瘺鐥咃紱杩囧崐鏁扮殑瀹堕暱涓嶉噸瑙嗗┐骞煎効浣撴锛岀敋鑷充粠鏈负瀛╁瓙鍋氳繃浣撴銆傚叾瀹烇紝杩欐槸涓�绉嶈瑙c�傚姝わ紝浣犳湁浣曠湅娉曪紵
           </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="chapterNineData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏍规嵁涓�浜涘尰闄㈢殑鍎跨淇濆仴绉戦棬璇婄殑璋冩煡鏄剧ず锛氶�惧叚鎴愮殑瀛╁瓙鏈変笉鍚岀▼搴︾殑蹇冪悊鍜屼綋鏍煎彂鑲查棶棰橈紝鑰岃瘖娌荤巼鍗翠笉瓒�10%锛涘緢澶氬闀胯涓哄仴搴风殑瀛╁瓙鍗磋鏌ュ嚭鎮f湁钀ュ吇涓嶈壇銆佽偉鑳栥�佽传琛�绛夎韩蹇冪柧鐥呫�備笓瀹惰涓猴紝瀹氭湡瀵瑰効绔ヨ繘琛屽仴搴蜂綋妫�锛屼笉浣嗗彲浠ヤ簡瑙e効绔ョ殑鐢熼暱鍙戣偛鎯呭喌锛岃繕鑳藉強鏃跺彂鐜板紓甯革紝鏄繚璇佸効绔ュ仴搴锋垚闀跨殑閲嶈鎵嬫銆傛湰涓婚涓昏璁茶堪浜嗘墭骞兼満鏋勭殑浣撴牸妫�鏌ュ埗搴︺�侀闃叉帴绉嶅埗搴︺�侀殧绂诲埗搴︺�佹秷姣掑埗搴﹀拰鐜鍗敓鍒跺害锛屼互鍒╀簬鍚屽浠叏闈簡瑙f墭骞兼満鏋勭殑鍗敓淇濆仴鍒跺害銆�
           </p>
@@ -745,7 +906,12 @@
     </div>
     <!-- 245 -->
     <div class="page-box" page="245">
-      <odd-header :special="9" :num="245" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">245</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鐥呭湪骞煎効鍥彂鐢熷拰娴佽锛屼繚璇佸効绔ヨ韩蹇冨仴搴锋垚闀跨殑蹇呰鏉′欢銆�</p>
         <h3 id="c113">涓�銆佷綋鏍兼鏌ュ埗搴︼紴锛烇紴锛烇紴锛�</h3>
@@ -806,7 +972,13 @@
     </div>
     <!-- 246 -->
     <div class="page-box" page="246">
-      <even-header :num="246" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">246</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>鍥涙煡锛氭鏌ュ効绔ュ彛琚嬩腑鏄惁鏈夊彲閫犳垚鍒涗激鐨勫皬鐗╀欢銆�</p>
         <h5 id="e308">4.鍏ㄦ棩鍋ュ悍瑙傚療</h5>
@@ -861,7 +1033,12 @@
     </div>
     <!-- 247 -->
     <div class="page-box" page="247">
-      <odd-header :special="9" :num="247" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">247</span>
+      </div>
       <div class="padding-96">
         <p>
           鍔犲己鍏嶇柅锛氳繘琛屽熀纭�鍏嶇柅鍚庯紝浣撳唴鑾峰緱鐩稿綋鐨勫厤鐤姏銆傚叾鍚庡厤鐤姏閫愭笎涓嬮檷锛屽綋涓嬮檷鑷充竴瀹氱▼搴︽椂锛岄噸澶嶆帴绉嶄竴娆★紝鍙娇鍏嶇柅鍔涘啀搴︽彁楂橈紝浠ュ珐鍥哄厤鐤晥鏋滐紝杩欑澶嶇鍙綔鍔犲己鍏嶇柅銆�
@@ -871,7 +1048,7 @@
         </p>
         <p class="img">琛�9-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>
           浜轰綋鏈変袱绉嶅厤鐤弽搴旓細涓�绉嶆槸缁嗚優鍏嶇柅锛屽彟涓�绉嶆槸浣撴恫鍏嶇柅銆傜粏鑳炲厤鐤湪濠村効鍑虹敓鏃跺凡缁忓畬鍠勶紝鑰屼綋娑插厤鐤湪6涓湀浠ュ悗鎵嶆瘮杈冨畬鍠勩�傛湁浜涚柅鑻楋紝濡傚崱浠嬭嫍锛屾帴绉嶅悗鎶椾綋鐨勪骇鐢熶笌缁嗚優鍏嶇柅鏈夊叧锛涙湁浜涚柅鑻楋紝濡傞夯鐤圭柅鑻楋紝鎺ョ鍚庝笌浣撴恫鍏嶇柅鏈夊叧銆傛墍浠ワ紝濠村効鍑虹敓3澶╁唴娉ㄥ皠鍗′粙鑻楀氨鍙互浜х敓鎶椾綋锛屼互棰勯槻缁撴牳鐥呫�傝�屽湪鍑虹敓鍚�6涓湀鍐呮帴绉嶉夯鐤圭柅鑻楀氨涓嶈兘浜х敓瓒冲鐨勬姉浣擄紝涔熻揪涓嶅埌棰勯槻鐨勭洰鐨勶紝鍥犳锛岄夯鐤圭柅鑻楄鍦ㄥ嚭鐢�6涓湀浠ュ悗鎺ョ銆�
@@ -884,7 +1061,14 @@
     </div>
     <!-- 248 -->
     <div class="page-box" page="248">
-      <even-header :num="248" />
+      
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">248</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d337">锛堜笁锛夐闃叉帴绉嶇殑鍗敓瑕佹眰</h4>
         <h5 id="e309">1.鎺ョ鍓�</h5>
@@ -914,7 +1098,12 @@
     </div>
     <!-- 249 -->
     <div class="page-box" page="249">
-      <odd-header :special="9" :num="249" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">249</span>
+      </div>
       <div class="padding-96">
         <p>
           鎺ョ鍚庤娉ㄦ剰浼戞伅锛屽瘨鍐峰鑺傝娉ㄦ剰淇濇殩锛屽湪鎺ョ鍚庝竴涓ゆ棩鍐呬笉鍋氭縺鐑堣繍鍔紝浠ュ噺杞绘帴绉嶅悗鐨勫弽搴斻��
@@ -979,7 +1168,14 @@
     </div>
     <!-- 250 -->
     <div class="page-box" page="250">
-      <even-header :num="250" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">250</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+
       <div class="padding-96">
         <div class="fieldset">
           <p class="block"><b>娉ㄦ剰浜嬮」</b></p>
@@ -1047,7 +1243,13 @@
     </div>
     <!-- 251 -->
     <div class="page-box" page="251">
-      <odd-header :special="9" :num="251" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">251</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鏃╂湡鐥囩姸锛屾棭鏈熷彂鐜扮画鍙戞偅鍎夸互渚跨鐞嗭紱浜屾槸鍒囨柇浼犳煋閫斿緞锛屼娇浠ュ悗鍐嶆湁鎮e効鍜屽甫鑿岃�呭嚭鐜帮紝涔熶笉鑷村嵄鍙婂凡闅旂鐨勬槗鎰熻�呫�傚鎺ヨЕ鐝殑鍎跨瑕佽繘琛屽尰瀛﹁瀵燂紝骞堕噰鍙栧繀瑕佺殑闃叉不鎺柦銆傝瀵熶粬浠殑楗銆佺簿绁炪�佸ぇ灏忎究銆佷綋娓╃瓑鏄惁寮傚父锛屽畨鎺掑ソ涓�鏃ユ椿鍔紝閫傚綋澧炲姞钀ュ吇锛屽苟闅忔椂灏嗘姢鐞嗚瀵熺殑鎯呭喌鍛婄煡鍖荤敓锛屾墦棰勯槻閽堬紝鏈嶉闃茶嵂锛岃揪鍒版湁鐥呭尰娌汇�佹病鐥呴槻鐥呯殑鐩殑銆傚氨鏄紶鏌撲笂浜嗙柧鐥咃紝涔熷彲鍑忚交鎮e効鐨勭棁鐘讹紝缂╃煭鐥呯▼锛屽姞閫熷悍澶嶃�傝瀵熸湡闂达紝鎺ヨЕ鐝笉鏀舵柊鐢熷叆鍥紝涓嶆贩鐝紝涓嶄覆鐝紝鍋氬埌鍒嗘暎娲诲姩锛屼互缂╁皬浼犳煋鑼冨洿銆傚敖閲忎娇浼犳煋鐥呯殑娴佽缁堟鍦ㄤ竴涓彮涓娿�傞櫎姝や箣澶栵紝杩樺簲瀵规帴瑙︾彮杩涜褰诲簳娑堟瘨銆�
@@ -1101,7 +1303,13 @@
     </div>
     <!-- 252 -->
     <div class="page-box" page="252">
-      <odd-header :special="9" :num="252" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">252</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e314">1.鐓ら厷鐨傛憾娑诧紙鏉ヨ嫃姘达級</h5>
         <p>
@@ -1142,7 +1350,13 @@
     </div>
     <!-- 253 -->
     <div class="page-box" page="253">
-      <odd-header :special="9" :num="253" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">253</span>
+      </div>
       <div class="padding-96">
         <h5 id="e319">2.鏂囧寲鐢ㄥ搧鐨勬秷姣�</h5>
         <p>锛�1锛夌帺鍏锋秷姣�</p>
@@ -1202,7 +1416,13 @@
     </div>
     <!-- 254 -->
     <div class="page-box" page="254">
-      <even-header :num="254" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">254</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e321">1.澶ф皵姹℃煋</h5>
         <p>
@@ -1248,7 +1468,12 @@
     </div>
     <!-- 255 -->
     <div class="page-box" page="255">
-      <odd-header :special="9" :num="255" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涔�&nbsp;瀛﹀墠鍎跨鐢熸椿淇濆仴鍒跺害</span
+        >
+        <span class="page-header-num">255</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐧昏琛ㄣ�佷紶鏌撶梾鐧昏琛ㄣ�佺墿鍝佹秷姣掕褰曡〃銆侀闃叉帴绉嶇櫥璁拌〃銆佽涓洪棶棰樿瀵熻〃銆佹剰澶栦簨鏁呯櫥璁拌〃銆傚崼鐢熺粺璁¤姹傚仛濂借喅椋熻惀鍏昏瘎浠枫�佷綋鏍煎彂鑲茶瘎浠枫�佸嚭鍕ょ巼鍜屽悇绉嶅父瑙佺柧鎮g粺璁$瓑銆�
@@ -1263,7 +1488,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[255]" />
+          <examinations :cardList="questionData[255]" :chapter="9" :page="255" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1276,48 +1501,56 @@
           1.缁堟湯娑堟瘨鏄寚鎮h�呴殧绂诲悗锛屽浠栧師鏉ョ殑娲诲姩鍦烘墍杩涜娑堟瘨銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.瀹炴柦鍏嶇柅璁″垝鏄繚鎶ゆ槗鎰熷効绔ユ墍閲囧彇鐨勭壒寮傛�ф帾鏂姐�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.鍎跨鍏ュ洯鍚庡簲瀹氭湡杩涜鍋ュ悍妫�鏌ャ�備竴鑸�3锝�7宀侊紝姣忓鏈熸鏌ヤ竴娆°�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鐏椿鐤嫍鍏嶇柅鏁堟灉濂斤紝鍏嶇柅鍔涙寔缁椂闂撮暱銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">
           5.娉ㄥ皠涓欑鐞冭泲鐧借幏寰楃殑鍏嶇柅鍔涗负浜哄伐琚姩鍏嶇柅銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qFive"
           />锛�
         </p>
         <p class="block">
           6.绫绘瘨绱犳槸鐢辩梾姣掑埗鎴愮殑鑷姩鍏嶇柅鍒跺墏銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qSix"
           />锛�
         </p>
         <p class="block">
           7. 5锝�7宀佺殑鍎跨姣忓ぉ闇�9锝�10灏忔椂鐫$湢銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qSeven"
           />锛�
         </p>
         <p class="block">
           8.涔欏瀷鑴戠値鐤嫍銆侀夯鐤圭柅鑻楀睘浜庢椿鐤嫍銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterNineData.question.judge.qEnight"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1325,49 +1558,65 @@
           1.鐗╃悊娑堟瘨娉曠畝渚挎槗琛岋紝杈冧负鏈夋晥銆傚畠鍙堝垎涓�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />涓ょ銆�
+            v-model="chapterNineData.question.fill.qOne.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterNineData.question.fill.qOne.two" />涓ょ銆�
         </p>
         <p class="block">
           2.鐧剧櫧鐮翠笁鑱斿埗鍓傛槸棰勯槻鍎跨鎮�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterNineData.question.fill.qTwo.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterNineData.question.fill.qTwo.two" />銆�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qTwo.three"
           />涓夌浼犳煋鐥呫��
         </p>
         <p class="block">
           3.闆嗕綋鍎跨鐨勮喅椋熷簲杈惧埌<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterNineData.question.fill.qThree.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterNineData.question.fill.qThree.two" />銆�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qThree.three"
           />銆�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qThree.four"
           />绛夊崼鐢熻姹傘��
         </p>
         <p class="block">
           4.骞煎効鍥秷姣掔敤鐨勬潵鑻忔按锛屽叾娴撳害鏄�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qFour.one"
           />銆�
         </p>
         <p class="block">
           5.鍦扮悆涓婂凡娑堢伃鐨勪紶鏌撶梾鏄�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qFive.one"
           />锛岃娑堢伃鐨勭浜岀浼犳煋鐥呮槸<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterNineData.question.fill.qFive.two"
           />銆�
         </p>
       </div>
     </div>
     <!-- 256 -->
     <div class="page-box" page="256">
-      <even-header :num="256" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">256</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+
       <div class="padding-96">
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p class="block">1.鍚堢悊瀹夋帓濂藉効绔ョ殑涓�鏃ョ敓娲绘湁浠�涔堟剰涔夛紵</p>
@@ -1387,28 +1636,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[2561]" />
+          <examinations :cardList="questionData[2561]" :chapter="9" :page="2561" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[2562]" />
+          <examinations :cardList="questionData[2562]" :chapter="9" :page="2562" />
         </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="11"
+            v-model="chapterNineData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="600"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1416,15 +1658,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: "chapterNine",
-  components: { evenHeader, oddHeader,examinations },
+  components: { examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterNine/0248-1.jpg"),
@@ -1445,19 +1685,102 @@
       pathFive:"",
       pathSix: "",
       pathSeven: "",
+      saveTime:20,
+      chapterNineData: {
+        experienceOne: "",
+        experienceTwo: "",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:"",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+            },
+            qTwo: {
+              oen: "",
+              two:"",
+              three:"",
+            },
+            qThree:{
+              one:"",
+              two:"",
+              three:"",
+              four:"",
+            },
+            qFour:{
+              one:""
+            },
+            qFive:{
+              one:"",
+              two:""
+            }
+          },
+        },
+      },
     };
   },
   async mounted() {
+    const localData = localStorage.getItem("chapterNineData");
+    if (localData) {
+      this.chapterNineData = JSON.parse(localData);
+    }
+    window.timerNine = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
     this.$data.questionData = await getQuestionData('9',testData[9])
-    this.$data.pathOne = getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
-    this.$data.pathTwo = getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
-    this.$data.pathThree = getResourcePath("bdaec679118721e0623d62ac3031288e");
-    this.$data.pathFour = getResourcePath("c61f14623b01adaa326d18f2a19b822b");
-    this.$data.pathFive = getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
-    this.$data.pathSix = getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
-    this.$data.pathSeven = getResourcePath("960e9aa17b48e900b08cde6e44b774f3");
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerNine) {
+      clearInterval(window.timerNine);
+    }
+    localStorage.setItem("chapterNineData", JSON.stringify(this.chapterNineData));
   },
   methods: {
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterNineData",
+        JSON.stringify(this.chapterNineData)
+      );
+    },
     changeResources(type) {
       if (type == "learnTableOne") {
         this.$data.learnTableOne = !this.$data.learnTableOne;
@@ -1471,6 +1794,15 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("730ab5395d1b5b5c87d7422cc6540f35");
+    this.$data.pathTwo = getResourcePath("e3c6884dc80cf947e3a38c5595d474ad");
+    this.$data.pathThree = getResourcePath("bdaec679118721e0623d62ac3031288e");
+    this.$data.pathFour = getResourcePath("c61f14623b01adaa326d18f2a19b822b");
+    this.$data.pathFive = getResourcePath("c469389f516c81f13e4d0440bd9ec87e");
+    this.$data.pathSix = getResourcePath("f8d747892eb8af7ed16bcb71967d414f");
+    this.$data.pathSeven = getResourcePath("960e9aa17b48e900b08cde6e44b774f3");
+    }
   },
 };
 </script>

--
Gitblit v1.9.1