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

---
 src/books/childHealth/view/content/components/chapter003.vue |  859 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 659 insertions(+), 200 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index e3989b7..ebdc347 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -46,12 +46,18 @@
         涓撻瀵煎
       </h6>
       <p class="blockh6 m0-t0">
-        <el-image :src="learn" :preview-src-list="[learn]" />
+        <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
       </p>
     </div>
     <!-- 56 -->
     <div class="page-box" page="56">
-      <evenHeaderVue :num="56" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">56</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b013">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -126,73 +132,133 @@
               <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="chapterThreeData.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="chapterThreeData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.3宀佸墠鍎跨鍦ㄨ璇嗕笘鐣岀殑杩囩▼涓紝鍝簺鎰熻璧风潃閲嶈浣滅敤?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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.绀句細鐢熸椿鏉′欢鍜屾暀鑲插鍎跨鐨勫彂灞曡捣鍝簺浣滅敤?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >11.鎬庢牱鐪嬪緟鍎跨鑷韩鐨勪富瑙傝兘鍔ㄦ�у湪鍏跺彂灞曚腑鐨勪綔鐢�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <span class="ds-bl mt-10">11.瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勬爣蹇楁槸浠�涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableOne.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
+              <span class="ds-bl mt-10">12.瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勬爣蹇楁槸浠�涔�?</span>
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableOne.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -211,15 +277,14 @@
           <p class="block">
             涓轰粈涔堝叏涓栫晫鐨勫効绔ラ兘鏄厛瀛︿細鎶ご锛岀劧鍚庡浼氱炕韬�佸潗銆佺埇銆佺珯锛屽埌1宀佸乏鍙冲浼氳蛋璺紵杩樻湁锛屼笉绠¤繖涓浗瀹剁殑璇█涓庡叾浠栫殑璇█宸紓鏈夊澶э紝涓轰粈涔堝効绔ラ兘鍦�4锝�6涓湀鐨勬椂鍊欑墮鐗欏璇紝鍦�12锝�13涓湀鐨勬椂鍊欒鍑虹涓�涓湁鎰忎箟鐨勮瘝锛屽湪绗簩骞存湯鐨勬椂鍊欏紑濮嬬粍鍚堣瘝锛熶负浠�涔堝悓鑳炲厔濡逛竴涓椿娉煎紑鏈楋紝涓�涓矇榛樺瑷�锛熷悓鏍锋槸5宀佺殑鍎跨锛屼负浠�涔堜竴涓级鐗欎繍榻匡紝涓�涓彛榻夸笉娓咃紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="9"
+            v-model="chapterThreeData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="600"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             蹇冪悊瀛︾爺绌惰〃鏄庯紝杩欎簺鐜拌薄鏄敱鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰拰瑙勫緥閫犳垚鐨勩�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰強褰卞搷鍥犵礌锛屼负骞磋交鐨勭埗姣嶅強瀛﹀墠鏁欒偛鏈烘瀯鐨勮�佸笀寮�灞曠瀛︾殑鏃╂湡鏁欒偛鎻愪緵渚濇嵁銆�
           </p>
@@ -246,7 +311,12 @@
     </div>
     <!-- 57 -->
     <div class="page-box" page="57">
-      <odd-header-vue :special="3" :num="57" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">57</span>
+      </div>
       <div class="padding-96">
         <div class="fl fl-around">
           <div class="left" style="width: 63%">
@@ -260,7 +330,7 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="body" :preview-src-list="[body]" />
+              <el-image :src="body" :preview-src-list="[body]" class="open-image" />
             </p>
             <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p>
           </div>
@@ -288,7 +358,13 @@
     </div>
     <!-- 58 -->
     <div class="page-box" page="58">
-      <even-header-vue :num="58" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">58</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍚庢湁涓�瀹氬彂灞曪紝浣嗚蹇嗙殑绮剧‘鎬ф瘮杈冨樊锛岃〃鐜颁负寰�寰�璁颁綇鑷繁鎰熷叴瓒g殑鍐呭锛岃�岄仐蹇樹簡鏈�鏈川銆佹渶涓昏鐨勫唴瀹广��
@@ -317,7 +393,12 @@
     </div>
     <!-- 59 -->
     <div class="page-box" page="59">
-      <odd-header-vue :special="3" :num="59" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">59</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           瀹规槗鏈夊彛闊炽�備竴涓汉鍦ㄥ┐骞煎効鏈熸病鏈夋帉鎻℃纭殑鍙戦煶锛屼互鍚庤繘琛岃ˉ鍋挎暀鑲插氨鍥伴毦澶氫簡銆傚┐骞煎効鍦ㄦ帉鎻¤瘝姹囨柟闈紝鐢�3宀佺殑800锝�1
@@ -352,7 +433,13 @@
     </div>
     <!-- 60 -->
     <div class="page-box" page="60">
-      <even-header-vue :num="60" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">60</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍙﹀锛屽鍓嶅効绔ョ殑鎯呯华鎯呮劅鍙戝睍瀵瑰叾涓�у彂灞曚篃鏈夊緢澶у奖鍝嶏紝闀挎湡鐨勫帇鎶戞垨鑰呬笉閫傚綋鐨勮〃杈鹃兘浼氫娇鍎跨浜х敓娑堟瀬鐨勫績鐞嗕綋楠岋紝浠庤�屽奖鍝嶈韩蹇冪殑姝e父鍙戝睍锛岀敋鑷冲鑷村悇绉嶇柧鐥呫��
@@ -386,7 +473,12 @@
     </div>
     <!-- 61 -->
     <div class="page-box" page="61">
-      <odd-header-vue :special="3" :num="61" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">61</span>
+      </div>
       <div class="padding-96">
         <p>
           鍎跨鍦ㄦ煇鏂归潰鍙戝睍琛ㄧ幇寰楀樊寮傝繃澶э紝閭d箞鍗冲彲鑳借〃鐜颁负蹇冪悊鍙戝睍鐨勯殰纰嶆垨鑰呭紓甯搞��
@@ -438,7 +530,13 @@
     </div>
     <!-- 62 -->
     <div class="page-box" page="62">
-      <even-header-vue :num="62" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">62</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍏抽敭鏈熸槸涓庣敓鐞嗘垚鐔熺浉鍏崇殑姒傚康锛岃澶氬績鐞嗗瀹跺彂鐜帮紝鍎跨鏃╂湡鍔ㄤ綔銆佽瑷�绛夊績鐞嗗彂灞曚笌浠栦滑鐨勭敓鐞嗘垚鐔熷叿鏈夌浉鍏虫�с�傚綋鏌愮鐢熺悊鏈鸿兘杈惧埌鎴愮啛姘村钩鏃讹紝鍎跨鑾峰緱鐩稿叧蹇冪悊鑳藉姏鐨勬渶浣虫椂鏈哄氨浼氬埌鏉ャ�傝璇嗗拰鎺屾彙鍎跨涓嶅悓鐢熺悊鎴愮啛鐨勬椂鏈猴紝鏈夊埄浜庢妸鎻″効绔ュ績鐞嗗彂灞曠殑濂戞満锛屽嵆鍎跨蹇冪悊鍙戝睍鐨勫叧閿湡銆傚叧閿湡鏄寚涓綋鎴愰暱鐨勬煇涓�娈垫椂鏈燂紝鍏舵垚鐔熺▼搴︽伆濂介�傚悎鏌愮琛屼负鐨勫彂灞曪紱濡傛灉澶卞幓鎴栭敊杩囧彂灞曠殑鏈轰細锛屼互鍚庡浼氳绉嶈涓哄氨鍥伴毦寰楀锛屾湁鐨勭敋鑷充竴鐢熼毦浠ュ讥琛ャ�傜爺绌惰〃鏄庯紝鍦ㄧ敓鍛界殑鍓嶅嚑骞达紝鍎跨琚墺澶轰簡璇█瀛︿範鐨勬満浼氾紝浠ュ悗浠栫殑璇█鍙戝睍灏嗗嚭鐜板洶闅俱�傚洜姝わ紝搴旇浜嗚В鍜屾姄浣忓効绔ュ績鐞嗗彂灞曠殑鍏抽敭鏈燂紝瀵瑰効绔ヨ繘琛岀浉搴旂殑鏁欒偛銆�
@@ -473,7 +571,12 @@
     </div>
     <!-- 63 -->
     <div class="page-box" page="63">
-      <odd-header-vue :special="3" :num="63" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">63</span>
+      </div>
       <div class="padding-96">
         <p>
           骞崇殑宸紓銆傛暀鑲蹭箣鎵�浠ヨ兘瀵瑰効绔ョ殑蹇冪悊浜х敓寰堝ぇ鐨勫奖鍝嶏紝鍏堕噸瑕佸師鍥犳槸鏁欒偛鏄竴绉嶆湁鐩殑銆佹湁缁勭粐銆佹湁璁″垝鍦板鍎跨鏂藉姞褰卞搷鐨勮繃绋嬶紝鍥犺�屽畠鑳芥洿涓哄厖鍒嗚�屾湁鏁堝湴鍒╃敤鍚勭绉瀬鍥犵礌淇冭繘鍎跨鐨勫彂灞曘�備緥濡傦紝鍦ㄥ辜鍎垮洯涓紝鍎跨鍙互鍦ㄦ暀甯堢殑鎸囧涓嬪紑灞曟椿鍔紝寰楀埌杈冨ソ鐨勫彂灞曘��
@@ -508,7 +611,13 @@
     </div>
     <!-- 64 -->
     <div class="page-box" page="64">
-      <even-header-vue :num="64" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">64</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           蹇冪悊鍦ㄦ湰韬強鐜鏉′欢璁稿彲鑼冨洿鍐呮墍鑳借揪鍒扮殑鏈�浣冲姛鑳界姸鎬侊紝浣嗕笉鏄寚缁濆鐨勫崄鍏ㄥ崄缇庣殑鐘舵�併�備竴鑸潵璇达紝蹇冪悊鍋ュ悍鐨勪汉鑳藉鍠勫緟鑷繁锛屽杽寰呬粬浜猴紝閫傚簲鐜锛屾儏缁甯革紝浜烘牸鍜岃皭銆傚績鐞嗗仴搴风殑浜哄苟闈炴病鏈夌棝鑻﹀拰鐑︽伡锛岃�屾槸浠栦滑鑳介�傛椂鍦颁粠鐥涜嫤鍜岀儲鎭间腑瑙h劚鍑烘潵锛岀Н鏋佸湴瀵绘眰鏀瑰彉涓嶅埄鐜扮姸鐨勬柊閫斿緞銆備粬浠兘澶熸繁鍒囬鎮熶汉鐢熷啿绐佺殑涓ュ郴鎬у拰涓嶅彲鍥為伩鎬э紝涔熻兘娣卞埢浣撳療浜烘�х殑鍠勬伓銆備粬浠槸閭d簺鑳藉鑷敱銆侀�傚害鍦拌〃杈俱�佸睍鐜拌嚜宸变釜鎬х殑浜猴紝鏄兘澶熶笌鐜鍜岃皭鐩稿鐨勪汉銆備粬浠杽浜庝笉鏂湴瀛︿範锛屽埄鐢ㄥ悇绉嶈祫婧愶紝涓嶆柇鍦板厖瀹炶嚜宸便�備粬浠篃浼氫韩鍙楃編濂戒汉鐢燂紝鍠勪簬浠庝笉鍚岃搴︾湅寰呴棶棰樸��
@@ -529,8 +638,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[64]" />
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[64]" :chapter="3" :page="64" />
         </p>
         <h2 class="module_block" id="b014">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -609,51 +718,91 @@
           <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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.learnTableTwo.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.鈥滃鍓嶅効绔ョ殑鍋风獌鏄搧寰锋伓鍔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="chapterThreeData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
         </table>
@@ -662,12 +811,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>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="6"
+            v-model="chapterThreeData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ヤ骇鐢熷帇鍔涚殑鍘熷洜銆佸鍓嶅効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞鐨勭浉鍏崇煡璇嗭紝浠ユ湡涓哄闀垮強骞煎効鏁欒偛鏈烘瀯鐨勮�佸笀姝g‘瀵瑰緟瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樻彁渚涘府鍔┿��
           </p>
@@ -679,7 +830,12 @@
     </div>
     <!-- 65 -->
     <div class="page-box" page="65">
-      <odd-header-vue :special="3" :num="65" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">65</span>
+      </div>
       <div class="padding-96">
         <p>
           瀛﹀墠鍎跨涓轰粈涔堜細鍑虹幇琛屼负闂鍛紵铏界劧閬椾紶鍥犵礌銆佺幆澧冨洜绱犻兘鏈夊彲鑳芥槸鍎跨鍑虹幇琛屼负闂鐨勫師鍥狅紝浣嗚澶氱爺绌惰〃鏄庯紝瀛﹀墠鍎跨鐨勮涓洪棶棰橀�氬父鏄敱浜庡帇鍔涘紩璧风殑鎯呯华绱у紶閫犳垚鐨勩�傛墍璋撳帇鍔涳紝鏄寚韬綋瀵逛簬鐢熺悊鎴栧績鐞嗗洜绱犲紩璧风殑鍙嶅簲锛岃�岃韩浣撶殑鍙嶅簲鏈�甯歌〃鐜扮殑鏂瑰紡灏辨槸绱у紶銆傚伓灏旂殑鍘嬪姏涓�鑸笉浼氬嚭鐜拌涓洪棶棰橈紝浣嗘槸缁忓父鎬х殑鍘嬪姏灏变細寮曡捣璁稿闂锛岃繖鏄洜涓哄帇鍔涙湰韬細绉疮锛屼篃灏辨槸璇达紝鐢变竴绉嶆儏褰㈤�犳垚鐨勫帇鍔涗細涓庡彟澶栨儏褰㈤�犳垚鐨勫帇鍔涘舰鎴愬彔鍔犮�傚効绔ュ浜庡帇鍔涚殑鎵垮彈绋嬪害寰堜綆锛屼笖姣忎竴涓効绔ュ鍘嬪姏鐨勫弽搴旀柟寮忎篃鍚勪笉鐩稿悓锛屾湁鐨勫効绔ュ湪鍘嬪姏涓嬪鏄撶敓鐥咃紝鏈夌殑鍎跨鍙戣偛浼氬彉寰楄繜缂擄紙鏃╁湪20涓栫邯60骞翠唬锛岃タ鏂瑰鑰呭氨鎶ュ憡浜嗗帇鍔涗笌鍎跨韬綋鐤剧梾涔嬮棿鐨勫叧绯荤殑鐮旂┒锛夛紝鏈夌殑鍎跨鍙兘浼氬湪鍥綋涓��缂╂垨绱у紶锛岃�屾湁鐨勫効绔ュ垯浼氳〃鐜板嚭鍗佸垎鏄撴�掑苟鍑虹幇鏀诲嚮鎬с�佺牬鍧忔�ц涓恒��
@@ -703,7 +859,13 @@
     </div>
     <!-- 66 -->
     <div class="page-box" page="66">
-      <even-header-vue :num="66" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">66</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           瑕侀伩鍏嶅櫔澹颁骇鐢熷氨蹇呴』鎺у埗闊抽銆佽棰戠殑鎾斁闊抽噺锛屽湪闆嗕綋鏁欒偛鏈烘瀯杩樿娉ㄦ剰缁勭粐濂藉効绔ョ殑娲诲姩銆傚彟澶栵紝鎴愪汉瑕佹敞鎰忚嚜宸辩殑闊抽噺锛屽洜涓哄綋鎴愪汉闈炲父蹇冪儲鏃舵湁鍙兘涓嶈嚜瑙夊湴鎻愰珮闊抽噺锛岃�屼笉骞哥殑鏄紝鎴愪汉鐨勯珮闊抽噺浼氬鑷翠竴杩炰覆鐨勮繛閿佸弽搴斻�傚綋鎴愪汉鐨勯煶閲忔彁楂樻椂锛屽効绔ョ殑闊抽噺涔熶細闅忎箣鎻愰珮锛屽姝ゅ惊鐜笅鏉ワ紝灏变細浣垮効绔ュ鍣0寰堟晱鎰燂紝閫犳垚鐨勭粨鏋滃氨鏄贩涔辩殑鍦洪潰銆�
@@ -731,7 +893,12 @@
     </div>
     <!-- 67 -->
     <div class="page-box" page="67">
-      <odd-header-vue :special="3" :num="67" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">67</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           涓�璧锋父鎴忚�屽紩璧锋贩涔便�備緥濡傦紝璺戣烦鐨勬椂鍊欎笉鑳芥帹鍒汉銆佷笉鑳藉湪娌欏彂涓婁竴璧疯功璺炽�佸▋濞冨涓嶈兘瓒呰繃6浜虹瓑銆傛墭骞兼満鏋勫彲浠ュ湪涓�浜涙椿鍔ㄥ尯鍩熻创涓婄墝瀛愶紝鐗屽瓙涓婃爣鏄庢煇涓尯鍩熷彧鑳藉绾冲嚑涓汉锛屽涓嶈瘑瀛楃殑骞村辜鍎跨鍙敤鍥剧敾浠f浛鏂囧瓧銆�
@@ -762,7 +929,13 @@
     </div>
     <!-- 68 -->
     <div class="page-box" page="68">
-      <even-header-vue :num="68" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">68</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c035">浜屻�佸効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞锛烇紴锛烇紴锛烇紴</h3>
         <p>
@@ -785,7 +958,12 @@
     </div>
     <!-- 69 -->
     <div class="page-box" page="69">
-      <odd-header-vue :special="3" :num="69" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">69</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           缂洪櫡銆傚洜姝わ紝瀵逛簬杈冨ぇ鍎跨鐨勯〗鍥烘�у惛鍚墜鎸囪涓猴紝闇�瑕佽繘琛屾不鐤椼��
@@ -840,7 +1018,13 @@
     </div>
     <!-- 70 -->
     <div class="page-box" page="70">
-      <even-header-vue :num="70" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">70</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浜嬭繃搴﹀叧娉ㄥ拰杩囧害骞查锛岄櫎婊¤冻鍎跨蹇呰鐨勬儏鎰熼渶姹傚锛岃繕搴旂粰浜堜粬浠厖鍒嗘帰绌跺懆鍥翠簨鐗╃殑鏈轰細锛屽苟璁╁効绔ヤ翰韬綋楠屾垚鍔熺殑鍠滄偊銆傚彲浠ヨ2宀佷互涓婄殑鍎跨灏濊瘯鐓ф枡鑷繁锛岀埗姣嶄富瑕佺粰浜堢簿绁炰笂鐨勯紦鍔卞拰鎶�宸т笂鐨勫府鍔┿�傚杩囧害渚濊禆鐨勫効绔ワ紝鍏堣浠栦粠绠�鍗曟槗琛岀殑浜嬫儏鍋氳捣锛屼竴鏃﹀畬鎴愬垯鍙婃椂缁欎簣瑷�璇�佺墿璐ㄥ拰绮剧涓婄殑榧撳姳涓庡己鍖栵紝閫愭笎娑堥櫎鍏惰繃搴︿緷璧栬涓恒�傚寰呬緷璧栨�ц繃寮虹殑鍎跨锛屽辜鍎垮洯鏁欏笀浜﹀彲鍙傝�冧笂杩版柟娉曘��
@@ -860,7 +1044,12 @@
     </div>
     <!-- 71 -->
     <div class="page-box" page="71">
-      <odd-header-vue :special="3" :num="71" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">71</span>
+      </div>
       <div class="padding-96">
         <p>
           鐜颁唬蹇冪悊瀛︾爺绌惰繕璁や负锛屽鍓嶅効绔ユ嬁鍒汉涓滆タ鐨勮涓哄彲鑳芥槸鐢变簬浠栦滑鐨勯渶瑕佹病鏈夊緱鍒版弧瓒筹紝涔熷彲鑳芥槸涓轰簡鍙戞硠蹇冧腑鐨勪笉婊★紝鐤忔暎蹇冧腑鐨勭揣寮狅紝杩樺彲鑳芥槸瀵瑰埆浜鸿涓虹殑妯′豢锛岀瓑绛夈�備絾闅忕潃鍎跨骞撮緞鐨勫闀匡紝绫讳技鐨勮涓哄氨鏈変簡鍋风獌鐨勬剰涔夈�備笉杩囷紝鍒濇湡鐨勨�滃伔绐冣�濊涓哄線寰�鏄敱浜庢瘝鐖变笉瓒炽�佸瘋瀵炲鍗曞拰杩锋亱涓扮洓鐨勭墿鍝佸紩璧风殑銆傛湁涓�浜涘効绔ヤ粠寰堝皬鐨勬椂鍊欒捣灏卞鍛ㄥ洿鐨勭幆澧冨崄鍒嗘晱鎰燂紝涓轰簡浣胯嚜宸卞彉寰楀紩浜烘敞鐩�佷护浜哄枩娆紝灏变細杩愮敤涓�浜涒�滄楠椻�濇墜娈靛拰鈥滃伔绐冣�濊涓烘潵杈惧埌鐩殑銆傚杩欑被涓嶈兘鍑嚜宸辩殑姝e父琛屼负鏉ヨ幏寰楁弧瓒崇殑鍎跨锛屽簲褰撳紩璧烽噸瑙嗭紝鐗瑰埆瑕佹敞鎰忔弧瓒冲叾鎯呮劅鐨勯渶瑕併��
@@ -883,7 +1072,13 @@
     </div>
     <!-- 72 -->
     <div class="page-box" page="72">
-      <even-header-vue :num="72" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">72</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           涓轰笉鍔犲共棰勶紝鍗充娇鏄瘮杈冨唴鍚戞俯鍜岀殑鍎跨锛屽湪鍋跺皵鍑犳鏀诲嚮浠栦汉骞朵粠涓幏寰椻�滃ソ澶勨�濆悗锛屼篃浼氬彉寰椾笓妯捣鏉ワ紱鍘熸潵灏辨湁鏀诲嚮鎬ц涓虹殑鍎跨寰楀埌鈥滃ソ澶勨�濆悗锛屽叾鏀诲嚮鎬ц涓轰細鍙樺緱鏇村姞涓ラ噸銆�
@@ -936,7 +1131,12 @@
     </div>
     <!-- 73 -->
     <div class="page-box" page="73">
-      <odd-header-vue :special="3" :num="73" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">73</span>
+      </div>
       <div class="padding-96">
         <p>
           鐖卞憡鐘舵槸瀛﹀墠鍎跨鐨勫績鐞嗙壒寰併�傚洜涓鸿繖涓樁娈电殑鍎跨缂轰箯瀵逛簨鐗╃殑鍩烘湰鍒ゆ柇鑳藉姏锛屼粬浠湪鎬濇兂璁よ瘑鏂归潰瀵规垚浜烘湁寰堝ぇ鐨勪緷璧栨�с�傚洜姝わ紝鎴愪汉鐨勪竴瑷�涓�琛屽氨鎴愪簡鍎跨蹇冪洰涓垽鏂槸闈炵殑鏍囧噯銆傛垚浜哄浜庡効绔ョ殑鍛婄姸锛屾棦瑕佽〃鐜板嚭浠旂粏鍊惧惉鐨勮鐪熸�佸害锛屽張瑕佹湁蹇界暐鍏跺憡鐘跺唴瀹圭殑瀹藉鎬佸害銆傜敱浜庡効绔ョ殑骞撮緞鐗瑰緛锛屽叾鍛婄姸鍏嶄笉浜嗙儲鐞愩�佸噷涔憋紝璁╀汉瑙夌潃蹇冪儲锛屼絾杩欎篃鏈夌Н鏋佺殑涓�闈紝鍥犱负涓�鍚嶆暀甯堣鐪嬫竻鍑犲崄鍚嶅効绔ョ殑娲诲姩鎯呭喌锛屾湁鏃惰繕鐪熼渶瑕佸効绔ョ殑鈥滃憡鐘垛�濄��
@@ -957,8 +1157,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> -->
-          <examinations :cardList="questionData[73]" />
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
+          <examinations :cardList="questionData[73]" :chapter="3" :page="73" />
         </p>
         <h2 class="module_block" id="b015">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -1039,75 +1239,140 @@
           <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="chapterThreeData.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="chapterThreeData.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="chapterThreeData.learnTableThree.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.璇婃柇涓昏瑙e喅鍝簺闂?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.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="chapterThreeData.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="chapterThreeData.learnTableThree.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.2宀佺殑瀛╁瓙杩樹笉寮�鍙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="chapterThreeData.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="chapterThreeData.learnTableThree.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="chapterThreeData.learnTableThree.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="chapterThreeData.learnTableThree.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >11.浠�涔堟槸鍎跨澶氬姩鐥�?瀹冪殑鏍稿績鐥囩姸鏈夊摢浜�?涓村簥琛ㄧ幇鏈夊摢浜�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >12.鍖哄埆澶氬姩鐥囦笌闈炲鍔ㄧ棁鐨勯噸瑕佹寚鏍囨槸浠�涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >13.鍎跨澶氬姩鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qThirteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1131,15 +1396,26 @@
     </div>
     <!-- 74 -->
     <div class="page-box" page="74">
-      <even-header-vue :num="74" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">74</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="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="3"
+            v-model="chapterThreeData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ュ父瑙佺殑鐢遍仐浼犲洜绱犮�佽韩浣撳洜绱犲拰蹇冪悊绀句細鍥犵礌寮曡捣鐨勫績鐞嗙柧鐥呮柟闈㈢殑鐭ヨ瘑锛屽笇鏈涜兘涓哄闀垮拰闆嗕綋鏁欒偛鏈烘瀯鐨勮�佸笀鎻愪緵涓�浜涜瘖鏂拰淇濊偛鏂归潰鐨勪俊鎭紝浠ヤ究涓烘湁鐗规畩闇�瑕佺殑鍎跨鎻愪緵鏇村ソ鐨勬湇鍔°��
           </p>
@@ -1180,7 +1456,12 @@
     </div>
     <!-- 75 -->
     <div class="page-box" page="75">
-      <odd-header-vue :special="3" :num="75" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">75</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           骞查锛屽繀椤绘牴鎹瘡涓効绔ョ殑瀹為檯鍒惰涓埆璁″垝锛岃缃笉鍚岀殑鐩爣锛岄�夋嫨涓嶅悓鐨勬儏澧冿紝鏈夐拡瀵规�у湴杩涜骞查銆�
@@ -1232,7 +1513,13 @@
     </div>
     <!-- 76 -->
     <div class="page-box" page="76">
-      <even-header-vue :num="76" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">76</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鑲茶繜婊炲効绔ョ殑娌荤枟鎺柦搴旇鐪嬩綔涓�绉嶈皟鏁淬�佹敼杩涘拰鏁欒偛鐨勬帾鏂姐�備絾瀵规偅鍎垮疄鏂芥棭鏈熷共棰勬不鐤楋紝濡傝繘琛岀矖澶у姩浣滐紙鍧愩�佺珛銆佽蛋銆佽窇锛夈�佺簿缁嗗姩浣滐紙鎶撴彙銆佹墜鐪煎崗璋冿級銆侀�傚簲鎬ц涓恒�佽█璇強涓汉鈥旂ぞ浼氳涓虹殑璁粌锛岃兘澶熷府鍔╀粬浠緝濂藉湴鍙戞尌鍏舵綔鑳姐�傚浜庝复鐣屾櫤鍔涘拰杞诲害绮剧鍙戣偛杩熸粸鐨勬偅鍎匡紝瑕佸強鏃╄繘琛岃缁冿紝璁╀粬浠湁鏈轰細瀛︿範鏃ュ父蹇呴渶鐨勬枃鍖栫煡璇嗕互鍙婂姵鍔ㄥ拰鐢熸椿鎶�鑳斤紝鍏绘垚鑹ソ鐨勭敓娲讳範鎯紝鍑嗗浠婂悗鍦ㄨ壇濂界殑鐩戞姢涓嬪弬鍔犱竴浜涚ぞ浼氬姵鍔ㄣ�傚涓害绮剧鍙戣偛杩熸粸鐨勬偅鍎匡紝瑕佸皢璁粌鐨勯噸鐐规斁鍦ㄧ煡瑙夊姛鑳藉拰杩愬姩鍔熻兘鏂归潰锛屼互鐙珛鑷悊鐢熸椿鍜岄�傚簲鏃ュ父鐢熸椿鐜涓鸿缁冪殑鐩爣銆傚浜庨噸搴︾簿绁炲彂鑲茶繜婊炵殑鎮e効锛屽垯瑕佸姞寮哄浠栦滑鐨勭洃鎶わ紝閬垮厤鍙戠敓鎰忓浜嬫晠銆�
@@ -1265,7 +1552,12 @@
     </div>
     <!-- 77 -->
     <div class="page-box" page="77">
-      <odd-header-vue :special="3" :num="77" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">77</span>
+      </div>
       <div class="padding-96">
         <p>
           鐩墠锛屽鐙棁琚涓烘槸涓�绉嶆湁鐢熺墿瀛﹀熀纭�鐨勭粓鐢熷彂灞曟�ч殰纰嶏紝涓�鑸湪鍎跨鏈�鍒濈殑鍑犲勾鍐呭彂鐢燂紝鏄嚑绉嶅箍娉涙�у彂鑲查殰纰嶄腑鐨勪竴绉嶃��
@@ -1315,7 +1607,13 @@
     </div>
     <!-- 78 -->
     <div class="page-box" page="78">
-      <even-header-vue :num="78" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">78</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           杩欑被鍎跨鍔ㄤ綔鏉備贡鏃犵珷锛屽苟涓嶅仠鍦板彉鎹㈣姳鏍凤紝鍥犺�屽叾琛屼负鍔ㄤ綔澶氭湁濮嬫棤缁堛�佺己涔忓畬鏁存�ц�屾樉寰楁敮绂荤牬纰庛�備緥濡傦紝鍦ㄨ鍫備笂灏忓姩浣滀笉鏂紝涓�浼氬効鐜╃帺鍏凤紝涓�浼氬効鐢ㄧ瑪鎴栧皬鍒�鍦ㄨ鏈笂鎴栦功妗屼笂涔卞埢涔辩敾锛屾垨鍋氶鑴搁�楀懆鍥村悓浼村彂绗戙�佹嫑鎯规槸闈烇紝鐢氭垨鏁叉瀛愩�佸惞鍙e摠銆佺寮�搴т綅鍦ㄦ暀瀹ら噷涔辫窇锛屽叏鐒朵笉椤惧簲閬靛畧鐨勭邯寰嬪拰瀵瑰懆鍥撮�犳垚鐨勫共鎵般�傜敓娲讳腑鍋氫换浣曚簨鎯呴兘鏄檸澶磋泧灏撅紝闅句互鍠勫鍠勭粓銆傚鍔ㄨ涓哄父涓嶅垎鍦哄悎銆佷笉椤惧悗鏋溿�侀毦浠ヨ嚜鎺э紝鍥犺�屽叾琛屼负甯告湁鐮村潖鎬с�佸嵄闄╂�э紝鏄撳彂鐢熸剰澶栦簨鏁呫�備緥濡傦紝鍦ㄥ缈诲潧鍊掔綈锛屽鐜╁叿銆佹枃鍏蜂换鎰忔媶鏁d涪澶便�佹涓嶇埍鎯溿�佹弧涓嶅湪涔庛�傚鑰佸笀銆佸闀跨殑鎵硅瘎缃嫢缃旈椈銆佸薄鏁欏薄鐘�傚弬鍔犳父鎴忔椿鍔ㄤ笉鑳借�愬績绛夊緟杞崲锛岃涔堟姠鍏堟彃闃燂紝瑕佷箞寮冭�屼笉鍋氥�傚枩娆㈢埇楂樸�佺炕瓒婃爮鏉嗭紝鍦ㄨ椹剁殑杞﹁締鍓嶄細绐佺劧妯┛椹矾锛屼笉浼氭父娉充絾浼氫换鎬т笅姘寸瓑銆�
@@ -1346,14 +1644,19 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
-          <!-- <span class="img">涓撻涓� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[78]" />
+          <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[78]" :chapter="3" :page="78" />
         </p>
       </div>
     </div>
     <!-- 79 -->
     <div class="page-box" page="79">
-      <odd-header-vue :special="3" :num="79" />
+      <div class="page-header-box">
+        <span class="page-header-text"
+          >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
+        >
+        <span class="page-header-num">79</span>
+      </div>
       <div class="padding-96">
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -1368,36 +1671,42 @@
           1.鏈変汉璇粹�滃姩浣滄槸涓綋鏃╂湡鐨勫鏄炬櫤鍔涒�濓紝鍥犳锛屽姩浣滅殑鍙戝睍鐘跺喌甯歌鐢ㄤ綔璇勪环濠村効蹇冪悊鍙戝睍鐨勬寚鏍囥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.濠村辜鍎垮姩浣滅殑鍙戝睍閬靛惊鈥滅敱鏁翠綋鍒扮壒娈婄殑鍙戝睍鈥濆師鍒欙紝鍗冲眬閮ㄧ殑銆佸皬鑲岃倝鐨勬椿鍔ㄥ彂灞曞湪鍏堬紝鍏ㄨ韩鐨勩�佺缁熺殑鍔ㄤ綔鍙戝睍鍦ㄥ悗銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.瀛﹀墠鍎跨鐨勬�濈淮绂讳笉寮�鍔ㄤ綔鍜屽疄鐗╋紝鍏舵�濈淮浠ョ洿瑙夎鍔ㄦ�濈淮涓轰富銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.閬椾紶鍥犵礌鏃负鍎跨蹇冪悊鍙戝睍鎻愪緵浜嗘渶鍩烘湰鐨勮嚜鐒剁墿璐ㄥ墠鎻愶紝鍙堝瀹氫簡鍎跨蹇冪悊鍙戝睍涓埆宸紓鐨勬渶鍒濆熀纭�銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">
           5.鏈夌殑鍎跨鏃ュ父渚嬭浣滄伅鏃堕棿涓嶉渶瑕佸浐瀹氥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qFive"
           />锛�
         </p>
         <p class="block">
           6.瀵逛簬瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樹笉鑳藉鎭縼灏憋紝蹇呴』涓ュ姞鎯╁銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qSix"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1405,49 +1714,95 @@
           1.濡傛灉鏂扮敓鍎挎湡鏃犳儕璺冲弽灏勶紝璇存槑鍏舵湁<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qOne.one"
           />銆�
         </p>
         <p class="block">
           2.濠村辜鍎垮姩浣滅殑鍙戝睍鐢卞ご閮ㄥ厛寮�濮嬶紝鐒跺悗鍒�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qTwo.one"
           />锛屾渶鍚庡埌杈捐剼閮ㄣ��
         </p>
         <p class="block">
-          3.鍎跨________宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙i煶銆�
+          3.鍎跨<input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qThree.one"
+          />宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙i煶銆�
         </p>
         <p class="block">
           4.瀛﹀墠鍎跨浜х敓鍘嬪姏鐨勪富瑕佹簮澶存槸<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFour.one"
           />銆�
         </p>
         <p class="block">
           5.瀛﹀墠鍎跨甯歌鐨勮涓洪棶棰樻湁锛�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qFive.one"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qFive.two"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />绛夈��
+            v-model="chapterThreeData.question.fill.qFive.three"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.four"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qThree.five"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.six"
+          />绛夈��
         </p>
       </div>
     </div>
     <!-- 80 -->
     <div class="page-box" page="80">
-      <even-header-vue :num="80" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">80</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="block">
           6.瀛﹀墠鍎跨甯歌鐨勫績鐞嗙柧鐥呮湁锛�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qSix.one"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterThreeData.question.fill.qSix.two"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.three"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.four"
+          />銆�
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p class="block">1.閽堝瀛﹀墠鍎跨鍚稿惍鎵嬫寚鐨勮涓猴紝鎻愬嚭鍙鐨勭籂姝f帾鏂姐��</p>
@@ -1471,26 +1826,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[801]" />
-          <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[802]" />
+          <examinations :cardList="questionData[801]" :chapter="3" :page="801" />
+          <span class="span-border"></span>
+          <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
+          <examinations :cardList="questionData[802]" :chapter="3" :page="802" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea
+            cols="30"
+            rows="18"
+            v-model="chapterThreeData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1498,44 +1848,136 @@
 </template>
 
 <script>
-import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
-import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
 export default {
   name: "chapterThree",
-  components: { evenHeaderVue, oddHeaderVue,examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
-      taskOne: require("../../../assets/images/chapterThree/task-sheet1.png"),
       body: require("../../../assets/images/chapterThree/0070-1.jpg"),
-      taskTwo: require("../../../assets/images/chapterThree/task-sheet2.png"),
-      taskThree: require("../../../assets/images/chapterThree/task-sheet3.png"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-      pathFour:'',
-      pathFive:'',
-      pathSix:'',
-      
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      saveTime: 20,
+      chapterThreeData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        introspection: "",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen: "",
+          qEleven: "",
+          qTwelve: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEnight: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen: "",
+          qEleven: "",
+          qTwelve: "",
+          qThirteen: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour: "",
+            qFive: "",
+            qSix: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+            },
+            qTwo: {
+              oen: "",
+            },
+            qThree: {
+              one: "",
+            },
+            qFour: {
+              one: "",
+            },
+            qFive: {
+              one: "",
+              two: "",
+              three: "",
+              four: "",
+              five: "",
+              six: "",
+            },
+            qSix: {
+              one: "",
+              two: "",
+              three: "",
+              four: "",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+          },
+        },
+      },
     };
   },
-  mounted() {
-    console.log('鏁版嵁',testData[3]);
-    this.$data.questionData = getQuestionData(testData[3])
-    this.$data.pathOne = getResourcePath('ca2a1ae9429a5f7a28fe9aa1bfbf3b4a')
-    this.$data.pathTwo = getResourcePath('8fa9d6565b97c5975b1a0a7ef09d38a9')
-    this.$data.pathThree = getResourcePath('56170fb1a0ea272990fe51530086aab1')
-    this.$data.pathFour = getResourcePath('ae67fd7678656c0ce89599bd1949f993')
-    this.$data.pathFive = getResourcePath('5aa431a223cdba0d30f1175a2ec3f308')
-    this.$data.pathSix = getResourcePath('bc3af85cd899b20adf885c308c595fbb')
+  async mounted() {
+    const localData = localStorage.getItem("chapterThreeData");
+    if (localData) {
+      this.chapterThreeData = JSON.parse(localData);
+    }
+    window.timerThree = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("3", testData[3]);
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerThree) {
+      clearInterval(window.timerThree);
+    }
+    localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData));
   },
   methods: {
     changeResources(type) {
@@ -1549,6 +1991,23 @@
         this.$data.videoState = !this.$data.videoState;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a");
+      this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9");
+      this.$data.pathThree = getResourcePath(
+        "56170fb1a0ea272990fe51530086aab1"
+      );
+      this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993");
+      this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308");
+      this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterThreeData",
+        JSON.stringify(this.chapterThreeData)
+      );
+    },
   },
 };
 </script>

--
Gitblit v1.9.1