From 0a465050c773d8b420f2b99d598de3d5dc9aef2b Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 17 五月 2024 15:45:28 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

---
 src/books/childHealth/view/content/components/chapter001.vue | 1557 +++++++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 1,189 insertions(+), 368 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 9f2929e..80d3c7b 100644
--- a/src/books/childHealth/view/content/components/chapter001.vue
+++ b/src/books/childHealth/view/content/components/chapter001.vue
@@ -39,13 +39,19 @@
           alt=""
           :src="introductionImg"
           :preview-src-list="[introductionImg]"
-          class="mb-20"
+          class="mb-20 open-image"
         />
       </p>
     </div>
     <!-- 2 -->
     <div class="page-box" page="2">
-      <evenHeaderVue :num="2" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">2</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6>
         <p class="blockh6-c tl ti2 " >
@@ -65,7 +71,7 @@
             />
           </span>
             <table
-            v-if="learnTbaleOne"
+              v-if="learnTbaleOne"
               align="center"
               border="1"
               cellpadding="10"
@@ -131,57 +137,102 @@
                   <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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableOne.qEight"
+                    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="chapterOneData.learnTableOne.qNine"
+                    placeholder="璇疯緭鍏ュ唴瀹�"
+                    maxlength="300"
+                    class="w100 ta-br textarea-text"
+                  ></textarea>
                 </td>
               </tr>
               <tr>
@@ -237,6 +288,8 @@
             v-if="testOne && questionData"
               ref="examinationOne"
               :cardList="questionData[2]"
+              :chapter="1"
+              :page="2"
             />
         </p>
         <h2 class="module_block" id="b001" style="margin: 0">
@@ -249,14 +302,15 @@
             <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 class="block t0">
+              <textarea 
+                cols="30" 
+                rows="4" 
+                v-model="chapterOneData.experienceOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br fm-st cl-66 fz-14"
+              ></textarea>
             </p>
             <p class="block">
               骞煎効鏁欏笀鍙湁鐔熸倝瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭壒鐐癸紝鎵嶈兘鍦ㄥ伐浣滆繃绋嬩腑鏈夐拡瀵规�у湴寮�灞曚繚鏁欏伐浣滐紝鏈夋晥缁存姢鍜屼績杩涘鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨杩愬姩绯荤粺鐨勭敓鐞嗗拰淇濊偛鐭ヨ瘑锛屼负骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄥ強鏃ュ父鐢熸椿涓仛濂借繍鍔ㄧ郴缁熺殑鍗敓涓庝繚鍋ュ伐浣滄彁渚涚瀛︾殑渚濇嵁鍜屾寚瀵笺��
@@ -270,7 +324,7 @@
             </p>
             <div class="text-img-box">
               <div style="margin-right: 50px">
-                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" />
+                <el-image :src="bonesImg" :preview-src-list="[bonesImg]" class="open-image" />
                 <span class="img">鍥�1-1 浜轰綋鍏ㄨ韩楠ㄩ锛堝墠闈㈣锛�</span>
               </div>
               <div>
@@ -303,7 +357,12 @@
     </div>
     <!-- 3 -->
     <div class="page-box" page="3">
-      <oddHeaderVue :special="1" :num="3" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">3</span>
+      </div>
       <div class="padding-96">
         <h5 id="e002">2.楠ㄦ煍闊э紝鏄撳彉褰�</h5>
         <p class="lh2 tl-ju">
@@ -336,7 +395,7 @@
           <div class="bottom-right" style="width: 35%">
             <el-carousel
               trigger="click"
-              class="bones-carousel"
+              class="bones-carousel carousel-image"
               arrow="always"
               indicator-position="none"
             >
@@ -349,6 +408,7 @@
                   :src="item"
                   :preview-src-list="bonesList"
                   :preview-teleported="true"
+                  class="open-image"
                 />
               </el-carousel-item>
             </el-carousel>
@@ -361,7 +421,13 @@
     </div>
     <!-- 4 -->
     <div class="page-box" page="4">
-      <evenHeaderVue :num="4" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">4</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="lh2 t0 tl-ju">
           鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱��
@@ -376,7 +442,7 @@
             class="left fl fl-di fl-evenly"
             style="width: 30%; margin-top: 5px"
           >
-            <el-image :src="jointImg" :preview-src-list="[jointImg]" />
+            <el-image :src="jointImg" :preview-src-list="[jointImg]" class="open-image" />
             <p class="img">鍥�1-3 鍏宠妭妯″紡鍥�</p>
           </div>
           <div class="right" style="width: 70%; padding-left: 20px">
@@ -396,7 +462,7 @@
             <el-carousel
               loop
               trigger="click"
-              class="bones-carousel"
+              class="bones-carousel carousel-image"
               arrow="always"
               indicator-position="none"
             >
@@ -409,6 +475,7 @@
                   :src="item"
                   :preview-src-list="footList"
                   :preview-teleported="true"
+                  class="open-image"
                 />
               </el-carousel-item>
             </el-carousel>
@@ -428,7 +495,12 @@
     </div>
     <!-- 5 -->
     <div class="page-box" page="5">
-      <oddHeaderVue :special="1" :num="5" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">5</span>
+      </div>
       <div class="padding-96">
         <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3>
         <h4 id="d004">锛堜竴锛夋寚瀵煎鍓嶅効绔ヤ繚鎸佹纭Э鍔匡紝闃叉鑴婃煴鍜岃兏寤撶暩褰�</h4>
@@ -444,7 +516,7 @@
             <el-carousel
               loop
               trigger="click"
-              class="posure-carousel"
+              class="posure-carousel carousel-image"
               style="width: 300px"
               arrow="always"
               indicator-position="none"
@@ -458,6 +530,7 @@
                   :src="item"
                   :preview-src-list="posureList"
                   :preview-teleported="true"
+                  class="open-image"
                 />
               </el-carousel-item>
             </el-carousel>
@@ -493,7 +566,13 @@
     </div>
     <!-- 6 -->
     <div class="page-box" page="6">
-      <evenHeaderVue :num="6" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">6</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d007">锛堝洓锛変緵缁欏厖瓒崇殑钀ュ吇</h4>
         <p class="lh2">
@@ -508,8 +587,12 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[6]" v-if="questionData" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
+          <examinations 
+            :cardList="questionData[6]" 
+            v-if="questionData" 
+            :chapter="1"
+            :page="6" />
         </p>
         <h4 id="d008">锛堜簲锛夋敞鎰忎繚鎶ゅソ鍏宠妭鍜岄煣甯�</h4>
         <p class="lh2">
@@ -611,43 +694,83 @@
               <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="chapterOneData.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="chapterOneData.learnTableTwo.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableTwo.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="chapterOneData.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="chapterOneData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -671,15 +794,25 @@
     </div>
     <!-- 7 -->
     <div class="page-box" page="7">
-      <oddHeaderVue :special="1" :num="7" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">7</span>
+      </div>
       <div class="padding-96">
         <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>
+          <textarea 
+            cols="30" 
+            rows="4" 
+            v-model="chapterOneData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             褰撳闀垮強骞煎効鍥暀甯堝彂鐜板瀛愮殑榧昏厰鍐呮湁寮傜墿鏃讹紝鍒囧嬁绱у紶鎬ヨ簛锛屾洿涓嶈兘涓ュ帀璁枼鍜屾墦楠傚瀛愶紝浠ュ厤瀛╁瓙鎯婃厡鍝椆锛屽皢寮傜墿鍚稿叆涓嬪懠鍚搁亾锛屽鑷村懠鍚搁亾寮傜墿鐨勪弗閲嶅悗鏋溿�傚悓鏃讹紝鍗冧竾鍒敤鎵嬨�侀晩瀛愮瓑澶瑰彇榧昏厰寮傜墿锛岃繖鏈夊彲鑳借嚧浣垮紓鐗╄秺闄疯秺娣憋紝闅句互鍙栧嚭锛屼篃寰堝鏄撻�犳垚灏忓榧昏厰榛忚啘鎹熶激锛屽紩璧峰嚭琛�鎴栧彂鐐庛�傝�屽簲璁炬硶鍔濋樆瀛╁瓙鍝椆锛屾敼鐢ㄥ彛鑵斿懠鍚革紝鐒跺悗杩呴�熼�佸線鍖婚櫌妫�鏌ャ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍛煎惛绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ヤ究骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝鍦板瀛﹀墠鍎跨鐨勫懠鍚哥郴缁熷紑灞曚繚鍋ュ伐浣溿��
           </p>
@@ -692,12 +825,12 @@
             <p class="lh2">
               鍛煎惛绯荤粺鐢卞懠鍚搁亾鍜岃偤缁勬垚銆傚懠鍚搁亾鍖呮嫭榧汇�佸捊銆佸枆銆佹皵绠″拰鏀皵绠★紝鏄皵浣撹繘鍑鸿偤鐨勯�氶亾锛堣鍥�1-6锛夈�傞�氬父鎶婇蓟銆佸捊銆佸枆绉颁负涓婂懠鍚搁亾锛屾妸姘旂鍜屾敮姘旂绉颁负涓嬪懠鍚搁亾銆傝偤鏄皵浣撲氦鎹㈢殑鍦烘墍銆�
             </p>
-            <h3 id="c003">涓�銆佸鍓嶅効绔ュ懠鍚哥郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
+            <h3 id="c003">涓�銆佸鍓嶅効绔ュ懠鍚哥郴缁熺殑鐗圭偣锛烇紴锛�</h3>
         <h4 id="d009">锛堜竴锛夊懠鍚稿櫒瀹樼殑鐗圭偣</h4>
         <h5 id="e012">1.榧�</h5>
           </div>
           <div class="right" style="width: 50%">
-            <el-image :src="breathing" :preview-src-list="[breathing]" />
+            <el-image :src="breathing" :preview-src-list="[breathing]" class="open-image" />
             <p class="img">鍥�1-6 鍛煎惛绯荤粺绀烘剰鍥�</p>
           </div>
         </div>
@@ -710,7 +843,13 @@
     </div>
     <!-- 8 -->
     <div class="page-box" page="8">
-      <evenHeaderVue :num="8" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">8</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fl fl-around">
           <div class="left" style="width: 38%">
@@ -756,7 +895,7 @@
           </div>
           <div class="right" style="width: 20%">
             <p class="center">
-              <el-image :src="throat" :preview-src-list="[throat]" />
+              <el-image :src="throat" :preview-src-list="[throat]" class="open-image" />
             </p>
             <p class="img">鍥�1-7 鍠夎厰妯″紡鍥�</p>
           </div>
@@ -780,13 +919,18 @@
         </p>
         <p class="img">琛�1-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>
     <!-- 9 -->
     <div class="page-box" page="9">
-      <oddHeaderVue :special="1" :num="9" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">9</span>
+      </div>
       <div class="padding-96">
         <p class="lh2">
           鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆�
@@ -835,8 +979,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[9]" v-if="questionData" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
+          <examinations 
+            :cardList="questionData[9]" 
+            v-if="questionData"
+            :chapter="1"
+            :page="9" 
+          />
         </p>
         <h4 id="d015">锛堜簲锛変繚鎶ゅ0甯�</h4>
         <p class="lh2">閫夋嫨閫傚悎瀛﹀墠鍎跨闊冲煙鐗圭偣鐨勬瓕鏇叉垨鏈楄鏉愭枡锛屾瘡娆″敱姝屾垨鏈楄鐨勬椂闂翠笉瀹滆繃闀匡紙鏈�澶�5鍒嗛挓锛夛紝鏇翠笉鑳介珮澹板枈鍙紝浠ラ槻澹板甫鍏呰銆佽偪鑳�銆佸彉鍘氾紝閫犳垚澹伴煶鍢跺搼銆傜粌涔犲彂澹扮殑</p>
@@ -844,7 +993,13 @@
     </div>
     <!-- 10 -->
     <div class="page-box" page="10">
-      <evenHeaderVue :num="10" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">10</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="lh2">
           鍦烘墍搴斾繚鎸佺┖姘旀祦閫氾紝娓╁害銆佹箍搴﹂�傚疁銆傚啲瀛d笉瑕佸湪瀹ゅ缁冨0锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃��
@@ -940,43 +1095,83 @@
               <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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableThree.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -995,9 +1190,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="4" 
+            v-model="chapterOneData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             瑕佹兂浜嗚В杩欎簺闂锛屽氨蹇呴』浜嗚В瀛﹀墠鍎跨寰幆绯荤粺鐨勭壒鐐广�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨寰幆绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愭槑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熶繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄦ暀鑲叉暀瀛︽椿鍔ㄤ腑绉戝寮�灞曞鍓嶅効绔ュ惊鐜郴缁熺殑淇濆仴宸ヤ綔銆�
           </p>
@@ -1006,7 +1206,12 @@
     </div>
     <!-- 11 -->
     <div class="page-box" page="11">
-      <oddHeaderVue :special="1" :num="11" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">11</span>
+      </div>
       <div class="padding-96">
         <p>
           浜轰綋鍦ㄦ柊闄堜唬璋㈣繃绋嬩腑锛屾満浣撶粍缁囬渶瑕佹簮婧愪笉鏂湴鑾峰緱姘ф皵鍜屽吇鏂欙紝鍚屾椂鍙堣鎶婁唬璋骇鐢熺殑浜屾哀鍖栫⒊鍜屽叾浠栧簾鐗╂帓鍑轰綋澶栵紝杩欎釜杩囩▼涓昏鐢卞惊鐜郴缁熸潵瀹屾垚銆�
@@ -1015,7 +1220,7 @@
           寰幆绯荤粺鍖呮嫭琛�娑插惊鐜郴缁燂紙蹇冭绠$郴缁燂級鍜屾穻宸寸郴缁熴�傝娑插惊鐜郴缁熺敱蹇冭剰鍜岃绠$粍鎴愶紝琛�绠″寘鎷姩鑴夈�侀潤鑴夊拰姣涚粏琛�绠★紙瑙佸浘1-8锛夈�傛穻宸寸郴缁熺敱娣嬪反绠¢亾銆佹穻宸村櫒瀹樺拰娣嬪反缁勭粐缁勬垚銆�
         </p>
         <p class="center">
-          <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" />
+          <el-image :src="blood" :preview-src-list="[blood]" style="width: 60%" class="open-image" />
         </p>
         <p class="img">鍥�1-8 琛�娑插惊鐜ず鎰忓浘</p>
 
@@ -1051,13 +1256,19 @@
         <p>锛�1锛夎娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛堣琛�1-2锛�</p>
         <p class="img">琛�1-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>
       </div>
     </div>
     <!-- 12 -->
     <div class="page-box" page="12">
-      <evenHeaderVue :num="12" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">12</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨琛�娑查噺鍗犱綋閲嶇殑姣斾緥澶т簬鎴愪汉锛屼负8%锝�10%銆傚勾榫勮秺灏忥紝姣斾緥瓒婂ぇ銆備絾骞煎効鐨勯�犺鍣ㄥ畼鏄撳彈浼ゅ锛屾煇浜涜嵂鐗╁強鏀惧皠鎬ф薄鏌撳閫犺鍣ㄥ畼鍗卞鏋佸ぇ銆�
@@ -1094,13 +1305,18 @@
         </p>
         <p class="img">琛�1-3 涓嶅悓骞撮緞鐨勫績鐜�</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>
     <!-- 13 -->
     <div class="page-box" page="13">
-      <oddHeaderVue :special="1" :num="13" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">13</span>
+      </div>
       <div class="padding-96">
         <h5 id="e019">3.瀛﹀墠鍎跨琛�绠$殑鐗圭偣</h5>
         <p>锛�1锛夎绠″唴寰勭浉瀵硅緝绮楋紝姣涚粏琛�绠′赴瀵�</p>
@@ -1152,7 +1368,13 @@
     </div>
     <!-- 14 -->
     <div class="page-box" page="14">
-      <evenHeaderVue :num="14" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">14</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d020">锛堜笁锛夊悎鐞嗙粍缁囦綋鑲查敾鐐硷紝澧炲己浣撹川</h4>
         <p>
@@ -1177,8 +1399,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[14]" v-if="questionData" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
+          <examinations 
+            :cardList="questionData[14]" 
+            v-if="questionData"
+            :chapter="1"
+            :page="14"
+           />
         </p>
         <h2 class="module_block" id="b004">
           <div class="custom1">瀛︿範涓婚鍥�</div>
@@ -1253,45 +1480,90 @@
               <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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableFour.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.涓轰粈涔� 3~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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableFour.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1310,9 +1582,14 @@
           <p class="block">
             鍙彲浠婂勾2宀侊紝浣撻噸鎵�9鍗冨厠锛岃繎鍗婂勾浣撻噸澧炲姞涓嶅埌1鍗冨厠锛岀敤濡堝鐨勮瘽璇村氨鏄�滆繖瀛╁瓙浠�涔堥兘濂斤紝灏辨槸鍚冮キ澶垂浜嬩簡鈥濄�傛瘡椁愰キ閮借鍚冧竴灏忔椂锛屼笉鏄湅鐫�鐢佃鍚冨氨鏄渶瑕佽拷鐫�鍠傦紝鐖卞悆鐨勫悆鍑犲彛锛屼笉鐖卞悆鐨勫槾閮戒笉寮犱竴涓嬨�傚摢涓�澶╁悆寰楀鐐逛簡锛屽懠鍑虹殑鍙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>
+          <textarea 
+            cols="30" 
+            rows="4" 
+            v-model="chapterOneData.experienceFour"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             涓嶆柇鍦颁负鏈轰綋渚涘簲鍚勭钀ュ吇绱犳槸缁存寔姝e父鐢熺悊鍔熻兘鍜屼績杩涚敓闀垮彂鑲茬殑鍓嶆彁銆傝�屽绉嶈惀鍏绘垚鍒嗭紝灏ゅ叾鏄骇鑳借惀鍏荤礌鐨勭粨鏋勬瘮杈冨鏉傦紝鎽勫叆鐨勯鐗╀笉鑳界洿鎺ヤ负浜轰綋鎵�鐢紝蹇呴』閫氳繃娑堝寲绯荤粺灏嗛鐗╄浆鍙樻垚缁撴瀯绠�鍗曠殑钀ュ吇鐗╄川锛屾墠鑳戒緵鏈轰綋鍚告敹銆佸埄鐢ㄣ�傚鍓嶅効绔ョ殑娑堝寲绯荤粺鍙戣偛灏氫笉瀹屽杽锛岄渶瑕佹垚浜烘牴鎹叾鐗圭偣锛屽悎鐞嗗杺鍏汇�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨娑堝寲绯荤粺鐨勭敓鐞嗙煡璇嗭紝闃愯堪瀵瑰鍓嶅効绔ユ秷鍖栫郴缁熻繘琛屼繚鍋ョ殑瑕佺偣锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝寮�灞曞鍓嶅効绔ユ秷鍖栫郴缁熺殑淇濆仴宸ヤ綔銆�
           </p>
@@ -1324,7 +1601,12 @@
     </div>
     <!-- 15 -->
     <div class="page-box" page="15">
-      <oddHeaderVue :special="1" :num="15" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">15</span>
+      </div>
       <div class="padding-96">
         <div class="fl fl-around">
           <div class="left" style="width: 62%">
@@ -1339,7 +1621,7 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="digestion" :preview-src-list="[digestion]" />
+              <el-image :src="digestion" :preview-src-list="[digestion]" class="open-image" />
             </p>
             <p class="img">鍥�1-9 娑堝寲绯荤粺妯″紡鍥�</p>
           </div>
@@ -1383,7 +1665,13 @@
     </div>
     <!-- 16 -->
     <div class="page-box" page="16">
-      <evenHeaderVue :num="16" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">16</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           涔崇墮鐨勬甯歌悓鍑猴紝杩樻湁鍔╀簬瀛╁瓙姝e父鍙戦煶锛屽彛榻夸级淇愩�傚彟澶栵紝涔崇墮榻愭暣瀵规亽鐗欓『鍒╄悓鍑烘湁閲嶈浣滅敤銆傝嫢涔崇墮杩囨棭缂哄け锛岄偦杩戠殑鐗欏悜绌洪殭鍊惧�掞紝鎭掔墮灏变笉鑳藉湪姝e父浣嶇疆钀屽嚭锛屽鑷寸墮鎺掑垪涓嶉綈銆�
@@ -1395,6 +1683,7 @@
             :src="tableFive"
             :preview-src-list="[tableFive]"
             style="width: 100%"
+            class="open-image"
           />
         </p>
         <p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p>
@@ -1403,6 +1692,7 @@
             :src="tableSix"
             :preview-src-list="[tableSix]"
             style="width: 100%"
+            class="open-image"
           />
         </p>
         <h5 id="e021">2.鑸�</h5>
@@ -1423,7 +1713,12 @@
     </div>
     <!-- 17 -->
     <div class="page-box" page="17">
-      <oddHeaderVue :special="1" :num="17" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">17</span>
+      </div>
       <div class="padding-96">
         <p class="t0" >
           寮憋紝寮瑰姏缁勭粐鍙婅倢灞傚皻涓嶅彂杈撅紝瀹规槗婧钩銆傚鍓嶅効绔ョ殑椋熺姣旀垚浜虹殑鐭�岀嫮绐勶紝榛忚啘钖勫锛岀澹佽倢鑲夌粍缁囧強寮规�х氦缁村彂鑲茶緝宸紝鏄撲簬鎹熶激銆�
@@ -1461,7 +1756,13 @@
     </div>
     <!-- 18 -->
     <div class="page-box" page="18">
-      <evenHeaderVue :num="18" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">18</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绮夊拰鑴傝偑鐨勬秷鍖栬兘鍔涜緝寮憋紝涓昏渚濋潬灏忚偁娑叉潵娑堝寲銆傞殢鐫�骞撮緞鐨勫闀匡紝鑳扮殑鍔熻兘鏃ヨ秼瀹屽杽銆�
@@ -1501,7 +1802,12 @@
     </div>
     <!-- 19 -->
     <div class="page-box" page="19">
-      <oddHeaderVue  :special="1" :num="19" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">19</span>
+      </div>
       <div class="padding-96">
         <h4 id="d031">锛堜笁锛夐キ鍓嶉キ鍚庝笉瑕佽繘琛屽墽鐑堣繍鍔�</h4>
         <p>
@@ -1516,8 +1822,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[19]" v-if="questionData" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍥�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
+          <examinations 
+            :cardList="questionData[19]" 
+            v-if="questionData" 
+            :chapter="1"
+            :page="19"
+          />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1623,33 +1934,63 @@
               <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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.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="chapterOneData.learnTableFive.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1668,16 +2009,26 @@
           <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="4" 
+            v-model="chapterOneData.experienceFive"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
         </div>
       </div>
     </div>
     <!-- 20 -->
     <div class="page-box" page="20">
-      <evenHeaderVue :num="20" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">20</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset" >
           <p class="block">
@@ -1687,7 +2038,7 @@
         <div class="fl fl-around">
           <div class="left" style="width: 35%">
             <p class="center" style="margin-top: 0">
-              <el-image :src="urology" :preview-src-list="[urology]" />
+              <el-image :src="urology" :preview-src-list="[urology]" class="open-image" />
             </p>
             <p class="img">鍥�1-10 娉屽翱绯荤粺妯″紡鍥撅紙鐢锋�э級</p>
           </div>
@@ -1721,7 +2072,13 @@
     </div>
     <!-- 21 -->
     <div class="page-box" page="21">
-      <oddHeaderVue :special="1" :num="21" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">21</span>
+      </div>
+
       <div class="padding-96">
         <p class="t0" >锝�7娆°�傚崐宀佷互鍐咃紝姣忔灏块噺绾︿负30姣崌锛�1宀佹椂绾︿负60姣崌锛�7锝�8宀佹椂绾︿负150姣崌銆�</p>
         <p>
@@ -1760,7 +2117,13 @@
     </div>
     <!-- 22 -->
     <div class="page-box" page="22">
-      <evenHeaderVue :num="22" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">22</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1848,29 +2211,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="chapterOneData.learnTableSix.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="chapterOneData.learnTableSix.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="chapterOneData.learnTableSix.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="chapterOneData.learnTableSix.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="chapterOneData.learnTableSix.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1889,9 +2277,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="4" 
+            v-model="chapterOneData.experienceSix"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鍎跨閫氬父鍦ㄤ袱涓夊瞾鏃朵細瀵规�т骇鐢熷ソ濂囷紝浠栦滑鎯充簡瑙h澶氭湁鍏虫�у樊鍒殑闂锛屽鏋滃ぇ浜哄浠栦滑閲囧彇闅愮瀿鎴栧洖閬跨殑鎬佸害锛屽効绔ュ績涓氨浼氫骇鐢熲�滄�ф槸涓嶅彲浠ョ煡閬撶殑鈥濊蹇碉紝骞跺鎬т骇鐢熶笉姝e綋鐨勫ソ濂囧績銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熸畺绯荤粺鐨勭敓鐞嗙壒鐐瑰強鐩稿叧鐨勪繚鍋ョ煡璇嗭紝浠ュ府鍔╁辜鍎挎暀甯堝湪鏁欒偛鏁欏杩囩▼涓纭紑灞曞鍓嶅効绔ョ敓娈栫郴缁熺殑淇濆仴宸ヤ綔銆�
           </p>
@@ -1903,17 +2296,22 @@
     </div>
     <!-- 23 -->
     <div class="page-box" page="23">
-      <oddHeaderVue :special="1" :num="23" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">23</span>
+      </div>
       <div class="padding-96">
         <p class="t0" >宸€�佽緭鍗电銆佸瓙瀹拰闃撮亾锛屽鐢熸畺鍣ㄥ寘鎷槾鍞囥�佸皬闃村攪鍜岄槾钂傜瓑锛堣鍥�1-12锛夈��</P>
           <div class="fl">
             <div class="left" style="width: 50%">
-              <p class="center"><el-image :src="man" :preview-src-list="[man]" /></p>
+              <p class="center"><el-image :src="man" :preview-src-list="[man]" class="open-image" /></p>
               <p class="img">鍥�1-11 鐢锋�х敓娈栫郴缁熺ず鎰忓浘</p>
             </div>
             <div class="right" style="width: 50%">
               <p class="center">
-                <el-image :src="woman" :preview-src-list="[woman]" />
+                <el-image :src="woman" :preview-src-list="[woman]" class="open-image" />
               </p>
               <p class="img">鍥�1-12 濂虫�х敓娈栫郴缁熺ず鎰忓浘</p>
             </div>
@@ -1940,7 +2338,13 @@
     </div>
     <!-- 24 -->
     <div class="page-box" page="24">
-      <evenHeaderVue :num="24" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">24</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d044">锛堝洓锛夋纭湅寰呭鍓嶅効绔ョ帺寮勭敓娈栧櫒绛変笉鑹幇璞�</h4>
         <p>
@@ -1952,8 +2356,13 @@
         </h6>
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0036-3.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜斻�佸涔犱富棰樺叚</span> -->
-          <examinations :cardList="questionData[24]" v-if="questionData" />
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜斻�佸涔犱富棰樺叚</span>
+          <examinations 
+          :cardList="questionData[24]" 
+          v-if="questionData"
+          :chapter="1"
+          :page="24" 
+          />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -2040,33 +2449,63 @@
               <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="chapterOneData.learnTableSeven.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="chapterOneData.learnTableSeven.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="chapterOneData.learnTableSeven.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="chapterOneData.learnTableSeven.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="chapterOneData.learnTableSeven.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="chapterOneData.learnTableSeven.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -2085,9 +2524,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="4" 
+            v-model="chapterOneData.experienceSeven"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             涓撳鎻愰啋锛屾兂瑕佸瀛愰暱楂橈紝闄や簡娉ㄦ剰钀ュ吇銆佽繍鍔ㄣ�佺潯鐪犵瓑澶栵紝杩樿娉ㄦ剰鏌愪簺鐤剧梾锛屽挨鍏舵槸鍐呭垎娉岀郴缁熺柧鐥咃紝瀹冩槸褰卞搷瀛╁瓙韬珮鏈�甯歌鐨勭柧鐥呭洜绱犮�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑鐢熺悊鐗圭偣鍙婄浉鍏崇殑淇濆仴鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀绉戝瀹夋帓骞煎効鐨勭敓娲伙紝淇濋殰瀛﹀墠鍎跨鍐呭垎娉岀郴缁熺殑姝e父鍙戣偛鍜岃壇濂藉彂灞曘��
           </p>
@@ -2123,7 +2567,12 @@
     </div>
     <!-- 25 -->
     <div class="page-box" page="25">
-      <oddHeaderVue :special="1" :num="25" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">25</span>
+      </div>
       <div class="padding-96">
 
         <div class="fl">
@@ -2139,7 +2588,7 @@
         </div>
         <div class="right" style="width: 50%">
           <p class="center">
-            <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" />
+            <el-image :src="endocrineImg" :preview-src-list="[endocrineImg]" class="open-image" />
           </p>
           <p class="img">鍥�1-13 鍐呭垎娉岀郴缁熺ず鎰忓浘</p>
         </div>
@@ -2162,7 +2611,7 @@
         </div>
         <div class="right" style="width: 36%">
           <p class="center">
-            <el-image :src="stature" :preview-src-list="[stature]" />
+            <el-image :src="stature" :preview-src-list="[stature]" class="open-image" />
           </p>
           <p class="img">鍥�1-14 鎴愬勾渚忓剴鐥囨偅鑰呬笌姝e父鎴愪汉鐨勮韩楂樻瘮杈�</p>
         </div>
@@ -2171,7 +2620,13 @@
     </div>
     <!-- 26 -->
     <div class="page-box" page="26">
-      <evenHeaderVue :num="26" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">26</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h4 id="d047">锛堜笁锛夊辜骞存椂鏈熻兏鑵哄彂鑲蹭笉鍏ㄤ細褰卞搷鍏嶇柅鍔熻兘</h4>
         <p>
@@ -2199,8 +2654,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[26]" v-if="questionData" />
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
+          <examinations 
+            :cardList="questionData[26]" 
+            v-if="questionData"
+            :chapter="1"
+            :page="26" 
+           />
         </p>
         <h2 class="module_block" id="b008">
           <div class="custom1">瀛︿範涓婚鍏�</div>
@@ -2275,37 +2735,72 @@
               <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="chapterOneData.learnTableEnight.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="chapterOneData.learnTableEnight.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="chapterOneData.learnTableEnight.qTwo"
+                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="chapterOneData.learnTableEnight.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="chapterOneData.learnTableEnight.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="chapterOneData.learnTableEnight.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="chapterOneData.learnTableEnight.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -2324,9 +2819,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="4" 
+            v-model="chapterOneData.experienceEnight"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樿杩板鍓嶅効绔ョ缁忕郴缁熺殑鐢熺悊鐗圭偣鍜岀浉鍏崇殑淇濇暀鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ疄闄呭伐浣滀腑绉戝缁勭粐鏁欒偛娲诲姩锛屽悎鐞嗗紑鍙戝効绔ョ殑鏅哄姏銆�
           </p>
@@ -2335,7 +2835,12 @@
     </div>
     <!-- 27 -->
     <div class="page-box" page="27">
-      <oddHeaderVue :special="1" :num="27" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">27</span>
+      </div>
       <div class="padding-96">
         <p>
           浜轰綋鐨勬柊闄堜唬璋㈣兘澶熸甯歌繘琛岋紝浣撳唴鍚勪釜鍣ㄥ畼銆佺郴缁熻兘澶熷瘑鍒囬厤鍚堝拰鍗忚皟娲诲姩锛屼娇浜轰綋鎴愪负涓�涓粺涓�鐨勬暣浣擄紝骞朵笖涓庡鐣岀幆澧冪浉閫傚簲锛岃繖浜涗富瑕佹槸閫氳繃绁炵粡绯荤粺鐨勮皟鑺備綔鐢ㄥ畬鎴愮殑銆傚洜姝わ紝绁炵粡绯荤粺鏄汉浣撳悇绉嶇敓鐞嗗姛鑳界殑涓昏璋冭妭鑰呫��
@@ -2353,7 +2858,7 @@
           </div>
           <div class="right" style="width: 50%">
             <p class="center">
-              <el-image :src="nerve" :preview-src-list="[nerve]" />
+              <el-image :src="nerve" :preview-src-list="[nerve]" class="open-image" />
             </p>
             <p class="img cneter">鍥�1-15 绁炵粡鍏冩ā寮忓浘</p>
           </div>
@@ -2398,7 +2903,13 @@
     </div>
     <!-- 28 -->
     <div class="page-box" page="28">
-      <evenHeaderVue :num="28" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">28</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e032">1.澶ц剳</h5>
         <p>
@@ -2408,13 +2919,13 @@
           澶ц剳鍒嗗乏銆佸彸涓ゅ崐鐞冿紙瑙佸浘1-16锛夛紝琛ㄩ潰鍑瑰嚫涓嶅钩锛屽嚬闄峰绉颁负鈥滄矡鈥濓紝闅嗚捣澶勭О涓衡�滃洖鈥濓紝鈥滄矡鈥濅笌鈥滃洖鈥濆ぇ澶у鍔犱簡澶ц剳鐨勮〃闈㈢Н銆傝緝澶х殑娌熸湁涓ぎ娌熴�佸ぇ鑴戝渚ф矡鍜岄《鏋曟矡锛岃繖浜涙矡灏嗗ぇ鑴戣〃闈㈠垎鎴愰鍙躲�侀《鍙躲�侀鍙跺拰鏋曞彾鍥涢儴鍒嗐��
         </p>
         <p class="center" >
-          <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" />
+          <el-image :src="brainImg" :preview-src-list="[brainImg]" style="width:70%" class="open-image" />
         </p>
         <p class="img">鍥�1-16 澶ц剳宸︺�佸彸涓ゅ崐鐞冪殑鍔熻兘姣旇緝</p>
         <div class="fl fl-around">
           <div class="left" style="width:48%;margin-right:10px">
             <p class="center">
-              <el-image :src="brainsImg" :preview-src-list="[brainsImg]" />
+              <el-image :src="brainsImg" :preview-src-list="[brainsImg]" class="open-image" />
             </p>
             <p class="img">鍥�1-17 澶ц剳鐨眰鍒嗗尯鍥�</p>
           </div>
@@ -2440,7 +2951,12 @@
     </div>
     <!-- 29 -->
     <div class="page-box" page="29">
-      <oddHeaderVue :special="1" :num="29" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">29</span>
+      </div>
       <div class="padding-96">
         <h5 id="e035">4.闂磋剳</h5>
         <p>
@@ -2470,7 +2986,7 @@
         </p>
         <p class="img">琛�1-6 浜ゆ劅绁炵粡鍜屽壇浜ゆ劅绁炵粡鐨勪綔鐢ㄤ笌鍖哄埆</p>
         <p class="center">
-          <el-image :src="tableNine" :preview-src-list="[tableNine]" />
+          <el-image :src="tableNine" :preview-src-list="[tableNine]" class="open-image" />
         </p>
         <h3 id="c016">浜屻�佸鍓嶅効绔ョ缁忕郴缁熺殑鐗圭偣锛烇紴锛烇紴锛烇紴</h3>
         <h4 id="d056">锛堜竴锛夎剳鍙戣偛闈炲父杩呴��</h4>
@@ -2481,12 +2997,18 @@
     </div>
     <!-- 30 -->
     <div class="page-box" page="30">
-      <evenHeaderVue :num="30" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">30</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>鑴戠殑杩呴�熺敓闀垮彲浠庤剳璐ㄩ噺鐨勫彉鍖栦笂寰楀埌鍙嶆槧銆備笉鍚屽勾榫勮剳璐ㄩ噺鐨勫彉鍖栬琛�1-7銆�</p>
         <p class="img">琛�1-7 涓嶅悓骞撮緞鑴戣川閲忕殑鍙樺寲</p>
         <p class="center">
-          <el-image :src="tableTen" :preview-src-list="[tableTen]" />
+          <el-image :src="tableTen" :preview-src-list="[tableTen]" class="open-image" />
         </p>
         <h4 id="d057">锛堜簩锛変腑鏋㈢缁忕郴缁熺殑鍙戣偛涓嶅潎琛�</h4>
         <p>
@@ -2517,7 +3039,12 @@
     </div>
     <!-- 31 -->
     <div class="page-box" page="31">
-      <oddHeaderVue :special="1" :num="31" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">31</span>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨瀵圭己姘х殑鑰愬彈鍔涗笉濡傛垚浜猴紝濡傛灉灞呭绌烘皵姹℃祳锛岃剳缁嗚優鍙楀棣栧綋鍏跺啿銆傛墍浠ワ紝瀛﹀墠鍎跨鎴夸竴瀹氳瀹氭椂閫氶锛屼互淇濊瘉瀛﹀墠鍎跨瀵规哀姘旂殑闇�姹傘��
@@ -2539,8 +3066,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍏�</span> -->
-          <examinations :cardList="questionData[31]" v-if="questionData" />
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span>
+          <examinations 
+            :cardList="questionData[31]" 
+            v-if="questionData" 
+            :chapter="1"
+            :page="31" 
+          />
         </p>
         <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4>
         <p>
@@ -2564,7 +3096,13 @@
     </div>
     <!-- 32 -->
     <div class="page-box" page="32">
-      <evenHeaderVue :num="32" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">32</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">2.鍔ㄥ姏瀹氬瀷</p>
@@ -2653,43 +3191,83 @@
               <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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.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="chapterOneData.learnTableNine.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -2708,9 +3286,14 @@
           <p class="block">
             濡備粖璧板湪澶ц涓婏紝鏃跺父浼氶亣鍒颁竴涓張涓�涓�滃皬鐪奸暅鈥濓紱瀵掓殤鍋囷紝鍚勫ぇ鍖婚櫌鍎跨鐪肩甯告湁澶ч噺鍓嶆潵灏辫瘖鐨勭溂鐤炬偅鍎裤�傚凡鏈�20澶氬勾骞煎効鏁欒偛宸ヤ綔缁忛獙鐨勭綏鑰佸笀鎰熸叏鍦拌锛氣�滆繎鍑犲勾锛岃鍔涗笉浣崇殑骞煎効鏄庢樉澧炲浜嗐�傗�濆姝わ紝浣犳湁浣曠湅娉曪紵
           </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="4" 
+            v-model="chapterOneData.experienceNine"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鐩稿叧璋冩煡鍙戠幇锛屽辜鍎跨殑瑙嗗姏闂宸茬粡鎴愪负瓒婃潵瓒婂鐨勫闀垮拰骞煎効鐨勫洶鎵帮紝鑰屼笖鏈夊勾榫勮秼灏忕殑琛ㄧ幇銆傚辜鍎胯鍔涚殑淇濇姢鍒讳笉瀹圭紦銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勭敓鐞嗙煡璇嗗強淇濊偛淇濆仴瑕佺偣锛屼互甯姪骞煎効鏁欏笀浜嗚В濡備綍淇冭繘瀛﹀墠鍎跨鎰熻鍣ㄥ畼鐨勬甯稿彂鑲插拰鑹ソ鍙戝睍銆�
           </p>
@@ -2719,7 +3302,12 @@
     </div>
     <!-- 33 -->
     <div class="page-box" page="33">
-      <oddHeaderVue :special="1" :num="33" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">33</span>
+      </div>
       <div class="padding-96">
         <p>
           鎰熻鏄汉浠璇嗕笘鐣岀殑閫斿緞銆傛劅瑙夊寘鎷瑙夈�佸惉瑙夈�佸梾瑙夈�佽Е瑙夈�佸懗瑙夊強鏈綋鎰熻绛夈�傝瑙夊拰鍚鏄汉浠璇嗕笘鐣岀殑涓昏閫斿緞锛屼汉浠幏寰楃殑鐭ヨ瘑70%浠ヤ笂鏉ヨ嚜瑙嗚鍜屽惉瑙夈��
@@ -2764,7 +3352,7 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="eyesImg" :preview-src-list="[eyesImg]" />
+              <el-image :src="eyesImg" :preview-src-list="[eyesImg]" class="open-image" />
             </p>
             <p class="img">鍥�1-18 鐪肩悆缁撴瀯妯″紡鍥�</p>
           </div>
@@ -2784,7 +3372,13 @@
     </div>
     <!-- 34 -->
     <div class="page-box" page="34">
-      <evenHeaderVue :num="34" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">34</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0" >
           闆嗕腑鐢ㄧ溂涓�娈垫椂闂村悗搴旇繙鏈涙垨鍒版埛澶栨椿鍔紝浠ユ秷闄ょ溂鐨勭柌鍔炽�傗懁瀹规槗瀵艰嚧鍎跨鐢ㄧ溂鏃堕棿杩囬暱鐨勬椿鍔ㄤ富瑕佹槸鐪嬬數瑙嗐�佺帺鐢靛瓙娓告垙绛夛紝鍥犳锛岃闄愬埗鍎跨杩涜姝ょ被娲诲姩鐨勬椂闂达紝涓�鑸瘡鍛�1锝�2娆★紝澶с�佷腑鐝辜鍎夸笉瓒呰繃30鍒嗛挓锛屽皬鐝辜鍎挎瘡娆′笉瓒呰繃15鍒嗛挓锛岀湅瀹岀數瑙嗗拰鐜╁畬鐢靛瓙娓告垙鍚庡簲閫傚綋杩涜鎴峰娲诲姩銆�
@@ -2844,7 +3438,13 @@
     </div>
     <!-- 35 -->
     <div class="page-box" page="35">
-      <oddHeaderVue :special="1" :num="35" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">35</span>
+      </div>
+
       <div class="padding-96">
         <div class="fl fl-around">
           <div class="left" style="width: 40%">
@@ -2854,7 +3454,7 @@
           </div>
           <div class="right" style="width: 58%">
             <p class="center">
-              <el-image :src="ersImg" :preview-src-list="[ersImg]" />
+              <el-image :src="ersImg" :preview-src-list="[ersImg]" class="open-image" />
             </p>
             <p class="img">鍥�1-19 鑰崇殑缁撴瀯鍥�</p>
           </div>
@@ -2877,7 +3477,7 @@
           </div>
           <div class="right" style="width: 48%">
             <p class="center">
-              <el-image :src="erImg" :preview-src-list="[erImg]" />
+              <el-image :src="erImg" :preview-src-list="[erImg]" class="open-image" />
             </p>
             <p class="img">鍥�1-20 鎴愪汉鍜屽鍓嶅効绔ュ捊榧撶涔嬫瘮杈�</p>
           </div>
@@ -2892,7 +3492,13 @@
     </div>
     <!-- 36 -->
     <div class="page-box" page="36">
-      <evenHeaderVue :num="36" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">36</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨鎸栬�虫湹銆傚洜涓鸿繖浜涢攼鍒╃殑宸ュ叿鏄撶浼ゅ鑰抽亾鐨偆锛屽紩鍙戞劅鏌擄紝杩樻湁鍙兘鎴崇牬榧撹啘锛屽奖鍝嶅惉鍔涖��
@@ -2944,7 +3550,12 @@
     </div>
     <!-- 37 -->
     <div class="page-box" page="37">
-      <oddHeaderVue :special="1" :num="37" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">37</span>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">
@@ -3019,7 +3630,13 @@
     </div>
     <!-- 38 -->
     <div class="page-box" page="38">
-      <evenHeaderVue :num="38" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">38</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           浠ワ紝鐨偆鏄劅瑙夊櫒瀹樸��
@@ -3057,7 +3674,12 @@
     </div>
     <!-- 39 -->
     <div class="page-box" page="39">
-      <oddHeaderVue  :special="1" :num="39" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">39</span>
+      </div>
       <div class="padding-96">
         <p class="t0" >
           鐨偆鐨勮娴侀噺鐩稿姣旀垚浜哄锛屾暎鐑浉瀵硅緝蹇�佽緝澶氾紝鍔犱箣瀛﹀墠鍎跨鐨偆鐨勮〃闈㈢Н杈冨ぇ锛屾暎鐑篃杈冩垚浜哄锛屽洜姝ゅ湪澶栫晫鐜娓╁害鎬ュ墽鍙樺寲鏃讹紝瀹规槗鍙樺噳鎴栦腑鏆戙��
@@ -3101,7 +3723,13 @@
     </div>
     <!-- 40 -->
     <div class="page-box" page="40">
-      <evenHeaderVue :num="40" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">40</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset" >
           <p class="block t0" >鑷�閮ㄧ毊涓嬭剛鑲赴婊★紝鑵归儴鐨笅鑴傝偑杈冭杽锛屾鐐逛笌鎴愪汉鐩稿弽銆�6锝�8涓湀鍚庯紝濠村効鐨勭毊涓嬭剛鑲敓闀垮噺缂擄紝3宀佸悗涓嶅啀鐢熼暱锛屽埌8宀佸悗鍙堢敓闀胯繀閫燂紝鐗瑰埆鏄コ瀛┿��</p>
@@ -3137,8 +3765,13 @@
         </h6>
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涔�</span> -->
-          <examinations :cardList="questionData[40]" v-if="questionData"/>
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span>
+          <examinations 
+          :cardList="questionData[40]" 
+          v-if="questionData"
+          :chapter="1"
+          :page="40" 
+          />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -3150,6 +3783,7 @@
           1.瀛﹀墠鍎跨鍏宠妭绐濊緝娴咃紝鍛ㄥ洿闊у甫杈冧负鏉惧紱锛屾槗鍙戠敓鑴辫嚰銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterOneData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
@@ -3159,24 +3793,32 @@
     </div>
     <!-- 41 -->
     <div class="page-box" page="41">
-      <oddHeaderVue  :special="1" :num="41" />
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨鐢熺悊鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">41</span>
+      </div>
       <div class="padding-96">
         <p class="block t0">
           鎼忋�傛祴閲忚剦鎼忔椂锛屾垜浠細鍙戠幇瀛﹀墠鍎跨鐨勮剦鎼忔瘮鎴愪汉蹇�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterOneData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.闅忕潃瀛﹀墠鍎跨绁炵粡绯荤粺鍙戣偛鐨勪笉鏂畬鍠勶紝3锝�4宀佸辜鍎胯兘澶熷緢瀹规槗鐢荤洿绾裤�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterOneData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鍥犱负鐫$湢鏃跺悇鍣ㄥ畼鎵�闇�瑕佺殑琛�娑查噺姣旀椿鍔ㄦ椂灏戝緱澶氾紝鑳藉噺杞诲績鑴忕殑璐熸媴銆傚洜姝わ紝瑕佷繚璇佸鍓嶅効绔ュ厖瓒崇殑鐫$湢锛岃嚦浜庝粈涔堟椂鍊欑潯骞朵笉閲嶈銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterOneData.question.judge.qFour"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -3184,34 +3826,41 @@
           1.骞煎効绌跨殑闉嬭繃灏忎細褰卞搷<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterOneData.question.fill.qOne.one"
           />鐨勬甯稿彂鑲层�傚辜鍎胯繃浜庤偉鑳栵紝璧拌矾銆佺珯绔嬫椂闂磋繃闀匡紝鎴栬礋閲嶈繃搴︼紝閮藉彲鑳藉鑷磋冻寮撳闄凤紝寮曡捣<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterOneData.question.fill.qOne.two"
           />銆�
         </p>
         <p class="block">
           2.缁忓父鍙傚姞鎴峰娲诲姩鍜屼綋鑲查敾鐐硷紝鍙互澧炲己瀛﹀墠鍎跨<input
             type="text"
             class="lineInput completion-input"
+            chapterOneData.question.fill.qTwo.one
           />鐨勫姏閲忥紝淇冭繘鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鍏�<input
             type="text"
             class="lineInput completion-input"
+            chapterOneData.question.fill.qTwo.two
           />銆�
         </p>
         <p class="block">
           3.瀛﹀墠鍎跨鑲濊剰鐩稿杈冨ぇ锛屼絾鑲濊剰鐨�<input
             type="text"
             class="lineInput completion-input"
+            chapterOneData.question.fill.qThree.one
           />杈冨樊锛屾墍浠ワ紝濠村辜鍎跨敤鑽墏閲忚姣旀垚浜哄皬锛涘鍓嶅効绔ヨ倽绯栧師鍌ㄥ瓨杈冨皯锛岄ゥ楗挎椂鏄撳彂鐢�<input
             type="text"
             class="lineInput completion-input"
+            chapterOneData.question.fill.qThree.two
           />锛涘鍓嶅効绔ョ殑鑳嗘眮鍒嗘硨涔熻緝灏戯紝鍥犳瀵瑰樊銆�
         </p>
         <p class="block">
           4.瀛﹀墠鍎跨楂樼骇绁炵粡娲诲姩鐨勭壒鐐规槸<input
             type="text"
             class="lineInput completion-input"
-          />杩囩▼寮轰簬<input type="text" class="lineInput completion-input" />杩囩▼銆�
+            chapterOneData.question.fill.qThree.one
+          />杩囩▼寮轰簬<input type="text" class="lineInput completion-input" chapterOneData.question.fill.qThree.two />杩囩▼銆�
         </p>
         <p class="block">
           5.涓轰繚鎶ゅ鍓嶅効绔ョ殑瑙嗗姏锛岃瀹氭湡涓哄鍓嶅効绔ヨ皟鎹㈠骇浣嶏紝浠ラ槻<input
@@ -3227,42 +3876,49 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qOne"
         ></textarea>
         <p class="block">2.瀛﹀墠鍎跨澹板甫鏈変粈涔堢壒鐐癸紵鎬庢牱淇濇姢澹板甫锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qTwo"
         ></textarea>
         <p class="block">3.涔崇墮鏈夊摢浜涚敓鐞嗗姛鑳斤紵濡備綍淇濇姢涔崇墮锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qThree"
         ></textarea>
         <p class="block">4.瀛﹀墠鍎跨鐨偆鏈夊摢浜涚壒鐐癸紵濡備綍淇濇姢鐨偆锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qFour"
         ></textarea>
         <p class="block">5.瀛﹀墠鍎跨鐨勭溂鐫涙湁鍝簺鐢熺悊鐗圭偣锛熷浣曚繚鎶ょ溂鐫涳紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qFive"
         ></textarea>
         <p class="block">6.瀛﹀墠鍎跨鐨勮�虫湁鍝簺鐢熺悊鐗圭偣锛熸�庢牱淇濇姢鑰筹紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qSix"
         ></textarea>
         <p class="block">7.璁粌瀛﹀墠鍎跨鍡呰銆佸懗瑙夊拰瑙﹁鏈夊摢浜涙剰涔夛紵濡備綍璁粌锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterOneData.question.short.qSeven"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -3286,7 +3942,13 @@
     </div>
     <!-- 42 -->
     <div class="page-box" page="42">
-      <evenHeaderVue :num="42" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">42</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="block">6.鏌ヨ祫鏂欙紝鎬荤粨瀛﹀墠鍎跨鑲ヨ儢鍜屾�ф棭鐔熺殑鍘熷洜銆�</p>
         <p class="block">
@@ -3303,31 +3965,31 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[421]" v-if="questionData" />
-          <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[422]" v-if="questionData" />
+          <examinations 
+          :cardList="questionData[421]"
+           v-if="questionData"
+           :chapter="1"
+            :page="421" 
+            />
+          <span class="span-border"></span>
+          <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
+          <examinations 
+            :cardList="questionData[422]" 
+            v-if="questionData" 
+            :chapter="1"
+            :page="422" 
+            />
         </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" />
-          <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="20" 
+            v-model="chapterOneData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -3349,7 +4011,6 @@
     return {
       // 瀛︿範涓�
       introductionImg: require("../../../assets/images/chapterOne/0014-1.jpg"),
-      taskSheet: require("../../../assets/images/chapterOne/task-sheet.png"),
       bonesImg: require("../../../assets/images/chapterOne/0015-5.jpg"),
       foot1: require("../../../assets/images/chapterOne/foot-01.png"),
       foot2: require("../../../assets/images/chapterOne/foot-02.png"),
@@ -3379,21 +4040,14 @@
       blood: require("../../../assets/images/chapterOne/0024-1.jpg"),
       tableTwo: require("../../../assets/images/chapterOne/0024-3.jpg"),
       tableThree: require("../../../assets/images/chapterOne/0025-1.jpg"),
-      taskThree: require("../../../assets/images/chapterOne/task-sheet3.png"),
-      taskFour: require("../../../assets/images/chapterOne/task-sheet4.png"),
       digestion: require("../../../assets/images/chapterOne/0028-1.jpg"),
       tableFive: require("../../../assets/images/chapterOne/0029-1.jpg"),
       tableSix: require("../../../assets/images/chapterOne/0029-2.jpg"),
-      taskFive: require("../../../assets/images/chapterOne/task-sheet5.png"),
       urology: require("../../../assets/images/chapterOne/0033-1.jpg"),
-      taskSix: require("../../../assets/images/chapterOne/task-sheet6.png"),
       man: require("../../../assets/images/chapterOne/0036-1.jpg"),
       woman: require("../../../assets/images/chapterOne/0036-2.jpg"),
-      taskSeven: require("../../../assets/images/chapterOne/task-sheet7.png"),
       endocrineImg: require("../../../assets/images/chapterOne/0038-1.jpg"),
       stature: require("../../../assets/images/chapterOne/0038-2.jpg"),
-      taskenight: require("../../../assets/images/chapterOne/task-sheet8.png"),
-      taskNine: require("../../../assets/images/chapterOne/task-sheet9.png"),
       nerve: require("../../../assets/images/chapterOne/0040-1.jpg"),
       brainImg: require("../../../assets/images/chapterOne/0041-1.jpg"),
       brainsImg: require("../../../assets/images/chapterOne/0041-2.jpg"),
@@ -3424,22 +4078,172 @@
       pathSeven:'',
       pathEight:'',
       pathNine:'',
-      pathTen:''
+      pathTen:'',
+      saveTime:20,
+      chapterOneData:{
+        experienceOne:'',
+        experienceTwo:'',
+        experienceThree:'',
+        experienceFour:'',
+        experienceFive:'',
+        experienceSix:'',
+        experienceSeven:'',
+        experienceEnight:'',
+        experienceNine:'',
+        introspection:'',
+        learnTableOne:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableTwo:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableThree:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableFour:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableFive:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableSix:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+        },
+        learnTableSeven:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+        },
+        learnTableEnight:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+          qNine:'',
+        },
+        learnTableNine:{
+          qOne:'',
+          qTwo:'',
+          qThree:'',
+          qFour:'',
+          qFive:'',
+          qSix:'',
+          qSeven:'',
+          qEight:'',
+        },
+        question:{
+          judge:{
+            qOne:'',
+            qTwo:'',
+            qThree:'',
+            qFour:'',
+          },
+          fill:{
+            qOne:{
+              one:'',
+              two:''
+            },
+            qTwo:{
+              oen:'',
+              two:''
+            },
+            qThree:{
+              one:'',
+              two:''
+            },
+            qFour:{
+              one:'',
+              two:''
+            },
+            qFive:{
+              one:'',
+              two:''
+            },
+          },
+          short:{
+            qOne:'',
+            qTwo:'',
+            qThree:'',
+            qFour:'',
+            qFive:'',
+            qSix:'',
+            qSeven:'',
+          }
+        }
+      }
     };
   },
-  mounted() {
-    this.$data.questionData = getQuestionData(testData[1])
-    console.log('棰樼洰',this.$data.questionData );
-    this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1')
-    this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed')
-    this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6')
-    this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58')
-    this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618')
-    this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641')
-    this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f')
-    this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d')
-    this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9')
-    this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d')
+  async mounted() {
+    const localData = localStorage.getItem('chapterOneData')
+    if(localData) {
+      this.chapterOneData = JSON.parse(localData)
+    }
+    window.timerOne = setInterval(() => {
+      this.saveTime--
+      if(this.saveTime == 0) {
+        this.saveChapterOneData()
+      }
+    },1000)
+    this.$data.questionData = await getQuestionData('1',testData[1])
+    this.getVideoPath()
+  },
+  unmounted() {
+    if(window.timerOne) {
+      clearInterval(window.timerOne)
+    }
+    localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
   },
   methods: {
     changeResources(type) {
@@ -3467,18 +4271,35 @@
         this.$data.learnTableNine = !this.$data.learnTableNine
       }
     },
-    // getQuestionList() {
-    //   const testData = this.$store.state.testList.find(
-    //     (item) => item.name == "涓撻涓�鎬昏 浜轰綋姒傝堪娴嬮獙棰�"
-    //   );
-    //   this.$data.productLinkPath = testData.productLinkPath;
-    //   if (this.$refs.examinationOne) this.$refs.examinationOne.getIdPathList();
-    // },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath('f6f6588a75086576b87bed2fb9ca1ec1')
+      this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed')
+      this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6')
+      this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58')
+      this.$data.pathFive = getResourcePath('163c06871b763954952d1cd74373c618')
+      this.$data.pathSix = getResourcePath('1d57d897974b22f7f3191f4073ea0641')
+      this.$data.pathSeven = getResourcePath('e67262b8e73ca5b05374b903defd874f')
+      this.$data.pathEight = getResourcePath('6731ebf8ea78297eedcb56521726481d')
+      this.$data.pathNine = getResourcePath('5ef5496040abee4013a5f61e3c5b42b9')
+      this.$data.pathTen = getResourcePath('4afe59338bb841a498593cbe458c7d7d')
+    },
+    saveChapterOneData() {
+      // 璁板綍绗竴寮犺緭鍏ユ暟鎹�
+      console.log('20miao');
+      this.saveTime = 20
+      console.log(this.chapterOneData);
+      localStorage.setItem('chapterOneData',JSON.stringify(this.chapterOneData))
+    }
   },
 };
 </script>
 
 <style lang="less" scoped>
+.block {
+  /deep/ .el-textarea__inner {
+    font-family: "STKaiti";
+  }
+}
 p {
   line-height: 2em !important;
   text-align:justify !important;

--
Gitblit v1.9.1