From 11506e97dfbb3c49754b8570f5328a6b17d22ed0 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 07 六月 2024 18:08:48 +0800
Subject: [PATCH] 优化

---
 src/books/childHealth/view/content/components/chapter007.vue |  258 +++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 187 insertions(+), 71 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter007.vue b/src/books/childHealth/view/content/components/chapter007.vue
index de9b960..62693b8 100644
--- a/src/books/childHealth/view/content/components/chapter007.vue
+++ b/src/books/childHealth/view/content/components/chapter007.vue
@@ -45,8 +45,8 @@
             />
             涓撻瀵煎
           </h6>
-          <p class="blockh6 m0-t0">
-            <el-image :src="learn" :preview-src-list="[learn]" class="open-image" />
+          <p class="blockh6 m0-t0 openImgBox">
+            <img src="../../../assets/images/chapterSeven/0180-1.jpg" class="w100">
           </p>
         </div>
       </div>
@@ -69,13 +69,26 @@
           <div class="mb-20 fm-st fl fl-cn t2">
             <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
             <span class="t0">涓撻涓冨涔犱富棰樹竴 鐤剧梾鍩虹鑷富瀛︿範浠诲姟鍗�</span>
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableOne')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <g transform="translate(-109.056 -82.941)">
+                  <path class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)" />
+                  <path class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)" />
+                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+                </g>
+              </svg>
+            </span>
+            <!-- <img
               src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTableOne')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             align="center"
@@ -138,6 +151,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.浠�涔堟槸浼犳煋鎬х柧鐥�?浠�涔堟槸鐦熺柅??</span>
                 <textarea
@@ -147,6 +161,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.浠�涔堟槸闈炰紶鏌撴�х柧鐥�?鎸夌柧鐥呯殑鎴愬洜锛岄潪浼犳煋鎬х柧鐥呭彲鍒嗕负鍑犵被?</span
@@ -158,6 +173,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.鏃ュ父鐢熸椿涓紝濡備綍鍋氬埌鐤剧梾鏃╁彂鐜�?</span>
                 <textarea
@@ -167,6 +183,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -193,6 +210,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樺皢甯姪鎴戜滑浜嗚В鐤剧梾鐨勬蹇点�佺绫伙紝鍛婅瘔鎴戜滑鏃╂湡鍙戠幇鐤剧梾鐨勬柟娉曘��
@@ -279,7 +297,7 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-            <examinations :cardList="questionData[177]" :chapter="7" :page="169" />
+            <examinations v-if="questionData" :cardList="questionData[177]"  />
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -471,13 +489,26 @@
           <div class="mb-20 fm-st fl fl-cn t2">
             <span class="primary-color wh-no">鑷富瀛︿範浠诲姟鍗曪細</span>
             <span class="t0">涓撻涓冨涔犱富棰樹簩 閬椾紶鐥呭強鍏堕闃茶嚜涓诲涔犱换鍔″崟</span>
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableTwo')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <g transform="translate(-109.056 -82.941)">
+                  <path class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)" />
+                  <path class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)" />
+                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+                </g>
+              </svg>
+            </span>
+            <!-- <img
               src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTableTwo')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             v-if="learnTableTwo"
@@ -537,6 +568,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.杩戜翰缁撳涓庨殣鎬ч仐浼犵梾涔嬮棿鏈夊摢浜涘唴鍦ㄨ仈绯�?涓轰粈涔堣杩戜翰缁撳澶уぇ澧炲姞浜嗛殣鎬�
@@ -549,6 +581,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">3.鏃ュ父浼樼敓鎺柦鏈夊摢浜�?</span>
                 <textarea
@@ -558,6 +591,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.濡備綍杩涜浼樼敓浼樿偛鐨勫疄璺垫寚瀵�?</span>
                 <textarea
@@ -567,6 +601,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -593,6 +628,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="400"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               涓轰簡闄嶄綆閬椾紶鐥呯殑鍙戠梾鐜囷紝鎻愰珮浜哄彛璐ㄩ噺锛屼簡瑙i仐浼犵梾鍙婂叾棰勯槻鐨勭浉鍏崇煡璇嗛潪甯稿繀瑕併�傛湰涓婚灏嗕负鎴戜滑浠嬬粛鏈夊叧閬椾紶鐥呯殑鍩虹鐭ヨ瘑鍜屼紭鐢熶紭鑲茬殑鎺柦锛屼负鎻愰珮鎴戝浗鐨勪汉鍙h川閲忓瀹氬熀纭�銆�
@@ -760,7 +796,7 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-            <examinations :cardList="questionData[182]"  :chapter="7" :page="174" />
+            <examinations v-if="questionData" :cardList="questionData[182]"  />
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -799,13 +835,26 @@
             <span class="t0"
               >涓撻涓冨涔犱富棰樹笁 鏂扮敓鍎垮父瑙佺柧鐥呭強鍏堕闃茶嚜涓诲涔犱换鍔″崟</span
             >
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableThree')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <g transform="translate(-109.056 -82.941)">
+                  <path class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)" />
+                  <path class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)" />
+                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+                </g>
+              </svg>
+            </span>
+            <!-- <img
               src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTableThree')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             v-if="learnTableThree"
@@ -867,6 +916,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.鏂扮敓鍎胯剱鐐庣殑鍙戠梾鍘熷洜鍜屼富瑕佽〃鐜版湁鍝簺?濡備綍闃叉不?</span
@@ -878,6 +928,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.鏂扮敓鍎胯偤鐐庣殑鍙戠梾鍘熷洜鍜屼富瑕佽〃鐜版湁鍝簺?濡備綍棰勯槻?</span
@@ -889,6 +940,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.楣呭彛鐤殑鍙戠梾鍘熷洜鍜屼富瑕佽〃鐜版湁鍝簺?濡備綍闃叉不?</span
@@ -900,6 +952,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.鏂扮敓鍎跨牬浼ら鐨勫彂鐥呭師鍥犲拰涓昏琛ㄧ幇鏈夊摢浜�?濡備綍棰勯槻?</span
@@ -911,6 +964,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -952,6 +1006,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="600"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏂扮敓鍎块櫎浜嗗摥锛屾病鏈夊叾浠栬〃杈炬柟寮忋�備簡瑙f柊鐢熷効甯歌鐨勭柧鐥呭拰鐥囩姸锛屽彲浠ユ棭鏈熻瘑鍒柧鐥呫�佹不鐤楃柧鐥咃紝鏈�澶ч檺搴﹀湴灏嗙柧鐥呭鏂扮敓鍎块�犳垚鐨勫嵄瀹抽檷鑷虫渶浣庯紝鏈富棰樺皢涓哄ぇ瀹跺叏闈㈡彁渚涙柊鐢熷効甯歌鐤剧梾鐨勭棁鐘跺拰闃叉不鐭ヨ瘑锛屼究浜庡鏂扮敓鍎跨柧鐥呭仛鍒版棭鍙戠幇銆佹棭璇婃柇銆佹棭娌荤枟銆�
@@ -1070,7 +1125,7 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚涓�</span>
-            <examinations :cardList="questionData[185]" :chapter="7" :page="177" />
+            <examinations v-if="questionData" :cardList="questionData[185]" />
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -1116,13 +1171,26 @@
             <span class="t0"
               >涓撻涓冨涔犱富棰樺洓 濠村辜鍎垮父瑙佺梾鍙婂叾棰勯槻鑷富瀛︿範浠诲姟鍗�</span
             >
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableFour')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <g transform="translate(-109.056 -82.941)">
+                  <path class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)" />
+                  <path class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)" />
+                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+                </g>
+              </svg>
+            </span>
+            <!-- <img
               src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTableFour')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             v-if="learnTableFour"
@@ -1185,6 +1253,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.浠�涔堟槸浣濆伝鐥�?鍙戠梾鍘熷洜鏈夊摢浜�?濡備綍闃叉不?</span
@@ -1196,6 +1265,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.缂洪搧鎬ц传琛�鐨勫彂鐥呭師鍥犳湁鍝簺?濡備綍闃叉不?</span
@@ -1207,6 +1277,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.涓婂懠鍚搁亾鎰熸煋鐨勫彂鐥呭師鍥犳湁鍝簺?濡備綍棰勯槻?</span
@@ -1218,6 +1289,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.濡備綍杈ㄥ埆鑵规郴鐨勮交閲嶇▼搴�?</span>
                 <textarea
@@ -1227,6 +1299,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">6.榫嬮娇褰㈡垚鐨勫師鍥犳湁鍝簺?濡備綍闃叉不?</span>
                 <textarea
@@ -1236,6 +1309,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.鎬ユ�у寲鑴撴�т腑鑰崇値鐨勪富瑕佽〃鐜版槸浠�涔�?濡備綍棰勯槻?</span
@@ -1247,6 +1321,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.寮辫褰㈡垚鐨勫師鍥犳湁鍝簺?濡備綍鏃╂湡鍙戠幇鍜岄闃�?</span
@@ -1258,6 +1333,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">9.鐥卞瓙鐨勫彂鐥呭師鍥犳湁鍝簺?濡備綍闃叉不?</span>
                 <textarea
@@ -1267,6 +1343,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1317,6 +1394,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               浜嗚В濠村辜鍎垮父瑙佺柧鐥呯殑鐥囩姸鍜岄闃茬煡璇嗭紝鍙棭鏈熸湁鏁堝湴璇婃柇鍜屾不鐤楃柧鐥咃紝灏嗙柧鐥呭濠村辜鍎跨殑鍗卞闄嶈嚦鏈�浣庛�傚洜姝わ紝浜嗚В濠村辜鍎垮父瑙佺柧鐥呯殑鍙戠梾鍘熷洜銆佷富瑕佽〃鐜颁互鍙婇闃插拰鎶ょ悊鐨勭浉鍏崇煡璇嗭紝鏄瘡浣嶅辜鍎挎暀甯堢殑蹇呭绱犺川銆傛湰涓婚涓昏璁茶堪濠村辜鍎垮悇绉嶅父瑙佺梾鐨勭梾鍥犮�佺棁鐘跺拰棰勯槻鎶ょ悊鐭ヨ瘑锛屼负鍚屽浠粖鍚庡湪骞煎効鍥啛缁冨紑灞曞伐浣滃瀹氱悊璁哄熀纭�銆�
@@ -1986,7 +2064,7 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚鍥�</span>
-            <examinations :cardList="questionData[196]" :chapter="7" :page="188" />
+            <examinations v-if="questionData" :cardList="questionData[196]" />
           </p>
           <h2 class="module_block" id="b031">
             <div class="custom1">瀛︿範涓婚浜�</div>
@@ -1997,13 +2075,26 @@
             <span class="t0"
               >涓撻涓冨涔犱富棰樹簲 瀛﹀墠鍎跨甯歌浼犳煋鐥呭強鍏堕闃茶嚜涓诲涔犱换鍔″崟</span
             >
-            <img
+            <span class="t0 svg-btn" @click="changeResources('learnTableFive')">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 19.28 20.563">
+                <g transform="translate(-109.056 -82.941)">
+                  <path class="a"
+                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+                    transform="translate(-3316.14 15289.201)" />
+                  <path class="a"
+                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+                    transform="translate(-196.896 -148.921)" />
+                  <path class="a" d="M763.392,793.79l3.262-3.262h-3.262Z" transform="translate(-638.661 -690.634)" />
+                </g>
+              </svg>
+            </span>
+            <!-- <img
               src="../../../assets/images/icon/document.png"
               alt=""
               @click="changeResources('learnTableFive')"
               style="margin-left: 10px"
               class="btn"
-            />
+            /> -->
           </div>
           <table
             v-if="learnTableFive"
@@ -2070,6 +2161,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.浼犳煋鐥呮湁鍝簺鐗规��?</span>
                 <textarea
@@ -2079,6 +2171,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.浼犳煋鐥呭彂鐢熷拰娴佽鐨勪笁涓幆鑺傛槸浠�涔�?涓句緥璇存槑銆�</span
@@ -2090,6 +2183,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.骞煎効鍥浣曟湁鏁堥闃蹭紶鏌撶梾?</span>
                 <textarea
@@ -2099,6 +2193,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.楹荤柟鐨勬祦琛岀壒鐐瑰強涓昏琛ㄧ幇鏄粈涔�?濡備綍闃叉姢?</span
@@ -2110,6 +2205,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.娴佽鎬ф劅鍐掔殑鐥呭師瀛︾壒鐐瑰強涓昏琛ㄧ幇鏄粈涔�?濡備綍棰勯槻?</span
@@ -2121,6 +2217,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.娴佽鎬ц叜鑵虹被鐨勬祦琛岀壒鐐瑰強涓昏琛ㄧ幇鏄粈涔�?濡備綍闃叉姢?</span
@@ -2132,6 +2229,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.鐚╃孩鐑殑鐥呭師浣撴槸浠�涔�?濡備綍涓庨夯杩涜閴村埆?</span
@@ -2143,6 +2241,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.灏忓効缁撴牳鐥呯殑娴佽鐗圭偣鍙婁富瑕佽〃鐜版槸浠�涔�?濡備綍闃叉姢?</span
@@ -2154,6 +2253,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >10.鏂板瀷鍐犵姸鐥呮瘨鑲虹被鐨勪富瑕佷紶鎾�斿緞鏄粈涔�?濡備綍闃叉姢?</span
@@ -2165,6 +2265,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >11.鐥呮瘨鎬ц倽鐐庡彲鍒嗕负鍝嚑鍨�?涓昏琛ㄧ幇鏄粈涔�?濡備綍棰勯槻?</span
@@ -2176,6 +2277,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -2202,6 +2304,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鍦ㄨ嚜鐒剁幆澧冧腑鏈夎璁稿澶氱殑寰敓鐗╁拰瀵勭敓铏紝杩欎簺鑳戒镜鍏ユ満浣撳紩璧风柧鐥呯殑寰敓鐗╁拰瀵勭敓铏氨鍙梾鍘熶綋銆傝�屼紶鏌撶梾灏辨槸鐢辩梾鍘熶綋鎰熸煋寮曡捣鐨勶紝鑳藉湪浜轰笌浜恒�佷汉涓庡姩鐗╂垨鑰呭姩鐗╀笌鍔ㄧ墿涔嬮棿鐩镐簰浼犳煋鐨勭柧鐥呫�傜敱浜庡鍓嶅効绔ュ厤鐤郴缁熷彂鑲插皻涓嶅畬鍠勶紝鍏嶇柅鍔熻兘宸紝鏄撳彈鐥呭師浣撴劅鏌撹�屽彂鐢熶紶鏌撶梾銆傚姞涔嬪鍓嶅効绔ュ湪鎵樺辜鏈烘瀯闆嗕綋鐢熸椿锛屾湞澶曠浉澶勶紝鎺ヨЕ棰戠箒锛屾晠浼犳煋鐥呭彂鐢熷悗鏋佹槗娴佽銆傛墍浠ワ紝浼犳煋鐥呯殑棰勯槻鍜岀鐞嗘槸鎵樺辜鏈烘瀯鐨勪竴椤归噸瑕佸伐浣溿�傛湰涓婚涓昏浠嬬粛浼犳煋鐥呯殑鐞嗚鍩虹鍜岄闃插熀纭�鐭ヨ瘑锛屼粙缁嶅鍓嶅効绔ュ父瑙佺殑浼犳煋鐥呭拰瀵勭敓铏梾鐨勬祦琛岀壒鐐广�佺棁鐘躲�侀闃插拰鎶ょ悊鐭ヨ瘑锛屼互甯姪骞煎効鏁欏笀鍦ㄥ辜鍎垮洯涓厤鍚堝搴紝椤哄埄寮�灞曚紶鏌撶梾鐨勫悇椤归闃蹭繚鍋ュ伐浣溿��
@@ -2392,8 +2495,8 @@
             <p class="img">
               甯歌鎬ユ�т紶鏌撶梾鐨勬綔浼忔湡銆佹偅鑰呴殧绂绘湡鍜屾帴瑙﹁�呮鐤湡闄愯〃
             </p>
-            <p class="center">
-              <el-image :src="tableTwo" :preview-src-list="[tableTwo]" class="open-image" />
+            <p class="center openImgBox">
+              <img src="../../../assets/images/chapterSeven/0204-1.jpg" class="w100">
             </p>
           </div>
         </div>
@@ -2412,8 +2515,8 @@
         <div class="padding-96">
           <div class="fieldset">
             <p class="img">缁〃</p>
-            <p class="center">
-              <el-image :src="tableThree" :preview-src-list="[tableThree]" class="open-image" />
+            <p class="center openImgBox">
+              <img src="../../../assets/images/chapterSeven/0205-1.jpg" class="w100">
             </p>
           </div>
           <h5 id="e200">2.鍒囨柇浼犳挱閫斿緞</h5>
@@ -3174,8 +3277,8 @@
           </div>
           <div class="fl fl-around">
             <div class="left" style="width: 48%">
-              <p class="center" style="margin-top: 50px">
-                <el-image :src="insect" :preview-src-list="[insect]"  class="open-image"/>
+              <p class="center openImgBox" style="margin-top: 50px">
+                <img src="../../../assets/images/chapterSeven/0219-2.jpg" style="width:95%">
               </p>
               <p class="img">鍥�7-1 铔茶櫕鐢熸椿鍙�</p>
             </div>
@@ -3237,7 +3340,7 @@
           </h6>
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻涓� 瀛︿範涓婚浜�</span>
-            <examinations :cardList="questionData[215]" :chapter="7" :page="207" />
+            <examinations v-if="questionData" :cardList="questionData[215]" />
           </p>
           <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p>
           <div class="fieldset">
@@ -3282,16 +3385,18 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qOne"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
-            2.鎵�鏈夌殑浼犳煋鐥呴兘鏄槦鐤�傦紙<input type="text" class="judge-input" v-model="chapterSevenData.question.judge.qTwo" />锛�
+            2.鎵�鏈夌殑浼犳煋鐥呴兘鏄槦鐤�傦紙<input type="text" class="judge-input" v-model="chapterSevenData.question.judge.qTwo" @input="saveChapterOneData" />锛�
           </p>
           <p class="block">
             3.澶氬熀鍥犻仐浼犵梾鐨勫彂鐢熶笌鐜鍥犵礌鏈夊叧锛屼笌杩戜翰濠氶厤鏃犲叧銆傦紙<input
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qThree"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3299,6 +3404,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qFour"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3306,6 +3412,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qFive"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3313,6 +3420,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qSix"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3320,6 +3428,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qSeven"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3327,6 +3436,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qEnight"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3334,6 +3444,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qEnight"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3341,6 +3452,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qTen"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3348,6 +3460,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qEleven"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3355,6 +3468,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qTwelve"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -3362,6 +3476,7 @@
               type="text"
               class="judge-input"
               v-model="chapterSevenData.question.judge.qThirteen"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -3370,18 +3485,22 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qOne.one"
+              @input="saveChapterOneData"
             />銆佹湁<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qOne.two"
+              @input="saveChapterOneData"
             />銆佹湁<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qOne.three"
+              @input="saveChapterOneData"
             />锛岀梾绋嬪彂灞曞叿鏈変竴瀹氱殑<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qOne.four"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
@@ -3389,10 +3508,12 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qTwo.one"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qTwo.two" />銆�<input
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qTwo.two" @input="saveChapterOneData" />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qTwo.three"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
@@ -3400,26 +3521,31 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qThree.one"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.two" />銆�<input
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.two" @input="saveChapterOneData" />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qThree.three"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.four" />銆�<input
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.four" @input="saveChapterOneData" />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qThree.five"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.six" />绛夈��
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qThree.six" @input="saveChapterOneData" />绛夈��
           </p>
           <p class="block">
             4.灏忓効缁撴牳鐥呯殑鐢ㄨ嵂搴旇<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qFour.one"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.two" />銆�<input
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.two" @input="saveChapterOneData" />銆�<input
               type="text"
               class="lineInput completion-input"
               v-model="chapterSevenData.question.fill.qFour.three"
-            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.four" />銆�
+              @input="saveChapterOneData"
+            />銆�<input type="text" class="lineInput completion-input" v-model="chapterSevenData.question.fill.qFour.four" @input="saveChapterOneData" />銆�
           </p>
           <p class="block"><b>涓夈�佹�濊��</b></p>
           <p class="block">1.杩戜翰缁撳鍜岄仐浼犵梾鏈変粈涔堝叧绯伙紵</p>
@@ -3428,6 +3554,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qOne"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">2.鍙戠儹甯歌鐨勫師鍥犳湁鍝簺锛�</p>
   
@@ -3436,6 +3563,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qTwo"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">
             3.鍎跨鑲ヨ儢鏈変粈涔堝嵄瀹筹紵瀵硅偉鑳栧効搴旈噰鍙栦綍绉嶉闃插拰娌荤枟鎺柦锛�
@@ -3446,6 +3574,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qThree"
+            @input="saveChapterOneData"
           ></textarea>
         </div>
       </div>
@@ -3466,6 +3595,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qFour"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">
             5.寮辫浜х敓鐨勫師鍥犳湁鍝簺锛熸湁浠�涔堝嵄瀹筹紵骞煎効鍥浣曢闃插辜鍎垮急瑙嗭紵
@@ -3476,6 +3606,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qFive"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">6.寮曡捣濠村辜鍎垮ぇ灏忎究寮傚父鐨勭柧鐥呮湁鍝簺锛�</p>
   
@@ -3484,6 +3615,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qSix"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">7.铔茶櫕鐥呮湁浠�涔堝嵄瀹筹紵濡備綍娌荤枟鍜岄闃诧紵</p>
   
@@ -3492,6 +3624,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterSevenData.question.short.qSeven"
+            @input="saveChapterOneData"
           ></textarea>
           <div>
             <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -3516,10 +3649,10 @@
           <p class="blockh6-c">
             瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
-            <examinations :cardList="questionData[217][1]" :chapter="7" :page="2091" />
+            <examinations v-if="questionData" :cardList="questionData[217] ? questionData[217][1] : []" />
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
-            <examinations :cardList="questionData[217][2]" :chapter="7" :page="2092" />
+            <examinations v-if="questionData" :cardList="questionData[217] ? questionData[217][2] : []" />
           </p>
           <h6 class="Conclusion-title4">鈥㈠涔犲弽鎬濃��</h6>
           <p class="blockh6 m0-t0 fl fl-di fl-cn">
@@ -3530,6 +3663,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="600"
               class="w100 ta-br textarea-text"
+              @input="saveChapterOneData"
             ></textarea>
           </p>
         </div>
@@ -3540,7 +3674,7 @@
 
 <script>
 import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
 export default {
   name: "chapterSeven",
   components: {  examinations },
@@ -3551,19 +3685,13 @@
     showPageList: {
       type: Array,
     },
+    isSearch: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
-      learn: require("../../../assets/images/chapterSeven/0180-1.jpg"),
-      taskOne: require("../../../assets/images/chapterSeven/task-sheet1.png"),
-      taskTwo: require("../../../assets/images/chapterSeven/task-sheet2.png"),
-      tableOne: require("../../../assets/images/chapterSix/0150-1.jpg"),
-      taskThree: require("../../../assets/images/chapterSeven/task-sheet3.png"),
-      taskFour: require("../../../assets/images/chapterSeven/task-sheet4.png"),
-      taskFive: require("../../../assets/images/chapterSeven/task-sheet5.png"),
-      tableTwo: require("../../../assets/images/chapterSeven/0204-1.jpg"),
-      tableThree: require("../../../assets/images/chapterSeven/0205-1.jpg"),
-      insect: require("../../../assets/images/chapterSeven/0219-2.jpg"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
@@ -3582,7 +3710,6 @@
       pathEleven: "",
       pathTwelve: "",
       pathThirteen: "",
-      saveTime:20,
       chapterSevenData: {
         experienceOne: "",
         experienceTwo: "",
@@ -3690,23 +3817,13 @@
     };
   },
   async mounted() {
-    const localData = localStorage.getItem("chapterSevenData");
+    if(!this.isSearch) {
+      const localData = localStorage.getItem("chapterSevenData");
     if (localData) {
       this.chapterSevenData = JSON.parse(localData);
     }
-    window.timerSeven = setInterval(() => {
-      this.saveTime--;
-      if (this.saveTime == 0) {
-        this.saveChapterOneData();
-      }
-    }, 1000);
     this.getVideoPath()
-  },
-  unmounted() {
-    if (window.timerSeven) {
-      clearInterval(window.timerSeven);
     }
-    localStorage.setItem("chapterSevenData", JSON.stringify(this.chapterSevenData));
   },
   methods: {
     changeResources(type) {
@@ -3722,23 +3839,22 @@
         this.$data.learnTableFive = !this.$data.learnTableFive;
       }
     },
-    getVideoPath() {
-      this.$data.pathOne = getResourcePath("0853ca76cbf745ea4023d2949a4d41d4");
-    this.$data.pathTwo = getResourcePath("95114c3e801192fb91b43e365b5aff83");
-    this.$data.pathThree = getResourcePath("79aa2ccd431dcc000dbe2962ded4397c");
-    this.$data.pathFour = getResourcePath("94654e3d22604a815f9f4558616d8f39");
-    this.$data.pathFive = getResourcePath("2373520e42d1be7bb70fbd5729d2f860");
-    this.$data.pathSix = getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3");
-    this.$data.pathSeven = getResourcePath("99a137c537d757a6ee39e6888218ca7c");
-    this.$data.pathEight = getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef");
-    this.$data.pathNine = getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9");
-    this.$data.pathTen = getResourcePath("04cc85ac870bb810166d4b90dd5594a5");
-    this.$data.pathEleven = getResourcePath("17afacd49d1ed78eb6e3c46962a96e43");
-    this.$data.pathTwelve = getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532");
-    this.$data.pathThirteen = getResourcePath("869bdc70fb1e80757e3f75c6aa605647");
+    async getVideoPath() {
+      this.$data.pathOne = await getResourcePath("0853ca76cbf745ea4023d2949a4d41d4");
+      this.$data.pathTwo = await getResourcePath("95114c3e801192fb91b43e365b5aff83");
+      this.$data.pathThree = await getResourcePath("79aa2ccd431dcc000dbe2962ded4397c");
+      this.$data.pathFour = await getResourcePath("94654e3d22604a815f9f4558616d8f39");
+      this.$data.pathFive = await getResourcePath("2373520e42d1be7bb70fbd5729d2f860");
+      this.$data.pathSix = await getResourcePath("bf7cabfb18771490b5cbb2eebdf424a3");
+      this.$data.pathSeven = await getResourcePath("99a137c537d757a6ee39e6888218ca7c");
+      this.$data.pathEight = await getResourcePath("9a1e8e3374e3bdf82a5066ead76398ef");
+      this.$data.pathNine = await getResourcePath("7ae6133d91e84c4ea5c96d5d4ac62fb9");
+      this.$data.pathTen = await getResourcePath("04cc85ac870bb810166d4b90dd5594a5");
+      this.$data.pathEleven = await getResourcePath("17afacd49d1ed78eb6e3c46962a96e43");
+      this.$data.pathTwelve = await getResourcePath("6d4d4de4d5441d37c0b1190ae68a9532");
+      this.$data.pathThirteen = await getResourcePath("869bdc70fb1e80757e3f75c6aa605647");
     },
     saveChapterOneData() {
-      this.saveTime = 20;
       localStorage.setItem(
         "chapterSevenData",
         JSON.stringify(this.chapterSevenData)

--
Gitblit v1.9.1