From e5ac9c38a59646544e6d4b6dee0b3c5f2970118f Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期一, 20 五月 2024 14:27:26 +0800
Subject: [PATCH] 新书

---
 src/assets/js/config.js                                       |    3 
 src/books/embedded/assets/images/img00002002.jpg              |    0 
 src/books/embedded/assets/images/img00003002.jpg              |    0 
 src/books/childHealth/view/content/components/chapter008.vue  |  784 +++++-
 src/books/embedded/assets/images/img00023001.jpg              |    0 
 src/books/embedded/assets/images/img00024001.jpg              |    0 
 src/books/embedded/assets/images/img00025001.jpg              |    0 
 src/books/embedded/assets/images/img00026001.jpg              |    0 
 src/books/embedded/assets/images/img00027001.jpg              |    0 
 src/books/embedded/assets/images/img00028001.jpg              |    0 
 src/books/embedded/assets/images/img00029001.jpg              |    0 
 src/books/childHealth/view/content/index.vue                  |   14 
 src/books/embedded/assets/images/img00020001.jpg              |    0 
 src/books/embedded/assets/images/img00021001.jpg              |    0 
 src/books/embedded/assets/images/img00022001.jpg              |    0 
 src/books/embedded/assets/images/img00017005.jpg              |    0 
 src/books/embedded/assets/images/img00030004.jpg              |    0 
 src/books/embedded/view/components/index.vue                  |   22 
 src/books/embedded/assets/images/img00029003.jpg              |    0 
 src/books/childHealth/view/content/components/chapter006.vue  | 1037 ++++++-
 src/books/embedded/assets/images/img00021003.jpg              |    0 
 src/books/embedded/assets/images/img00023003.jpg              |    0 
 src/books/childHealth/view/content/components/chapter012.vue  |   11 
 src/books/embedded/assets/images/img00025003.jpg              |    0 
 src/books/embedded/assets/images/img00030002.jpg              |    0 
 src/books/embedded/assets/images/img00014003.jpg              |    0 
 src/books/embedded/assets/images/img00018003.jpg              |    0 
 src/books/childHealth/view/content/components/chapter003.vue  |  194 
 src/books/embedded/assets/images/img00017001.jpg              |    0 
 src/books/embedded/assets/images/img00016001.jpg              |    0 
 src/books/embedded/assets/images/img00026006.jpg              |    0 
 src/books/embedded/assets/images/img00029005.jpg              |    0 
 src/books/embedded/assets/images/img00030001.jpg              |    0 
 src/books/embedded/assets/images/img00031001.jpg              |    0 
 src/books/childHealth/view/content/components/chapter011.vue  |   30 
 src/books/embedded/assets/images/img00014002.jpg              |    0 
 src/books/embedded/assets/images/img00024005.jpg              |    0 
 src/books/embedded/assets/images/img00025005.jpg              |    0 
 src/books/embedded/assets/images/img00020005.jpg              |    0 
 src/books/childHealth/view/content/components/chapter005.vue  |  924 +++++-
 src/books/embedded/assets/images/img00012001.jpg              |    0 
 src/books/childHealth/view/content/components/chapter001.vue  |    4 
 src/books/embedded/assets/images/img00022004.jpg              |    0 
 src/books/embedded/assets/images/img00026004.jpg              |    0 
 src/books/embedded/view/components/header.vue                 |  260 ++
 src/books/embedded/assets/images/img00019002.jpg              |    0 
 src/books/embedded/assets/images/img00020003.jpg              |    0 
 src/books/embedded/assets/images/img00025007.jpg              |    0 
 src/books/embedded/assets/images/img00002003.jpg              |    0 
 src/books/embedded/assets/images/img00026002.jpg              |    0 
 src/books/embedded/assets/images/img00024003.jpg              |    0 
 src/books/embedded/assets/images/img00017003.jpg              |    0 
 src/books/embedded/assets/images/img00020002.jpg              |    0 
 src/books/embedded/assets/images/img00021002.jpg              |    0 
 src/books/embedded/assets/images/img00022002.jpg              |    0 
 src/books/embedded/assets/images/img00023002.jpg              |    0 
 src/books/embedded/assets/images/img00002001.jpg              |    0 
 src/books/embedded/assets/images/img00001001.jpg              |    0 
 src/books/embedded/assets/images/img00030005.jpg              |    0 
 src/books/embedded/assets/main.less                           |  646 +++++
 src/books/childHealth/view/content/components/chapter009.vue  |  576 +++-
 src/books/embedded/assets/images/img00003001.jpg              |    0 
 src/books/embedded/assets/images/img00023004.jpg              |    0 
 src/books/childHealth/view/content/components/chapter0004.vue |  525 +++-
 src/books/embedded/assets/images/img00025004.jpg              |    0 
 src/books/embedded/assets/images/img00014004.jpg              |    0 
 src/books/embedded/assets/images/img00027002.jpg              |    0 
 src/books/embedded/assets/images/img00018002.jpg              |    0 
 src/books/embedded/assets/images/img00003003.jpg              |    0 
 src/books/embedded/assets/images/img00030003.jpg              |    0 
 src/books/embedded/assets/images/img00025002.jpg              |    0 
 src/books/childHealth/view/content/components/chapter007.vue  |  993 ++++++-
 src/main.js                                                   |    6 
 src/books/embedded/assets/images/img00029002.jpg              |    0 
 src/books/embedded/assets/images/img00024007.jpg              |    0 
 src/books/embedded/assets/images/img00025006.jpg              |    0 
 src/books/embedded/assets/images/img00018001.jpg              |    0 
 src/books/embedded/assets/images/img00024006.jpg              |    0 
 src/books/embedded/view/components/chapter001.vue             |  509 ++++
 src/books/embedded/assets/images/device_phone_Frontcover.jpg  |    0 
 src/books/embedded/assets/images/img00020006.jpg              |    0 
 src/books/childHealth/view/content/components/chapter002.vue  |   29 
 src/books/embedded/assets/images/img00017002.jpg              |    0 
 src/books/embedded/assets/images/img00029004.jpg              |    0 
 src/books/childHealth/view/content/components/chapter010.vue  |  482 +++
 src/books/embedded/assets/images/device_pad_Frontcover.jpg    |    0 
 src/books/embedded/assets/images/img00023005.jpg              |    0 
 src/books/embedded/assets/images/img00014001.jpg              |    0 
 src/books/embedded/assets/images/img00026005.jpg              |    0 
 src/books/embedded/assets/images/img00015001.jpg              |    0 
 src/books/embedded/assets/images/img00019001.jpg              |    0 
 src/books/embedded/assets/images/img00024004.jpg              |    0 
 src/books/embedded/assets/images/img00026003.jpg              |    0 
 src/books/embedded/view/index.vue                             |  135 +
 src/books/childHealth/assets/main.less                        |    3 
 src/books/embedded/assets/images/img00020004.jpg              |    0 
 src/books/embedded/assets/images/img00017004.jpg              |    0 
 src/books/embedded/assets/images/img00022003.jpg              |    0 
 src/books/embedded/assets/images/img00024002.jpg              |    0 
 src/books/embedded/assets/images/img00028002.jpg              |    0 
 src/books/childHealth/view/index.vue                          |   36 
 src/books/embedded/assets/images/img00031002.jpg              |    0 
 src/App.vue                                                   |    8 
 103 files changed, 5,908 insertions(+), 1,323 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6c12220..01f01ff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,21 +2,21 @@
   <div id="app">
     <childHealth v-if="config.activeBook.name == 'childHealth'"></childHealth>
     <book v-if="config.activeBook.name == 'content'"></book>
-    <!-- <English v-if="activeBook == 'English'"></English> -->
+    <embedded v-if="config.activeBook.name == 'embedded'" ></embedded>
   </div>
 </template>
 
 <script>
 import childHealth from "./books/childHealth/view/index.vue";
 import book from './books/content/index.vue'
-// import English from './books/English/view/index.vue'
+import embedded from "./books/embedded/view/index.vue"
 
 export default {
   name: "App",
   components: {
     childHealth,
-    book
-    // English
+    book,
+    embedded
   }
 };
 </script>
diff --git a/src/assets/js/config.js b/src/assets/js/config.js
index 14e2c30..fee6cea 100644
--- a/src/assets/js/config.js
+++ b/src/assets/js/config.js
@@ -5,7 +5,8 @@
 export const publicCtx = "http://182.92.203.7:3007/books/book/1"; // 璧勬簮璇锋眰鍦板潃
 export const bookList = [
   {id:1,name:"childHealth",bookName:"瀛﹀墠鍎跨鍗敓涓庝繚鍋�",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'},
-  {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'}
+  {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'},
+  {id:3,name:"embedded",bookNmae:"宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�",bookId:'',rootCmsItemId:"",}
 ]
 export const activeBook = bookList[0]; // 璧勬簮璇锋眰鍦板潃
 export const appId = 3;
diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less
index 4b6d3a4..12f4889 100644
--- a/src/books/childHealth/assets/main.less
+++ b/src/books/childHealth/assets/main.less
@@ -602,7 +602,8 @@
     border-color: #C0C4CC;
   }
   textarea:focus {
-    border-color: #00a1e9;
+    border-color:#15c0f2;
+    outline: none; 
   }
   .cl-66 {
     color: #666;
diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index 056454b..1f85592 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="chapter" num="4">
+    <!-- 81 -->
     <div class="page-box padding-96" page="81">
       <p class="center" id="a010">
         <img
@@ -44,12 +45,18 @@
         涓撻瀵煎
       </h6>
       <p class="blockh6 m0-t0">
-        <el-image :src="learn" :preview-src-list="[learn]" />
+        <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
       </p>
     </div>
     <!-- 82 -->
     <div class="page-box" page="82">
-      <even-header :num="82" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">82</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b016">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -57,8 +64,8 @@
         </h2>
         <div class="mb-20 fm-st fl fl-cn t2">
           <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
-          <span class="t0"
-            > 涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
+          <span class="t0">
+            涓撻鍥涘涔犱富棰樹簩 瀛﹀墠鍎跨鍗敓涓庝繚鍋ヨ嚜涓诲涔犱换鍔″崟 瀛︿範鎸囧崡</span
           >
           <img
             src="../../../assets/images/icon/document.png"
@@ -69,7 +76,7 @@
           />
         </div>
         <table
-        v-if="learnTableOne"
+          v-if="learnTableOne"
           align="center"
           border="1"
           cellpadding="10"
@@ -125,54 +132,95 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >1.瀛﹀墠鍎跨鐢熼暱鍙戣偛璇勪环鎸囨爣鏄粈涔�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <span class="ds-bl">1.瀛﹀墠鍎跨鐢熼暱鍙戣偛璇勪环鎸囨爣鏄粈涔�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">2.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">3.鐢熺悊鏈鸿兘鎸囨爣鏈夊摢浜�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.浠�涔堟槸楠ㄩ骞撮緞?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >6.鎴戝浗鍗敓閮ㄨ瀹氱殑鍎跨瀹氭湡鍋ュ悍妫�鏌ョ殑鏃堕棿鏄摢浜涙椂鍊�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.韬珮銆佷綋閲嶃�佸ご鑳稿洿銆佸潗楂樼殑鐢熺墿瀛︾壒寰佸強鍗敓瀛︽剰涔夋槸浠�涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.鎬庢牱娴嬮噺瀛﹀墠鍎跨鐨勫ご鑳稿洿銆佽韩楂樹互鍙婁綋閲�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -191,12 +239,14 @@
           <p class="block">
             濠村辜鍎胯杩涜鍋ュ悍妫�鏌ワ紝浠庡嚭鐢熻嚦6宀侊紝姣忎釜瀛╁瓙瀹氭湡鍋ュ悍妫�鏌ョ殑娆℃暟绾︿负10娆°�傚鏋滃彂鐜板紓甯革紝杩樺簲閬靛尰鍢卞鍔犳鏌ユ鏁般�備负浠�涔堣杩欎箞棰戠箒鍦版鏌ュ憿锛熷姝わ紝浣犳湁浣曠湅娉曪紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="6"
+            v-model="chapterFourData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ョ敓闀垮彂鑲茬殑璇勪环鎸囨爣銆佽瘎浠锋爣鍑嗗拰璇勪环鏂规硶浠ュ強瀹氭湡鍋ュ悍妫�鏌ョ殑鐩稿叧鐭ヨ瘑锛屼互鏈熶负瀹堕暱鍜屽辜鏁欏伐浣滆�呭瀛﹀墠鍎跨杩涜韬綋鍋ュ悍璇勪环鎻愪緵鎸囧銆�
           </p>
@@ -248,7 +298,12 @@
     </div>
     <!-- 83 -->
     <div class="page-box" page="83">
-      <odd-header :special="4" :num="83" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">83</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">
           姣忔湀骞冲潎澧炲姞200锝�250鍏嬶紱1宀佹椂浣撻噸鏄嚭鐢熸椂鐨�3鍊嶃��2宀佹椂涓哄嚭鐢熸椂鐨�4鍊嶏紱2宀佸悗鍒颁竷鍏瞾锛屼綋閲嶆瘡骞村闀夸笉瓒�2鍗冨厠锛屽彲鐢ㄤ互涓嬪叕寮忎及绠椾綋閲嶃��
@@ -330,7 +385,13 @@
     </div>
     <!-- 84 -->
     <div class="page-box" page="84">
-      <even-header :num="84" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">84</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绫筹紝6涓湀澧炲姞9鍘樼背锛�1宀佹椂澧炲姞3鍘樼背锛屽钩鍧囦负46鍘樼背锛涚浜屽勾澶村洿澧為暱鍑忔參锛屽鍔�2鍘樼背锛屽ご鍥寸害涓�48鍘樼背锛�2锝�14宀佸啀澧炲姞6锝�7鍘樼背銆傚洜姝わ紝澶村洿鐨勭洃娴嬪湪鍑虹敓鍚庡ご涓ゅ勾鎰忎箟閲嶅ぇ銆�
@@ -391,7 +452,12 @@
     </div>
     <!-- 85 -->
     <div class="page-box" page="85">
-      <odd-header :special="4" :num="85" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">85</span>
+      </div>
       <div class="padding-96">
         <h5 id="e081">2.鐢熺悊鏈鸿兘鎸囨爣</h5>
         <p>
@@ -450,7 +516,13 @@
     </div>
     <!-- 86 -->
     <div class="page-box" page="86">
-      <even-header :num="86" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">86</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">浼肩孩钁¤悇閰掓垨閰辨补锛屽彲瑙佷簬婧惰鎬ц传琛�銆�</p>
         <p>锛�3锛夌勃渚挎鏌�</p>
@@ -488,7 +560,12 @@
     </div>
     <!-- 87 -->
     <div class="page-box" page="87">
-      <odd-header :special="4" :num="87" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">87</span>
+      </div>
       <div class="padding-96">
         <p>
           涓�鑸潵璇达紝鐢熼暱鍙戣偛鏍囧噯閮芥槸鐩稿鐨勩�佹殏鏃剁殑锛屽彧鑳藉湪涓�瀹氭椂闂村唴閫傜敤浜庝竴瀹氬湴鍖烘垨涓�瀹氫汉缇ゃ�傚悓鏃剁敱浜庡鍓嶅効绔ョ殑鐢熼暱鍙戣偛鍑虹幇浜嗙敓闀块�熷害閫愬勾鍔犲揩銆佸彂鑲插拰鎴愮啛鎻愬墠鐨勨�滈暱鏈熷姞閫熻秼鍔库�濓紝鎵�浠ワ紝鐢熼暱鍙戣偛鏍囧噯鏄殏鏃剁殑锛屾瘡5锝�10骞撮渶瑕侀噸鏂颁慨璁竴娆°��
@@ -529,7 +606,13 @@
     </div>
     <!-- 88 -->
     <div class="page-box" page="88">
-      <even-header :num="88" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">88</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐨勫効绔ヤ篃涓嶈兘鍒ゅ畾涓哄紓甯革紝蹇呴』鍦ㄥ畾鏈熻繛缁瀵熴�佹繁鍏ヤ簡瑙g殑鍩虹涓婏紝缁撳悎鍏蜂綋鎯呭喌鍐嶄笅缁撹銆�
@@ -566,7 +649,12 @@
     </div>
     <!-- 89 -->
     <div class="page-box" page="89">
-      <odd-header :special="4" :num="89" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">89</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浣撳樊寮傦紝鍏跺疄闄呭勾榫勫緢闅惧噯纭弽鏄犵敓闀垮彂鑲茬殑姘村钩锛岃�屽彂鑲插勾榫勫彲浠ョ敤鏉ヨ瘎浠峰効绔ョ敓闀垮彂鑲茬殑鐘跺喌銆�
@@ -619,7 +707,13 @@
     </div>
     <!-- 90 -->
     <div class="page-box" page="90">
-      <even-header :num="90" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">90</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d120">锛堜竴锛夊鍓嶅効绔ュ仴搴锋鏌ョ殑鏃堕棿</h4>
         <p>
@@ -658,7 +752,12 @@
     </div>
     <!-- 91 -->
     <div class="page-box" page="91">
-      <odd-header :special="4" :num="91" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">91</span>
+      </div>
       <div class="padding-96">
         <p>鈶﹀鐢熸畺鍣ㄣ�傚鐢熸畺鍣ㄦ湁鏃犵暩褰€��</p>
         <p>鈶ц剨鏌卞拰鍥涜偄銆傝剨鏌卞拰鍥涜偄鏈夋棤鐣稿舰鎴栧叾浠栧紓甯搞��</p>
@@ -677,7 +776,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[91]" />
+          <examinations :cardList="questionData[91]" :chapter="4" :page="91" />
         </p>
         <h2 class="module_block" id="b017">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -697,7 +796,7 @@
           />
         </div>
         <table
-        v-if="learnTableTwo"
+          v-if="learnTableTwo"
           align="center"
           border="1"
           cellpadding="10"
@@ -717,7 +816,9 @@
           <tr>
             <td>
               <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span>
-              <span class="ds-bl">1.鑳界悊瑙e鍓嶅効绔ュ績鐞嗚瘎浼扮殑鍐呮兜锛岃鍑哄鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐗圭偣銆�</span>
+              <span class="ds-bl"
+                >1.鑳界悊瑙e鍓嶅効绔ュ績鐞嗚瘎浼扮殑鍐呮兜锛岃鍑哄鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐗圭偣銆�</span
+              >
               <span class="ds-bl"
                 >2.鑳界敤鍑犵甯歌鐨勫鍓嶅効绔ュ績鐞嗘祴璇曟柟娉曞苟瀵瑰鍓嶅効绔ヨ繘琛屾祴璇曘��</span
               >
@@ -728,9 +829,7 @@
               <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span>
               <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span>
               <span class="ds-bl">1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span>
-              <span class="ds-bl"
-                >2.鍚煶棰�:銆婄粯浜烘祴楠屻�嬨��</span
-              >
+              <span class="ds-bl">2.鍚煶棰�:銆婄粯浜烘祴楠屻�嬨��</span>
             </td>
           </tr>
           <tr>
@@ -747,36 +846,68 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >1.浠�涔堟槸瀛﹀墠鍎跨蹇冪悊璇勪及?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10"
-                >2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span
-              >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <span class="ds-bl">1.浠�涔堟槸瀛﹀墠鍎跨蹇冪悊璇勪及?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">2.瀛﹀墠鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.鎸夌収娴嬮獙鐨勭洰鐨勫垝鍒嗭紝蹇冪悊娴嬮獙鍙互鍒嗕负鍝袱澶х被?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >4.浠�涔堟槸绛涙煡鎬ф祴璇�?浠�涔堟槸璇婃柇鎬ф祴璇�?甯歌鐨勭瓫鏌ユ�ф祴璇曞拰璇婃柇鎬ф祴璇曟湁鍝簺?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >5.鏌ヨ祫鏂欙紝璋堣皥浠�涔堟槸缁樹汉娴嬭瘯?濡備綍寮�灞�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10"
+                >6.鏌ラ槄璧勬枡锛岄煢鍏嬫柉鍕掑鍓嶅効绔ユ櫤鍔涢噺琛ㄥ寘鎷摢浜涘唴瀹�?濡備綍寮�灞�?</span
+              >
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFourData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -784,9 +915,7 @@
           </tr>
           <tr>
             <td>
-              <span class="ds-bl"
-                >閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span
-              >
+              <span class="ds-bl">閽堝鑷繁鍦ㄥ涔犺繃绋嬩腑鐨勭枒鎯戝拰闂鎻愰棶銆�</span>
             </td>
           </tr>
         </table>
@@ -795,9 +924,14 @@
           <p class="block">
             娴嬮噺鎴愪汉鐨勬櫤鍟嗗彲浠ラ�氳繃鏍囧噯鍖栫殑娴嬭瘯棰樿繘琛岋紝浣嗗鍓嶅効绔ョ殑璇█鍙戝睍姘村钩鍜岄�昏緫鎬濈淮鑳藉姏杈冧綆锛屽緢闅剧敤杩欑鏂规硶鏉ユ祴璇曪紝鐢ㄤ粈涔堟柟娉曞彲浠ュ瀛﹀墠鍎跨杩涜蹇冪悊娴嬭瘯鍛紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterFourData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ュ績鐞嗚瘎浼扮殑鐩稿叧鍐呭浠ュ強鍑犵甯歌鐨勮瘎浠峰鍓嶅効绔ュ績鐞嗗仴搴风殑鏂规硶锛屼互鎸囧骞兼暀宸ヤ綔鑰呮洿濂藉湴寮�灞曞鍓嶅効绔ュ績鐞嗕繚鍋ュ伐浣溿��
           </p>
@@ -816,7 +950,13 @@
     </div>
     <!-- 92 -->
     <div class="page-box" page="92">
-      <even-header :num="92" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">92</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍏舵锛屽璇勪及浜哄憳瑕佹眰杈冮珮銆傝姹傝瘎浼颁汉鍛樻湁涓撲笟鐨勫績鐞嗚瘎浼扮煡璇嗗拰鎶�鑳斤紝骞跺瀛﹀墠鍎跨鐨勮韩蹇冨彂灞曠壒鐐规湁鍏呭垎鐨勪簡瑙c��
@@ -852,7 +992,12 @@
     </div>
     <!-- 93 -->
     <div class="page-box" page="93">
-      <odd-header :special="4" :num="93" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">93</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           娴嬭瘯鏃堕』鍙傝�冩敞瑙c�備负渚夸簬鍑嗙‘鐢诲嚭鍎跨骞撮緞绾匡紝渚濇嵁鍎跨鍑虹敓鏃ユ湡姝g‘璁$畻骞撮緞锛屾棭浜у効骞撮緞鐭鑷�1宀併�傝〃鐨勯《绾夸笌搴曠嚎鍧囨湁骞撮緞鏍囪銆�
@@ -895,7 +1040,13 @@
     </div>
     <!-- 94 -->
     <div class="page-box" page="94">
-      <even-header :num="94" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">94</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绗崄锛屽厛鐢诲嚭闀跨煭2鏉$嚎锛岀劧鍚庨棶鍝竴鏉$嚎闀夸竴浜涳紙涓嶈闂�滃ぇ涓�浜涒�濓級锛屽啀鎶婄焊鏃嬭浆180掳锛岄棶鍝潯闀裤�傦紙3璇�3瀵圭畻閫氳繃銆傦級
@@ -944,7 +1095,12 @@
     </div>
     <!-- 95 -->
     <div class="page-box" page="95">
-      <odd-header :special="4" :num="95" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">95</span>
+      </div>
       <div class="padding-96">
         <p>
           琛屼负瑙傚療锛氭祴鏌ユ椂鍎跨鍙嶅簲鎯呭喌锛屼笌妫�鏌ヨ�呴厤鍚堟儏鍐碉紝娉ㄦ剰鍔涙寔缁椂闂撮暱鐭�佽瑷�琛ㄨ揪鎯呭喌銆佽嚜淇″績绛夈��
@@ -1013,7 +1169,13 @@
     </div>
     <!-- 96 -->
     <div class="page-box" page="96">
-      <even-header :num="96" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">96</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>缁樹汉娴嬭瘯鏅哄晢杞崲娉曪細</p>
         <p>鏅洪緞锛堟湀锛�=缁樹汉寰楀垎脳3+36</p>
@@ -1058,7 +1220,12 @@
     </div>
     <!-- 97 -->
     <div class="page-box" page="97">
-      <odd-header :special="4" :num="97" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍥�&nbsp;瀛﹀墠鍎跨鍋ュ悍璇勪环</span
+        >
+        <span class="page-header-num">97</span>
+      </div>
       <div class="padding-96">
         <h5 id="e095">
           2.闊﹀厠鏂嫆瀛﹀墠鍎跨鏅哄姏閲忚〃锛圵echsler Preschool and Primary Scale of
@@ -1086,7 +1253,7 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[97]" />
+          <examinations :cardList="questionData[97]" :chapter="4" :page="97" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1105,7 +1272,13 @@
     </div>
     <!-- 98 -->
     <div class="page-box" page="98">
-      <even-header :num="98" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">98</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
         <p>1.鐢熼暱鍙戣偛褰㈡�佹寚鏍囨湁鍝簺锛�</p>
@@ -1113,30 +1286,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qOne"
         ></textarea>
         <p>2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳槸浠�涔堬紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qTwo"
         ></textarea>
         <p>3.璇勪环瀛﹀墠鍎跨鐢熼暱鍙戣偛甯哥敤鐨勬柟娉曟湁鍝簺锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qThree"
         ></textarea>
         <p>4.鍎跨鍋ュ悍妫�鏌ュ簲鍖呮嫭鍝簺椤圭洰锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qFour"
         ></textarea>
         <p>5.鍎跨蹇冪悊璇勪及鐨勭壒鐐规槸浠�涔堬紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFourData.question.short.qFive"
         ></textarea>
         <h6 class="Conclusion-title2">
           <img
@@ -1149,10 +1327,10 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[981]" />
+          <examinations :cardList="questionData[981]" :chapter="4" :page="981" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[982]" />
+          <examinations :cardList="questionData[982]" :chapter="4" :page="982" />
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p>1.娴嬮噺骞煎効鐨勮韩楂樸�佷綋閲嶃�佸ご鍥村拰鑳稿洿銆�</p>
@@ -1161,21 +1339,14 @@
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea
+            cols="30"
+            rows="9"
+            v-model="chapterFourData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="500"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1183,48 +1354,106 @@
 </template>
 
 <script>
-import evenHeader from "../../components/pageHeader/evenHeader.vue";
-import oddHeader from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
 export default {
-  components: { evenHeader, oddHeader,examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterFour/0094-1.jpg"),
-      taskOne: require("../../../assets/images/chapterFour/task-sheet1.png"),
-      learnTableOne:true,
-      learnTableTwo:true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-      pathFour:'',
-      pathFive:'',
-      pathSix:'',
+      learnTableOne: true,
+      learnTableTwo: true,
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      saveTime:20,
+      chapterFourData: {
+        experienceOne: "",
+        experienceTwo: "",
+        introspection: "",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven:"",
+          qEnight:"",
+          qNine:""
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+        },
+        question: {
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          },
+        },
+      },
     };
   },
   async mounted() {
-    console.log('鏁版嵁',testData[4]);
-    this.$data.questionData = await getQuestionData('4',testData[4])
-    this.$data.pathOne = getResourcePath('f2980359eb32cb3b74b284bf5348a596')
-    this.$data.pathTwo = getResourcePath('2677fc38748eeac767a4b3fab5989a38')
-    this.$data.pathThree = getResourcePath('87836d6f409df33817589b6b67514979')
-    this.$data.pathFour = getResourcePath('24a624217470bdea16d22e3a25cc8aa5')
-    this.$data.pathFive = getResourcePath('df98433d6a6cbd5e768ec1bf721619e4')
-    this.$data.pathSix = getResourcePath('14916e143d49e15f94964ad0f8c372f1')
+    const localData = localStorage.getItem("chapterFourData");
+    if (localData) {
+      this.chapterFourData = JSON.parse(localData);
+    }
+    window.timerFour = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("4", testData[4]);
+    this.getVideoPath()
   },
-  methods:{
+  unmounted() {
+    if (window.timerFour) {
+      clearInterval(window.timerFour);
+    }
+    localStorage.setItem("chapterFourData", JSON.stringify(this.chapterFourData));
+  },
+  methods: {
     changeResources(type) {
       if (type == "learnTableOne") {
         this.$data.learnTableOne = !this.$data.learnTableOne;
       } else if (type == "learnTableTwo") {
         this.$data.learnTableTwo = !this.$data.learnTableTwo;
-      } 
+      }
     },
-  }
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("f2980359eb32cb3b74b284bf5348a596");
+      this.$data.pathTwo = getResourcePath("2677fc38748eeac767a4b3fab5989a38");
+      this.$data.pathThree = getResourcePath(
+        "87836d6f409df33817589b6b67514979"
+      );
+      this.$data.pathFour = getResourcePath("24a624217470bdea16d22e3a25cc8aa5");
+      this.$data.pathFive = getResourcePath("df98433d6a6cbd5e768ec1bf721619e4");
+      this.$data.pathSix = getResourcePath("14916e143d49e15f94964ad0f8c372f1");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterFourData",
+        JSON.stringify(this.chapterFourData)
+      );
+    },
+  },
 };
 </script>
 
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 80d3c7b..ca39d3f 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -3998,14 +3998,12 @@
 
 <script>
 import examinations from "@/components/examinations/index.vue";
-import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
-import oddHeaderVue from '../../components/pageHeader/oddHeader.vue';
 import getResourcePath from '@/assets/methods/resources'
 import getQuestionData from '@/assets/methods/examination'
 import testData from '../../../assets/examinationList'
 export default {
   name: "chapter-one",
-  components: { examinations,evenHeaderVue,oddHeaderVue },
+  components: { examinations },
   props: {},
   data() {
     return {
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index cec6d51..0d4945a 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -723,7 +723,7 @@
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
-          <examinations v-if="questionData"  :cardList="questionData[49]" />
+          <examinations v-if="questionData"  :cardList="questionData[49]" :chapter="2" :page="49"  />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1058,7 +1058,7 @@
         <p class="blockh6-c center">
           <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
-          <examinations  v-if="questionData" :cardList="questionData[52]" />
+          <examinations  v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" />
         </p>
       </div>
     </div>
@@ -1202,7 +1202,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
-          v-model="chapterTwoData.question.short.qOne"
+          v-model="chapterTwoData.question.short.qTwo"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1227,10 +1227,10 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations v-if="questionData"  :cardList="questionData[541]" />
+          <examinations v-if="questionData"  :cardList="questionData[541]" :chapter="2" :page="541" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations v-if="questionData"  :cardList="questionData[542]" />
+          <examinations v-if="questionData"  :cardList="questionData[542]" :chapter="2" :page="542" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -1249,20 +1249,15 @@
 </template>
 
 <script>
-import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
-import oddHeaderVue 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: "chapterTwo",
-  components: { evenHeaderVue, oddHeaderVue, examinations },
+  components: {  examinations },
   data() {
     return {
-      taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"),
-      taskTwo: require("../../../assets/images/chapterTwo/task-sheet2.png"),
-      taskThree: require("../../../assets/images/chapterTwo/task-sheet3.png"),
       special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
       most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
       resourceState: "",
@@ -1274,6 +1269,7 @@
       pathOne: "",
       pathTwo: "",
       pathThree: "",
+      saveTime:20,
       chapterTwoData: {
         experienceOne: "",
         experienceTwo: "",
@@ -1355,16 +1351,14 @@
     if(localData) {
       this.chapterTwoData = JSON.parse(localData)
     }
-    window.timerOne = setInterval(() => {
+    window.timerTwo = setInterval(() => {
       this.saveTime--
       if(this.saveTime == 0) {
         this.saveChapterOneData()
       }
     },1000)
     this.$data.questionData = await getQuestionData('2',testData[2]);
-    this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
-    this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
-    this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
+    this.getVideoPath()
   },
   unmounted() {
     if(window.timerTwo) {
@@ -1384,6 +1378,11 @@
         this.$data.videoState = !this.$data.videoState;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
+      this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
+      this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
+    },
     saveChapterOneData() {
       this.saveTime = 20
       console.log(this.chapterTwoData);
diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index dc1983b..ebdc347 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -46,7 +46,7 @@
         涓撻瀵煎
       </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>
     <!-- 56 -->
@@ -312,7 +312,7 @@
     <!-- 57 -->
     <div class="page-box" page="57">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">57</span>
@@ -330,7 +330,7 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="body" :preview-src-list="[body]" />
+              <el-image :src="body" :preview-src-list="[body]" class="open-image" />
             </p>
             <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p>
           </div>
@@ -394,7 +394,7 @@
     <!-- 59 -->
     <div class="page-box" page="59">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">59</span>
@@ -474,7 +474,7 @@
     <!-- 61 -->
     <div class="page-box" page="61">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">61</span>
@@ -572,7 +572,7 @@
     <!-- 63 -->
     <div class="page-box" page="63">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">63</span>
@@ -639,7 +639,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[64]" />
+          <examinations :cardList="questionData[64]" :chapter="3" :page="64" />
         </p>
         <h2 class="module_block" id="b014">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -831,7 +831,7 @@
     <!-- 65 -->
     <div class="page-box" page="65">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">65</span>
@@ -894,7 +894,7 @@
     <!-- 67 -->
     <div class="page-box" page="67">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">67</span>
@@ -959,7 +959,7 @@
     <!-- 69 -->
     <div class="page-box" page="69">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">69</span>
@@ -1045,7 +1045,7 @@
     <!-- 71 -->
     <div class="page-box" page="71">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">71</span>
@@ -1132,7 +1132,7 @@
     <!-- 73 -->
     <div class="page-box" page="73">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">73</span>
@@ -1158,7 +1158,7 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[73]" />
+          <examinations :cardList="questionData[73]" :chapter="3" :page="73" />
         </p>
         <h2 class="module_block" id="b015">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -1457,7 +1457,7 @@
     <!-- 75 -->
     <div class="page-box" page="75">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">75</span>
@@ -1553,7 +1553,7 @@
     <!-- 77 -->
     <div class="page-box" page="77">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">77</span>
@@ -1645,14 +1645,14 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[78]" />
+          <examinations :cardList="questionData[78]" :chapter="3" :page="78" />
         </p>
       </div>
     </div>
     <!-- 79 -->
     <div class="page-box" page="79">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">79</span>
@@ -1744,22 +1744,31 @@
             class="lineInput completion-input"
             v-model="chapterThreeData.question.fill.qFive.one"
           />銆�
-          <input 
-          type="text" 
-          class="lineInput completion-input" 
-          v-model="chapterThreeData.question.fill.qFive.Two" />銆�
           <input
             type="text"
             class="lineInput completion-input"
-            v-model="chapterThreeData.question.fill.qFive.Three" 
+            v-model="chapterThreeData.question.fill.qFive.two"
           />銆�
-          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Four"  />銆�
           <input
             type="text"
             class="lineInput completion-input"
-            v-model="chapterThreeData.question.fill.qThree.Five" 
+            v-model="chapterThreeData.question.fill.qFive.three"
           />銆�
-          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qFive.Six"  />绛夈��
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.four"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qThree.five"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.six"
+          />绛夈��
         </p>
       </div>
     </div>
@@ -1777,15 +1786,23 @@
           6.瀛﹀墠鍎跨甯歌鐨勫績鐞嗙柧鐥呮湁锛�<input
             type="text"
             class="lineInput completion-input"
-            v-model="chapterThreeData.question.fill.qSix.One"
+            v-model="chapterThreeData.question.fill.qSix.one"
           />銆�
-          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Two" />銆�
           <input
             type="text"
             class="lineInput completion-input"
-            v-model="chapterThreeData.question.fill.qSix.Three"
+            v-model="chapterThreeData.question.fill.qSix.two"
           />銆�
-          <input type="text" class="lineInput completion-input" v-model="chapterThreeData.question.fill.qSix.Four" />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.three"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.four"
+          />銆�
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p class="block">1.閽堝瀛﹀墠鍎跨鍚稿惍鎵嬫寚鐨勮涓猴紝鎻愬嚭鍙鐨勭籂姝f帾鏂姐��</p>
@@ -1809,16 +1826,16 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[801]" />
+          <examinations :cardList="questionData[801]" :chapter="3" :page="801" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[802]" />
+          <examinations :cardList="questionData[802]" :chapter="3" :page="802" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <textarea 
-            cols="30" 
-            rows="18" 
+          <textarea
+            cols="30"
+            rows="18"
             v-model="chapterThreeData.introspection"
             placeholder="璇疯緭鍏ュ唴瀹�"
             maxlength="800"
@@ -1831,37 +1848,33 @@
 </template>
 
 <script>
-import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
-import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
 export default {
   name: "chapterThree",
-  components: { evenHeaderVue, oddHeaderVue,examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
-      taskOne: require("../../../assets/images/chapterThree/task-sheet1.png"),
       body: require("../../../assets/images/chapterThree/0070-1.jpg"),
-      taskTwo: require("../../../assets/images/chapterThree/task-sheet2.png"),
-      taskThree: require("../../../assets/images/chapterThree/task-sheet3.png"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-      pathFour:'',
-      pathFive:'',
-      pathSix:'',
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      saveTime: 20,
       chapterThreeData: {
         experienceOne: "",
         experienceTwo: "",
         experienceThree: "",
-        introspection:'',
+        introspection: "",
         learnTableOne: {
           qOne: "",
           qTwo: "",
@@ -1872,9 +1885,9 @@
           qSeven: "",
           qEight: "",
           qNine: "",
-          qTen:"",
-          qEleven:"",
-          qTwelve:"",
+          qTen: "",
+          qEleven: "",
+          qTwelve: "",
         },
         learnTableTwo: {
           qOne: "",
@@ -1884,7 +1897,7 @@
           qFive: "",
           qSix: "",
           qSeven: "",
-          qEnight:""
+          qEnight: "",
         },
         learnTableThree: {
           qOne: "",
@@ -1896,10 +1909,10 @@
           qSeven: "",
           qEight: "",
           qNine: "",
-          qTen:"",
-          qEleven:"",
-          qTwelve:"",
-          qThirteen:"",
+          qTen: "",
+          qEleven: "",
+          qTwelve: "",
+          qThirteen: "",
         },
         question: {
           judge: {
@@ -1907,8 +1920,8 @@
             qTwo: "",
             qThree: "",
             qFour: "",
-            qFive:"",
-            qSix:"",
+            qFive: "",
+            qSix: "",
           },
           fill: {
             qOne: {
@@ -1926,17 +1939,17 @@
             qFive: {
               one: "",
               two: "",
-              Three:"",
-              Four:"",
-              Five:"",
-              Six:""
+              three: "",
+              four: "",
+              five: "",
+              six: "",
             },
-            qSix:{
+            qSix: {
               one: "",
               two: "",
-              Three:"",
-              Four:"",
-            }
+              three: "",
+              four: "",
+            },
           },
           short: {
             qOne: "",
@@ -1947,14 +1960,24 @@
     };
   },
   async mounted() {
-    console.log('鏁版嵁',testData[3]);
-    this.$data.questionData = await getQuestionData('3',testData[3])
-    this.$data.pathOne = getResourcePath('ca2a1ae9429a5f7a28fe9aa1bfbf3b4a')
-    this.$data.pathTwo = getResourcePath('8fa9d6565b97c5975b1a0a7ef09d38a9')
-    this.$data.pathThree = getResourcePath('56170fb1a0ea272990fe51530086aab1')
-    this.$data.pathFour = getResourcePath('ae67fd7678656c0ce89599bd1949f993')
-    this.$data.pathFive = getResourcePath('5aa431a223cdba0d30f1175a2ec3f308')
-    this.$data.pathSix = getResourcePath('bc3af85cd899b20adf885c308c595fbb')
+    const localData = localStorage.getItem("chapterThreeData");
+    if (localData) {
+      this.chapterThreeData = JSON.parse(localData);
+    }
+    window.timerThree = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("3", testData[3]);
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerThree) {
+      clearInterval(window.timerThree);
+    }
+    localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData));
   },
   methods: {
     changeResources(type) {
@@ -1968,6 +1991,23 @@
         this.$data.videoState = !this.$data.videoState;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a");
+      this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9");
+      this.$data.pathThree = getResourcePath(
+        "56170fb1a0ea272990fe51530086aab1"
+      );
+      this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993");
+      this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308");
+      this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterThreeData",
+        JSON.stringify(this.chapterThreeData)
+      );
+    },
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index 5e3b6b8..df157c8 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="chapter" num="5">
+    <!-- 99 -->
     <div class="page-box" page="99">
       <div class="padding-96">
         <p class="center" id="a011">
@@ -47,13 +48,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>
     <!-- 100 -->
     <div class="page-box" page="100">
-      <even-header :num="100" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">100</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           浜轰綋鐨勪竴鍒囩敓鍛芥椿鍔ㄥ缁嗚優鐨勭敓闀跨箒娈栥�佺粍缁囩殑鏇存柊銆佽倢鑲夌殑鏀剁缉銆佺缁忕殑浼犲绛夐兘闇�瑕佽惀鍏荤礌鐨勪緵缁欍�傚鍓嶅効绔ヨ韩蹇冨彂鑲茶繀閫燂紝鏂伴檲浠h阿蹇紝鎵�闇�鍚勭钀ュ吇绱犲拰鑳介噺鐩稿姣旀垚浜哄锛屽繀椤讳粠鑶抽涓憚鍙栬冻澶熺殑钀ュ吇绱犲拰鐑噺锛屾墠鑳芥弧瓒崇敓闀垮彂鑲层�佷慨琛ョ粍缁囥�佺淮鎸佷綋鍐呭悇绉嶇敓鐞嗘椿鍔ㄧ殑闇�瑕併��
@@ -130,64 +137,114 @@
           <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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -206,12 +263,14 @@
           <p class="block">
             鍋ュ悍鐨勪汉闇�瑕侀澶栬ˉ鍏呮皑鍩洪吀锛屾湇鐢ㄦ皑鍩洪吀淇濆仴鍝佹垨娉ㄥ皠姘ㄥ熀閰稿悧锛熷競鍦轰笂涓�浜涙槀璐电殑姘ㄥ熀閰歌惀鍏绘恫鍜屼繚鍋ュ搧锛屽0绉板叾涓惈鏈変赴瀵岀殑姘ㄥ熀閰革紝鍏锋湁澧炲己浜轰綋鍏嶇柅鍔涖�佽皟鑺傜敓鐞嗗姛鑳界瓑鍔熸晥銆傚叾瀹烇紝姘ㄥ熀閰告槸鏋勬垚铔嬬櫧璐紙涓�绉嶄骇鑳借惀鍏荤礌锛夌殑鍩烘湰鍗曚綅锛屽瓨鍦ㄤ簬澶氱椋熺墿涔嬩腑銆傛瘮濡傦紝涔崇被銆佽泲绫汇�佽眴绫汇�佽倝鐨紝鐢氳嚦鍦ㄧ背楗�侀澶淬�佺帀绫崇瓑涓婚涓篃鍚湁澶氱姘ㄥ熀閰搞�傚仴搴蜂汉瀹屽叏鍙互浠庢櫘閫氶鐗╀腑鑾峰緱姘ㄥ熀閰革紝鍥犺�屾湇鐢ㄩ偅浜涙皑鍩洪吀淇濆仴鍝佷笉浠呬綔鐢ㄤ笉澶э紝鏈嶇敤涓嶅綋锛岃繕浼氬甫鏉ヤ笉鑹悗鏋溿��
           </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="chapterFiveData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩拌惀鍏诲鍩烘湰姒傚康銆佽兘閲忋�佸叚澶ц惀鍏荤礌绛夋柟闈㈢殑鍩虹鐭ヨ瘑锛屼互甯姪瀹堕暱涓庡辜鏁欏伐浣滆�呭仛濂藉鍓嶅効绔ョ殑钀ュ吇鍗敓涓庝繚鍋ュ伐浣溿��
           </p>
@@ -226,7 +285,12 @@
     </div>
     <!-- 101 -->
     <div class="page-box" page="101">
-      <odd-header :special="5" :num="101" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">101</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           瀵硅惀鍏荤礌鐨勯渶瑕侀噺鑰岀‘瀹氱殑锛屼緵缁欓噺涓嶄粎瑕佹弧瓒虫満浣撶殑鐢熺悊闇�瑕侊紝鑰屼笖瑕佽�冭檻鍒伴鐗╃敓浜у拰楗涔犳儻浠ュ強涓綋宸紓銆佺ぞ浼氭潯浠剁瓑鍥犵礌銆�
@@ -265,7 +329,13 @@
     </div>
     <!-- 102 -->
     <div class="page-box" page="102">
-      <even-header :num="102" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">102</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍗冨崱锛�7宀佹椂姣忔棩姣忓崈鍏嬩綋閲嶇害闇�44鍗冨崱锛�12宀佷互鍚庤嚦鎴愬勾姣忔棩姣忓崈鍏嬩綋閲嶇害闇�30鍗冨崱銆�
@@ -311,7 +381,12 @@
     </div>
     <!-- 103 -->
     <div class="page-box" page="103">
-      <odd-header :special="5" :num="103" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">103</span>
+      </div>
       <div class="padding-96">
         <h3 id="c045">浜屻�佷骇鑳借惀鍏荤礌锛烇紴锛烇紴锛烇紴</h3>
         <h4 id="d129">锛堜竴锛夎泲鐧借川</h4>
@@ -365,7 +440,13 @@
     </div>
     <!-- 104 -->
     <div class="page-box" page="104">
-      <even-header :num="104" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">104</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">浼氬奖鍝嶅彟涓�浜涙皑鍩洪吀鐨勫厖鍒嗗埄鐢ㄣ��</p>
         <p>
@@ -392,17 +473,22 @@
         </p>
         <p class="img">琛�5-1 甯歌椋熺墿鐨勮泲鐧借川鐢熺墿浠�</p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 105 -->
     <div class="page-box" page="105">
-      <odd-header :special="5" :num="105" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">105</span>
+      </div>
       <div class="padding-96">
         <p class="img tl-ri mr-20">缁〃</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>璁$畻鍏紡濡備笅銆�</p>
         <p class="center">铔嬬櫧璐ㄧ敓鐗╀环=姘偍瀛橀噺/姘憚鍏ラ噺脳100銆�</p>
@@ -420,13 +506,19 @@
         <p>鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠疯琛�5-2銆�</p>
         <p class="img">琛�5-2 鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠�</p>
         <p class="center">
-          <el-image :src="tableThree" :preview-src-list="[tableThree]" />
+          <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 106 -->
     <div class="page-box" page="106">
-      <even-header :num="106" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">106</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e103">3.铔嬬櫧璐ㄧ殑鏉ユ簮鍜屼緵缁欓噺</h5>
         <p>
@@ -446,7 +538,7 @@
           琛�5-3 涓浗钀ュ吇瀛︿細鎺ㄨ崘鐨勫┐骞煎効姣忔棩鑶抽涓泲鐧借川鐨勪緵搴旈噺
         </p>
         <p class="center">
-          <el-image :src="tableFour" :preview-src-list="[tableFour]" />
+          <el-image :src="tableFour" :preview-src-list="[tableFour]" class="open-image" />
         </p>
         <h4 id="d130">锛堜簩锛夎剛绫�</h4>
         <p>
@@ -465,7 +557,12 @@
     </div>
     <!-- 107 -->
     <div class="page-box" page="107">
-      <odd-header :special="5" :num="107" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">107</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           澶氥�備汉浣撳唴鐨勮剛鑲槸渚涚粰鑳介噺鐨勨�滅噧鏂欏簱鈥濓紝褰撶硸绫讳緵搴斾笉瓒虫椂灏辨秷鑰楄剛鑲紝鑻ョ硸绫绘憚鍏ヨ繃澶氾紝灏卞彉鎴愯剛鑲偍瀛樺湪浣撳唴銆�
@@ -503,7 +600,13 @@
     </div>
     <!-- 108 -->
     <div class="page-box" page="108">
-      <even-header :num="108" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">108</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           绛夌柧鐥呭煁涓嬮殣鎮c�傚洜姝わ紝瑕佹帶鍒惰剛鑲殑鎽勫叆锛屽挨鍏惰閫傚綋闄愬埗鑳嗗浐閱囧惈閲忚繃楂樼殑椋熺墿鐨勬憚鍏ャ��
@@ -537,7 +640,12 @@
     </div>
     <!-- 109  -->
     <div class="page-box" page="109">
-      <odd-header :special="5" :num="109" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">109</span>
+      </div>
       <div class="padding-96">
         <h5 id="e107">2.椋熺墿鏉ユ簮鍜屼緵缁欓噺</h5>
         <p>
@@ -594,7 +702,13 @@
     </div>
     <!-- 110 -->
     <div class="page-box" page="110">
-      <even-header :num="110" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">110</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block"><b>鍑嗗垯涓夛細澶氬悆钄灉銆佸ザ绫汇�佸叏璋枫�佸ぇ璞嗐��</b></p>
@@ -661,7 +775,12 @@
     </div>
     <!-- 111 -->
     <div class="page-box" page="111">
-      <odd-header :special="5" :num="111" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">111</span>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">
@@ -684,6 +803,7 @@
               :src="tower"
               :preview-src-list="[tower]"
               style="width: 80%"
+              class="open-image"
             />
           </p>
         </div>
@@ -716,7 +836,13 @@
     </div>
     <!-- 112 -->
     <div class="page-box" page="112">
-      <even-header :num="112" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">112</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鎴愪汉浣撳唴閽欐�婚噺绾︿负1
@@ -749,7 +875,12 @@
     </div>
     <!-- 113 -->
     <div class="page-box" page="113">
-      <odd-header :special="5" :num="113" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">113</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍙互鏀惧嚭姘т互渚涜倢鑲夋敹缂┿�傝繕鏈夋瀬灏戦噺鐨勯搧鏋勬垚浜轰綋蹇呴渶鐨勯叾锛屽鍚勭缁嗚優鑹茬礌閰躲�佽繃姘у寲姘㈤叾绛夛紝鏄粏鑳炰唬璋笉鍙己灏戠殑鐗╄川銆傚叾浣欑殑閾佸偍瀛樹簬鑲濄�佽劸鍜岄楂撲腑銆�
@@ -789,7 +920,13 @@
     </div>
     <!-- 114 -->
     <div class="page-box" page="114">
-      <even-header :num="114" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">114</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍞炬恫涓殑鍛宠绱犲惈鏈�2涓攲绂诲瓙锛屽鍛宠鍜屽彛鑵斾笂鐨粏鑳炵殑鍔熻兘璧烽噸瑕佷綔鐢ㄣ�傚洜鑰屽効绔ヤ綋鍐呯己閿屾椂锛屽懗钑惧姛鑳藉噺閫�锛岄娆蹭笉鎸紝瀵艰嚧鍘岄銆傜己閿屽効绔ヨ繕鍙兘鍑虹幇寮傞鐧栵紝琛ㄧ幇涓哄枩椋熸偿鍦熴�佺焊寮犵瓑寮傜墿銆傞攲閫氳繃瀵硅泲鐧借川鍜屾牳閰哥殑浣滅敤鑰屼績杩涚粏鑳炲垎瑁傘�佺敓闀垮拰鍐嶇敓銆傜己閿屼細濡ㄧ鏍搁吀鍜岃泲鐧借川鐨勫悎鎴愶紝褰卞搷鐢熼暱鍙戣偛銆傜己閿岀殑鍎跨寰�寰�韬潗鐭皬锛屼弗閲嶈�呮湁渚忓剴鐥囷紝鑰岃ˉ閿屽悗韬珮銆佷綋閲嶆仮澶嶈緝蹇�傜己閿岃繕琛ㄧ幇涓烘�ф垚鐔熼殰纰嶃�佸厤鐤姛鑳戒綆涓嬨�佺毊鐤瑰強鑴卞彂绛夈��
@@ -829,7 +966,12 @@
     </div>
     <!-- 115 -->
     <div class="page-box" page="115">
-      <odd-header :special="5" :num="115" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">115</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鑲憾鍓傝�屼笉婧惰В浜庢按锛屽惛鏀跺悗鍙偍瀛樹簬浣撳唴锛屾帓娉勭巼杈冧綆锛岀己涔忓悗鐥囩姸鍑虹幇杈冭繜锛屼絾鎽勫叆杩囬噺浼氬湪浣撳唴瀛樼Н锛屽苟浜х敓鏈夊褰卞搷锛岀敋鑷冲紩璧蜂腑姣掋��
@@ -866,7 +1008,13 @@
     </div>
     <!-- 116 -->
     <div class="page-box" page="116">
-      <even-header :num="116" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">116</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">鍚噺杈冮珮锛屽鑳¤悵鍗溿�佽彔鑿溿�佹湪鐡溿�佹煈姗樼瓑銆�</p>
         <p>
@@ -905,7 +1053,12 @@
     </div>
     <!-- 117 -->
     <div class="page-box" page="117">
-      <odd-header :special="5" :num="117" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">117</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           閰稿悎鎴愬強铔嬬櫧璐ㄧ殑鐢熺墿鍚堟垚鍧囨湁閲嶈褰卞搷锛屼績杩涢楠奸�犺鍔熻兘銆�
@@ -956,7 +1109,14 @@
     </div>
     <!-- 118 -->
     <div class="page-box" page="118">
-      <even-header :num="118" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">118</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+
       <div class="padding-96">
         <p>
           杩囬噺鎽勫叆缁寸敓绱燚鍒跺墏鏄撳紩璧风淮鐢熺礌D涓瘨锛岃〃鐜颁负椋熸涓嶆尟銆佹伓蹇冿紝琛�閽欒繃楂橈紝涓ラ噸鑰呭彂鐢熻偩鍙婂叾浠栬剰鍣ㄩ挋鐩愭矇鐫�锛屼娇鑲惧姛鑳藉彈鍒版崯瀹炽��10宀佷互鍐呭効绔ユ瘡鏃ラ渶瑕佺淮鐢熺礌D
@@ -1001,7 +1161,12 @@
     </div>
     <!-- 119 -->
     <div class="page-box" page="119">
-      <odd-header :special="5" :num="119" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">119</span>
+      </div>
       <div class="padding-96">
         <p>
           鍎跨姣忔棩姣忓崈鍏嬩綋閲嶉渶姘撮噺濡備笅锛�0锝�1宀侊紝110锝�155姣崌锛�1锝�3宀侊紝100锝�150姣崌锛�4锝�7宀侊紝90锝�110姣崌銆傚鍓嶅効绔ュ鏋滄憚鍙栫殑姘撮噺浣庝簬姣忔棩姣忓崈鍏嬩綋閲�60姣崌锛屽彲鍙戠敓鑴辨按鐥囩姸銆傚効绔ヨ嫢鎽勫叆姘磋秴杩囬渶瑕侀噺锛屼篃浼氬韬綋浜х敓鍗卞銆�
@@ -1020,7 +1185,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[119]" />
+          <examinations :cardList="questionData[119]" :chapter="5" :page="119" />
         </p>
         <h2 class="module_block" id="b019">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -1087,47 +1252,92 @@
           <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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
-                >8.鏂ザ瀹滈�夋嫨鍦ㄤ粈涔堟椂闂�?搴旀敞鎰忓摢浜涢棶棰�?</span
+                >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="chapterFiveData.learnTableTwo.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1146,9 +1356,14 @@
           <p class="block">
             闅忕潃鐗涗钩鍙婂悇绉嶄唬涔冲搧鐨勫ぇ閲忔秾鐜颁互鍙婂コ鎬ц蛋鍑哄搴�佸氨涓氱巼涓婂崌锛屼粠20涓栫邯浜斿叚鍗佸勾浠e埌80骞翠唬鍒濓紝涓浗鐨勬瘝涔冲杺鍏荤巼涓�鐩村憟涓嬮檷瓒嬪娍銆�20涓栫邯80骞翠唬浠ュ悗锛屼汉浠姣嶄钩鍠傚吇鐨勬剰涔夋湁浜嗘柊鐨勮璇嗐�備笘鐣屽崼鐢熺粍缁囨槑纭簡姣嶄钩鍠傚吇鏄�滄瘝浜茬殑澶╄亴锛屽┐鍎跨殑鏉冨埄鈥濓紝鎶婃瘝涔冲杺鍏讳綔涓轰繚璇佸効绔ュ仴搴锋垚闀跨殑閲嶈鎺柦涔嬩竴锛屽湪鍏ㄤ笘鐣屽ぇ鍔涙彁鍊★紝浣垮悇鍥界殑姣嶄钩鍠傚吇鐜囬兘鏈夋墍鍥炲崌銆傝鏌ラ槄璧勬枡鍚庯紝璋堣皥浣犲姣嶄钩鍠傚吇鐨勭湅娉曘��
           </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="chapterFiveData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版瘝涔冲杺鍏汇�佷汉宸ュ杺鍏诲拰娣峰悎鍠傚吇浠ュ強杈呴娣诲姞绛夋柟闈㈢殑鍩虹鐭ヨ瘑銆�
           </p>
@@ -1168,7 +1383,13 @@
     </div>
     <!-- 120 -->
     <div class="page-box" page="120">
-      <even-header :num="120" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">120</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">姝ゅ弽灏勫仠姝紝濠村効灏卞緱涓嶅埌瓒冲鐨勪钩姹併��</p>
         <h4 id="d136">锛堜簩锛夋瘝涔崇殑鎴愬垎</h4>
@@ -1206,7 +1427,12 @@
     </div>
     <!-- 121 -->
     <div class="page-box" page="121">
-      <odd-header :special="5" :num="121" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">121</span>
+      </div>
       <div class="padding-96">
         <p class="t0">閰革紝鏄墰涔充腑鐨�4鍊嶏紝鏈夊埄浜庡┐鍎胯剳缁勭粐鐨勭敓闀垮彂鑲层��</p>
         <p>
@@ -1250,7 +1476,13 @@
     </div>
     <!-- 122 -->
     <div class="page-box" page="122">
-      <even-header :num="122" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">122</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           6涓湀浠ュ唴鐨勫┐鍎胯嫢鍥犳瘝涔抽噺涓嶈冻杩涜娣峰悎鍠傚吇锛屾瘝涔冲杺鍝烘鏁颁竴鑸笉鍙橈紝姣忔鍙厛鍠傛瘝涔筹紝寰呬钩鎴胯鍚哥┖鍚庡啀琛ラ厤鏂瑰ザ銆傝繖鏍锋瘡娆′钩鎴垮彲琚惛绌猴紝鏈夊埄浜庣淮鎸佹瘝涔冲垎娉岋紝涓嶄細浣挎瘝涔抽噺閫愭笎鍑忓皯銆�6涓湀浠ヤ笂鐨勫┐鍎垮凡缁忔坊鍔犺緟椋燂紝浣嗕富瑕佽惀鍏绘潵婧愪緷鐒舵槸姣嶄钩鍙婇厤鏂瑰ザ
@@ -1265,7 +1497,7 @@
         <p>浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈冭琛�5-4銆�</p>
         <p class="img">琛�5-4 浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈�</p>
         <p class="center">
-          <el-image :src="tableFive" :preview-src-list="[tableFive]" />
+          <el-image :src="tableFive" :preview-src-list="[tableFive]" class="open-image" />
         </p>
         <h3 id="c049">涓夈�佽緟椋熺殑娣诲姞锛烇紴锛烇紴锛烇紴</h3>
         <p>
@@ -1310,7 +1542,12 @@
     </div>
     <!-- 123 -->
     <div class="page-box" page="123">
-      <odd-header :num="123" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">123</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鑿滄按锛屽悗閫愭娣诲姞铔嬮粍娉ャ�佺背绯婏紝鍐嶅埌绋�楗�佺儌闈㈡潯銆佺儌楗��</p>
         <p>
@@ -1325,7 +1562,7 @@
         <p>娣诲姞杈呴鐨勯『搴忚琛�5-5銆�</p>
         <p class="img">琛�5-5 娣诲姞杈呴鐨勯『搴�</p>
         <p class="center">
-          <el-image :src="tableSix" :preview-src-list="[tableSix]" />
+          <el-image :src="tableSix" :preview-src-list="[tableSix]" class="open-image" />
         </p>
         <p>
           鍦ㄦ坊鍔犺緟椋熺殑杩囩▼涓簲娉ㄦ剰锛屽鏋滃┐鍎跨殑椋熸鎴栧ぇ渚挎湁寮傚父鎯呭喌鏃讹紝搴斿強鏃堕厡鎯呰皟鏁淬��
@@ -1345,7 +1582,13 @@
     </div>
     <!-- 124 -->
     <div class="page-box" page="124">
-      <even-header :num="124" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">124</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c050">鍥涖�佹柇濂讹紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -1365,15 +1608,12 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[124]" />
+          <examinations :cardList="questionData[124]" :chapter="5" :page="124" />
         </p>
         <h2 class="module_block" id="b020">
           <div class="custom1">瀛︿範涓婚涓�</div>
           <div class="custom2">瀛﹀墠鍎跨鐨勮喅椋熴��</div>
         </h2>
-        <!-- <p class="center">
-          <el-image :src="taskThree" :preview-src-list="[taskThree]" />
-        </p> -->
         <div class="mb-20 fm-st fl fl-cn t2">
           <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
           <span class="t0">涓撻浜斿涔犱富棰樹笁 瀛﹀墠鍎跨鐨勮喅椋熻嚜涓诲涔犱换鍔″崟</span>
@@ -1435,47 +1675,87 @@
           <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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.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="chapterFiveData.learnTableThree.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="chapterFiveData.learnTableThree.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="chapterFiveData.learnTableThree.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="chapterFiveData.learnTableThree.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1494,9 +1774,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="chapterFiveData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             浠庤惀鍏诲鐨勮搴﹀垎鏋愶紝鈥滄磱蹇鈥濆叿鏈夆�滀笁楂樷�濆拰鈥滀笁浣庘�濈殑鐗圭偣锛屽嵆楂樿剛鑲�侀珮鐑噺銆侀珮铔嬬櫧璐紝浣庣淮鐢熺礌銆佷綆鏃犳満鐩愩�佷綆鑶抽绾ょ淮銆傗�滄磱蹇鈥濈殑鍒朵綔鏂瑰紡浠ョ儰銆佺偢涓轰富锛岃剛鑲惈閲忓緢楂橈紝澶уぇ瓒呰繃浜轰綋姣忓ぉ鐨勯渶瑕侀噺銆傝兘閲忚繃鍓╀細瀵艰嚧瓒呴噸鍙婅偉鑳栥�傝偉鑳栨槸寮曡捣楂樿鍘嬨�佺硸灏跨梾銆佸績琛�绠$柧鐥呯殑閲嶈鍗遍櫓鍥犵礌涔嬩竴銆傝繃鍘讳竴鐩村湪鎴愪汉鏈熸墠鏈夌殑鎱㈡�х梾锛屽楂樿鍘嬨�佺硸灏跨梾銆佽鑴傚紓甯哥瓑锛屽凡缁忓湪鑲ヨ儢鐨勫効绔ュ皯骞翠腑鍑虹幇锛屾瘮渚嬭秺鏉ヨ秺楂橈紝涓斿憟浣庨緞鍖栥�傝偉鑳栬繕浼氬鍎跨灏戝勾蹇冪悊甯︽潵璐熼潰褰卞搷銆傝�屼笖锛屸�滄磱蹇鈥濅腑鐨勬补鐐搁鍝佸惈鏈夎嚧鐧屾垚鍒嗭紝濡傛灉闀挎湡椋熺敤涔熶細瀵硅韩浣撲骇鐢熷嵄瀹炽�傚洜姝わ紝鈥滄磱蹇鈥濅笉瀹滅粡甯搁鐢ㄣ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鑶抽閰嶅埗鍘熷垯銆侀ギ椋熷崼鐢熺瓑鐩稿叧鐭ヨ瘑锛屼负鎵樺辜鏈烘瀯鍙婂勾杞荤埗姣嶇瀛﹂厤鍒跺効绔ヨ喅椋熸彁渚涘府鍔┿��
           </p>
@@ -1534,7 +1819,12 @@
     </div>
     <!-- 125 -->
     <div class="page-box" page="125">
-      <odd-header :special="5" :num="125" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">125</span>
+      </div>
       <div class="padding-96">
         <h4 id="d143">锛堜笁锛夐鐗╁簲鑹层�侀銆佸懗銆佸舰淇卞叏</h4>
         <p>
@@ -1576,7 +1866,13 @@
     </div>
     <!-- 126 -->
     <div class="page-box" page="126">
-      <even-header :num="126" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">126</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绗簩锛屼负鍑忓皯缁寸敓绱燙鐨勬崯澶憋紝钄彍搴斿厛娲楀悗鍒囷紝娲楀悗涓嶅簲鏀剧疆杩囦箙锛岀倰鑿滄椂瑕佺敤鎬ョ伀蹇倰锛屾椂闂翠笉瀹滆繃闀匡紝涓斾笉鐢ㄩ摐閿咃紱鐐掑墠閬垮厤鐢ㄦ按娉°�佺敤寮�姘寸儷锛涘仛濂界殑鑿滆鍙婃椂椋熺敤锛岄殢鍋氶殢鍚冿紝涓嶇暀闅斿鑿溿��
@@ -1627,7 +1923,12 @@
     </div>
     <!-- 127 -->
     <div class="page-box" page="127">
-      <odd-header :special="5" :num="127" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">127</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浜ゅ弶姹℃煋锛岀敓銆佺啛椋熷搧搴斿垎寮�锛屽帹鎴跨敤鍏峰垁銆佹鏉裤�佺泦銆佺瓙銆佹姽甯冪瓑涔熻鍋氬埌鐢熴�佺啛鍒嗗紑銆�
@@ -1667,7 +1968,13 @@
     </div>
     <!-- 128 -->
     <div class="page-box" page="128">
-      <even-header :num="128" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">128</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           渚嬪锛屾湁鐨勫効绔ヤ笉鍚冮粦鑺濋夯锛屾槸鍥犱负榛戣姖楹荤殑棰滆壊鐪嬩笂鍘讳笉娲佸噣锛涜繕鏈夌殑鍎跨涓嶆効鎰忓悆闈㈡潯锛屽洜涓虹湅瑙侀潰鏉′細浜х敓涓嶅ソ鐨勮仈鎯炽��
@@ -1722,7 +2029,12 @@
     </div>
     <!-- 129 -->
     <div class="page-box" page="129">
-      <odd-header :special="5" :num="129" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">129</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍎跨楗绀间华鐨勫煿鍏伙紝閫氳繃楗瀵瑰効绔ヨ繘琛岀ぜ璨屻�佸瓭椤恒�佸嫟淇瓑鍩烘湰鍋氫汉涔嬮亾鐨勬暀鑲层��
@@ -1737,7 +2049,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[129]" />
+          <examinations :cardList="questionData[129]" :chapter="5" :page="129" />
         </p>
         <h2 class="module_block" id="b021">
           <div class="custom1">瀛︿範涓婚鍥�</div>
@@ -1808,49 +2120,99 @@
               <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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.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="chapterFiveData.learnTableFour.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1869,9 +2231,14 @@
           <p class="block">
             20涓栫邯60骞翠唬锛屽垬鍐敓銆佸懆鍚簮鍦ㄥ寳浜競瀵归泦浣撳効绔ヨ繘琛屼簡鈥滆鍒掕喅椋熲�濈殑鐮旂┒锛岄�氳繃瀵瑰弬鍔犲崗浣滅殑骞煎効鍥�佹墭鍎挎墍涓浉鍏充汉鍛樼殑鍩硅锛屼娇浠栦滑鎺屾彙钀ュ吇宸ヤ綔鐨勫熀鏈煡璇嗭紝瀛︿細鍒惰鑶抽璁″垝鐨勬柟娉曘�傚悇鎵樺効鎵�鐨勪繚鍋ュ憳姣忔湀鏈堝垵鍦ㄥ崼鐢熷眬闆嗕腑涓�娆★紝鎬荤粨涓婃湀鐨勮喅椋熶緵搴斿伐浣滐紝璁$畻鍎跨鐨勮惀鍏荤礌鎽勫叆閲忥紝骞跺湪鍗敓灞�鍜岀爺绌剁粍鎴愬憳鐨勮緟瀵间笅锛屽埗璁㈡湰鏈堢殑鑶抽璁″垝銆傚湪涓嶅鍔犲効绔ヤ紮椋熻垂鐨勫熀纭�涓婏紝閲囩敤浠锋牸杈冧綆鑰岃惀鍏讳环鍊艰緝楂樼殑椋熺墿杩涜绉戝鎼厤锛屾彁楂樿喅椋熶腑鐨勮泲鐧借川鐢熺墿浠峰強閽欍�佺淮鐢熺礌绛夌殑渚涚粰閲忋�備竴骞翠互鍚庯紝杩欎簺浣庝紮椋熻垂鐨勫効绔ヨ惀鍏荤礌鎽勫叆姘村钩鏈夋墍鎻愰珮锛屼綋鏍煎彂鑲叉按骞宠刀涓婁簡浼欓璐硅緝楂樼殑鎵樺辜鏈烘瀯鐨勫効绔ャ�備笂杩扮粡楠屽褰撳墠涓�浜涚粡娴庢瑺鍙戣揪鍦板尯鐨勬墭骞兼満鏋勫疄琛岃惀鍏婚厤椁愩�佹彁楂樺効绔ョ殑鍙戣偛姘村钩鍏锋湁瀹濊吹鐨勬寚瀵兼剰涔夈�傝涓庡悓瀛﹀氨姝ょ爺绌朵氦娴佸悇鑷殑鐪嬫硶銆�
           </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="chapterFiveData.experienceFour"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版墭骞兼満鏋勮喅椋熺鐞嗙殑瑕佹眰銆佽喅椋熻皟鏌ョ瓑鐩稿叧鍐呭锛屼负鎵樺辜鏈烘瀯杩涜绉戝鐨勮喅椋熺鐞嗘彁渚涚悊璁轰緷鎹��
           </p>
@@ -1895,7 +2262,13 @@
     </div>
     <!-- 130 -->
     <div class="page-box" page="130">
-      <even-header :num="130" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">130</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鏄庯紝瀹冨寘鎷鐗╃殑绉嶇被銆佹暟閲忋�佺児璋冩柟娉曞拰鍒舵垚鍝佸悕绉般�備负淇濊瘉鑶抽璁″垝鐨勯『鍒╄繘琛岋紝鎵樺辜鏈烘瀯搴旀瘡鍛ㄥ埗璁竴娆¢璋便��
@@ -1938,7 +2311,12 @@
     </div>
     <!-- 131 -->
     <div class="page-box" page="131">
-      <odd-header :special="5" :num="131" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">131</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1961,7 +2339,13 @@
     </div>
     <!-- 132 -->
     <div class="page-box" page="132">
-      <even-header :num="132" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">132</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">骞查鎺柦銆�</p>
         <p>
@@ -2000,7 +2384,12 @@
     </div>
     <!-- 133 -->
     <div class="page-box" page="133">
-      <odd-header :special="5" :num="133" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">133</span>
+      </div>
       <div class="padding-96">
         <p>
           鐑噺鎽勫叆閲忓鏋滆兘澶熻揪鍒颁緵缁欓噺鐨�90%浠ヤ笂涓烘甯革紝浣庝簬80%鍒欎负鎽勫叆涓嶈冻銆傝泲鐧借川銆佹棤鏈虹洂鍜岀淮鐢熺礌鐨勬憚鍏ラ噺搴旇揪鍒颁緵缁欓噺鐨�80%浠ヤ笂锛岄暱鏈熶綆浜庤繖涓�鏍囧噯浼氫娇涓�閮ㄥ垎鍎跨鍑虹幇鐥呯姸銆�
@@ -2027,7 +2416,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span>
-          <examinations :cardList="questionData[133]" />
+          <examinations :cardList="questionData[133]" :chapter="5" :page="133" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -2040,7 +2429,13 @@
     </div>
     <!-- 134 -->
     <div class="page-box" page="134">
-      <even-header :num="134" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">134</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
         <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
@@ -2048,43 +2443,61 @@
           1.缁寸敓绱燗缂轰箯鐥囧張鏈夊鐩茬棁銆佺溂骞茬嚗鐥囦箣绉般�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.閾佹槸鏋勬垚楠ㄥ拰鐗欓娇鐨勪富瑕佹垚鍒嗐�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.鍎跨缂洪攲浼氫娇鍛宠暰鍔熻兘鍑忛��锛岄娆蹭笉鎸紝瀵艰嚧鍘岄锛涜繕浼氬奖鍝嶇敓闀垮彂鑲诧紝瀵艰嚧韬潗鐭皬锛屼弗閲嶈�呮偅渚忓剴鐥囥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qThree"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
         <p class="block">
-          1.鍏ぇ钀ュ吇绱犲寘鎷�<input
+          1.鍏ぇ钀ュ吇绱犲寘鎷�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qOne.one"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.two" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qOne.three"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.four" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterFiveData.question.fill.qOne.five"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.six" />銆�
         </p>
         <p class="block">
           2.铔嬬櫧璐ㄥ彲鍒嗕负<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qTwo.one"
+          />銆�
+          <input type="text" class="lineInput completion-input"  v-model="chapterFiveData.question.fill.qTwo.two" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸<input
+            v-model="chapterFiveData.question.fill.qTwo.three"
+          />銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸
+          <input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterFiveData.question.fill.qTwo.four"
           />銆�
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -2093,54 +2506,63 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qOne"
         ></textarea>
         <p class="block">2.绠�杩颁笁澶т骇鑳借惀鍏荤礌鐨勭敓鐞嗗姛鑳姐��</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qTwo"
         ></textarea>
         <p class="block">3.铔嬬櫧璐ㄧ殑浜掕ˉ浣滅敤鏄粈涔堟剰鎬濓紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qThree"
         ></textarea>
         <p class="block">4.涓轰粈涔堝効绔ヤ笉瀹滄憚鍙栬繃澶氱殑鑴傝偑锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qFour"
         ></textarea>
         <p class="block">5.鑴傛憾鎬х淮鐢熺礌鍜屾按婧舵�х淮鐢熺礌鏈変粈涔堝尯鍒紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qFive"
         ></textarea>
         <p class="block">6.瀛﹀墠鍎跨瀹规槗缂轰箯鍝嚑绫绘棤鏈虹洂锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qSix"
         ></textarea>
         <p class="block">7.涓轰粈涔堣鎻愬�℃瘝涔冲杺鍏伙紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qSeven"
         ></textarea>
         <p class="block">8.閰嶅埗瀛﹀墠鍎跨鐨勮喅椋熷簲閬靛惊浠�涔堝師鍒欙紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qEnight"
         ></textarea>
         <p class="block">9.濡備綍鍋氬ソ骞煎効鍥殑楗鍗敓宸ヤ綔锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qNine"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2159,37 +2581,24 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[1341]" />
+          <examinations :cardList="questionData[1341]" :chapter="5" :page="1341" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[1342]" />
+          <examinations :cardList="questionData[1342]" :chapter="5" :page="1342" />
         </p>
-        <!-- <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
-        <p class="blockh6 fl fl-di fl-cn" style="text-indent: 0">
-          <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" />
-        </p> -->
       </div>
     </div>
   </div>
 </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: "chapterFive",
-  components: { evenHeader, oddHeader,examinations },
+  components: { examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
@@ -2213,14 +2622,112 @@
       pathTwo:'',
       pathThree:'',
       pathFour:'',
+      chapterFiveData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        experienceFour:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:""
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        learnTableFour: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:""
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+              three:"",
+              four:"",
+              five:"",
+              six:""
+            },
+            qTwo: {
+              oen: "",
+              two: "",
+              Three:"",
+              Four:"",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+            qNine:"",
+          },
+        },
+      },
     };
   },
   async mounted() {
+    const localData = localStorage.getItem("chapterFiveData");
+    if (localData) {
+      this.chapterFiveData = JSON.parse(localData);
+    }
+    window.timerFive = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
     this.$data.questionData = await getQuestionData('5',testData[5])
-    this.$data.pathOne = getResourcePath('5698398be3f5c7fdb247218b2a687257')
-    this.$data.pathTwo = getResourcePath('5905673b09837c74953dd11fcb27d123')
-    this.$data.pathThree = getResourcePath('1f768157227c193ed5c11f972f66e692')
-    this.$data.pathFour = getResourcePath('4f446d88ec1ed081a172b7130dce896b')
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerFive) {
+      clearInterval(window.timerFive);
+    }
+    localStorage.setItem("chapterFiveData", JSON.stringify(this.chapterFiveData));
   },
   methods: {
     changeResources(type) {
@@ -2236,6 +2743,19 @@
         this.$data.learnTableFour = !this.$data.learnTableFour;
       }
     },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterFiveData",
+        JSON.stringify(this.chapterFiveData)
+      );
+    },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath('5698398be3f5c7fdb247218b2a687257')
+      this.$data.pathTwo = getResourcePath('5905673b09837c74953dd11fcb27d123')
+      this.$data.pathThree = getResourcePath('1f768157227c193ed5c11f972f66e692')
+      this.$data.pathFour = getResourcePath('4f446d88ec1ed081a172b7130dce896b')
+    }
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue
index 72fbcf6..e864ca4 100644
--- a/src/books/childHealth/view/content/components/chapter006.vue
+++ b/src/books/childHealth/view/content/components/chapter006.vue
@@ -47,13 +47,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>
     <!-- 136 -->
     <div class="page-box" page="136">
-      <even-header :num="136" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">136</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b022">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -122,43 +128,83 @@
           <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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -177,9 +223,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="chapterSixData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版湁鍏宠儙鍎垮仴搴峰彂鑲茬殑鐭ヨ瘑锛岄槓杩拌兘浣垮▉鑳佸瓡鏈熻儙鍎垮仴搴峰彂鑲茬殑椋庨櫓鏈�灏忓寲鐨勮鐐癸紝璁″垝瑕佸疂瀹濈殑澶搴旇皟鎺ц嚜宸辩殑鐢熸椿鏂瑰紡锛屽垱閫犲仴搴风殑瀛曟湡鐜銆傝浣忥細涓嶆�曚竴涓囷紝灏辨�曚竾涓�銆�
           </p>
@@ -205,14 +256,19 @@
     </div>
     <!-- 137 -->
     <div class="page-box" page="137">
-      <odd-header :special="6" :num="137" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">137</span>
+      </div>
       <div class="padding-96">
         <p class="img">琛�6-1 瀛曟湡鍙戝睍绠�琛�</p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" />
         </p>
         <p class="center">
-          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
+          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
         </p>
         <p class="img">鍥�6-1 鑳庡効鑷寸暩鏁忔劅鏈�</p>
         <p>
@@ -225,7 +281,13 @@
     </div>
     <!-- 138 -->
     <div class="page-box" page="138">
-      <even-header :num="138" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">138</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c057">浜屻�佸瓡濡囩殑鍗敓涓庝繚鍋ワ紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -270,7 +332,12 @@
     </div>
     <!-- 139 -->
     <div class="page-box" page="139">
-      <odd-header :special="6" :num="139" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">139</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           銆佺硸绫汇�佺淮鐢熺礌銆佹棤鏈虹洂瑕佸潎琛★紝浠ュ厤瀛曞鑷韩鍙婅儙鍎跨己涔忔煇绉嶈惀鍏荤礌銆傝惀鍏诲瀹跺姣忓ぉ鍧囪 钀ュ吇鐨勫缓璁紝浠庝笅鍒椾簲澶х被鍩烘湰椋熺墿涓紝姣忕被閫夊悆涓�涓ゆ牱鍗冲彲銆傗憼璋风墿绫伙細绫抽キ銆侀潰鏉$瓑椋熺墿銆傗憽鑲夌被鍙婂叾浠栵細鐚倝銆侀浮鑲夈�佺墰鑲夈�侀奔鑲夌瓑锛涘惈涓板瘜铔嬬櫧璐ㄧ殑鍏朵粬椋熺墿鏈夎眴绫汇�佽泲銆佽眴鑵愩�佺墰濂剁瓑銆傗憿钄彍绫伙細缁胯壊銆佺传鑹层�佹鑹茬瓑鍚勭棰滆壊鐨勮敩鑿溿�傗懀姘存灉绫伙細鍚勭被姘存灉銆傗懁娌硅剛绫伙細鐐掕彍鐢ㄧ殑椋熸补鍙婂潥鏋滅瓑銆�
@@ -298,7 +365,13 @@
     </div>
     <!-- 140 -->
     <div class="page-box" page="140">
-      <even-header :num="140" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">140</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d165">锛堜竴锛夊瓡濡囩殑鏃ュ父鐢熸椿鏂归潰</h4>
         <p>
@@ -317,7 +390,7 @@
           20涓栫邯70骞翠唬锛岀編鍥戒竴浜涚瀛﹀鍙戠幇锛屾墍鏈夐厳閰掔殑姣嶄翰鎵�鐢熺殑瀛愬コ甯告湁涓�浜涘叡鍚岀殑浣撹川鍜岀缁忕棁鐘讹紝浜庢槸灏辨妸杩欎簺鍏卞悓鐨勪綋璐ㄥ拰绁炵粡鐥囩姸鍛藉悕涓鸿儦鑳庨厭绮剧患鍚堝緛锛團AS锛夈�傝嚜姝や互鍚庯紝閰掔簿瀵硅儙鍎挎墍閫犳垚鐨勫嵄瀹筹紝灏辨垚浜嗕汉浠叧娉ㄧ殑鐒︾偣涔嬩竴銆�
           鍦ㄧ敓鐞嗘柟闈紝鎮f湁鑳氳儙閰掔簿缁煎悎寰佺殑鍎跨鐨勫ご閮ㄦ樉寰楀皬鑰岀獎锛涗粬浠殑闈㈠涔熻緝涓虹嫭鐗癸紝濡傜溂璺濊緝瀹斤紝鐭蓟锛屼笅棰屽彂鑲蹭笉鍏紙瑙佸浘6-2锛夛紱涓庡悓榫勪汉鐩告瘮锛屼綋鏍煎ぇ澶氬亸灏忋�傚湪蹇冪悊鏂归潰锛屾渶鏄捐憲鐨勭棁鐘跺氨
         </p>
-        <p class="center"><el-image :src="fas" :preview-src-list="[fas]" /></p>
+        <p class="center"><el-image :src="fas" :preview-src-list="[fas]"  class="open-image" /></p>
         <p class="img">
           鍥�6-2 鎮f湁鑳氳儙閰掔簿缁煎悎寰侊紙FAS锛夌殑濠村効锛堝紩鑷編鍥紽AS绀惧尯璧勬簮涓績锛�
         </p>
@@ -325,7 +398,12 @@
     </div>
     <!-- 141 -->
     <div class="page-box" page="141">
-      <odd-header :special="6" :num="141" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">141</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鏄櫤闅滐紝灏界寰�寰�涓嶆槸鐗瑰埆涓ラ噸锛屼絾鑳氳儙閰掔簿缁煎悎寰佸凡缁忔垚涓哄鑷存櫤闅滅殑甯歌鍘熷洜涔嬩竴銆傚彟澶栬繕鏈夊悇绉嶅叾浠栦腑鏋㈢缁忔晠闅滅殑琛ㄧ幇锛屽濂藉姩銆佹敞鎰忓姏鏃犳硶闀挎椂闂撮泦涓�佺潯鐪犵磰涔变互鍙婂弽搴斿姛鑳介殰纰嶇瓑銆傚熀鏈笂鍙互纭畾褰撳瓡濡囧湪瀛曟湡澶ч噺鎽勫叆閰掔簿鏃讹紝閰掔簿鍙互閫氳繃鑳庣洏瀵规垚闀夸腑鐨勮儦鑳庝骇鐢熸樉钁楃殑鍗卞鍜屾案涔呮�х殑褰卞搷銆�
@@ -367,7 +445,13 @@
     </div>
     <!-- 142 -->
     <div class="page-box" page="142">
-      <even-header :num="142" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">142</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐣哥巼閫愭笎涓嬮檷鑷�10%宸﹀彸銆傛墍浠ュ瓡濡囧簲灏介噺閬垮厤涓庣梾姣掓劅鏌撹�呮帴瑙︼紝浜哄銆佺┖姘旀薄娴婄殑鍦烘墍灏介噺涓嶈鍘汇��
@@ -392,7 +476,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[142]" />
+          <examinations :cardList="questionData[142]" :chapter="6" :page="142" />
         </p>
         <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p>
         <div class="fieldset">
@@ -435,7 +519,12 @@
     </div>
     <!-- 143 -->
     <div class="page-box" page="143">
-      <odd-header :special="6" :num="143" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">143</span>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b023">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -518,59 +607,114 @@
               <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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.鏂扮敓鍎跨殑琛f湇鏈夊摢浜涜姹�?瑕佷笉瑕佺粰濠村効鎵撯�滆湣鐑涘寘鈥�?</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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.learnTableTwo.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -589,12 +733,14 @@
           <p class="block">
             涓佷竵鐨勭埗姣嶉潪甯哥棝鑻︼紝鍘熸湰涓�鐩存槸鍋ュ悍鍙戝睍鐨勮儙鍎匡紝鍗寸敱浜庡嚭鐢熷悗鎶ょ悊涓嶅綋锛屼娇涓佷竵鍥犺剳澶栦激鑰屽鑷磋剳鐦�傜幇鍦ㄤ竵涓佸凡缁�5宀佷簡杩樹笉浼氳蛋璺紝璇磋瘽涔熷彛榻夸笉娓咃紝鏇翠笉鑳藉儚鍒殑瀛╁瓙閭f牱韫﹁功璺宠烦鍦板幓涓婂辜鍎垮洯銆傜湅鐫�闈㈠簽娓呯鐨勫効瀛愶紝涓佷竵濡堝鏃跺父娴佷笅浼ゅ績鎮旀仺鐨勬唱姘淬�傝皥璋堜綘瀵规浜嬬殑鎰熷彈銆�
           </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="chapterSixData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版柊鐢熷効鐨勭壒鐐瑰強鐩稿叧鐨勬姢鐞嗙煡璇嗗拰娉ㄦ剰浜嬮」锛屼负鏈夋柊鐢熷効鐨勫搴彁渚涚瀛︾殑鎶ょ悊鏂规硶锛岃鏇村鐨勬柊鐢熷効寰楀埌鎭板綋鐨勬姢鐞嗭紝浠庤�屼负鍏朵互鍚庣殑鍋ュ悍鍙戝睍濂犲畾鑹ソ鐨勫熀纭�銆�
           </p>
@@ -641,7 +787,13 @@
     </div>
     <!-- 144 -->
     <div class="page-box" page="144">
-      <even-header :num="144" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">144</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍒烘縺锛屽緢瀹规槗鍏呰锛屽嚭鐜版墜鑴氬井甯﹂潚鑹茬殑鎯呭喌锛岃繖绉嶇幇璞″彨浣滄柊鐢熷効绾㈡枒锛屼竴鑸寔缁�1锝�2澶╁悗渚垮彲閫愭笎娑堥��銆�
@@ -677,7 +829,12 @@
     </div>
     <!-- 145 -->
     <div class="page-box" page="145">
-      <odd-header :special="6" :num="145" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">145</span>
+      </div>
       <div class="padding-96">
         <h4 id="d173">锛堝叚锛夋柊鐢熷効瀵瑰鐣屽埡婵�鐨勬劅瑙夌▼搴�</h4>
         <p>
@@ -716,7 +873,13 @@
     </div>
     <!-- 146 -->
     <div class="page-box" page="146">
-      <even-header :num="146" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">146</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           閴翠簬浠ヤ笂鎯呭喌锛屾姢鐞嗕汉鍛樺湪鎶ょ悊鏃跺氨瑕佽�冭檻鏂扮敓鍎跨殑鍚勭鍙嶅皠鎯呭喌銆備换浣曞ぇ鎰忔垨绮楅瞾鐨勫姩浣滈兘浼氬奖鍝嶅埌鏂扮敓鍎匡紝涓嶄絾浼氫娇鏂扮敓鍎夸笉鎰夊揩锛岃�屼笖浼氬姞娣辨棩鍚庢姢鐞嗙殑闅惧害锛屽洜姝よ鏍煎娉ㄦ剰銆�
@@ -745,13 +908,18 @@
         </p>
         <p class="img">琛�6-2 闃挎櫘鍔犻噺琛�</p>
         <p class="center">
-          <el-image :src="tableThree" :preview-src-list="[tableThree]" />
+          <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 147 -->
     <div class="page-box" page="147">
-      <odd-header :special="6" :num="147" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">147</span>
+      </div>
       <div class="padding-96">
         <p>
           绗叚锛屽鏃╀骇鍎裤�佷綆浣撻噸鍎裤�佸鍐呮劅鏌撲互鍙婄己姘с�佺獟鎭�佷綆浣撴俯銆佷綆琛�绯栥�佷綆琛�閽欏拰棰呭唴鍑鸿绛変骇鏃跺紓甯哥殑楂樺嵄鍎垮簲浜堜互鐗规畩鐩戞姢銆�
@@ -786,7 +954,13 @@
     </div>
     <!-- 148 -->
     <div class="page-box" page="148">
-      <even-header :num="148" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">148</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>锛�2锛夊娓�</p>
         <p>娲楁尽鏃跺鍐呮俯搴﹀湪24鈩冨乏鍙充负瀹溿�傚瀛i伩鍏嶇洿鎺ュ惞椋庯紝鍐璀︽儠鐓ゆ皵涓瘨銆�</p>
@@ -815,7 +989,12 @@
     </div>
     <!-- 149 -->
     <div class="page-box" page="149">
-      <odd-header :special="6" :num="149" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">149</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           姹℃煋锛屾姢鐞嗕汉鍛樿鍙婃椂鐢ㄦ鐞冭樃閫傞噺娓╂按灏嗗叾鎿﹀共鍑�銆傚崈涓囦笉瑕佽交鏄撳鏂扮敓鍎跨殑鑰冲灑杩涜娓呯悊锛屼互鍏嶄激鍒版柊鐢熷効锛岃�岃�冲灑澶у浼氳嚜鐒舵帓鍑鸿�冲銆�
@@ -852,7 +1031,13 @@
     </div>
     <!-- 150 -->
     <div class="page-box" page="150">
-      <even-header :num="150" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">150</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e167">8.鏂扮敓鍎跨柧鐥呯瓫鏌�</h5>
         <p>鏂扮敓鍎垮簲鍦ㄥ嚭鐢熷悗鍋氱柧鐥呯瓫鏌ワ紝灏芥棭鍙戠幇骞惰瘖娌伙紝鍑忓皯鍙戣偛涓殑鍚庨仐鐥囥��</p>
@@ -920,7 +1105,12 @@
     </div>
     <!-- 151 -->
     <div class="page-box" page="151">
-      <odd-header :special="6" :num="151" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">151</span>
+      </div>
       <div class="padding-96">
         <h3 id="c061">涓夈�佹湭鎴愮啛鍎夸笌杩囩啛鍎匡紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -979,7 +1169,13 @@
     </div>
     <!-- 152 -->
     <div class="page-box" page="152">
-      <even-header :num="152" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">152</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">鐨勮瑙夐殰纰嶃��</p>
         <p>
@@ -1005,7 +1201,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[152]" />
+          <examinations :cardList="questionData[152]" :chapter="6" :page="152" />
         </p>
         <h2 class="module_block" id="b024">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -1077,43 +1273,78 @@
           <tr>
             <td>
               <span class="ds-bl">1.濠村効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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.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="chapterSixData.learnTableThree.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.鍑虹敓鍚庣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="chapterSixData.learnTableThree.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.鍩虹鍏嶇柅搴旇鍦ㄤ粈涔堥樁娈靛畬鎴�?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="chapterSixData.learnTableThree.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1132,9 +1363,14 @@
           <p class="block">
             鈥滃懙鍛碉紝瀹濆疂鑳借嚜宸卞潗璧锋潵浜嗐�傗�濃�滃疂瀹濈煡閬撴壘濡堝浜嗐�傗�濃�滃挦锛屼汉瀹剁殑瀹濆疂5涓湀灏遍暱鐗欎簡锛屼负浠�涔堟垜瀹跺疂瀹�8涓湀杩樻病鏈夐暱鐗欏憿锛熲�濃�滄�簡锛屽疂瀹濇�庝箞涓嶆槸鍚戝墠鐖�屾�绘槸寰�鍚庨��鍛紵鈥濃�滃懙鍛碉紝瀹濆疂浼氱珯浜嗭紝涔熶細鍠婂濡堝暒锛佲�濃�︹�︿綘濡備綍鐪嬪緟杩欎簺鐜拌薄锛�
           </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="chapterSixData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             濠村効鏈熺殑瀹濆疂锛岀敓闀垮彂鑲茬壒鍒揩锛岀敤鈥滀竴澶╀竴涓牱鈥濇潵褰㈠锛屼竴鐐逛篃涓嶈繃鍒嗭紝鏁呭湪杩欑敓闀垮彂鑲茬殑蹇�熸椂鏈燂紝鐖舵瘝鍙婃姢鐞嗕汉鍛樿鍦ㄤ簡瑙e┐鍎垮彂灞曚竴鑸寰嬬殑鍩虹涓婏紝娉ㄦ剰瀹濆疂鍙戝睍鐨勭壒娈婃�э紝浠庤�岀粰瀹濆疂鏇村姞缁嗚嚧鐨勬姢鐞嗐�傛湰涓婚涓昏璁茶堪濠村効鏈熷効绔ュ彂灞曠殑鐗圭偣鍙婄浉鍏崇殑淇濆仴瑕佺偣锛屽濠村効鐨勬棩甯哥敓娲绘彁渚涗竴浜涙姢鐞嗕笌淇濆仴鐨勬渶鏂扮煡璇嗭紝浠庤�屼负骞磋交鐨勭埗姣嶅強鎶ょ悊浜哄憳椹捐交灏辩啛鍦版姢鐞嗗┐鍎挎彁渚涙嵎寰勩��
           </p>
@@ -1143,7 +1379,12 @@
     </div>
     <!-- 153 -->
     <div class="page-box" page="153">
-      <odd-header :special="6" :num="153" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">153</span>
+      </div>
       <div class="padding-96">
         <h3 id="c062">涓�銆佸┐鍎挎湡鐨勭壒鐐癸紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -1183,7 +1424,13 @@
     </div>
     <!-- 154 -->
     <div class="page-box" page="154">
-      <even-header :num="154" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">154</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           濠村効鎻愪緵鎵�闇�瑕佺殑鍚勭钀ュ吇鐗╄川锛屽寮烘姷鎶楀姏锛岃繕鏈夊埄浜庝績杩涙瘝浜茬殑浜у悗搴峰銆傚垵涔虫寚浜у悗4锝�5澶╁唴鎵�鍒嗘硨鐨勪钩姹侊紝閲忚緝灏戯紝璐ㄧ銆佽壊寰粍锛屾瘮閲嶉珮锛屽惈鑴傝偑灏戯紝铔嬬櫧璐ㄥ锛屽悓鏃跺惈鏈夎緝涓板瘜鐨勫井閲忓厓绱犮�佽皟鑺傛�у繀闇�姘ㄥ熀閰稿拰鍏嶇柅娲绘�х墿璐紝搴斿敖閲忚鏂扮敓鍎垮摵鍒板垵涔炽�傞殢鐫�濠村効鐨勬垚闀匡紝瀵逛簬6涓湀鍚庣殑濠村効锛屾瘝涔崇殑钀ュ吇鎴愬垎娓愭笎鏃犳硶婊¤冻濠村効鐢熼暱鐨勯渶瑕侊紝鎵�浠ワ紝濠村効6涓湀鍚庡繀椤诲紑濮嬫坊鍔犺緟椋熴�傝繖鏃㈠彲浠ユ弧瓒冲┐鍎跨殑钀ュ吇闇�姹傦紝鍙堜负浠ュ悗鏂ザ鍋氬噯澶囥�傚┐鍎挎坊鍔犵殑绗竴涓崐鍥轰綋椋熺墿搴旇鏄惈寮哄寲閾佺殑璋风被椋熺墿锛屽彲琛ュ厖濠村効閾佽惀鍏荤殑闇�瑕併��3涓湀浠ュ悗濠村効搴旈�愭笎瀹氭椂杩涢锛屾瘡鏃�6椁愬彲閫傚簲濠村効鐢熼暱鍙戣偛蹇�佽儍瀹归噺杈冨皬銆佹秷鍖栭亾鍔熻兘灏氫笉鎴愮啛鐨勭壒鐐广�傚┐鍎跨殑椋熺墿搴斾互楂樿兘閲忋�侀珮铔嬬櫧鐨勪钩绫讳负涓伙紝鍗充娇鍦ㄥ┐鍎挎湡鏈紙10锝�12涓湀锛夛紝姣忔棩涔崇被渚涜兘浠嶄笉搴斾綆浜庢�昏兘閲忕殑1/2锛堝嵆189锝�210鍗冪劍/鍗冨厠锛夈�傛敞鎰忕淮鐢熺礌D鐨勮ˉ鍏呫��
@@ -1202,7 +1449,12 @@
     </div>
     <!-- 155 -->
     <div class="page-box" page="155">
-      <odd-header :special="6" :num="155" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">155</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1247,7 +1499,13 @@
     </div>
     <!-- 156 -->
     <div class="page-box" page="156">
-      <even-header :num="156" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">156</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d187">锛堝叚锛夐闃插父瑙佺梾</h4>
         <p>
@@ -1263,7 +1521,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[156]" />
+          <examinations :cardList="questionData[156]" :chapter="6" :page="156" />
         </p>
         <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p>
         <div class="fieldset">
@@ -1355,55 +1613,105 @@
               <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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.涓轰粈涔堣娉ㄦ剰琛ュ厖缁寸敓绱� D?</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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.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="chapterSixData.learnTableFour.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.涓轰粈涔堣骞煎効鍓嶆湡鏄瀛愭垚闀胯繃绋嬩腑鏈�鐖辨児楹荤儲鍜岃瑙d汉鎰忕殑鏃舵湡?</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="chapterSixData.learnTableFour.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1422,9 +1730,14 @@
           <p class="block">
             瀹濆疂鐜板湪宸茬粡2宀佸暒锛佷絾濡堝鍙戠幇浠栫殑涓瓙娌℃湁浠ュ墠闀垮緱蹇簡锛屽悆楗篃娌℃湁浠ュ墠娉ㄦ剰鍔涢泦涓紝杩戞潵鍙樺緱寰堜笉涔栵紝鑰屼笖鎯呯华涓嶇ǔ瀹氥�傛瘮濡傦紝濡堝鎯崇粰浠栧枬鐐规按锛屽彲鍒氭妸鏉瓙閫掑埌浠栧槾杈癸紝浠栧氨鎶婃澂瀛愪竴鎺紝骞跺ぇ鍙�滀笉瑕佲�濓紝濡堝鏀句笅鏉瓙涓嶇悊浠栵紝浠栧嵈鍙堝摥鐫�瑕佸枬姘达紝瀹濆疂杩欐槸鎬庝箞浜嗭紵璋堣皥浣犵殑鐪嬫硶銆�
           </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="chapterSixData.experienceFour"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             2锝�3宀佺殑骞煎効铏界劧浣撴牸鐢熼暱閫熷害鍑忔參锛屼絾闅忕潃浣撹兘鐨勫鍔狅紝娲诲姩鑼冨洿鍦ㄤ笉鏂墿澶э紝绁炵粡绯荤粺鍙戣偛涔熷緢杩呴�燂紝鑷垜鎰忚瘑宸插紑濮嬭悓鑺斤紝鎵�浠ユ姢鐞嗕汉鍛樿娉ㄦ剰骞煎効鏃ュ父鎶ょ悊涓庝繚鍋ョ殑鏂板姩鍚戙�傛湰涓婚涓昏璁茶堪骞煎効鍓嶆湡鍎跨鐨勫彂灞曠殑鐗圭偣鍙婁繚鍋ヨ鐐癸紝浠ユ湡涓轰繚鏁欏伐浣滆�呯瀛﹀湴寮�灞曚繚鏁欏伐浣滄彁渚涘府鍔┿��
           </p>
@@ -1433,7 +1746,12 @@
     </div>
     <!-- 157 -->
     <div class="page-box" page="157">
-      <odd-header :special="6" :num="157" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">157</span>
+      </div>
       <div class="padding-96">
         <h3 id="c064">涓�銆佸辜鍎垮墠鏈熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
         <p>鑷�1鍛ㄥ瞾鑷虫弧3鍛ㄥ瞾涓哄辜鍎垮墠鏈熴��</p>
@@ -1467,7 +1785,13 @@
     </div>
     <!-- 158 -->
     <div class="page-box" page="158">
-      <even-header :num="158" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">158</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           姝e父鐨勭敓鐞嗛渶瑕侊紝杩樿兘淇濇寔鍚勭钀ュ吇绱犱箣闂寸殑鏁伴噺骞宠 锛屼互鍒╀簬瀹冧滑鐨勫惛鏀跺拰鍒╃敤锛岃揪鍒拌惀鍏诲悎鐞嗙殑鐩殑銆傚洜姝わ紝鍒跺骞宠 鑶抽蹇呴』绗﹀悎涓嬪垪瑕佹眰銆�
@@ -1498,7 +1822,12 @@
     </div>
     <!-- 159 -->
     <div class="page-box" page="159">
-      <odd-header :special="6" :num="159" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">159</span>
+      </div>
       <div class="padding-96">
         <h4 id="d196">锛堜簲锛夐闃叉帴绉嶅拰鍔犲己鍏嶇柅</h4>
         <p>
@@ -1529,7 +1858,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚鍥�</span>
-          <examinations :cardList="questionData[159]" />
+          <examinations :cardList="questionData[159]" :chapter="6" :page="159" />
         </p>
         <div class="annotation-border"></div>
         <p class="note">
@@ -1540,7 +1869,13 @@
     </div>
     <!-- 160 -->
     <div class="page-box" page="160">
-      <even-header :num="160" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">160</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b026">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -1615,67 +1950,127 @@
           <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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.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="chapterSixData.learnTableFive.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1694,9 +2089,14 @@
           <p class="block">
             瑕佸幓骞煎効鍥簡锛屼竵涓佷竴浼氬効瑕佸濡堟嬁闉嬪瓙锛屼竴浼氬効鍙堣濡堝鎷夸功鍖咃紝鍙粬鑷繁鍊掑儚涓病浜嬩汉涓�鏍凤紱骞煎効鍥噷鐨勬粦姊笂锛屽嚑涓瀛愪綘鎺ㄦ垜鎸ゅ湴鐜╁緱姝f锛岀獊鐒朵紶鏉ヤ簡鈥滃搰鈥濈殑涓�澹板摥锛屽師鏉ヨ僵杞╄灏忔湅鍙嬩粠婊戞涓婃尋涓嬫潵锛屽ご鎾炵牬浜嗭紱宸茬粡鏄櫄涓�10鐐瑰浜嗭紝濡堝涓嶅仠鍦版墦鐫�鍝堟瑺锛屽彲甯屽笇杩樺湪鎼缓鍙ゅ牎锛屼竴鐐逛篃娌℃湁鎯崇潯鐨勫康澶粹�︹�﹁繖浜涗簨渚嬩綋鐜颁簡骞煎効鐨勫摢浜涚壒鐐癸紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterSixData.experienceFive"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             瀛﹀墠鍎跨韬績鍙戝睍宸叉棩娓愭垚鐔燂紝闆嗕綋鐢熸椿涔熷凡缁忓紑濮嬶紝鎵�浠ヤ繚鍋ュ伐浣滈櫎鏃ュ父鐨勭敓娲绘姢鐞嗗锛岃繕瑕佹敞鎰忓煿鍏诲鍓嶅効绔ョ殑鐢熸椿鑷悊鑳藉姏鍙婂畨鍏ㄦ剰璇嗭紝甯姪浠栦滑寤虹珛鐢熸椿甯歌骞朵弗鏍奸伒瀹堬紝涓轰互鍚庡叆瀛﹀仛濂藉噯澶囥�傛湰涓婚涓昏璁茶堪骞煎効鏈熷効绔ョ殑鍙戝睍鐗圭偣鍙婁繚鍋ヨ鐐癸紝浠ユ湡涓轰繚鏁欏伐浣滆�呯瀛﹀紑灞曞辜鍎跨殑淇濇暀宸ヤ綔鎻愪緵甯姪銆�
           </p>
@@ -1737,7 +2137,12 @@
     </div>
     <!-- 161 -->
     <div class="page-box" page="161">
-      <odd-header :special="6" :num="161" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">161</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍙戝睍骞煎効鏈熷効绔ョ殑鑷俊蹇冮潪甯搁噸瑕併�傚彟澶栵紝杩欎釜鏃舵湡鐨勫効绔ユ敞鎰忓姏淇濇寔杈冨辜鍎垮墠鏈熺殑鏃堕棿闀匡紙绾�20鍒嗛挓锛夈��
@@ -1773,7 +2178,13 @@
     </div>
     <!-- 162 -->
     <div class="page-box" page="162">
-      <even-header :num="162" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">162</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍙戠敓浜嗗彉鍖栵細骞煎効鏈熷効绔ョ殑姣忔棩鐢熸椿涓紝娓告垙鍗犱簡澶ч儴鍒嗘椂闂达紝瀛︿範鏃堕棿浠�1锝�1.5灏忔椂锛涜�屾垚涓哄皬瀛︾敓鍚庯紝瀛︿範鎴愪簡浠栦滑鐨勪富瑕佹椿鍔紝姣忔棩瀛︿範鏃堕棿5锝�6灏忔椂锛岃�屼笖灏忓鐢熺殑瀛︿範涓庡辜鍎垮洯鐨勬父鎴忔湁鏈川鐨勫尯鍒�傚叆瀛﹀墠锛屽辜鍎垮洯鐨勬椿鍔ㄤ赴瀵屽褰┿�佸舰寮忓鏍凤紝璇鹃棿浼戞伅鏃堕棿涔熼暱锛涘叆瀛﹀悗锛屽皬瀛︿互涓婅涓轰富锛岃闂翠紤鎭粎10鍒嗛挓銆傚叆瀛﹀墠锛屽効绔ョ殑鐢熸椿鐢卞闀挎垨骞煎効鍥�佸笀鐓ф枡锛屼粬浠緷璧栨�у己銆佺嫭绔嬫�у樊锛涘叆瀛﹀悗锛屼粬浠鐙嚜瀹屾垚浣滀笟锛屽紑濮嬩簡鐙珛鐢熸椿銆傚叆瀛﹀墠锛屽効绔ュ彧瀛︿範鍜屼娇鐢ㄥ彛澶磋瑷�锛涘叆瀛﹀悗锛屽紑濮嬪涔犲拰浣跨敤涔﹂潰璇█锛屽苟鐢卞叿浣撳舰璞℃�濈淮鍚戞娊璞¢�昏緫鎬濈淮杩囨浮銆�
@@ -1812,7 +2223,12 @@
     </div>
     <!-- 163 -->
     <div class="page-box" page="163">
-      <odd-header :special="6" :num="163" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">163</span>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">
@@ -1849,7 +2265,13 @@
     </div>
     <!-- 164 -->
     <div class="page-box" page="164">
-      <even-header :num="164" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">164</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e173">3.鐗欓娇妫�鏌�</h5>
         <p>
@@ -1878,7 +2300,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[164]" />
+          <examinations :cardList="questionData[164]" :chapter="6" :page="164" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1897,85 +2319,101 @@
     </div>
     <!-- 165 -->
     <div class="page-box" page="165">
-      <odd-header :special="6" :num="165" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍏�&nbsp;瀛﹀墠鍎跨鍚勫勾榫勬湡鐨勭壒鐐逛笌淇濆仴</span
+        >
+        <span class="page-header-num">165</span>
+      </div>
       <div class="padding-96">
         <p class="block">
-          鍟★紝浣嗗彲浠ョ粡甯稿枬鑼躲�傦紙<input type="text" class="judge-input" />锛�
+          鍟★紝浣嗗彲浠ョ粡甯稿枬鑼躲�傦紙<input type="text" class="judge-input" v-model="chapterSixData.question.judge.qOne" />锛�
         </p>
         <p class="block">
           2.鍗充娇鎬�瀛�3涓湀鍚庯紝鎬ф縺绱犵被鑽墿渚濈劧瀵硅儙鍎挎湁鑷寸暩鐨勫嵄闄┿�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.濠村効鐨勫洘闂ㄥ緢鏌旇蒋锛屾槸鍥犱负鍏跺ご閮ㄩ楠兼病鏈夐棴鍚堣�屽舰鎴愮殑锛屾墍浠ヤ笉鑳借Е鎽搞�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鐢ㄩ樋鏅姞閲忚〃娴嬭瘎鏂扮敓鍎匡紝寰楀垎楂樹簬4鍒嗚�呭嵆澶勪簬鑹ソ鐨勫仴搴风姸鍐点�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">5.鏂扮敓鍎夸互涓嬩笉瑙勫垯鐨勫懠鍚告ā寮忔槸姝e父鐨勶細</p>
         <p class="block">
-          鈶犳繁鍛煎惛銆傦紙<input type="text" class="judge-input" />锛�
+          鈶犳繁鍛煎惛銆傦紙<input type="text" class="judge-input" v-model="chapterSixData.question.judge.qFive.one" />锛�
         </p>
         <p class="block">
-          鈶″懠鍚搁鐜囬珮浜庢瘡鍒嗛挓60娆°�傦紙<input type="text" class="judge-input" />锛�
+          鈶″懠鍚搁鐜囬珮浜庢瘡鍒嗛挓60娆°�傦紙<input type="text" class="judge-input" v-model="chapterSixData.question.judge.qFive.two" />锛�
         </p>
         <p class="block">
-          鈶㈠懠鍚哥粓姝㈢殑鏃堕棿浣庝簬6绉掋�傦紙<input type="text" class="judge-input" />锛�
+          鈶㈠懠鍚哥粓姝㈢殑鏃堕棿浣庝簬6绉掋�傦紙<input type="text" class="judge-input" v-model="chapterSixData.question.judge.qFive.three" />锛�
         </p>
         <p class="block">
           鈶e槾鍞囧拰鎸囩敳鐨勯鑹叉病鏈夊彂绾㈡垨鑰呭彂闈掔幇璞°�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qFive.four"
           />锛�
         </p>
         <p class="block">
           鈶ゆ柊鐢熷効缁忓父浼氱敤鎬ラ�熸繁鍛煎惛鏉ヨ垝灞曡偤閮紝杩欑鍛煎惛涔熸槸姝e父鐨勩�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qFive.five"
           />锛�
         </p>
         <p class="block">
           6.鏈夊鑰呭彂鐜板湪鐗涘ザ銆侀浮铔嬨�佽姳鐢熶笁绉嶆渶甯歌鐨勮嚧鏁忛鐗╀腑锛岃姳鐢熻繃鏁忔渶涓ラ噸锛屾寔缁椂闂存渶闀裤�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qSix"
           />锛�
         </p>
         <p class="block">
           7.濠村効鏈熸槸鐢熼暱鍙戣偛鐨勭涓�楂樺嘲鏈燂紝涓斿嚭鐢熷悗鐨勫墠3涓湀鐢熼暱鍙戣偛鏈�鏃虹洓銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qSeven"
           />锛�
         </p>
         <p class="block">
           8.姝e父鎯呭喌涓嬶紝1宀佸┐鍎垮ご鍥寸殑骞冲潎鍊兼槸44鍘樼背锛岃兏鍥寸殑骞冲潎鍊间负46鍘樼背銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qEnight"
           />锛�
         </p>
         <p class="block">
           9. 1宀佷互鍐呴闃叉帴绉嶇殑鍩虹鍏嶇柅宸茬粡瀹屾垚锛屼互鍚庡氨涓嶉渶瑕佸啀鎺ョ浜嗐�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qNine"
           />锛�
         </p>
         <p class="block">
           10.瀛﹀墠鍎跨鑵嬬獫姹楄吅鍙戣揪锛屽洜姝わ紝鑵嬬獫姣旇函骞层�佽兏閮ㄥ嚭姹楁槑鏄俱�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qTen"
           />锛�
         </p>
         <p class="block">
           11.瀛﹀墠鍎跨涓嶅疁涓庢垚浜哄叡杩涗富椁愩�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSixData.question.judge.qEleven"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1983,12 +2421,14 @@
           1.鏂扮敓鍎跨殑澶撮儴鏈変袱涓�滄煍杞殑鐐光�濓紝杩欐槸鍥熼棬锛岄�氬父<input
             type="text"
             class="lineInput completion-input"
-          />姣�<input type="text" class="lineInput completion-input" />闂悎鏃┿��
+            v-model="chapterSixData.question.fill.qOne.one"
+          />姣�<input type="text" class="lineInput completion-input" v-model="chapterSixData.question.fill.qOne.two" />闂悎鏃┿��
         </p>
         <p class="block">
           2.骞煎効鑶抽姣忔棩浠�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSixData.question.fill.qTwo.one"
           />娆¤繘椁愪负瀹溿��
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1997,30 +2437,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSixData.question.short.qOne"
         ></textarea>
         <p class="block">2.璇磋濡備綍鍔犲己鍏ュ鍓嶆暀鑲叉墠鏄瀛︾殑銆�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSixData.question.short.qTwo"
         ></textarea>
         <p class="block">3.璇磋瀛曞鍦ㄦ棩甯哥敓娲讳腑瀵硅儙鍎挎湁涓嶈壇褰卞搷鐨勬儏鍐点��</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSixData.question.short.qThree"
         ></textarea>
         <p class="block">4.璇磋鏂扮敓鍎垮嚭鐢熸椂瑕佸仛濂藉摢浜涢闃叉劅鏌撶殑宸ヤ綔銆�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSixData.question.short.qFour"
         ></textarea>
         <p class="block">5.璇磋璋冨埗閰嶆柟濂惰娉ㄦ剰鐨勯棶棰樸��</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSixData.question.short.qFive"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2033,7 +2478,13 @@
     </div>
     <!-- 166 -->
     <div class="page-box" page="166">
-      <even-header :num="166" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">166</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="block">
           3.鏍规嵁濠村効娣诲姞杈呴鐨勫師鍒欙紝鍒椾竴浠�6锝�9涓湀濠村効杈呴娣诲姞鐨勬搴忚〃銆�
@@ -2059,28 +2510,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[1661]" />
+          <examinations :cardList="questionData[1661]" :chapter="6" :page="1661" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[1662]" />
+          <examinations :cardList="questionData[1662]" :chapter="6" :page="1662" />
         </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="18"
+            v-model="chapterSixData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -2088,14 +2532,12 @@
 </template>
 
 <script>
-import evenHeader from "../../components/pageHeader/evenHeader.vue";
-import oddHeader from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
 import getQuestionData from '@/assets/methods/examination'
 import testData from '../../../assets/examinationList'
 import getResourcePath from '@/assets/methods/resources'
 export default {
-  components: { evenHeader, oddHeader,examinations },
+  components: { examinations },
   name: "chapterSix",
   data() {
     return {
@@ -2119,14 +2561,132 @@
       pathTwo:'',
       pathThree:'',
       pathFour:'',
+      saveTime:20,
+      chapterSixData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        experienceFour:"",
+        experienceFive:"",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+        },
+        learnTableFour: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:""
+        },
+        learnTableFive: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:""
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour:"",
+            qFive:{
+              one:"",
+              two:"",
+              three:"",
+              four:"",
+              five:""
+            },
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+            qNine:"",
+            qTen:"",
+            qEleven:""
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+            },
+            qTwo: {
+              oen: "",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          },
+        },
+      },
     };
   },
   async mounted() {
+    const localData = localStorage.getItem("chapterSixData");
+    if (localData) {
+      this.chapterSixData = JSON.parse(localData);
+    }
+    window.timerSix = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
     this.$data.questionData = await getQuestionData('6',testData[6])
-    this.$data.pathOne = getResourcePath('816cf9d161803aea47ea583ba5d4f0ac')
-    this.$data.pathTwo = getResourcePath('15d4b47f10359b7ad77d87e2327db429')
-    this.$data.pathThree = getResourcePath('66c19c1c7a772fc88080b607f70eebaf')
-    this.$data.pathFour = getResourcePath('a548917a24721ef2b37e1053ac843af4')
+    this.getVideoPath()
+    
+  },
+  unmounted() {
+    if (window.timerSix) {
+      clearInterval(window.timerSix);
+    }
+    localStorage.setItem("chapterSixData", JSON.stringify(this.chapterSixData));
   },
   methods: {
     changeResources(type) {
@@ -2144,6 +2704,19 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath('816cf9d161803aea47ea583ba5d4f0ac')
+    this.$data.pathTwo = getResourcePath('15d4b47f10359b7ad77d87e2327db429')
+    this.$data.pathThree = getResourcePath('66c19c1c7a772fc88080b607f70eebaf')
+    this.$data.pathFour = getResourcePath('a548917a24721ef2b37e1053ac843af4')
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterSixData",
+        JSON.stringify(this.chapterSixData)
+      );
+    }
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index a1c8c97..512a3f6 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -45,13 +45,19 @@
           涓撻瀵煎
         </h6>
         <p class="blockh6 m0-t0">
-          <el-image :src="learn" :preview-src-list="[learn]" />
+          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 168 -->
     <div class="page-box" page="168">
-      <even-header :num="168" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">168</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b027">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -122,23 +128,43 @@
               <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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -157,9 +183,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="chapterSevenData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樺皢甯姪鎴戜滑浜嗚В鐤剧梾鐨勬蹇点�佺绫伙紝鍛婅瘔鎴戜滑鏃╂湡鍙戠幇鐤剧梾鐨勬柟娉曘��
           </p>
@@ -209,7 +240,12 @@
     </div>
     <!-- 169 -->
     <div class="page-box" page="169">
-      <odd-header :special="7" :num="169" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">169</span>
+      </div>
       <div class="padding-96">
         <p>鈶″悇绉嶆劅鏌撱�傚闃戝熬鐐庛�佽儍鐐庛��</p>
         <p>鈶㈢墿鐞嗗拰鍖栧鎹熶激銆傚鑽墿涓瘨銆佹斁灏勭嚎鎹熶激銆佸喕浼ゃ��</p>
@@ -238,7 +274,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[169]" />
+          <examinations :cardList="questionData[169]" :chapter="7" :page="169" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -279,7 +315,13 @@
     </div>
     <!-- 170 -->
     <div class="page-box" page="170">
-      <even-header :num="170" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">170</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">锛�2锛夌淮鐢熺礌A鎴栫淮鐢熺礌D涓瘨锛屼篃浼氬紩璧峰帉椋熴��</p>
@@ -372,7 +414,13 @@
     </div>
     <!-- 171 -->
     <div class="page-box" page="171">
-      <odd-header :special="7" :num="171" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">171</span>
+      </div>
+
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">
@@ -474,24 +522,44 @@
           <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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -510,12 +578,14 @@
           <p class="block">
             杈惧皵鏂囨槸19涓栫邯浼熷ぇ鐨勭敓鐗╁瀹躲��1839骞�1鏈堬紝30宀佺殑杈惧皵鏂囦笌浠栫殑琛ㄥ鐖辩帥缁撳銆傜埍鐜涙槸浠栬垍鑸呯殑濂冲効锛屼粬浠咯闈掓绔归┈锛屾劅鎯呮繁鍘氾紝鐢辨殫鎭嬭�岀粨涓轰級淇�備絾鏄紝璋佷篃娌℃湁鏂欏埌锛屼粬浠殑瀛╁瓙涓珶鏈�3浜轰腑閫斿き鎶橈紝鍙堟湁3浜虹粓韬笉鑲层�傝繖浠朵簨鎯呰杈惧皵鏂囩櫨鎬濅笉寰楀叾瑙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>
-          <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="chapterSevenData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             涓轰簡闄嶄綆閬椾紶鐥呯殑鍙戠梾鐜囷紝鎻愰珮浜哄彛璐ㄩ噺锛屼簡瑙i仐浼犵梾鍙婂叾棰勯槻鐨勭浉鍏崇煡璇嗛潪甯稿繀瑕併�傛湰涓婚灏嗕负鎴戜滑浠嬬粛鏈夊叧閬椾紶鐥呯殑鍩虹鐭ヨ瘑鍜屼紭鐢熶紭鑲茬殑鎺柦锛屼负鎻愰珮鎴戝浗鐨勪汉鍙h川閲忓瀹氬熀纭�銆�
           </p>
@@ -524,7 +594,13 @@
     </div>
     <!-- 172 -->
     <div class="page-box" page="172">
-      <even-header :num="172" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">172</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c070">涓�銆佽璇嗛仐浼犵梾锛烇紴锛烇紴锛烇紴</h3>
         <div class="fl fl-around">
@@ -591,7 +667,12 @@
     </div>
     <!-- 173 -->
     <div class="page-box" page="173">
-      <odd-header :special="7" :num="173" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">173</span>
+      </div>
       <div class="padding-96">
         <h3 id="c072">涓夈�侀仐浼犵梾鐨勯闃测�斺�斾紭鐢燂紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -635,7 +716,13 @@
     </div>
     <!-- 174 -->
     <div class="page-box" page="174">
-      <even-header :num="174" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">174</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e178">2.鏈�浣冲彈瀛曟椂鏈�</h5>
         <p>
@@ -659,7 +746,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[174]" />
+          <examinations :cardList="questionData[174]"  :chapter="7" :page="174" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -759,33 +846,58 @@
               <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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.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="chapterSevenData.learnTableThree.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -809,18 +921,22 @@
     </div>
     <!-- 175 -->
     <div class="page-box" page="175">
-      <odd-header :special="7" :num="175" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">175</span>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
-          <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>
-          <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="9"
+            v-model="chapterSevenData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="600"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏂扮敓鍎块櫎浜嗗摥锛屾病鏈夊叾浠栬〃杈炬柟寮忋�備簡瑙f柊鐢熷効甯歌鐨勭柧鐥呭拰鐥囩姸锛屽彲浠ユ棭鏈熻瘑鍒柧鐥呫�佹不鐤楃柧鐥咃紝鏈�澶ч檺搴﹀湴灏嗙柧鐥呭鏂扮敓鍎块�犳垚鐨勫嵄瀹抽檷鑷虫渶浣庯紝鏈富棰樺皢涓哄ぇ瀹跺叏闈㈡彁渚涙柊鐢熷効甯歌鐤剧梾鐨勭棁鐘跺拰闃叉不鐭ヨ瘑锛屼究浜庡鏂扮敓鍎跨柧鐥呭仛鍒版棭鍙戠幇銆佹棭璇婃柇銆佹棭娌荤枟銆�
           </p>
@@ -858,7 +974,13 @@
     </div>
     <!-- 176 -->
     <div class="page-box" page="176">
-      <even-header :num="176" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">176</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e182">2.鍏ㄨ韩鐥囩姸</h5>
         <p>鎮e効鐑﹁簛銆佸彂鐑�佹嫆涔炽��</p>
@@ -904,7 +1026,12 @@
     </div>
     <!-- 177 -->
     <div class="page-box" page="177">
-      <odd-header :special="7" :num="177" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">177</span>
+      </div>
       <div class="padding-96">
         <p>鈶¤捣鐥呫�備粠鐗欏叧绱ч棴寮�濮嬭嚦鎶芥悙杩欐鏃舵湡涓哄彂鐥呮湡銆傛鏈熻秺鐭紝棰勫悗瓒婂樊銆�</p>
         <p>
@@ -923,7 +1050,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[177]" />
+          <examinations :cardList="questionData[177]" :chapter="7" :page="177" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1031,51 +1158,96 @@
               <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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.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="chapterSevenData.learnTableFour.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1103,19 +1275,27 @@
     </div>
     <!-- 178 -->
     <div class="page-box" page="178">
-      <even-header :num="178" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">178</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈠涔犲垵浣撻獙鈥�</b></p>
         <div class="fieldset">
           <p class="block t0">
             鐨勶紝璧拌矾璺岃穼鎾炴挒锛屾鎬佷笉绋炽�備箰涔愬埌搴曞緱浜嗕粈涔堢梾鍛紵
           </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="3"
+            v-model="chapterSevenData.experienceFour"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             浜嗚В濠村辜鍎垮父瑙佺柧鐥呯殑鐥囩姸鍜岄闃茬煡璇嗭紝鍙棭鏈熸湁鏁堝湴璇婃柇鍜屾不鐤楃柧鐥咃紝灏嗙柧鐥呭濠村辜鍎跨殑鍗卞闄嶈嚦鏈�浣庛�傚洜姝わ紝浜嗚В濠村辜鍎垮父瑙佺柧鐥呯殑鍙戠梾鍘熷洜銆佷富瑕佽〃鐜颁互鍙婇闃插拰鎶ょ悊鐨勭浉鍏崇煡璇嗭紝鏄瘡浣嶅辜鍎挎暀甯堢殑蹇呭绱犺川銆傛湰涓婚涓昏璁茶堪濠村辜鍎垮悇绉嶅父瑙佺梾鐨勭梾鍥犮�佺棁鐘跺拰棰勯槻鎶ょ悊鐭ヨ瘑锛屼负鍚屽浠粖鍚庡湪骞煎効鍥啛缁冨紑灞曞伐浣滃瀹氱悊璁哄熀纭�銆�
           </p>
@@ -1173,7 +1353,12 @@
     </div>
     <!-- 179 -->
     <div class="page-box" page="179">
-      <odd-header :special="7" :num="179" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">179</span>
+      </div>
       <div class="padding-96">
         <p>鈶℃帉鎻″┐骞煎効椋熺墿鐨勭绫诲強鎽勫叆閲忋��</p>
         <p>鈶㈡帉鎻″┐骞煎効鐨勮繍鍔ㄩ噺銆�</p>
@@ -1224,7 +1409,13 @@
     </div>
     <!-- 180 -->
     <div class="page-box" page="180">
-      <even-header :num="180" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">180</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c080">浜屻�佺淮鐢熺礌D缂轰箯鎬т綕鍋荤梾锛烇紴锛烇紴锛烇紴</h3>
         <div class="fl fl-around">
@@ -1286,7 +1477,12 @@
     </div>
     <!-- 181 -->
     <div class="page-box" page="181">
-      <odd-header :special="7" :num="181" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">181</span>
+      </div>
       <div class="padding-96">
         <p>鑴婃煴锛氬嚭鐜板紓甯稿集鏇诧紝浠ュ悗寮负涓伙紝鍋舵湁渚у集鑰呫��</p>
         <p>楠ㄧ泦锛氬舰鐘舵敼鍙橈紝鍓嶅悗寰勭缉鐭�傝嫢涓哄コ鎬э紝褰卞搷鐢熻偛鍔熻兘銆�</p>
@@ -1354,7 +1550,13 @@
     </div>
     <!-- 182 -->
     <div class="page-box" page="182">
-      <even-header :num="182" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">182</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鈶㈢敓闀垮彂鑲茶繃蹇�傚┐鍎跨敓闀胯繀閫燂紝琛�瀹归噺澧炲姞寰堝揩銆傜敓闀垮彂鑲茶秺蹇紝閾佺殑闇�姹傞噺瓒婂ぇ锛岃秺瀹规槗缂洪搧銆�
@@ -1418,7 +1620,12 @@
     </div>
     <!-- 183 -->
     <div class="page-box" page="183">
-      <odd-header :special="7" :num="183" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">183</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">楂樼儹鎯婂帴銆�</p>
         <p>鈶″彲鑳藉紩鍙戞�ユ�т腑鑰崇値銆侀娣嬪反缁撶値銆佹敮姘旂鐐庣瓑銆�</p>
@@ -1461,7 +1668,13 @@
     </div>
     <!-- 184 -->
     <div class="page-box" page="184">
-      <even-header :num="184" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">184</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           榧诲銆佹墦鍠峰殢銆佹祦榧绘稌銆佸挸鍡姐�佸捊鐥涖�佸悶鍜藉洶闅撅紝鍙戝睍鑷宠偤鐐庨樁娈碉紝涓婅堪鐥囩姸鍔犻噸锛屽彂鐑彲楂樿揪39鈩冿綖40鈩冿紝閲嶈�呭彲瑙佸懠鍚稿洶闅俱�侀蓟缈兼墖鍔紝鍙e攪闈掔传锛岄潰鑹插彂鐏帮紝鑳搁儴鍑虹幇鍚告皵鎬у嚬闄枫�傚辜鍎垮枠鎲嬫槑鏄俱�傞儴鍒嗘偅鍎垮彲浼村憰鍚愩�佽吂娉汇�傛偅鍎跨儲韬佷笉瀹夛紝绮剧钀庨潯銆�
@@ -1503,7 +1716,13 @@
     </div>
     <!-- 185 -->
     <div class="page-box" page="185">
-      <odd-header :special="7" :num="185" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">185</span>
+      </div>
+
       <div class="padding-96">
         <h3 id="c086">鍏�侀緥榻匡紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -1565,7 +1784,13 @@
     </div>
     <!-- 186 -->
     <div class="page-box" page="186">
-      <even-header :num="186" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">186</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1655,7 +1880,12 @@
     </div>
     <!-- 187 -->
     <div class="page-box" page="187">
-      <odd-header :special="7" :num="187" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">187</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           璇ユ槸鍗忚皟涓�鑷寸殑銆傝嫢涓ょ溂瑙嗚酱涓嶈兘鍚屾椂娉ㄨ鍚屼竴鐩爣锛屼粎涓�鐪艰杞存寚鍚戠洰鏍囷紝鑰屽彟涓�鐪艰杞村亸鍚戠洰鏍囦箣澶栫殑鐜拌薄绉颁负鏂滆銆傜敱浜庢枩瑙嗭紝澶ц剳瑙嗚涓灑闅句互褰㈡垚姝e父鐨勮瑙夊舰璞★紝鍑虹幇澶嶈锛堝弻褰憋級銆備负鎺掗櫎杩欑瑙嗚绱婁贡鐜拌薄锛屽ぇ鑴戝氨鎶戝埗鏉ヨ嚜鍋忔枩鐪肩殑鍒烘縺锛屽亸鏂滅溂閫愭笎褰㈡垚寮辫銆�
@@ -1697,7 +1927,13 @@
     </div>
     <!-- 188 -->
     <div class="page-box" page="188">
-      <even-header :num="188" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">188</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h6 class="Conclusion-title2">
           <img
@@ -1709,7 +1945,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
-          <examinations :cardList="questionData[188]" />
+          <examinations :cardList="questionData[188]" :chapter="7" :page="188" />
         </p>
         <h2 class="module_block" id="b031">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -1786,65 +2022,120 @@
           <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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.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="chapterSevenData.learnTableFive.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1863,9 +2154,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="chapterSevenData.experienceFive"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鍦ㄨ嚜鐒剁幆澧冧腑鏈夎璁稿澶氱殑寰敓鐗╁拰瀵勭敓铏紝杩欎簺鑳戒镜鍏ユ満浣撳紩璧风柧鐥呯殑寰敓鐗╁拰瀵勭敓铏氨鍙梾鍘熶綋銆傝�屼紶鏌撶梾灏辨槸鐢辩梾鍘熶綋鎰熸煋寮曡捣鐨勶紝鑳藉湪浜轰笌浜恒�佷汉涓庡姩鐗╂垨鑰呭姩鐗╀笌鍔ㄧ墿涔嬮棿鐩镐簰浼犳煋鐨勭柧鐥呫�傜敱浜庡鍓嶅効绔ュ厤鐤郴缁熷彂鑲插皻涓嶅畬鍠勶紝鍏嶇柅鍔熻兘宸紝鏄撳彈鐥呭師浣撴劅鏌撹�屽彂鐢熶紶鏌撶梾銆傚姞涔嬪鍓嶅効绔ュ湪鎵樺辜鏈烘瀯闆嗕綋鐢熸椿锛屾湞澶曠浉澶勶紝鎺ヨЕ棰戠箒锛屾晠浼犳煋鐥呭彂鐢熷悗鏋佹槗娴佽銆傛墍浠ワ紝浼犳煋鐥呯殑棰勯槻鍜岀鐞嗘槸鎵樺辜鏈烘瀯鐨勪竴椤归噸瑕佸伐浣溿�傛湰涓婚涓昏浠嬬粛浼犳煋鐥呯殑鐞嗚鍩虹鍜岄闃插熀纭�鐭ヨ瘑锛屼粙缁嶅鍓嶅効绔ュ父瑙佺殑浼犳煋鐥呭拰瀵勭敓铏梾鐨勬祦琛岀壒鐐广�佺棁鐘躲�侀闃插拰鎶ょ悊鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ辜鍎垮洯涓厤鍚堝搴紝椤哄埄寮�灞曚紶鏌撶梾鐨勫悇椤归闃蹭繚鍋ュ伐浣溿��
           </p>
@@ -1909,7 +2205,12 @@
     </div>
     <!-- 189 -->
     <div class="page-box" page="189">
-      <odd-header :special="7" :num="189" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">189</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鐥呭湪鎰熸煋鏈剤鐨勫悓鏃讹紝鑻ュ啀鎺ヨЕ鍚屾牱鐨勭梾鍘熶綋锛屼粛鍙噸澶嶆劅鏌撱�佸姞閲嶇梾鎯咃紝濡傝鍚歌櫕鐥呯瓑銆�
@@ -1951,7 +2252,13 @@
     </div>
     <!-- 190 -->
     <div class="page-box" page="190">
-      <even-header :num="190" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">190</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e197">2.浼犳挱閫斿緞</h5>
         <p>
@@ -2000,7 +2307,12 @@
     </div>
     <!-- 191 -->
     <div class="page-box" page="191">
-      <odd-header :special="7" :num="191" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">191</span>
+      </div>
       <div class="padding-96">
         <p>锛�1锛夋棭鍙戠幇鎮h��</p>
         <p>
@@ -2034,19 +2346,25 @@
             甯歌鎬ユ�т紶鏌撶梾鐨勬綔浼忔湡銆佹偅鑰呴殧绂绘湡鍜屾帴瑙﹁�呮鐤湡闄愯〃
           </p>
           <p class="center">
-            <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
+            <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
           </p>
         </div>
       </div>
     </div>
     <!-- 192 -->
     <div class="page-box" page="192">
-      <even-header :num="192" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">192</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="img">缁〃</p>
           <p class="center">
-            <el-image :src="tableThree" :preview-src-list="[tableThree]" />
+            <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
           </p>
         </div>
         <h5 id="e200">2.鍒囨柇浼犳挱閫斿緞</h5>
@@ -2103,7 +2421,12 @@
     </div>
     <!-- 193 -->
     <div class="page-box" page="193">
-      <odd-header :special="7" :num="193" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">193</span>
+      </div>
       <div class="padding-96">
         <p>
           鎾鐥呫�傛湭鍑鸿繃楹荤柟锛屼害鏈帴绉嶈繃楹荤柟鐤嫍鑰呭潎鏄撴劅銆�6涓湀浠ヤ笅鐨勫皬濠村効浠庢瘝浣撹幏寰楃殑楹荤柟鎶椾綋灏氭湭娑堝け锛屽彂鐥呯巼杈冧綆锛�6涓湀浠ヤ笂鐨勫┐骞煎効鍥犲厤鐤郴缁熷彂鑲插皻涓嶆垚鐔燂紝鍏嶇柅鍔涗綆涓嬶紝鏁呬复搴婁笂杈冧负澶氳銆傞泦浣撳効绔ユ満鏋勶紝鐢变簬骞煎効鎺ヨЕ棰戠箒锛岄夯鐤硅緝鏄撳彂鐢熴�傝鐥呮櫄鏄ユ渶澶氾紝澶忕灏戣锛屽埌鍐娓愬銆傜梾鍚庡彲鑾峰緱缁堣韩鍏嶇柅锛屾帴绉嶉夯鐤瑰噺姣掓椿鐤嫍浜﹀彲鑾峰緱鍏嶇柅銆�
@@ -2142,7 +2465,13 @@
     </div>
     <!-- 194 -->
     <div class="page-box" page="194 ">
-      <even-header :num="194" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">194</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e205">1.娴佽鐗圭偣</h5>
         <p>
@@ -2177,7 +2506,12 @@
     </div>
     <!-- 195 -->
     <div class="page-box" page="195">
-      <odd-header :special="7" :num="195" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">195</span>
+      </div>
       <div class="padding-96">
         <h5 id="e211">1.娴佽鐗圭偣</h5>
         <p>
@@ -2217,7 +2551,13 @@
     </div>
     <!-- 196 -->
     <div class="page-box" page="196">
-      <even-header :num="196" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">196</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>鈶ュ敖閲忛伩鍏嶄笌寮�鏀炬�х粨鏍告偅鑰呮帴瑙︼紝浠ュ厤鍙嶅鎰熸煋銆�</p>
         <p>
@@ -2256,7 +2596,12 @@
     </div>
     <!-- 197 -->
     <div class="page-box" page="197">
-      <odd-header :special="7" :num="197" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">197</span>
+      </div>
       <div class="padding-96">
         <h5 id="e219">3.鎶ょ悊鍜岄闃�</h5>
         <p>锛�1锛夋姢鐞�</p>
@@ -2298,7 +2643,13 @@
     </div>
     <!-- 198 -->
     <div class="page-box" page="198">
-      <even-header :num="198" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">198</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">閬嶆槗鎰熴��</p>
         <h5 id="e221">2.鐥囩姸</h5>
@@ -2340,7 +2691,12 @@
     </div>
     <!-- 199 -->
     <div class="page-box" page="199">
-      <odd-header :special="7" :num="199" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">199</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍙姞閲嶈吂鑳�銆�</p>
         <p>
@@ -2373,7 +2729,13 @@
     </div>
     <!-- 200 -->
     <div class="page-box" page="200">
-      <even-header :num="200" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">200</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e224">2.鐥囩姸</h5>
         <p>
@@ -2417,7 +2779,12 @@
     </div>
     <!-- 201 -->
     <div class="page-box" page="201">
-      <odd-header :special="7" :num="201" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">201</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍙戯紝1锝�2宀佸辜鍎垮瑙併��</p>
         <h5 id="e230">2.鐥囩姸</h5>
@@ -2456,7 +2823,13 @@
     </div>
     <!-- 202 -->
     <div class="page-box" page="202">
-      <even-header :num="202" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">202</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d280">锛堝崄浜岋級娌欑溂</h4>
         <p>娌欑溂鐢辨矙鐪艰。鍘熶綋鎰熸煋寮曡捣锛屾槸涓�绉嶆參鎬т紶鏌撴�х粨鑶滆鑶滅値銆�</p>
@@ -2502,7 +2875,12 @@
     </div>
     <!-- 203 -->
     <div class="page-box" page="203">
-      <odd-header :special="7" :num="203" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">203</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鎷栭瀷銆佹礂鑴氱泦銆佹瘺宸捐�屾劅鏌撱��</p>
         <h5 id="e242">2.鐥囩姸</h5>
@@ -2549,7 +2927,13 @@
     </div>
     <!-- 204 -->
     <div class="page-box" page="204">
-      <even-header :num="204" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">204</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e248">2.鐥囩姸</h5>
         <p>鈶犳綔浼忔湡2锝�3澶╋紝鏈�闀�7澶┿��</p>
@@ -2592,7 +2976,12 @@
     </div>
     <!-- 205 -->
     <div class="page-box" page="205">
-      <odd-header :special="7" :num="205" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">205</span>
+      </div>
       <div class="padding-96">
         <p class="t0">姣掋��</p>
         <p>鈶f棭鍙戠幇銆佹棭闅旂銆佹棭娌荤枟銆�</p>
@@ -2655,7 +3044,13 @@
     </div>
     <!-- 206 -->
     <div class="page-box" page="206">
-      <even-header :num="206" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">206</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍠滅帺娉ュ湡锛岃嫢楗墠涓嶈鐪熸礂鎵嬶紝鎴栫敓鍚冧笉娲佺殑鐡滄灉钄彍銆佸枬涓嶆磥鐢熷喎姘达紝鎴栦娇鐢ㄨ櫕鍗垫薄鏌撶殑椋熷叿銆佺帺鍏风瓑锛屽潎鍙劅鏌撹鐥呫��
@@ -2703,7 +3098,7 @@
         <div class="fl fl-around">
           <div class="left" style="width: 48%">
             <p class="center" style="margin-top: 50px">
-              <el-image :src="insect" :preview-src-list="[insect]" />
+              <el-image :src="insect" :preview-src-list="[insect]"  class="open-image"/>
             </p>
             <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p>
           </div>
@@ -2722,7 +3117,12 @@
     </div>
     <!-- 207 -->
     <div class="page-box" page="207">
-      <odd-header :special="7" :num="207" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">207</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">
           鍙炽�傚叿鏈夋劅鏌撴�х殑铏嵉琚悶鍏ュ悗鑷冲彂鑲蹭负鎴愯櫕闇�1涓湀宸﹀彸锛屾垚铏殑瀵垮懡涓�20锝�30澶┿�傛垚鐔熺殑铏嵉瀵瑰鐣屾姷鎶楀姏鐢氬ぇ锛屽湪鑷劧鐜涓彲淇濇寔鎰熸煋鎬�10锝�14澶┿��
@@ -2758,7 +3158,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[207]" />
+          <examinations :cardList="questionData[207]" :chapter="7" :page="207" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -2781,7 +3181,13 @@
     </div>
     <!-- 208 -->
     <div class="page-box" page="208">
-      <even-header :num="208" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">208</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="blockh6">
           銆�銆�浼樼敓浼樿偛鏄紭鏁欑殑鍩虹銆傞仐浼犵梾涓ラ噸褰卞搷鐫�鎴戝浗鐨勪汉鍙h川閲忥紝浜嗚В閬椾紶鐥呯殑鐩稿叧鐭ヨ瘑锛屾帉鎻′紭鐢熸帾鏂斤紝鏈夊埄浜庢彁楂樻垜鍥界殑浜哄彛璐ㄩ噺銆�<br />
@@ -2794,75 +3200,87 @@
           1.棰勫悗涓庣柧鐥呯殑绉嶇被鍜屾不鐤楁槸鍚﹀強鏃舵湁鍏筹紝涓庢偅鑰呰嚜韬姸鍐垫棤鍏炽�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
-          2.鎵�鏈夌殑浼犳煋鐥呴兘鏄槦鐤�傦紙<input type="text" class="judge-input" />锛�
+          2.鎵�鏈夌殑浼犳煋鐥呴兘鏄槦鐤�傦紙<input type="text" class="judge-input" v-model="chapterSevenData.question.judge.qTwo" />锛�
         </p>
         <p class="block">
           3.澶氬熀鍥犻仐浼犵梾鐨勫彂鐢熶笌鐜鍥犵礌鏈夊叧锛屼笌杩戜翰濠氶厤鏃犲叧銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鏂扮敓鍎垮嚭鐜伴箙鍙g柈锛屽簲璇ョ敤骞插噣鐨勬瘺宸炬嫮鍘汇�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">
           5.閮ㄥ垎鐤嫍鎺ョ鍚庯紝鏂扮敓鍎垮彲鍑虹幇鍙戠儹鐥囩姸銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qFive"
           />锛�
         </p>
         <p class="block">
           6.瀛﹀墠鍎跨浣濆伝鐥呭彂鐢熺殑涓昏鍘熷洜鏄淮鐢熺礌D鐨勭己涔忋�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qSix"
           />锛�
         </p>
         <p class="block">
           7.閽╄櫕鐥呮偅鍎夸篃鍙嚭鐜扮己閾佹�ц传琛�銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qSeven"
           />锛�
         </p>
         <p class="block">
           8.骞煎効鎮d笂鍛煎惛閬撴劅鏌撴椂锛屽簲閫傚綋澧炲姞杩愬姩閲忥紝淇冭繘鐥婃剤銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qEnight"
           />锛�
         </p>
         <p class="block">
           9.楹荤柟榛忚啘鏂戜负楹荤柟鎮h�呯壒鏈夌殑寰佽薄锛屾槸鏃╂湡璇婃柇楹荤柟鐨勯噸瑕佹爣蹇椼�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qEnight"
           />锛�
         </p>
         <p class="block">
           10.涔欏瀷鑲濈値鐨勪紶鎾�斿緞杈冨銆傛敞灏勩�佽緭琛�銆佸瘑鍒囩殑鐢熸椿鎺ヨЕ锛岄兘鍙�犳垚浼犳挱銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qTen"
           />锛�
         </p>
         <p class="block">
           11.鎵嬭冻鍙g梾鍙戠梾鏃犳槑鏄惧勾榫勭壒寰侊紝涓斿彂鐥呭悗鐥呮儏鍗遍噸銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qEleven"
           />锛�
         </p>
         <p class="block">
           12.瀵圭孩鐪肩梾鎮h�呭疄鏂藉寘鎵庢不鐤楋紝鏈夊埄浜庣柧鐥呭悍澶嶃�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qTwelve"
           />锛�
         </p>
         <p class="block">
           13.娴佽鎬ц剳鑴婇珦鑶滅値澶忓楂樺彂锛屾祦琛屾�т箼鍨嬭剳鐐庡垯澶氳浜庡啲瀛c�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterSevenData.question.judge.qThirteen"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -2870,46 +3288,57 @@
           1.浼犳煋鐥呯殑鐗规�э細鏈�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSevenData.question.fill.qOne.one"
           />銆佹湁<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSevenData.question.fill.qOne.two"
           />銆佹湁<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSevenData.question.fill.qOne.three"
           />锛岀梾绋嬪彂灞曞叿鏈変竴瀹氱殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSevenData.question.fill.qOne.four"
           />銆�
         </p>
         <p class="block">
           2.浼犳煋鐥呭彂鐢熷拰娴佽鐨勪笁涓熀鏈幆鑺傛槸<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterSevenData.question.fill.qTwo.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qTwo.two" />銆�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterSevenData.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="chapterSevenData.question.fill.qThree.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.two" />銆�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterSevenData.question.fill.qThree.three"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.four" />銆�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />绛夈��
+            v-model="chapterSevenData.question.fill.qThree.five"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.six" />绛夈��
         </p>
         <p class="block">
           4.灏忓効缁撴牳鐥呯殑鐢ㄨ嵂搴旇<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterSevenData.question.fill.qFour.one"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.two" />銆�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterSevenData.question.fill.qFour.three"
+          />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.four" />銆�
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
         <p class="block">1.杩戜翰缁撳鍜岄仐浼犵梾鏈変粈涔堝叧绯伙紵</p>
@@ -2917,6 +3346,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qOne"
         ></textarea>
         <p class="block">2.鍙戠儹甯歌鐨勫師鍥犳湁鍝簺锛�</p>
 
@@ -2924,6 +3354,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qTwo"
         ></textarea>
         <p class="block">
           3.鍎跨鑲ヨ儢鏈変粈涔堝嵄瀹筹紵瀵硅偉鑳栧効搴旈噰鍙栦綍绉嶉闃插拰娌荤枟鎺柦锛�
@@ -2933,18 +3364,25 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qThree"
         ></textarea>
       </div>
     </div>
     <!-- 209 -->
     <div class="page-box" page="209">
-      <odd-header :special="7" :num="209" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐤剧梾鍙婂叾棰勯槻</span
+        >
+        <span class="page-header-num">209</span>
+      </div>
       <div class="padding-96">
         <p class="block">4.鍙戠敓榫嬮娇鐨勪富瑕佸師鍥犳槸浠�涔堬紵濡備綍棰勯槻榫嬮娇锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qFour"
         ></textarea>
         <p class="block">
           5.寮辫浜х敓鐨勫師鍥犳湁鍝簺锛熸湁浠�涔堝嵄瀹筹紵骞煎効鍥浣曢闃插辜鍎垮急瑙嗭紵
@@ -2954,6 +3392,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qFive"
         ></textarea>
         <p class="block">6.寮曡捣濠村辜鍎垮ぇ灏忎究寮傚父鐨勭柧鐥呮湁鍝簺锛�</p>
 
@@ -2961,6 +3400,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qSix"
         ></textarea>
         <p class="block">7.铔茶櫕鐥呮湁浠�涔堝嵄瀹筹紵濡備綍娌荤枟鍜岄闃诧紵</p>
 
@@ -2968,6 +3408,7 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterSevenData.question.short.qSeven"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2992,24 +3433,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[2091]" />
+          <examinations :cardList="questionData[2091]" :chapter="7" :page="2091" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[2092]" />
+          <examinations :cardList="questionData[2092]" :chapter="7" :page="2092" />
         </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" />
+          <textarea
+            cols="30"
+            rows="11"
+            v-model="chapterSevenData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="600"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -3017,15 +3455,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: "chapterSeven",
-  components: { evenHeader, oddHeader, examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterSeven/0180-1.jpg"),
@@ -3057,23 +3493,132 @@
       pathEleven: "",
       pathTwelve: "",
       pathThirteen: "",
+      saveTime:20,
+      chapterSevenData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        experienceFour:"",
+        experienceFive:"",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+        },
+        learnTableFour: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: ""
+        },
+        learnTableFive: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:""
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+            qNine:"",
+            qTen:"",
+            qEleven:"",
+            qTwelve:"",
+            qThirteen:""
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+              three:"",
+              four:""
+            },
+            qTwo: {
+              oen: "",
+              two:"",
+              three:"",
+            },
+            qThree:{
+              one:"",
+              two:"",
+              three:"",
+              four:"",
+              five:"",
+              six:"",
+            },
+            qFour:{
+              one:"",
+              two:"",
+              three:"",
+              four:""
+            }
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:""
+          },
+        },
+      },
     };
   },
   async mounted() {
+    const localData = localStorage.getItem("chapterSevenData");
+    if (localData) {
+      this.chapterSevenData = JSON.parse(localData);
+    }
+    window.timerSeven = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
     this.$data.questionData = await getQuestionData('7',testData[7])
-    this.$data.pathOne = getResourcePath("0853ca76cbf745ea4023d2949a4d41d4");
-    this.$data.pathTwo = getResourcePath("95114c3e801192fb91b43e365b5aff83");
-    this.$data.pathThree = getResourcePath("79aa2ccd431dcc000dbe2962ded4397c");
-    this.$data.pathFour = getResourcePath("94654e3d22604a815f9f4558616d8f39");
-    this.$data.pathFive = getResourcePath("2373520e42d1be7bb70fbd5729d2f860");
-    this.$data.pathSix = getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3");
-    this.$data.pathSeven = getResourcePath("99a137c537d757a6ee39e6888218ca7c");
-    this.$data.pathEight = getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef");
-    this.$data.pathNine = getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9");
-    this.$data.pathTen = getResourcePath("04cc85ac870bb810166d4b90dd5594a5");
-    this.$data.pathEleven = getResourcePath("17afacd49d1ed78eb6e3c46962a96e43");
-    this.$data.pathTwelve = getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532");
-    this.$data.pathThirteen = getResourcePath("869bdc70fb1e80757e3f75c6aa605647");
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerSeven) {
+      clearInterval(window.timerSeven);
+    }
+    localStorage.setItem("chapterSevenData", JSON.stringify(this.chapterSevenData));
   },
   methods: {
     changeResources(type) {
@@ -3089,6 +3634,28 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("0853ca76cbf745ea4023d2949a4d41d4");
+    this.$data.pathTwo = getResourcePath("95114c3e801192fb91b43e365b5aff83");
+    this.$data.pathThree = getResourcePath("79aa2ccd431dcc000dbe2962ded4397c");
+    this.$data.pathFour = getResourcePath("94654e3d22604a815f9f4558616d8f39");
+    this.$data.pathFive = getResourcePath("2373520e42d1be7bb70fbd5729d2f860");
+    this.$data.pathSix = getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3");
+    this.$data.pathSeven = getResourcePath("99a137c537d757a6ee39e6888218ca7c");
+    this.$data.pathEight = getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef");
+    this.$data.pathNine = getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9");
+    this.$data.pathTen = getResourcePath("04cc85ac870bb810166d4b90dd5594a5");
+    this.$data.pathEleven = getResourcePath("17afacd49d1ed78eb6e3c46962a96e43");
+    this.$data.pathTwelve = getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532");
+    this.$data.pathThirteen = getResourcePath("869bdc70fb1e80757e3f75c6aa605647");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterSevenData",
+        JSON.stringify(this.chapterSevenData)
+      );
+    }
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index 187c543..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>
@@ -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%">
@@ -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>
           娴嬮噺鑴夋悘甯搁�夌敤杈冭〃娴呯殑鍔ㄨ剦锛屾墜鑵曢儴闈犳媷鎸囦晶鐨勬 鍔ㄨ剦鍗充负缁忓父閫夌敤鐨勯儴浣嶃��
@@ -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>
@@ -492,13 +587,19 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[215]" />
+          <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>
@@ -574,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>
@@ -667,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>
@@ -696,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%鐨勯厭绮剧敱鍐呭悜澶栨秷姣掞紝鏈�鍚庢暦涓婃棤鑿岀罕甯冿紝鐢ㄧ环甯﹀寘鎵庛��
@@ -761,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">
@@ -805,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>
@@ -828,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>
@@ -878,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>
@@ -905,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>
@@ -939,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>
@@ -985,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�呯儲韬佸彛娓达紝鍙皯閲忓娆$粰娣$洂姘撮ギ鐢紝閫熼�佸尰闄㈠鐞嗐��
@@ -1032,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">
           姹ゆ礂鑳冦�傚偓鍚愬悗锛屽悙鍑哄儚钃濆ⅷ姘翠竴鏍风殑娑蹭綋锛屽弽澶嶅枬绫虫堡鍐嶅偓鍚愶紝鐩磋嚦鍚愬嚭鐗╅鑹叉秷澶变负姝€��
@@ -1092,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">
           寮曡捣濠村辜鍎胯劚浣嶃�傝劚浣嶅叧鑺備互鑲┿�佽倶銆侀珛鍜屾墜鎸囩瓑閮ㄤ綅鏈�鏄撳彂鐢熴��
@@ -1171,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">
@@ -1181,6 +1413,7 @@
                 style="width: 60%"
                 :src="pressingOne"
                 :preview-src-list="[pressingOne]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-4 鍙屾寚鎸夊帇娉�</p>
@@ -1191,6 +1424,7 @@
                 style="width: 60%"
                 :src="pressingTwo"
                 :preview-src-list="[pressingTwo]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-5 鍙屾墜鐜姳鎷囨寚鎸夊帇娉�</p>
@@ -1206,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"
@@ -1221,6 +1456,7 @@
                   :src="item"
                   :preview-src-list="pressList"
                   :preview-teleported="true"
+                  class="open-image"
                 />
               </el-carousel-item>
             </el-carousel>
@@ -1244,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锛夈��
@@ -1259,6 +1502,7 @@
                 :src="upward"
                 :preview-src-list="[upward]"
                 style="width: 50%"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-8 浠板ご鎶娉�</p>
@@ -1269,6 +1513,7 @@
                 style="width: 65%"
                 :src="upwards"
                 :preview-src-list="[upwards]"
+                class="open-image"
               />
             </p>
             <p class="img">鍥�8-9 鎵橀娉�</p>
@@ -1294,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,7 +1600,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[227]" />
+          <examinations :cardList="questionData[227]" :chapter="8" :page="227" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1363,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>
@@ -1459,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>
@@ -1500,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>
@@ -1544,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">
           浠栧効绔ョ瓑銆傚姝ょ己涔忓鍗遍櫓鐨勮璇嗚�屽彂鐢熺殑鎰忓浼ゅ锛屽湪鎵樺辜鏈烘瀯鍜屽搴腑鏃舵湁鍙戠敓銆�
@@ -1575,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">
@@ -1627,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>
@@ -1715,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�傚湪浜哄鎷ユ尋鐨勫満鍚堬紝濡傚晢鍦恒�佸叕鍥�佹父涔愬満绛夛紝涓嶈璁╁辜鍎跨寮�鎴愪汉鐨勮绾匡紝浜哄鏃舵媺浣忓辜鍎跨殑鎵嬶紝閬垮厤骞煎効璧板け銆佹尋浼ゃ��
@@ -1749,7 +2057,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[232]" />
+          <examinations :cardList="questionData[232]" :chapter="8" :page="232" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1777,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">
@@ -1816,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>
@@ -1824,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>
@@ -1891,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>
@@ -1914,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>
@@ -1971,10 +2310,10 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[2431]" />
+          <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]" />
+          <examinations :cardList="questionData[2342]" :chapter="8" :page="2342" />
         </p>
       </div>
     </div>
@@ -1982,15 +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'
+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"),
@@ -2016,31 +2353,121 @@
       learnTableThree: true,
       learnTableFour: true,
       learnTableFive: true,
-      questionData:{},
+      questionData: {},
       pathOne: "",
       pathTwo: "",
       pathThree: "",
       pathFour: "",
-      pathFive:"",
+      pathFive: "",
       pathSix: "",
       pathSeven: "",
       pathEight: "",
       pathNine: "",
-      pathTen:"",
+      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:"",
+          },
+        },
+      },
     };
   },
   async mounted() {
-    this.$data.questionData = await getQuestionData('8',testData[8])
-    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");
+    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) {
@@ -2056,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>
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>
diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index 92f038a..779ac22 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -45,13 +45,19 @@
           涓撻瀵煎
         </h6>
         <p class="blockh6 m0-t0">
-          <el-image :src="learn" :preview-src-list="[learn]" />
+          <el-image :src="learn" :preview-src-list="[learn]"  class="open-image" />
         </p>
       </div>
     </div>
     <!-- 258 -->
     <div class="page-box" page="258">
-      <even-header :num="258" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">258</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨鐨勮韩蹇冨仴搴峰彂灞曠涓嶅紑鑹ソ鐨勫閮ㄧ幆澧冦�傛墭骞兼満鏋勭殑鍥潃銆佹埧灞嬪缓绛戙�佽澶囧簲绗﹀悎鐩稿叧鍗敓瑕佹眰鍜屽崼鐢熸爣鍑嗭紝杩欐棦渚夸簬宸ヤ綔浜哄憳杩涜淇濊偛鍜屾暀鑲诧紝涔熸槸淇濊瘉鍎跨鍋ュ悍鍜屽叏闈㈠彂灞曠殑鍓嶆彁鏉′欢銆�
@@ -127,63 +133,123 @@
           <tr>
             <td>
               <span class="ds-bl">1.骞煎効鍥洯鍧�鐨勯�夋嫨搴旂鍚堥偅浜涜姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2.骞煎効鍥殑鐢ㄥ湴闈㈢Н鍖呮嫭鍝嚑涓儴鍒�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">3.骞煎効鍥殑寤虹瓚鐢ㄥ湴搴旂鍚堝摢浜涜姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.骞煎効鍥敓娲荤敤鎴跨殑鑰愮伀绛夌骇鏈変粈涔堣姹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.骞煎効鍥殑妤兼搴旂鍚堜粈涔堣姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.骞煎効鍥殑缁垮寲鍦板甫搴斿浣曞竷缃�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.骞煎効鍥悇瀹ら厤缃殑鍗敓鍘熷垯鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.骞煎効鍥殑娲诲姩瀹ゃ�佸崸瀹ゃ�佸崼鐢熼棿銆佷繚鍋ュ鍜岄殧绂诲鍒嗗埆鏈夊摢浜涘崼鐢熻姹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.娑夊強瀹ゅ唴閲囧厜鐨勫厜瀛︾墿鐞嗘蹇垫湁鍝簺?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.骞煎効鍥鑷劧閲囧厜鍜屼汉宸ョ収鏄庢湁浠�涔堣姹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">11.骞煎効鍥鍐呴�氶鏈夊嚑绉嶆柟寮�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >12.鎵樺辜鏈烘瀯閲囨殩鏈夊嚑绉嶆柟寮忥紝鍒嗗埆搴旀敞鎰忓摢浜涢棶棰�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableOne.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -202,9 +268,14 @@
           <p class="block">
             瀹堕暱涓哄瀛愰�夋嫨骞煎効鍥鑰冭檻寰堝鍥犵礌锛屽叾涓鍏堝簲鑰冨療鐨勪竴涓洜绱犲氨鏄辜鍎垮洯鐨勫湴鍧�鍜岀幆澧冦�備竴鏄�冭檻骞煎効鍥瀹舵垨涓婄彮鐨勫湴鏂硅繙杩戯紝涓�鑸互姝ヨ10鍒嗛挓涔嬪唴涓烘渶浣筹紝鎺ラ�佸瀛愭柟渚裤�備簩鏄辜鍎垮洯搴旂幆澧冨菇闈欍�佺┖姘旀竻鏂般�佹棩鐓у厖鍒嗭紝鍥唴搴旀湁鑺辫崏銆佹爲鏈紝鏈夐�傚疁鐨勬埛澶栨父鎴忓満鎵�銆傚啀鐪嬩竴鐪嬫椿鍔ㄧ┖闂存槸鍚﹁緝澶с�佽澶囨槸鍚﹂綈鍏ㄣ�佺帺鍏峰浘涔︽槸鍚﹀厖瓒炽�佹椿鍔ㄥ甯冪疆鏄惁璁╀汉鎰熻璧忓績鎮︾洰銆傚湪瀹夊叏鏂归潰锛屽闀胯閲嶈妫�鏌ユ妞呫�佸鍏枫�佺獥鎴枫�佹ゼ姊槸鍚﹀畨鍏紝瀛╁瓙灏遍鏄惁鍗敓锛屽帟鎵�鑳藉惁鍙婃椂鎵撴壂绛夌粏鑺傘�傛澶栵紝娑堥槻璁惧銆侀ギ姘淬�佺敤鐢靛畨鍏ㄤ篃鏄娉ㄦ剰鐨勩�備綘璁や负锛屽湪閫夋嫨鎵樺辜鏈烘瀯涓婏紝瀹堕暱涓昏鍏冲績鍝簺鏂归潰锛�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterTenData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樿杩版墭骞兼満鏋勫湴鍧�鐨勯�夋嫨銆佸洯鍐呭竷灞�鍜屽悇瀹ょ殑鍗敓瑕佹眰浠ュ強瀹ゅ唴鐨勯噰鍏夊拰鐓ф槑銆侀�氶鍜岄噰鏆栫瓑鏂归潰鍐呭銆�
           </p>
@@ -228,7 +299,12 @@
     </div>
     <!-- 259 -->
     <div class="page-box" page="259">
-      <odd-header :special="10" :num="259" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">259</span>
+      </div>
       <div class="padding-96">
         <p>
           瑕佹眰浠ュ钩鎴夸负浣筹紝妤兼埧浠�2锝�3灞備负瀹滐紝涓嶅簲閲囩敤楂樺眰寤虹瓚銆傛湞鍚戜互鏈濆崡涓轰匠锛屽鍙楁潯浠堕檺鍒讹紝鏈濅笢浜﹀彲銆傛棩鐓у厖鍒嗭紝骞煎効鍥富浣撳缓绛戜笌鍥涘懆鐨勫缓绛戠墿搴斾繚鎸佷竴瀹氳窛绂伙紝鍦ㄤ笢銆佸崡涓や釜鏂瑰悜锛岃窛绂讳笉寰楀皬浜庢渶楂樺缓绛戠墿鐨�2鍊嶏紱鍦ㄨタ銆佸寳涓や釜鏂瑰悜锛岃窛绂诲垯涓嶅緱灏忎簬鏈�楂樺缓绛戠墿鐨�1.5鍊嶃�傚辜鍎垮洯鐨勬椿鍔ㄥ銆佸瘽瀹ゅ強鍏锋湁鐩稿悓鍔熻兘鐨勫尯鍩燂紝搴斿竷缃湪褰撳湴鏈�濂芥湞鍚戯紝鍐嚦鏃ュ簳灞傛弧绐楁棩鐓т笉搴斿皬浜�3灏忔椂銆�
@@ -242,7 +318,7 @@
           ><a href="chapter010.html#m1"><sup>[1]</sup></a>
         </p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]"  class="open-image" />
         </p>
         <p>
           骞煎効鍥殑鐢熸椿鐢ㄦ埧搴旂敱骞煎効鐢熸椿鍗曞厓銆佸叕鍏辨椿鍔ㄧ┖闂村拰澶氬姛鑳芥椿鍔ㄥ缁勬垚銆傚叕鍏辨椿鍔ㄧ┖闂村彲鏍规嵁闇�瑕佽缃�傜敓娲荤敤鎴挎槸鍥唴鐨勪富浣撳缓绛戯紝瀹冨寘鎷椿鍔ㄥ銆佸崸瀹ゃ�佸崼鐢熼棿绛夈�備竴鑸皢灏忕彮銆佷腑鐝畨鎺掑湪浣庡眰锛屽ぇ鐝畨鎺掑湪楂樺眰锛岄煶浣撴椿鍔ㄥ鍙畨鎺掑湪杈冮珮灞傛銆傜敓娲荤敤鎴垮簲鏈濆崡锛屾棩鐓у厖鍒嗭紝閫氶鑹ソ銆�
@@ -268,7 +344,13 @@
     </div>
     <!-- 260 -->
     <div class="page-box" page="260">
-      <even-header :num="260" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">260</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍋氭槑鏄捐绀烘爣璇嗐�傛ゼ姊袱渚у簲鍔犲効绔ユ壎鎵嬶紝鎵舵墜楂樺害涓嶅簲楂樹簬0.6绫炽�傛ゼ姊搴︿笉搴斿皬浜�1.2绫筹紝浠�3浜鸿兘鍚屾椂涓婁笅涓哄疁锛屾瘡涓�韪忔鐨勯珮搴︿互0.12锝�0.14绫充负瀹滐紝涓嶅簲澶т簬0.15绫筹紱鍙伴樁娣卞害涓嶅簲灏忎簬0.26绫炽�傛嫑鏀舵畫鐤惧辜鍎跨殑骞煎効鍥疁璁剧疆鐢垫銆�
@@ -330,7 +412,13 @@
     </div>
     <!-- 261 -->
     <div class="page-box" page="161">
-      <odd-header :special="10" :num="261" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">261</span>
+      </div>
+
       <div class="padding-96">
         <p class="t0">
           搴旇闂ㄦ锛涘钩寮�闂ㄨ窛绂绘ゼ鍦伴潰1.2绫充互涓嬮儴鍒嗗簲璁鹃槻姝㈠す鎵嬭鏂姐�傝璁″彲鏍规嵁鍏蜂綋鎯呭喌锛屽湪闂ㄤ笌闂ㄦ杩炴帴澶勯噰鍙栬缃煍鎬ц鐩栫墿绛夋帾鏂斤紝闃叉骞煎効鎵嬭剼浼稿叆澶逛激銆傜敓娲荤敤鎴垮紑鍚戠枏鏁h蛋閬撶殑闂ㄥ潎搴斿悜浜哄憳鐤忔暎鏂瑰悜寮�鍚紝寮�鍚殑闂ㄦ墖涓嶅簲濡ㄧ璧伴亾鐤忔暎閫氳銆�
@@ -343,7 +431,7 @@
         </p>
         <p class="img">琛�10-2 骞煎効鍥富瑕佸缓绛戠殑瀹ゅ唴鍑�楂�</p>
         <p class="center">
-          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
+          <el-image :src="tableTwo" :preview-src-list="[tableTwo]"  class="open-image" />
         </p>
         <p>
           娲诲姩瀹ょ殑绐楀簲鍚戝崡锛屼笉搴斿悜鍖楁垨鍚戣タ锛屾渶濂芥槸鍙岄潰閲囧厜銆傜獥楂橈紙鍐呭湴闈㈣嚦绐椾笂缂橀珮锛変笉浣庝簬2.8绫炽�備负浣垮効绔ヨ兘鍦ㄥ鍐呭悜澶栬繙鐪猴紝绐楀彴璺濆湴闈㈢殑楂樺害搴斾负50锝�60鍘樼背銆傛ゼ灞傛棤瀹ゅ闃冲彴鏃讹紝搴旇鎶ゆ爮锛岃窛鍦伴潰1.30绫冲唴涓嶅簲璁惧钩寮�绐椼�傛椿鍔ㄥ鍑�楂樹笉浣庝簬3.3绫炽�傚湴闈㈠簲閾烘湪鍦版澘锛屼繚娓┿�侀槻娼紝渚夸簬鎵撴壂锛屼笖闃叉鍎跨鎽斾激銆傚鍐呭櫔澹板0绾т笉搴斿ぇ浜�50鍒嗚礉銆�
@@ -370,7 +458,13 @@
     </div>
     <!-- 262 -->
     <div class="page-box" page="262">
-      <even-header :num="262" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">262</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>璁捐尪鏉鍜屾瘺宸炬灦锛屾瘡鏉℃瘺宸鹃棿璺濆簲鍦�10鍘樼背浠ヤ笂銆�</p>
         <p>
@@ -407,7 +501,13 @@
     </div>
     <!-- 263 -->
     <div class="page-box" page="263">
-      <odd-header :special="10" :num="263" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">263</span>
+      </div>
       <div class="padding-96">
         <h3 id="c122">鍥涖�佸鍐呯殑閲囧厜鍜岀収鏄庯紴锛烇紴锛烇紴锛�</h3>
         <h4 id="d351">锛堜竴锛夋秹鍙婂鍐呴噰鍏夌殑鍏夊鐗╃悊姒傚康</h4>
@@ -448,7 +548,13 @@
     </div>
     <!-- 264 -->
     <div class="page-box" page="264">
-      <even-header :num="264" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">264</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鏈夋棤瀹ゅ閬尅鐗╀篃鏄奖鍝嶅鍐呴噰鍏夋晥鏋滅殑涓�涓洜绱犮�傚鏋滃澶栨湁楂樺ぇ鐨勫缓绛戠墿銆佹爲鏈ㄣ�佸洿澧欍�佸ぇ鍨嬭繍鍔ㄥ櫒姊扮瓑閬尅鐗╋紝瀵瑰鍐呯殑閲囧厜褰卞搷寰堝ぇ銆備竴鑸潵璇达紝瀵归潰寤虹瓚鐗╋紙閬尅鐗╋級鑷虫椿鍔ㄥ涔嬮棿鐨勮窛绂诲簲涓嶅皬浜庤寤虹瓚鐗╅珮搴︾殑2鍊嶃��
@@ -480,7 +586,13 @@
     </div>
     <!-- 265 -->
     <div class="page-box" page="265">
-      <odd-header :special="10" :num="265" />
+      
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">265</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍔犱紤鎭鏁帮紝浠ラ槻瑙嗙柌鍔宠繃搴︺��</p>
         <p>
@@ -519,7 +631,13 @@
     </div>
     <!-- 266 -->
     <div class="page-box" page="266">
-      <even-header :num="266" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">266</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍖栵紝瀹ゅ唴浜х敓寮傚懗锛屽効绔ヤ細鏈変笉鑸掗�傛劅锛屾敞鎰忓姏涔熷鏄撳垎鏁o紝鐢氳嚦浜х敓澶存檿鐥囩姸銆�
@@ -565,7 +683,12 @@
     </div>
     <!-- 267 -->
     <div class="page-box" page="267">
-      <odd-header :special="10" :num="267" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">267</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           閮芥槸灞�閮ㄩ噰鏆栨柟寮忋�傚叾涓紝鐏鍜屽湴鐐曡緝濂姐�傝闃叉澧欓潰鍜屽湴闈㈡紡鐑燂紝浣跨儫鍜岀伆灏樿繘鍏ュ鍐呫�傜敤鐏倝閲囨殩鏃朵竴瀹氳瀹夎鐑熺瓛锛屼互渚挎帓鐑熴�傜伀鐐夊懆鍥村簲瀹夋斁闅旂儹閾佹澘鎴栨爮鏉嗐�傛敞鎰忛槻姝㈠効绔ョ儷浼ゃ�佷竴姘у寲纰充腑姣掑強鐏伨銆佺儫灏橀鎵�傜數鐑彇鏆栧櫒銆佺數鐑补姹�绛変篃灞炰簬灞�閮ㄩ噰鏆栫殑鏂瑰紡锛屽簲娉ㄦ剰闃叉瑙︾數鍜岀儷浼ゃ��
@@ -584,7 +707,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[267]" />
+          <examinations :cardList="questionData[267]" :chapter="10" :page="267" />
         </p>
         <h2 class="module_block" id="b038">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -654,41 +777,81 @@
           <tr>
             <td>
               <span class="ds-bl">1.鎵樺辜鏈烘瀯濡備綍閫夋嫨妗屾?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2.姝g‘鐨勫潗濮挎槸鎬庢牱鐨�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">3.妗屾楂樺樊鎸囩殑鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.涓哄効绔ラ�夋嫨浠�涔堟牱鐨勫効绔ュ簥鏈�涓洪�傚疁?鍎跨搴婄殑閫夋嫨搴旀敞鎰忎粈涔堥棶棰�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.骞煎効鍥┍鏌滅殑瑕佹眰鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.鐜╁叿搴旂鍚堝摢浜涘崼鐢熻姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.骞煎効鍥殑鏂囧叿銆佹暀鍏峰簲绗﹀悎浠�涔堣姹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">8.骞煎効鍥綋鑲茶澶囩殑鍗敓瑕佹眰鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTenData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -707,9 +870,14 @@
           <p class="block">
             鏌愬辜鍎垮洯灏忕彮鐨勮�佸笀鍙戠幇鐝骇涓殑涓�涓瀛愪竴鐩寸揣闂潃鍢村反涓嶈璇濓紝浜庢槸璧板埌瀛╁瓙闈㈠墠锛岃闂師鍥狅紝缁撴灉瀛╁瓙寮犲槾浠ュ悗锛岃�佸笀鍙戠幇浠栧槾閲岀珶鐒舵湁涓�涓皬绾芥墸銆傚師鏉ヨ繖涓瀛愬緢鍠滄缁掓瘺鐜╁叿鐨勭溂鐫涳紝浜庢槸鎶婄航鎵e仛鐨勭溂鐫涙姞涓嬫潵锛屽惈鍦ㄥ槾閲屻�傚垢浜忚�佸笀鍙婃椂鍙戠幇锛屽惁鍒欙紝绾芥墸寰堟湁鍙兘琚悶涓嬪幓锛屽彲鑳戒細閫犳垚绐掓伅銆佹濉炴垨浼ゅ鍠夊挋銆傚姝わ紝浣犳湁鍝簺鎯虫硶锛�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterTenData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鎵樺辜鏈烘瀯鍦ㄩ�夋嫨鏁欏叿銆佺帺鍏风殑鏃跺�欏簲浠旂粏锛屼繚璇佸叾瀹夊叏鎬с�傛湰涓婚涓昏璁茶堪鎵樺辜鏈烘瀯瀹跺叿銆佹枃鍏枫�佹暀鍏峰拰鐜╁叿鐨勫崼鐢熶互鍙婁綋鑲茶澶囩殑鍗敓鏍囧噯鍜岃姹傦紝涓烘墭骞兼満鏋勫垱璁惧畨鍏ㄣ�佸崼鐢熺殑鐗╄川鐜鎻愪緵鍙傝�冦��
           </p>
@@ -733,7 +901,13 @@
     </div>
     <!-- 268 -->
     <div class="page-box" page="268">
-      <even-header :num="268" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">268</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           涓庢缂樺钩琛岋紝鍓嶈兏涓嶅彈鍘嬭揩锛屽ぇ鑵挎按骞筹紝涓よ冻鐫�鍦帮紝淇濇寔韬綋绋冲畾鑰屼笉鏄撲骇鐢熺柌鍔崇殑浣撲綅锛涚溂鐫涗笌妗岄潰涓婁功鏈殑璺濈涓�鑸负30锝�35鍘樼背锛屽辜灏忓効绔ュ彲绋嶈繎锛涜娑插惊鐜�氱晠锛屽懠鍚歌嚜濡傦紝涓嬭偄鐨勭缁忎笉鍙楀帇杩��
@@ -776,7 +950,12 @@
     </div>
     <!-- 269 -->
     <div class="page-box" page="269">
-      <odd-header :special="10" :num="269" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">269</span>
+      </div>
       <div class="padding-96">
         <p>
           鍒欏ぇ鑵夸笂闈笌灞夌搴曚箣闂村簲鐣欐湁绌洪殭銆備竴鑸潵璇达紝妗岄潰鑷崇搴曠殑楂樺害涓嶅ぇ浜庢妞呴珮宸殑1/2锛屼娇妗屼笅鏈夎冻澶熷ぇ鐨勭┖闂翠緵鍎跨鐨勫皬鑵垮拰鑴氬墠鍚庣Щ鍔ㄨ嚜濡傦紝涓嶅彈闃荤銆�
@@ -814,7 +993,13 @@
     </div>
     <!-- 270 -->
     <div class="page-box" page="270">
-      <even-header :num="270" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">270</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c125">浜屻�佹枃鍏枫�佹暀鍏峰強鐜╁叿鐨勫崼鐢燂紴锛烇紴锛烇紴锛�</h3>
         <h4 id="d359">锛堜竴锛夌帺鍏峰崼鐢�</h4>
@@ -875,7 +1060,12 @@
     </div>
     <!-- 271 -->
     <div class="page-box" page="271">
-      <odd-header :special="10" :num="271" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">271</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鍏朵腑澶氬惈鏈夋湁姣掔墿璐ㄣ�傛摝榛戞澘閫傚疁鐢ㄦ箍甯冩垨鍚哥矇灏樼殑榛戞澘鎿︺��</p>
         <h5 id="e346">2.鏂囧叿</h5>
@@ -912,7 +1102,13 @@
     </div>
     <!-- 272 -->
     <div class="page-box" page="272">
-      <even-header :num="272" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">272</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           婵�鍎跨鐨勫績鐞嗘椿鍔紝鏈夋晥鎻愰珮鍎跨鐨勬晱鎰熸�у拰鍒涢�犲姏銆備絾鏄紝濡傛灉闀挎椂闂村湪杩欑鑹插僵涓敓娲伙紝浼氫娇鍎跨绁炵粡绱у紶锛岀敋鑷充骇鐢熸毚鍔涘�惧悜銆傚張濡傦紝钃濊壊绛夊喎鑹茶皟鑹插僵鍙互浣垮効绔ヤ繚鎸佸畨闈欍�佸钩鍜岀殑蹇冩�侊紝浣嗛暱鏃堕棿鎺ヨЕ鍙兘浼氶�犳垚鍎跨鎶戦儊鍐呭悜鐨勫績鐞嗐��
@@ -933,7 +1129,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[272]" />
+          <examinations :cardList="questionData[272]" :chapter="10" :page="272" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -977,7 +1173,12 @@
     </div>
     <!-- 273 -->
     <div class="page-box" page="273">
-      <odd-header :special="10" :num="273" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻鍗�&nbsp;鎵樺辜鏈烘瀯鐨勭幆澧冨崼鐢�</span
+        >
+        <span class="page-header-num">273</span>
+      </div>
       <div class="padding-96">
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -990,18 +1191,21 @@
           1.骞煎効鍥殑鍘ㄦ埧鍙婇殧绂诲搴旀湁鍗曠嫭鐨勫叆鍙c�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.涓昏鍎跨鐢ㄦ埧鐨勭幓鍦伴潰绉瘮鍊间笉搴斾綆浜�1鈭�8銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.鍎跨鐢ㄥ簥涓�鑸互鏉″舰鏈ㄦ澘搴婁负鏈�濂斤紝閫忔皵涓旀湁鍒╀簬鍎跨鑴婃煴姝g洿銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTenData.question.judge.qThree"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1009,6 +1213,7 @@
           <input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTenData.question.fill.qOne.one"
           />鏄寚妗岃繎缂橀珮涓庢楂樹箣宸��
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -1017,30 +1222,35 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qOne"
         ></textarea>
         <p class="block">2.璇炬妞呭簲绗﹀悎鍝簺鍗敓瑕佹眰锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qTwo"
         ></textarea>
         <p class="block">3.濡備綍鍔犲己骞煎効鍥鍐呯殑鑷劧閫氶锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qThree"
         ></textarea>
         <p class="block">4.骞煎効鍥簲濡備綍閫夋嫨鐜╁叿锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qFour"
         ></textarea>
         <p class="block">5.骞煎効鍥殑浣撹偛璁惧搴旂鍚堝摢浜涜姹傦紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTenData.question.short.qFive"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -1059,16 +1269,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[2731]" />
+          <examinations :cardList="questionData[2731]" :chapter="10" :page="2731" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[2732]" />
+          <examinations :cardList="questionData[2732]" :chapter="10" :page="2732" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterTenData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1076,15 +1291,13 @@
 </template>
 
 <script>
-import evenHeader from "../../components/pageHeader/evenHeader.vue";
-import oddHeader from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
 import getQuestionData from '@/assets/methods/examination'
 import testData from '../../../assets/examinationList'
 import getResourcePath from '@/assets/methods/resources'
 export default {
   name: "chapterTen",
-  components: { evenHeader, oddHeader,examinations },
+  components: {examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterTen/0270-1.jpg"),
@@ -1100,12 +1313,76 @@
       questionData:{},
       pathOne: "",
       pathTwo: "",
+      saveTime:20,
+      chapterTenData: {
+        experienceOne: "",
+        experienceTwo: "",
+        introspection:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:"",
+          qEleven:"",
+          qTwelve:"",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+            },
+          },
+          short:{
+            qOne:"",
+            qTwo:"",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+          }
+        },
+      },
     };
   },
   async mounted() {
+    const localData = localStorage.getItem("chapterTenData");
+    if (localData) {
+      this.chapterTenData = JSON.parse(localData);
+    }
+    window.timerTen = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
     this.$data.questionData = await getQuestionData('10',testData[10])
-    this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
-    this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerTen) {
+      clearInterval(window.timerTen);
+    }
+    localStorage.setItem("chapterTenData", JSON.stringify(this.chapterTenData));
   },
   methods: {
     changeResources(type) {
@@ -1121,6 +1398,17 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterTenData",
+        JSON.stringify(this.chapterTenData)
+      );
+    },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("3f507f73eb9d8c2af4dfcfb032ae696e");
+    this.$data.pathTwo = getResourcePath("93d4edcc8ef4f947ebfb0cee38ccaa71");
+    }
   },
 };
 </script>
diff --git a/src/books/childHealth/view/content/components/chapter011.vue b/src/books/childHealth/view/content/components/chapter011.vue
index 1903958..a1ee7da 100644
--- a/src/books/childHealth/view/content/components/chapter011.vue
+++ b/src/books/childHealth/view/content/components/chapter011.vue
@@ -21,32 +21,37 @@
         </p> -->
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂竴</span>
-          <examinations :cardList="questionData[2741]" />
+          <examinations :cardList="questionData[2741]" :chapter="11" :page="2741" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂簩</span>
-          <examinations :cardList="questionData[2742]" />
+          <examinations :cardList="questionData[2742]" :chapter="11" :page="2742" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂笁</span>
-          <examinations :cardList="questionData[2743]" />
+          <examinations :cardList="questionData[2743]" :chapter="11" :page="2743" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗峰洓</span>
-          <examinations :cardList="questionData[2744]" />
+          <examinations :cardList="questionData[2744]" :chapter="11" :page="2744" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂簲</span>
-          <examinations :cardList="questionData[2745]" />
+          <examinations :cardList="questionData[2745]"  :chapter="11" :page="2745" />
         </p>
       </div>
     </div>
     <div class="page-box" page="275">
-      <odd-header :special="11" :num="275" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >缁煎悎浜戞祴璇�</span
+        >
+        <span class="page-header-num">275</span>
+      </div>
       <div class="padding-96">
         <!-- <p class="img">缁〃</p>
         <p class="center">
@@ -54,27 +59,27 @@
         </p> -->
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗峰叚</span>
-          <examinations :cardList="questionData[2746]" />
+          <examinations :cardList="questionData[2746]" :chapter="11" :page="2746" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂竷</span>
-          <examinations :cardList="questionData[2747]" />
+          <examinations :cardList="questionData[2747]" :chapter="11" :page="2747" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗峰叓</span>
-          <examinations :cardList="questionData[2748]" />
+          <examinations :cardList="questionData[2748]" :chapter="11" :page="2748" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗蜂節</span>
-          <examinations :cardList="questionData[2749]" />
+          <examinations :cardList="questionData[2749]" :chapter="11" :page="2749" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
           <span class="block3 center dl-bl w100 mt-40">鍗峰崄</span>
-          <examinations :cardList="questionData[27410]" />
+          <examinations :cardList="questionData[27410]" :chapter="11" :page="27410" />
         </p>
       </div>
     </div>
@@ -82,13 +87,12 @@
 </template>
 
 <script>
-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'
 export default {
   name: "chapterEleven",
-  components: {oddHeader,examinations},
+  components: {examinations},
   data() {
     return {
       tableOne: require("../../../assets/images/chapterEleven/0287-1.jpg"),
diff --git a/src/books/childHealth/view/content/components/chapter012.vue b/src/books/childHealth/view/content/components/chapter012.vue
index 59858a4..17219ef 100644
--- a/src/books/childHealth/view/content/components/chapter012.vue
+++ b/src/books/childHealth/view/content/components/chapter012.vue
@@ -52,7 +52,13 @@
     </div>
     <!-- 277 -->
     <div class="page-box" page="277">
-      <odd-header :special="12" :num="277" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >鍙傝�冩枃鐚�</span
+        >
+        <span class="page-header-num">277</span>
+      </div>
+
       <div class="padding-96">
         <p>
           锛�20锛芥潕绾㈠锛屽垬寰峰崕.瀛﹂緞鍓嶅効绔ヨ涓洪棶棰樺強鍏跺奖鍝嶅洜绱犵爺绌讹蓟J锛�.涓浗瀛︽牎鍗敓锛�2001锛�2锛�.
@@ -78,10 +84,9 @@
 </template>
 
 <script>
-import oddHeader from "../../components/pageHeader/oddHeader.vue";
 export default {
   name: "chapterTwelve",
-  components: { oddHeader },
+  components: { },
   data() {
     return {};
   },
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 14d3a66..cd70098 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -2,10 +2,6 @@
   <div class="page-main" @scroll="throttledScrollHandler">
     <div
       class="page-content"
-      :style="{
-        fontSize: fontSize ? fontSize + 'px' : '16px',
-        transform: `scale(${pageZoom ? pageZoom : 1})`
-      }"
     >
       <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
       <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
@@ -56,14 +52,6 @@
       observer: null
     };
   },
-  computed: {
-    fontSize() {
-      return this.$store.state.qiankun.fontSize;
-    },
-    pageZoom() {
-      return this.$store.state.qiankun.scale / 100;
-    }
-  },
   watch: {
     showCatalogList: {
       handler(newVal, oldVal) {
@@ -85,7 +73,7 @@
   },
   mounted() {
     // 榛樿鍔犺浇绔犺妭
-    this.showCatalogList = [3];
+    this.showCatalogList = [0];
     // 婊氬姩鐩戝惉鑺傛祦
     this.throttledScrollHandler = _.throttle(
       this.scrollFun,
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index 86e2c86..5b36e70 100644
--- a/src/books/childHealth/view/index.vue
+++ b/src/books/childHealth/view/index.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="temp-book" @mouseup="handleMouseUp" >
+  <div
+    class="temp-book"
+    @mouseup="handleMouseUp"
+    :style="{
+      fontSize: fontSize ? fontSize + 'px' : '16px',
+      transform: `scale(${pageZoom ? pageZoom : 1})`,
+    }"
+  >
     <pageContent></pageContent>
   </div>
 </template>
@@ -9,7 +16,7 @@
 export default {
   name: "child-health",
   components: {
-    pageContent
+    pageContent,
   },
   data() {
     return {
@@ -17,11 +24,16 @@
       type: "option",
       idPathList: [],
       cardList: [],
-      isMouseDown: false
+      isMouseDown: false,
     };
   },
   computed: {
-
+    fontSize() {
+      return this.$store.state.qiankun.fontSize;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale / 100;
+    },
   },
   mounted() {
     this.getBookInfo();
@@ -34,10 +46,10 @@
         productId: this.config.bookId,
         favoriteTypes: "FavoriteBookCity",
         itemFields: {
-          "SysType=": "CmsFolder"
+          "SysType=": "CmsFolder",
         },
         coverSize: {
-          height: 300
+          height: 300,
         },
         fields: {
           seriesName: [],
@@ -59,8 +71,8 @@
           pdf: [],
           protectedEpub: [],
           probationPage: [], //pdf璇曡椤垫暟
-          freeEpubPage: [] //epub璇曡鐧惧垎姣�
-        }
+          freeEpubPage: [], //epub璇曡鐧惧垎姣�
+        },
       };
       this.MG.store.getProductDetail(query).then((res) => {
         this.$data.bookData = res.datas;
@@ -101,7 +113,7 @@
               txt,
               page,
               x: e.x,
-              y: e.y
+              y: e.y,
             });
           }
         }
@@ -112,12 +124,12 @@
             txt: "",
             page: "",
             x: e.x,
-            y: e.y
+            y: e.y,
           });
         }
       }
-    }
-  }
+    },
+  },
 };
 </script>
 
diff --git a/src/books/embedded/assets/images/device_pad_Frontcover.jpg b/src/books/embedded/assets/images/device_pad_Frontcover.jpg
new file mode 100644
index 0000000..767d30b
--- /dev/null
+++ b/src/books/embedded/assets/images/device_pad_Frontcover.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/device_phone_Frontcover.jpg b/src/books/embedded/assets/images/device_phone_Frontcover.jpg
new file mode 100644
index 0000000..9dee76b
--- /dev/null
+++ b/src/books/embedded/assets/images/device_phone_Frontcover.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00001001.jpg b/src/books/embedded/assets/images/img00001001.jpg
new file mode 100644
index 0000000..d2adeaa
--- /dev/null
+++ b/src/books/embedded/assets/images/img00001001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00002001.jpg b/src/books/embedded/assets/images/img00002001.jpg
new file mode 100644
index 0000000..592dd97
--- /dev/null
+++ b/src/books/embedded/assets/images/img00002001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00002002.jpg b/src/books/embedded/assets/images/img00002002.jpg
new file mode 100644
index 0000000..10d93f6
--- /dev/null
+++ b/src/books/embedded/assets/images/img00002002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00002003.jpg b/src/books/embedded/assets/images/img00002003.jpg
new file mode 100644
index 0000000..6038397
--- /dev/null
+++ b/src/books/embedded/assets/images/img00002003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00003001.jpg b/src/books/embedded/assets/images/img00003001.jpg
new file mode 100644
index 0000000..a088470
--- /dev/null
+++ b/src/books/embedded/assets/images/img00003001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00003002.jpg b/src/books/embedded/assets/images/img00003002.jpg
new file mode 100644
index 0000000..5113bd0
--- /dev/null
+++ b/src/books/embedded/assets/images/img00003002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00003003.jpg b/src/books/embedded/assets/images/img00003003.jpg
new file mode 100644
index 0000000..8ce334a
--- /dev/null
+++ b/src/books/embedded/assets/images/img00003003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00012001.jpg b/src/books/embedded/assets/images/img00012001.jpg
new file mode 100644
index 0000000..47b0053
--- /dev/null
+++ b/src/books/embedded/assets/images/img00012001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00014001.jpg b/src/books/embedded/assets/images/img00014001.jpg
new file mode 100644
index 0000000..6be9cf0
--- /dev/null
+++ b/src/books/embedded/assets/images/img00014001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00014002.jpg b/src/books/embedded/assets/images/img00014002.jpg
new file mode 100644
index 0000000..1405502
--- /dev/null
+++ b/src/books/embedded/assets/images/img00014002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00014003.jpg b/src/books/embedded/assets/images/img00014003.jpg
new file mode 100644
index 0000000..bccfc23
--- /dev/null
+++ b/src/books/embedded/assets/images/img00014003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00014004.jpg b/src/books/embedded/assets/images/img00014004.jpg
new file mode 100644
index 0000000..6452818
--- /dev/null
+++ b/src/books/embedded/assets/images/img00014004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00015001.jpg b/src/books/embedded/assets/images/img00015001.jpg
new file mode 100644
index 0000000..0ff5d5d
--- /dev/null
+++ b/src/books/embedded/assets/images/img00015001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00016001.jpg b/src/books/embedded/assets/images/img00016001.jpg
new file mode 100644
index 0000000..8f7c1c3
--- /dev/null
+++ b/src/books/embedded/assets/images/img00016001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00017001.jpg b/src/books/embedded/assets/images/img00017001.jpg
new file mode 100644
index 0000000..36b7aba
--- /dev/null
+++ b/src/books/embedded/assets/images/img00017001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00017002.jpg b/src/books/embedded/assets/images/img00017002.jpg
new file mode 100644
index 0000000..2cafd0f
--- /dev/null
+++ b/src/books/embedded/assets/images/img00017002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00017003.jpg b/src/books/embedded/assets/images/img00017003.jpg
new file mode 100644
index 0000000..f0dac93
--- /dev/null
+++ b/src/books/embedded/assets/images/img00017003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00017004.jpg b/src/books/embedded/assets/images/img00017004.jpg
new file mode 100644
index 0000000..0cf454f
--- /dev/null
+++ b/src/books/embedded/assets/images/img00017004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00017005.jpg b/src/books/embedded/assets/images/img00017005.jpg
new file mode 100644
index 0000000..4d5aa29
--- /dev/null
+++ b/src/books/embedded/assets/images/img00017005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00018001.jpg b/src/books/embedded/assets/images/img00018001.jpg
new file mode 100644
index 0000000..d3192cd
--- /dev/null
+++ b/src/books/embedded/assets/images/img00018001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00018002.jpg b/src/books/embedded/assets/images/img00018002.jpg
new file mode 100644
index 0000000..dae6789
--- /dev/null
+++ b/src/books/embedded/assets/images/img00018002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00018003.jpg b/src/books/embedded/assets/images/img00018003.jpg
new file mode 100644
index 0000000..e1c0678
--- /dev/null
+++ b/src/books/embedded/assets/images/img00018003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00019001.jpg b/src/books/embedded/assets/images/img00019001.jpg
new file mode 100644
index 0000000..2f06467
--- /dev/null
+++ b/src/books/embedded/assets/images/img00019001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00019002.jpg b/src/books/embedded/assets/images/img00019002.jpg
new file mode 100644
index 0000000..5d84869
--- /dev/null
+++ b/src/books/embedded/assets/images/img00019002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020001.jpg b/src/books/embedded/assets/images/img00020001.jpg
new file mode 100644
index 0000000..caf8edc
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020002.jpg b/src/books/embedded/assets/images/img00020002.jpg
new file mode 100644
index 0000000..1e2f026
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020003.jpg b/src/books/embedded/assets/images/img00020003.jpg
new file mode 100644
index 0000000..3a60b1f
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020004.jpg b/src/books/embedded/assets/images/img00020004.jpg
new file mode 100644
index 0000000..babbf86
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020005.jpg b/src/books/embedded/assets/images/img00020005.jpg
new file mode 100644
index 0000000..8957579
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00020006.jpg b/src/books/embedded/assets/images/img00020006.jpg
new file mode 100644
index 0000000..6293c9e
--- /dev/null
+++ b/src/books/embedded/assets/images/img00020006.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00021001.jpg b/src/books/embedded/assets/images/img00021001.jpg
new file mode 100644
index 0000000..954f47e
--- /dev/null
+++ b/src/books/embedded/assets/images/img00021001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00021002.jpg b/src/books/embedded/assets/images/img00021002.jpg
new file mode 100644
index 0000000..081b092
--- /dev/null
+++ b/src/books/embedded/assets/images/img00021002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00021003.jpg b/src/books/embedded/assets/images/img00021003.jpg
new file mode 100644
index 0000000..7167d98
--- /dev/null
+++ b/src/books/embedded/assets/images/img00021003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00022001.jpg b/src/books/embedded/assets/images/img00022001.jpg
new file mode 100644
index 0000000..d0dde68
--- /dev/null
+++ b/src/books/embedded/assets/images/img00022001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00022002.jpg b/src/books/embedded/assets/images/img00022002.jpg
new file mode 100644
index 0000000..461eb72
--- /dev/null
+++ b/src/books/embedded/assets/images/img00022002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00022003.jpg b/src/books/embedded/assets/images/img00022003.jpg
new file mode 100644
index 0000000..630b709
--- /dev/null
+++ b/src/books/embedded/assets/images/img00022003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00022004.jpg b/src/books/embedded/assets/images/img00022004.jpg
new file mode 100644
index 0000000..849ccfd
--- /dev/null
+++ b/src/books/embedded/assets/images/img00022004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00023001.jpg b/src/books/embedded/assets/images/img00023001.jpg
new file mode 100644
index 0000000..6cd574a
--- /dev/null
+++ b/src/books/embedded/assets/images/img00023001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00023002.jpg b/src/books/embedded/assets/images/img00023002.jpg
new file mode 100644
index 0000000..3d6324b
--- /dev/null
+++ b/src/books/embedded/assets/images/img00023002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00023003.jpg b/src/books/embedded/assets/images/img00023003.jpg
new file mode 100644
index 0000000..17d899b
--- /dev/null
+++ b/src/books/embedded/assets/images/img00023003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00023004.jpg b/src/books/embedded/assets/images/img00023004.jpg
new file mode 100644
index 0000000..08865f4
--- /dev/null
+++ b/src/books/embedded/assets/images/img00023004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00023005.jpg b/src/books/embedded/assets/images/img00023005.jpg
new file mode 100644
index 0000000..d26c5c7
--- /dev/null
+++ b/src/books/embedded/assets/images/img00023005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024001.jpg b/src/books/embedded/assets/images/img00024001.jpg
new file mode 100644
index 0000000..9eb29cd
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024002.jpg b/src/books/embedded/assets/images/img00024002.jpg
new file mode 100644
index 0000000..3108351
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024003.jpg b/src/books/embedded/assets/images/img00024003.jpg
new file mode 100644
index 0000000..b0a073d
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024004.jpg b/src/books/embedded/assets/images/img00024004.jpg
new file mode 100644
index 0000000..1433b01
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024005.jpg b/src/books/embedded/assets/images/img00024005.jpg
new file mode 100644
index 0000000..aabc05c
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024006.jpg b/src/books/embedded/assets/images/img00024006.jpg
new file mode 100644
index 0000000..28be655
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024006.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00024007.jpg b/src/books/embedded/assets/images/img00024007.jpg
new file mode 100644
index 0000000..0b365be
--- /dev/null
+++ b/src/books/embedded/assets/images/img00024007.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025001.jpg b/src/books/embedded/assets/images/img00025001.jpg
new file mode 100644
index 0000000..97cd76b
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025002.jpg b/src/books/embedded/assets/images/img00025002.jpg
new file mode 100644
index 0000000..97b2556
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025003.jpg b/src/books/embedded/assets/images/img00025003.jpg
new file mode 100644
index 0000000..5228abd
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025004.jpg b/src/books/embedded/assets/images/img00025004.jpg
new file mode 100644
index 0000000..52077e3
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025005.jpg b/src/books/embedded/assets/images/img00025005.jpg
new file mode 100644
index 0000000..de4eb58
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025006.jpg b/src/books/embedded/assets/images/img00025006.jpg
new file mode 100644
index 0000000..c25fbd1
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025006.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00025007.jpg b/src/books/embedded/assets/images/img00025007.jpg
new file mode 100644
index 0000000..6107087
--- /dev/null
+++ b/src/books/embedded/assets/images/img00025007.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026001.jpg b/src/books/embedded/assets/images/img00026001.jpg
new file mode 100644
index 0000000..eb5c74c
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026002.jpg b/src/books/embedded/assets/images/img00026002.jpg
new file mode 100644
index 0000000..eb53cc9
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026003.jpg b/src/books/embedded/assets/images/img00026003.jpg
new file mode 100644
index 0000000..90a6fb0
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026004.jpg b/src/books/embedded/assets/images/img00026004.jpg
new file mode 100644
index 0000000..53dbc8a
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026005.jpg b/src/books/embedded/assets/images/img00026005.jpg
new file mode 100644
index 0000000..a8b8bcd
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00026006.jpg b/src/books/embedded/assets/images/img00026006.jpg
new file mode 100644
index 0000000..dddbfa7
--- /dev/null
+++ b/src/books/embedded/assets/images/img00026006.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00027001.jpg b/src/books/embedded/assets/images/img00027001.jpg
new file mode 100644
index 0000000..60cc95d
--- /dev/null
+++ b/src/books/embedded/assets/images/img00027001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00027002.jpg b/src/books/embedded/assets/images/img00027002.jpg
new file mode 100644
index 0000000..f065d72
--- /dev/null
+++ b/src/books/embedded/assets/images/img00027002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00028001.jpg b/src/books/embedded/assets/images/img00028001.jpg
new file mode 100644
index 0000000..274d382
--- /dev/null
+++ b/src/books/embedded/assets/images/img00028001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00028002.jpg b/src/books/embedded/assets/images/img00028002.jpg
new file mode 100644
index 0000000..aaefe92
--- /dev/null
+++ b/src/books/embedded/assets/images/img00028002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00029001.jpg b/src/books/embedded/assets/images/img00029001.jpg
new file mode 100644
index 0000000..035aca2
--- /dev/null
+++ b/src/books/embedded/assets/images/img00029001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00029002.jpg b/src/books/embedded/assets/images/img00029002.jpg
new file mode 100644
index 0000000..8be52ec
--- /dev/null
+++ b/src/books/embedded/assets/images/img00029002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00029003.jpg b/src/books/embedded/assets/images/img00029003.jpg
new file mode 100644
index 0000000..35973af
--- /dev/null
+++ b/src/books/embedded/assets/images/img00029003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00029004.jpg b/src/books/embedded/assets/images/img00029004.jpg
new file mode 100644
index 0000000..a4dac02
--- /dev/null
+++ b/src/books/embedded/assets/images/img00029004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00029005.jpg b/src/books/embedded/assets/images/img00029005.jpg
new file mode 100644
index 0000000..482560a
--- /dev/null
+++ b/src/books/embedded/assets/images/img00029005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00030001.jpg b/src/books/embedded/assets/images/img00030001.jpg
new file mode 100644
index 0000000..5221c9b
--- /dev/null
+++ b/src/books/embedded/assets/images/img00030001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00030002.jpg b/src/books/embedded/assets/images/img00030002.jpg
new file mode 100644
index 0000000..be5363e
--- /dev/null
+++ b/src/books/embedded/assets/images/img00030002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00030003.jpg b/src/books/embedded/assets/images/img00030003.jpg
new file mode 100644
index 0000000..4b7b774
--- /dev/null
+++ b/src/books/embedded/assets/images/img00030003.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00030004.jpg b/src/books/embedded/assets/images/img00030004.jpg
new file mode 100644
index 0000000..57fad37
--- /dev/null
+++ b/src/books/embedded/assets/images/img00030004.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00030005.jpg b/src/books/embedded/assets/images/img00030005.jpg
new file mode 100644
index 0000000..e545de7
--- /dev/null
+++ b/src/books/embedded/assets/images/img00030005.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00031001.jpg b/src/books/embedded/assets/images/img00031001.jpg
new file mode 100644
index 0000000..41fdafa
--- /dev/null
+++ b/src/books/embedded/assets/images/img00031001.jpg
Binary files differ
diff --git a/src/books/embedded/assets/images/img00031002.jpg b/src/books/embedded/assets/images/img00031002.jpg
new file mode 100644
index 0000000..6c434b8
--- /dev/null
+++ b/src/books/embedded/assets/images/img00031002.jpg
Binary files differ
diff --git a/src/books/embedded/assets/main.less b/src/books/embedded/assets/main.less
new file mode 100644
index 0000000..470afc7
--- /dev/null
+++ b/src/books/embedded/assets/main.less
@@ -0,0 +1,646 @@
+.embedded-book {
+  /* 2.0.0鐗堟湰*/
+
+  /*灏侀潰*/
+  .frontCover {
+    qrfullpage: 1;
+  }
+
+  /*<h1>涓�绾ф爣棰�*/
+  h1.firstTitle {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1.5em;
+    line-height: 1.2em;
+    text-align: center;
+    text-indent: 0;
+  }
+
+  /*鍓嶈█涓嬬殑鑻辨枃*/
+  p.englishBellowFirstTitle {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1em;
+    line-height: 1.2em;
+    text-align: center;
+    text-indent: 0;
+    margin-top: -2em;
+  }
+
+  /*<h2>浜岀骇鏍囬*/
+  h2.secondTitle {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1.3em;
+    line-height: 1.3em;
+    text-indent: 0;
+    margin-top: 1em;
+  }
+
+  /*<h3>涓夌骇鏍囬*/
+  h3.thirdTitle {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1.1em;
+    line-height: 1.4em;
+    text-indent: 0;
+    margin-top: 1em;
+  }
+
+  /*<h4>鍥涚骇鏍囬*/
+  h4.fourthTitle {
+    font-family: "姹変华鏃楅粦55S", "ETrump-QiHei55";
+    font-size: 1.1em;
+    line-height: 1.3em;
+    text-indent: 0;
+    margin-top: 1em;
+  }
+
+  /*<h5>浜旂骇鏍囬*/
+  h5.fifthTitle {
+    font-family: "姹変华鏃楅粦55S", "ETrump-QiHei55";
+    font-size: 1em;
+    line-height: 1.4em;
+    text-indent: 0;
+    margin-top: 1em;
+  }
+  /*<h6>鍏骇鏍囬*/
+  h6.sixthTitle {
+    font-family: "姹変华鏃楅粦55S", "ETrump-QiHei55";
+    font-size: 1em;
+    line-height: 1.4em;
+    text-indent: 0;
+    margin-top: 1em;
+  }
+
+  /*鍓爣棰�*/
+  .subHead {
+    text-align: center;
+    font-family: "姹変华鏃楅粦55S", "ETrump-QiHei55";
+    font-size: 1em;
+  }
+
+  /*鐗堟潈鏍囬*/
+  .copyRightTitle {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1.5em;
+    text-align: center;
+    text-indent: 0;
+    margin-bottom: 2em;
+  }
+
+  /*鐗堟潈鍐呭*/
+  .contentCR {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 0.9em;
+    text-indent: 0;
+  }
+
+  /*姝f枃鍐呭*/
+  .content {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 1em;
+    text-indent: 2em;
+    text-align: justify;
+  }
+
+  /*棣栬缂╄繘涓変釜瀛楃*/
+  .indentt {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 1em;
+    text-indent: 3em;
+    text-align: justify;
+  }
+
+  /*棣栬缂╄繘鍥涗釜瀛楃*/
+  .indentf {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 1em;
+    text-indent: 4em;
+    text-align: justify;
+  }
+
+  /*灞呭彸姝f枃鍐呭*/
+  .t-right {
+    text-align: right;
+  }
+
+  /*灞呬腑姝f枃鍐呭*/
+  .t-center {
+    text-align: center;
+  }
+
+  /*寮曟枃鍐呭*/
+  .quotation {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1em;
+    text-indent: 2em;
+  }
+
+  /*灞呭乏姝f枃鍐呭*/
+  .t-left {
+    text-align: left;
+    text-indent: 0em;
+  }
+  /*寮曟枃鍐呭*/
+  span.quotation {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1em;
+  }
+
+  /*涔︿俊绉拌皳*/
+  .letters {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1em;
+    text-indent: 0em;
+    margin-top: 0.5em;
+    color: #5a5a5a;
+  }
+
+  /*涔︿俊鍐呭*/
+  .text-letters {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1em;
+    text-indent: 2em;
+    color: #5a5a5a;
+  }
+
+  /*鏍囬锛堝紩鏂囥�佽瘲姝岀瓑锛�*/
+  .title {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1.1em;
+    line-height: 1.4em;
+    text-align: center;
+    text-indent: 0em;
+  }
+
+  /*浣滆��*/
+  .author {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.9em;
+    text-align: center;
+    margin: 0 0.3em auto 0.5em auto;
+  }
+
+  /*璇楄瘝鐨勫唴瀹�*/
+  .poem {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 1em;
+    text-align: center;
+    line-height: 1.3em;
+    margin: 0.3em auto;
+  }
+
+  /*鏃ユ湡*/
+  .date {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.9em;
+    text-align: right;
+    line-height: 1.3em;
+    margin: 0.3em 0 0.5em 0;
+  }
+
+  /*鍙充笅瑙掕鏄�*/
+  .right-info {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.9em;
+    text-align: right;
+    line-height: 1.3em;
+    margin: 0.3em 0 0.5em 0;
+  }
+
+  /*绮椾綋*/
+  .bold {
+    font-weight: bold;
+  }
+
+  /*鏂滀綋*/
+  .italic {
+    font-style: italic;
+  }
+
+  /*瀛楄壊*/
+  .color {
+    color: #aa55ff;
+  }
+
+  /*鏂囧瓧闃村奖*/
+  .textShadow {
+    text-shadow: 1px 1px 2px #5986b3;
+  }
+
+  /*涓嬪垝绾�*/
+  .underline {
+    text-decoration: underline;
+  }
+
+  .emphasis {
+    /*text-decoration:underline;*/
+    padding-bottom: 0em;
+    border-bottom: solid 1px;
+  }
+
+  /*鍒犻櫎绾�*/
+  /* .lineThrough {
+	text-indent: 2em;
+	text-decoration: line-through;
+} */
+  /*鍒犻櫎绾�*/
+  .lineThrough {
+    text-decoration: line-through;
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 1em;
+    text-indent: 2em;
+    /* padding-left: 2.0em; */
+    text-align: justify;
+  }
+  .quotation .lineThrough {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    font-size: 1em;
+    text-indent: 2em;
+    text-align: justify;
+    text-decoration: line-through;
+  }
+
+  /*鏁板瓧涓婃爣*/
+  span.super {
+    font-size: 0.7em;
+    vertical-align: super;
+  }
+
+  /*鏁板瓧涓嬫爣*/
+  span.sub {
+    font-size: 0.7em;
+    vertical-align: sub;
+  }
+
+  /*棣栧瓧涓嬫矇锛岄渶閰嶅悎.ftext 涓�骞朵娇鐢�*/
+  .fDropContent {
+    font-family: "姹変华鏃楅粦50S", "HYQiHei-50s";
+    /* text-indent: 0; */
+    font-size: 1em;
+  }
+
+  /*琚涓哄ぇ鍐欏瓧鐨� Class 棣栧瓧澶у啓锛岄渶琚寘瑁瑰湪.fDropContent 鍐�*/
+  .ftext {
+    font-family: "姹変华鏃楅粦55S", "ETrump-QiHei55";
+    /* float: left; */
+    font-weight: bold;
+    font-size: 2em;
+  }
+
+  /*鍒楄〃-鍒楄〃绗﹀彲浠ヤ负鏂瑰潡銆佺┖蹇冨渾銆佸疄蹇冨渾銆佹暟瀛楃瓑*/
+  .listStyle {
+    list-style: square;
+    list-style-position: outside;
+  }
+
+  /*鍒楄〃-鍒楄〃绗︿负鍥惧儚*/
+  .listStyleImg {
+    list-style-position: outside;
+    // list-style-image: url(../assets/images/list.png);
+    line-height: 1.8em;
+  }
+
+  /*杈规*/
+  .border {
+    border: 2px solid #bbbbbb;
+    border-radius: 10px;
+    padding: 0.5em;
+    margin: 1em 0em;
+  }
+
+  /*杈规-琛屽唴榛樿鏍峰紡鐢ㄥ湪span涓�*/
+  .textborder {
+    border: 1px solid #bbbbbb;
+    border-radius: 0.3em;
+    padding: 0.1em;
+  }
+
+  /*鐢ㄤ簬body浠ュ鐨勮儗鏅壊*/
+  .bgColor {
+    background-color: #efefef;
+    padding: 0.5em;
+    margin: 1em 0em;
+  }
+
+  /*鐢ㄤ簬body鐨勮儗鏅壊*/
+  .bgColor-0 {
+    background-color: #efefef;
+  }
+
+  /*鑳屾櫙鑹�-琛屽唴榛樿鏍峰紡鐢ㄥ湪span涓�*/
+  .textbgColor {
+    background-color: #d5d5d5;
+    padding: 0.1em;
+  }
+
+  /*鑳屾櫙鍥�*/
+  .bgimg {
+    // background-image: url(../Images/Image-00002.png);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+
+  /*鎻掑浘銆佽〃鏍兼埅鍥撅紙涓嶅惈鍥剧墖鏍囬鎴栧浘鐗囪鏄庯級*/
+  .bodyPic {
+    text-align: center;
+    margin: 1em 15%;
+    width: 70%;
+  }
+
+  /*鎻掑浘銆佽〃鏍兼埅鍥撅紙鍚浘鐗囨爣棰樻垨鍥剧墖璇存槑锛�*/
+  .qrbodyPic {
+    text-align: center;
+    margin: 1em 15%;
+    width: 70%;
+  }
+
+  /*鍥剧墖鏍囬*/
+  .imgtitle {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.8em;
+    line-height: 1.4em;
+    text-align: center;
+    text-indent: 0;
+    color: #b03639;
+  }
+
+  /*鍥剧墖璇存槑*/
+  .imgdescript {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    font-size: 0.8em;
+    line-height: 1.3em;
+    text-align: center;
+    text-indent: 0;
+    color: #b03639;
+  }
+
+  /*鐜粫鍥剧墖*/
+  .floatPic {
+    float: left;
+    text-align: center;
+    width: 40%;
+    margin-right: 0.5em;
+  }
+
+  /*琛屽唴鍥�*/
+  .h-pic {
+    height: 2em;
+    vertical-align: middle;
+    margin-left: 0.1em;
+    margin-right: 0.1em;
+  }
+
+  /*鐢熷兓瀛楁埅鍥�*/
+  .s-pic {
+    width: 1em;
+    vertical-align: middle;
+    margin-left: 0.1em;
+    margin-right: 0.1em;
+  }
+
+  /*绛惧悕鍥剧墖*/
+  .signimg {
+    text-align: right;
+  }
+
+  /*鍏ㄥ睆鍥�*/
+  .qqreader-fullimg {
+    qrfullpage: 1;
+  }
+
+  /*鍑鸿鍥�*/
+  .bleed-pic {
+    qrbleed: left top right;
+  }
+
+  /*娉ㄦ爣鍥�*/
+  .qqreader-footnote {
+    width: 1em;
+    margin-left: 0.2em;
+  }
+
+  /*鍒嗛〉*/
+  .pagebreak {
+    page-break-after: always;
+  }
+
+  /*鍥剧墖瀹藉害10%*/
+  .width10 {
+    width: 10%;
+  }
+
+  /*鍥剧墖瀹藉害20%*/
+  .width20 {
+    width: 20%;
+  }
+
+  /*鍥剧墖瀹藉害30%*/
+  .width30 {
+    width: 30%;
+  }
+
+  /*鍥剧墖瀹藉害40%*/
+  .width40 {
+    width: 40%;
+  }
+
+  /*鍥剧墖瀹藉害50%*/
+  .width50 {
+    width: 50%;
+  }
+
+  /*鍥剧墖瀹藉害60%*/
+  .width60 {
+    width: 60%;
+  }
+
+  /*鍥剧墖瀹藉害70%*/
+  .width70 {
+    width: 70%;
+  }
+
+  /*鍥剧墖瀹藉害80%*/
+  .width80 {
+    width: 80%;
+  }
+
+  /*鍥剧墖瀹藉害90%*/
+  .width90 {
+    width: 90%;
+  }
+
+  /*鍥剧墖瀹藉害100%*/
+  .width100 {
+    width: 100%;
+  }
+
+  img.ah {
+    height: 1em;
+  }
+
+  img.ah2 {
+    height: 2em;
+    margin-bottom: -0.5em;
+  }
+
+  img.ah3 {
+    height: 3em;
+    margin-bottom: -1em;
+  }
+
+  img.ah4 {
+    height: 4em;
+    margin-bottom: -1.5em;
+  }
+
+  img.ah5 {
+    height: 5em;
+    margin-bottom: -2em;
+  }
+
+  img.wh1_5 {
+    height: 1.5em;
+  }
+
+  img.wh2_5 {
+    height: 2.5em;
+  }
+
+  img.wh3_5 {
+    height: 3.5em;
+  }
+
+  img.wh4_5 {
+    height: 4.5em;
+  }
+
+  img.wh5_5 {
+    height: 5.5em;
+  }
+
+  img.wh6_5 {
+    height: 6.5em;
+  }
+
+  img.wh7_5 {
+    height: 7.5em;
+  }
+
+  img.wh8_5 {
+    height: 8.5em;
+  }
+
+  img.wh9_5 {
+    height: 9.5em;
+  }
+
+  img.wh10_5 {
+    height: 10.5em;
+  }
+
+  .small {
+    font-size: 0.5em;
+  }
+
+  /* .bottommark {
+	text-decoration:underline;
+	padding-bottom: 0em;
+	border-bottom: dotted 4px;
+} */
+  .bottommark {
+    /*text-decoration:underline;*/
+    text-emphasis-style: dot;
+    text-emphasis-color: #f75555;
+    text-emphasis-position: under;
+    -webkit-text-emphasis-style: dot;
+    -webkit-text-emphasis-color: #000;
+    -webkit-text-emphasis-position: under;
+  }
+
+  .topmark {
+    text-decoration: overline;
+  }
+
+  p {
+    line-height: 30px;
+    text-indent: 2em;
+  }
+
+  .divcss5-a p {
+    margin: 0 auto;
+  }
+  /* new */
+  poetrytext {
+    display: block;
+    text-align: center;
+  }
+
+  poetrytitle {
+    display: block;
+    text-align: center;
+  }
+
+  h1 {
+    font-family: "姹変华鏃楅粦65S", "HY-QiHei65";
+    font-size: 1.5em;
+    line-height: 1.2em;
+    text-align: center;
+    text-indent: 0;
+  }
+  .bodycontent-title-6 {
+    font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0";
+    text-align: center;
+    font-weight: bold;
+  }
+  /* 鍥炬敞涓殑琛ュ瓧鍥� */
+  img.rarefont {
+    height: 15px;
+  }
+
+  // 鑷畾涔夊唴瀹�
+  .page-box {
+    box-sizing: border-box;
+    min-height: 1150px !important;
+    margin-bottom: 20px;
+    box-shadow: 0 3px 6px 1px #00000029;
+    background-color: #fff;
+  }
+
+  .wr-md {
+    writing-mode: vertical-rl
+  }
+  .fl {
+    display: flex;
+  }
+  .t0 {
+    text-indent: 0;
+  }
+}
+/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
+@media (max-width: 660px) {
+  .embedded-book {
+    /* 鍒嗛〉padding */
+    .page-padding {
+      padding: 104px 20px;
+    }
+    .padding-96 {
+      padding: 0 20px 104px 20px;
+    }
+    /* video澶у皬 */
+    .video-box {
+      max-width: 260px;
+    }
+  }
+}
+@media (min-width: 660px) {
+  .embedded-book {
+    .page-padding {
+      padding: 104px 96px;
+    }
+    .padding-96 {
+      padding: 0 96px 104px 96px;
+    }
+    .video-box {
+      max-width: 370px;
+    }
+  }
+}
diff --git a/src/books/embedded/view/components/chapter001.vue b/src/books/embedded/view/components/chapter001.vue
new file mode 100644
index 0000000..bb6e9f9
--- /dev/null
+++ b/src/books/embedded/view/components/chapter001.vue
@@ -0,0 +1,509 @@
+<template>
+  <div class="chapter" num="1">
+    <div class="page-box page-padding">
+      
+    </div>
+    <h1>椤圭洰涓�銆�瑙︽懜灞忕粍鎬佷粙缁�</h1>
+    <p class="quotation">
+      宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠跺彂灞曟湁涓や釜鏂瑰悜锛屼竴鏂归潰鏄悜澶у瀷骞冲彴杞欢鏂瑰悜鍙戝睍锛屼緥濡傦紝鐩存帴浠庣粍鎬佸彂灞曟垚澶у瀷鐨凜IMS銆丒RP绯荤粺绛夛紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠舵紨鍙樹负宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼績浣垮浗瀹跺伐涓氳嚜鍔ㄥ寲绋嬪害蹇�熸彁鍗囷紝鍥犳宓屽叆寮忔柟鍚戝彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�侻CGS宓屽叆寮忚蒋浠跺拰TPC绯诲垪瑙︽懜灞忓緱鍒颁簡涓绘祦宸ユ帶纭欢浼佷笟澶у姏鏀寔锛屾妧鏈В鍐虫柟妗堟繁鍙楃敤鎴风殑濂借瘎銆�
+    </p>
+    <h2 class="secondTitle" id="sigil_toc_id_13">
+      浠诲姟涓�銆�璁よ瘑宓屽叆寮忕粍鎬佸拰瑙︽懜灞�
+    </h2>
+    <p class="content"><b>浠诲姟鐩爣</b></p>
+    <p class="content">锛�1锛夎璇嗗祵鍏ュ紡宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紱</p>
+    <p class="content">锛�2锛夎璇嗗祵鍏ュ紡瑙︽懜灞廡PC銆�</p>
+    <p class="content"><b>浠诲姟鎻忚堪</b></p>
+    <p class="content">
+      浜嗚В宓屽叆寮忕郴缁熷拰宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠讹紝鐔熸倝宓屽叆寮忚Е鎽稿睆TPC銆�
+    </p>
+    <p class="content"><b>浠诲姟璁粌</b></p>
+    <p class="content">
+      宓屽叆寮忕粍鎬佽蒋浠舵槸涓�绉嶇敤浜庡祵鍏ュ紡绯荤粺骞跺甫鏈夌綉缁滃姛鑳界殑搴旂敤杞欢锛屽祵鍏ュ紡绯荤粺鏄寚鍙祵鍏ヨ嚦鏌愪竴璁惧銆佷骇鍝佸苟鍙繛鎺ヨ嚦缃戠粶鐨勫甫鏈夋櫤鑳斤紙鍗冲井澶勭悊鍣級鐨勮澶囥�備緥濡傦紝鍦ㄨ嚜鍔ㄥ彇娆炬満锛圓TM锛夈�佸姙鍏澶囥�佽嚜鍔ㄥ寲浜у搧銆佸鐢ㄧ數鍣ㄣ�佸钩鏉跨數鑴戙�佷釜浜烘暟鐮佸姪鐞嗕箖鑷宠埅绌虹數瀛愰鍩熼兘鏈夊箍娉涘簲鐢ㄣ�傚祵鍏ュ紡缁勬�佽蒋浠跺垎寮�鍙戠郴缁熷拰杩愯绯荤粺銆傚祵鍏ュ紡缁勬�佽蒋浠剁殑寮�鍙戠郴缁熶竴鑸繍琛屼簬鍏锋湁鑹ソ浜烘満鐣岄潰鐨刉indows鎿嶄綔绯荤粺涓婏紝鑰岃繍琛岀郴缁熷彲鍩轰簬澶氱宓屽叆寮忔搷浣滅郴缁熷Windows
+      CE锛孡inux鍜孌OS涔嬩笂锛岀敋鑷崇洿鎺ユ敮鎸佺壒瀹氱殑CPU銆傚祵鍏ュ紡绯荤粺鍏锋湁涓嶱C鍑犱箮涓�鏍风殑鍔熻兘锛屼笌PC鐨勫尯鍒粎浠呮槸灏嗗井鍨嬫搷浣滅郴缁熶笌搴旂敤杞欢宓屽叆鍦≧OM銆丷AM涓嶧lash瀛樺偍鍣ㄤ腑锛岃�屼笉鏄瓨鍌ㄤ簬纾佺洏绛夎浇浣撲腑銆�
+    </p>
+    <p class="content">
+      闅忕潃鍚嶱C鏃朵唬鐨勫埌鏉ワ紝鍦ㄥ埗閫犱笟棰嗗煙鏇存敞閲嶄娇鐢ㄧ鍚堝叾鐗瑰畾闇�姹傚苟甯︽湁鏅鸿兘鐨勫祵鍏ュ紡宸ヤ笟鎺у埗缁勬�佽蒋浠讹紝鑰屽祵鍏ュ紡缁勬�佽蒋浠剁壒鍏风殑鎸夊姛鑳藉壀瑁佺殑鐗规�э紝浠ュ強鍏跺唴宓岀殑瀹炴椂澶氫换鍔℃搷浣滅郴缁燂紝鍙繚璇佹暣涓祵鍏ョ郴缁熶綋绉皬銆佹垚鏈綆銆佸疄鏃舵�ч珮銆佸彲闈犳�ч珮鐨勫悓鏃讹紝杩樻柟渚夸笉鍏峰宓屽叆寮忚蒋浠跺紑鍙戠粡楠岀殑鐢ㄦ埛鍦ㄦ瀬鐭殑鏃堕棿鍐咃紝浣跨敤宓屽叆寮忕粍鎬佽蒋浠跺揩閫熷紑鍙戝畬鎴愪竴涓祵鍏ュ紡绯荤粺锛屽苟鏋佸ぇ鍦板姞蹇簡宓屽叆寮忎骇鍝佽繘鍏ュ競鍦虹殑閫熷害锛岃�屼笖浣夸骇鍝佸叿鏈変赴瀵岀殑浜烘満鐣岄潰銆傚寳浜槅浠戦�氭�佸叕鍙窶CGS缁勬�佽蒋浠讹紝閫氳繃澶у姏鍔犲己瀵瑰伐鎺х‖浠朵骇鍝佺殑椹卞姩鏀寔鍜屾彁鍗囪蒋浠跺唴閮ㄥ姛鑳斤紝鏈夋晥甯姪鐢ㄦ埛寤洪�犱粠宓屽叆寮忚澶囥�佺幇鍦虹洃鎺у伐浣滅珯鍒颁紒涓氱敓浜х洃鎺т俊鎭綉鍦ㄥ唴鐨勫畬鏁寸殑鑷姩鍖栬В鍐虫柟妗堛�傚浘1-1锝炲浘1-4鎵�绀轰负宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鍚勪釜琛屼笟鐨勬儏鍐点��
+    </p>
+    <p class="content"><b>绱犳潗銆�</b>宸ョ▼鏍蜂緥</p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00014001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-1銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬鐢靛姏琛屼笟</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00014002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-2銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬閾佽矾琛屼笟</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00014003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-3銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬姗¤兌琛屼笟</p>
+    </div>
+    <div class="qrbodyPic">
+      <!-- <img src="../../assets/images/img00014004.jpg" active="true" /> -->
+      <p class="imgdescript">鍥�1-4銆�宓屽叆寮忕粍鎬佽蒋浠剁郴缁熷簲鐢ㄤ簬绾虹粐琛屼笟</p>
+    </div>
+    <p class="content t-left"><b>1銆�璁よ瘑MCGS宓屽叆鐗堢粍鎬佽蒋浠�</b></p>
+    <p class="content">
+      MCGS宓屽叆鐗堢粍鎬佽蒋浠朵笓闂ㄥ簲鐢ㄤ簬TPC涓�浣撴満锛堣Е鎽稿睆锛夛紝涓昏瀹屾垚鐜板満鏁版嵁鐨勯噰闆嗕笌鐩戞祴銆佸墠绔暟鎹殑澶勭悊涓庢帶鍒朵笌鍏朵粬鐩稿叧鐨勮緭鍏ヨ緭鍑虹‖浠惰澶囩粨鍚堬紝鍙互蹇�熴�佹柟渚垮湴寮�鍙戝悇绉嶇敤浜庣幇鍦洪噰闆嗐�佹暟鎹鐞嗗拰鎺у埗鐨勮嚜鍔ㄥ寲绯荤粺銆備緥濡傦紝鍙互鐏垫椿缁勬�佸悇绉嶆櫤鑳戒华琛ㄣ�佹暟鎹噰闆嗘ā鍧楋紝鏃犵焊璁板綍浠�佹棤浜哄�煎畧鐨勭幇鍦洪噰闆嗙珯銆佷汉鏈虹晫闈㈢瓑涓撶敤璁惧銆�
+    </p>
+    <p class="content">MCGS宓屽叆鐗堢粍鎬佽蒋浠剁殑涓昏鍔熻兘锛�</p>
+    <p class="content">
+      锛�1锛夌畝鍗曠伒娲荤殑鍙鍖栨搷浣滅晫闈細閲囩敤鍏ㄤ腑鏂囥�佸彲瑙嗗寲鐨勫紑鍙戠晫闈紝绗﹀悎涓浗浜虹殑浣跨敤涔犳儻鍜岃姹傘��
+    </p>
+    <p class="content">
+      锛�2锛夊疄鏃舵�у己銆佹湁鑹ソ鐨勫苟琛屽鐞嗘�ц兘锛氱湡姝g殑32浣嶇郴缁燂紝瀵逛换鍔¤繘琛屽垎鏃跺苟琛屽鐞嗐��
+    </p>
+    <p class="content">
+      锛�3锛変赴瀵屻�佺敓鍔ㄧ殑澶氬獟浣撶敾闈細浠ュ浘鍍忋�佸浘绗︺�佹姤琛ㄣ�佹洸绾跨瓑澶氱褰㈠紡锛屾彁渚涙搷浣滃拰鎺у埗淇℃伅銆�
+    </p>
+    <p class="content">
+      锛�4锛夊畬鍠勭殑瀹夊叏鏈哄埗锛氭彁渚涗簡鑹ソ鐨勫畨鍏ㄦ満鍒讹紝鍙互涓哄涓笉鍚岀骇鍒敤鎴疯瀹氫笉鍚岀殑鎿嶄綔鏉冮檺銆�
+    </p>
+    <p class="content">锛�5锛夊己澶х殑缃戠粶鍔熻兘锛氬叿鏈夊己澶х殑缃戠粶閫氫俊鍔熻兘銆�</p>
+    <p class="content">
+      锛�6锛夊鏍峰寲鐨勬姤璀﹀姛鑳斤細鎻愪緵澶氱涓嶅悓鐨勬姤璀︽柟寮忥紝鏂逛究鐢ㄦ埛杩涜鎶ヨ璁剧疆銆�
+    </p>
+    <p class="content">
+      锛�7锛夋敮鎸佸绉嶇‖浠惰澶囷細PLC銆佸彉棰戝櫒銆佷己鏈嶉┍鍔ㄥ櫒銆佷华鍣ㄤ华琛ㄧ瓑銆�
+    </p>
+    <p class="content">
+      鎬讳箣锛孧CGS宓屽叆鐗堢粍鎬佽蒋浠跺叿鏈変笌閫氱敤鐗堢粍鎬佽蒋浠朵竴鏍峰己澶х殑鍔熻兘锛屽苟涓旀搷浣滅畝鍗曪紝鏄撳鏄撶敤銆�
+    </p>
+    <p class="content t-left"><b>2銆�MCGS宓屽叆鐗堢粍鎬佽蒋浠剁粍鎴�</b></p>
+    <p class="content">
+      MCGS宓屽叆鐗堢粍鎬佽蒋浠剁敓鎴愮殑鐢ㄦ埛搴旂敤绯荤粺锛岀敱涓绘帶绐楀彛銆佽澶囩獥鍙c�佺敤鎴风獥鍙c�佸疄鏃舵暟鎹簱鍜岃繍琛岀瓥鐣ヤ簲閮ㄥ垎鏋勬垚锛屽鍥�1-5鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <!-- <img src="../../assets/images/img00015001.jpg" active="true" /> -->
+      <p class="imgdescript">鍥�1-5銆�鐢ㄦ埛搴旂敤绯荤粺缁勬垚</p>
+    </div>
+    <p class="content">
+      锛�1锛変富鎺х獥鍙f瀯閫犱簡搴旂敤绯荤粺鐨勪富妗嗘灦锛岀‘瀹氫簡宸ヤ笟鎺у埗涓伐绋嬩綔涓氱殑鎬讳綋杞粨锛屼互鍙婅繍琛屾祦绋嬨�佺壒鎬у弬鏁板拰鍚姩鐗规�х瓑鍐呭锛屾槸搴旂敤绯荤粺鐨勪富妗嗘灦銆�
+    </p>
+    <p class="content">
+      锛�2锛夎澶囩獥鍙f槸MCGS宓屽叆鐗堢郴缁熶笌澶栧洿璁惧鑱旂郴鐨勫獟浠嬨�傝澶囩獥鍙d笓闂ㄧ敤鏉ユ斁缃笉鍚岀被鍨嬪拰鍔熻兘鐨勮澶囨瀯浠讹紝瀹炵幇瀵瑰鍥磋澶囩殑鎿嶄綔鍜屾帶鍒躲�傝澶囩獥鍙i�氳繃璁惧鏋勪欢鎶婂鍥磋澶囩殑鏁版嵁閲囬泦杩涙潵锛岄�佸叆瀹炴椂鏁版嵁搴擄紝鎴栨妸瀹炴椂鏁版嵁搴撲腑鐨勬暟鎹緭鍑哄埌澶栧洿璁惧銆�
+    </p>
+    <p class="content">
+      锛�3锛夌敤鎴风獥鍙e疄鐜颁簡鏁版嵁鍜屾祦绋嬬殑鈥滃彲瑙嗗寲鈥濄�傜敤鎴风獥鍙d腑鍙互鏀剧疆涓夌涓嶅悓绫诲瀷鐨勫浘褰㈠璞★細鍥惧厓銆佸浘绗﹀拰鍔ㄧ敾鏋勪欢銆傞�氳繃鍦ㄧ敤鎴风獥鍙e唴鏀剧疆涓嶅悓鐨勫浘褰㈠璞★紝鐢ㄦ埛鍙互鏋勯�犲悇绉嶅鏉傜殑鍥惧舰鐣岄潰锛岀敤涓嶅悓鐨勬柟寮忓疄鐜版暟鎹拰娴佺▼鐨勨�滃彲瑙嗗寲鈥濄��
+    </p>
+    <p class="content">
+      锛�4锛夊疄鏃舵暟鎹簱鏄疢CGS宓屽叆鐗堢郴缁熺殑鏍稿績銆傚疄鏃舵暟鎹簱鐩稿綋浜庝竴涓暟鎹鐞嗕腑蹇冿紝鍚屾椂涔熻捣鍒板叕鍏辨暟鎹氦鎹㈠尯鐨勪綔鐢ㄣ�備粠澶栧洿璁惧閲囬泦鏉ョ殑瀹炴椂鏁版嵁閫佸叆瀹炴椂鏁版嵁搴擄紝绯荤粺鍏朵粬閮ㄥ垎鎿嶄綔鐨勬暟鎹篃鏉ヨ嚜浜庡疄鏃舵暟鎹簱銆�
+    </p>
+    <p class="content">
+      锛�5锛夎繍琛岀瓥鐣ユ槸瀵圭郴缁熻繍琛屾祦绋嬪疄鐜版湁鏁堟帶鍒剁殑鎵嬫銆傝繍琛岀瓥鐣ユ湰韬槸绯荤粺鎻愪緵鐨勪竴涓鏋讹紝鍏堕噷闈㈡斁缃敱绛栫暐鏉′欢鏋勪欢鍜岀瓥鐣ユ瀯浠剁粍鎴愮殑鈥滅瓥鐣ヨ鈥濓紝閫氳繃瀵硅繍琛岀瓥鐣ョ殑瀹氫箟锛屼娇绯荤粺鑳藉鎸夌収璁惧畾鐨勯『搴忓拰鏉′欢鎿嶄綔浠诲姟锛屽疄鐜板澶栧洿璁惧宸ヤ綔杩囩▼鐨勭簿纭帶鍒躲��
+    </p>
+    <p class="content t-left"><b>3銆�璁よ瘑TPC7062K瑙︽懜灞�</b></p>
+    <p class="content">
+      宓屽叆寮忕粍鎬佽蒋浠剁殑缁勬�佺幆澧冨拰妯℃嫙杩愯鐜鏄竴濂楀畬鏁寸殑宸ュ叿杞欢锛屽彲浠ュ湪PC涓婅繍琛屻��
+    </p>
+    <p class="content">
+      宓屽叆寮忕粍鎬佽蒋浠剁殑杩愯鐜鏄竴涓嫭绔嬬殑杩愯绯荤粺锛屽畠鎸夌収缁勬�佸伐绋嬩腑鐢ㄦ埛鎸囧畾鐨勬柟寮忚繘琛屽悇绉嶅鐞嗭紝瀹屾垚鐢ㄦ埛缁勬�佽璁$殑鐩爣鍜屽姛鑳姐�備竴鏃︾粍鎬佸伐浣滃畬鎴愶紝骞朵笖灏嗙粍鎬佸ソ鐨勫伐绋嬩笅杞藉埌宓屽叆寮忎竴浣撳寲瑙︽懜灞忥紙渚嬪TPC7062K锛夌殑杩愯鐜涓紝缁勬�佸伐绋嬪氨鍙互绂诲紑缁勬�佺幆澧冭�岀嫭绔嬭繍琛屻�俆PC鏄寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鑷富鐢熶骇鐨勫祵鍏ュ紡涓�浣撳寲瑙︽懜灞忕郴鍒楀瀷鍙凤紝鍏朵腑TPC7062K鍏锋湁浠h〃鎬с��
+    </p>
+    <p class="content">锛�1锛塗PC7062K浼樺娍锛�</p>
+    <p class="content">
+      鈶犻珮娓咃細鍒嗚鲸鐜囦负800脳480鍍忕礌锛岀敤鎴峰彲浣撻獙绮捐嚧銆佽嚜鐒躲�侀�氶�忕殑楂樻竻鐩涘锛�
+    </p>
+    <p class="content">
+      鈶$湡褰╋細65 535鑹叉暟瀛楃湡褰╋紝涓板瘜鐨勫浘褰㈠簱锛岀敤鎴峰彲浜彈椤剁骇闇囨捈鐢昏川锛�
+    </p>
+    <p class="content">
+      鈶㈠彲闈狅細鎶楀共鎵版�ц兘杈惧埌宸ヤ笟III绾ф爣鍑嗭紝閲囩敤LED鑳屽厜姘镐笉榛戝睆锛�
+    </p>
+    <p class="content">
+      鈶i厤缃細ARM9鍐呮牳銆�400MHz涓婚銆�64MB鍐呭瓨銆�128MB瀛樺偍绌洪棿锛�
+    </p>
+    <p class="content">
+      鈶よ蒋浠讹細MCGS鍏ㄥ姛鑳界粍鎬佽蒋浠讹紝鏀寔闂瓨鐩橈紙淇楃ОU鐩橈級澶囦唤鎭㈠锛屽姛鑳芥洿寮哄ぇ锛�
+    </p>
+    <p class="content">
+      鈶ョ幆淇濓細浣庡姛鑰楋紝鏁存満鍔熻�椾粎6W锛屽彂灞曠豢鑹插伐涓氾紝鍊″鑳芥簮鑺傜害锛�
+    </p>
+    <p class="content">
+      鈶︽椂灏氾細7in锛�1in=2.54cm锛夊灞忔樉绀恒�佽秴杞汇�佽秴钖勬満韬璁★紝寮曢绠�绾︽椂灏氾紱
+    </p>
+    <p class="content">
+      鈶ф湇鍔★細绔嬭冻涓浗锛屽叏鏂逛綅銆佹湰鍦熷寲鏈嶅姟锛屾槦绾ф爣鍑嗭紝鐢ㄦ埛鑷充笂銆�
+    </p>
+    <p class="content">
+      锛�2锛塗PC7062K澶栬銆俆PC7062K姝h鍥惧鍥�1-6鎵�绀猴紝TPC7062K鑳岃鍥惧鍥�1-7鎵�绀恒��
+    </p>
+    <p class="content">锛�3锛塗PC7062K渚涚數鎺ョ嚎銆�</p>
+    <p class="quotation">
+      <!-- <img class="s-pic" src="../../assets/images/img00016001.jpg" /> -->
+      浠呴檺DC 24V锛佸缓璁數婧愮殑杈撳嚭鍔熺巼涓�15W銆�
+    </p>
+    <div class="qrbodyPic">
+      <!-- <img src="../../assets/images/img00017001.jpg" active="true" /> -->
+      <p class="imgdescript">鍥�1-6銆�姝h鍥�</p>
+    </div>
+    <div class="qrbodyPic">
+      <!-- <img src="../../assets/images/img00017002.jpg" active="true" /> -->
+      <p class="imgdescript">鍥�1-7銆�鑳岃鍥�</p>
+    </div>
+    <p class="content">鎺ョ嚎姝ラ锛�</p>
+    <p class="content">
+      鈶犲皢寮�鍏崇數婧�24V+绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎1绔腑锛屽鍥�1-8鎵�绀恒��
+    </p>
+    <p class="content">鈶″皢寮�鍏崇數婧�24V-绔嚎鎻掑叆TPC鐢垫簮鎻掑ご鎺ョ嚎2绔腑銆�</p>
+    <p class="content">鈶娇鐢ㄤ竴瀛楀ご鏃嬪叿灏員PC鐢垫簮鎻掑ご铻洪拤閿佺揣銆�</p>
+    <div class="qrbodyPic">
+      <!-- <img src="../../assets/images/img00017003.jpg" active="true" /> -->
+      <p class="imgdescript">鍥�1-8銆�鐢垫簮鎻掑ご绀烘剰鍥惧強寮曡剼瀹氫箟</p>
+    </div>
+    <p class="content">
+      锛�4锛塗PC7062K澶栭儴鎺ュ彛銆傛帴鍙h鏄庡鍥�1-9鎵�绀猴紝涓插彛寮曡剼瀹氫箟濡傚浘1-10鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00017004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-9銆�鎺ュ彛璇存槑</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00017005.jpg" active="true" />
+      <p class="imgdescript">鍥�1-10銆�涓插彛寮曡剼瀹氫箟</p>
+    </div>
+    <p class="content">
+      锛�5锛塗PC7062K鍚姩銆備娇鐢�24V鐩存祦鐢垫簮缁橳PC渚涚數锛屽紑鏈哄惎鍔ㄥ悗灞忓箷鍑虹幇鈥滄鍦ㄥ惎鍔ㄢ�濇彁绀鸿繘搴︽潯锛屾鏃朵笉闇�浠讳綍鎿嶄綔鑷姩杩涘叆宸ョ▼杩愯鐣岄潰锛屽鍥�1-11鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00018001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-11銆�TPC鍚姩杩囩▼</p>
+    </div>
+    <p class="content t-left"><b>4銆�TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎</b></p>
+    <p class="content">TPC7062K涓庝笁娆句富娴丳LC閫氫俊鎺ョ嚎濡傚浘1-12锝炲浘1-14鎵�绀恒��</p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00018002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-12銆�TPC7062K涓庤タ闂ㄥ瓙S7-200绯诲垪PLC閫氫俊鎺ョ嚎</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00018003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-13銆�TPC7062K涓庢濮嗛緳PLC閫氫俊鎺ョ嚎</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00019001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-14銆�TPC7062K涓庝笁鑿盕X绯诲垪PLC閫氫俊鎺ョ嚎</p>
+    </div>
+    <p class="content">璇勫垎琛ㄨ琛�1-1銆�</p>
+    <div class="qrbodyPic">
+      <p class="imgtitle">琛�1-1銆�璇勫垎琛�</p>
+      <img src="../../assets/images/img00019002.jpg" active="true" />
+    </div>
+    <h2 class="secondTitle" id="sigil_toc_id_14">
+      浠诲姟浜屻��MCGS宓屽叆鐗堢粍鎬佽蒋浠跺畨瑁�
+    </h2>
+    <p class="content"><b>浠诲姟鐩爣</b></p>
+    <p class="content">鎺屾彙MCGS宓屽叆鐗堢粍鎬佽蒋浠禫6.8瀹夎鏂规硶銆�</p>
+    <p class="content"><b>浠诲姟鎻忚堪</b></p>
+    <p class="content">瀛︿範宓屽叆寮忕粍鎬佽蒋浠禫6.8鐨勫畨瑁呮柟娉曞拰姝ラ銆�</p>
+    <p class="content"><b>浠诲姟璁粌</b></p>
+    <p class="content">
+      鍦ㄦ槅浠戦�氭�佸畼缃戜笂涓嬭浇MCGS_宓屽叆鐗堝畬鏁村畨瑁呭寘锛岃В鍘嬬缉鍚庯紝鍏蜂綋瀹夎姝ラ濡備笅锛�
+    </p>
+    <p class="content">
+      锛�1锛夎繍琛孲etup.exe鏂囦欢锛孧CGS瀹夎绋嬪簭绐楀彛濡傚浘1-15鎵�绀恒��
+    </p>
+    <p class="content">
+      鍦ㄥ畨瑁呯▼搴忕獥鍙d腑鍗曞嚮鈥滃畨瑁呯粍鎬佽蒋浠垛�濇寜閽紝寮瑰嚭瀹夎绋嬪簭绐楀彛銆傚崟鍑烩�滀笅涓�姝モ�濇寜閽紝鍚姩瀹夎绋嬪簭锛屽鍥�1-16鎵�绀恒��
+    </p>
+    <p class="content"><b>瀹夎鍖呫��</b>MCGS宓屽叆鐗堝畨瑁呮枃浠�</p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-15銆�MCGS瀹夎绋嬪簭绐楀彛</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-16銆�鍚姩瀹夎绋嬪簭</p>
+    </div>
+    <p class="content">
+      鎸夋彁绀烘楠ゆ搷浣滐紝闅忓悗锛屽畨瑁呯▼搴忓皢鎻愮ず鎸囧畾瀹夎鐩綍锛屽涓嶆寚瀹氭椂锛岀郴缁熼粯璁ゅ畨瑁呭埌D锛歕MCGSE鐩綍涓嬶紝寤鸿浣跨敤榛樿鐩綍锛屽鍥�1-17鎵�绀猴紝绯荤粺瀹夎澶х害闇�瑕佸嚑鍒嗛挓銆�
+    </p>
+    <p class="content">
+      锛�2锛塎CGS宓屽叆鐗堜富绋嬪簭瀹夎瀹屾垚鍚庯紝缁х画瀹夎璁惧椹卞姩锛屽崟鍑烩�滄槸鈥濇寜閽鍥�1-18鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-17銆�鎸囧畾瀹夎鐩綍</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-18銆�閫夋嫨瀹夎璁惧椹卞姩</p>
+    </div>
+    <p class="content">
+      锛�3锛夊崟鍑烩�滀笅涓�姝モ�濇寜閽紝杩涘叆椹卞姩瀹夎绋嬪簭锛岄�夋嫨鈥滄墍鏈夐┍鍔ㄢ�濆閫夋锛屽崟鍑烩�滀笅涓�姝モ�濇寜閽繘琛屽畨瑁咃紝濡傚浘1-19鎵�绀恒��
+    </p>
+    <p class="content">
+      锛�4锛夐�夋嫨濂藉悗锛屾寜鎻愮ず鎿嶄綔锛孧CGS椹卞姩绋嬪簭瀹夎杩囩▼澶х害闇�瑕佸嚑鍒嗛挓銆�
+    </p>
+    <p class="content">
+      锛�5锛夊畨瑁呰繃绋嬪畬鎴愬悗锛屽皢寮瑰嚭瀵硅瘽妗嗘彁绀哄畨瑁呭畬鎴愶紝鏄惁閲嶆柊鍚姩璁$畻鏈猴紝閫夋嫨閲嶅惎鍚庯紝瀹屾垚瀹夎銆�
+    </p>
+    <p class="content">
+      锛�6锛夊畨瑁呭畬鎴愬悗锛學indows鎿嶄綔绯荤粺鐨勬闈笂娣诲姞浜嗗鍥�1-20鎵�绀虹殑涓や釜蹇嵎鏂瑰紡鍥炬爣锛屽垎鍒敤浜庡惎鍔∕CGS宓屽叆寮忕粍鎬佺幆澧冨拰妯℃嫙杩愯鐜銆�
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020005.jpg" active="true" />
+      <p class="imgdescript">鍥�1-19銆�椹卞姩瀹夎绋嬪簭</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00020006.jpg" active="true" />
+      <p class="imgdescript">鍥�1-20銆�缁勬�佺幆澧冨拰妯℃嫙杩愯鐜蹇嵎鏂瑰紡鍥炬爣</p>
+    </div>
+    <p class="content">璇勫垎琛ㄨ琛�1-2銆�</p>
+    <div class="qrbodyPic">
+      <p class="imgtitle">琛�1-2銆�璇勫垎琛�</p>
+      <img src="../../assets/images/img00021001.jpg" active="true" />
+    </div>
+    <h2 class="secondTitle" id="sigil_toc_id_15">浠诲姟涓夈��寤虹珛宸ョ▼涓庝笅杞藉伐绋�</h2>
+    <p class="content"><b>浠诲姟鐩爣</b></p>
+    <p class="content">鍒濇浜嗚В宸ョ▼寤虹珛銆佺粍鎬併�佷笅杞戒笌妯℃嫙杩愯銆�</p>
+    <p class="content"><b>浠诲姟鎻忚堪</b></p>
+    <p class="content"><b>鏂囨湰銆�</b>鏁欑▼璧勬簮</p>
+    <p class="content">
+      瑙︽懜灞忔槸鏂颁竴浠i珮绉戞妧浜烘満鐣岄潰浜у搧锛岄�傜敤浜庣幇鍦烘帶鍒讹紝鍙潬鎬ч珮锛岀紪绋嬬畝鍗曪紝浣跨敤銆佺淮鎶ゆ柟渚裤�傚湪宸ヨ壓鍙傛暟杈冨鍙堥渶瑕佷汉鏈轰氦浜掓椂浣跨敤瑙︽懜灞忥紝鍙娇鏁翠釜鐢熶骇鐨勮嚜鍔ㄥ寲鎺у埗鐨勫姛鑳藉緱鍒板ぇ澶у湴鍔犲己銆傛湰浠诲姟瀛︿範宓屽叆寮忕粍鎬佽蒋浠跺伐绋嬪缓绔嬨�佺粍鎬併�佹ā鎷熻繍琛屽拰涓嬭浇鍒拌Е鎽稿睆鐨勪竴鑸繃绋嬨��
+    </p>
+    <p class="content"><b>浠诲姟璁粌</b></p>
+    <p class="content t-left"><b>1銆�鏂板缓宸ョ▼</b></p>
+    <p class="content">
+      鍙屽嚮缁勬�佺幆澧冨揩鎹锋柟寮忓浘鏍�<img
+        class="h-pic"
+        src="../../assets/images/img00021002.jpg"
+        active="true"
+      />锛屾墦寮�宓屽叆鐗堢粍鎬佽蒋浠讹紝鐒跺悗鎸夊涓嬫楠ゅ缓绔嬪伐绋嬶細
+    </p>
+    <p class="content">
+      锛�1锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鈥滄柊寤哄伐绋嬧�濆懡浠わ紝寮瑰嚭鈥滄柊寤哄伐绋嬭缃�濆璇濇锛屽鍥�1-21鎵�绀猴紝TPC绫诲瀷閫夋嫨涓衡�淭PC7062K鈥濓紝鍗曞嚮鈥滅‘瀹氣�濇寜閽��
+    </p>
+    <p class="content">
+      锛�2锛夐�夋嫨鈥滄枃浠垛�濊彍鍗曚腑鐨勨�滃伐绋嬪彟瀛樹负鈥濆懡浠わ紝寮瑰嚭鈥滄枃浠朵繚瀛樷�濆璇濇锛屽湪鏂囦欢鍚嶄竴鏍忓唴杈撳叆鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滀繚瀛樷�濇寜閽紝宸ョ▼鍒涘缓瀹屾瘯銆�
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00021003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-21銆�閫夋嫨TPC绫诲瀷</p>
+    </div>
+    <p class="content t-left"><b>2銆�绐楀彛缁勬��</b></p>
+    <p class="content">
+      锛�1锛夊湪宸ヤ綔鍙颁腑婵�娲荤敤鎴风獥鍙o紝鍗曞嚮鈥滄柊寤虹獥鍙b�濇寜閽紝寤虹珛鏂扮敾闈⑩�滅獥鍙�0鈥濓紝濡傚浘1-22鎵�绀恒��
+    </p>
+    <p class="content">
+      锛�2锛夊崟鍑烩�滅獥鍙e睘鎬р�濇寜閽紝寮瑰嚭鈥滅敤鎴风獥鍙e睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗★紝灏嗏�滅獥鍙e悕绉扳�濅慨鏀逛负鈥滃父鐢ㄦ瀯浠朵娇鐢ㄢ�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繘琛屼繚瀛橈紝濡傚浘1-23鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00022001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-22銆�寤虹珛鏂扮獥鍙�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00022002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-23銆�绐楀彛灞炴�ц缃�</p>
+    </div>
+    <p class="content">
+      锛�3锛夊弻鍑荤敤鎴风獥鍙o紝鍦ㄧ獥鍙g紪杈戜綅缃寜浣忛紶鏍囧乏閿嫋鏀惧嚭涓�瀹氬ぇ灏忓悗锛屾澗寮�榧犳爣宸﹂敭锛岃繖鏍蜂竴涓寜閽瀯浠跺氨缁樺埗鍦ㄧ獥鍙d腑锛屽鍥�1-24鎵�绀恒��
+    </p>
+    <p class="content">
+      鎺ヤ笅鏉ュ弻鍑昏鎸夐挳锛屽脊鍑衡�滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽湪鈥滃熀鏈睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈�濇枃鏈涓緭鍏モ�滄寚绀虹伅1鈥濓紝鍗曞嚮鈥滅‘璁も�濇寜閽繚瀛橈紝濡傚浘1-25鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00022003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-24銆�鎸夐挳鍒朵綔</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00022004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-25銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�</p>
+    </div>
+    <p class="content">
+      鎸夌収鍚屾牱鐨勬搷浣滃垎鍒粯鍒跺彟澶栦竴涓寜閽紝灏嗏�滄枃鏈�濅慨鏀逛负鈥滄寚绀虹伅2鈥濓紝瀹屾垚鍚庡鍥�1-26鎵�绀恒��
+    </p>
+    <p class="content">
+      鎸変綇閿洏鐨勩�怌trl銆戦敭锛岀劧鍚庡崟鍑伙紝鍚屾椂閫変腑涓や釜鎸夐挳锛屼娇鐢ㄥ伐鍏锋爮涓殑绛夐珮瀹姐�佸乏锛堝彸锛夊榻愬拰绾靛悜绛夐棿璺濆涓や釜鎸夐挳杩涜鎺掑垪瀵归綈锛屽鍥�1-27鎵�绀恒��
+    </p>
+    <p class="content">
+      锛�4锛夊崟鍑诲伐鍏风涓殑鈥滄彃鍏ュ厓浠垛�濇寜閽紝寮瑰嚭鈥滃璞″厓浠跺簱绠$悊鈥濆璇濇锛岄�変腑鍥惧舰瀵硅薄搴撴寚绀虹伅涓殑涓�娆撅紝鍗曞嚮鈥滅‘璁も�濇寜閽坊鍔犲埌绐楀彛鐢婚潰涓紝骞惰皟鏁村埌鍚堥�傚ぇ灏忥紝鍚屾牱鐨勬柟娉曞啀娣诲姞涓や釜鎸囩ず鐏紝鎽嗘斁鍦ㄧ獥鍙d腑鎸夐挳鏃佽竟鐨勪綅缃紝濡傚浘1-28鎵�绀恒��
+    </p>
+    <p class="content">
+      锛�5锛夊崟鍑婚�変腑宸ュ叿绠变腑鐨勨�滄爣绛锯�濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰竴瀹氬ぇ灏忊�滄爣绛锯�濓紝濡傚浘1-29鎵�绀恒�傜劧鍚庡弻鍑昏鏍囩锛屽脊鍑衡�滄爣绛惧姩鐢荤粍鎬佸睘鎬ц缃�濆璇濇锛屽湪鈥滄墿灞曞睘鎬р�濋�夐」鍗′腑鐨勨�滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�1锛氣�濓紝鍗曞嚮鈥滅‘璁も�濇寜閽紝濡傚浘1-30鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00023001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-26銆�鎸夐挳鏂囧瓧淇敼</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00023002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-27銆�鎸夐挳鎺掑垪</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00023003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-28銆�娣诲姞鎸囩ず鐏�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00023004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-29銆�鍒朵綔鏍囩</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00023005.jpg" active="true" />
+      <p class="imgdescript">鍥�1-30銆�鏍囩鍔ㄧ敾缁勬�佸睘鎬ц缃�</p>
+    </div>
+    <p class="content">
+      鍚屾牱鐨勬柟娉曪紝娣诲姞鍙︿竴涓爣绛撅紝鈥滄枃鏈唴瀹硅緭鍏モ�濇枃鏈涓緭鍏モ�滅姸鎬佹樉绀�2锛氣�濓紝濡傚浘1-31鎵�绀恒��
+    </p>
+    <p class="content">
+      锛�6锛夊崟鍑诲伐鍏风涓殑鈥滆緭鍏ユ鈥濇寜閽紝鍦ㄧ獥鍙f寜浣忛紶鏍囧乏閿紝鎷栨斁鍑轰袱涓竴瀹氬ぇ灏忕殑鈥滆緭鍏ユ鈥濓紝鍒嗗埆鎽嗘斁鍦ㄢ�滅姸鎬佹樉绀�1锛氣�濇爣绛俱�佲�滅姸鎬佹樉绀�2锛氣�濇爣绛剧殑鏃佽竟浣嶇疆锛屽鍥�1-32鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00024001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-31銆�鍒朵綔杈撳叆妗�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00024002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-32銆�杈撳叆妗嗘帓鍒�</p>
+    </div>
+    <p class="content">锛�7锛夊缓绔嬫暟鎹摼鎺ワ細</p>
+    <p class="content">
+      鈶犳寜閽細鍙屽嚮鈥滄寚绀虹伅1鈥濇寜閽紝寮瑰嚭鈥滄爣鍑嗘寜閽瀯浠跺睘鎬ц缃�濆璇濇锛屽鍥�1-33鎵�绀猴紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄粯璁も�滄姮璧峰姛鑳解�濇寜閽负鎸変笅鐘舵�侊紝閫変腑鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滄竻0鈥濋�夐」锛屽缓璁彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝鍗冲湪鍙栧弽鎺у埗鎸夐挳鎶捣鏃讹紝瀵规寚绀虹伅1杩涜娓呴浂锛屽鍥�1-34鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00024003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-33銆�鏍囧噯鎸夐挳鏋勪欢灞炴�ц缃�濆璇濇</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00024004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-34銆�鎺у埗鎸夐挳璁剧疆</p>
+    </div>
+    <p class="content">
+      杈撳叆鎸囩ず鐏�1鏃朵細寮瑰嚭鍥�1-35鎵�绀哄璇濇锛屽崟鍑烩�滄槸鈥濇寜閽紝寮瑰嚭鈥滄暟鎹璞″睘鎬ц缃�濆璇濇锛屽鏁版嵁绫诲瀷杩涜璁剧疆锛屽鍥�1-36鎵�绀猴紝鍗曞嚮鈥滅‘璁も�濇寜閽��
+    </p>
+    <p class="content">
+      鍚屾牱锛屽垏鎹㈠埌鈥滄寜涓嬪姛鑳解�濋�夐」鍗¤繘琛岃缃紝閫夋嫨鈥滄暟鎹璞″�兼搷浣溾�濆閫夋锛岄�夋嫨鈥滅疆1鈥濋�夐」锛屽彉閲忓悕涓衡�滄寚绀虹伅1鈥濓紝濡傚浘1-37鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00024005.jpg" active="true" />
+      <p class="imgdescript">鍥�1-35銆�缁勬�侀敊璇璇濇</p>
+    </div>
+    <p class="content">
+      鎸囩ず鐏�2鎸夐挳锛屸�滄姮璧峰姛鑳解�濇椂鈥滄竻0鈥濓紱鈥滄寜涓嬪姛鑳解�濇椂鈥滅疆1鈥濓紝鍙橀噺鍚嶄负鈥滄寚绀虹伅2鈥濄��
+    </p>
+    <p class="content">
+      鈶℃寚绀虹伅锛氬弻鍑绘寚绀虹伅1鎸夐挳鏃佽竟鐨勬寚绀虹伅锛屽脊鍑衡�滃崟鍏冨睘鎬ц缃�濆璇濇锛屽湪鈥滄暟鎹璞♀�濋�夐」鍗′腑锛屽崟鍑�<img
+        class="h-pic"
+        src="../../assets/images/img00024006.jpg"
+        active="true"
+      />鎸夐挳閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�1锛屽鍥�1-38鎵�绀恒�傚悓鏍锋柟娉曡缃�滄寚绀虹伅2鈥濄��
+    </p>
+    <p class="content">
+      鈶㈣緭鍏ユ锛氬弻鍑烩�滅姸鎬佹樉绀�1锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗭紝寮瑰嚭鈥滆緭鍏ユ鏋勪欢灞炴�ц缃�濆璇濇锛屽湪鈥滄搷浣滃睘鎬р�濋�夐」鍗′腑锛屽崟鍑�<img
+        class="h-pic"
+        src="../../assets/images/img00024007.jpg"
+        active="true"
+      />鎸夐挳寮瑰嚭鈥滃彉閲忛�夋嫨鈥濆璇濇锛岄�夋嫨鈥滄寚绀虹伅1鈥濋�夐」锛屽鍥�1-39鎵�绀猴紝璁剧疆瀹屾垚鍚庡崟鍑烩�滅‘璁も�濇寜閽��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00025001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-36銆�鏁版嵁瀵硅薄灞炴�ц缃�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00025002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-37銆�鎸変笅鍔熻兘璁剧疆</p>
+    </div>
+    <p class="content">
+      鎸夊悓鏍风殑鏂规硶锛屽弻鍑烩�滅姸鎬佹樉绀�2锛氣�濇爣绛炬梺杈圭殑杈撳叆妗嗚繘琛岃缃紝鍦ㄢ�滄搷浣滃睘鎬р�濋�夐」鍗′腑锛岄�夋嫨瀵瑰簲鐨勬暟鎹璞★細閫氶亾绫诲瀷閫夋嫨鈥滄寚绀虹伅2鈥濓紝缁勬�佸畬鎴愬悗锛屼繚瀛樸��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00025003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-38銆�閫夋嫨鏁版嵁瀵硅薄鎸囩ず鐏�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00025004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-39銆�鎸囩ず鐏�1灞炴�ф搷浣�</p>
+    </div>
+    <p class="content t-left"><b>3銆�宸ョ▼涓嬭浇鍒癟PC7062K</b></p>
+    <p class="content">
+      锛�1锛夋柟妗堜竴锛歎SB涓嬭浇銆傚皢鏍囧噯USB2.0鎵撳嵃鏈虹嚎锛屽鍥�1-40鎵�绀猴紝鎵佸钩鎺ュ彛鎻掑埌璁$畻鏈虹殑USB鎺ュ彛锛屽井鍨嬫帴鍙f彃鍒癟PC绔殑USB2.0鎺ュ彛锛岃繛鎺PC7062K鍜孭C銆�
+    </p>
+    <p class="content">
+      鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
+        class="h-pic"
+        src="../../assets/images/img00025005.jpg"
+        active="true"
+      />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝濡傚浘1-41鎵�绀猴紝閫夋嫨鈥淯SB閫氫俊鈥濊繛鎺ユ柟寮忥紝鐒跺悗鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽紝濡傚浘1-42鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00025006.jpg" active="true" />
+      <p class="imgdescript">鍥�1-40銆�鏍囧噯USB2.0鎵撳嵃鏈虹嚎</p>
+    </div>
+    <p class="content">
+      锛�2锛夋柟妗堜簩锛氱綉绾夸笅杞姐�傜敤缃戝彛涓嬭浇鏃讹紝鍏堟煡鐪嬭Е鎽稿睆IP鍦板潃锛屽綋瑙︽懜灞忎笂鐢靛嚭鐜版粴鍔ㄨ繘搴︽潯浠ュ悗锛屽崟鍑绘粴鍔ㄦ潯锛屽湪鍚姩灞炴�ф煡鐪婭P鍦板潃锛屼緥濡侷P200.200.200.26锛屽垯璁剧疆璁$畻鏈烘湰鍦拌繛鎺ョ殑IP鍦板潃涓篒P200.200.200.126锛屼簩鑰呭湪鍚屼竴缃戞锛屽嵆IP鍓嶄笁娈垫暟瀛楀繀椤荤浉鍚屻�傛垨淇敼瑙︽懜灞忓湴鍧�锛屽垯杩涘叆瑙︽懜灞忔搷浣滅郴缁焀indows
+      CE锛屽崟鍑籛indows鐨勨�滃紑濮嬧�濊彍鍗曪紝閫夋嫨鈥滆缃�濆懡浠わ紝杩愯鈥滅綉缁滄嫧鍙蜂笌杩炴帴鈥濓紝淇敼IP鍦板潃銆�
+    </p>
+    <p class="content">
+      鍗曞嚮宸ュ叿鏉′腑鐨勪笅杞�<img
+        class="h-pic"
+        src="../../assets/images/img00025007.jpg"
+        active="true"
+      />鎸夐挳锛岃繘琛屼笅杞介厤缃�傚崟鍑烩�滆仈鏈鸿繍琛屸�濇寜閽紝杩炴帴鏂瑰紡閫夋嫨鈥淭CP/IP缃戠粶閫氫俊鈥濓紝璁剧疆瑙︽懜灞廔P涓庤绠楁満IP鍦ㄥ悓涓�缃戞鍐咃紝鍗曞嚮鈥滈�氫俊娴嬭瘯鈥濇寜閽紝閫氫俊娴嬭瘯姝e父鍚庯紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026001.jpg" active="true" />
+      <p class="imgdescript">鍥�1-41銆�閫夋嫨鈥滆仈鏈鸿繍琛屸�濆拰鈥滈�氫俊娴嬭瘯鈥�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026002.jpg" active="true" />
+      <p class="imgdescript">鍥�1-42銆�宸ョ▼涓嬭浇</p>
+    </div>
+    <p class="content t-left"><b>4銆�TPC妯℃嫙杩愯</b></p>
+    <p class="content">
+      缁勬�佺▼搴忎笅杞藉埌鈥渕cgsTpc宓屽叆寮忎竴浣撳寲瑙︽懜灞忊�濆悗灏卞彲浠ヨ繘琛屾ā鎷熻繍琛屻�傝Е鎽糕�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-43鎵�绀猴紱瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-44鎵�绀恒��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026003.jpg" active="true" />
+      <p class="imgdescript">鍥�1-43銆�瑙︽懜鈥滄寚绀虹伅1鈥濇寜閽�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026004.jpg" active="true" />
+      <p class="imgdescript">鍥�1-44銆�瑙︽懜鈥滄寚绀虹伅2鈥濇寜閽�</p>
+    </div>
+    <p class="content t-left"><b>5銆�璁$畻鏈轰笂妯℃嫙杩愯</b></p>
+    <p class="content">
+      闄や簡涓嬭浇鍒癟PC杩涜妯℃嫙璋冭瘯澶栵紝鍙互鍦ㄨ绠楁満涓婅繘琛屾ā鎷熻繍琛屻�傞�夋嫨鈥滄ā鎷熻繍琛屸�濓紝鍗曞嚮鈥滃伐绋嬩笅杞解�濇寜閽悗杩涘叆杩愯鐜銆傛寜涓嬧�滄寚绀虹伅1鈥濇寜閽紝濡傚浘1-45鎵�绀猴紝鈥滄寚绀虹伅1鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�1锛氣�濅负鈥�1鈥濓紝鏉炬墜鍚庡浣嶏紱鎸変笅鈥滄寚绀虹伅2鈥濇寜閽紝濡傚浘1-46鎵�绀猴紝鈥滄寚绀虹伅2鈥濆彉缁匡紝鈥滅姸鎬佹樉绀�2锛氣�濅负鈥�1鈥濄��
+    </p>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026005.jpg" active="true" />
+      <p class="imgdescript">鍥�1-45銆�鎸変笅鈥滄寚绀虹伅1鈥濇寜閽�</p>
+    </div>
+    <div class="qrbodyPic">
+      <img src="../../assets/images/img00026006.jpg" active="true" />
+      <p class="imgdescript">鍥�1-46銆�鎸変笅鈥滄寚绀虹伅2鈥濇寜閽�</p>
+    </div>
+    <p class="content">鍔熻兘娴嬭瘯琛ㄥ琛�1-3鎵�绀猴紝璇勫垎琛ㄥ琛�1-4鎵�绀恒��</p>
+    <div class="qrbodyPic">
+      <p class="imgtitle">琛�1-3銆�鍔熻兘娴嬭瘯琛�</p>
+      <img src="../../assets/images/img00027001.jpg" active="true" />
+    </div>
+    <div class="qrbodyPic">
+      <p class="imgtitle">琛�1-4銆�璇勫垎琛�</p>
+      <img src="../../assets/images/img00027002.jpg" active="true" />
+    </div>
+    <p class="content"><b>缁冧範涓庢彁楂�</b></p>
+    <p class="quotation">1锛庨槓杩板祵鍏ュ紡缁勬�併�佽Е鎽稿睆涔嬮棿鐨勫叧绯汇��</p>
+    <p class="quotation">2锛庢槸鍚﹀彲浠ラ噰鐢║鐩樹笅杞界粍鎬佽繃绋嬶紵杩囩▼姝ラ濡備綍锛�</p>
+    <p class="quotation">
+      3锛庡湪娣樺疂缃戠珯鏌ユ壘浠诲姟涓�涓富娴丳LC涓庤Е鎽稿睆杩炴帴绾垮瀷鍙枫�佹�ц兘鍜屼环鏍笺��
+    </p>
+    <p class="quotation">
+      4锛庡垎鏋愯绠楁満銆佸钩鏉跨數鑴戙�佽Е鎽稿睆銆丳LC涔嬮棿杩炴帴鐨勫紓鍚屻��
+    </p>
+    <p class="quotation">
+      5锛庝粈涔堟槸鐢ㄦ埛搴旂敤绯荤粺銆佺粍鎬佺幆澧冧笌杩愯鐜锛熺粍鎬佺幆澧冩槸寮�鍙戝伐鍏峰悧锛�
+    </p>
+    <p class="quotation">
+      6锛嶮CGS瑙︽懜灞忓畨瑁呬綍绉嶆搷浣滅郴缁燂紵涓昏鑷甫浣曠搴旂敤杞欢锛熶粠www.mcgs.com.cn缃戠珯涓嬭浇鏈�鏂拌蒋浠跺寘骞跺畨瑁咃紝鍦╳ww.gongkong.com娉ㄥ唽锛岃繘鍏BS璁ㄨ宸ユ帶杞欢鎶�鏈��
+    </p>
+    <p class="quotation">7锛庣粍鎬佸彉閲忔�庢牱寤虹珛瀵瑰簲鏁版嵁鍏崇郴锛�</p>
+    <p class="quotation">8锛庝簡瑙S-232銆丷S-485鎺ュ彛鎬ц兘鍔熻兘鍜孴CP/IP鍗忚銆�</p>
+    <p class="quotation">9锛庢瘮杈冭Е鎽稿睆涓殑缁勬�佸伐绋嬪拰鎵嬫満涓殑APP鐨勫尯鍒��</p>
+  </div>
+</template>
+<script>
+export default {
+  name: "chapterOne",
+};
+</script>
+<style scoped lang="less">
+    
+</style>
diff --git a/src/books/embedded/view/components/header.vue b/src/books/embedded/view/components/header.vue
new file mode 100644
index 0000000..dc41f0d
--- /dev/null
+++ b/src/books/embedded/view/components/header.vue
@@ -0,0 +1,260 @@
+<template>
+  <div>
+    <!-- 灏侀潰 -->
+    <div class="page-box">
+      <h1 class="frontCover" title="灏侀潰">
+        <img alt="灏侀潰" src="../../assets/images/device_phone_Frontcover.jpg" />
+      </h1>
+    </div>
+    <!-- 浣滆�呯畝浠� -->
+    <div class="page-box author-padding" style="width: 408px; margin: 0 auto">
+      <document>
+        <h1 class="author-box">浣滆�呯畝浠�</h1>
+        <div class="bodyPic">
+          <img src="../../assets/images/img00002002.jpg" active="true" />
+        </div>
+        <p class="quotation">
+          寮犳枃鏄庯紝鏁欐巿锛屾睙鑻忕渷鐗硅壊涓撲笟鏈虹數涓�浣撳寲鎶�鏈笓涓氬甫澶翠汉锛岀渷閲嶇偣涓撲笟缇ゅ缓璁捐礋璐d汉锛屼富鎸佲�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濆浗瀹剁骇绮惧搧璧勬簮鍏变韩璇剧▼寤鸿锛屼富缂栫殑銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬨�婂彲缂栫▼鎺у埗鍣ㄥ強缃戠粶鎺у埗鎶�鏈�嬭鍒椾负鏁欒偛閮ㄢ�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掔珛椤规暀鏉愩��
+        </p>
+        <div class="bodyPic">
+          <img src="../../assets/images/img00002003.jpg" active="true" />
+        </div>
+        <p class="quotation">
+          鍗庣閾讹紝姣曚笟浜庝腑鍥藉啘涓氬ぇ瀛︼紝鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鐨勫垱濮嬩汉涔嬩竴锛屾�诲伐绋嬪笀銆佹�荤粡鐞嗐�傛槅浠戦�氭�佹垚绔嬩箣鍒濓紝鏁忛攼娲炲療甯傚満鍔ㄥ悜锛岄鍒涜蒋纭粨鍚堝彂灞曠殑閬撹矾銆�2002骞达紝甯﹂鍏徃鐮斿彂鍑哄浗鍐呴灞堜竴鎸囩殑浜烘満鐣岄潰浜у搧锛屽紑鍒涗簡鍥藉唴浜烘満鐣岄潰鏂扮殑甯傚満鏍囧噯锛屽紑鍚簡鏈湡鍖栫殑鏂伴噷绋嬬锛屽湪宸ユ帶棰嗗煙鍙栧緱閲嶅ぇ绐佺牬銆�
+        </p>
+      </document>
+    </div>
+    <!-- 灏侀潰 -->
+    <div class="page-box">
+      <h1 class="frontCover" title="灏侀潰">
+        <img alt="灏侀潰" src="../../assets/images/device_phone_Frontcover.jpg" />
+      </h1>
+    </div>
+    <!-- 鍐呭绠�浠� -->
+    <div class="page-box page-padding">
+      <document>
+        <h1>鍐呭绠�浠�</h1>
+        <p class="quotation">
+          鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍏卞悓寮�鍙戠殑椤圭洰鍖栨暀鏉愶紝鏄�滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩�傛湰涔﹀熀浜庡伐浣滆繃绋嬪鍚戯紝闈㈠悜鈥滃弻甯堝瀷鈥濇暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛橈紝鏈嶅姟浜庢満鐢靛拰鑷姩鍖栫被涓撲笟鐨勮亴涓氳兘鍔涘煿鍏汇��
+        </p>
+        <p class="quotation">
+          鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愪富瑕佸寘鎷細瑙︽懜灞忕粍鎬佷粙缁嶃�佲�滆Е鎽稿睆+PLC鈥濈洃鎺у伐绋嬨�佲�滆Е鎽稿睆+PLC+鍙橀鍣紙浼烘湇锛夆�濋�氫俊涓庢帶鍒躲�佲�滆Е鎽稿睆+PLC+浼犳劅鍣ㄢ�濇按浣嶆帶鍒跺伐绋嬨�佲�滆Е鎽稿睆+鍒嗗竷寮忔ā鍧椻�濆伐鎺у伐绋嬨�佽繃绋嬫帶鍒跺伐绋嬨�佲�滄櫤鑳界數姊璋冧笌缁存姢鈥濆叏鍥芥妧鑳藉ぇ璧涜禌棰樸�佲�滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涚粍鎬佽璁°�佽Е鎽稿睆涓庡崟鐗囨満閫氫俊椹卞姩寮�鍙戝疄渚嬬瓑鍐呭锛屽悓鏃舵瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩般�佷换鍔¤缁冨拰璇勪环銆傜綉缁滆祫婧愬惈MCGS宓屽叆寮忕粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佽绋嬫爣鍑嗐�佹暀瀛︽渚嬪拰鏁欏璁捐绛夛紝涓衡�滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮銆�
+        </p>
+        <p class="quotation">
+          鏈功鍐呭鍏锋湁鍏稿瀷鎬с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬х殑鐗硅壊銆�
+        </p>
+        <p class="quotation">
+          鏈功閫傚悎浣滀负楂樼瓑鑱屼笟鏁欒偛鏈虹數涓�浣撳寲鎶�鏈�佺數姘旇嚜鍔ㄥ寲鎶�鏈�佺敓浜ц繃绋嬭嚜鍔ㄥ寲銆佹満鐢靛畨瑁呭伐绋嬬瓑鏈虹數绫讳笓涓氱殑鏁欐潗锛屼篃鍙綔涓虹浉鍏冲伐绋嬫妧鏈汉鍛樺煿璁拰鑷慨鐢ㄤ功銆�
+        </p>
+      </document>
+    </div>
+    <!-- 缂栧濮斿憳浼� -->
+    <div class="page-box page-padding">
+      <document>
+        <p class="content t-center bs-box">
+          鍏ㄥ浗楂樿亴楂樹笓闄㈡牎鏈虹數绫讳笓涓氳鍒掓暀鏉�
+        </p>
+        <div class="fl bs-content-box">
+          <div class="left fl">
+            <h1 class="wr-md bs-title">缂栧濮斿憳浼�</h1>
+            <p class="line"></p>
+          </div>
+          <div class="right" style="margin-left: 10px">
+            <p class="quotation"><b>涓汇��浠伙細</b>鍚曟櫙娉�</p>
+            <p class="quotation"><b>鍓富浠伙細</b>涓ユ檽鑸熴��鍙蹭附钀�</p>
+            <p class="quotation"><b>濮斻��鍛橈細</b>锛堟寜濮撴皬绗旂敾鎺掑簭锛�</p>
+            <p class="quotation">
+              銆�銆�銆�銆�鐜嬨��绔嬨��鐜嬫枃涔夈��鐜嬮緳涔夈��鐜嬪缓鏄庛��鐗涗簯闄�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�鏈卞嚖鑺濄��鍒樺缓瓒呫��鍒樿枃濞ャ��鍏炽��鍋ャ��姹ゆ檽鍗�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�鐗熷織鍗庛��鏉庛��鏂囥��鏉庛��鍐涖��鏉庡悜涓溿��鑲栨柟鏅�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�鐙勫缓闆勩��姹晱鐢熴��瀹嬫窇娴枫��寮犮��鑰�銆�寮犳枃鏄�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�寮犳案鑺便��闄嗗缓鍥姐��闄堛��涓姐��闄堥搧鐗涖��鏋椼��宓�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�鏄庣珛鍐涖��閲戝崼鍥姐��瀹濈埍缇ゃ��鑳″鍚屻��閽熸睙鐢�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�绁濈憺鑺便��濮氥��鍚夈��濮氭案鍒氥��绉︾泭闇栥��绉︾华濂�
+            </p>
+            <p class="quotation">
+              銆�銆�銆�銆�閽遍�哥銆�寰愬浗鏋椼��鍑岃壓鏄ャ��甯告檽鐜层��姊佽崳鏂�
+            </p>
+            <p class="quotation">銆�銆�銆�銆�闊┿��涓姐��绋嬨��鍛ㄣ��鏇剧収棣欍��璋湁骞�</p>
+          </div>
+        </div>
+      </document>
+    </div>
+    <!-- 鍑虹増璇存槑 -->
+    <div class="page-box page-padding">
+      <document>
+        <h1>鍑虹増璇存槑</h1>
+        <p class="quotation">
+          闅忕潃鎴戝浗楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勪笉鏂繁鍏ワ紝鎴戝浗楂樼瓑鑱屼笟鏁欒偛鐨勫彂灞曡繘鍏ヤ簡涓�涓柊鐨勯樁娈点�傛暀鑲查儴涓嬪彂鐨勩�婂叧浜庡叏闈㈡彁楂橀珮绛夎亴涓氭暀鑲叉暀瀛﹁川閲忕殑鑻ュ共鎰忚銆嬫枃浠讹紝鏃ㄥ湪闃愯堪绀句細鍙戝睍瀵归珮绱犺川鎶�鑳藉瀷浜烘墠鐨勯渶姹傦紝浠ュ強濡備綍鎺ㄨ繘楂樿亴浜烘墠鍩瑰吇妯″紡鏀归潻锛屾彁楂樹汉鎵嶅煿鍏昏川閲忋��
+        </p>
+        <p class="quotation">
+          鏁欐潗鐨勫嚭鐗堝伐浣滄槸鏁翠釜楂樼瓑鑱屼笟闄㈡牎鏁欒偛鏁欏宸ヤ綔涓殑閲嶈缁勬垚閮ㄥ垎锛屾暀鏉愭槸璇剧▼鍐呭鍜岃绋嬩綋绯荤殑杞戒綋锛屽璇剧▼鏀归潻鍜屽缓璁惧叿鏈夋帹鍔ㄤ綔鐢紝鎵�浠ユ彁楂樿绋嬫暀瀛︽按骞冲拰鏁欏璐ㄩ噺鐨勫叧閿湪浜庡嚭鐗堥珮姘村钩銆侀珮璐ㄩ噺鐨勬暀鏉愩��
+        </p>
+        <p class="quotation">
+          鍑虹増闈㈠悜楂樼瓑鑱屼笟鏁欒偛鐨勨�滀互灏变笟涓哄鍚戯紝浠ヨ兘鍔涗负鏈綅鈥濈殑浼樿川鏁欐潗涓�鐩村氨鏄腑鍥介搧閬撳嚭鐗堢ぞ浼樺厛寮�鍙戠殑棰嗗煙銆傛垜绀炬湰鐫�鈥滀緷闈犱笓瀹躲�佺爺绌跺厛琛屻�佹湇鍔′负鏈�佹墦閫犵簿鍝佲�濈殑鍑虹増鐞嗗康锛屼簬2007骞存垚绔嬩簡鈥滀腑鍥介搧閬撳嚭鐗堢ぞ楂樿亴鏈虹數绫昏绋嬪缓璁剧爺绌剁粍鈥濓紝骞剁粡杩囦袱骞寸殑鍏呭垎璋冩煡鐮旂┒锛岀瓥鍒掔紪鍐欍�佸嚭鐗堜簡鏈郴鍒楁暀鏉愩��
+        </p>
+        <p class="quotation">
+          鏈郴鍒楁暀鏉愪富瑕佹兜鐩栭珮鑱岄珮涓撴満鐢电被鐨勫叕鍏辫鍙婂叚涓笓涓氱殑鐩稿叧璇剧▼锛屽畠浠槸鐢垫皵鑷姩鍖栦笓涓氥�佹満鐢典竴浣撳寲涓撲笟銆佺敓浜ц繃绋嬭嚜鍔ㄥ寲涓撲笟銆佹暟鎺ф妧鏈笓涓氥�佹ā鍏疯璁′笌鍒堕�犱笓涓氫互鍙婃暟鎺ц澶囧簲鐢ㄤ笌缁存姢涓撲笟銆傚畠浠叡鍚屾垚涓轰綋绯伙紝鍙堝叿鏈夌浉瀵圭嫭绔嬫�с�傛湰绯诲垪鏁欐潗鍦ㄧ紪鍐欒繃绋嬩腑閭�璇蜂簡楂樿亴楂樹笓鑷姩鍖栨暀鎸囧涓撳銆佸浗瀹剁骇鏁欏鍚嶅笀銆佺簿鍝佽璐熻矗浜恒�佺煡鍚嶄笓瀹舵暀鎺堛�佸鏈甫澶翠汉鍙婇骞叉暀甯堛�備粬浠拡瀵圭浉鍏充笓涓氱殑璇剧▼锛岀粨鍚堜簡澶氬勾鏁欏涓殑瀹炶返缁忛獙锛屽悓鏃跺惛鍙栦簡楂樼瓑鑱屼笟鏁欒偛鏀归潻鐨勬垚鏋滐紝鍥犳鏃犺鏁欏鐞嗗康鐨勫鍚戙�佹暀瀛︽爣鍑嗙殑寮�鍙戙�佹暀瀛︿綋绯荤殑纭珛銆佹暀鏉愬唴瀹圭殑绛涢�夈�佹暀鏉愮粨鏋勭殑璁捐锛岃繕鏄暀鏉愮礌鏉愮殑閫夋嫨閮芥瀬鍏风壒鑹层��
+        </p>
+        <p class="quotation">鏈郴鍒楁暀鏉愮殑鐗圭偣褰掔撼濡備笅锛�</p>
+        <p class="quotation">
+          锛�1锛夊洿缁曞煿鍏诲鐢熺殑鑱屼笟鎶�鑳借繖鏉′富绾胯璁℃暀鏉愮殑缁撴瀯锛岀悊璁鸿仈绯诲疄闄咃紝浠庡簲鐢ㄧ殑瑙掑害缁勭粐缂栧啓鍐呭锛岀獊鍑哄疄鐢ㄦ�э紝骞跺悓鏃舵敞鎰忓皢鏂版妧鏈�佹柊鎴愭灉绾冲叆鏁欐潗銆�
+        </p>
+        <p class="quotation">
+          锛�2锛夋牴鎹満鐢电被璇剧▼鐨勭壒鐐癸紝瀵瑰熀鏈悊璁哄拰鏂规硶鐨勮杩板姏姹傜畝鍗曘�佹槗浜庣悊瑙o紝浠ョ紦瑙g箒澶氱殑鐭ヨ瘑鍐呭涓庡亸灏戠殑瀛︽椂涔嬮棿鐨勭煕鐩俱�傚悓鏃讹紝澧炲姞浜嗙浉鍏虫妧鏈湪瀹為檯鐢熶骇銆佺敓娲讳腑鐨勫簲鐢ㄥ疄渚嬶紝浠庤�屾縺鍙戝鐢熺殑瀛︿範鐑儏銆�
+        </p>
+        <p class="quotation">
+          锛�3锛夊皢鈥滈棶棰樺紩瀵煎紡鈥濃�滄渚嬪紡鈥濃�滀换鍔¢┍鍔ㄥ紡鈥濃�滈」鐩┍鍔ㄥ紡鈥濈瓑澶氱鏁欏鏂规硶寮曞叆鏁欐潗浣撲緥鐨勮璁′腑锛岃瀺鍏ュ惎鍙戝紡鐨勬暀瀛︽柟娉曪紝鍔涙眰濂芥暀銆佸ソ瀛︺�佺埍瀛︺��
+        </p>
+        <p class="quotation">
+          锛�4锛夋敞閲嶇珛浣撳寲鏁欐潗鐨勫缓璁俱�傛湰绯诲垪鏁欐潗閫氳繃涓绘暀鏉愩�侀厤濂楀厜鐩樸�佺數瀛愭暀妗堢瓑鏁欏璧勬簮鐨勬湁鏈虹粨鍚堬紝鏉ユ彁楂樻暀瀛︽湇鍔℃按骞炽��
+        </p>
+        <p class="quotation">
+          鏈郴鍒楁暀鏉愬湪绛栧垝鍑虹増杩囩▼涓緱鍒颁簡鏁欒偛閮ㄩ珮鑱岄珮涓撹嚜鍔ㄥ寲鎶�鏈被涓撲笟鏁欏鎸囧濮斿憳浼氬鍛樹互鍙婂箍澶т笓瀹剁殑鎸囧鍜屽府鍔╋紝鍦ㄦ琛ㄧず娣辨繁鐨勬劅璋€�傚笇鏈涙湰绯诲垪涓涗功鐨勫嚭鐗堣兘涓烘垜鍥介珮绛夎亴涓氶櫌鏍℃暀鑲叉敼闈╄捣鍒拌壇濂界殑鎺ㄥ姩浣滅敤锛屾杩庝娇鐢ㄦ湰绯诲垪鏁欐潗鐨勮�佸笀鍜屽悓瀛︿滑鎻愬嚭瀹濊吹鐨勬剰瑙佸拰寤鸿銆備功涓鏈変笉濡ヤ箣澶勶紝鏁鎵硅瘎鎸囨銆�
+        </p>
+        <p class="content t-right">涓浗閾侀亾鍑虹増绀炬湁闄愬叕鍙�</p>
+      </document>
+    </div>
+    <!-- 绗笁鐗� -->
+    <div class="page-box page-padding">
+      <document>
+        <h1>绗笁鐗堝墠瑷�</h1>
+        <p class="quotation">
+          鏈功鏄珮鑱岄櫌鏍′笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃锛堜互涓嬬畝绉扳�滄槅浠戦�氭�佸叕鍙糕�濓級鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戞暀甯堝拰宸ユ帶琛屼笟鎶�鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑鈥滃崄浜屼簲鈥濊亴涓氭暀鑲插浗瀹惰鍒掓暀鏉愩��
+        </p>
+        <p class="quotation">
+          鏈功浠ヤ節涓」鐩紩棰嗚鑰呭涔犵敱瑙︽懜灞忋�丳LC銆佸彉棰戝櫒銆佷紶鎰熷櫒銆侀�氫俊鍗忚绛夐泦鎴愮殑灏忓瀷宸ユ帶绯荤粺锛屽姣忎釜璁粌椤圭洰鐨勬瘡涓姩浣滃拰姝ラ璁捐姹傘�佸畾鐩爣锛屽湪瀹炶返杩囩▼涓敞閲嶄紒涓氱敓浜у厓绱狅紝铻嶉�氱敓浜у伐鑹猴紝绱ц创鐢熶骇杩囩▼锛屸�滀换鍔℃槑纭�佹楠ゆ竻鏅般�佽繃绋嬭鑼冦�佽�冭瘎鍒颁綅鈥濓紝鑳藉煿鍏讳弗璋ㄧ殑宸ヤ綔浣滈鍜岀簿鐩婃眰绮剧殑浜у搧鎰忚瘑锛屾垚灏卞伐鎺ч珮鎵嬬殑姊︽兂銆�
+        </p>
+        <p class="quotation"><b>缂栧啓鑳屾櫙</b></p>
+        <p class="quotation">
+          鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟涓庝紒涓氱殑鍏稿瀷銆佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
+        </p>
+        <p class="quotation">
+          鍖椾含鏄嗕粦閫氭�丮CGS瑙︽懜灞忔槸鍥藉唴涓绘祦宸ユ帶浜у搧锛屼笉浠呬娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屼篃鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆傚湪涓庢槅浠戦�氭�佸叕鍙稿悎浣滃紑鍙戔�滃伐鎺х郴缁熷畨瑁呬笌璋冭瘯鈥濊绋嬶紙http://gxkc.cztgi.edu.cn锛�4505/锛夊熀纭�涓婏紝鍚堜綔缂栧啓浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗竴鐗堬級锛屽彈鍒板鏍″拰浼佷笟娆㈣繋銆傞殢鐫�宸ユ帶鎶�鏈揩閫熷彂灞曪紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌浼佷笟杩涜浜嗗箍娉涙繁鍏ュ悎浣滐紝鍙傜収琛屼笟涓庝紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗐�婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗簩鐗堬級妗嗘灦绛栧垝銆佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆備负浜嗘洿濂藉湴閫傚簲鏂版妧鏈彂灞曪紝浠ュ強婊¤冻鏁欐潗鍐呭鍜岃涓氫笌浼佷笟鍙戝睍鍚屾锛屾垜浠洿鏂般�佹敼鐗堢紪鍐欎簡銆婂祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�嬶紙绗笁鐗堬級锛屽悓鏃跺垱寤轰簡鈥滃祵鍏ュ紡缁勬�佹帶鍒舵妧鏈�漄Q浜ゆ祦缇わ紝缇ゅ彿涓猴細107163512銆�
+        </p>
+        <p class="quotation"><b>鏁欐潗鐗圭偣</b></p>
+        <p class="quotation">
+          鏈功鍥寸粫瑙︽懜灞忔牳蹇冩妧鏈紝鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈浉缁撳悎锛屾瀯鎴愬吀鍨嬬殑妗堜緥锛屽唴瀹规兜鐩栦簡宸ユ帶绯荤粺閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佸彲鎿嶄綔鎬р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛�
+        </p>
+      </document>
+    </div>
+    <div class="page-box page-padding">
+      <document>
+        <p></p>
+        <p class="quotation"><b>鍩烘湰鍐呭</b></p>
+        <p class="t0">鐢熷涔犲叴瓒e拰鏁堢巼浠ュ強鏄撳銆佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��</p>
+        <p class="quotation">
+          鏈功鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰缃戠粶璧勬簮缁勬垚銆傚僵鑹茬焊璐ㄦ暀鏉愮敱涔濅釜椤圭洰缁勬垚锛屾瘡涓」鐩腑鐨勪换鍔″畨鎺掍簡浠诲姟鐩爣銆佷换鍔℃弿杩板拰浠诲姟璁粌銆傜綉缁滆祫婧愬惈宓屽叆鐗堢粍鎬佽蒋浠躲�佸伐绋嬫渚嬨�佹暀瀛︽渚嬨�佺▼搴忔簮浠g爜銆佸井璇剧瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫�傝棰戣祫婧愰�氳繃鎵弿浜岀淮鐮佽幏鍙栵紝鍏朵粬鐩稿叧璧勬簮鍙粠鎴戠ぞ缃戠珯锛坔ttp://www.tdpress.com/51eds/锛変笅杞姐��
+        </p>
+        <p class="quotation">
+          鏈功鐢卞紶鏂囨槑銆佸崕绁栭摱浠讳富缂栵紝鐜嬩竴鍑°�侀檲涓滃崌銆侀粍鏅撲紵銆佹浌寤哄啗銆佸畫榛庤弫銆佺吉寤哄崕銆佷粯鍗庤壇銆佽淳鍚涜搐浠诲壇涓荤紪锛屽叿浣撶紪鍐欏垎宸ュ涓嬶細寮犳枃鏄庢暀鎺堟挵鍐欏墠瑷�锛涘紶鏂囨槑鏁欐巿鍜屽崕绁栭摱鎬诲伐绋嬪笀鍏卞悓缂栧啓椤圭洰涓�锛涢粍鏅撲紵宸ョ▼甯堢紪鍐欓」鐩簩銆侀」鐩笁锛堜换鍔′竴锝炰换鍔″洓锛夛紱闄堜笢鍗囧伐绋嬪笀缂栧啓椤圭洰浜旓紱鐜嬩竴鍑″壇鏁欐巿缂栧啓椤圭洰鍥涖�侀」鐩叚锛涘畫榛庤弫宸ョ▼甯堢紪鍐欓」鐩竷銆侀」鐩笁锛堜换鍔″叚锛夛紱浠樺崕鑹壇鏁欐巿缂栧啓椤圭洰涓夛紙浠诲姟浜旓級銆佹浌寤哄啗鍓暀鎺堝拰璐惧悰璐よ甯堝叡鍚岀紪鍐欓」鐩叓锛涚吉寤哄崕楂樼骇鎶�甯堢紪鍐欓」鐩節銆傚叏涔︾敱寮犳枃鏄庢暀鎺堟寚瀵煎苟璐熻矗缁熺锛屾堡鏅撳崕鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
+        </p>
+        <p class="quotation">
+          鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佷腑鍥介搧閬撳嚭鐗堢ぞ鏈夐檺鍏徃鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒
+        </p>
+        <p class="quotation">
+          闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂撮檺鍒讹紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇峰箍澶ц鑰呮壒璇勬寚姝c��
+        </p>
+        <p class="content t-right">缂栬��</p>
+        <p class="content t-right">2019骞�5鏈�</p>
+      </document>
+    </div>
+    <div class="page-box page-padding">
+      <document>
+        <h1>绗竴鐗堝墠瑷�</h1>
+        <p class="quotation">
+          鏈功鏄暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氳鍒掋�佸父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓鐨勫熀浜庡伐浣滆繃绋嬪鍚戙�侀潰鍚戔�滃弻甯堝瀷鈥濇暀甯堝拰琛屼笟銆佷紒涓氭妧鏈汉鍛樸�佹湇鍔′簬鏈虹數鍜岃嚜鍔ㄥ寲绫讳笓涓氳亴涓氳兘鍔涘煿鍏荤殑椤圭洰鍖栨暀鏉愩��
+        </p>
+        <p class="quotation">
+          鐩墠宸ヤ笟鑷姩鍖栫粍鎬佽蒋浠剁殑鍙戝睍鏈変袱涓柟闈紝涓�鏂归潰鏄悜澶у瀷鐨勫钩鍙拌蒋浠跺彂灞曪紱鍙︿竴鏂归潰鏄悜灏忓瀷鍖栨柟鍚戝彂灞曪紝鐢遍�氱敤缁勬�佽蒋浠剁畝鍖栨垚宓屽叆寮忕粍鎬佽蒋浠讹紝鍙娇澶ч噺鐨勫伐涓氭帶鍒惰澶囨垨鐢熶骇璁惧鍏锋湁鏇村鐨勮嚜鍔ㄥ寲鍔熻兘锛屽彂灞曟満浼氭洿澶氥�佸競鍦哄閲忔洿澶с�傚寳浜槅浠戦�氭�丮CGS宓屽叆寮忕粍鎬佽蒋浠朵綔涓哄浗鍐呬富娴佸伐鎺т骇鍝侊紝鏄紒涓氬疄鐜扮鎺т竴浣撳寲鐨勭悊鎯抽�夋嫨銆�
+        </p>
+        <p class="quotation"><b>缂栧啓鑳屾櫙</b></p>
+        <p class="quotation">
+          鏈功鍧氭寔鍩轰簬宸ヤ綔杩囩▼瀵煎悜鐨勯」鐩寲鏁欏鏀归潻鏂瑰悜锛屽潥鎸佸皢琛屼笟銆佷紒涓氬吀鍨嬨�佸疄鐢ㄣ�佹搷浣滄�у己鐨勫伐绋嬮」鐩紩鍏ヨ鍫傦紝鍧氭寔鍙戞尌琛屽姩瀵煎悜鏁欏鐨勭ず鑼冭緪灏勪綔鐢ㄣ��
+        </p>
+        <p class="quotation">
+          闅忕潃宓屽叆寮忕粍鎬佸拰瑙︽懜灞忔妧鏈殑蹇�熷彂灞曪紝2006骞达紝甯稿窞绾虹粐鏈嶈鑱屼笟鎶�鏈闄笌鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍚堜綔缂栧啓浜嗐�婄粍鎬佽蒋浠舵帶鍒舵妧鏈�嬶紝鍙楀埌瀛︽牎鍜屼紒涓氭杩庛�傛湰涔﹀弬鐓ц涓氥�佷紒涓氭爣鍑嗗拰宸ヨ壓瑕佹眰锛岃緝濂藉湴瀹屾垚浜嗘鏋剁瓥鍒掋�佺幇鍦轰氦娴併�佸簲鐢ㄦ祴璇曘�佹枃妗堢紪鎾般�佽祫婧愬埗浣溿�佽祫鏂欐暣鍚堢瓑浠诲姟銆傛湰涔︿负2010骞村浗瀹剁骇绮惧搧璇剧▼閰嶅鐨勪富璁叉暀鏉愩��
+        </p>
+        <p class="quotation"><b>鏁欐潗鐗圭偣</b></p>
+        <p class="quotation">
+          鍥寸粫宓屽叆寮忕粍鎬佹妧鏈牳蹇冿紝浠ヨЕ鎽稿睆TPC鍒嗗埆涓嶱LC銆佸彉棰戝櫒銆佹櫤鑳戒华琛ㄣ�佷紶鎰熷櫒鍙婁己鏈嶉�氫俊鎺у埗鎶�鏈吀鍨嬪簲鐢ㄤ负宸ヤ綔浠诲姟锛屾兜鐩栦簡宓屽叆寮忕粍鎬佺殑閲嶈鐭ヨ瘑涓庢妧鑳斤紝杩涜浜嗗惊搴忔笎杩涚殑宸ヤ綔瀵煎悜鎻忚堪銆傜紪鍐欓伒寰�滃吀鍨嬫�с�佸疄鐢ㄦ�с�佸厛杩涙�с�佹搷浣滄�р�濆師鍒欙紝绮剧編鐨勫浘鐗囥�佸崱閫氫汉鐗╁強杞欢浠跨湡绛夌殑缁煎悎杩愮敤锛屽皢瀛︿範銆佸伐浣滆瀺浜庤交鏉炬剦鎮︾殑鐜涓紝鍔涙眰杈惧埌鎻愰珮瀛︾敓瀛︿範鍏磋叮鍜屾晥鐜囦互鍙婃槗瀛︺�佹槗鎳傘�佹槗涓婃墜鐨勭洰鐨勩��
+        </p>
+      </document>
+    </div>
+    <!-- 绗竴鐗� -->
+    <div class="page-box page-padding">
+      <document>
+        <p class="quotation"><b>鍩烘湰鍐呭</b></p>
+        <p class="quotation">
+          鏈鏁欐潗鐢卞僵鑹茬焊璐ㄦ暀鏉愬拰澶氬獟浣撳厜鐩樼粍鎴愩�傜焊璐ㄦ暀鏉愬叡鐢卞崄涓�涓换鍔$粍鎴愶紝浠诲姟涓�璁よ瘑宓屽叆寮忕粍鎬�+瑙︽懜灞忥紱浠诲姟浜屼富瑕佽瑙d笁娆句富娴佸瀷鍙稰LC涓庡祵鍏ュ紡TPC鐨勯�氫俊鍜屾帶鍒讹紱浠诲姟涓変富瑕佽缁冨祵鍏ュ紡TPC+鍙橀鍣ㄧ殑RS
+          485閫氫俊涓庤鍒掓洸绾挎帶鍒讹紱浠诲姟鍥涗富瑕佽瑙e祵鍏ュ紡TPC涓嶢I鏅鸿兘浠〃瀹炵幇澶氫釜閫氶亾娓╁害闆嗕腑鎺у埗锛涗换鍔′簲璁茶В宓屽叆寮廡PC+PLC+鍙橀鍣ㄧ殑璋冮�熺郴缁燂紱浠诲姟鍏瑙e祵鍏ュ紡TPC+宓屽叆寮廡PC涔嬮棿鐨勯�氫俊锛涗换鍔′竷璁茶В宓屽叆寮廡PC涓嶱LC鐨勯�氫俊杩炴帴锛岄┍鍔ㄤ己鏈嶆帶鍒朵簩缁村钩鍙板畾浣嶏紱浠诲姟鍏祵鍏ュ紡缁勬�乀PC+PLC+浼犳劅鍣ㄧ殑姘翠綅宸ョ▼锛屼富瑕佽瑙e祵鍏ュ紡缁勬�佸姛鑳藉簲鐢紱浠诲姟涔濊瑙e祵鍏ュ紡缁勬�乀PC閰嶆柟宸ョ▼锛涗换鍔″崄璁茶В鐢垫宓屽叆寮忕粍鎬侊紱浠诲姟鍗佷竴璁茶В鈥滆嚜鍔ㄥ寲鐢熶骇绾垮畨瑁呬笌璋冭瘯鈥濆叏鍥芥妧鑳藉ぇ璧涘祵鍏ュ紡缁勬�佽璁°�傛瘡涓换鍔¢兘瀹夋帓浜嗕换鍔$洰鏍囥�佷换鍔℃弿杩板拰浠诲姟璁粌銆傚濯掍綋鍏夌洏鍚渶鏂癕CGS宓屽叆寮忕粍鎬佸畨瑁呰蒋浠躲�乀PC浜у搧鏍锋湰銆佸伐绋嬫渚嬨�佹暀瀛︿换鍔″伐绋嬫渚嬨�佽绋嬫爣鍑嗗強鈥滆鍔ㄥ鍚戔�濊绋嬫暀妗堢瓑锛屼负鈥滄暀鈥濆拰鈥滃鈥濇彁渚涗簡鐢熷姩銆佺洿瑙傘�佷究鎹枫�佺珛浣撶殑鏁欏璧勬簮鍖呫��
+        </p>
+        <p class="quotation">
+          鏈功缂栧啓鍒嗗伐濡備笅锛氬紶鏂囨槑鍓暀鎺堛�佸崕绁栭摱鎬诲伐绋嬪笀鍏卞悓璐熻矗鎾板啓鏁欐潗鍓嶈█銆佸唴瀹圭畝浠嬪拰浠诲姟涓�锛涘紶鏂囨槑鍓暀鎺堟挵鍐欎换鍔′簩銆佷换鍔″叚锛涘紶鏂囨槑鍓暀鎺堛�侀粍鏅撲紵宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′笁銆佷换鍔′簲锛涢檲涓滃崌宸ョ▼甯堟挵鍐欎换鍔″洓锛涘紶鏂囨槑鍓暀鎺堛�侀檲涓滃崌宸ョ▼甯堝叡鍚屾挵鍐欎换鍔′竷锛涚帇涓�鍑¤甯堟挵鍐欎换鍔″叓锛涢粍鏅撲紵宸ョ▼甯堟挵鍐欎换鍔′節锛涘紶寤烘垚楂樺伐鍜岄檲璺冨畨鍓暀鎺堝叡鍚屾挵鍐欎换鍔″崄锛涙浌寤哄啗宸ョ▼甯堟挵鍐欎换鍔″崄涓�銆傚叏涔︾敱寮犳枃鏄庡壇鏁欐巿绛栧垝銆佹寚瀵煎苟璐熻矗缁熺锛涙暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氫富浠诲鍛樺悤鏅硥鏁欐巿鍜屽寳浜槅浠戦�氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃鍒樺織鍐涢珮绾у伐绋嬪笀涓诲銆�
+        </p>
+        <p class="quotation">
+          鍦ㄦ湰涔︾紪鍐欒繃绋嬩腑锛屽緱鍒颁簡鍖椾含鏄嗕粦閫氭�佽嚜鍔ㄥ寲杞欢绉戞妧鏈夐檺鍏徃銆佹暀鑲查儴楂樿亴楂樹笓鑷姩鍖栨妧鏈被涓撲笟鏁欏鎸囧濮斿憳浼氥�佷腑鍥介搧閬撳嚭鐗堢ぞ鍜屽父宸炵汉缁囨湇瑁呰亴涓氭妧鏈闄㈢瓑鍗曚綅棰嗗鐨勫ぇ鍔涙敮鎸侊紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋紒鍚屾椂涔熻鎰熻阿鍖椾含鏄嗕粦閫氭�佹棤閿″垎鍏徃鍙茬杩炪�佸懆鏄熴�佽敗鐞崇惓绛夊伐绋嬫妧鏈汉鍛樺鏈功缂栧啓鎻愪緵鐨勫府鍔╋紒
+        </p>
+        <p class="quotation">
+          闄愪簬缂栬�呯殑缁忛獙銆佹按骞充互鍙婃椂闂达紝涔︿腑闅惧厤鍦ㄥ唴瀹瑰拰鏂囧瓧涓婂瓨鍦ㄤ笉瓒冲拰缂洪櫡锛屾暚璇锋彁鍑烘壒璇勬寚姝c��
+        </p>
+        <p class="content t-right">缂栬��</p>
+        <p class="content t-right">2011骞�6鏈�</p>
+      </document>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "headerPage",
+};
+</script>
+<style scoped lang="less">
+.author-padding {
+  padding: 104px 20px 104px 20px;
+}
+.author-box {
+  width: 80%;
+  background-color: #4a1333;
+  color: #fff;
+  margin: 0 auto;
+  height: 40px;
+  line-height: 40px;
+  font-size: 20px;
+}
+.bs-box {
+  white-space: wrap;
+  background-color: #7c5565;
+  color: #fff;
+  font-size: 24px !important;
+  min-height: 48px;
+  line-height: 48px;
+  font-weight: 400;
+}
+.bs-title {
+  font-size: 36px;
+  margin-bottom: 100px;
+}
+.bs-content-box {
+  background-color: #c3afb5;
+  padding: 10px;
+  box-shadow: 6px 6px 0px 0px #00000029;
+}
+.line {
+  width: 2px;
+  height: 95%;
+  background-color: #501438;
+}
+</style>
diff --git a/src/books/embedded/view/components/index.vue b/src/books/embedded/view/components/index.vue
new file mode 100644
index 0000000..f85dcad
--- /dev/null
+++ b/src/books/embedded/view/components/index.vue
@@ -0,0 +1,22 @@
+<template>
+  <div class="page-content">
+    <pageHeader></pageHeader> 
+    <chapterOne />
+  </div>
+</template>
+<script>
+import pageHeader from './header.vue'
+import chapterOne from "./chapter001.vue";
+export default {
+  name: "pageContent",
+  components: { pageHeader,chapterOne },
+};
+</script>
+<style scoped lang="less">
+.page-content {
+  max-width: 816px;
+  min-width: 375px;
+  margin: 0 auto;
+  padding-bottom: 100px;
+}
+</style>
diff --git a/src/books/embedded/view/index.vue b/src/books/embedded/view/index.vue
new file mode 100644
index 0000000..d298a9c
--- /dev/null
+++ b/src/books/embedded/view/index.vue
@@ -0,0 +1,135 @@
+<template>
+  <div
+    class="embedded-book"
+    @mouseup="handleMouseUp"
+    :style="{
+      fontSize: fontSize ? fontSize + 'px' : '16px',
+      transform: `scale(${pageZoom ? pageZoom : 1})`,
+    }"
+  >
+    <pageContent></pageContent>
+  </div>
+</template>
+
+<script>
+import pageContent from "./components/index.vue";
+export default {
+  name: "embedded-book",
+  components: {
+    pageContent,
+  },
+  data() {
+    return {
+      bookData: {},
+      type: "option",
+      idPathList: [],
+      cardList: [],
+      isMouseDown: false,
+    };
+  },
+  computed: {
+    fontSize() {
+      return this.$store.state.qiankun.fontSize;
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale / 100;
+    },
+  },
+  mounted() {
+  },
+  methods: {
+    getBookInfo() {
+      let query = {
+        path: "*",
+        queryType: "*",
+        productId: this.config.bookId,
+        favoriteTypes: "FavoriteBookCity",
+        itemFields: {
+          "SysType=": "CmsFolder",
+        },
+        coverSize: {
+          height: 300,
+        },
+        fields: {
+          seriesName: [],
+          author: [],
+          isbn: [],
+          publicationDate: [],
+          bookClassification: [],
+          paperPrice: [],
+          JDLink: [],
+          tmallLink: [],
+          dangdangLink: [],
+          weidianLink: [],
+          content: [],
+          authorIntroduction: [],
+          // isApplyPaperBook: [],
+          // isApplyEBook: [],
+          isApplyBook: [],
+          isSell: [],
+          pdf: [],
+          protectedEpub: [],
+          probationPage: [], //pdf璇曡椤垫暟
+          freeEpubPage: [], //epub璇曡鐧惧垎姣�
+        },
+      };
+      this.MG.store.getProductDetail(query).then((res) => {
+        this.$data.bookData = res.datas;
+        this.$store.commit("setRootCmsItemId", res.datas.rootCmsItemId);
+      });
+    },
+    getParentWithClass(element, className) {
+      while (element.parentElement) {
+        element = element.parentElement;
+        if (element.classList.contains(className)) {
+          return element;
+        }
+      }
+    },
+    handleMouseUp(e) {
+      const selection = (
+        this.container ? this.container : window
+      ).getSelection();
+      const txt = selection.toString();
+      if (selection.type != "none" && txt) {
+        let node = selection.anchorNode.parentNode;
+        let pageHtml = this.getParentWithClass(
+          selection.anchorNode,
+          "page-box"
+        );
+        let chapterDom = this.getParentWithClass(
+          selection.anchorNode,
+          "chapter"
+        );
+        let chapterNum;
+        if (chapterDom) chapterNum = chapterDom.getAttribute("num");
+        if (pageHtml) {
+          const page = pageHtml.getAttribute("page");
+          // 鐩戝惉閫変腑鏂囨湰浜嬩欢锛屽苟瑙﹀彂鐖跺眰鏂规硶
+          if (this.$store.state.qiankun.windowSelection) {
+            this.$store.state.qiankun.windowSelection({
+              chapterNum,
+              txt,
+              page,
+              x: e.x,
+              y: e.y,
+            });
+          }
+        }
+      } else {
+        if (this.$store.state.qiankun.windowSelection) {
+          this.$store.state.qiankun.windowSelection({
+            chapterNum: "",
+            txt: "",
+            page: "",
+            x: e.x,
+            y: e.y,
+          });
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 6ffb576..79f893b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,12 @@
 import Vue from "vue";
 import App from "./App.vue";
 import less from "less";
+// 瀛﹀墠鍎跨鍗敓涓庡仴搴�
 import "./books/childHealth/assets/main.less";
-// import './books/content/css/default.less'
+
+// import './books/content/css/default.less';
+// 宓屽叆寮忕粍鎬佹帶鍒舵妧鏈�
+// import './books/embedded/assets/main.less';
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import store from "./store";

--
Gitblit v1.9.1