From 21dae909b36aab7d9fe48ea904eb1b7d9f44a292 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 27 六月 2024 15:06:43 +0800
Subject: [PATCH] 优化关闭其他视频方法(学前儿童书)

---
 src/books/childHealth/view/content/components/chapter005.vue |  307 ++++++++++++++++++++++++++++++--------------------
 1 files changed, 183 insertions(+), 124 deletions(-)

diff --git a/src/books/childHealth/view/content/components/chapter005.vue b/src/books/childHealth/view/content/components/chapter005.vue
index ac40133..a494a23 100644
--- a/src/books/childHealth/view/content/components/chapter005.vue
+++ b/src/books/childHealth/view/content/components/chapter005.vue
@@ -48,12 +48,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/chapterFive/0112-1.jpg"  class="w100 mt-20" >
           </p>
         </div>
       </div>
@@ -85,13 +81,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
             v-if="learnTableOne"
@@ -151,6 +160,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.钀ュ吇瀛︾殑鍩烘湰姒傚康鍖呮嫭鍝笁瀵瑰叚涓蹇�?鍏跺惈涔夋槸浠�涔�?</span
@@ -162,6 +172,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.鑳介噺瀵瑰効绔ョ殑浣滅敤鏈夊摢浜�?鑳介噺鐨勬蹇靛拰鍗曚綅鍒嗗埆鏄粈涔�?</span
@@ -173,6 +184,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >4.瀛﹀墠鍎跨瀵硅兘閲忕殑闇�姹傚寘鎷摢浜涙柟闈�?</span
@@ -184,6 +196,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >5.浜ц兘钀ュ吇绱犲拰闈炰骇鑳借惀鍏荤礌鍒嗗埆鏄摢浜�?</span
@@ -195,6 +208,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.涓夌被浜ц兘钀ュ吇绱犳槸浠�涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?渚涚粰閲忓悇鏄灏�?</span
@@ -206,6 +220,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.鍎跨瀹规槗缂轰箯鐨勫洓绫绘棤鏈虹洂鍒嗗埆鏄粈涔�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?
@@ -218,6 +233,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.缁寸敓绱犲垎涓哄摢涓ゅぇ绫�?瀹冧滑鐨勭敓鐞嗗姛鑳藉悇鏄粈涔�?鎬庝箞鑾峰緱?缂轰箯鐨勮瘽浼氫骇鐢熶粈涔堢棁鐘�?</span
@@ -229,6 +245,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.姘寸殑鐢熺悊鍔熻兘鏄粈涔�?瀛﹀墠鍎跨姣忔棩鐨勯渶瑕侀噺鏄灏�?</span
@@ -240,6 +257,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >10.浠�涔堟槸銆婁腑鍥藉眳姘戝钩琛¤喅椋熷疂濉斻��?瀹冪殑鏋勬垚鏄�庢牱鐨�?</span
@@ -251,6 +269,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -277,6 +296,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="400"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樹富瑕佽杩拌惀鍏诲鍩烘湰姒傚康銆佽兘閲忋�佸叚澶ц惀鍏荤礌绛夋柟闈㈢殑鍩虹鐭ヨ瘑锛屼互甯姪瀹堕暱涓庡辜鏁欏伐浣滆�呭仛濂藉鍓嶅効绔ョ殑钀ュ吇鍗敓涓庝繚鍋ュ伐浣溿��
@@ -422,7 +442,8 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="w100 video-border"
+                controlslist="nodownload"
+                class="w100 video-border video"
               ></video>
               <p class="img">瑙嗛锛氳惀鍏荤礌</p>
             </div>
@@ -483,12 +504,8 @@
             琛¢噺椋熺墿铔嬬櫧璐ㄥ埄鐢ㄧ巼鐨勫父鐢ㄦ寚鏍囨槸铔嬬櫧璐ㄧ敓鐗╁浠峰�硷紝绠�绉扳�滅敓鐗╀环鈥濄�傜敓鐗╀环鏄弽鏄犻鐗╄泲鐧借川娑堝寲鍚告敹鍚庯紝琚満浣撳埄鐢ㄧ▼搴︾殑鎸囨爣銆傜敓鐗╀环瓒婇珮锛岃〃鏄庨鐗╄泲鐧借川琚満浣撶殑鍒╃敤绋嬪害灏辫秺楂樸�傚畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冮珮锛屽崐瀹屽叏铔嬬櫧璐ㄥ拰涓嶅畬鍏ㄨ泲鐧借川鐨勭敓鐗╀环杈冧綆锛堣琛�5-1锛夈��
           </p>
           <p class="img">琛�5-1 甯歌椋熺墿鐨勮泲鐧借川鐢熺墿浠�</p>
-          <p class="center">
-            <el-image
-              :src="tableOne"
-              :preview-src-list="[tableOne]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0117-1.jpg" class="w100">
           </p>
         </div>
       </div>
@@ -502,12 +519,8 @@
         </div>
         <div class="padding-96">
           <p class="img tl-ri mr-20">缁〃</p>
-          <p class="center">
-            <el-image
-              :src="tableTwo"
-              :preview-src-list="[tableTwo]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0118-1.jpg" class="w100">
           </p>
           <p>璁$畻鍏紡濡備笅銆�</p>
           <p class="center">铔嬬櫧璐ㄧ敓鐗╀环=姘偍瀛橀噺/姘憚鍏ラ噺脳100銆�</p>
@@ -524,12 +537,8 @@
           </p>
           <p>鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠疯琛�5-2銆�</p>
           <p class="img">琛�5-2 鍑犵椋熺墿娣峰悎椋熺敤鐨勮泲鐧借川鐢熺墿浠�</p>
-          <p class="center">
-            <el-image
-              :src="tableThree"
-              :preview-src-list="[tableThree]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0118-2.jpg" class="w100">
           </p>
         </div>
       </div>
@@ -562,12 +571,8 @@
           <p class="img">
             琛�5-3 涓浗钀ュ吇瀛︿細鎺ㄨ崘鐨勫┐骞煎効姣忔棩鑶抽涓泲鐧借川鐨勪緵搴旈噺
           </p>
-          <p class="center">
-            <el-image
-              :src="tableFour"
-              :preview-src-list="[tableFour]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0119-1.jpg" class="w100">
           </p>
           <h4 id="d130">锛堜簩锛夎剛绫�</h4>
           <p>
@@ -696,7 +701,7 @@
             <p class="center">
               <b
                 >涓浗灞呮皯鑶抽鎸囧崡<a id="w1"></a
-                ><a href="chapter005.html#m1"><sup>[1]</sup></a></b
+                ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelOne')" class="cu-pr"><sup>[1]</sup></a></b
               >
             </p>
             <p class="block">
@@ -725,8 +730,8 @@
             <p class="block">路鍑忓皯涔呭潗鏃堕棿锛屾瘡灏忔椂璧锋潵鍔ㄤ竴鍔ㄣ��</p>
           </div>
           <div class="annotation-border"></div>
-          <p class="note t0 word-break-all">
-            <a id="m1"></a><a href="chapter005.html#w1">[1]</a>
+          <p class="note t0 word-break-all" id="childFive-labelOne">
+            <a id="m1"></a><a href="javascript: void(0)">[1]</a>
             鎽樿嚜銆娿�堜腑鍥藉眳姘戣喅椋熸寚鍗楋紙2022锛夈�夊钩琛¤喅椋熷叓鍑嗗垯銆嬶紝http锛�//dg.cnsoc.org/article/04/J4-AsD_DR3OLQMnHG0-jZA.html锛�2022-12-28銆�
           </p>
         </div>
@@ -829,15 +834,10 @@
             </p>
             <p class="block">
               绗簲锛岀粡甯告埛澶栨椿鍔紱瀹氭湡浣撴牸娴嬮噺锛屼繚闅滃仴搴锋垚闀裤��<a id="w2"></a
-              ><a href="chapter005.html#m2"><sup>[2]</sup></a>
+              ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelTwo')" class="cu-pr"><sup>[2]</sup></a>
             </p>
-            <p class="center">
-              <el-image
-                :src="tower"
-                :preview-src-list="[tower]"
-                style="width: 80%"
-                class="open-image"
-              />
+            <p class="center openImgBox">
+              <img src="../../../assets/images/chapterFive/0124-1.jpg" class="w100">
             </p>
           </div>
           <h3 id="c046">涓夈�侀潪浜ц兘钀ュ吇绱狅紴锛烇紴锛烇紴锛�</h3>
@@ -860,8 +860,8 @@
             閽欐槸浜轰綋鍚噺鏈�澶氱殑鏃犳満鐩愶紝浠呮浜庣⒊銆佹阿銆佹哀銆佹爱锛屽眳浜庝綋鍐呭厓绱犵殑绗�5浣嶃��
           </p>
           <div class="annotation-border"></div>
-          <p class="note word-break-all">
-            <a id="m2"></a><a href="chapter005.html#w2">[2]</a>
+          <p class="note word-break-all" id="childFive-labelTwo">
+            <a id="m2"></a><a href="javascript: void(0)">[2]</a>
             鎽樿嚜銆婁腑鍥藉┐骞煎効鍠傚吇鎸囧崡锛�2022锛夈�嬶紝http锛�//dg.cnsoc.org/article/04/gc5cUak3RhSGheqSaRljnA.html锛�
             2022-12-28銆�
           </p>
@@ -1226,9 +1226,8 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[127]"
-              :chapter="5"
-              :page="119"
             />
           </p>
           <h2 class="module_block" id="b019">
@@ -1238,13 +1237,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"
@@ -1303,6 +1315,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2..浠�涔堟槸姣嶄钩鍠傚吇?</span>
                 <textarea
@@ -1312,6 +1325,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">3.姣嶄钩鍠傚吇鐨勬柟娉曟槸浠�涔�?</span>
                 <textarea
@@ -1321,6 +1335,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.姣嶄钩鍠傚吇鐨勪紭鐐规湁鍝簺?</span>
                 <textarea
@@ -1330,6 +1345,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.浜哄伐鍠傚吇鍜屾贩鍚堝杺鍏诲悇鎸囩殑鏄粈涔�?</span>
                 <textarea
@@ -1339,6 +1355,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.濡備綍灏嗙墰涔抽厤缃负濠村効鍙互椋熺敤鐨勪钩绫�?</span
@@ -1350,6 +1367,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.浜哄伐鍠傚吇銆佹贩鍚堝杺鍏讳笌姣嶄钩鍠傚吇鐨勫紓鍚屾槸浠�涔�?瀵瑰┐鍎挎湁浠�涔堜笉鍚岀殑褰卞搷?</span
@@ -1361,15 +1379,17 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">8.涔冲効杈呭姪椋熷搧娣诲姞搴旈伒寰摢浜涘師鍒�?</span>
                 <textarea
                   cols="30"
                   rows="4"
-                  v-model="chapterFiveData.learnTableTwo.qEnight"
+                  v-model="chapterFiveData.learnTableTwo.qEight"
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >9.鏂ザ瀹滈�夋嫨鍦ㄤ粈涔堟椂闂�?搴旀敞鎰忓摢浜涢棶棰�?</span
@@ -1381,6 +1401,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1407,6 +1428,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樹富瑕佽杩版瘝涔冲杺鍏汇�佷汉宸ュ杺鍏诲拰娣峰悎鍠傚吇浠ュ強杈呴娣诲姞绛夋柟闈㈢殑鍩虹鐭ヨ瘑銆�
@@ -1544,12 +1566,8 @@
           <p>涔崇硸涓嶈�愬彈鐨勫┐鍎垮彲閲囩敤鐗规畩閰嶆柟濂躲��</p>
           <p>浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈冭琛�5-4銆�</p>
           <p class="img">琛�5-4 浜轰钩涓庡悇绉嶅姩鐗╀钩鎴愬垎鐨勬瘮杈�</p>
-          <p class="center">
-            <el-image
-              :src="tableFive"
-              :preview-src-list="[tableFive]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0135-1.jpg" class="w100">
           </p>
           <h3 id="c049">涓夈�佽緟椋熺殑娣诲姞锛烇紴锛烇紴锛烇紴</h3>
           <p>
@@ -1579,7 +1597,8 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                class="w100 video-border"
+                controlslist="nodownload"
+                class="w100 video-border video"
               ></video>
               <p class="img">瑙嗛锛氫钩鍎胯緟鍔╅鍝佺殑娣诲姞</p>
             </div>
@@ -1613,12 +1632,8 @@
           </p>
           <p>娣诲姞杈呴鐨勯『搴忚琛�5-5銆�</p>
           <p class="img">琛�5-5 娣诲姞杈呴鐨勯『搴�</p>
-          <p class="center">
-            <el-image
-              :src="tableSix"
-              :preview-src-list="[tableSix]"
-              class="open-image"
-            />
+          <p class="center openImgBox">
+            <img src="../../../assets/images/chapterFive/0136-1.jpg" class="w100">
           </p>
           <p>
             鍦ㄦ坊鍔犺緟椋熺殑杩囩▼涓簲娉ㄦ剰锛屽鏋滃┐鍎跨殑椋熸鎴栧ぇ渚挎湁寮傚父鎯呭喌鏃讹紝搴斿強鏃堕厡鎯呰皟鏁淬��
@@ -1667,9 +1682,8 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚浜�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[132]"
-              :chapter="5"
-              :page="124"
             />
           </p>
           <h2 class="module_block" id="b020">
@@ -1679,13 +1693,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('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"
@@ -1744,6 +1771,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >2.涓哄鍓嶅効绔ラ�夋嫨椋熷搧搴旂鍚堝摢浜涘崼鐢熻姹�?</span
@@ -1755,6 +1783,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.瀛﹀墠鍎跨鑶抽鐨勭児璋冨埗澶囪繃绋嬩腑搴旀敞鎰忓摢浜涗簨椤�?浜�.</span
@@ -1766,6 +1795,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.鎵樺辜鏈烘瀯鐨勯鍫傚簲绗﹀悎鍝簺瑕佹眰?</span>
                 <textarea
@@ -1775,6 +1805,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.鐐婁簨浜哄憳搴旀敞鎰忓摢浜涘崼鐢熻姹�?</span>
                 <textarea
@@ -1784,6 +1815,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.瀛﹀墠鍎跨甯歌鐨勪笉鑹ギ椋熶範鎯湁鍝簺?</span
@@ -1795,6 +1827,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >7.搴斿煿鍏诲鍓嶅効绔ュ摢浜涜壇濂界殑楗涔犳儻?</span
@@ -1806,6 +1839,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.闃呰涓浗钀ュ吇瀛︿細鍒跺畾鐨勩�婂榫勫墠鍎跨鑶抽鎸囧崡銆嬶紝浜嗚В鈥滀腑鍥藉効绔ュ钩琛¤喅椋熺畻鐩樷�濄��</span
@@ -1813,10 +1847,11 @@
                 <textarea
                   cols="30"
                   rows="4"
-                  v-model="chapterFiveData.learnTableThree.qEnight"
+                  v-model="chapterFiveData.learnTableThree.qEight"
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -1843,6 +1878,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               浠庤惀鍏诲鐨勮搴﹀垎鏋愶紝鈥滄磱蹇鈥濆叿鏈夆�滀笁楂樷�濆拰鈥滀笁浣庘�濈殑鐗圭偣锛屽嵆楂樿剛鑲�侀珮鐑噺銆侀珮铔嬬櫧璐紝浣庣淮鐢熺礌銆佷綆鏃犳満鐩愩�佷綆鑶抽绾ょ淮銆傗�滄磱蹇鈥濈殑鍒朵綔鏂瑰紡浠ョ儰銆佺偢涓轰富锛岃剛鑲惈閲忓緢楂橈紝澶уぇ瓒呰繃浜轰綋姣忓ぉ鐨勯渶瑕侀噺銆傝兘閲忚繃鍓╀細瀵艰嚧瓒呴噸鍙婅偉鑳栥�傝偉鑳栨槸寮曡捣楂樿鍘嬨�佺硸灏跨梾銆佸績琛�绠$柧鐥呯殑閲嶈鍗遍櫓鍥犵礌涔嬩竴銆傝繃鍘讳竴鐩村湪鎴愪汉鏈熸墠鏈夌殑鎱㈡�х梾锛屽楂樿鍘嬨�佺硸灏跨梾銆佽鑴傚紓甯哥瓑锛屽凡缁忓湪鑲ヨ儢鐨勫効绔ュ皯骞翠腑鍑虹幇锛屾瘮渚嬭秺鏉ヨ秺楂橈紝涓斿憟浣庨緞鍖栥�傝偉鑳栬繕浼氬鍎跨灏戝勾蹇冪悊甯︽潵璐熼潰褰卞搷銆傝�屼笖锛屸�滄磱蹇鈥濅腑鐨勬补鐐搁鍝佸惈鏈夎嚧鐧屾垚鍒嗭紝濡傛灉闀挎湡椋熺敤涔熶細瀵硅韩浣撲骇鐢熷嵄瀹炽�傚洜姝わ紝鈥滄磱蹇鈥濅笉瀹滅粡甯搁鐢ㄣ�傛湰涓婚涓昏璁茶堪瀛﹀墠鍎跨鑶抽閰嶅埗鍘熷垯銆侀ギ椋熷崼鐢熺瓑鐩稿叧鐭ヨ瘑锛屼负鎵樺辜鏈烘瀯鍙婂勾杞荤埗姣嶇瀛﹂厤鍒跺効绔ヨ喅椋熸彁渚涘府鍔┿��
@@ -1868,7 +1904,8 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                style="width: 100%"
+                controlslist="nodownload"
+                class="w100 video-border video"
               ></video>
               <p class="img">瑙嗛锛氬鍓嶅効绔ヨ喅椋熺殑閰嶅埗鍘熷垯</p>
             </div>
@@ -1949,7 +1986,7 @@
             <p class="center">
               <b
                 >涓崕楗鏂囧寲鍙婂叾瀵瑰鍓嶅効绔ラギ椋熺殑褰卞搷<a id="w3"></a
-                ><a href="chapter005.html#m3"><sup>[3]</sup></a></b
+                ><a href="javascript: void(0)" @click="gotoLabel('childFive-labelThree')" class="cu-pr"><sup>[3]</sup></a></b
               >
             </p>
             <p class="block">
@@ -1979,8 +2016,8 @@
             绗簲锛岃澶囧竷灞�鍜屽伐鑹烘祦绋嬪簲褰撳悎鐞嗭紝闃叉寰呭姞宸ラ鍝佷笌鐩存帴鍏ュ彛椋熷搧銆佸師鏂欎笌鎴愬搧
           </p>
           <div class="annotation-border"></div>
-          <p class="note">
-            <a id="m3"></a><a href="chapter005.html#w3">[3]</a>
+          <p class="note" id="childFive-labelThree">
+            <a id="m3"></a><a href="javascript: void(0)">[3]</a>
             鎽樿嚜姹熺惓锛氥�婃祬璋堝辜鍎块ギ椋熺敓娲讳腑鐨勮绋嬭祫婧愬強鍏跺紑鍙戙�嬶紝杞姐�婂鍓嶆暀鑲茬爺绌躲�嬶紝2007锛�2锛夈�傚紩鐢ㄦ椂鏈夋敼鍔ㄣ��
           </p>
         </div>
@@ -2064,7 +2101,8 @@
                 x5-video-player-fullscreen="true"
                 x5-playsinline=""
                 controls
-                style="width: 100%"
+                controlslist="nodownload"
+                class="w100 video-border video"
               ></video>
               <p class="img">瑙嗛锛氬効绔ラギ椋熶範鎯殑鍩瑰吇</p>
             </div>
@@ -2116,9 +2154,8 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚涓�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[137]"
-              :chapter="5"
-              :page="129"
             />
           </p>
           <h2 class="module_block" id="b021">
@@ -2130,13 +2167,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"
@@ -2195,6 +2245,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">2.鍒惰鑶抽璁″垝鐨勫嚭鍙戠偣鏄粈涔�?</span>
                 <textarea
@@ -2204,6 +2255,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >3.绉戝鐨勮喅椋熻鍒掑簲绗﹀悎鍝簺鍩烘湰瑕佹眰?</span
@@ -2215,6 +2267,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">4.鎷熷畾椋熻氨鏈夊摢浜涘熀鏈姹�?</span>
                 <textarea
@@ -2224,6 +2277,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">5.椋熻氨涓鐗╂浛鎹㈢殑鍘熷垯鏄粈涔�?</span>
                 <textarea
@@ -2233,6 +2287,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >6.鑶抽鍒跺害鐨勫埗璁㈠寘鎷摢涓や釜鍩烘湰瑕佹眰?</span
@@ -2244,6 +2299,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">7.濡備綍鍚堢悊鍒嗛厤椋熺墿鐨勬暟閲忓拰璐ㄩ噺?</span>
                 <textarea
@@ -2253,6 +2309,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10"
                   >8.濡備綍瀹夋帓鍎跨鐨勮繘椁愭鏁板拰闂撮殧鏃堕棿?</span
@@ -2260,10 +2317,11 @@
                 <textarea
                   cols="30"
                   rows="4"
-                  v-model="chapterFiveData.learnTableFour.qEnight"
+                  v-model="chapterFiveData.learnTableFour.qEight"
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">9.鑶抽璋冩煡鐨勬柟娉曟湁鍝簺?</span>
                 <textarea
@@ -2273,6 +2331,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
                 <span class="ds-bl mt-10">10.濡備綍瀵硅喅椋熻皟鏌ョ粨鏋滆繘琛岃瘎浠�?</span>
                 <textarea
@@ -2282,6 +2341,7 @@
                   placeholder="璇疯緭鍏ュ唴瀹�"
                   maxlength="300"
                   class="w100 ta-br textarea-text"
+                  @input="saveChapterOneData"
                 ></textarea>
               </td>
             </tr>
@@ -2308,6 +2368,7 @@
               placeholder="璇疯緭鍏ュ唴瀹�"
               maxlength="200"
               class="w100 ta-br fm-st cl-66 fz-14"
+              @input="saveChapterOneData"
             ></textarea>
             <p class="block">
               鏈富棰樹富瑕佽杩版墭骞兼満鏋勮喅椋熺鐞嗙殑瑕佹眰銆佽喅椋熻皟鏌ョ瓑鐩稿叧鍐呭锛屼负鎵樺辜鏈烘瀯杩涜绉戝鐨勮喅椋熺鐞嗘彁渚涚悊璁轰緷鎹��
@@ -2491,9 +2552,8 @@
           <p class="blockh6-c">
             <span class="img center dl-bl w100">涓撻浜� 瀛︿範涓婚鍥�</span>
             <examinations
+            v-if="questionData"
               :cardList="questionData[141]"
-              :chapter="5"
-              :page="133"
             />
           </p>
           <h6 class="Conclusion-title4">涓撻灏忕粨</h6>
@@ -2524,6 +2584,7 @@
               type="text"
               class="judge-input"
               v-model="chapterFiveData.question.judge.qOne"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -2531,6 +2592,7 @@
               type="text"
               class="judge-input"
               v-model="chapterFiveData.question.judge.qTwo"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block">
@@ -2538,6 +2600,7 @@
               type="text"
               class="judge-input"
               v-model="chapterFiveData.question.judge.qThree"
+              @input="saveChapterOneData"
             />锛�
           </p>
           <p class="block"><b>浜屻�佸~绌�</b></p>
@@ -2547,31 +2610,37 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.one"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.two"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.three"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.four"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.five"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qOne.six"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block">
@@ -2579,21 +2648,25 @@
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qTwo.one"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qTwo.two"
+              @input="saveChapterOneData"
             />銆�
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qTwo.three"
+              @input="saveChapterOneData"
             />銆傚叾涓棦鑳界淮鎸佷汉浣撶殑鐢熷懡鍋ュ悍鍙堣兘淇冭繘鍎跨鐢熼暱鍙戣偛鐨勬槸
             <input
               type="text"
               class="lineInput completion-input"
               v-model="chapterFiveData.question.fill.qTwo.four"
+              @input="saveChapterOneData"
             />銆�
           </p>
           <p class="block"><b>涓夈�佹�濊��</b></p>
@@ -2603,6 +2676,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qOne"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">2.绠�杩颁笁澶т骇鑳借惀鍏荤礌鐨勭敓鐞嗗姛鑳姐��</p>
           <textarea
@@ -2610,6 +2684,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qTwo"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">3.铔嬬櫧璐ㄧ殑浜掕ˉ浣滅敤鏄粈涔堟剰鎬濓紵</p>
           <textarea
@@ -2617,6 +2692,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qThree"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">4.涓轰粈涔堝効绔ヤ笉瀹滄憚鍙栬繃澶氱殑鑴傝偑锛�</p>
           <textarea
@@ -2624,6 +2700,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qFour"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">5.鑴傛憾鎬х淮鐢熺礌鍜屾按婧舵�х淮鐢熺礌鏈変粈涔堝尯鍒紵</p>
           <textarea
@@ -2631,6 +2708,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qFive"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">6.瀛﹀墠鍎跨瀹规槗缂轰箯鍝嚑绫绘棤鏈虹洂锛�</p>
           <textarea
@@ -2638,6 +2716,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qSix"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">7.涓轰粈涔堣鎻愬�℃瘝涔冲杺鍏伙紵</p>
           <textarea
@@ -2645,6 +2724,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qSeven"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">8.閰嶅埗瀛﹀墠鍎跨鐨勮喅椋熷簲閬靛惊浠�涔堝師鍒欙紵</p>
           <textarea
@@ -2652,6 +2732,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qEnight"
+            @input="saveChapterOneData"
           ></textarea>
           <p class="block">9.濡備綍鍋氬ソ骞煎効鍥殑楗鍗敓宸ヤ綔锛�</p>
           <textarea
@@ -2659,6 +2740,7 @@
             :rows="8"
             placeholder="璇疯緭鍏ュ唴瀹�"
             v-model="chapterFiveData.question.short.qNine"
+            @input="saveChapterOneData"
           ></textarea>
           <div>
             <p class="custom_tag">鈥㈠簲鐢ㄤ笌鎺㈣鈥�</p>
@@ -2675,19 +2757,17 @@
             浜戞祴璇�
           </h6>
           <p class="blockh6-c">
-            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵鎵爜娴嬩竴娴嬪惂锛�<br />
+            瀛︿範瀹屾湰涓撻锛屼綘鐨勫涔犳晥鏋滃浣曞憿锛熷挶浠竴璧锋潵娴嬩竴娴嬪惂锛�<br />
             <span class="img">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級1</span><br />
             <examinations
-              :cardList="questionData[142][1]"
-              :chapter="5"
-              :page="1341"
+                v-if="questionData"
+              :cardList="questionData[142] ? questionData[142][1] : []"
             />
             <span class="span-border"></span>
             <span class="img mt-20 dl-bl">杩囧叧妫�娴嬶紙璧勬牸鑰冭瘯妯℃嫙棰橈級2</span>
             <examinations
-              :cardList="questionData[142][2]"
-              :chapter="5"
-              :page="1342"
+            v-if="questionData"
+              :cardList="questionData[142] ? questionData[142][2] : []"
             />
           </p>
         </div>
@@ -2698,7 +2778,7 @@
 
 <script>
 import examinations from "@/components/examinations/index.vue";
-import getResourcePath from "@/assets/methods/resources";
+import {getResourcePath} from "@/assets/methods/resources";
 export default {
   name: "chapterFive",
   components: { examinations },
@@ -2709,21 +2789,13 @@
     showPageList: {
       type: Array,
     },
+    isSearch: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
-      learn: require("../../../assets/images/chapterFive/0112-1.jpg"),
-      taskOne: require("../../../assets/images/chapterFive/task-sheet1.png"),
-      tableOne: require("../../../assets/images/chapterFive/0117-1.jpg"),
-      tableTwo: require("../../../assets/images/chapterFive/0118-1.jpg"),
-      tableThree: require("../../../assets/images/chapterFive/0118-2.jpg"),
-      tableFour: require("../../../assets/images/chapterFive/0119-1.jpg"),
-      taskTwo: require("../../../assets/images/chapterFive/task-sheet2.png"),
-      tableFive: require("../../../assets/images/chapterFive/0135-1.jpg"),
-      tableSix: require("../../../assets/images/chapterFive/0136-1.jpg"),
-      taskThree: require("../../../assets/images/chapterFive/task-sheet3.png"),
-      taskFour: require("../../../assets/images/chapterFive/task-sheet4.png"),
-      tower: require("../../../assets/images/chapterFive/0124-1.jpg"),
       learnTableOne: true,
       learnTableTwo: true,
       learnTableThree: true,
@@ -2800,8 +2872,8 @@
             qTwo: {
               oen: "",
               two: "",
-              Three: "",
-              Four: "",
+              three: "",
+              four: "",
             },
           },
           short: {
@@ -2824,22 +2896,7 @@
     if (localData) {
       this.chapterFiveData = JSON.parse(localData);
     }
-    window.timerFive = setInterval(() => {
-      this.saveTime--;
-      if (this.saveTime == 0) {
-        this.saveChapterOneData();
-      }
-    }, 1000);
     this.getVideoPath();
-  },
-  unmounted() {
-    if (window.timerFive) {
-      clearInterval(window.timerFive);
-    }
-    localStorage.setItem(
-      "chapterFiveData",
-      JSON.stringify(this.chapterFiveData)
-    );
   },
   methods: {
     changeResources(type) {
@@ -2856,19 +2913,21 @@
       }
     },
     saveChapterOneData() {
-      this.saveTime = 20;
       localStorage.setItem(
         "chapterFiveData",
         JSON.stringify(this.chapterFiveData)
       );
     },
-    getVideoPath() {
-      this.$data.pathOne = getResourcePath("5698398be3f5c7fdb247218b2a687257");
-      this.$data.pathTwo = getResourcePath("5905673b09837c74953dd11fcb27d123");
-      this.$data.pathThree = getResourcePath(
+    async getVideoPath() {
+      this.$data.pathOne = await getResourcePath("5698398be3f5c7fdb247218b2a687257");
+      this.$data.pathTwo = await getResourcePath("5905673b09837c74953dd11fcb27d123");
+      this.$data.pathThree = await getResourcePath(
         "1f768157227c193ed5c11f972f66e692"
       );
-      this.$data.pathFour = getResourcePath("4f446d88ec1ed081a172b7130dce896b");
+      this.$data.pathFour = await getResourcePath("4f446d88ec1ed081a172b7130dce896b");
+    },
+    gotoLabel(id) {
+      (this.container ? this.container : document).getElementById(id).scrollIntoView()
     },
   },
 };

--
Gitblit v1.9.1