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/chapter005.vue | 1025 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 777 insertions(+), 248 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index bea47cb..df157c8 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="chapter" num="5">
-    <div class="page-box">
+    <!-- 99 -->
+    <div class="page-box" page="99">
       <div class="padding-96">
         <p class="center" id="a011">
           <img
@@ -47,13 +48,19 @@
           涓撻瀵煎
         </h6>
         <p class="blockh6 m0-t0">
-          <el-image :src="learn" :preview-src-list="[learn]" />
+          <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 100 -->
     <div class="page-box" page="100">
-      <even-header :num="100" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">100</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           浜轰綋鐨勪竴鍒囩敓鍛芥椿鍔ㄥ缁嗚優鐨勭敓闀跨箒娈栥�佺粍缁囩殑鏇存柊銆佽倢鑲夌殑鏀剁缉銆佺缁忕殑浼犲绛夐兘闇�瑕佽惀鍏荤礌鐨勪緵缁欍�傚鍓嶅効绔ヨ韩蹇冨彂鑲茶繀閫燂紝鏂伴檲浠ｈ阿蹇紝鎵�闇�鍚勭钀ュ吇绱犲拰鑳介噺鐩稿姣旀垚浜哄锛屽繀椤讳粠鑶抽涓憚鍙栬冻澶熺殑钀ュ吇绱犲拰鐑噺锛屾墠鑳芥弧瓒崇敓闀垮彂鑲层�佷慨琛ョ粍缁囥�佺淮鎸佷綋鍐呭悇绉嶇敓鐞嗘椿鍔ㄧ殑闇�瑕併��
@@ -130,64 +137,114 @@
           <tr>
             <td>
               <span class="ds-bl">1.钀ュ吇瀵瑰効绔ョ殑閲嶈浣滅敤鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >2.钀ュ吇瀛︾殑鍩烘湰姒傚康鍖呮嫭鍝笁瀵瑰叚涓蹇�?鍏跺惈涔夋槸浠�涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.鑳介噺瀵瑰効绔ョ殑浣滅敤鏈夊摢浜�?鑳介噺鐨勬蹇靛拰鍗曚綅鍒嗗埆鏄粈涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.瀛﹀墠鍎跨瀵硅兘閲忕殑闇�姹傚寘鎷摢浜涙柟闈�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >5.浜ц兘钀ュ吇绱犲拰闈炰骇鑳借惀鍏荤礌鍒嗗埆鏄摢浜�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.涓夌被浜ц兘钀ュ吇绱犳槸浠�涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?渚涚粰閲忓悇鏄灏�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.鍎跨瀹规槗缂轰箯鐨勫洓绫绘棤鏈虹洂鍒嗗埆鏄粈涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?
                 缂轰箯鐨勮瘽浼氫骇鐢熶粈涔堢棁鐘�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.缁寸敓绱犲垎涓哄摢涓ゅぇ绫�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?缂轰箯鐨勮瘽浼氫骇鐢熶粈涔堢棁鐘�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.姘寸殑鐢熺悊鍔熻兘鏄粈涔�?瀛﹀墠鍎跨姣忔棩鐨勯渶瑕侀噺鏄灏�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.浠�涔堟槸銆婁腑鍥藉眳姘戝钩琛¤喅椋熷疂濉斻��?瀹冪殑鏋勬垚鏄�庢牱鐨�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableOne.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -206,12 +263,14 @@
           <p class="block">
             鍋ュ悍鐨勪汉闇�瑕侀澶栬ˉ鍏呮皑鍩洪吀锛屾湇鐢ㄦ皑鍩洪吀淇濆仴鍝佹垨娉ㄥ皠姘ㄥ熀閰稿悧锛熷競鍦轰笂涓�浜涙槀璐电殑姘ㄥ熀閰歌惀鍏绘恫鍜屼繚鍋ュ搧锛屽０绉板叾涓惈鏈変赴瀵岀殑姘ㄥ熀閰革紝鍏锋湁澧炲己浜轰綋鍏嶇柅鍔涖�佽皟鑺傜敓鐞嗗姛鑳界瓑鍔熸晥銆傚叾瀹烇紝姘ㄥ熀閰告槸鏋勬垚铔嬬櫧璐紙涓�绉嶄骇鑳借惀鍏荤礌锛夌殑鍩烘湰鍗曚綅锛屽瓨鍦ㄤ簬澶氱椋熺墿涔嬩腑銆傛瘮濡傦紝涔崇被銆佽泲绫汇�佽眴绫汇�佽倝鐨紝鐢氳嚦鍦ㄧ背楗�侀澶淬�佺帀绫崇瓑涓婚涓篃鍚湁澶氱姘ㄥ熀閰搞�傚仴搴蜂汉瀹屽叏鍙互浠庢櫘閫氶鐗╀腑鑾峰緱姘ㄥ熀閰革紝鍥犺�屾湇鐢ㄩ偅浜涙皑鍩洪吀淇濆仴鍝佷笉浠呬綔鐢ㄤ笉澶э紝鏈嶇敤涓嶅綋锛岃繕浼氬甫鏉ヤ笉鑹悗鏋溿��
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="6"
+            v-model="chapterFiveData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩拌惀鍏诲鍩烘湰姒傚康銆佽兘閲忋�佸叚澶ц惀鍏荤礌绛夋柟闈㈢殑鍩虹鐭ヨ瘑锛屼互甯姪瀹堕暱涓庡辜鏁欏伐浣滆�呭仛濂藉鍓嶅効绔ョ殑钀ュ吇鍗敓涓庝繚鍋ュ伐浣溿��
           </p>
@@ -225,8 +284,13 @@
       </div>
     </div>
     <!-- 101 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="101" />
+    <div class="page-box" page="101">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">101</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           瀵硅惀鍏荤礌鐨勯渶瑕侀噺鑰岀‘瀹氱殑锛屼緵缁欓噺涓嶄粎瑕佹弧瓒虫満浣撶殑鐢熺悊闇�瑕侊紝鑰屼笖瑕佽�冭檻鍒伴鐗╃敓浜у拰楗涔犳儻浠ュ強涓綋宸紓銆佺ぞ浼氭潯浠剁瓑鍥犵礌銆�
@@ -264,8 +328,14 @@
       </div>
     </div>
     <!-- 102 -->
-    <div class="page-box">
-      <even-header :num="102" />
+    <div class="page-box" page="102">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">102</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍗冨崱锛�7宀佹椂姣忔棩姣忓崈鍏嬩綋閲嶇害闇�44鍗冨崱锛�12宀佷互鍚庤嚦鎴愬勾姣忔棩姣忓崈鍏嬩綋閲嶇害闇�30鍗冨崱銆�
@@ -310,8 +380,13 @@
       </div>
     </div>
     <!-- 103 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="103" />
+    <div class="page-box" page="103">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">103</span>
+      </div>
       <div class="padding-96">
         <h3 id="c045">浜屻�佷骇鑳借惀鍏荤礌锛烇紴锛烇紴锛烇紴</h3>
         <h4 id="d129">锛堜竴锛夎泲鐧借川</h4>
@@ -329,7 +404,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              :src="config.resourceCtx + '/video/chapterFive/涓撻浜岋細钀ュ吇绱�.mp4'"
+              :src="pathOne"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -364,8 +439,14 @@
       </div>
     </div>
     <!-- 104 -->
-    <div class="page-box">
-      <even-header :num="104" />
+    <div class="page-box" page="104">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">104</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">浼氬奖鍝嶅彟涓�浜涙皑鍩洪吀鐨勫厖鍒嗗埄鐢ㄣ��</p>
         <p>
@@ -392,17 +473,22 @@
         </p>
         <p class="img">琛�5-1 甯歌椋熺墿鐨勮泲鐧借川鐢熺墿浠�</p>
         <p class="center">
-          <el-image :src="tableOne" :preview-src-list="[tableOne]" />
+          <el-image :src="tableOne" :preview-src-list="[tableOne]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 105 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="105" />
+    <div class="page-box" page="105">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">105</span>
+      </div>
       <div class="padding-96">
         <p class="img tl-ri mr-20">缁〃</p>
         <p class="center">
-          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" />
+          <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
         </p>
         <p>璁＄畻鍏紡濡備笅銆�</p>
         <p class="center">铔嬬櫧璐ㄧ敓鐗╀环=姘偍瀛橀噺/姘憚鍏ラ噺脳100銆�</p>
@@ -420,13 +506,19 @@
         <p>鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠疯琛�5-2銆�</p>
         <p class="img">琛�5-2 鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠�</p>
         <p class="center">
-          <el-image :src="tableThree" :preview-src-list="[tableThree]" />
+          <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
         </p>
       </div>
     </div>
     <!-- 106 -->
-    <div class="page-box">
-      <even-header :num="106" />
+    <div class="page-box" page="106">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">106</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e103">3.铔嬬櫧璐ㄧ殑鏉ユ簮鍜屼緵缁欓噺</h5>
         <p>
@@ -446,7 +538,7 @@
           琛�5-3 涓浗钀ュ吇瀛︿細鎺ㄨ崘鐨勫┐骞煎効姣忔棩鑶抽涓泲鐧借川鐨勪緵搴旈噺
         </p>
         <p class="center">
-          <el-image :src="tableFour" :preview-src-list="[tableFour]" />
+          <el-image :src="tableFour" :preview-src-list="[tableFour]" class="open-image" />
         </p>
         <h4 id="d130">锛堜簩锛夎剛绫�</h4>
         <p>
@@ -464,8 +556,13 @@
       </div>
     </div>
     <!-- 107 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="107" />
+    <div class="page-box" page="107">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">107</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           澶氥�備汉浣撳唴鐨勮剛鑲槸渚涚粰鑳介噺鐨勨�滅噧鏂欏簱鈥濓紝褰撶硸绫讳緵搴斾笉瓒虫椂灏辨秷鑰楄剛鑲紝鑻ョ硸绫绘憚鍏ヨ繃澶氾紝灏卞彉鎴愯剛鑲偍瀛樺湪浣撳唴銆�
@@ -502,8 +599,14 @@
       </div>
     </div>
     <!-- 108 -->
-    <div class="page-box">
-      <even-header :num="108" />
+    <div class="page-box" page="108">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">108</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           绛夌柧鐥呭煁涓嬮殣鎮ｃ�傚洜姝わ紝瑕佹帶鍒惰剛鑲殑鎽勫叆锛屽挨鍏惰閫傚綋闄愬埗鑳嗗浐閱囧惈閲忚繃楂樼殑椋熺墿鐨勬憚鍏ャ��
@@ -536,8 +639,13 @@
       </div>
     </div>
     <!-- 109  -->
-    <div class="page-box">
-      <odd-header :special="5" :num="109" />
+    <div class="page-box" page="109">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">109</span>
+      </div>
       <div class="padding-96">
         <h5 id="e107">2.椋熺墿鏉ユ簮鍜屼緵缁欓噺</h5>
         <p>
@@ -593,8 +701,14 @@
       </div>
     </div>
     <!-- 110 -->
-    <div class="page-box">
-      <even-header :num="110" />
+    <div class="page-box" page="110">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">110</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block"><b>鍑嗗垯涓夛細澶氬悆钄灉銆佸ザ绫汇�佸叏璋枫�佸ぇ璞嗐��</b></p>
@@ -660,8 +774,13 @@
       </div>
     </div>
     <!-- 111 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="111" />
+    <div class="page-box" page="111">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">111</span>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="block">
@@ -684,6 +803,7 @@
               :src="tower"
               :preview-src-list="[tower]"
               style="width: 80%"
+              class="open-image"
             />
           </p>
         </div>
@@ -715,8 +835,14 @@
       </div>
     </div>
     <!-- 112 -->
-    <div class="page-box">
-      <even-header :num="112" />
+    <div class="page-box" page="112">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">112</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鎴愪汉浣撳唴閽欐�婚噺绾︿负1
@@ -748,8 +874,13 @@
       </div>
     </div>
     <!-- 113 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="113" />
+    <div class="page-box" page="113">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">113</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍙互鏀惧嚭姘т互渚涜倢鑲夋敹缂┿�傝繕鏈夋瀬灏戦噺鐨勯搧鏋勬垚浜轰綋蹇呴渶鐨勯叾锛屽鍚勭缁嗚優鑹茬礌閰躲�佽繃姘у寲姘㈤叾绛夛紝鏄粏鑳炰唬璋笉鍙己灏戠殑鐗╄川銆傚叾浣欑殑閾佸偍瀛樹簬鑲濄�佽劸鍜岄楂撲腑銆�
@@ -788,8 +919,14 @@
       </div>
     </div>
     <!-- 114 -->
-    <div class="page-box">
-      <even-header :num="114" />
+    <div class="page-box" page="114">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">114</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           鍞炬恫涓殑鍛宠绱犲惈鏈�2涓攲绂诲瓙锛屽鍛宠鍜屽彛鑵斾笂鐨粏鑳炵殑鍔熻兘璧烽噸瑕佷綔鐢ㄣ�傚洜鑰屽効绔ヤ綋鍐呯己閿屾椂锛屽懗钑惧姛鑳藉噺閫�锛岄娆蹭笉鎸紝瀵艰嚧鍘岄銆傜己閿屽効绔ヨ繕鍙兘鍑虹幇寮傞鐧栵紝琛ㄧ幇涓哄枩椋熸偿鍦熴�佺焊寮犵瓑寮傜墿銆傞攲閫氳繃瀵硅泲鐧借川鍜屾牳閰哥殑浣滅敤鑰屼績杩涚粏鑳炲垎瑁傘�佺敓闀垮拰鍐嶇敓銆傜己閿屼細濡ㄧ鏍搁吀鍜岃泲鐧借川鐨勫悎鎴愶紝褰卞搷鐢熼暱鍙戣偛銆傜己閿岀殑鍎跨寰�寰�韬潗鐭皬锛屼弗閲嶈�呮湁渚忓剴鐥囷紝鑰岃ˉ閿屽悗韬珮銆佷綋閲嶆仮澶嶈緝蹇�傜己閿岃繕琛ㄧ幇涓烘�ф垚鐔熼殰纰嶃�佸厤鐤姛鑳戒綆涓嬨�佺毊鐤瑰強鑴卞彂绛夈��
@@ -828,8 +965,13 @@
       </div>
     </div>
     <!-- 115 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="115" />
+    <div class="page-box" page="115">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">115</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鑲憾鍓傝�屼笉婧惰В浜庢按锛屽惛鏀跺悗鍙偍瀛樹簬浣撳唴锛屾帓娉勭巼杈冧綆锛岀己涔忓悗鐥囩姸鍑虹幇杈冭繜锛屼絾鎽勫叆杩囬噺浼氬湪浣撳唴瀛樼Н锛屽苟浜х敓鏈夊褰卞搷锛岀敋鑷冲紩璧蜂腑姣掋��
@@ -865,8 +1007,14 @@
       </div>
     </div>
     <!-- 116 -->
-    <div class="page-box">
-      <even-header :num="116" />
+    <div class="page-box" page="116">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">116</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">鍚噺杈冮珮锛屽鑳¤悵鍗溿�佽彔鑿溿�佹湪鐡溿�佹煈姗樼瓑銆�</p>
         <p>
@@ -904,8 +1052,13 @@
       </div>
     </div>
     <!-- 117 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="117" />
+    <div class="page-box" page="117">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">117</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           閰稿悎鎴愬強铔嬬櫧璐ㄧ殑鐢熺墿鍚堟垚鍧囨湁閲嶈褰卞搷锛屼績杩涢楠奸�犺鍔熻兘銆�
@@ -955,8 +1108,15 @@
       </div>
     </div>
     <!-- 118 -->
-    <div class="page-box">
-      <even-header :num="118" />
+    <div class="page-box" page="118">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">118</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
+
       <div class="padding-96">
         <p>
           杩囬噺鎽勫叆缁寸敓绱燚鍒跺墏鏄撳紩璧风淮鐢熺礌D涓瘨锛岃〃鐜颁负椋熸涓嶆尟銆佹伓蹇冿紝琛�閽欒繃楂橈紝涓ラ噸鑰呭彂鐢熻偩鍙婂叾浠栬剰鍣ㄩ挋鐩愭矇鐫�锛屼娇鑲惧姛鑳藉彈鍒版崯瀹炽��10宀佷互鍐呭効绔ユ瘡鏃ラ渶瑕佺淮鐢熺礌D
@@ -1000,8 +1160,13 @@
       </div>
     </div>
     <!-- 119 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="119" />
+    <div class="page-box" page="119">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">119</span>
+      </div>
       <div class="padding-96">
         <p>
           鍎跨姣忔棩姣忓崈鍏嬩綋閲嶉渶姘撮噺濡備笅锛�0锝�1宀侊紝110锝�155姣崌锛�1锝�3宀侊紝100锝�150姣崌锛�4锝�7宀侊紝90锝�110姣崌銆傚鍓嶅効绔ュ鏋滄憚鍙栫殑姘撮噺浣庝簬姣忔棩姣忓崈鍏嬩綋閲�60姣崌锛屽彲鍙戠敓鑴辨按鐥囩姸銆傚効绔ヨ嫢鎽勫叆姘磋秴杩囬渶瑕侀噺锛屼篃浼氬韬綋浜х敓鍗卞銆�
@@ -1019,9 +1184,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0132-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[5][119]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[119]" :chapter="5" :page="119" />
         </p>
         <h2 class="module_block" id="b019">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -1088,47 +1252,92 @@
           <tr>
             <td>
               <span class="ds-bl">1.濠村効鍠傚吇鐨勭被鍨嬫湁鍝嚑绉�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2..浠�涔堟槸姣嶄钩鍠傚吇?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">3.姣嶄钩鍠傚吇鐨勬柟娉曟槸浠�涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.姣嶄钩鍠傚吇鐨勪紭鐐规湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.浜哄伐鍠傚吇鍜屾贩鍚堝杺鍏诲悇鎸囩殑鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.濡備綍灏嗙墰涔抽厤缃负濠村効鍙互椋熺敤鐨勪钩绫�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.浜哄伐鍠傚吇銆佹贩鍚堝杺鍏讳笌姣嶄钩鍠傚吇鐨勫紓鍚屾槸浠�涔�?瀵瑰┐鍎挎湁浠�涔堜笉鍚岀殑褰卞搷?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">8.涔冲効杈呭姪椋熷搧娣诲姞搴旈伒寰摢浜涘師鍒�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
-                >8.鏂ザ瀹滈�夋嫨鍦ㄤ粈涔堟椂闂�?搴旀敞鎰忓摢浜涢棶棰�?</span
+                >9.鏂ザ瀹滈�夋嫨鍦ㄤ粈涔堟椂闂�?搴旀敞鎰忓摢浜涢棶棰�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableTwo.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1147,9 +1356,14 @@
           <p class="block">
             闅忕潃鐗涗钩鍙婂悇绉嶄唬涔冲搧鐨勫ぇ閲忔秾鐜颁互鍙婂コ鎬ц蛋鍑哄搴�佸氨涓氱巼涓婂崌锛屼粠20涓栫邯浜斿叚鍗佸勾浠ｅ埌80骞翠唬鍒濓紝涓浗鐨勬瘝涔冲杺鍏荤巼涓�鐩村憟涓嬮檷瓒嬪娍銆�20涓栫邯80骞翠唬浠ュ悗锛屼汉浠姣嶄钩鍠傚吇鐨勬剰涔夋湁浜嗘柊鐨勮璇嗐�備笘鐣屽崼鐢熺粍缁囨槑纭簡姣嶄钩鍠傚吇鏄�滄瘝浜茬殑澶╄亴锛屽┐鍎跨殑鏉冨埄鈥濓紝鎶婃瘝涔冲杺鍏讳綔涓轰繚璇佸効绔ュ仴搴锋垚闀跨殑閲嶈鎺柦涔嬩竴锛屽湪鍏ㄤ笘鐣屽ぇ鍔涙彁鍊★紝浣垮悇鍥界殑姣嶄钩鍠傚吇鐜囬兘鏈夋墍鍥炲崌銆傝鏌ラ槄璧勬枡鍚庯紝璋堣皥浣犲姣嶄钩鍠傚吇鐨勭湅娉曘��
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterFiveData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版瘝涔冲杺鍏汇�佷汉宸ュ杺鍏诲拰娣峰悎鍠傚吇浠ュ強杈呴娣诲姞绛夋柟闈㈢殑鍩虹鐭ヨ瘑銆�
           </p>
@@ -1168,8 +1382,14 @@
       </div>
     </div>
     <!-- 120 -->
-    <div class="page-box">
-      <even-header :num="120" />
+    <div class="page-box" page="120">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">120</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">姝ゅ弽灏勫仠姝紝濠村効灏卞緱涓嶅埌瓒冲鐨勪钩姹併��</p>
         <h4 id="d136">锛堜簩锛夋瘝涔崇殑鎴愬垎</h4>
@@ -1206,8 +1426,13 @@
       </div>
     </div>
     <!-- 121 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="121" />
+    <div class="page-box" page="121">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">121</span>
+      </div>
       <div class="padding-96">
         <p class="t0">閰革紝鏄墰涔充腑鐨�4鍊嶏紝鏈夊埄浜庡┐鍎胯剳缁勭粐鐨勭敓闀垮彂鑲层��</p>
         <p>
@@ -1250,8 +1475,14 @@
       </div>
     </div>
     <!-- 122 -->
-    <div class="page-box">
-      <even-header :num="122" />
+    <div class="page-box" page="122">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">122</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           6涓湀浠ュ唴鐨勫┐鍎胯嫢鍥犳瘝涔抽噺涓嶈冻杩涜娣峰悎鍠傚吇锛屾瘝涔冲杺鍝烘鏁颁竴鑸笉鍙橈紝姣忔鍙厛鍠傛瘝涔筹紝寰呬钩鎴胯鍚哥┖鍚庡啀琛ラ厤鏂瑰ザ銆傝繖鏍锋瘡娆′钩鎴垮彲琚惛绌猴紝鏈夊埄浜庣淮鎸佹瘝涔冲垎娉岋紝涓嶄細浣挎瘝涔抽噺閫愭笎鍑忓皯銆�6涓湀浠ヤ笂鐨勫┐鍎垮凡缁忔坊鍔犺緟椋燂紝浣嗕富瑕佽惀鍏绘潵婧愪緷鐒舵槸姣嶄钩鍙婇厤鏂瑰ザ
@@ -1266,7 +1497,7 @@
         <p>浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈冭琛�5-4銆�</p>
         <p class="img">琛�5-4 浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈�</p>
         <p class="center">
-          <el-image :src="tableFive" :preview-src-list="[tableFive]" />
+          <el-image :src="tableFive" :preview-src-list="[tableFive]" class="open-image" />
         </p>
         <h3 id="c049">涓夈�佽緟椋熺殑娣诲姞锛烇紴锛烇紴锛烇紴</h3>
         <p>
@@ -1287,7 +1518,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              :src="config.resourceCtx + '/video/chapterFive/涓撻浜旓細涔冲効杈呭姪椋熷搧鐨勬坊鍔�.mp4'"
+              :src="pathTwo"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1310,8 +1541,13 @@
       </div>
     </div>
     <!-- 123 -->
-    <div class="page-box">
-      <odd-header :num="123" />
+    <div class="page-box" page="123">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">123</span>
+      </div>
       <div class="padding-96">
         <p class="t0">鑿滄按锛屽悗閫愭娣诲姞铔嬮粍娉ャ�佺背绯婏紝鍐嶅埌绋�楗�佺儌闈㈡潯銆佺儌楗��</p>
         <p>
@@ -1326,7 +1562,7 @@
         <p>娣诲姞杈呴鐨勯『搴忚琛�5-5銆�</p>
         <p class="img">琛�5-5 娣诲姞杈呴鐨勯『搴�</p>
         <p class="center">
-          <el-image :src="tableSix" :preview-src-list="[tableSix]" />
+          <el-image :src="tableSix" :preview-src-list="[tableSix]" class="open-image" />
         </p>
         <p>
           鍦ㄦ坊鍔犺緟椋熺殑杩囩▼涓簲娉ㄦ剰锛屽鏋滃┐鍎跨殑椋熸鎴栧ぇ渚挎湁寮傚父鎯呭喌鏃讹紝搴斿強鏃堕厡鎯呰皟鏁淬��
@@ -1345,8 +1581,14 @@
       </div>
     </div>
     <!-- 124 -->
-    <div class="page-box">
-      <even-header :num="124" />
+    <div class="page-box" page="124">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">124</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h3 id="c050">鍥涖�佹柇濂讹紴锛烇紴锛烇紴锛�</h3>
         <p>
@@ -1365,17 +1607,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0137-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> -->
-          <examinations :cardList="questionData[5][124]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
+          <examinations :cardList="questionData[124]" :chapter="5" :page="124" />
         </p>
         <h2 class="module_block" id="b020">
           <div class="custom1">瀛︿範涓婚涓�</div>
           <div class="custom2">瀛﹀墠鍎跨鐨勮喅椋熴��</div>
         </h2>
-        <!-- <p class="center">
-          <el-image :src="taskThree" :preview-src-list="[taskThree]" />
-        </p> -->
         <div class="mb-20 fm-st fl fl-cn t2">
           <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
           <span class="t0">涓撻浜斿涔犱富棰樹笁 瀛﹀墠鍎跨鐨勮喅椋熻嚜涓诲涔犱换鍔″崟</span>
@@ -1437,47 +1675,87 @@
           <tr>
             <td>
               <span class="ds-bl">1.瀛﹀墠鍎跨鑶抽鐨勯厤缃師鍒欐湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >2.涓哄鍓嶅効绔ラ�夋嫨椋熷搧搴旂鍚堝摢浜涘崼鐢熻姹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.瀛﹀墠鍎跨鑶抽鐨勭児璋冨埗澶囪繃绋嬩腑搴旀敞鎰忓摢浜涗簨椤�?浜�.</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.鎵樺辜鏈烘瀯鐨勯鍫傚簲绗﹀悎鍝簺瑕佹眰?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.鐐婁簨浜哄憳搴旀敞鎰忓摢浜涘崼鐢熻姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.瀛﹀墠鍎跨甯歌鐨勪笉鑹ギ椋熶範鎯湁鍝簺?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.搴斿煿鍏诲鍓嶅効绔ュ摢浜涜壇濂界殑楗涔犳儻?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.闃呰涓浗钀ュ吇瀛︿細鍒跺畾鐨勩�婂榫勫墠鍎跨鑶抽鎸囧崡銆嬶紝浜嗚В鈥滀腑鍥藉効绔ュ钩琛¤喅椋熺畻鐩樷�濄��</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableThree.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1496,9 +1774,14 @@
           <p class="block">
             鈥滄磱蹇鈥濅互鍏舵椂灏氥�佺編鍛炽�佸揩鎹峰惛寮曚簡浼楀娑堣垂鑰咃紝灏ゅ叾鍙楀埌鍎跨鍜岄潚灏戝勾鐨勯潚鐫愩�傗�滄磱蹇鈥濈┒绔熷ソ涓嶅ソ鍛紵璋堣皥浣犵殑鐪嬫硶銆�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterFiveData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             浠庤惀鍏诲鐨勮搴﹀垎鏋愶紝鈥滄磱蹇鈥濆叿鏈夆�滀笁楂樷�濆拰鈥滀笁浣庘�濈殑鐗圭偣锛屽嵆楂樿剛鑲�侀珮鐑噺銆侀珮铔嬬櫧璐紝浣庣淮鐢熺礌銆佷綆鏃犳満鐩愩�佷綆鑶抽绾ょ淮銆傗�滄磱蹇鈥濈殑鍒朵綔鏂瑰紡浠ョ儰銆佺偢涓轰富锛岃剛鑲惈閲忓緢楂橈紝澶уぇ瓒呰繃浜轰綋姣忓ぉ鐨勯渶瑕侀噺銆傝兘閲忚繃鍓╀細瀵艰嚧瓒呴噸鍙婅偉鑳栥�傝偉鑳栨槸寮曡捣楂樿鍘嬨�佺硸灏跨梾銆佸績琛�绠＄柧鐥呯殑閲嶈鍗遍櫓鍥犵礌涔嬩竴銆傝繃鍘讳竴鐩村湪鎴愪汉鏈熸墠鏈夌殑鎱㈡�х梾锛屽楂樿鍘嬨�佺硸灏跨梾銆佽鑴傚紓甯哥瓑锛屽凡缁忓湪鑲ヨ儢鐨勫効绔ュ皯骞翠腑鍑虹幇锛屾瘮渚嬭秺鏉ヨ秺楂橈紝涓斿憟浣庨緞鍖栥�傝偉鑳栬繕浼氬鍎跨灏戝勾蹇冪悊甯︽潵璐熼潰褰卞搷銆傝�屼笖锛屸�滄磱蹇鈥濅腑鐨勬补鐐搁鍝佸惈鏈夎嚧鐧屾垚鍒嗭紝濡傛灉闀挎湡椋熺敤涔熶細瀵硅韩浣撲骇鐢熷嵄瀹炽�傚洜姝わ紝鈥滄磱蹇鈥濅笉瀹滅粡甯搁鐢ㄣ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鑶抽閰嶅埗鍘熷垯銆侀ギ椋熷崼鐢熺瓑鐩稿叧鐭ヨ瘑锛屼负鎵樺辜鏈烘瀯鍙婂勾杞荤埗姣嶇瀛﹂厤鍒跺効绔ヨ喅椋熸彁渚涘府鍔┿��
           </p>
@@ -1514,7 +1797,7 @@
           </div>
           <div class="right" style="width: 60%">
             <video
-              :src="config.resourceCtx + '/video/chapterFive/涓撻浜旓細瀛﹀墠鍎跨鑶抽鐨勯厤鍒跺師鍒�.mp4'"
+              :src="pathThree"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1535,8 +1818,13 @@
       </div>
     </div>
     <!-- 125 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="125" />
+    <div class="page-box" page="125">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">125</span>
+      </div>
       <div class="padding-96">
         <h4 id="d143">锛堜笁锛夐鐗╁簲鑹层�侀銆佸懗銆佸舰淇卞叏</h4>
         <p>
@@ -1577,8 +1865,14 @@
       </div>
     </div>
     <!-- 126 -->
-    <div class="page-box">
-      <even-header :num="126" />
+    <div class="page-box" page="126">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">126</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p>
           绗簩锛屼负鍑忓皯缁寸敓绱燙鐨勬崯澶憋紝钄彍搴斿厛娲楀悗鍒囷紝娲楀悗涓嶅簲鏀剧疆杩囦箙锛岀倰鑿滄椂瑕佺敤鎬ョ伀蹇倰锛屾椂闂翠笉瀹滆繃闀匡紝涓斾笉鐢ㄩ摐閿咃紱鐐掑墠閬垮厤鐢ㄦ按娉°�佺敤寮�姘寸儷锛涘仛濂界殑鑿滆鍙婃椂椋熺敤锛岄殢鍋氶殢鍚冿紝涓嶇暀闅斿鑿溿��
@@ -1628,8 +1922,13 @@
       </div>
     </div>
     <!-- 127 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="127" />
+    <div class="page-box" page="127">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">127</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浜ゅ弶姹℃煋锛岀敓銆佺啛椋熷搧搴斿垎寮�锛屽帹鎴跨敤鍏峰垁銆佹鏉裤�佺泦銆佺瓙銆佹姽甯冪瓑涔熻鍋氬埌鐢熴�佺啛鍒嗗紑銆�
@@ -1668,8 +1967,14 @@
       </div>
     </div>
     <!-- 128 -->
-    <div class="page-box">
-      <even-header :num="128" />
+    <div class="page-box" page="128">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">128</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           渚嬪锛屾湁鐨勫効绔ヤ笉鍚冮粦鑺濋夯锛屾槸鍥犱负榛戣姖楹荤殑棰滆壊鐪嬩笂鍘讳笉娲佸噣锛涜繕鏈夌殑鍎跨涓嶆効鎰忓悆闈㈡潯锛屽洜涓虹湅瑙侀潰鏉′細浜х敓涓嶅ソ鐨勮仈鎯炽��
@@ -1684,7 +1989,7 @@
           </div>
           <div class="right" style="width: 65%">
             <video
-              :src="config.resourceCtx + '/video/chapterFive/涓撻浜旓細鍎跨楗涔犳儻鐨勫煿鍏�.mp4'"
+              :src="pathFour"
               poster="../../../assets/images/chapterTwo/people-video-img.png"
               webkit-playsinline="true"
               x-webkit-airplay="true"
@@ -1723,8 +2028,13 @@
       </div>
     </div>
     <!-- 129 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="129" />
+    <div class="page-box" page="129">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">129</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍎跨楗绀间华鐨勫煿鍏伙紝閫氳繃楗瀵瑰効绔ヨ繘琛岀ぜ璨屻�佸瓭椤恒�佸嫟淇瓑鍩烘湰鍋氫汉涔嬮亾鐨勬暀鑲层��
@@ -1738,9 +2048,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <img class="img-g" alt="" src="image/0141-2.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[5][129]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
+          <examinations :cardList="questionData[129]" :chapter="5" :page="129" />
         </p>
         <h2 class="module_block" id="b021">
           <div class="custom1">瀛︿範涓婚鍥�</div>
@@ -1811,49 +2120,99 @@
               <span class="ds-bl"
                 >1.鎵樺辜鏈烘瀯濡備綍鍒惰鑶抽璁″垝?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >2.鍒惰鑶抽璁″垝鐨勫嚭鍙戠偣鏄粈涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.绉戝鐨勮喅椋熻鍒掑簲绗﹀悎鍝簺鍩烘湰瑕佹眰?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.鎷熷畾椋熻氨鏈夊摢浜涘熀鏈姹�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.椋熻氨涓鐗╂浛鎹㈢殑鍘熷垯鏄粈涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.鑶抽鍒跺害鐨勫埗璁㈠寘鎷摢涓や釜鍩烘湰瑕佹眰?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.濡備綍鍚堢悊鍒嗛厤椋熺墿鐨勬暟閲忓拰璐ㄩ噺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">8.濡備綍瀹夋帓鍎跨鐨勮繘椁愭鏁板拰闂撮殧鏃堕棿?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">9.鑶抽璋冩煡鐨勬柟娉曟湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">10.濡備綍瀵硅喅椋熻皟鏌ョ粨鏋滆繘琛岃瘎浠�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterFiveData.learnTableFour.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1872,9 +2231,14 @@
           <p class="block">
             20涓栫邯60骞翠唬锛屽垬鍐敓銆佸懆鍚簮鍦ㄥ寳浜競瀵归泦浣撳効绔ヨ繘琛屼簡鈥滆鍒掕喅椋熲�濈殑鐮旂┒锛岄�氳繃瀵瑰弬鍔犲崗浣滅殑骞煎効鍥�佹墭鍎挎墍涓浉鍏充汉鍛樼殑鍩硅锛屼娇浠栦滑鎺屾彙钀ュ吇宸ヤ綔鐨勫熀鏈煡璇嗭紝瀛︿細鍒惰鑶抽璁″垝鐨勬柟娉曘�傚悇鎵樺効鎵�鐨勪繚鍋ュ憳姣忔湀鏈堝垵鍦ㄥ崼鐢熷眬闆嗕腑涓�娆★紝鎬荤粨涓婃湀鐨勮喅椋熶緵搴斿伐浣滐紝璁＄畻鍎跨鐨勮惀鍏荤礌鎽勫叆閲忥紝骞跺湪鍗敓灞�鍜岀爺绌剁粍鎴愬憳鐨勮緟瀵间笅锛屽埗璁㈡湰鏈堢殑鑶抽璁″垝銆傚湪涓嶅鍔犲効绔ヤ紮椋熻垂鐨勫熀纭�涓婏紝閲囩敤浠锋牸杈冧綆鑰岃惀鍏讳环鍊艰緝楂樼殑椋熺墿杩涜绉戝鎼厤锛屾彁楂樿喅椋熶腑鐨勮泲鐧借川鐢熺墿浠峰強閽欍�佺淮鐢熺礌绛夌殑渚涚粰閲忋�備竴骞翠互鍚庯紝杩欎簺浣庝紮椋熻垂鐨勫効绔ヨ惀鍏荤礌鎽勫叆姘村钩鏈夋墍鎻愰珮锛屼綋鏍煎彂鑲叉按骞宠刀涓婁簡浼欓璐硅緝楂樼殑鎵樺辜鏈烘瀯鐨勫効绔ャ�備笂杩扮粡楠屽褰撳墠涓�浜涚粡娴庢瑺鍙戣揪鍦板尯鐨勬墭骞兼満鏋勫疄琛岃惀鍏婚厤椁愩�佹彁楂樺効绔ョ殑鍙戣偛姘村钩鍏锋湁瀹濊吹鐨勬寚瀵兼剰涔夈�傝涓庡悓瀛﹀氨姝ょ爺绌朵氦娴佸悇鑷殑鐪嬫硶銆�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterFiveData.experienceFour"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩版墭骞兼満鏋勮喅椋熺鐞嗙殑瑕佹眰銆佽喅椋熻皟鏌ョ瓑鐩稿叧鍐呭锛屼负鎵樺辜鏈烘瀯杩涜绉戝鐨勮喅椋熺鐞嗘彁渚涚悊璁轰緷鎹��
           </p>
@@ -1897,8 +2261,14 @@
       </div>
     </div>
     <!-- 130 -->
-    <div class="page-box">
-      <even-header :num="130" />
+    <div class="page-box" page="130">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">130</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鏄庯紝瀹冨寘鎷鐗╃殑绉嶇被銆佹暟閲忋�佺児璋冩柟娉曞拰鍒舵垚鍝佸悕绉般�備负淇濊瘉鑶抽璁″垝鐨勯『鍒╄繘琛岋紝鎵樺辜鏈烘瀯搴旀瘡鍛ㄥ埗璁竴娆￠璋便��
@@ -1940,8 +2310,13 @@
       </div>
     </div>
     <!-- 131 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="131" />
+    <div class="page-box" page="131">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">131</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -1963,8 +2338,14 @@
       </div>
     </div>
     <!-- 132 -->
-    <div class="page-box">
-      <even-header :num="132" />
+    <div class="page-box" page="132">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">132</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">骞查鎺柦銆�</p>
         <p>
@@ -2002,8 +2383,13 @@
       </div>
     </div>
     <!-- 133 -->
-    <div class="page-box">
-      <odd-header :special="5" :num="133" />
+    <div class="page-box" page="133">
+      <div class="page-header-box">
+        <span class="page-header-text" 
+          >涓撻浜�&nbsp;瀛﹀墠鍎跨钀ュ吇鍗敓涓庝繚鍋�</span
+        >
+        <span class="page-header-num">133</span>
+      </div>
       <div class="padding-96">
         <p>
           鐑噺鎽勫叆閲忓鏋滆兘澶熻揪鍒颁緵缁欓噺鐨�90%浠ヤ笂涓烘甯革紝浣庝簬80%鍒欎负鎽勫叆涓嶈冻銆傝泲鐧借川銆佹棤鏈虹洂鍜岀淮鐢熺礌鐨勬憚鍏ラ噺搴旇揪鍒颁緵缁欓噺鐨�80%浠ヤ笂锛岄暱鏈熶綆浜庤繖涓�鏍囧噯浼氫娇涓�閮ㄥ垎鍎跨鍑虹幇鐥呯姸銆�
@@ -2029,8 +2415,8 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚鍥�</span> -->
-          <examinations :cardList="questionData[5][133]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span>
+          <examinations :cardList="questionData[133]" :chapter="5" :page="133" />
         </p>
         <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
         <p class="blockh6">
@@ -2042,8 +2428,14 @@
       </div>
     </div>
     <!-- 134 -->
-    <div class="page-box">
-      <even-header :num="134" />
+    <div class="page-box" page="134">
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">134</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="custom_tag">鈥㈠洖椤句笌鍙嶆�濃��</p>
         <p class="block"><b>涓�銆佸垽鏂閿�</b></p>
@@ -2051,43 +2443,61 @@
           1.缁寸敓绱燗缂轰箯鐥囧張鏈夊鐩茬棁銆佺溂骞茬嚗鐥囦箣绉般�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.閾佹槸鏋勬垚楠ㄥ拰鐗欓娇鐨勪富瑕佹垚鍒嗐�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.鍎跨缂洪攲浼氫娇鍛宠暰鍔熻兘鍑忛��锛岄娆蹭笉鎸紝瀵艰嚧鍘岄锛涜繕浼氬奖鍝嶇敓闀垮彂鑲诧紝瀵艰嚧韬潗鐭皬锛屼弗閲嶈�呮偅渚忓剴鐥囥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterFiveData.question.judge.qThree"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸～绌�</b></p>
         <p class="block">
-          1.鍏ぇ钀ュ吇绱犲寘鎷�<input
+          1.鍏ぇ钀ュ吇绱犲寘鎷�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qOne.one"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.two" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qOne.three"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.four" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterFiveData.question.fill.qOne.five"
+          />銆�
+          <input type="text" class="lineInput completion-input" v-model="chapterFiveData.question.fill.qOne.six" />銆�
         </p>
         <p class="block">
           2.铔嬬櫧璐ㄥ彲鍒嗕负<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterFiveData.question.fill.qTwo.one"
+          />銆�
+          <input type="text" class="lineInput completion-input"  v-model="chapterFiveData.question.fill.qTwo.two" />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸<input
+            v-model="chapterFiveData.question.fill.qTwo.three"
+          />銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸
+          <input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterFiveData.question.fill.qTwo.four"
           />銆�
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -2096,54 +2506,63 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qOne"
         ></textarea>
         <p class="block">2.绠�杩颁笁澶т骇鑳借惀鍏荤礌鐨勭敓鐞嗗姛鑳姐��</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qTwo"
         ></textarea>
         <p class="block">3.铔嬬櫧璐ㄧ殑浜掕ˉ浣滅敤鏄粈涔堟剰鎬濓紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qThree"
         ></textarea>
         <p class="block">4.涓轰粈涔堝効绔ヤ笉瀹滄憚鍙栬繃澶氱殑鑴傝偑锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qFour"
         ></textarea>
         <p class="block">5.鑴傛憾鎬х淮鐢熺礌鍜屾按婧舵�х淮鐢熺礌鏈変粈涔堝尯鍒紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qFive"
         ></textarea>
         <p class="block">6.瀛﹀墠鍎跨瀹规槗缂轰箯鍝嚑绫绘棤鏈虹洂锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qSix"
         ></textarea>
         <p class="block">7.涓轰粈涔堣鎻愬�℃瘝涔冲杺鍏伙紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qSeven"
         ></textarea>
         <p class="block">8.閰嶅埗瀛﹀墠鍎跨鐨勮喅椋熷簲閬靛惊浠�涔堝師鍒欙紵</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qEnight"
         ></textarea>
         <p class="block">9.濡備綍鍋氬ソ骞煎効鍥殑楗鍗敓宸ヤ綔锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterFiveData.question.short.qNine"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2162,33 +2581,24 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[5][1341]" />
-          <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[5][1342]" />
+          <examinations :cardList="questionData[1341]" :chapter="5" :page="1341" />
+          <span class="span-border"></span>
+          <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
+          <examinations :cardList="questionData[1342]" :chapter="5" :page="1342" />
         </p>
-        <!-- <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
-        <p class="blockh6 fl fl-di fl-cn" style="text-indent: 0">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-        </p> -->
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import evenHeader from "../../components/pageHeader/evenHeader.vue";
-import oddHeader from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
+import getQuestionData from '@/assets/methods/examination'
+import testData from '../../../assets/examinationList'
+import getResourcePath from '@/assets/methods/resources'
 export default {
   name: "chapterFive",
-  components: { evenHeader, oddHeader,examinations },
+  components: { examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
@@ -2207,11 +2617,117 @@
       learnTableTwo: true,
       learnTableThree: true,
       learnTableFour:true,
-      questionData:{}
+      questionData:{},
+      pathOne:'',
+      pathTwo:'',
+      pathThree:'',
+      pathFour:'',
+      chapterFiveData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        experienceFour:"",
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:""
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+        },
+        learnTableFour: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen:""
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+              two:"",
+              three:"",
+              four:"",
+              five:"",
+              six:""
+            },
+            qTwo: {
+              oen: "",
+              two: "",
+              Three:"",
+              Four:"",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+            qThree:"",
+            qFour:"",
+            qFive:"",
+            qSix:"",
+            qSeven:"",
+            qEnight:"",
+            qNine:"",
+          },
+        },
+      },
     };
   },
-  mounted() {
-    this.$data.questionData = this.$store.state.questionData
+  async mounted() {
+    const localData = localStorage.getItem("chapterFiveData");
+    if (localData) {
+      this.chapterFiveData = JSON.parse(localData);
+    }
+    window.timerFive = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData('5',testData[5])
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerFive) {
+      clearInterval(window.timerFive);
+    }
+    localStorage.setItem("chapterFiveData", JSON.stringify(this.chapterFiveData));
   },
   methods: {
     changeResources(type) {
@@ -2227,6 +2743,19 @@
         this.$data.learnTableFour = !this.$data.learnTableFour;
       }
     },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterFiveData",
+        JSON.stringify(this.chapterFiveData)
+      );
+    },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath('5698398be3f5c7fdb247218b2a687257')
+      this.$data.pathTwo = getResourcePath('5905673b09837c74953dd11fcb27d123')
+      this.$data.pathThree = getResourcePath('1f768157227c193ed5c11f972f66e692')
+      this.$data.pathFour = getResourcePath('4f446d88ec1ed081a172b7130dce896b')
+    }
   },
 };
 </script>

--
Gitblit v1.9.1