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/chapter002.vue |  627 +++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 483 insertions(+), 144 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue
index fe0d817..0d4945a 100644
--- a/src/books/childHealth/view/content/components/chapter002.vue
+++ b/src/books/childHealth/view/content/components/chapter002.vue
@@ -35,12 +35,22 @@
         涓撻瀵煎
       </h6>
       <p class="blockh6 m0-t0">
-        <el-image :src="special" :preview-src-list="[special]" />
+        <el-image
+          :src="special"
+          :preview-src-list="[special]"
+          class="open-image"
+        />
       </p>
     </div>
     <!-- 44 -->
     <div class="page-box" page="44">
-      <evenHeaderVue :num="44" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">44</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h2 class="module_block" id="b010">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -111,45 +121,90 @@
               <span class="ds-bl"
                 >1.浠�涔堟槸鐢熼暱?浠�涔堟槸鍙戣偛?浠�涔堟槸鎴愮啛?鐢熼暱涓庡彂鑲叉槸浠�涔堝叧绯�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >2.瀹為檯宸ヤ綔涓竴鑸皢瀛﹀墠鍎跨鐨勭敓闀垮彂鑲插垝鍒嗕负鍝嚑涓樁娈�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">3.鈥滃崄鏈堟��鑳庘�濇槸鏁村崄涓湀鍚�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.鑳庡効鏈熺殑鐗圭偣鏈夊摢浜�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">5.鏂扮敓鍎挎湡鏈夊摢浜涚壒鐐�??</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.濠村効鏈熷寘鎷柊鐢熷効鏈熷悧?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.濠村効浠�涔堟椂鍊欐柇濂跺悎閫傦紝鏈夋病鏈夋槑纭瀹�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">8.骞煎効鍓嶆湡鐨勪富瑕佺壒鐐规湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">9.濡備綍鍋氬ソ骞煎皬琛旀帴涓殑淇濆仴宸ヤ綔?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableOne.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -168,9 +223,14 @@
           <p class="block">
             瀛﹀墠鏈熷効绔ョ敓闀垮彂鑲茶繀閫燂紝鏂扮敓濠村効鏇存槸涓�澶╀竴涓牱銆傚埆鐪嬪垰鍑虹敓鐨勫┐鍎挎瘡澶╂湁2/3鐨勬椂闂撮兘鍦ㄧ潯瑙夛紝鍙�2涓湀鍚庯紝浠栧氨鎴愪簡涓�涓�滅溂瑙傚叚璺�佽�冲惉鍏柟鈥濈殑娲绘臣鍙埍鐨勫皬瀹濆疂锛�1宀佸悗锛屼粬涓嶄絾浼氱敤寰瑧鏉ュ紩璧蜂綘鐨勬敞鎰忥紝鐢氳嚦浼氱洿鎺ュぇ澹板枈浣犵殑鍚嶅瓧锛�3宀佷互鍚庯紝浠栧氨瑕佺寮�瀹跺涵锛岃繘鍏ュ辜鍎垮洯鍟︹�︹�﹁鍚戠埗姣嶄簡瑙e鍓嶅効绔ョ殑鐢熼暱鍙戣偛鍚庝笌鍚屽浜ゆ祦銆�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+            <textarea
+            cols="30"
+            rows="4"
+            v-model="chapterTwoData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩扮敓闀裤�佸彂鑲插拰鎴愮啛鐨勬蹇碉紝闃愯堪瀛﹀墠鍎跨鍚勫勾榫勬鐨勫垝鍒嗗強鍚勯樁娈电敓闀垮彂鑲茬殑鐗圭偣锛屼互甯姪淇濇暀浜哄憳鏍规嵁瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勭壒鐐圭瀛﹀湴寮�灞曚繚鏁欏伐浣溿��
           </p>
@@ -228,7 +288,10 @@
     </div>
     <!-- 45 -->
     <div class="page-box" page="45">
-      <oddHeaderVue :special="2" :num="45" />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">45</span>
+      </div>
       <div class="padding-96">
         <p class="m0-t0">鑳庡効鐨勫懆榫勫嵆涓鸿儙榫勬垨濡婂榫勩��</p>
         <p>
@@ -261,7 +324,13 @@
     </div>
     <!-- 46 -->
     <div class="page-box" page="46">
-      <evenHeaderVue :num="46" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">46</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           鍠勶紝浣垮緱璇█鍜屽姩浣滅殑鍙戝睍鍑虹幇浜嗛璺冦�傛櫤鍔涘彂灞曞蹇紝鐞嗚В鑳藉姏閫愭笎鍔犲己锛屾眰鐭ユ寮猴紝濂藉蹇冨己銆佸ソ闂�佸ソ妯′豢銆傝繍鍔ㄧ殑鍗忚皟鑳藉姏閫愭笎瀹屽杽锛屽彲浠ヤ粠浜嬩竴浜涜緝缁嗚嚧鐨勬墜宸ュ拰杞诲井浣撳姏鍔冲姩锛屼篃鑳藉涔犵畝鍗曠殑鏂囧瓧銆佸浘鐢诲強姝岃埃锛屼负鍏ュ皬瀛﹀涔犲瀹氫簡鍩虹銆�
@@ -275,8 +344,13 @@
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
-          <examinations :cardList="questionData[46]" />
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
+          <examinations
+            v-if="questionData" 
+            :cardList="questionData[46]"
+            :chapter="2"
+            :page="46" 
+            />
         </p>
         <h2 class="module_block" id="b011">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -353,59 +427,114 @@
           <tr>
             <td>
               <span class="ds-bl">1.鍚嶈瘝瑙i噴:鐢熼暱鍙戣偛瑙勫緥銆�</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2.瀛﹀墠鍎跨鐢熼暱鍙戝睍鐨勮寰嬫湁鍝簺?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.浠�涔堟槸鐢熼暱鍙戣偛鐨勮繛缁��?浠�涔堟槸鐢熼暱鍙戣偛鐨勯樁娈垫��?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.浠�涔堟槸鐢熼暱鍙戣偛鐨勭▼搴忔��?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >5.浜轰綋鍣ㄥ畼鎴栬�呯郴缁熸湁鍝簺鐢熼暱鍙戣偛妯″紡?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">6.浠�涔堟槸鐢熼暱鍙戣偛鐨勪笉鍧囪 鎬�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">7.浠�涔堝彨杩借刀鎬х敓闀�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">8.浣犲惉璇磋繃鍏抽敭鐢熼暱鏈熷悧?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >9.鍦ㄥ┐骞煎効鐨勭敓闀垮彂鑲茶繃绋嬩腑锛屽姩浣滃彂灞曠殑涓�鑸『搴忔槸鎬庢牱鐨�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.鍝簺绯荤粺鐨勭敓闀垮彂鑲叉ā寮忓睘浜�-涓�鑸瀷"?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
-                >涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
+                >11.涓轰粈涔堣瀛﹀墠鍎跨鍚勭郴缁熺殑鐢熼暱鍙戣偛鏄浉浜掑叧鑱旂殑?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterTwoData.learnTableTwo.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -422,9 +551,14 @@
           <p class="block">
             涓轰粈涔堟湁鐨勫瀛愯璇濇棭锛屾湁鐨勫瀛愯璇濇櫄锛熶负浠�涔堝悓骞撮緞鐨勭敺瀛╁拰濂冲鍦ㄨ韩楂樸�佷綋閲嶄笂鏈夊樊寮傦紵涓轰粈涔堝煄甯傚拰鍐滄潙鐨勫悓榫勫瀛愬湪韬珮銆佷綋閲嶄笂涔熸湁宸紓锛�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="4"
+            v-model="chapterTwoData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             浜轰綋鐨勭敓闀垮彂鑲插悓鍏朵粬浜嬬墿涓�鏍凤紝涔熸湁鑷韩鐨勫瑙傝寰嬨�傝繖涓寰嬫槸姝e父浜轰綋鍦ㄤ竴瀹氱敓娲绘潯浠朵笅鐢熼暱鍙戣偛鐨勫繀鐒惰秼鍔垮拰鏈川鑱旂郴銆傜爺绌跺鍓嶅効绔ユ甯哥殑鐢熼暱鍙戣偛瑙勫緥锛屾墠鍙兘鍙戠幇寮傚父銆佸鎵惧師鍥狅紝浠ヤ究绾犳鎴栨不鐤楋紝骞惰娉曚績杩涘叾姝e父鐨勭敓闀垮拰鍙戣偛銆傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勮寰嬶紝浠ュ府鍔╁辜鏁欏伐浣滆�呮纭垽鏂拰鍒嗘瀽鎸囧瀛﹀墠鍎跨鐨勭敓闀垮彂鑲蹭繚鍋ュ伐浣溿��
           </p>
@@ -466,7 +600,10 @@
     </div>
     <!-- 47 -->
     <div class="page-box" page="47">
-      <oddHeaderVue :special="2"  :num="47"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">47</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           瀛︿細鍙戦煶锛屽悓鏃跺浼氬惉鎳傚崟璇嶏紱鍚冨浐浣撻鐗╀箣鍓嶏紝鍏堝悆鍗婃祦璐ㄩ鐗╋紱浼氳蛋璺箣鍓嶅繀鍏堢粡杩囨姮澶淬�佽浆澶淬�佺炕韬�佸潗銆佺珯绔嬬瓑鍙戣偛姝ラ銆傚彲瑙侊紝閭d簺鐪嬩笂鍘讳技涔庢槸绐佺劧鐨勯潪杩炵画鎬х殑浜嬩欢锛屼簨瀹炰笂鏄棩澶嶄竴鏃ョН绱殑缁撴灉銆�
@@ -494,7 +631,11 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="most" :preview-src-list="[most]" />
+              <el-image
+                :src="most"
+                :preview-src-list="[most]"
+                class="open-image"
+              />
             </p>
             <p class="img">鍥�2-1 韬綋鍣ㄥ畼鎴栫郴缁熺殑鍥涚鐢熼暱鍙戣偛妯″紡</p>
           </div>
@@ -506,7 +647,13 @@
     </div>
     <!-- 48 -->
     <div class="page-box" page="48">
-      <evenHeaderVue :num="48" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">48</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <h5 id="e067">3.娣嬪反绯荤粺鍨�</h5>
         <p>
@@ -544,7 +691,10 @@
     </div>
     <!-- 49 -->
     <div class="page-box" page="49">
-      <oddHeaderVue :special="2"  :num="49"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">49</span>
+      </div>
       <div class="padding-96">
         <p class="t0">
           璧蜂綔鐢ㄧ殑鍥犵礌锛岄兘鍙兘褰卞搷鍒板涓郴缁熴�備緥濡傦紝閫傚綋鐨勪綋鑲查敾鐐间笉浠呰兘淇冭繘杩愬姩绯荤粺鐨勫彂鑲诧紝鑰屼笖鑳戒績杩涘懠鍚哥郴缁熴�佸惊鐜郴缁熷拰绁炵粡绯荤粺鐨勫彂鑲层��
@@ -572,8 +722,8 @@
         </h6>
         <p class="blockh6-c">
           <!-- <img class="img-g" alt="" src="image/0062-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚浜�</span> -->
-          <examinations :cardList="questionData[49]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
+          <examinations v-if="questionData"  :cardList="questionData[49]" :chapter="2" :page="49"  />
         </p>
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -589,7 +739,13 @@
     </div>
     <!-- 50 -->
     <div class="page-box" page="50">
-      <evenHeaderVue :num="50" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">50</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <div class="fieldset">
           <p class="t0">鑳為棿鐩镐簰渚濆瓨鐨勫姩鎬佸叧绯诲彂鐢熶綔鐢ㄣ��</p>
@@ -680,43 +836,78 @@
             <tr>
               <td>
                 <span class="ds-bl">1.褰卞搷鍎跨鐢熼暱鍙戣偛鐨勫厛澶╁洜绱犳湁鍝簺?</span>
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qOne"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10"
                   >2.鍚屽嵉鍙岃優鑳庡湪鐢熼暱鍙戣偛杩囩▼涓繚鎸佺浉鍚岀殑鍥犵礌鏈夊摢浜�?</span
                 >
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qTwo"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10"
                   >3.鐜鍥犵礌褰卞搷鐢熼暱鍙戣偛鐨勮繘绋嬶紝涓昏鍖呮嫭鍝簺鍥犵礌?</span
                 >
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qThree"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10"
                   >4.閫傚綋鐨勪綋鑲查敾鐐间細瀵圭敓闀垮彂鑲蹭骇鐢熷摢浜涘奖鍝�?</span
                 >
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qFour"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10">5.瀛h妭瀵瑰効绔ョ敓闀垮彂鑲叉湁鍝簺褰卞搷?</span>
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qFive"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10"
                   >6.涓轰粈涔堝悓鍗靛弻鑳炶儙涔熷瓨鍦ㄥ緢澶氫笉鍚岀壒寰�?</span
                 >
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qSix"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
                 <span class="ds-bl mt-10"
                   >7.闄や簡鏁欐潗鎻愬埌鐨勫洜绱狅紝杩樻湁鍝簺鍚庡ぉ鍥犵礌鍙兘浼氬奖鍝嶅効绔ョ殑鐢熼暱鍙戣偛?</span
                 >
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
-                <input type="text" class="lineInput w100" />
+                <textarea
+                  cols="30"
+                  rows="4"
+                  v-model="chapterTwoData.learnTableThree.qSeven"
+                  placeholder="璇疯緭鍏ュ唴瀹�"
+                  maxlength="300"
+                  class="w100 ta-br textarea-text"
+                ></textarea>
               </td>
             </tr>
             <tr>
@@ -737,7 +928,7 @@
               src="../../../assets/images/icon/video.png"
               alt=""
               @click="changeResources('videoState')"
-              class="btn "
+              class="btn"
             />
           </div>
           <div v-if="videoState">
@@ -763,9 +954,14 @@
           <p class="block">
             瀛﹀墠鍎跨鐨勮韩楂樸�佷綋閲嶇瓑鐢熼暱鍙戣偛鎯呭喌寰堝ぇ绋嬪害涓婂彇鍐充簬閬椾紶鍩哄洜锛屽悓鏃朵篃涓庤惀鍏汇�佽繍鍔ㄧ瓑鍚庡ぉ鍥犵礌瀵嗕笉鍙垎銆傛妸鎻″厛澶╀紭鍔匡紝鍏呭垎鍒╃敤鍚庡ぉ鍥犵礌锛屼績杩涘鍓嶅効绔ヨ壇濂藉湴鐢熼暱鍙戣偛銆傛湰涓婚涓昏璁茶堪褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱狅紝浠ュ府鍔╀繚鏁欏伐浣滆�呭湪宸ヤ綔涓湁鏁堟帶鍒跺奖鍝嶅鍓嶅効绔ョ敓闀垮彂鑲茬殑涓嶈壇鍥犵礌锛屼繚闅滃鍓嶅効绔ユ甯稿彂鑲插彂灞曘��
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="4"
+            v-model="chapterTwoData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="300"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             瀛﹀墠鍎跨鐨勭敓闀垮彂鑲茶繃绋嬫槸涓綋鍦ㄥ厛澶╅仐浼犲拰鍚庡ぉ鐜涓悇绉嶅洜绱犵浉浜掍綔鐢ㄧ殑缁撴灉銆傚奖鍝嶇敓闀垮彂鑲茬殑鍥犵礌寰堝锛屾鎷捣鏉ユ湁涓ょ被锛氬唴鍦ㄧ殑閬椾紶鍥犵礌鍜屽鍦ㄧ殑鐜鍥犵礌銆傞仐浼犲洜绱犱竴鑸槸涓嶄細鏀瑰彉鐨勶紝鑰岀幆澧冩潯浠舵槸鍙互鏀瑰彉鐨勩�傞仐浼犲洜绱犲喅瀹氫簡鐢熼暱鍙戣偛鐨勬綔鍔涳紝鑰岀幆澧冨拰鏁欒偛鏉′欢褰卞搷浜嗛仐浼犳綔鍔涚殑鍙戞尌锛屾渶鍚庡喅瀹氬彂鑲茬殑閫熷害鍙婅揪鍒扮殑绋嬪害銆�
           </p>
@@ -778,9 +974,14 @@
     </div>
     <!-- 51 -->
     <div class="page-box" page="51">
-      <oddHeaderVue :special="2"  :num="51"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">51</span>
+      </div>
       <div class="padding-96">
-        <p class="t0">鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��</p>
+        <p class="t0">
+          鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��
+        </p>
         <p>
           鐢熼暱鍙戣偛鐨勫悇椤瑰舰鎬佹寚鏍囧拰鐢熺悊鎸囨爣锛屽韬珮銆佷綋閲嶃�佺毊涓嬭剛鑲�佽鍘嬬瓑閮芥湁涓嶅悓绋嬪害鐨勯仐浼犲�惧悜锛屽叾涓韩楂樼殑閬椾紶鍊惧悜鏇翠负鏄庢樉锛屽湪鑹ソ鐢熸椿鐜褰卞搷涓嬬殑鍎跨锛屾垚骞磋韩楂樺湪寰堝ぇ绋嬪害涓婂彇鍐充簬鐖舵瘝鐨勮韩楂樸�備竴鑸埗姣嶉珮瀛愬コ涔熼珮锛岀埗姣嶇煯瀛愬コ涔熺煯锛岃繖灏变负韬珮棰勬祴鍒涢�犱簡鏉′欢銆�
         </p>
@@ -806,13 +1007,20 @@
           鍥犳锛岀Н鏋侀槻娌诲効绔ヤ紶鏌撶梾鍜屽瘎鐢熻櫕鐥呯瓑甯歌鐥咃紝瀵逛繚璇佸効绔ョ殑姝e父鍙戣偛鏄崄鍒嗛噸瑕佺殑銆�
         </p>
         <h4 id="d087">锛堜笁锛変綋鑲查敾鐐煎拰鍔冲姩</h4>
-        <p>浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲</p>
+        <p>
+          浣撹偛閿荤偧鏄績杩涘効绔ヨ韩浣撳彂鑲插拰澧炲己浣撹川鐨勬湁鏁堟墜娈点�備綋鑲查敾鐐煎彲浠ュ姞蹇満浣撶殑鏂伴檲
+        </p>
       </div>
     </div>
     <!-- 52 -->
-    
     <div class="page-box" page="52">
-      <evenHeaderVue :num="52" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">52</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="t0">
           浠h阿锛屾彁楂樺懠鍚搞�佽繍鍔ㄥ拰寰幆绯荤粺鐨勫姛鑳斤紝鐗瑰埆鑳戒績杩涢楠煎拰鑲岃倝鐨勫彂鑲层�傚洜姝わ紝鍎跨缁忓父鍙傚姞浣撹偛閿荤偧锛屼笉浠呭彲浣胯倢绾ょ淮鍙樼矖锛岃倢鑲夎川閲忓鍔狅紝鑰屼笖鑳戒績杩涢楠肩殑鐢熼暱鍙戣偛锛屽姞閫熼鐨勯挋鍖栵紝浣块璐ㄦ洿鍔犵矖澹潥瀹烇紝鍚屾椂涔熶績杩涗簡闊у甫鐨勫彂鑲诧紝澧炲姞浜嗗叧鑺傜殑鐗㈠浐鎬у拰鐏垫椿鎬с��
@@ -840,19 +1048,26 @@
           姝ゅ锛屽ぇ姘斻�佹按鍜屽湡澹や腑鏈夊鐗╄川鐨勬薄鏌擄紝浠ュ強鍣0鐨勫嵄瀹筹紝瀵瑰効绔ョ敓闀垮彂鑲蹭篃鏈変笉鑹奖鍝嶃��
         </p>
         <h6 class="Conclusion-title2">
-          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
+          <img
+            class="img-gn"
+            alt=""
+            src="../../../assets/images/icon/ycs.png"
+          />
           浜戞祴璇�
         </h6>
         <p class="blockh6-c center">
           <!-- <img class="img-g" alt="" src="image/0065-1.jpg" /><br /> -->
-          <!-- <span class="img">涓撻浜� 瀛︿範涓婚涓�</span> -->
-          <examinations :cardList="questionData[52]" />
+          <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
+          <examinations  v-if="questionData" :cardList="questionData[52]" :chapter="2" :page="52" />
         </p>
       </div>
     </div>
     <!-- 53 -->
     <div class="page-box" page="53">
-      <oddHeaderVue :special="2"  :num="53"  />
+      <div class="page-header-box">
+        <span class="page-header-text">涓撻浜�&nbsp;瀛﹀墠鍎跨鐨勭敓闀垮彂鑲�</span>
+        <span class="page-header-num">53</span>
+      </div>
       <div class="padding-96">
         <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
         <div class="fieldset">
@@ -882,30 +1097,40 @@
           1.鏈夌殑瀛╁瓙澶村ぇ锛屾湁鐨勫瀛愬ご灏忥紝杩欎篃浣撶幇浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑涓綋宸紓鎬с�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.瀛﹀墠鍎跨鍙戣偛鐣稿舰鎴栨偅鏈夊厛澶╂�х柧鐥咃紝閮芥槸鍙楅仐浼犲洜绱犵殑褰卞搷銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qTwo"
           />锛�
         </p>
       </div>
     </div>
     <!-- 54 -->
     <div class="page-box" page="54">
-      <evenHeaderVue :num="54" />
+      <div class="header-box">
+        <div class="header-border-box"></div>
+        <div class="header-num-box">
+          <span class="fw-b italic">54</span>
+          <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span>
+        </div>
+      </div>
       <div class="padding-96">
         <p class="block">
           3.鍦ㄧ敓闀垮彂鑲茶繃绋嬩腑锛岃韩浣撳悇閮ㄥ垎鐨勭敓闀块�熷害鏄細涓嬭偄澧炲姞鏈�澶氾紝澶撮鏈�灏戙�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.鏈変簺瀛╁瓙鏄厛瀛︿細寮�鍙h璇濓紝鍚庡浼氳蛋璺紝鏈変簺瀛╁瓙鍒氬ソ鐩稿弽銆傝繖鏄敱浜庣敓闀垮彂鑲插叿鏈変釜浣撳樊寮傛�с�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterTwoData.question.judge.qFour"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -913,42 +1138,55 @@
           1.濠村効鏈熺殑鍔ㄤ綔鍙戣偛棣栧厛鏄細鎶ご銆佽浆澶达紝鐒跺悗浼氱炕韬�佸潗锛屾渶鍚庝細绔欑珛銆佽璧帮紝杩欐槸閬靛惊浜�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qOne.one"
           />鐨勮寰嬨��
         </p>
         <p class="block">
           2.浜虹殑鐢熼暱鍙戣偛閫熷害鏇茬嚎骞朵笉鏄殢骞撮緞鍛�<input
             type="text"
             class="lineInput completion-input"
-          />涓婂崌锛岃�屾槸<input type="text" class="lineInput completion-input" />涓婂崌銆�
+            v-model="chapterTwoData.question.fill.qTwo.one"
+          />涓婂崌锛岃�屾槸<input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qTwo.Two"
+          />涓婂崌銆�
         </p>
         <p class="block">
           3.閬椾紶鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.one"
           />鎬э紝鐜鍐冲畾浜嗗鍓嶅効绔ョ敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Two"
           />鎬с�傚鍓嶅効绔ョ殑鐢熼暱鍙戣偛灏辨槸涓綋鐨�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Three"
           />鍥犵礌涓�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qThree.Four"
           />鍥犵礌鐩镐簰浣滅敤鐨勮繃绋嬨��
         </p>
         <p class="block">
           4.钀ュ吇鏄繚璇佸辜鍎跨敓闀垮彂鑲茬殑<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFour.one"
           />鍩虹銆�
         </p>
         <p class="block">
           5.鐖舵瘝鐨勭ぞ浼氬湴浣嶃�佺粡娴庣姸鍐点�佺礌璐ㄥ強鏁欒偛鏂瑰紡閮戒細褰卞搷瀛﹀墠鍎跨鐨勭敓闀垮彂鑲诧紝杩欎綋鐜颁簡<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFive.one"
           />鍥犵礌鐨勫奖鍝嶏紱鍐滄潙骞煎効鍜屽煄甯傚辜鍎跨敓闀垮彂鑲茬姸鍐典笉鍚岋紝杩欎綋鐜颁簡<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterTwoData.question.fill.qFive.Two"
           />鍥犵礌瀵瑰鍓嶅効绔ョ敓闀垮彂鑲茬殑褰卞搷銆�
         </p>
         <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -957,12 +1195,14 @@
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTwoData.question.short.qOne"
         ></textarea>
         <p class="block">2.褰卞搷瀛﹀墠鍎跨鐢熼暱鍙戣偛鐨勫洜绱犳湁鍝簺锛�</p>
         <textarea
           style="width: 80%; margin: 0 0 0 40px"
           :rows="8"
           placeholder="璇疯緭鍏ュ唴瀹�"
+          v-model="chapterTwoData.question.short.qTwo"
         ></textarea>
         <div>
           <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -977,23 +1217,31 @@
           3.鏍规嵁骞撮緞鐗圭偣锛屼负鏌愪竴骞撮緞娈电殑瀛﹀墠鍎跨鍒跺畾涓�浠戒竴鏃ョ敓娲绘棩绋嬭〃銆�
         </p>
         <h6 class="Conclusion-title2">
-          <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" />
+          <img
+            class="img-gn"
+            alt=""
+            src="../../../assets/images/icon/ycs.png"
+          />
           浜戞祴璇�
         </h6>
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[541]" />
+          <examinations v-if="questionData"  :cardList="questionData[541]" :chapter="2" :page="541" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[542]" />
+          <examinations v-if="questionData"  :cardList="questionData[542]" :chapter="2" :page="542" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea 
+            cols="30" 
+            rows="6" 
+            v-model="chapterTwoData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1001,21 +1249,15 @@
 </template>
 
 <script>
-import evenHeaderVue from '../../components/pageHeader/evenHeader.vue';
-import oddHeaderVue from '../../components/pageHeader/oddHeader.vue';
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
-import {mapState} from 'vuex'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
 export default {
   name: "chapterTwo",
-  components:{evenHeaderVue,oddHeaderVue,examinations},
+  components: {  examinations },
   data() {
     return {
-      taskOne: require("../../../assets/images/chapterTwo/task-sheet1.png"),
-      taskTwo: require("../../../assets/images/chapterTwo/task-sheet2.png"),
-      taskThree: require("../../../assets/images/chapterTwo/task-sheet3.png"),
       special: require("../../../assets/images/chapterTwo/0056-1.jpg"),
       most: require("../../../assets/images/chapterTwo/0060-1.jpg"),
       resourceState: "",
@@ -1023,19 +1265,106 @@
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      saveTime:20,
+      chapterTwoData: {
+        experienceOne: "",
+        experienceTwo: "",
+        experienceThree: "",
+        introspection:'',
+        learnTableOne: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+        },
+        learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEight: "",
+          qNine: "",
+          qTen: "",
+          qEleven: "",
+        },
+        learnTableThree: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+        },
+        question: {
+          judge: {
+            qOne: "",
+            qTwo: "",
+            qThree: "",
+            qFour: "",
+          },
+          fill: {
+            qOne: {
+              one: "",
+            },
+            qTwo: {
+              oen: "",
+              two: "",
+            },
+            qThree: {
+              one: "",
+              two: "",
+              Three:"",
+              Four:""
+            },
+            qFour: {
+              one: "",
+              two: "",
+            },
+            qFive: {
+              one: "",
+              two: "",
+            },
+          },
+          short: {
+            qOne: "",
+            qTwo: "",
+          },
+        },
+      },
     };
   },
-  mounted() {
-    console.log('鏁版嵁',testData[2]);
-    this.$data.questionData = getQuestionData(testData[2])
-    this.$data.pathOne = getResourcePath('e2b2b610e8b77c82bad7cf94c7986646')
-    this.$data.pathTwo = getResourcePath('b11b51863da2a4e7e21c73358fa96c1e')
-    this.$data.pathThree = getResourcePath('67cf97bd8295dc3aeb46982c574df8d0')
+  async mounted() {
+    const localData = localStorage.getItem('chapterTwoData')
+    if(localData) {
+      this.chapterTwoData = JSON.parse(localData)
+    }
+    window.timerTwo = setInterval(() => {
+      this.saveTime--
+      if(this.saveTime == 0) {
+        this.saveChapterOneData()
+      }
+    },1000)
+    this.$data.questionData = await getQuestionData('2',testData[2]);
+    this.getVideoPath()
+  },
+  unmounted() {
+    if(window.timerTwo) {
+      clearInterval(window.timerTwo)
+    }
+    localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
   },
   methods: {
     changeResources(type) {
@@ -1049,6 +1378,16 @@
         this.$data.videoState = !this.$data.videoState;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("e2b2b610e8b77c82bad7cf94c7986646");
+      this.$data.pathTwo = getResourcePath("b11b51863da2a4e7e21c73358fa96c1e");
+      this.$data.pathThree = getResourcePath("67cf97bd8295dc3aeb46982c574df8d0");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20
+      console.log(this.chapterTwoData);
+      localStorage.setItem('chapterTwoData',JSON.stringify(this.chapterTwoData))
+    }
   },
 };
 </script>

--
Gitblit v1.9.1