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

---
 src/books/childHealth/view/content/components/chapter003.vue |  510 ++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 347 insertions(+), 163 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue
index df0328f..ebdc347 100644
--- a/src/books/childHealth/view/content/components/chapter003.vue
+++ b/src/books/childHealth/view/content/components/chapter003.vue
@@ -46,7 +46,7 @@
         涓撻瀵煎
       </h6>
       <p class="blockh6 m0-t0">
-        <el-image :src="learn" :preview-src-list="[learn]" />
+        <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
       </p>
     </div>
     <!-- 56 -->
@@ -277,15 +277,14 @@
           <p class="block">
             涓轰粈涔堝叏涓栫晫鐨勫効绔ラ兘鏄厛瀛︿細鎶ご锛岀劧鍚庡浼氱炕韬�佸潗銆佺埇銆佺珯锛屽埌1宀佸乏鍙冲浼氳蛋璺紵杩樻湁锛屼笉绠¤繖涓浗瀹剁殑璇█涓庡叾浠栫殑璇█宸紓鏈夊澶э紝涓轰粈涔堝効绔ラ兘鍦�4锝�6涓湀鐨勬椂鍊欑墮鐗欏璇紝鍦�12锝�13涓湀鐨勬椂鍊欒鍑虹涓�涓湁鎰忎箟鐨勮瘝锛屽湪绗簩骞存湯鐨勬椂鍊欏紑濮嬬粍鍚堣瘝锛熶负浠�涔堝悓鑳炲厔濡逛竴涓椿娉煎紑鏈楋紝涓�涓矇榛樺瑷�锛熷悓鏍锋槸5宀佺殑鍎跨锛屼负浠�涔堜竴涓级鐗欎繍榻匡紝涓�涓彛榻夸笉娓咃紵
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="9"
+            v-model="chapterThreeData.experienceOne"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="600"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             蹇冪悊瀛︾爺绌惰〃鏄庯紝杩欎簺鐜拌薄鏄敱鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰拰瑙勫緥閫犳垚鐨勩�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨蹇冪悊鍙戝睍鐨勭壒鐐瑰強褰卞搷鍥犵礌锛屼负骞磋交鐨勭埗姣嶅強瀛﹀墠鏁欒偛鏈烘瀯鐨勮�佸笀寮�灞曠瀛︾殑鏃╂湡鏁欒偛鎻愪緵渚濇嵁銆�
           </p>
@@ -313,7 +312,7 @@
     <!-- 57 -->
     <div class="page-box" page="57">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">57</span>
@@ -331,7 +330,7 @@
           </div>
           <div class="right" style="width: 35%">
             <p class="center">
-              <el-image :src="body" :preview-src-list="[body]" />
+              <el-image :src="body" :preview-src-list="[body]" class="open-image" />
             </p>
             <p class="img">鍥�3-1 韬綋鍔ㄤ綔鐨勫彂灞曟柟鍚�</p>
           </div>
@@ -395,7 +394,7 @@
     <!-- 59 -->
     <div class="page-box" page="59">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">59</span>
@@ -475,7 +474,7 @@
     <!-- 61 -->
     <div class="page-box" page="61">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">61</span>
@@ -573,7 +572,7 @@
     <!-- 63 -->
     <div class="page-box" page="63">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">63</span>
@@ -640,7 +639,7 @@
         </h6>
         <p class="blockh6-c">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[64]" />
+          <examinations :cardList="questionData[64]" :chapter="3" :page="64" />
         </p>
         <h2 class="module_block" id="b014">
           <div class="custom1">瀛︿範涓婚浜�</div>
@@ -719,51 +718,91 @@
           <tr>
             <td>
               <span class="ds-bl">1.鍎跨蹇冪悊鍋ュ悍鐨勬爣蹇楁槸浠�涔�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >2.涓轰綍鎶婂鍓嶅効绔ョ殑蹇冪悊闂绉颁负琛屼负闂?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.瀵艰嚧瀛﹀墠鍎跨鍑虹幇蹇冪悊琛屼负闂鐨勫師鍥犳湁鍝簺?鍘嬪姏鏄睘浜庡叾涓殑鍝釜鍘熷洜?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >4.寮曡捣瀛﹀墠鍎跨浜х敓鍘嬪姏鐨勫師鍥犳湁鍝簺?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >5.鍎跨甯歌鐨勫績鐞嗚涓洪棶棰橀�氬父鏈夊摢浜�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.瀵逛簬鍟冨挰鎸囩敳鐨勫勾骞煎瀛愶紝鎬庢牱寮曞鏁堟灉鏇村ソ?瀵逛簬鍟冨挰鎸囩敳涓ラ噸鐨勫効绔ワ紝鍙噰鐢ㄤ粈涔堢煫娌荤殑鏂规硶?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.瀵艰嚧鍎跨鍑虹幇杩囧害渚濊禆鐨勫師鍥犱富瑕佹湁鍝簺?鍏堕珮鍙戝勾鏄嚑宀�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.鈥滃鍓嶅効绔ョ殑鍋风獌鏄搧寰锋伓鍔g殑琛屼负锛屼竴瀹氳鎶婂叾娑堢伃鍦ㄨ悓鑺界姸鎬併��"杩欎釜瑙傜偣瀵瑰悧?涓轰粈涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableTwo.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
         </table>
@@ -772,12 +811,14 @@
           <p class="block">
             鍗堢潯鏃堕棿鍒颁簡锛屽皬鏈嬪弸鍦ㄥ噯澶囧鍘曘�傜敺瀛╁瓙鏈夊簭鍦扮珯鍦ㄥ皬渚挎睜鍓嶆帓璧烽槦锛屽皬寮樼珯鍦ㄥ皬浼熷悗闈紝璐村緱寰堢揣銆傚皬浼熻浆杩囧ご瀵瑰皬寮樿锛氣�滃皬寮橈紝浣犲線鍚庨潰绔欎竴鐐瑰効琛屽悧锛熲�濆皬寮樻病鐞嗗皬浼燂紝浠嶇劧璐村湪灏忎紵鐨勮韩涓娿�傚皬浼熶笂瀹屽帟鎵�鎻愯¥瀛愮殑鏃跺�欙紝鑳宠唺鑲樹笉灏忓績纰板埌浜嗗悗闈㈢殑灏忓紭銆傚皬寮樹笉鐢卞垎璇翠粠鑳屽悗绱х揣鍕掍綇灏忎紵鐨勮剸瀛愶紝灏忎紵澶у枈锛氣�滄斁寮�鎴戯紝浣犲共鍚楋紵鈥濊�佸笀绔嬪埢璧颁笂鍓嶏紝涓�杈瑰彨灏忓紭鏉惧紑鎵嬶紝涓�杈硅瀵熷皬浼熺殑鑴栧瓙銆傚垢濂芥潵寰楀強鏃讹紝瑕佷笉鍑嗗緱鍑轰簨銆傝�佸笀闂皬寮橈細鈥滀綘涓轰粈涔堣鍕掑皬浼熺殑鑴栧瓙锛熲�濆皬寮樼悊鐩存皵澹湴璇达細鈥滀粬鐢ㄨ兂鑶婃墦鎴戙�傗�濋潰瀵规鎯呮鏅紝搴旀�庝箞澶勭悊锛�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="6"
+            v-model="chapterThreeData.experienceTwo"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="400"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ヤ骇鐢熷帇鍔涚殑鍘熷洜銆佸鍓嶅効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞鐨勭浉鍏崇煡璇嗭紝浠ユ湡涓哄闀垮強骞煎効鏁欒偛鏈烘瀯鐨勮�佸笀姝g‘瀵瑰緟瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樻彁渚涘府鍔┿��
           </p>
@@ -790,7 +831,7 @@
     <!-- 65 -->
     <div class="page-box" page="65">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">65</span>
@@ -853,7 +894,7 @@
     <!-- 67 -->
     <div class="page-box" page="67">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">67</span>
@@ -918,7 +959,7 @@
     <!-- 69 -->
     <div class="page-box" page="69">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">69</span>
@@ -1004,7 +1045,7 @@
     <!-- 71 -->
     <div class="page-box" page="71">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">71</span>
@@ -1091,7 +1132,7 @@
     <!-- 73 -->
     <div class="page-box" page="73">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">73</span>
@@ -1117,7 +1158,7 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-          <examinations :cardList="questionData[73]" />
+          <examinations :cardList="questionData[73]" :chapter="3" :page="73" />
         </p>
         <h2 class="module_block" id="b015">
           <div class="custom1">瀛︿範涓婚涓�</div>
@@ -1198,75 +1239,140 @@
           <tr>
             <td>
               <span class="ds-bl">1.蹇冪悊琛屼负闂涓庡績鐞嗙柧鐥呯殑鍖哄埆鏈夊摢浜�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qOne"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">2.鍎跨鏈熷父瑙佺殑蹇冪悊鐤剧梾鏈夊摢浜�?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qTwo"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >3.鍒ゆ柇濠村効鏈夋棤鍙戣偛闅滅鐨勪緷鎹湁鍝簺?涓轰粈涔堣鎻愬�℃棭鍙戠幇銆佹棭璇婃柇銆佹棭娌荤枟?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qThree"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">4.璇婃柇涓昏瑙e喅鍝簺闂?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qFour"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >5.浠�涔堟槸瑷�璇�?浠�涔堟槸璇█?涓よ�呮槸浠�涔堝叧绯�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qFive"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >6.浠�涔堟槸瑷�璇拰璇█闅滅?浠�涔堟槸娌熼�氶殰纰�?涓よ�呭張鏄粈涔堝叧绯�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qSix"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >7.2宀佺殑瀛╁瓙杩樹笉寮�鍙h璇濓紝濂跺ザ璇�:鈥滆吹浜鸿杩熲�欙紝娌″叧绯汇�傗�濆姝わ紝浣犳�庝箞鐪�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qSeven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >8.浠�涔堟槸绮剧鍙戣偛杩熸粸?瀹冪殑鍙戠敓鐜囨槸澶氬皯?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qEnight"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10">9.浠�涔堟槸瀛ょ嫭鐥�?瀹冩湁鍝簺涓村簥琛ㄧ幇?</span>
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qNine"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >10.瀛ょ嫭鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qTen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >11.浠�涔堟槸鍎跨澶氬姩鐥�?瀹冪殑鏍稿績鐥囩姸鏈夊摢浜�?涓村簥琛ㄧ幇鏈夊摢浜�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qEleven"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >12.鍖哄埆澶氬姩鐥囦笌闈炲鍔ㄧ棁鐨勯噸瑕佹寚鏍囨槸浠�涔�?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qTwelve"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
               <span class="ds-bl mt-10"
                 >13.鍎跨澶氬姩鐥囩殑鍙戠敓鐜囨槸澶氬皯?鎬庢牱杩涜娌荤枟?</span
               >
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
-              <input type="text" class="lineInput w100" />
+              <textarea
+                cols="30"
+                rows="4"
+                v-model="chapterThreeData.learnTableThree.qThirteen"
+                placeholder="璇疯緭鍏ュ唴瀹�"
+                maxlength="300"
+                class="w100 ta-br textarea-text"
+              ></textarea>
             </td>
           </tr>
           <tr>
@@ -1302,9 +1408,14 @@
           <p class="t0">
             閲屼贡璺戜贡璺炽�傞潰瀵硅繖鏍风殑妤犳锛岃�佸笀鏉熸墜鏃犵瓥锛屽垰寮�濮嬬殑濂芥劅娓愭笎娑堝け娈嗗敖銆傚亣濡備綘鏄�佸笀锛屼綘浼氭�庝箞澶勭悊锛�
           </p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
-          <p class="block"><input type="text" class="lineInput" /></p>
+          <textarea
+            cols="30"
+            rows="3"
+            v-model="chapterThreeData.experienceThree"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="200"
+            class="w100 ta-br fm-st cl-66 fz-14"
+          ></textarea>
           <p class="block">
             鏈富棰樹富瑕佽杩板鍓嶅効绔ュ父瑙佺殑鐢遍仐浼犲洜绱犮�佽韩浣撳洜绱犲拰蹇冪悊绀句細鍥犵礌寮曡捣鐨勫績鐞嗙柧鐥呮柟闈㈢殑鐭ヨ瘑锛屽笇鏈涜兘涓哄闀垮拰闆嗕綋鏁欒偛鏈烘瀯鐨勮�佸笀鎻愪緵涓�浜涜瘖鏂拰淇濊偛鏂归潰鐨勪俊鎭紝浠ヤ究涓烘湁鐗规畩闇�瑕佺殑鍎跨鎻愪緵鏇村ソ鐨勬湇鍔°��
           </p>
@@ -1346,7 +1457,7 @@
     <!-- 75 -->
     <div class="page-box" page="75">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">75</span>
@@ -1442,7 +1553,7 @@
     <!-- 77 -->
     <div class="page-box" page="77">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">77</span>
@@ -1534,14 +1645,14 @@
         </h6>
         <p class="blockh6-c center">
           <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-          <examinations :cardList="questionData[78]" />
+          <examinations :cardList="questionData[78]" :chapter="3" :page="78" />
         </p>
       </div>
     </div>
     <!-- 79 -->
     <div class="page-box" page="79">
       <div class="page-header-box">
-        <span class="page-header-text" 
+        <span class="page-header-text"
           >涓撻涓�&nbsp;瀛﹀墠鍎跨蹇冮噷鍙戝睍鐗圭偣涓庝繚鍋�</span
         >
         <span class="page-header-num">79</span>
@@ -1560,36 +1671,42 @@
           1.鏈変汉璇粹�滃姩浣滄槸涓綋鏃╂湡鐨勫鏄炬櫤鍔涒�濓紝鍥犳锛屽姩浣滅殑鍙戝睍鐘跺喌甯歌鐢ㄤ綔璇勪环濠村効蹇冪悊鍙戝睍鐨勬寚鏍囥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qOne"
           />锛�
         </p>
         <p class="block">
           2.濠村辜鍎垮姩浣滅殑鍙戝睍閬靛惊鈥滅敱鏁翠綋鍒扮壒娈婄殑鍙戝睍鈥濆師鍒欙紝鍗冲眬閮ㄧ殑銆佸皬鑲岃倝鐨勬椿鍔ㄥ彂灞曞湪鍏堬紝鍏ㄨ韩鐨勩�佺缁熺殑鍔ㄤ綔鍙戝睍鍦ㄥ悗銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qTwo"
           />锛�
         </p>
         <p class="block">
           3.瀛﹀墠鍎跨鐨勬�濈淮绂讳笉寮�鍔ㄤ綔鍜屽疄鐗╋紝鍏舵�濈淮浠ョ洿瑙夎鍔ㄦ�濈淮涓轰富銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qThree"
           />锛�
         </p>
         <p class="block">
           4.閬椾紶鍥犵礌鏃负鍎跨蹇冪悊鍙戝睍鎻愪緵浜嗘渶鍩烘湰鐨勮嚜鐒剁墿璐ㄥ墠鎻愶紝鍙堝瀹氫簡鍎跨蹇冪悊鍙戝睍涓埆宸紓鐨勬渶鍒濆熀纭�銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qFour"
           />锛�
         </p>
         <p class="block">
           5.鏈夌殑鍎跨鏃ュ父渚嬭浣滄伅鏃堕棿涓嶉渶瑕佸浐瀹氥�傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qFive"
           />锛�
         </p>
         <p class="block">
           6.瀵逛簬瀛﹀墠鍎跨鐨勫績鐞嗚涓洪棶棰樹笉鑳藉鎭縼灏憋紝蹇呴』涓ュ姞鎯╁銆傦紙<input
             type="text"
             class="judge-input"
+            v-model="chapterThreeData.question.judge.qSix"
           />锛�
         </p>
         <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -1597,34 +1714,61 @@
           1.濡傛灉鏂扮敓鍎挎湡鏃犳儕璺冲弽灏勶紝璇存槑鍏舵湁<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qOne.one"
           />銆�
         </p>
         <p class="block">
           2.濠村辜鍎垮姩浣滅殑鍙戝睍鐢卞ご閮ㄥ厛寮�濮嬶紝鐒跺悗鍒�<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qTwo.one"
           />锛屾渶鍚庡埌杈捐剼閮ㄣ��
         </p>
         <p class="block">
-          3.鍎跨________宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙i煶銆�
+          3.鍎跨<input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qThree.one"
+          />宀佹椂鍙戦煶鏈哄埗宸插紑濮嬪畾鍨嬶紝浠ュ悗鍐嶅彂鍒殑闊筹紝灏卞鏄撴湁鍙i煶銆�
         </p>
         <p class="block">
           4.瀛﹀墠鍎跨浜х敓鍘嬪姏鐨勪富瑕佹簮澶存槸<input
             type="text"
             class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFour.one"
           />銆�
         </p>
         <p class="block">
           5.瀛﹀墠鍎跨甯歌鐨勮涓洪棶棰樻湁锛�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qFive.one"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qFive.two"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />绛夈��
+            v-model="chapterThreeData.question.fill.qFive.three"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.four"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qThree.five"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qFive.six"
+          />绛夈��
         </p>
       </div>
     </div>
@@ -1642,10 +1786,23 @@
           6.瀛﹀墠鍎跨甯歌鐨勫績鐞嗙柧鐥呮湁锛�<input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�<input
+            v-model="chapterThreeData.question.fill.qSix.one"
+          />銆�
+          <input
             type="text"
             class="lineInput completion-input"
-          />銆�<input type="text" class="lineInput completion-input" />銆�
+            v-model="chapterThreeData.question.fill.qSix.two"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.three"
+          />銆�
+          <input
+            type="text"
+            class="lineInput completion-input"
+            v-model="chapterThreeData.question.fill.qSix.four"
+          />銆�
         </p>
         <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
         <p class="block">1.閽堝瀛﹀墠鍎跨鍚稿惍鎵嬫寚鐨勮涓猴紝鎻愬嚭鍙鐨勭籂姝f帾鏂姐��</p>
@@ -1669,27 +1826,21 @@
         <p class="blockh6-c">
           瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
           <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-          <examinations :cardList="questionData[801]" />
+          <examinations :cardList="questionData[801]" :chapter="3" :page="801" />
           <span class="span-border"></span>
           <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-          <examinations :cardList="questionData[802]" />
+          <examinations :cardList="questionData[802]" :chapter="3" :page="802" />
         </p>
         <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
         <p class="blockh6 m0-t0 fl fl-di fl-cn">
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
-          <input type="text" class="lineInput lh" />
+          <textarea
+            cols="30"
+            rows="18"
+            v-model="chapterThreeData.introspection"
+            placeholder="璇疯緭鍏ュ唴瀹�"
+            maxlength="800"
+            class="w100 ta-br textarea-text"
+          ></textarea>
         </p>
       </div>
     </div>
@@ -1697,37 +1848,33 @@
 </template>
 
 <script>
-import evenHeaderVue from "../../components/pageHeader/evenHeader.vue";
-import oddHeaderVue from "../../components/pageHeader/oddHeader.vue";
 import examinations from "@/components/examinations/index.vue";
-import getQuestionData from '@/assets/methods/examination'
-import testData from '../../../assets/examinationList'
-import getResourcePath from '@/assets/methods/resources'
+import getQuestionData from "@/assets/methods/examination";
+import testData from "../../../assets/examinationList";
+import getResourcePath from "@/assets/methods/resources";
 export default {
   name: "chapterThree",
-  components: { evenHeaderVue, oddHeaderVue,examinations },
+  components: {  examinations },
   data() {
     return {
       learn: require("../../../assets/images/chapterThree/0068-1.jpg"),
-      taskOne: require("../../../assets/images/chapterThree/task-sheet1.png"),
       body: require("../../../assets/images/chapterThree/0070-1.jpg"),
-      taskTwo: require("../../../assets/images/chapterThree/task-sheet2.png"),
-      taskThree: require("../../../assets/images/chapterThree/task-sheet3.png"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
-      questionData:{},
-      pathOne:'',
-      pathTwo:'',
-      pathThree:'',
-      pathFour:'',
-      pathFive:'',
-      pathSix:'',
+      questionData: {},
+      pathOne: "",
+      pathTwo: "",
+      pathThree: "",
+      pathFour: "",
+      pathFive: "",
+      pathSix: "",
+      saveTime: 20,
       chapterThreeData: {
         experienceOne: "",
         experienceTwo: "",
         experienceThree: "",
-        introspection:'',
+        introspection: "",
         learnTableOne: {
           qOne: "",
           qTwo: "",
@@ -1738,11 +1885,21 @@
           qSeven: "",
           qEight: "",
           qNine: "",
-          qTen:"",
-          qEvelen:"",
-          
+          qTen: "",
+          qEleven: "",
+          qTwelve: "",
         },
         learnTableTwo: {
+          qOne: "",
+          qTwo: "",
+          qThree: "",
+          qFour: "",
+          qFive: "",
+          qSix: "",
+          qSeven: "",
+          qEnight: "",
+        },
+        learnTableThree: {
           qOne: "",
           qTwo: "",
           qThree: "",
@@ -1753,16 +1910,9 @@
           qEight: "",
           qNine: "",
           qTen: "",
-          qEvelen: "",
-        },
-        learnTableThree: {
-          qOne: "",
-          qTwo: "",
-          qThree: "",
-          qFour: "",
-          qFive: "",
-          qSix: "",
-          qSeven: "",
+          qEleven: "",
+          qTwelve: "",
+          qThirteen: "",
         },
         question: {
           judge: {
@@ -1770,6 +1920,8 @@
             qTwo: "",
             qThree: "",
             qFour: "",
+            qFive: "",
+            qSix: "",
           },
           fill: {
             qOne: {
@@ -1777,21 +1929,26 @@
             },
             qTwo: {
               oen: "",
-              two: "",
             },
             qThree: {
               one: "",
-              two: "",
-              Three:"",
-              Four:""
             },
             qFour: {
               one: "",
-              two: "",
             },
             qFive: {
               one: "",
               two: "",
+              three: "",
+              four: "",
+              five: "",
+              six: "",
+            },
+            qSix: {
+              one: "",
+              two: "",
+              three: "",
+              four: "",
             },
           },
           short: {
@@ -1803,14 +1960,24 @@
     };
   },
   async mounted() {
-    console.log('鏁版嵁',testData[3]);
-    this.$data.questionData = await getQuestionData('3',testData[3])
-    this.$data.pathOne = getResourcePath('ca2a1ae9429a5f7a28fe9aa1bfbf3b4a')
-    this.$data.pathTwo = getResourcePath('8fa9d6565b97c5975b1a0a7ef09d38a9')
-    this.$data.pathThree = getResourcePath('56170fb1a0ea272990fe51530086aab1')
-    this.$data.pathFour = getResourcePath('ae67fd7678656c0ce89599bd1949f993')
-    this.$data.pathFive = getResourcePath('5aa431a223cdba0d30f1175a2ec3f308')
-    this.$data.pathSix = getResourcePath('bc3af85cd899b20adf885c308c595fbb')
+    const localData = localStorage.getItem("chapterThreeData");
+    if (localData) {
+      this.chapterThreeData = JSON.parse(localData);
+    }
+    window.timerThree = setInterval(() => {
+      this.saveTime--;
+      if (this.saveTime == 0) {
+        this.saveChapterOneData();
+      }
+    }, 1000);
+    this.$data.questionData = await getQuestionData("3", testData[3]);
+    this.getVideoPath()
+  },
+  unmounted() {
+    if (window.timerThree) {
+      clearInterval(window.timerThree);
+    }
+    localStorage.setItem("chapterThreeData", JSON.stringify(this.chapterThreeData));
   },
   methods: {
     changeResources(type) {
@@ -1824,6 +1991,23 @@
         this.$data.videoState = !this.$data.videoState;
       }
     },
+    getVideoPath() {
+      this.$data.pathOne = getResourcePath("ca2a1ae9429a5f7a28fe9aa1bfbf3b4a");
+      this.$data.pathTwo = getResourcePath("8fa9d6565b97c5975b1a0a7ef09d38a9");
+      this.$data.pathThree = getResourcePath(
+        "56170fb1a0ea272990fe51530086aab1"
+      );
+      this.$data.pathFour = getResourcePath("ae67fd7678656c0ce89599bd1949f993");
+      this.$data.pathFive = getResourcePath("5aa431a223cdba0d30f1175a2ec3f308");
+      this.$data.pathSix = getResourcePath("bc3af85cd899b20adf885c308c595fbb");
+    },
+    saveChapterOneData() {
+      this.saveTime = 20;
+      localStorage.setItem(
+        "chapterThreeData",
+        JSON.stringify(this.chapterThreeData)
+      );
+    },
   },
 };
 </script>

--
Gitblit v1.9.1