From b636ce580856ae22a09ea126ae0e53539d699246 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期五, 17 五月 2024 15:04:43 +0800
Subject: [PATCH] 页眉、ui替换

---
 src/books/childHealth/view/content/components/chapter003.vue  |    6 
 src/assets/js/config.js                                       |    2 
 vue.config.js                                                 |    8 
 src/books/childHealth/view/content/components/chapter0004.vue |    5 
 src/books/childHealth/view/content/components/chapter008.vue  |    9 
 src/books/childHealth/assets/main.less                        |   35 
 src/books/childHealth/view/content/components/chapter006.vue  |   15 
 src/books/content/view/chapter001.vue                         |   84 +
 src/assets/methods/examination.js                             |   23 
 src/books/childHealth/view/content/components/chapter011.vue  |   20 
 src/books/childHealth/view/content/components/chapter002.vue  |  584 +++++++++--
 src/books/childHealth/view/content/index.vue                  |   17 
 src/books/content/components/customTable.vue                  |    2 
 src/books/content/css/default.less                            |   34 
 src/books/childHealth/view/content/components/chapter010.vue  |    6 
 src/books/childHealth/view/content/components/chapter007.vue  |   15 
 src/main.js                                                   |    4 
 src/books/childHealth/view/content/components/chapter009.vue  |    6 
 src/books/childHealth/view/content/components/chapter005.vue  |   11 
 src/books/childHealth/view/index.vue                          |    9 
 src/components/examinations/index.vue                         |  376 ++-----
 src/books/childHealth/view/content/components/chapter001.vue  | 1518 ++++++++++++++++++++++++-------
 src/books/content/components/header.vue                       |    2 
 23 files changed, 1,916 insertions(+), 875 deletions(-)

diff --git a/src/assets/js/config.js b/src/assets/js/config.js
index 493263b..14e2c30 100644
--- a/src/assets/js/config.js
+++ b/src/assets/js/config.js
@@ -7,7 +7,7 @@
   {id:1,name:"childHealth",bookName:"瀛﹀墠鍎跨鍗敓涓庝繚鍋�",bookId:'2358',rootCmsItemId:'24080',storeRefcode:'defaultGoodsStore3'},
   {id:2,name:'content',bookName:"濠村辜鍎跨敓娲绘姢鐓�",bookId: '3335',rootCmsItemId:'66969',storeRefcode:'jsek_jslx'}
 ]
-export const activeBook = bookList[1]; // 璧勬簮璇锋眰鍦板潃
+export const activeBook = bookList[0]; // 璧勬簮璇锋眰鍦板潃
 export const appId = 3;
 export const requestTimeOut = 300000; // 璇锋眰瓒呮椂鏃堕棿
 export const tokenKey = "jsek-token";
diff --git a/src/assets/methods/examination.js b/src/assets/methods/examination.js
index dd275f7..a1dffd6 100644
--- a/src/assets/methods/examination.js
+++ b/src/assets/methods/examination.js
@@ -1,7 +1,7 @@
 import { activeBook } from "@/assets/js/config";
 import MG from "@/assets/js/middleGround/WebMiddleGroundApi";
 import getPublicImage from "@/assets/js/middleGround/tool";
-const getQuestionList = async (questionList) => {
+const getQuestionList = async (oldList,questionList) => {
   let cardList = [
     {
       catalogName: "鍗曢�夐",
@@ -52,6 +52,10 @@
     };
     const res = await MG.store.getProductDetail(query);
     res.datas.cmsDatas[0].datas.forEach((item, index) => {
+      let oldObj = {}
+      if(oldList) {
+        oldObj = oldList.find(item => item.id == qitem)
+      }
       const questionObj = {
         number: index + 1, // 棰樺彿
         id: item.id,
@@ -72,7 +76,7 @@
         difficulty: item.Embedded_QuestionBank_Difficulty
           ? 4 - item.Embedded_QuestionBank_Difficulty
           : 0, // 闅惧害绛夌骇
-        userAnswer:
+        userAnswer:oldObj ? oldObj.userAnswer :
           item.Embedded_QuestionBank_QuestionType == "completion" ||
           item.Embedded_QuestionBank_QuestionType == "multipleChoice"
             ? []
@@ -204,14 +208,23 @@
       citem.number = cindex + 1;
     }
   }
-  console.log(cardList.filter(item=>item.infoList.length > 0),"cardList.filter(item=>item.infoList.length > 0)");
   return cardList.filter(item=>item.infoList.length > 0);
 };
 
-const getQuestionData = async (chapterData) => {
+const getQuestionData = async (chapter,chapterData) => {
   const data = { ...chapterData };
+  const oldAnswerData =  localStorage.getItem('oldAnswerData')
+  const oldData = oldAnswerData ? JSON.parse(oldAnswerData) :{}
+  let oldChapterData
+  if(oldData) {
+    oldChapterData = oldData[chapter]
+  }
   for (let key in chapterData) {
-    data[key] = await getQuestionList(chapterData[key]);
+    let oldList = []
+    if(oldChapterData) {
+      oldList = oldChapterData[key]
+    }
+    data[key] = await getQuestionList(oldList,chapterData[key]);
   }
   return data;
 };
diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less
index 02a39d6..4b6d3a4 100644
--- a/src/books/childHealth/assets/main.less
+++ b/src/books/childHealth/assets/main.less
@@ -595,6 +595,18 @@
   .mt-20 {
     margin-top: 20px;
   }
+  .mt-40 {
+    margin-top: 40px;
+  }
+  .ta-br {
+    border-color: #C0C4CC;
+  }
+  textarea:focus {
+    border-color: #00a1e9;
+  }
+  .cl-66 {
+    color: #666;
+  }
 }
 
 body {
@@ -630,3 +642,26 @@
     }
   }
 }
+
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 10px;
+}
+  
+  ::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 6px;
+}
+  
+  ::-webkit-scrollbar-thumb:vertical {
+  height: 5px;
+  background-color:rgba(125, 125, 125, 0.3);
+  -webkit-border-radius:6px;
+}
+  
+  ::-webkit-scrollbar-thumb:horizontal {
+   width: 5px;
+   background-color: rgba(125, 125, 125, 0.3);
+   -webkit-border-radius: 6px;
+}
\ No newline at end of file
diff --git a/src/books/childHealth/view/content/components/chapter0004.vue b/src/books/childHealth/view/content/components/chapter0004.vue
index 8b7b053..7c43c62 100644
--- a/src/books/childHealth/view/content/components/chapter0004.vue
+++ b/src/books/childHealth/view/content/components/chapter0004.vue
@@ -676,8 +676,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0104-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍥� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[91]" />
         </p>
         <h2 class="module_block" id="b017">
@@ -1086,7 +1085,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <span class="img">涓撻鍥� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻鍥� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[97]" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue
index 53a50be..8cc724b 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,9 +587,12 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[6]" v-if="questionData" />
-          
+          <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">
@@ -612,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>
@@ -672,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>
@@ -698,7 +830,7 @@
         <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>
@@ -711,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%">
@@ -757,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>
@@ -781,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">
           鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆�
@@ -836,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>
@@ -845,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锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃��
@@ -941,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>
@@ -996,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>
@@ -1007,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>
           浜轰綋鍦ㄦ柊闄堜唬璋㈣繃绋嬩腑锛屾満浣撶粍缁囬渶瑕佹簮婧愪笉鏂湴鑾峰緱姘ф皵鍜屽吇鏂欙紝鍚屾椂鍙堣鎶婁唬璋骇鐢熺殑浜屾哀鍖栫⒊鍜屽叾浠栧簾鐗╂帓鍑轰綋澶栵紝杩欎釜杩囩▼涓昏鐢卞惊鐜郴缁熸潵瀹屾垚銆�
@@ -1016,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>
 
@@ -1052,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%銆傚勾榫勮秺灏忥紝姣斾緥瓒婂ぇ銆備絾骞煎効鐨勯�犺鍣ㄥ畼鏄撳彈浼ゅ锛屾煇浜涜嵂鐗╁強鏀惧皠鎬ф薄鏌撳閫犺鍣ㄥ畼鍗卞鏋佸ぇ銆�
@@ -1095,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>
@@ -1153,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>
@@ -1178,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>
@@ -1254,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>
@@ -1311,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>
@@ -1325,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%">
@@ -1340,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>
@@ -1384,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父浣嶇疆钀屽嚭锛屽鑷寸墮鎺掑垪涓嶉綈銆�
@@ -1396,6 +1683,7 @@
             :src="tableFive"
             :preview-src-list="[tableFive]"
             style="width: 100%"
+            class="open-image"
           />
         </p>
         <p class="img">琛�1-5 鎭掔墮钀屽嚭鏃堕棿</p>
@@ -1404,6 +1692,7 @@
             :src="tableSix"
             :preview-src-list="[tableSix]"
             style="width: 100%"
+            class="open-image"
           />
         </p>
         <h5 id="e021">2.鑸�</h5>
@@ -1424,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" >
           寮憋紝寮瑰姏缁勭粐鍙婅倢灞傚皻涓嶅彂杈撅紝瀹规槗婧钩銆傚鍓嶅効绔ョ殑椋熺姣旀垚浜虹殑鐭�岀嫮绐勶紝榛忚啘钖勫锛岀澹佽倢鑲夌粍缁囧強寮规�х氦缁村彂鑲茶緝宸紝鏄撲簬鎹熶激銆�
@@ -1462,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>
           绮夊拰鑴傝偑鐨勬秷鍖栬兘鍔涜緝寮憋紝涓昏渚濋潬灏忚偁娑叉潵娑堝寲銆傞殢鐫�骞撮緞鐨勫闀匡紝鑳扮殑鍔熻兘鏃ヨ秼瀹屽杽銆�
@@ -1502,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>
@@ -1517,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">
@@ -1624,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>
@@ -1669,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">
@@ -1688,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>
@@ -1722,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>
@@ -1761,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">
@@ -1849,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>
@@ -1890,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>
@@ -1904,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>
@@ -1941,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>
@@ -1953,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">
@@ -2041,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>
@@ -2086,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>
@@ -2124,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">
@@ -2140,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>
@@ -2163,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>
@@ -2172,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>
@@ -2200,7 +2654,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[26]" v-if="questionData" />
         </p>
         <h2 class="module_block" id="b008">
@@ -2276,37 +2730,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>
@@ -2325,9 +2814,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>
@@ -2336,7 +2830,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>
           浜轰綋鐨勬柊闄堜唬璋㈣兘澶熸甯歌繘琛岋紝浣撳唴鍚勪釜鍣ㄥ畼銆佺郴缁熻兘澶熷瘑鍒囬厤鍚堝拰鍗忚皟娲诲姩锛屼娇浜轰綋鎴愪负涓�涓粺涓�鐨勬暣浣擄紝骞朵笖涓庡鐣岀幆澧冪浉閫傚簲锛岃繖浜涗富瑕佹槸閫氳繃绁炵粡绯荤粺鐨勮皟鑺備綔鐢ㄥ畬鎴愮殑銆傚洜姝わ紝绁炵粡绯荤粺鏄汉浣撳悇绉嶇敓鐞嗗姛鑳界殑涓昏璋冭妭鑰呫��
@@ -2354,7 +2853,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>
@@ -2399,7 +2898,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>
@@ -2409,13 +2914,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>
@@ -2441,7 +2946,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>
@@ -2471,7 +2981,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>
@@ -2482,12 +2992,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>
@@ -2518,7 +3034,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>
           瀛﹀墠鍎跨瀵圭己姘х殑鑰愬彈鍔涗笉濡傛垚浜猴紝濡傛灉灞呭绌烘皵姹℃祳锛岃剳缁嗚優鍙楀棣栧綋鍏跺啿銆傛墍浠ワ紝瀛﹀墠鍎跨鎴夸竴瀹氳瀹氭椂閫氶锛屼互淇濊瘉瀛﹀墠鍎跨瀵规哀姘旂殑闇�姹傘��
@@ -2540,7 +3061,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍏�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍏�</span>
           <examinations :cardList="questionData[31]" v-if="questionData" />
         </p>
         <h4 id="d065">锛堝叚锛夊畨鎺掍赴瀵岀殑娲诲姩鍙婇�傚綋鐨勪綋鑲查敾鐐�</h4>
@@ -2565,7 +3086,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>
@@ -2654,43 +3181,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>
@@ -2709,9 +3276,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>
@@ -2720,7 +3292,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%浠ヤ笂鏉ヨ嚜瑙嗚鍜屽惉瑙夈��
@@ -2765,7 +3342,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>
@@ -2785,7 +3362,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鍒嗛挓锛岀湅瀹岀數瑙嗗拰鐜╁畬鐢靛瓙娓告垙鍚庡簲閫傚綋杩涜鎴峰娲诲姩銆�
@@ -2845,7 +3428,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%">
@@ -2855,7 +3444,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>
@@ -2878,7 +3467,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>
@@ -2893,7 +3482,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>
           瀛﹀墠鍎跨鎸栬�虫湹銆傚洜涓鸿繖浜涢攼鍒╃殑宸ュ叿鏄撶浼ゅ鑰抽亾鐨偆锛屽紩鍙戞劅鏌擄紝杩樻湁鍙兘鎴崇牬榧撹啘锛屽奖鍝嶅惉鍔涖��
@@ -2945,7 +3540,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">
@@ -3020,7 +3620,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>
           浠ワ紝鐨偆鏄劅瑙夊櫒瀹樸��
@@ -3058,7 +3664,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" >
           鐨偆鐨勮娴侀噺鐩稿姣旀垚浜哄锛屾暎鐑浉瀵硅緝蹇�佽緝澶氾紝鍔犱箣瀛﹀墠鍎跨鐨偆鐨勮〃闈㈢Н杈冨ぇ锛屾暎鐑篃杈冩垚浜哄锛屽洜姝ゅ湪澶栫晫鐜娓╁害鎬ュ墽鍙樺寲鏃讹紝瀹规槗鍙樺噳鎴栦腑鏆戙��
@@ -3102,7 +3713,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>
@@ -3138,7 +3755,7 @@
         </h6>
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0053-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涔�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涔�</span>
           <examinations :cardList="questionData[40]" v-if="questionData"/>
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
@@ -3151,6 +3768,7 @@
           1.瀛﹀墠鍎跨鍏宠妭绐濊緝娴咃紝鍛ㄥ洿闊у甫杈冧负鏉惧紱锛屾槗鍙戠敓鑴辫嚰銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterOneData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
@@ -3160,24 +3778,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>
@@ -3185,34 +3811,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
@@ -3228,42 +3861,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>
@@ -3287,7 +3927,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">
@@ -3307,29 +3953,18 @@
           <examinations :cardList="questionData[421]" v-if="questionData" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[422]" v-if="questionData" />
+          <examinations :cardList="questionData[422]" v-if="questionData"  />
         </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>
@@ -3351,7 +3986,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"),
@@ -3381,21 +4015,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"),
@@ -3426,22 +4053,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:'',
+          }
+        }
+      }
     };
   },
   async mounted() {
-    this.$data.questionData = await 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')
+    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) {
@@ -3469,18 +4246,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;
diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index 2a67fcb..1e8a046 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -35,12 +35,22 @@
         涓撻瀵煎
       </h6>
       <p class="blockh6 m0-t0">
-        <el-image :src="special" :preview-src-list="[special]" />
+        <el-image
+          :src="special"
+          :preview-src-list="[special]"
+          class="open-image"
+        />
       </p>
     </div>
     <!-- 44 -->
     <div class="page-box" page="44">
-      <evenHeaderVue :num="44" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">44</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b010">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -111,45 +121,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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -168,9 +223,14 @@
           <p class="block">
             瀛﹀墠鏈熷効绔ョ敓闀垮彂鑲茶繀閫燂紝鏂扮敓濠村効鏇存槸涓�澶╀竴涓牱銆傚埆鐪嬪垰鍑虹敓鐨勫┐鍎挎瘡澶╂湁2/3鐨勬椂闂撮兘鍦ㄧ潯瑙夛紝鍙�2涓湀鍚庯紝浠栧氨鎴愪簡涓�涓�滅溂瑙傚叚璺�佽�冲惉鍏柟鈥濈殑娲绘臣鍙埍鐨勫皬瀹濆疂锛�1宀佸悗锛屼粬涓嶄絾浼氱敤寰瑧鏉ュ紩璧蜂綘鐨勬敞鎰忥紝鐢氳嚦浼氱洿鎺ュぇ澹板枈浣犵殑鍚嶅瓧锛�3宀佷互鍚庯紝浠栧氨瑕佺寮�瀹跺涵锛岃繘鍏ュ辜鍎垮洯鍟︹�︹�﹁鍚戠埗姣嶄簡瑙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="chapterTwoData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿��
           </p>
@@ -228,7 +288,10 @@
     </div>
     <!-- 45 -->
     <div class="page-box" page="45">
-      <oddHeaderVue :special="2" :num="45" />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">45</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">鑳庡効鐨勫懆榫勫嵆涓鸿儙榫勬垨濡婂榫勩��</p>
         <p>
@@ -261,7 +324,13 @@
     </div>
     <!-- 46 -->
     <div class="page-box" page="46">
-      <evenHeaderVue :num="46" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">46</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍠勶紝浣垮緱璇█鍜屽姩浣滅殑鍙戝睍鍑虹幇浜嗛璺冦�傛櫤鍔涘彂灞曞蹇紝鐞嗚В鑳藉姏閫愭笎鍔犲己锛屾眰鐭ユ寮猴紝濂藉蹇冨己銆佸ソ闂�佸ソ妯′豢銆傝繍鍔ㄧ殑鍗忚皟鑳藉姏閫愭笎瀹屽杽锛屽彲浠ヤ粠浜嬩竴浜涜緝缁嗚嚧鐨勬墜宸ュ拰杞诲井浣撳姏鍔冲姩锛屼篃鑳藉涔犵畝鍗曠殑鏂囧瓧銆佸浘鐢诲強姝岃埃锛屼负鍏ュ皬瀛﹀涔犲瀹氫簡鍩虹銆�
@@ -275,8 +344,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[46]" />
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
         </p>
         <h2 class="module_block" id="b011">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -353,59 +422,114 @@
           <tr>
             <td>
               <span class="ds-bl">1.鍚嶈瘝瑙i噴:鐢熼暱鍙戣偛瑙勫緥銆�</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.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="chapterTwoData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.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="chapterTwoData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
-                >涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
+                >11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qEvelen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -422,9 +546,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="chapterTwoData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝e父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝e父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿��
           </p>
@@ -466,7 +595,10 @@
     </div>
     <!-- 47 -->
     <div class="page-box" page="47">
-      <oddHeaderVue :special="2"  :num="47"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">47</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           瀛︿細鍙戦煶锛屽悓鏃跺浼氬惉鎳傚崟璇嶏紱鍚冨浐浣撻鐗╀箣鍓嶏紝鍏堝悆鍗婃祦璐ㄩ鐗╋紱浼氳蛋璺箣鍓嶅繀鍏堢粡杩囨姮澶淬�佽浆澶淬�佺炕韬�佸潗銆佺珯绔嬬瓑鍙戣偛姝ラ銆傚彲瑙侊紝閭d簺鐪嬩笂鍘讳技涔庢槸绐佺劧鐨勯潪杩炵画鎬х殑浜嬩欢锛屼簨瀹炰笂鏄棩澶嶄竴鏃ョН绱殑缁撴灉銆�
@@ -494,7 +626,11 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="most" :preview-src-list="[most]" />
+              <el-image
+                :src="most"
+                :preview-src-list="[most]"
+                class="open-image"
+              />
             </p>
             <p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p>
           </div>
@@ -506,7 +642,13 @@
     </div>
     <!-- 48 -->
     <div class="page-box" page="48">
-      <evenHeaderVue :num="48" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">48</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e067">3.娣嬪反绯荤粺鍨�</h5>
         <p>
@@ -544,7 +686,10 @@
     </div>
     <!-- 49 -->
     <div class="page-box" page="49">
-      <oddHeaderVue :special="2"  :num="49"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">49</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           璧蜂綔鐢ㄧ殑鍥犵礌锛岄兘鍙兘褰卞搷鍒板涓郴缁熴�備緥濡傦紝閫傚綋鐨勪綋鑲查敾鐐间笉浠呰兘淇冭繘杩愬姩绯荤粺鐨勫彂鑲诧紝鑰屼笖鑳戒績杩涘懠鍚哥郴缁熴�佸惊鐜郴缁熷拰绁炵粡绯荤粺鐨勫彂鑲层��
@@ -572,7 +717,7 @@
         </h6>
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[49]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -589,7 +734,13 @@
     </div>
     <!-- 50 -->
     <div class="page-box" page="50">
-      <evenHeaderVue :num="50" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">50</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
@@ -680,43 +831,78 @@
             <tr>
               <td>
                 <span class="ds-bl">1.褰卞搷鍎跨鐢熼暱鍙戣偛鐨勫厛澶╁洜绱犳湁鍝簺?</span>
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.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="chapterTwoData.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="chapterTwoData.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="chapterTwoData.learnTableThree.qFour"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10">5.瀛h妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span>
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.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="chapterTwoData.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="chapterTwoData.learnTableThree.qSeven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
               </td>
             </tr>
             <tr>
@@ -737,7 +923,7 @@
               src="../../../assets/images/icon/video.png"
               alt=""
               @click="changeResources('videoState')"
-              class="btn "
+              class="btn"
             />
           </div>
           <div v-if="videoState">
@@ -763,9 +949,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="chapterTwoData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
           </p>
@@ -778,9 +969,14 @@
     </div>
     <!-- 51 -->
     <div class="page-box" page="51">
-      <oddHeaderVue :special="2"  :num="51"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">51</span>
+      </div>
       <div class="padding-96">
-        <p class="t0">鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��</p>
+        <p class="t0">
+          鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��
+        </p>
         <p>
           鐢熼暱鍙戣偛鐨勫悇椤瑰舰鎬佹寚鏍囧拰鐢熺悊鎸囨爣锛屽韬珮銆佷綋閲嶃�佺毊涓嬭剛鑲�佽鍘嬬瓑閮芥湁涓嶅悓绋嬪害鐨勯仐浼犲�惧悜锛屽叾涓韩楂樼殑閬椾紶鍊惧悜鏇翠负鏄庢樉锛屽湪鑹ソ鐢熸椿鐜褰卞搷涓嬬殑鍎跨锛屾垚骞磋韩楂樺湪寰堝ぇ绋嬪害涓婂彇鍐充簬鐖舵瘝鐨勮韩楂樸�備竴鑸埗姣嶉珮瀛愬コ涔熼珮锛岀埗姣嶇煯瀛愬コ涔熺煯锛岃繖灏变负韬珮棰勬祴鍒涢�犱簡鏉′欢銆�
         </p>
@@ -806,13 +1002,20 @@
           鍥犳锛岀Н鏋侀槻娌诲効绔ヤ紶鏌撶梾鍜屽瘎鐢熻櫕鐥呯瓑甯歌鐥咃紝瀵逛繚璇佸効绔ョ殑姝e父鍙戣偛鏄崄鍒嗛噸瑕佺殑銆�
         </p>
         <h4 id="d087">锛堜笁锛変綋鑲查敾鐐煎拰鍔冲姩</h4>
-        <p>浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲</p>
+        <p>
+          浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲
+        </p>
       </div>
     </div>
     <!-- 52 -->
-    
     <div class="page-box" page="52">
-      <evenHeaderVue :num="52" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">52</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浠h阿锛屾彁楂樺懠鍚搞�佽繍鍔ㄥ拰寰幆绯荤粺鐨勫姛鑳斤紝鐗瑰埆鑳戒績杩涢楠煎拰鑲岃倝鐨勫彂鑲层�傚洜姝わ紝鍎跨缁忓父鍙傚姞浣撹偛閿荤偧锛屼笉浠呭彲浣胯倢绾ょ淮鍙樼矖锛岃倢鑲夎川閲忓鍔狅紝鑰屼笖鑳戒績杩涢楠肩殑鐢熼暱鍙戣偛锛屽姞閫熼鐨勯挋鍖栵紝浣块璐ㄦ洿鍔犵矖澹潥瀹烇紝鍚屾椂涔熶績杩涗簡闊у甫鐨勫彂鑲诧紝澧炲姞浜嗗叧鑺傜殑鐗㈠浐鎬у拰鐏垫椿鎬с��
@@ -840,19 +1043,26 @@
           姝ゅ锛屽ぇ姘斻�佹按鍜屽湡澹や腑鏈夊鐗╄川鐨勬薄鏌擄紝浠ュ強鍣0鐨勫嵄瀹筹紝瀵瑰効绔ョ敓闀垮彂鑲蹭篃鏈変笉鑹奖鍝嶃��
         </p>
         <h6 class="Conclusion-title2">
-          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
+          <img
+            class="img-gn"
+            alt=""
+            src="../../../assets/images/icon/ycs.png"
+          />
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
           <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[52]" />
         </p>
       </div>
     </div>
     <!-- 53 -->
     <div class="page-box" page="53">
-      <oddHeaderVue :special="2"  :num="53"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">53</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -882,30 +1092,40 @@
           1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qTwo"
           />锛�
         </p>
       </div>
     </div>
     <!-- 54 -->
     <div class="page-box" page="54">
-      <evenHeaderVue :num="54" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">54</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="block">
           3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qFour"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -913,42 +1133,55 @@
           1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qOne.one"
           />鐨勮寰嬨��
         </p>
         <p class="block">
           2.浜虹殑鐢熼暱鍙戣偛閫熷害鏇茬嚎骞朵笉鏄殢骞撮緞鍛�<input
             type="text"
             class="lineInput completion-input"
-          />涓婂崌锛岃�屾槸<input type="text" class="lineInput completion-input" />涓婂崌銆�
+            v-model="chapterTwoData.question.fill.qTwo.one"
+          />涓婂崌锛岃�屾槸<input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qTwo.Two"
+          />涓婂崌銆�
         </p>
         <p class="block">
           3.閬椾紶鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.one"
           />鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Two"
           />鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Three"
           />鍥犵礌涓�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Four"
           />鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨��
         </p>
         <p class="block">
           4.钀ュ吇鏄繚璇佸辜鍎跨敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFour.one"
           />鍩虹銆�
         </p>
         <p class="block">
           5.鐖舵瘝鐨勭ぞ浼氬湴浣嶃�佺粡娴庣姸鍐点�佺礌璐ㄥ強鏁欒偛鏂瑰紡閮戒細褰卞搷瀛﹀墠鍎跨鐨勭敓闀垮彂鑲诧紝杩欎綋鐜颁簡<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFive.one"
           />鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFive.Two"
           />鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆�
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -957,12 +1190,14 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTwoData.question.short.qOne"
         ></textarea>
         <p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTwoData.question.short.qOne"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -977,7 +1212,11 @@
           3.鏍规嵁骞撮緞鐗圭偣锛屼负鏌愪竴骞撮緞娈电殑瀛﹀墠鍎跨鍒跺畾涓�浠戒竴鏃ョ敓娲绘棩绋嬭〃銆�
         </p>
         <h6 class="Conclusion-title2">
-          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
+          <img
+            class="img-gn"
+            alt=""
+            src="../../../assets/images/icon/ycs.png"
+          />
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
@@ -990,10 +1229,14 @@
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea 
+            cols="30" 
+            rows="6" 
+            v-model="chapterTwoData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1001,16 +1244,16 @@
 </template>
 
 <script>
-import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
-import oddHeaderVue from '../../components/pageHeader/oddHeader.vue';
+import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
+import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
-import {mapState} from 'vuex'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
+import { mapState } from "vuex";
 export default {
   name: "chapterTwo",
-  components:{evenHeaderVue,oddHeaderVue,examinations},
+  components: { evenHeaderVue, oddHeaderVue, examinations },
   data() {
     return {
       taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"),
@@ -1023,18 +1266,91 @@
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      chapterTwoData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        introspection:'',
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen: "",
+          qEvelen: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+            },
+            qTwo: {
+              oen: "",
+              two: "",
+            },
+            qThree: {
+              one: "",
+              two: "",
+              Three:"",
+              Four:""
+            },
+            qFour: {
+              one: "",
+              two: "",
+            },
+            qFive: {
+              one: "",
+              two: "",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+          },
+        },
+      },
     };
   },
   async mounted() {
-    this.$data.questionData = await getQuestionData(testData[2])
-    this.$data.pathOne = getResourcePath('e2b2b610e8b77c82bad7cf94c7986646')
-    this.$data.pathTwo = getResourcePath('b11b51863da2a4e7e21c73358fa96c1e')
-    this.$data.pathThree = getResourcePath('67cf97bd8295dc3aeb46982c574df8d0')
+    this.$data.questionData = await getQuestionData(testData[2]);
+    this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
+    this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
+    this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
   },
   methods: {
     changeResources(type) {
diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index 965205b..1a6bd8c 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -529,8 +529,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[64]" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
         </p>
         <h2 class="module_block" id="b014">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -957,7 +957,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[73]" />
         </p>
         <h2 class="module_block" id="b015">
@@ -1346,7 +1346,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[78]" />
         </p>
       </div>
diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index f5d756a..b0165bf 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -1019,8 +1019,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0132-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[119]" />
         </p>
         <h2 class="module_block" id="b019">
@@ -1365,8 +1364,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0137-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[124]" />
         </p>
         <h2 class="module_block" id="b020">
@@ -1738,8 +1736,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0141-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[129]" />
         </p>
         <h2 class="module_block" id="b021">
@@ -2029,7 +2026,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚鍥�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span>
           <examinations :cardList="questionData[133]" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
diff --git a/src/books/childHealth/view/content/components/chapter006.vue b/src/books/childHealth/view/content/components/chapter006.vue
index 7040a28..66cb782 100644
--- a/src/books/childHealth/view/content/components/chapter006.vue
+++ b/src/books/childHealth/view/content/components/chapter006.vue
@@ -391,8 +391,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-a" alt="" src="image/0155-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[142]" />
         </p>
         <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p>
@@ -1005,8 +1004,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0165-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[152]" />
         </p>
         <h2 class="module_block" id="b024">
@@ -1264,8 +1262,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-a" alt="" src="image/0168-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[156]" />
         </p>
         <p class="custom_tag"><b>鈥㈡墿灞曞欢浼糕��</b></p>
@@ -1531,8 +1528,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0172-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚鍥�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚鍥�</span>
           <examinations :cardList="questionData[159]" />
         </p>
         <div class="annotation-border"></div>
@@ -1881,8 +1877,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0177-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[164]" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index b251dbd..5727228 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -237,8 +237,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0182-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[169]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -659,8 +658,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0187-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[174]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -924,8 +922,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0189-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[177]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -1711,8 +1708,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0200-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚鍥�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
           <examinations :cardList="questionData[188]" />
         </p>
         <h2 class="module_block" id="b031">
@@ -2761,8 +2757,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0220-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[207]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
diff --git a/src/books/childHealth/view/content/components/chapter008.vue b/src/books/childHealth/view/content/components/chapter008.vue
index dd422c1..c00a12e 100644
--- a/src/books/childHealth/view/content/components/chapter008.vue
+++ b/src/books/childHealth/view/content/components/chapter008.vue
@@ -491,8 +491,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0228-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[215]" />
         </p>
       </div>
@@ -1350,8 +1349,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0240-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[227]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
@@ -1750,8 +1748,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0245-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍏� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍏� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[232]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
diff --git a/src/books/childHealth/view/content/components/chapter009.vue b/src/books/childHealth/view/content/components/chapter009.vue
index be44348..0d3eb27 100644
--- a/src/books/childHealth/view/content/components/chapter009.vue
+++ b/src/books/childHealth/view/content/components/chapter009.vue
@@ -531,8 +531,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <img class="img-g" alt="" src="image/0256-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涔� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[243]" />
         </p>
       </div>
@@ -1263,8 +1262,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0267-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻涔� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻涔� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[255]" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
diff --git a/src/books/childHealth/view/content/components/chapter010.vue b/src/books/childHealth/view/content/components/chapter010.vue
index 88e9fa6..da1bc4b 100644
--- a/src/books/childHealth/view/content/components/chapter010.vue
+++ b/src/books/childHealth/view/content/components/chapter010.vue
@@ -583,8 +583,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0279-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍗� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚涓�</span>
           <examinations :cardList="questionData[267]" />
         </p>
         <h2 class="module_block" id="b038">
@@ -933,8 +932,7 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0285-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻鍗� 瀛︿範涓婚浜�</span> -->
+          <span class="img center dl-bl w100">涓撻鍗� 瀛︿範涓婚浜�</span>
           <examinations :cardList="questionData[272]" />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
diff --git a/src/books/childHealth/view/content/components/chapter011.vue b/src/books/childHealth/view/content/components/chapter011.vue
index 214c164..31eccc5 100644
--- a/src/books/childHealth/view/content/components/chapter011.vue
+++ b/src/books/childHealth/view/content/components/chapter011.vue
@@ -20,27 +20,27 @@
           <el-image :src="tableOne" :preview-src-list="[tableOne]" />
         </p> -->
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂竴</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂竴</span>
           <examinations :cardList="questionData[2741]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂簩</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂簩</span>
           <examinations :cardList="questionData[2742]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂笁</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂笁</span>
           <examinations :cardList="questionData[2743]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗峰洓</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗峰洓</span>
           <examinations :cardList="questionData[2744]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂簲</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂簲</span>
           <examinations :cardList="questionData[2745]" />
         </p>
       </div>
@@ -53,27 +53,27 @@
           <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
         </p> -->
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗峰叚</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗峰叚</span>
           <examinations :cardList="questionData[2746]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂竷</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂竷</span>
           <examinations :cardList="questionData[2747]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗峰叓</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗峰叓</span>
           <examinations :cardList="questionData[2748]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗蜂節</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗蜂節</span>
           <examinations :cardList="questionData[2749]" />
         </p>
         <span class="span-border"></span>
         <p class=" block3">
-          <span class="block3 center dl-bl w100 mb-20">鍗峰崄</span>
+          <span class="block3 center dl-bl w100 mt-40">鍗峰崄</span>
           <examinations :cardList="questionData[27410]" />
         </p>
       </div>
diff --git a/src/books/childHealth/view/content/index.vue b/src/books/childHealth/view/content/index.vue
index 6e37da0..924583c 100644
--- a/src/books/childHealth/view/content/index.vue
+++ b/src/books/childHealth/view/content/index.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="page-main" @scroll="throttledScrollHandler">
-    <div class="page-content">
+    <div class="page-content" :style="{fontSize: fontSize ? fontSize + 'px' : '16px',  
+  transform: `scale(${pageZoom ? pageZoom : 1})`}">
       <pageHeader v-if="showCatalogList.indexOf(0) > -1"></pageHeader>
       <chapterOne v-if="showCatalogList.indexOf(1) > -1"></chapterOne>
       <chapterTwo v-if="showCatalogList.indexOf(2) > -1"></chapterTwo>
@@ -48,6 +49,14 @@
       previousScrollTop: 0,
       throttledScrollHandler: null
     };
+  },
+  computed:{
+    fontSize() {
+      return this.$store.state.qiankun.fontSize
+    },
+    pageZoom() {
+      return this.$store.state.qiankun.scale / 100
+    }
   },
   watch: {
     showCatalogList: {
@@ -208,21 +217,21 @@
             // 楂樹寒
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}')">${data.txt}</span>`
+              `<span datatype="Highlight" dataid="${data.id}" style="background: ${data.color};" class="highLight" onclick="signClick('Highlight','${data.id}','${data.chapterNum}')">${data.txt}</span>`
             );
             break;
           case "Dashing":
             // 鍒掔嚎
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}')">${data.txt}</span>`
+              `<span datatype="Dashing" dataid="${data.id}" style="text-decoration-color:${data.color};" class="underline" onclick="signClick('Dashing','${data.id}','${data.chapterNum}')">${data.txt}</span>`
             );
             break;
           case "Note":
             // 绗旇
             pageDom.innerHTML = pageDom.innerHTML.replace(
               reg,
-              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
+              `<span datatype="Note" dataid="${data.id}" style="border-bottom-color:${data.color}" class="notesline" onclick="signClick('Note','${data.id}','${data.chapterNum}')">${data.txt}<img src="${NoteIcon}" style="cursor: pointer" /></span>`
             );
             break;
         }
diff --git a/src/books/childHealth/view/index.vue b/src/books/childHealth/view/index.vue
index 0187f04..b6466cb 100644
--- a/src/books/childHealth/view/index.vue
+++ b/src/books/childHealth/view/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="temp-book" @mouseup="handleMouseUp">
+  <div class="temp-book" @mouseup="handleMouseUp" >
     <pageContent></pageContent>
   </div>
 </template>
@@ -19,6 +19,9 @@
       cardList: [],
       isMouseDown: false
     };
+  },
+  computed: {
+
   },
   mounted() {
     this.getBookInfo();
@@ -118,8 +121,8 @@
             chapterNum: "",
             txt: "",
             page: "",
-            x: "",
-            y: ""
+            x: e.x,
+            y: e.y
           });
         }
       }
diff --git a/src/books/content/components/customTable.vue b/src/books/content/components/customTable.vue
index 6a39bad..067d416 100644
--- a/src/books/content/components/customTable.vue
+++ b/src/books/content/components/customTable.vue
@@ -77,7 +77,7 @@
   },
 };
 </script>
-<style>
+<style scoped>
 table {
   border-collapse: collapse;
   width: 100%;
diff --git a/src/books/content/components/header.vue b/src/books/content/components/header.vue
index 82d11ea..1a0a40d 100644
--- a/src/books/content/components/header.vue
+++ b/src/books/content/components/header.vue
@@ -22,7 +22,7 @@
   data() {},
 };
 </script>
-<style lang="less">
+<style lang="less" scoped>
 .header {
   width: 100%;
   height: 136px;
diff --git a/src/books/content/css/default.less b/src/books/content/css/default.less
index 2892225..f71a645 100644
--- a/src/books/content/css/default.less
+++ b/src/books/content/css/default.less
@@ -11,6 +11,38 @@
       width: 100%;
       height: 300px;
     }
+    .bj-tip {
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      padding: 8px 10px;
+      box-sizing: border-box;
+      border: 3px solid #f49a4c;
+      border-radius: 30px;
+      position: absolute;
+      top: -30px;
+      left: -20px;
+      background-color: #FFF;
+      color: #f49a4c;
+      font-weight: bold;
+      font-size: 20px;
+      img {
+        margin-left: 15px;
+      }
+    }
+    
+    .tips-bk {  
+      margin-top: 80px;
+      border-radius: 20px;
+      position: relative;
+    }
+
+    .tips-file {
+      border: 3px dotted #f49a4c;
+      padding: 30px 0;
+      box-sizing: border-box;
+      border-radius: 25px;
+    }
 
     .page-box {
       box-sizing: border-box;
@@ -790,7 +822,7 @@
 
     div.bk-tx {
       border: 3px dotted #f49a4c;
-      padding: 1.5em;
+      padding: 10px;
       color: #f49a4c;
       margin-bottom: 2em;
       margin-top: 0.5em;
diff --git a/src/books/content/view/chapter001.vue b/src/books/content/view/chapter001.vue
index 5806d0a..e26f33c 100644
--- a/src/books/content/view/chapter001.vue
+++ b/src/books/content/view/chapter001.vue
@@ -109,31 +109,37 @@
         <p>
           鍦ㄥ�″鐜颁唬鏁欒偛鐞嗗康銆侀噸瑙嗘棭鏈熸暀鑲茬殑浠婂ぉ锛屾洿搴旀敞閲嶅濠村辜鍎跨殑绉戝淇濊偛銆傞偅涔堬紝绉戝鐨勫┐骞煎効鐢熸椿淇濊偛鏄粈涔堟牱鐨勫憿锛�
         </p>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�<img
+              src="../icons/video.png"
+              @click="activityOne"
+              alt=""
+            />
+          </div>
+          <div class="tips-file" v-if="isOpenOne">
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="videOneUrl"
+            ></video>
+          </div>
+        </div>
       </div>
     </div>
     <div class="page-box">
       <div class="bodystyle">
         <h4 id="d001">
           鈻垛柖 娲诲姩1锛氳В閲婂┐骞煎効鐢熸椿淇濊偛鐨勬蹇�<span class="fontsz1"
-            >锛烇紴锛烇紴锛烇紴锛烇紴<img
-              src="../icons/video.png"
-              @click="activityOne"
-              alt=""
-          /></span>
+            >锛烇紴锛烇紴锛烇紴锛烇紴</span
+          >
         </h4>
-        <div v-if="isOpenOne">
-          <video
-            webkit-playsinline="true"
-            x-webkit-airplay="true"
-            playsinline="true"
-            x5-video-orientation="h5"
-            x5-video-player-fullscreen="true"
-            x5-playsinline=""
-            controls
-            class="video-border w100"
-            :src="videOneUrl"
-          ></video>
-        </div>
         <p>
           淇濊偛鍛樺皬鐜嬭涓猴紝濠村辜鍎跨敓娲讳繚鑲插氨鏄濂藉┐骞煎効鐨勫悆銆佸枬銆佹媺銆佹拻銆佺潯銆備綘璁や负灏忕帇鐨勮娉曞鍚楋紵涓轰粈涔堬紵
         </p>
@@ -428,16 +434,8 @@
           锛�5锛夋敹闆嗗洖璁夸俊鎭�傝皟鐮旀墽琛屽畬姣曞悗锛岀暀涓嬭皟鐮斿璞$殑鑱旂郴鏂瑰紡锛岀粨鏉熷悗濡傚彂鐜板皻鏈В鍐崇殑闂锛屽彲閫氳繃缃戠粶銆佺數璇濈瓑褰㈠紡鍥炶銆�
         </p>
         <h4 id="d006">
-          鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1"
-            >锛烇紴锛烇紴锛烇紴锛烇紴<img
-              src="../icons/sub.png"
-              @click="activityThree"
-              alt=""
-          /></span>
+          鈻垛柖 搴旂敤涓庡疄璺�<span class="fontsz1">锛烇紴锛烇紴锛烇紴锛烇紴</span>
         </h4>
-        <div v-if="idOpenThree">
-          <examinations :cardList="qustionData[9]" />
-        </div>
         <p><b>璁鸿堪棰�</b></p>
         <p>
           1.鏍规嵁璧拌鎵樿偛鍥墍鑾峰緱鐨勪俊鎭紝鎵惧嚭骞舵鎷墭鑲插洯涓�鏃ョ敓娲讳繚鑲蹭笌銆婃墭鑲叉満鏋勪繚鑲叉寚瀵煎ぇ绾诧紙璇曡锛夈�嬬浉瀵瑰簲鐨勫唴瀹广��
@@ -449,6 +447,32 @@
           3.鎴戜滑甯歌0锝�3宀佺殑濠村辜鍎挎槸鏈�鈥滄煍杞�濈殑缇や綋锛屾垜浠濡備綍鍛垫姢杩欎釜缇や綋锛�
         </p>
         <p><br /></p>
+        <div class="tips-bk">
+          <div class="bj-tip">
+            浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�<img
+              src="../icons/sub.png"
+              @click="activityThree"
+              alt=""
+            />
+          </div>
+          <div v-if="idOpenThree" class="tips-file">
+            <examinations :cardList="qustionData[9]" />
+          </div>
+          <!-- <div class="tips-file" v-if="isOpenOne">
+            
+            <video
+              webkit-playsinline="true"
+              x-webkit-airplay="true"
+              playsinline="true"
+              x5-video-orientation="h5"
+              x5-video-player-fullscreen="true"
+              x5-playsinline=""
+              controls
+              class="video-border w100"
+              :src="videOneUrl"
+            ></video>
+          </div> -->
+        </div>
       </div>
     </div>
   </div>
@@ -467,8 +491,8 @@
       videOneUrl: "",
       picOneUrl: require("../image/0018-1.jpg"),
       picArr: [require("../image/0018-1.jpg")],
-      isOpenOne: false,
-      idOpenThree: false,
+      isOpenOne: true,
+      idOpenThree: true,
       qustionData: {},
       text1: "",
       text2: "",
@@ -495,7 +519,7 @@
     customTable,
   },
   async created() {
-    this.videOneUrl =  getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
+    this.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
     this.qustionData = await getQuestionData(testData[1]);
   },
   methods: {
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index f864104..c0c4482 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -1,12 +1,12 @@
 <template>
-  <div class="examination" v-loading="loading">
+  <div class="examination" v-loading="!cardList.length">
     <div
       v-for="(item, nindex) in cardList"
       :key="nindex"
       class="border-box"
       v-show="item.infoList.length"
     >
-      <p class="catalogName">
+      <p class="catalogName" :style="{ color: primaryColor }">
         <span v-if="nindex == 0">涓�銆�</span>
         <span v-if="nindex == 1">浜屻��</span>
         <span v-if="nindex == 2">涓夈��</span>
@@ -280,7 +280,7 @@
                       </p>
                       <div class="headerConent sitgBox">
                         <p v-if="!value.isUnfold">
-                          <span class="analysisColor">鏌ョ湅瑙f瀽</span
+                          <span class="analysisColor">灞曞紑瑙f瀽</span
                           ><el-image />
                         </p>
                         <p v-else>
@@ -299,7 +299,48 @@
                 </el-collapse-item>
                 <!-- 涓昏棰� -->
               </el-collapse>
-              <div
+              <el-collapse v-else v-model="value.isUnfold" accordion>
+                <el-collapse-item :name="value.id" class="objective">
+                  <template #title>
+                    <div class="headerBox">
+                      <p v-if="!value.isUnfold">
+                        <span class="analysisColor">灞曞紑绛旀涓庤В鏋�</span>
+                      </p>
+                      <p v-else>
+                        <span class="analysisColor">鏀惰捣绛旀涓庤В鏋�</span>
+                      </p>
+                    </div>
+                  </template>
+                  <div class="referBox">
+                    <span>鍙傝�冪瓟妗堬細</span>
+                    <p
+                      v-html="arrayToString(value.answer)"
+                      class="ti-2"
+                      :class="[
+                        'subjectiveBox',
+                        value.isUnfold ? 'showText' : 'hideText',
+                      ]"
+                    ></p>
+                  </div>
+                  <!-- 瑙f瀽 -->
+                  <div class="referBox">
+                    <span>瑙f瀽锛�</span>
+                    <p
+                      v-if="value.analysisCon"
+                      v-html="value.analysisCon"
+                      :class="
+                        [
+                          'subjectiveBox',
+                          'ti-2',
+                          value.isUnfold ? 'yincang' : '',
+                        ].join(' ')
+                      "
+                    ></p>
+                    <p v-else class="ti-2">鏆傛棤鏁版嵁</p>
+                  </div>
+                </el-collapse-item>
+              </el-collapse>
+              <!-- <div
                 v-if="value.questionType == 'shortAnswer'"
                 class="subjective subjectiveItem"
               >
@@ -322,8 +363,6 @@
                     </span>
                   </p>
                 </div>
-                <!-- :class="['analysisDetailBox', value.isUnfold ? 'open' : 'close'].join(' ') -->
-                <!-- :class="['analysisDetailBox', value.isUnfold ? 'cartoon' : 'downCartoon'].join(' ') -->
                 <div
                   :class="
                     [
@@ -334,7 +373,6 @@
                 >
                   <div class="referBox">
                     <span>鍙傝�冪瓟妗堬細</span>
-                    <!-- <p v-html="arrayToString(value.answer)" class="subjectiveBox"></p> -->
                     <p
                       v-html="arrayToString(value.answer)"
                       :class="[
@@ -357,35 +395,25 @@
                     <p v-else>鏆傛棤鏁版嵁</p>
                   </div>
                 </div>
-              </div>
+              </div> -->
             </div>
           </div>
         </li>
       </ul>
     </div>
-
     <div class="bottom-btn" v-if="!loading">
-      <el-button style="height: 30px; width: 78px; padding: 4px 10px"
-        >淇濆瓨</el-button
-      >
+      <el-button class="btn-box" @click="saveAnswer">淇濆瓨</el-button>
       <el-button
         @click="handleQuestion"
-        style="
-          border-color: #1eb9ee;
-          height: 30px;
-          width: 78px;
-          padding: 4px 10px;
-        "
+        class="btn-box"
+        :style="{ borderColor: primaryColor }"
         >鎻愪氦</el-button
       >
-      <el-button
-        @click="redo"
-        style="height: 30px; width: 78px; padding: 4px 10px"
-        >閲嶅仛</el-button
-      >
+      <el-button @click="redo" class="btn-box">閲嶅仛</el-button>
       <el-button
         @click="openAnswers"
-        style="border-color: #1eb9ee; height: 30px; padding: 4px 10px"
+        class="btn-box"
+        :style="{ borderColor: primaryColor }"
         >鏌ョ湅绛旀</el-button
       >
     </div>
@@ -396,7 +424,23 @@
 import { getPublicImage } from "@/assets/js/middleGround/tool";
 export default {
   name: "examination-option",
-  props: ["cardList"],
+  // props: ["cardList"],
+  props: {
+    cardList: {
+      type: Array,
+      default: [],
+    },
+    primaryColor: {
+      type: String,
+      default: "#00aeef",
+    },
+    chapter: {
+      type: Number,
+    },
+    page: {
+      type: Number,
+    },
+  },
   data() {
     return {
       type: "option",
@@ -465,249 +509,6 @@
     watchParsing(data) {
       data.isUnfold = !data.isUnfold;
     },
-    // // 鑾峰彇璇曞嵎涓嬮鐩被鍨�
-    // getIdPathList() {
-    //   this.$data.loading = true;
-    //   let query = {
-    //     path: "*",
-    //     queryType: "*",
-    //     productId: this.config.bookId,
-    //     cmsPath: "24080\\63791\\63792\\63807",
-    //     pading: {
-    //       start: 0,
-    //       size: 999,
-    //     },
-    //   };
-    //   this.MG.store.getProductDetail(query).then(async (res) => {
-    //     console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas);
-    //     const idPathList = res.datas.cmsDatas[0].datas;
-    //     await this.getQuestionList(idPathList);
-    //   });
-    // },
-    // // 鑾峰彇棰樺簱棰樼洰
-    // async getQuestionList(idPathList, oldData) {
-    //   let cardList = [];
-    //   // 娓呯┖姝g‘棰樻暟璁板綍
-    //   for (let index = 0; index < idPathList.length; index++) {
-    //     const pathitem = idPathList[index];
-    //     const pathList = cardList;
-    //     pathList.push({
-    //       path: pathitem.productLinkPath,
-    //       catalogName: pathitem.name,
-    //       infoList: [],
-    //     });
-    //     cardList = pathList;
-    //     // 鑾峰彇棰樼洰
-    //     let query = {
-    //       path: "*",
-    //       queryType: "*",
-    //       productId: this.config.bookId,
-    //       cmsPath: pathitem.productLinkPath,
-    //       itemFields: {
-    //         Embedded_QuestionBank_Stem: [],
-    //         Embedded_QuestionBank_AnalysisCon: [],
-    //         Embedded_QuestionBank_Answer: [],
-    //         Embedded_QuestionBank_Option: [],
-    //         Embedded_QuestionBank_QuestionType: [],
-    //         Embedded_QuestionBank_StemStyle: [],
-    //         Embedded_QuestionBank_OptionStyle: [],
-    //         Embedded_QuestionBank_KnowledgePoint: [],
-    //         Embedded_QuestionBank_Difficulty: [],
-    //       },
-    //       pading: {
-    //         start: 0,
-    //         size: 999,
-    //       },
-    //     };
-    //     await this.MG.store.getProductDetail(query).then((res) => {
-    //       let oldList;
-    //       if (oldData) {
-    //         // 鎻愪氦杩囷紝瀛樺湪绛旈璁板綍
-    //         oldList = oldData.find(
-    //           (item) => item.path == pathitem.productLinkPath
-    //         ).infoList;
-    //         this.setData({
-    //           submitStatus: true,
-    //         });
-    //       }
-    //       res.datas.cmsDatas[0].datas.forEach((item, index) => {
-    //         let oldObj = "";
-    //         if (oldList)
-    //           oldObj = oldList.find((oldItem) => oldItem.id == item.id);
-    //         let questionObj = {
-    //           // num: index, // 棰樺彿
-    //           id: item.id,
-    //           type: pathitem.name,
-    //           stem:
-    //             item.Embedded_QuestionBank_QuestionType == "completion"
-    //               ? JSON.parse(item.Embedded_QuestionBank_Stem)
-    //                   .stemTxt.replaceAll("<vacancy>", ",input,")
-    //                   .split(",")
-    //               : JSON.parse(item.Embedded_QuestionBank_Stem), // 棰樺共
-    //           answer: item.Embedded_QuestionBank_Answer, // 绛旀
-    //           option: item.Embedded_QuestionBank_Option
-    //             ? JSON.parse(item.Embedded_QuestionBank_Option)
-    //             : "", // 閫夋嫨棰橀�夐」
-    //           analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 瑙f瀽
-    //           questionType: item.Embedded_QuestionBank_QuestionType, // 棰樺瀷
-    //           optionStyle: item.Embedded_QuestionBank_OptionStyle, // 閫夐」鏄剧ず绫诲瀷
-    //           stemStyle: item.Embedded_QuestionBank_StemStyle, // 棰樺共鏄剧ず绫诲瀷
-    //           difficulty: item.Embedded_QuestionBank_Difficulty
-    //             ? 4 - item.Embedded_QuestionBank_Difficulty
-    //             : 0, // 闅惧害绛夌骇
-    //           userAnswer: oldObj
-    //             ? oldObj.userAnswer
-    //             : item.Embedded_QuestionBank_QuestionType == "completion" ||
-    //               item.Embedded_QuestionBank_QuestionType == "multipleChoice"
-    //             ? []
-    //             : "",
-    //           isUserAnswer: oldObj
-    //             ? this.isHaveAnswer(oldObj.userAnswer)
-    //             : false,
-    //           isRight: oldObj ? oldObj.isRight : null,
-    //           isComplete: oldObj ? oldObj.isComplete : false,
-    //           isCollect: false,
-    //           isUnfold: "", // 鎺у埗瑙f瀽鐨勬姌鍙犻潰鏉挎槸鍚﹀睍寮�
-    //         };
-    //         // 澶氶�夊拰濉┖绛旀鑲负鏁扮粍锛岃杞崲JSON鏍煎紡
-    //         if (
-    //           questionObj.questionType == "completion" ||
-    //           questionObj.questionType == "multipleChoice"
-    //         ) {
-    //           try {
-    //             questionObj.answer = JSON.parse(questionObj.answer).toString();
-    //           } catch (error) {
-    //             questionObj.answer = item.Embedded_QuestionBank_Answer;
-    //           }
-    //         }
-    //         // 濉┖棰樻敼閫�
-    //         if (questionObj.questionType == "completion") {
-    //           let index = 0;
-    //           for (let i = 0; i < questionObj.stem.length; i++) {
-    //             const item = questionObj.stem[i];
-    //             if (item == "input") {
-    //               questionObj.stem[i] = {
-    //                 num: index,
-    //                 data: "input",
-    //               };
-    //               if (!oldObj) questionObj.userAnswer[index] = "";
-    //               index++;
-    //             }
-    //           }
-    //         }
-    //         // 棰樺共瀵屾枃鏈鐞�
-    //         if (questionObj.stemStyle == "RichText") {
-    //           // questionObj.option.txt = ''
-    //           questionObj.stem.stemTxt = questionObj.stem.stemTxt
-    //             .replace(
-    //               /\<img/gi,
-    //               '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
-    //             )
-    //             .replace(/\<p/gi, '<p class="stem-rich-p"')
-    //             .replace("../file", app.config.requestCtx + "/file");
-    //         }
-    //         // 閫夐」瀵屾枃鏈鐞�
-    //         if (
-    //           questionObj.optionStyle == "RichText" &&
-    //           (questionObj.questionType == "singleChoice" ||
-    //             questionObj.questionType == "judge" ||
-    //             questionObj.questionType == "multipleChoice")
-    //         ) {
-    //           questionObj.option.forEach((item) => {
-    //             if (item.txt)
-    //               item.txt = item.txt
-    //                 .replace(/\<img/gi, '<img class="option-rich-img"')
-    //                 .replace(/\<p/gi, '<p class="stem-rich-p"')
-    //                 .replace("../file", app.config.requestCtx + "/file");
-    //           });
-    //         }
-    //         // 瑙f瀽瀵屾枃鏈鐞�
-    //         if (
-    //           questionObj.analysisCon &&
-    //           typeof questionObj.analysisCon == "string"
-    //         ) {
-    //           questionObj.analysisCon = questionObj.analysisCon.replace(
-    //             /\<img/gi,
-    //             '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
-    //           );
-    //         }
-    //         // 鍚姏棰樹慨鏀�
-    //         // if (questionObj.questionType == 'singleChoice') {
-    //         //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
-    //         //   if (src) {
-    //         //     questionObj.src = src
-    //         //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
-    //         //   }
-    //         // }
-    //         // 鑾峰彇鍥剧墖
-    //         if (
-    //           questionObj.stemStyle == "Image" ||
-    //           questionObj.stemStyle == "TxtAndImage"
-    //         ) {
-    //           questionObj.stem.stemImage = getPublicImage(
-    //             questionObj.stem.stemImage,
-    //             150
-    //           );
-    //         }
-    //         if (
-    //           questionObj.optionStyle == "Image" ||
-    //           questionObj.optionStyle == "TxtAndImage"
-    //         ) {
-    //           questionObj.option.forEach((optionItem) => {
-    //             if (optionItem.img)
-    //               optionItem.img = getPublicImage(optionItem.img, 150);
-    //           });
-    //         }
-    //         // 瀹㈣棰樻�诲垎璧嬪��
-    //         if (questionObj.questionType !== "shortAnswer") {
-    //           // this.setData({
-    //           //   subjectiveGrade: this.data.subjectiveGrade + 2,
-    //           // });
-    //         }
-    //         // 鏃ф暟鎹噷 棰樼洰姝g‘ 璁板綍姝g‘鏁伴噺
-    //         if (questionObj.isRight) {
-    //           // this.setData({
-    //           //   correctNum: this.data.correctNum + 1,
-    //           // });
-    //         }
-    //         if (
-    //           pathitem.name == "鍒ゆ柇棰�" ||
-    //           pathitem.name == "濉┖棰�" ||
-    //           pathitem.name == "澶氶�夐" ||
-    //           pathitem.name == "鍗曢�夐" ||
-    //           pathitem.name == "鍚姏棰�"
-    //         ) {
-    //           if (oldObj) {
-    //             // this.setData({
-    //             //   subjectiveTotal: this.data.subjectiveTotal + 1,
-    //             // });
-    //           }
-    //         }
-    //         // cardList璧嬪��
-    //         let cardIndex = cardList.findIndex(
-    //           (item) => item.path == pathitem.productLinkPath
-    //         );
-    //         let infoList = cardList[cardIndex].infoList;
-    //         infoList.push(questionObj);
-    //         cardList[cardIndex].infoList = infoList;
-    //         let questionList = [];
-    //         const cardUpdatedList = cardList;
-    //         cardUpdatedList.forEach((aitem) => {
-    //           aitem.infoList.forEach((bitem, bindex) => {
-    //             questionList.push(bitem);
-    //             bitem.number = bindex + 1;
-    //             bitem.score = 2;
-    //           });
-    //         });
-    //         cardList = cardUpdatedList;
-    //         this.$data.cardList = cardList;
-    //         this.$data.loading = false;
-    //         // console.log("棰樼洰鍛�", cardList);
-    //         // return cardList
-    //       });
-    //     });
-    //   }
-    // },
     // 鎵规敼棰樼洰  (缁冧範,鎴戠殑鍋氶,鎴戠殑鏀惰棌妯″紡涓�)
     handleQuestion() {
       const list = this.$props.cardList;
@@ -758,13 +559,40 @@
       this.$props.cardList = list;
       console.log(this.$props.cardList);
     },
+    // 淇濆瓨鎸夐挳
+    saveAnswer() {
+      console.log(this.cardList);
+      const oldAnswerData = localStorage.getItem("oldAnswerData");
+      let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {};
+      const asnwerList = [];
+      for (let index = 0; index < this.$props.cardList.length; index++) {
+        const item = this.$props.cardList[index];
+        for (let cindex = 0; cindex < item.infoList.length; cindex++) {
+          const citem = item.infoList[cindex];
+          asnwerList.push({
+            id: citem.id,
+            userAnswer: citem.userAnswer,
+          });
+        }
+      }
+      if(oldData[this.chapter]) {
+        oldData[this.chapter][this.page] = asnwerList
+      } else {
+        oldData[this.chapter] = {}
+        oldData[this.chapter][this.page] = asnwerList
+      }
+      console.log(oldData);
+      localStorage.setItem("oldAnswerData", JSON.stringify(oldData));
+    },
   },
 };
+
 </script>
 
 <style lang="less" scoped>
 .catalogName {
-  color: #00aeef;
+  // color: #00aeef;
+  // color: #ff6c00;
   text-indent: 1em !important;
   font-size: 16px;
 }
@@ -775,9 +603,17 @@
     list-style: none;
   }
 }
+.btn-box {
+  height: 30px;
+  width: 78px;
+  padding: 4px 10px;
+}
 .border-box {
   padding-top: 20px;
   // border: 2px solid #e9e9e9;
+}
+.ti-2 {
+  text-indent: 2em !important;
 }
 .questionContent {
   // display: flex;
@@ -873,7 +709,7 @@
     }
     .titleText {
       text-align: left;
-      padding: 0 10px 10px 0px;
+      // padding: 0 10px 10px 0px;
       min-width: 90%;
       font-size: 16px;
       line-height: 32px;
diff --git a/src/main.js b/src/main.js
index 9bbb468..6ffb576 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,8 @@
 import Vue from "vue";
 import App from "./App.vue";
 import less from "less";
-// import "./books/childHealth/assets/main.less";
-import './books/content/css/default.less'
+import "./books/childHealth/assets/main.less";
+// import './books/content/css/default.less'
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import store from "./store";
diff --git a/vue.config.js b/vue.config.js
index e848709..fda15dd 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -2,7 +2,7 @@
 // import {publicCtx} from '@/assets/js/config'
 const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
-  // publicPath: 'http://182.92.203.7:3007/books/book/1',
+  // publicPath: "http://182.92.203.7:3007/books/book/1",
   publicPath:'/books/book/1',
   transpileDependencies: true,
   lintOnSave: false,
@@ -21,7 +21,7 @@
     output: {
       library: `app-content`,
       libraryTarget: "umd",
-      chunkLoadingGlobal: `webpackJsonp_app-content`
+      chunkLoadingGlobal: `webpackJsonp_app-content`,
     },
   },
   chainWebpack: (config) => {
@@ -34,8 +34,8 @@
       .loader("change-prefix-loader")
       .options({
         prefix: "el-",
-        replace: "gp-"
+        replace: "gp-",
       })
       .end();
-  }
+  },
 });

--
Gitblit v1.9.1