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/chapter008.vue |  811 +++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 642 insertions(+), 169 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index ef42bd8..d856031 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -2,7 +2,13 @@
   <div class="chapter" :num="8">
     <!-- 210 -->
     <div class="page-box" page="210">
-      <even-header :num="210" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">210</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="center" id="a014">
           <img
@@ -47,13 +53,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>
     </div>
     <!-- 211 -->
     <div class="page-box" page="211">
-      <odd-header :special="8" :num="211" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">211</span>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b032">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -124,61 +135,121 @@
               <span class="ds-bl"
                 >1.娴嬩綋娓╃殑閮ㄤ綅鏈夊摢浜�?濡備綍姝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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.濡備綍姝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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >11.榧诲嚭琛�鐨勫父瑙佸師鍥犳湁鍝簺?濡備綍姝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="chapterEnightData.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="chapterEnightData.learnTableOne.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -197,12 +268,14 @@
           <p class="block">
             灏忓崕鍜屽皬鐟炴槸鏌愬競瀹為獙骞煎効鍥ぇ锛堜竴锛夌彮鐨勫鐢燂紝淇╀汉鐜╄�嶆椂涓嶅皬蹇冪缈讳簡鏆栨按鐡讹紝鍚屾椂琚紑姘寸儷浼や簡鐨偆銆傚皬鍗庣粡杩囧ザ濂剁殑绮惧績鎶ょ悊锛屽緢蹇棅鎰堜簡锛涜�屽皬鐟炵敱浜庢瘝浜插伐浣滅箒蹇欙紝娌℃湁寰楀埌鍙婃椂鎶ょ悊锛岄�犳垚浜嗕激鍙f劅鏌撳寲鑴擄紝1涓湀鍚庢柟鎵嶅媺寮虹棅鎰堛�傛浜嬪浣犳湁浣曞惎绀猴紵
           </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="chapterEnightData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鐢熸椿涓紝涓嶈鏄剰澶栦簨鏁呯殑鍙楀鑰呰繕鏄悇绉嶇柧鐥呯殑鎮h�咃紝搴峰杩囩▼涓紝閮介渶瑕佺簿蹇冪殑鎶ょ悊銆傚ソ鐨勬姢鐞嗗彲浠ュ噺杞荤梾鎯咃紝淇冭繘鐥婃剤銆傚鍓嶅効绔ユ洿闇�濡傛銆傚洜姝わ紝鎺屾彙甯哥敤鎶ょ悊鎶�鏈紝鏄仛濂芥姢鐞嗗伐浣滅殑鍓嶆彁鍜屽繀瑕佹潯浠讹紝涔熸槸瀛﹀墠鏁欒偛宸ヤ綔鑰呯殑鑱岃矗鎵�鍦ㄣ�傛湁浜涗弗閲嶇殑鐤剧梾鍜屾剰澶栦簨鏁呭父浼氬嵄鍙婂効绔ョ殑鐢熷懡锛岄渶瑕佺揣鎬ユ晳鎶ゃ�傛墍浠ワ紝鎺屾彙鍚勭鎬ユ晳鎶�鏈殑鎿嶄綔瑕侀锛屽彲鎸芥晳鐢熷懡锛岃揪鍒拌捣姝诲洖鐢熺殑鏁堟灉锛屼负鍖婚櫌鐨勬不鐤楀瀹氬熀纭�銆傛湰涓婚灏嗕粙缁嶆棩甯哥敓娲讳腑甯哥敤鐨勬姢鐞嗘妧鏈殑鐩稿叧鐞嗚鍜屾搷浣滆棰嗭紝渚夸簬鍚屽浠伐浣滅敓娲讳腑姝g‘鎿嶄綔浣跨敤銆�
           </p>
@@ -220,7 +293,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細浣撴俯娴嬮噺.mp4"
+              :src="pathOne"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -251,7 +324,13 @@
     </div>
     <!-- 212 -->
     <div class="page-box" page="212">
-      <even-header :num="212" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">212</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fl fl-around">
           <div class="left" style="width: 38%">
@@ -264,7 +343,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細鐗╃悊闄嶆俯.mp4"
+              :src="pathTwo"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -309,7 +388,12 @@
     </div>
     <!-- 213 -->
     <div class="page-box" page="213">
-      <odd-header :special="8" :num="213" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">213</span>
+      </div>
       <div class="padding-96">
         <p>
           娴嬮噺鑴夋悘甯搁�夌敤杈冭〃娴呯殑鍔ㄨ剦锛屾墜鑵曢儴闈犳媷鎸囦晶鐨勬 鍔ㄨ剦鍗充负缁忓父閫夌敤鐨勯儴浣嶃��
@@ -342,7 +426,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細瀛﹀墠鍎跨甯哥敤鐨勬姢鐞嗕笌鎬ユ晳鎶�鏈�斺�斿効绔ョ瀛︾敤鑽寚鍗�.mp4"
+              :src="pathThree"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -372,7 +456,13 @@
     </div>
     <!-- 214 -->
     <div class="page-box" page="214">
-      <even-header :num="214" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">214</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c100">鍏�佹淮鐪艰嵂姘淬�佹秱鐪艰嵂鑶忥紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -431,7 +521,12 @@
     </div>
     <!-- 215 -->
     <div class="page-box" page="215">
-      <odd-header :special="8" :num="215" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">215</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍏�2锝�3婊淬��</p>
         <p>鈶h交鎻夎�抽儹锛屼娇鑽恫鍏呭垎杩涘叆澶栬�抽亾娣卞銆�</p>
@@ -447,7 +542,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細姝㈤蓟琛�.mp4"
+              :src="pathFour"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -491,15 +586,20 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0228-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[8][215]" />
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[215]" :chapter="8" :page="215" />
         </p>
       </div>
     </div>
     <!-- 216 -->
     <div class="page-box" page="216">
-      <even-header :num="216" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">216</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b033">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -575,81 +675,156 @@
               <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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >5.甯歌鐨勭溂澶栦激鏈夊摢浜�?濡備綍姝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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.learnTableTwo.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">10.鍙戠幇骞煎効鐢靛嚮浼わ紝濡備綍姝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="chapterEnightData.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="chapterEnightData.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="chapterEnightData.learnTableTwo.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">13.鍙戠幇娣规汉鑰咃紝濡備綍杩涜绱ф�ユ晳鎶�?</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="chapterEnightData.learnTableTwo.qThirteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">14.楠ㄦ姌鐨勫鐞嗘柟娉曟槸浠�涔�?</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="chapterEnightData.learnTableTwo.qFourteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >15.蹇冭偤澶嶈嫃鐨勯�傚簲璇佹湁鍝簺?濡備綍杩涜鍑嗙‘鎿嶄綔?</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="chapterEnightData.learnTableTwo.qFifteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -668,9 +843,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="chapterEnightData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             杩欐牱鐨勪簨鎯咃紝鍦ㄥ辜鍎垮洯鍑犱箮澶╁ぉ纰板埌銆傚浣曞杩欎簺甯歌鐨勬剰澶栦簨鏁呭仛鍑哄悎鐞嗙殑澶勭疆锛屾槸灏嗘剰澶栦簨鏁呴�犳垚鐨勪激瀹抽檷浣庤嚦鏈�灏忕殑鍏抽敭銆傛湰涓婚灏嗕负鍚屽浠彁渚涘鍓嶅効绔ョ敓娲讳腑鍙兘鍑虹幇鐨勫悇绉嶆剰澶栦簨鏁呯殑甯歌鍘熷洜鍙婂鐞嗗姙娉曪紝浠ヤ緵鍚屽浠湪宸ヤ綔鐢熸椿涓纭鐞嗘剰澶栦簨鏁呮椂鍙傝�冧娇鐢ㄣ��
           </p>
@@ -697,7 +877,12 @@
     </div>
     <!-- 217 -->
     <div class="page-box" page="217">
-      <odd-header :special="8" :num="217" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">217</span>
+      </div>
       <div class="padding-96">
         <p>
           鍑虹幇鍒囧壊浼ゆ椂锛屼激鍙h緝鏁撮綈锛屽嚭琛�閲忚緝澶氥�傚叿浣撳鐞嗗姙娉曟槸鍏堢敤鏃犺弻绾卞竷鎸夊帇浼ゅ彛姝㈣銆傜劧鍚庢部鐫�浼ゅ彛鐢�75%鐨勯厭绮剧敱鍐呭悜澶栨秷姣掞紝鏈�鍚庢暦涓婃棤鑿岀罕甯冿紝鐢ㄧ环甯﹀寘鎵庛��
@@ -741,7 +926,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細寮傜墿鐨勫鐞�.mp4"
+              :src="pathFive"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -762,7 +947,13 @@
     </div>
     <!-- 218 -->
     <div class="page-box" page="218">
-      <even-header :num="218" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">218</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e270">2.鍜介儴寮傜墿</h5>
         <div class="fl fl-around">
@@ -773,7 +964,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細楸煎埡鍗″枆鐨勫鐞�.mp4"
+              :src="pathSix"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -806,13 +997,14 @@
               <el-image
                 :src="backslapping"
                 :preview-src-list="[backslapping]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-1 鎷嶈儗娉曟搷浣滅ず鎰忓浘</p>
           </div>
           <div class="right" style="width: 33%">
             <p class="center">
-              <el-image :src="backsla" :preview-src-list="[backsla]" />
+              <el-image :src="backsla" :preview-src-list="[backsla]" class="open-image" />
             </p>
             <p class="img">鍥�8-2 娴峰鍒╁笇鎵嬫硶鎿嶄綔绀烘剰鍥�</p>
           </div>
@@ -829,7 +1021,12 @@
     </div>
     <!-- 219 -->
     <div class="page-box" page="219">
-      <odd-header :special="8" :num="219" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">219</span>
+      </div>
       <div class="padding-96">
         <h5 id="e273">5.澶栬�抽亾寮傜墿</h5>
         <p>
@@ -879,7 +1076,13 @@
     </div>
     <!-- 220 -->
     <div class="page-box" page="220">
-      <even-header :num="220" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">220</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d295">锛堜簲锛夌溂澶栦激</h4>
         <h5 id="e277">1.绌块�氫激</h5>
@@ -906,7 +1109,7 @@
           </div>
           <div class="right" style="width: 20%">
             <p class="center">
-              <el-image :src="syncope" :preview-src-list="[syncope]" />
+              <el-image :src="syncope" :preview-src-list="[syncope]" class="open-image" />
             </p>
             <p class="img">鍥�8-3 鏅曞帴鐨勫鐞�</p>
           </div>
@@ -920,7 +1123,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細鎯婂帴銆佹檿鍘ャ�佷紤鍏嬬殑澶勭悊.mp4"
+              :src="pathSeven"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -940,7 +1143,12 @@
     </div>
     <!-- 221 -->
     <div class="page-box" page="221">
-      <odd-header :special="8" :num="221" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">221</span>
+      </div>
       <div class="padding-96">
         <p class="tl">鈶℃澗寮�琛i銆佽¥甯︼紝淇濇寔琛�娑插惊鐜�氱晠銆�</p>
         <p class="tl">鈶㈤殢鏃舵摝鍘荤棸娑曘��</p>
@@ -986,7 +1194,13 @@
     </div>
     <!-- 222 -->
     <div class="page-box" page="222">
-      <even-header :num="222" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">222</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鈶d笁搴︾儷浼ゆ椂锛岄櫎鐢ㄥ共鍑�鐨勭罕甯冦�佹瘺宸捐鐩栧垱闈紝涓嶈兘寮勭牬鍜屾尋鍘嬫按鐤卞锛岃嫢鐑激闈㈢Н澶э紝鎮h�呯儲韬佸彛娓达紝鍙皯閲忓娆$粰娣$洂姘撮ギ鐢紝閫熼�佸尰闄㈠鐞嗐��
@@ -1033,7 +1247,13 @@
     </div>
     <!-- 223 -->
     <div class="page-box" page="223">
-      <odd-header :special="8" :num="223" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">223</span>
+      </div>
+
       <div class="padding-96">
         <p class="t0">
           姹ゆ礂鑳冦�傚偓鍚愬悗锛屽悙鍑哄儚钃濆ⅷ姘翠竴鏍风殑娑蹭綋锛屽弽澶嶅枬绫虫堡鍐嶅偓鍚愶紝鐩磋嚦鍚愬嚭鐗╅鑹叉秷澶变负姝€��
@@ -1062,7 +1282,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細 楠ㄦ姌涓庤劚浣�.mp4"
+              :src="pathEight"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1093,7 +1313,13 @@
     </div>
     <!-- 224 -->
     <div class="page-box" page="224">
-      <even-header :num="224" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">224</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           寮曡捣濠村辜鍎胯劚浣嶃�傝劚浣嶅叧鑺備互鑲┿�佽倶銆侀珛鍜屾墜鎸囩瓑閮ㄤ綅鏈�鏄撳彂鐢熴��
@@ -1139,7 +1365,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細蹇冭偤澶嶈嫃.mp4"
+              :src="pathNine"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1172,7 +1398,12 @@
     </div>
     <!-- 225 -->
     <div class="page-box" page="225">
-      <odd-header :special="8" :num="225" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">225</span>
+      </div>
       <div class="padding-96">
         <p class="t0">澶勶紝瑙佸浘8-5锛夈��</p>
         <div class="fl">
@@ -1182,6 +1413,7 @@
                 style="width: 60%"
                 :src="pressingOne"
                 :preview-src-list="[pressingOne]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-4 鍙屾寚鎸夊帇娉�</p>
@@ -1192,6 +1424,7 @@
                 style="width: 60%"
                 :src="pressingTwo"
                 :preview-src-list="[pressingTwo]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-5 鍙屾墜鐜姳鎷囨寚鎸夊帇娉�</p>
@@ -1207,12 +1440,13 @@
               <el-image
                 :src="pressingThree"
                 :preview-src-list="[pressingThree]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-6 鍗曟墜鑳稿鎸夊帇</p>
           </div>
           <div class="right" style="width: 40%">
-            <el-carousel loop trigger="click" class="bones-carousel">
+            <el-carousel loop trigger="click" class="bones-carousel carousel-image">
               <el-carousel-item
                 v-for="(item, index) in pressList"
                 :key="index"
@@ -1222,6 +1456,7 @@
                   :src="item"
                   :preview-src-list="pressList"
                   :preview-teleported="true"
+                  class="open-image"
                 />
               </el-carousel-item>
             </el-carousel>
@@ -1245,7 +1480,14 @@
     </div>
     <!-- 226 -->
     <div class="page-box" page="226">
-      <even-header :num="226" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">226</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+
       <div class="padding-96">
         <p>
           鈶犱话澶存姮棰屾硶銆傚嵆鐢ㄤ竴鍙墜鐨勫皬楸奸檯閮ㄤ綅锛堟墜鎺屽渚х紭锛夌疆浜庢偅鍎垮墠棰濓紝鍙︿竴鍙墜鐨勯鎸囥�佷腑鎸囩疆浜庝笅棰岋紝灏嗕笅棰岄涓婃彁锛屼娇涓嬮瑙掍笌鑰冲瀭鐨勮繛绾垮拰鍦伴潰鍨傜洿锛屽紑閫氭皵閬擄紙瑙佸浘8-8锛夈��
@@ -1260,6 +1502,7 @@
                 :src="upward"
                 :preview-src-list="[upward]"
                 style="width: 50%"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-8 浠板ご鎶娉�</p>
@@ -1270,6 +1513,7 @@
                 style="width: 65%"
                 :src="upwards"
                 :preview-src-list="[upwards]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-9 鎵橀娉�</p>
@@ -1295,13 +1539,18 @@
     </div>
     <!-- 227 -->
     <div class="page-box" page="227">
-      <odd-header :special="8" :num="227" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">227</span>
+      </div>
       <div class="padding-96">
         <h5 id="e286">2.鎸囧帇姝㈣娉�</h5>
         <div class="fl fl-around">
           <div class="left" style="width: 25%">
             <p class="center">
-              <el-image :src="hemostasis" :preview-src-list="[hemostasis]" />
+              <el-image :src="hemostasis" :preview-src-list="[hemostasis]"  class="open-image" />
             </p>
             <p class="img">鍥�8-10 鎸囧帇姝㈣娉曞父鐢ㄦ琛�閮ㄤ綅</p>
           </div>
@@ -1350,9 +1599,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0240-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> -->
-          <examinations :cardList="questionData[8][227]" />
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
+          <examinations :cardList="questionData[227]" :chapter="8" :page="227" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1365,7 +1613,13 @@
     </div>
     <!-- 228 -->
     <div class="page-box" page="228">
-      <even-header :num="228" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">228</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">1.澶栧嚭琛�</p>
@@ -1461,29 +1715,54 @@
               <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="chapterEnightData.learnTableThree.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="chapterEnightData.learnTableThree.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="chapterEnightData.learnTableThree.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="chapterEnightData.learnTableThree.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="chapterEnightData.learnTableThree.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1502,9 +1781,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="chapterEnightData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             涓嶅悓鐨勬剰澶栦簨鏁咃紝鍙戠敓鐨勫師鍥犱笉鍚岋紝澶勭悊鐨勬柟娉曚篃涓嶄竴鏍枫�傚悓瀛︿滑浣滀负鏈潵鐨勫辜鏁欏伐浣滆�咃紝浜嗚В鎰忓浜嬫晠鐨勫父瑙佸師鍥狅紝鏄闃插拰鍑忓皯鎰忓浜嬫晠鐨勫叧閿�傛湰涓婚灏卞皢涓哄悓瀛︿滑鍒嗘瀽骞煎効鍙戠敓鎰忓浜嬫晠鐨勫父瑙佸師鍥狅紝浠ヤ究鑳藉閽堝鍘熷洜锛屽強鏃╅噰鍙栭闃叉帾鏂斤紝杈惧埌鍑忓皯鎰忓浜嬫晠鍙戠敓鐨勭洰鐨勶紝鏈�澶ч檺搴﹀湴淇濇姢瀛﹀墠鍎跨鐨勫仴搴枫��
           </p>
@@ -1525,7 +1809,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              src="http://182.92.203.7:3007/books/resource/1/video/chapterEight/涓撻鍏細瀹夊叏鏁欒偛.mp4"
+              :src="pathTen"
               poster="../../../assets/images/chapterOne/people-video-img.jpg"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1546,7 +1830,12 @@
     </div>
     <!-- 229 -->
     <div class="page-box" page="229">
-      <odd-header :special="8" :num="229" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">229</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">
           浠栧効绔ョ瓑銆傚姝ょ己涔忓鍗遍櫓鐨勮璇嗚�屽彂鐢熺殑鎰忓浼ゅ锛屽湪鎵樺辜鏈烘瀯鍜屽搴腑鏃舵湁鍙戠敓銆�
@@ -1577,7 +1866,13 @@
     </div>
     <!-- 230 -->
     <div class="page-box" page="230">
-      <even-header :num="230" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">230</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1629,7 +1924,12 @@
     </div>
     <!-- 231 -->
     <div class="page-box" page="231">
-      <odd-header :special="8" :num="231" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">231</span>
+      </div>
       <div class="padding-96">
         <p>锛�3锛夎繘椋熴�侀ギ姘村拰鐩ユ礂杩囩▼涓槻姝㈢儷浼�</p>
         <p>
@@ -1717,7 +2017,13 @@
     </div>
     <!-- 232 -->
     <div class="page-box" page="232">
-      <even-header :num="232" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">232</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鈶犻槻姝㈠け鏁c�傚湪浜哄鎷ユ尋鐨勫満鍚堬紝濡傚晢鍦恒�佸叕鍥�佹父涔愬満绛夛紝涓嶈璁╁辜鍎跨寮�鎴愪汉鐨勮绾匡紝浜哄鏃舵媺浣忓辜鍎跨殑鎵嬶紝閬垮厤骞煎効璧板け銆佹尋浼ゃ��
@@ -1750,9 +2056,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0245-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[8][232]" />
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[232]" :chapter="8" :page="232" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1780,7 +2085,12 @@
     </div>
     <!-- 233 -->
     <div class="page-box" page="233">
-      <odd-header :special="8" :num="233" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨甯哥敤鎶ょ悊涓庢�ユ晳鎶�鏈�</span
+        >
+        <span class="page-header-num">233</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1819,7 +2129,13 @@
     </div>
     <!-- 234 -->
     <div class="page-box" page="234">
-      <even-header :num="234" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">234</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
         <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
@@ -1827,66 +2143,77 @@
           1.鐑暦娉曞彲璧峰埌娲昏鍖栫榾銆佹秷鐐庢秷鑲跨殑浣滅敤銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.瀵逛簬閽濇尗浼ょ殑鎮e効鐨勫鐞嗭紝搴旇鍏堢儹鏁凤紝24灏忔椂鍚庢敼涓哄喎鏁枫�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.铚滆渹铚囦激鍚庯紝搴斿皢椋熼唻娑備簬鎮e銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.瀵逛簬浜屽害鐑т激鐨勬偅鍎匡紝鍒囧嬁鎸ゅ帇鍜屽紕鐮存按鐤便�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">
           5.鍎跨骞撮緞瓒婂皬锛岃剦鎼忚秺蹇�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qFive"
           />锛�
         </p>
         <p class="block">
           6.涓嶅彲缁欑叅姘斾腑姣掔殑鎮h�呯亴閱嬫垨璁╁叾鍙楀喕銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qSix"
           />锛�
         </p>
         <p class="block">
           7.缈昏浆鐪肩毊鍚庯紝鍙敤骞插噣鐨勬瘺宸惧皢寮傜墿杞昏交鎷幓锛屼笉鍙敤鍢村惞銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qSeven"
           />锛�
         </p>
         <p class="block">
           8.瀵逛簬閲嶅害鍐讳激鐨勬偅鑰咃紝鍙敤鐏儰锛屼績杩涙偅閮ㄦ剤鍚堛�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qEnight"
           />锛�
         </p>
         <p class="block">
           9.姝㈤蓟琛�鏃讹紝鏁欏笀搴斿畨鎱板辜鍎夸笉瑕佺揣寮狅紝鐢ㄥ彛鍛煎惛锛屽ご鐣ヤ綆銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qNine"
           />锛�
         </p>
         <p class="block">
           10.鍋氶棴鑳稿績鑴忔寜鍘嬫椂锛屽簲浣挎偅鍎夸话鍗э紝鑳岄儴鏈夌‖鐗╂敮鎾戙�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qTen"
           />锛�
         </p>
         <p class="block">
           11.鏅曞帴鎮e効娓呴啋鍚庯紝鍙�傚綋琛ュ厖鍐扮殑绯栫洂姘存垨鍐烽ギ銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterEnightData.question.judge.qEleven"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1894,21 +2221,25 @@
           1.甯哥敤鐨勭墿鐞嗛檷娓╂柟娉曟湁<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterEnightData.question.fill.qOne.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qOne.two" />銆�
         </p>
         <p class="block">
           2.绠�鏄撻�氫究娉曟湁<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterEnightData.question.fill.qTwo.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qTwo.two" />銆�
         </p>
         <p class="block">
           3.鍒涗激鍑鸿鏍规嵁鍑鸿閮ㄤ綅鐨勪笉鍚岋紝鍙垎涓�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />鍜�<input
+            v-model="chapterEnightData.question.fill.qThree.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterEnightData.question.fill.qThree.two" />鍜�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterEnightData.question.fill.qThree.three"
           />3绉嶃��
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1917,30 +2248,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterEnightData.question.short.qOne"
         ></textarea>
         <p class="block">2.鍙e鍙o紙榧伙級鍚规皵娉曞簲璇ユ�庢牱鎿嶄綔锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterEnightData.question.short.qTwo"
         ></textarea>
         <p class="block">3.鐓ゆ皵涓瘨鏈変粈涔堣〃鐜帮紵濡備綍澶勭悊锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterEnightData.question.short.qThree"
         ></textarea>
         <p class="block">4.骞煎効鍥彂鐢熸皵绠″紓鐗╁悗锛屽浣曞鐞嗭紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterEnightData.question.short.qFour"
         ></textarea>
         <p class="block">5.鎵樺辜鏈烘瀯濡備綍杩涜瀹夊叏绠$悊鍜屽畨鍏ㄦ暀鑲诧紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterEnightData.question.short.qFive"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1974,9 +2310,10 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[8][2431]" />
-          <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[8][2342]" />
+          <examinations :cardList="questionData[2341]" :chapter="8" :page="2431" />
+          <span class="span-border"></span>
+          <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
+          <examinations :cardList="questionData[2342]" :chapter="8" :page="2342" />
         </p>
       </div>
     </div>
@@ -1984,12 +2321,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: "chapterEight",
-  components: { evenHeader, oddHeader,examinations },
+  components: { examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterEight/0223-1.jpg"),
@@ -2015,11 +2353,121 @@
       learnTableThree: true,
       learnTableFour: true,
       learnTableFive: true,
-      questionData:{}
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      pathSeven: "",
+      pathEight: "",
+      pathNine: "",
+      pathTen: "",
+      saveTime:20,
+      chapterEnightData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        experienceFour:"",
+        experienceFive:"",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:"",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:"",
+          qThirteen:"",
+          qFourteen:"",
+          qFifteen:"",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+            qNine:"",
+            qTen:"",
+            qEleven:"",
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+            },
+            qTwo: {
+              oen: "",
+              two:"",
+            },
+            qThree:{
+              one:"",
+              two:"",
+            }
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          },
+        },
+      },
     };
   },
-  mounted() {
-    this.$data.questionData = this.$store.state.questionData
+  async mounted() {
+    const localData = localStorage.getItem("chapterEnightData");
+    if (localData) {
+      this.chapterEnightData = JSON.parse(localData);
+    }
+    window.timerEnight = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("8", testData[8]);
+    this.getVideoPath();
+  },
+  unmounted() {
+    if (window.timerEnight) {
+      clearInterval(window.timerEnight);
+    }
+    localStorage.setItem("chapterEnightData", JSON.stringify(this.chapterEnightData));
   },
   methods: {
     changeResources(type) {
@@ -2035,6 +2483,31 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterEnightData",
+        JSON.stringify(this.chapterEnightData)
+      );
+    },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("53d9f18bbb3250e624ab608210ae3d1d");
+      this.$data.pathTwo = getResourcePath("faf38c63d16c12a7e415f9aee6e23880");
+      this.$data.pathThree = getResourcePath(
+        "e791b057b3f750aff6817824030a273a"
+      );
+      this.$data.pathFour = getResourcePath("e79fdcbd2f8237a837f5b3ebd8d77fed");
+      this.$data.pathFive = getResourcePath("03538bf15c4368ba80a3c9e298268df7");
+      this.$data.pathSix = getResourcePath("11f13bd738b960faa42be7267cfdcbb6");
+      this.$data.pathSeven = getResourcePath(
+        "36a4b835e252c744d53fbb331de3f1cf"
+      );
+      this.$data.pathEight = getResourcePath(
+        "0f415d69790bd6044b74b30947f628f5"
+      );
+      this.$data.pathNine = getResourcePath("bf45a94562ab237da0ef65ba33631022");
+      this.$data.pathTen = getResourcePath("f7b5594f23b2ded96e15b99c296be54d");
+    },
   },
 };
 </script>

--
Gitblit v1.9.1